/* =====================================================================================================================
   STUDIO v3 (proposta 02/10): Hoje · O que a Bruna sabe · faixa de pausa · bastidores da Syra
   Usa só os tokens do Studio (--bg, --surface, --txt, --muted, --lime, --ok, --warn, --bad, --info, --line).
   ===================================================================================================================== */
.v3-carregando{padding:60px 0;color:var(--muted);font-size:14px}

/* ---------- menu: camada da clínica + bastidores ---------- */
.nav-bast-h{display:flex;align-items:center;gap:7px;width:100%;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}
.nav-bast-h svg{width:12px;height:12px;flex:none}
.nav-bast-h::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-right:6px;transition:transform .2s}
.nav-bast.fechado .nav-bast-h::after{transform:rotate(-45deg)}
.nav-bast.fechado .nav-item{display:none}
.nav-bast .nav-item{font-size:13px;padding:8px 12px}
body:not(.v3-syra) .mb-test{display:none!important}

/* ---------- faixa "Bruna pausada" (todas as telas menos Hoje) ---------- */
#v3-faixa{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:12px 16px;border-radius:14px;background:rgba(255,95,86,.08);border:1px solid rgba(255,95,86,.35)}
body.light #v3-faixa{background:rgba(217,58,49,.06);border-color:rgba(217,58,49,.3)}
.v3-faixa-dot{width:9px;height:9px;border-radius:50%;background:var(--atencao);flex:none}
.v3-faixa-t{flex:1;font-size:13.5px;color:var(--muted)}
.v3-faixa-b{padding:8px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--txt);font-weight:700;font-size:13px;font-family:inherit;cursor:pointer}
.v3-faixa-b:hover{border-color:var(--bad)}
body.conv-mode #v3-faixa{display:none}

/* ---------- HOJE (grade bento) ---------- */

/* ---------- O QUE A BRUNA SABE ---------- */
.v3-migalha{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px 6px 8px;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.v3-migalha:hover{color:var(--txt)}
.v3-migalha svg{width:14px;height:14px}