/* Conversation viewer for flags raised by voice interviews (teacher and admin dashboards). */
.voice-flag-controls{margin:6px 0 2px}
.voice-flag-dialog{width:min(640px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:0;overflow:auto;border:1px solid var(--line,rgba(36,90,74,.17));border-radius:18px;color:var(--text,#18352d);background:var(--paper,#fffefa);box-shadow:0 30px 90px rgba(23,63,53,.27)}
.voice-flag-dialog::backdrop{background:rgba(20,45,37,.55)}
.voice-flag-card{display:grid;gap:18px;padding:26px 28px}
.voice-flag-card header h2{margin:0;font-size:1.3rem;letter-spacing:-.03em;background:none;-webkit-text-fill-color:currentColor}
.voice-flag-card header p{margin:8px 0 0;color:#4f6258;font-size:1rem;line-height:1.65}
.voice-flag-card .voice-flag-keep{font-weight:700;color:var(--forest,#245a4a)}
.voice-flag-lines{display:grid;gap:10px;max-height:46vh;overflow:auto;padding:4px 2px}
.voice-flag-line{margin:0;padding:13px 16px;border-radius:14px;font-size:1.02rem;line-height:1.7}
.voice-flag-line small{display:block;margin-bottom:4px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.7}
.voice-flag-line.is-interviewer{justify-self:start;max-width:90%;border-radius:4px 14px 14px 14px;background:var(--mint,#dff2e9)}
.voice-flag-line.is-candidate{justify-self:end;max-width:90%;border-radius:14px 4px 14px 14px;background:#eef0f4}
.voice-flag-card section h3{margin:0 0 8px;font-size:1.05rem;background:none;-webkit-text-fill-color:currentColor}
.voice-flag-log{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:.95rem;line-height:1.6}
.voice-flag-log li small{display:block;color:var(--muted,#68746d)}
.voice-flag-card .dialog-actions{display:flex;justify-content:flex-end}

/* Flagged conversations in the dashboards: easier to read */
.flag-row:has(.voice-flag-controls) .flag-context{font-size:1rem;line-height:1.65}
.flag-row:has(.voice-flag-controls) .flag-reason{font-size:1.02rem;line-height:1.6}
.flag-row:has(.voice-flag-controls) .tiny-button,.voice-flag-controls .tiny-button{min-height:44px;padding:0 18px;font-size:.92rem}
.voice-flag-controls .flag-context{font-size:1rem}

.voice-flag-dialog{overflow:hidden}
.voice-flag-card{max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9cdc1 transparent}
.voice-flag-card::-webkit-scrollbar{width:8px}
.voice-flag-card::-webkit-scrollbar-track{background:transparent;margin:14px 0}
.voice-flag-card::-webkit-scrollbar-thumb{border-radius:999px;background:#b9cdc1}
.voice-flag-lines{max-height:none;overflow:visible}