/* Plan 105 (Issue #100): Production Notes section styling
 *
 * Visual goals (per design review):
 *  1. Edit/Delete buttons hover-reveal — they're tertiary actions on each note,
 *     and showing them always creates visual noise that competes with the note
 *     content. Pattern: GitHub comments, Linear, Notion.
 *  2. A faint hairline between notes makes each note unambiguously its own unit
 *     (the date stops feeling orphaned because the note has a clear bottom edge).
 *  3. The note's last paragraph shouldn't carry Bulma's `.content` margin —
 *     it pushes the metadata row away from the note body and breaks visual
 *     grouping.
 *
 * Loaded on postprod.pt, details.pt, and share/view.pt. The hover-reveal rule
 * targets `.production-note-actions` which only renders for editors, so the
 * share view is unaffected by it.
 */

/* Hover-reveal Edit/Delete actions. Keep them keyboard-accessible via
   `:focus-within` so a tabbing user gets them just like a hovering user. */
.production-note-actions {
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.production-note:hover .production-note-actions,
.production-note:focus-within .production-note-actions {
    opacity: 1;
    pointer-events: auto;
}

/* Subtle hairline between notes (not after the last). Tightened to keep the
   note's metadata visually grouped with its note rather than the next one. */
.production-note:not(:last-child) {
    border-bottom: 1px solid hsl(0, 0%, 92%);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

/* The big offender: Bulma 1.x applies `margin-bottom: var(--bulma-block-spacing)`
   to every `.content:not(:last-child)`. Our note's `.content` div has a sibling
   (the metadata `.level`), so it picks up ~1.5em of phantom margin below the
   note body. Kill it — the metadata row supplies its own tiny gap above. */
.production-note-html.content {
    margin-bottom: 0;
}

/* Metadata (relative date) — small and faint so it recedes. Grouping with the
   note above is achieved by tight spacing + low contrast, not by adding lines
   or boxes. Pattern: Twitter/GitHub/Linear timestamps. */
.production-note-meta {
    font-size: 0.75rem;
    color: hsl(0, 0%, 60%);
    letter-spacing: 0.01em;
    line-height: 1;
    margin: 0;
}