/* v3 additions on top of the assistant_v2 design system (app.css). */

/* `hidden` must win over component display rules (.auth-split, .actions label). */
[hidden]{display:none!important}

#app{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;background:var(--bg)}

.transcript-block{margin:0 18px 18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:0}
.transcript-block>summary{cursor:pointer;padding:14px 18px;font-weight:650;font-size:13px;border-bottom:1px solid var(--border-light)}
#transcript{max-height:340px;overflow:auto;padding:12px 18px;display:flex;flex-direction:column;gap:10px}
.utterance{border-left:3px solid var(--border);padding:2px 0 2px 10px}
.utterance small{display:block;color:var(--muted);font-size:10px}
.utterance b{display:block;font-size:12px;color:var(--primary-dark)}
.utterance p{margin:2px 0 0;font-size:13px}
.empty{color:var(--muted);font-size:12px}

#profile .profile-grid{columns:2;column-gap:14px}
@media(max-width:1100px){#profile .profile-grid{columns:1}}
#profile .profile-section{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);break-after:avoid}
#profile .field{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;margin:0 0 8px;break-inside:avoid}
#profile .field.changed{border-color:#9dc2f2;box-shadow:var(--ring)}
#profile .field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:650}
#profile .field .value{margin-top:3px;font-size:13px;color:var(--text);cursor:text;overflow-wrap:anywhere}
#profile .field .value:hover{color:var(--primary-dark)}
#profile .field input,#profile .field textarea{width:100%;margin-top:3px;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font:inherit}

/* Keep the "+" add button on the same line as the value chips. */


/* Role colours for the transcript sink (mirrored in popup). */
.utterance{background:transparent;border-radius:0 6px 6px 0}
.utterance.recruiter{background:#eef5ff;border-left-color:#2E63B0}
.utterance.candidate{background:#fff7ea;border-left-color:#e0902a}
.utterance.recruiter b{color:#244F8F}
.utterance.candidate b{color:#a35c00}

/* Custom dropdowns */


/* Custom file picker */


/* Transcript window (separate browser window for a second monitor) */
.transcript-window{height:calc(100vh - 56px);overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.transcript-window #transcript{max-height:none;padding:0;gap:10px;display:flex;flex-direction:column}
.role-legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--secondary)}
.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:10px}
.legend-dot.recruiter{background:#2E63B0}
.legend-dot.candidate{background:#e0902a}
#transcript .utterance{padding:8px 12px;border-radius:0 8px 8px 0}
#transcript .utterance b{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:0;margin:3px 0;background:none;border-radius:0}

/* Word-by-word streaming & turn paragraph styles */
.word.provisional{opacity:.65;filter:blur(.5px)}
.word.speaker-pending{border-bottom:1px dashed rgba(0,0,0,.25)}
.transcript-paragraph{margin:0 0 6px 0;line-height:1.45}
.transcript-paragraph:last-child{margin-bottom:0}
.transcript-body{margin-top:4px}

/* Next Question Hint Bar */


/* Header Hint Bar (Detached transcript window) */
.header-hint-bar{display:flex;align-items:center;gap:8px;background:rgba(22,163,74,0.12);border:1px solid rgba(22,163,74,0.3);border-radius:6px;padding:4px 10px;font-size:12px;color:#14532d;max-width:55%;overflow:hidden}
.header-hint-bar .hint-label{font-weight:700;color:#15803d;font-size:11px}
.header-hint-bar .hint-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-hint-bar .hint-chips{display:inline-flex;gap:4px}
.header-hint-bar .hint-chip{font-size:10px;padding:1px 5px;border-radius:4px;background:#dcfce7;color:#166534;white-space:nowrap}
.header-hint-bar .hint-dismiss-btn{background:#fff;border:1px solid #86efac;color:#15803d;font-size:11px;padding:2px 7px;border-radius:4px;cursor:pointer;white-space:nowrap}
.header-hint-bar .hint-dismiss-btn:hover{background:#16a34a;color:#fff}