/* ════════════════════════════════════════════════════════════════════
   SONIC SCRIBE — admin.css · Bank Builder (extends app.css tokens)
   ════════════════════════════════════════════════════════════════════ */

/* tabs */
.bb-tabs{display:flex;gap:8px;margin-bottom:18px}
.bb-tab{background:var(--surf2);border:1px solid var(--border);border-radius:11px;padding:9px 18px;font-family:'Space Grotesk',sans-serif;font-size:.84rem;font-weight:700;color:var(--dim);cursor:pointer;transition:all .15s}
.bb-tab.on{background:rgba(14,165,233,.14);border-color:#0EA5E9;color:#0EA5E9}

/* form */
.bb-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
@media(max-width:640px){.bb-form-grid{grid-template-columns:1fr}}
.bb-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:700;margin-bottom:6px}
.bb-inp{width:100%;box-sizing:border-box;background:var(--surf2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-family:'Space Grotesk',sans-serif;font-size:.88rem;color:var(--text);outline:none;transition:border-color .15s}
.bb-inp:focus{border-color:#0EA5E9}
select.bb-inp{cursor:pointer}

/* selectable chips (phenomena / filters) */
.bb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.bb-chip{background:var(--surf2);border:1px solid var(--border);border-radius:20px;padding:5px 13px;font-size:.74rem;font-weight:700;color:var(--dim);cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:all .15s}
.bb-chip.on{background:rgba(14,165,233,.15);border-color:#0EA5E9;color:#0EA5E9}

/* generated sentence rows */
.bb-row{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;margin-bottom:9px}
.bb-row-top{display:flex;gap:8px;align-items:flex-start}
.bb-row-idx{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:#0EA5E9;font-weight:700;padding-top:10px;width:22px;flex-shrink:0}
.bb-row textarea{flex:1;background:var(--surf2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-family:'Space Grotesk',sans-serif;font-size:.92rem;color:var(--text);outline:none;resize:vertical;min-height:42px;line-height:1.55}
.bb-row textarea:focus{border-color:#0EA5E9}
.bb-row-x{background:none;border:none;color:var(--dimmer);font-size:1rem;cursor:pointer;padding:8px 4px}
.bb-row-x:hover{color:var(--red)}
.bb-row .bb-chips{margin:8px 0 0 30px}

/* unit list */
.bb-unit{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .15s}
.bb-unit:hover{border-color:#0EA5E9}
.bb-unit-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bb-unit-title{font-size:.94rem;font-weight:700;flex:1;min-width:140px}
.bb-unit-meta{font-size:.74rem;color:var(--dim);margin-top:5px}
.bb-unit-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px;padding-top:11px;border-top:1px solid var(--border)}
.bb-unit-actions .btn{min-height:30px;padding:5px 12px;font-size:.74rem;flex:0 0 auto}
.bb-badge{font-size:.66rem;font-weight:800;border-radius:20px;padding:3px 10px;white-space:nowrap}
.bb-badge.draft{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32);color:var(--yellow)}
.bb-badge.approved{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--green)}
.bb-badge.archived{background:var(--surf3);border:1px solid var(--border2);color:var(--dimmer)}
.bb-badge.lvl{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.32);color:#0EA5E9}

/* unit detail — sentence rows */
.bb-sent{background:var(--surf);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;margin-bottom:8px}
.bb-sent-top{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.bb-sent-top textarea{flex:1;min-width:200px;background:var(--surf2);border:1px solid var(--border);border-radius:9px;padding:8px 11px;font-family:'Space Grotesk',sans-serif;font-size:.88rem;color:var(--text);outline:none;resize:vertical;min-height:40px;line-height:1.5}
.bb-sent-top textarea:focus{border-color:#0EA5E9}
.bb-sent-audio{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:8px;margin-left:30px}
.bb-sent-audio audio{height:32px;max-width:280px}
.bb-flag{font-size:.68rem;font-weight:700;border-radius:20px;padding:2px 9px}
.bb-flag.edited{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32);color:var(--yellow)}
.bb-flag.noaudio{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--red)}
.bb-flag.okaudio{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:var(--green)}

.bb-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.bb-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.bb-actions .btn{flex:1;min-width:140px}
.btn-sm-ghost{min-height:32px;padding:5px 12px;font-size:.74rem}