/* EVERYONE'S ROWS in the Create modal's time picker (owner 2026-10-06, mock B
   + veil). js/ui/event-team-rows.js paints .etr-stack inside #event-time-track
   and adds .etr-on; without it (no board to read) the plain track is
   unchanged. Colours are the board's: the work bracket blue, the sleep bracket
   violet, slate busy, the proposal hatch, the pink now line. */
#event-time-track.etr-on {
    background: transparent;
    border: none;
    border-radius: 0;
}
.etr-stack {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.etr-bar,
.etr-row {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
}
.etr-bar {
    top: 0;
    border-radius: 999px;
    background: #94a3b8;
}
.etr-bar > span,
.etr-row > span {
    position: absolute;
    top: 0;
    bottom: 0;
}
.etr-bar-all { background: var(--status-working, #16a34a); }
.etr-bar-half { background: var(--status-flex, #fbbf24); }
.etr-bar-few { background: #94a3b8; }
.etr-row { border-radius: 6px; }
.etr-cell { box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.25); }
.etr-bracket {
    box-sizing: border-box;
    border-radius: 5px;
    border: 2.5px solid var(--work-bracket, rgba(59, 130, 246, 0.85));
}
.etr-bracket.etr-sleep { border-color: var(--sleep-bracket, #6d28d9); }
.etr-row > .etr-event {
    top: 5px;
    bottom: 5px;
    border-radius: 3px;
    box-sizing: border-box;
}
.etr-busy { background: rgb(120, 130, 150); }
.etr-tentative {
    background: repeating-linear-gradient(135deg, #dc2626 0 3px, #5b7fd6 3px 6px);
    border: 1.5px dashed #ffffff;
}
.etr-away { background: repeating-linear-gradient(135deg, #ea580c 0 3px, #fdba74 3px 6px); }
/* A solid tab, not haloed text: the name sits at the row's midnight end,
   which is night colour, then veiled past on today, so no text colour reads
   on both. */
.etr-names {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
}
.etr-name {
    position: absolute;
    left: 4px;
    transform: translateY(-50%);
    padding: 2px 5px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    z-index: 1;
}
body.dark-mode .etr-name { background: rgba(15, 23, 42, 0.88); color: #e2e8f0; }
/* The plain track's hour / half / quarter ticks would run through every row;
   each row draws its own hour seams. */
#event-time-track.etr-on .time-segment-markers,
#event-time-track.etr-on .time-range-hour-markers { display: none; }
.etr-more {
    position: absolute;
    left: 0;
    font-size: 11px;
    color: var(--text-secondary, #64748b);
}

/* The selection is the scan: it already spans the track's height. Keep the
   grips finger-sized instead of 70% of a tall stack. */
#event-time-track.etr-on .trp-handle {
    height: min(70%, 48px);
}

/* One person's sleep tint would lie across everyone's rows; each row draws
   its own bracket. */
#event-time-track.etr-on .trp-sleep-overlay { display: none; }

/* THE VEIL (owner 2026-10-06: "improving the gray state"). The grayscale wash
   made past daylight look like night and hid the sleep bracket; the past now
   keeps its colours under a light hatch and says PAST. */
#event-time-track.etr-on .trp-past-band {
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 0 6px, rgba(255, 255, 255, 0.5) 6px 7.5px),
        rgba(241, 245, 249, 0.62);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
#event-time-track.etr-on .trp-past-band::after {
    content: 'PAST';
    position: absolute;
    right: 4px;
    bottom: 3px;
    padding: 1px 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.85);
    color: #475569;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
#event-time-track.etr-on .trp-now-seam {
    background: #ec4899;
    box-shadow: 0 0 0 1.5px #ffffff;
}
body.dark-mode #event-time-track.etr-on .trp-past-band {
    background:
        repeating-linear-gradient(135deg, rgba(15, 23, 42, 0) 0 6px, rgba(15, 23, 42, 0.45) 6px 7.5px),
        rgba(15, 23, 42, 0.5);
}
body.dark-mode #event-time-track.etr-on .trp-past-band::after {
    background: rgba(15, 23, 42, 0.85);
    color: #cbd5e1;
}

/* 24 labels over ~330px crushed into "1011 12 13"; every third hour reads. */
.wizard-time-range-preview.etr-on .time-range-hour-labels span:not(:nth-child(3n+1)) {
    visibility: hidden;
}