/* ===== Track (AngelList ATS) v2 scene extras. Base language lives in scenes.css. ===== */

/* a Track-palette card placed on the process desk */
.proc .cover-track { --cv-line: rgba(21,18,26,0.09); --cv-sub: #F5F4F7; color: var(--cv-text); }
.proc .cv-card.cover-track { box-shadow: 0 0 0 1px rgba(255,107,0,0.10), 0 2px 6px rgba(0,0,0,0.6), 0 24px 60px rgba(0,0,0,0.55), 0 0 90px rgba(255,107,0,0.16); }

/* printed time log with marker tallies */
.tk-log .irow { display: flex; align-items: baseline; gap: 10px; height: 28px; font-family: 'Caveat', cursive; font-size: 21px; line-height: 28px; color: #1E1B16; white-space: nowrap; }
.tk-log .irow em { font-style: normal; font-weight: 700; color: #FF6B00; letter-spacing: -1.5px; margin-left: auto; font-size: 22px; }
.tk-log .irow b { font-weight: 700; min-width: 46px; text-align: right; }
.tk-log .irow.sum { border-top: 2px solid #1E1B16; font-weight: 700; }
.tk-log .irow.sum b { font-size: 24px; color: #C0392B; }

/* printed day strip (ATS trial) */
.tk-strip { position: relative; height: 10px; border-radius: 5px; background: #E4E0D6; margin: 24px 0 8px; }
.tk-strip i { position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #2F6BFF; border-radius: 5px; margin: 0; }
.tk-strip em { position: absolute; top: -17px; left: 0; margin-left: -12px; font-family: 'Caveat', cursive; font-weight: 700; font-size: 40px; line-height: 1; color: #FF6B00; font-style: normal; opacity: 0; }
.tk-dl { display: flex; justify-content: space-between; font-family: 'DM Sans', sans-serif; font-size: 11px; color: #6B665B; }

/* marker crosses over the four feature doors */
.ti-x { font-family: 'Caveat', cursive; font-weight: 700; font-size: 96px; line-height: 1; color: #FF6B00; opacity: 0; text-shadow: 0 2px 6px rgba(0,0,0,0.3); }

/* cockpit prototype */
.tl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 10px; }
.tl-dense { display: flex; gap: 6px; align-items: baseline; margin: 7px 0; padding: 5px 7px; border-radius: 4px; background: #F0EDE6; font-family: 'DM Sans', sans-serif; font-size: 10.5px; color: #8C877B; white-space: nowrap; overflow: hidden; }
.tl-dense span { font-weight: 700; color: #4B463D; font-size: 11px; }

/* layered board: the drawer */
.tl-drawer { position: absolute; right: 0; top: 0; bottom: 0; width: 250px; background: #fff; border-left: 1px solid var(--cv-line); padding: 16px; box-shadow: -20px 0 40px rgba(0,0,0,0.12); }
.tl-tabs { display: flex; gap: 6px; margin: 12px 0 12px; }
.tl-tabs span { font-size: 11.5px; font-weight: 600; padding: 5px 8px; border-radius: 7px; color: var(--cv-muted); background: var(--cv-sub); }
.tl-tabs span.on { color: #fff; background: var(--cv-accent); }
.tl-ln { height: 8px; border-radius: 4px; background: var(--cv-sub); margin: 8px 0; }

/* scheduling models */
.ts-msg { font-family: 'Caveat', cursive; font-size: 22px; line-height: 28px; height: 28px; color: #1E1B16; white-space: nowrap; }
.ts-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin: 8px 0 10px; }
.ts-cal i { display: block; height: 16px; margin: 0; border-radius: 3px; background: #E4E0D6; }
.ts-cal i.hot { background: #2F6BFF; }
.ts-cap { font-family: 'DM Sans', sans-serif; font-size: 12px; line-height: 1.4; color: #6B665B; }
.ts-cap em { font-style: normal; font-weight: 700; color: #2A2416; }
.ts-slot { font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 12px; padding: 8px 4px; color: var(--cv-text); border-color: rgba(20,24,33,0.14); background: #fff; }
.ts-slot.on { background: var(--cv-accent); color: #fff; border-color: var(--cv-accent); }

/* whiteboard (kanban) */
.wb-col { border: 2.5px solid rgba(242,242,238,0.34); border-radius: 14px 10px 16px 9px / 10px 16px 9px 14px; }
.tk-wbl { font-size: 30px; }

/* booking: week strip on the founder side, slot list on the candidate side */
.tb-week { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.tb-day { border-radius: 8px; background: var(--cv-sub); padding: 6px 6px 8px; height: 108px; font-size: 11px; font-weight: 700; color: var(--cv-muted); }
.tb-day i { display: block; height: 16px; border-radius: 4px; background: #D9DDE6; margin-top: 6px; font-style: normal; }
.tb-day i.ev { background: var(--cv-accent); color: #fff; font-size: 10px; font-weight: 700; padding: 0 5px; line-height: 16px; white-space: nowrap; overflow: hidden; }
.tb-slots .tk-slot { display: block; margin-top: 8px; font-family: 'DM Sans', sans-serif; font-weight: 600; font-size: 14px; padding: 12px; border: 1px solid rgba(20,24,33,0.14); color: var(--cv-text); text-align: left; }
.tb-slots .tk-slot.on { background: var(--cv-accent); color: #fff; border-color: var(--cv-accent); }

/* scorecard rows on the phone */
.tsc-row { display: flex; align-items: center; justify-content: space-between; height: 46px; font-size: 14px; font-weight: 600; color: var(--cv-text); }
.tsc-row .tk-th span { width: 38px; height: 32px; font-size: 15px; }
.tsc-caret { font-style: normal; color: var(--cv-accent); font-weight: 300; }