/* ── Interview Detail Screen ── */
.int-detail {
  display:flex; flex-direction:column;
  position:fixed; top:0; right:0; bottom:0; left:236px; /* sidebar width */
  overflow:hidden; background:var(--bg, #fff); z-index:10;
}
.int-detail-hdr {
  display:flex; align-items:center; gap:12px;
  padding:16px 20px 12px; border-bottom:1px solid var(--border); flex-shrink:0;
}
.d-title-wrap { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.d-title-input {
  font-size:17px; font-weight:600; color:var(--text);
  background:transparent; border:none; border-bottom:2px solid transparent;
  padding:2px 4px; border-radius:4px; width:100%; transition:border-color .2s;
}
.d-title-input:hover { border-bottom-color:var(--border); }
.d-title-input:focus { outline:none; border-bottom-color:var(--accent); background:var(--surface); }
.d-sub { font-size:12px; color:var(--muted); padding:0 4px; }
.d-tabs {
  display:flex; gap:4px; padding:8px 20px;
  border-bottom:1px solid var(--border); flex-shrink:0;
}
.d-tab {
  padding:6px 16px; border-radius:20px; border:none;
  background:transparent; color:var(--muted); font-size:13px; cursor:pointer; transition:.15s;
}
.d-tab:hover { background:var(--surface); color:var(--text); }
.d-tab.active { background:var(--accent); color:#fff; font-weight:600; }
.d-body { flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.d-empty { padding:40px; text-align:center; color:var(--muted); }

/* Transcript */
.tx-scroll { flex:1; min-height:0; overflow-y:auto; padding:20px 24px; }
.tx-ln { margin:0 0 4px; font-size:13px; line-height:1.6; color:var(--text); }
.tx-spk { color:var(--accent); margin-right:6px; font-weight:700; }
.tx-br { height:10px; }

/* Scores */
.scores-wrap { flex:1; min-height:0; overflow-y:auto; padding:16px 20px; }
.scores-toolbar {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border);
}
.scores-count { font-size:12px; color:var(--muted); }
.btn-sm { font-size:12px; padding:5px 12px; }
.score-domain { margin-bottom:14px; border:1px solid var(--border); border-radius:10px; overflow:hidden; }
.score-domain-hdr {
  display:flex; justify-content:space-between; align-items:center;
  padding:8px 12px; background:var(--surface); font-size:13px; font-weight:600;
}
.score-avg { font-size:11px; color:var(--muted); font-weight:400; }
.score-rows { padding:4px 0; }
.score-row {
  display:flex; justify-content:space-between; align-items:center;
  padding:6px 12px; border-top:1px solid var(--border); font-size:12px;
}
.score-name { color:var(--text); flex:1; margin-right:8px; }
.score-pill { font-size:11px; font-weight:600; padding:2px 8px; border-radius:10px; white-space:nowrap; }
.s0 { background:#fee2e2; color:#991b1b; }
.s1 { background:#fef3c7; color:#92400e; }
.s2 { background:#e0f2fe; color:#075985; }
.s3 { background:#d1fae5; color:#065f46; }
.s4 { background:#ede9fe; color:#4c1d95; }

/* Section Picker */
.section-picker { padding:24px; max-width:480px; margin:0 auto; }
.sp-title { font-size:16px; font-weight:700; color:var(--text); margin-bottom:8px; }
.sp-hint { font-size:13px; color:var(--muted); margin-bottom:16px; line-height:1.5; }
.sp-divider { border:none; border-top:1px solid var(--border); margin:12px 0; }
.sp-list { display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.section-chk {
  display:flex; align-items:center; gap:10px; padding:10px 12px;
  border-radius:8px; cursor:pointer; font-size:13px; border:1px solid var(--border);
  transition:.15s; color:var(--text);
}
.section-chk:hover { background:var(--surface); }
.section-chk input { width:16px; height:16px; accent-color:var(--accent); cursor:pointer; }
.all-chk { border-color:var(--accent); }
.sp-actions { display:flex; gap:10px; justify-content:flex-end; }
.sp-launched { padding:32px 24px; text-align:center; color:var(--text); font-size:14px; line-height:1.8; }

/* Score Citations */
.score-row { align-items:stretch; }
.score-main { flex:1; min-width:0; }
.score-line { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.score-notes { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }
.score-cites { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.score-cite { border-left:3px solid var(--accent); background:rgba(99,102,241,.06); border-radius:8px; padding:7px 9px; }
.score-quote { color:var(--text); font-size:11px; line-height:1.45; }
.score-cite-meta { color:var(--muted); font-size:10px; margin-top:4px; }
.decision-summary { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.decision-summary span { border:1px solid var(--border); border-radius:999px; padding:5px 9px; font-size:11px; color:var(--muted); background:var(--surface); }