/* MANUAL DA BRUNA (rebranding 03/10) · prancha Manual.dc.html. Tokens de marca.css. */
.mn-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:2px 2px 20px}
.mn-head>div{flex:1 1 360px;min-width:0}
.mn-head h1{margin:0;font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1.05;color:var(--txt)}
.mn-head p{margin:8px 0 0;font-size:15px;color:var(--tx-3)}
.mn-busca{display:flex;align-items:center;gap:10px;height:44px;width:340px;max-width:100%;padding:0 14px;border-radius:14px;background:var(--cartao);color:var(--tx-4);box-sizing:border-box}
.mn-busca input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;outline:0;font:inherit;font-size:14px;color:var(--txt);padding:0!important;height:auto!important}
.mn-faixa{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#141312;color:#F7F5F0;border-radius:24px;padding:18px 22px;margin-bottom:14px}
body:not(.light) .mn-faixa{background:#24221F}
.mn-faixa-ic{width:46px;height:46px;border-radius:14px;background:rgba(255,79,43,.18);display:grid;place-items:center;flex:none;color:#FF8A70}
.mn-faixa>div{display:flex;flex-direction:column;gap:3px;flex:1 1 320px;min-width:0}
.mn-faixa b{font-size:15.5px;font-weight:600;color:#FFFFFF}
.mn-faixa span{font-size:13.5px;color:#CFC9BE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-faixa-b{height:44px;padding:0 18px;border-radius:14px;border:0;background:#F7F5F0;color:#141312;font:600 14px var(--fonte);cursor:pointer}
.mn-corpo{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:14px;align-items:start}
.mn-idx{background:var(--cartao);border-radius:24px;padding:10px;display:flex;flex-direction:column;gap:2px;position:sticky;top:76px}
.mx-it{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:15px;border:0;background:none;font:inherit;color:var(--txt);text-align:left;cursor:pointer;width:100%}
.mx-it:hover{background:var(--nevoa)}
.mx-it.on{background:var(--nav-on);color:var(--nav-on-tx)}
.mx-it-ic{width:36px;height:36px;border-radius:11px;background:var(--nevoa);display:grid;place-items:center;flex:none;color:inherit}
.mx-it.on .mx-it-ic{background:rgba(255,255,255,.1)}
.mx-it.on .ic .r{display:none}.mx-it.on .ic .f{display:inline}
.mx-it-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mx-it-t b{font-size:14px;font-weight:600}
.mx-it-t small{font-size:12px;color:var(--tx-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-it.on .mx-it-t small{color:color-mix(in srgb,var(--nav-on-tx) 70%,transparent)}
body:not(.light) .mx-it.on .mx-it-ic{background:rgba(15,14,13,.08)}
.mn-falta{width:8px;height:8px;border-radius:50%;background:var(--atencao);flex:none}
.mn-pane{background:var(--cartao);border-radius:24px;padding:26px 28px;min-width:0;min-height:420px;box-sizing:border-box}
/* editores existentes morando dentro do Manual */
.mn-pane>.section.mn-embed{display:block!important;padding:0!important;margin:0!important;max-width:none!important;background:none!important;animation:none!important}
.mn-pane>.mn-embed>.v3-migalha{display:none!important}
.mn-pane>.mn-embed .section-intro h2{font-size:22px!important}
.mn-pane>.mn-embed .cat-tabs{display:none!important}
.mn-pane>.mn-embed .card{background:var(--nevoa)!important}
/* perguntas da Bruna */
.mn-pane-h{padding-bottom:18px}
.mn-pane-h h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--txt)}
.mn-pane-h p{margin:6px 0 0;font-size:14px;color:var(--tx-3);line-height:1.5;max-width:640px}
.mn-q{background:var(--nevoa);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.mn-q-h{display:flex;gap:12px;align-items:flex-start}
.mn-q-h>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.mn-q-h b{font-size:14.5px;font-weight:600;color:var(--txt);line-height:1.4}
.mn-q-h small{font-size:12px;color:var(--tx-4)}
.mn-q-ic{width:34px;height:34px;border-radius:11px;background:var(--atencao-claro);display:grid;place-items:center;flex:none;color:var(--atencao)}
.mn-q.feita .mn-q-ic{background:var(--ok-claro)}
.mn-q.feita .mn-q-ic{color:var(--ok)}
.mn-q-fala{margin:0;font-size:13px;color:var(--tx-3);line-height:1.5}
.mn-q-resp{margin:0;font-size:13.5px;color:var(--tx-2);line-height:1.5}
.mn-q-r{align-self:flex-start}
.mn-sub{margin:22px 0 10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4)}
.mn-vazio{display:flex;gap:14px;align-items:center;background:var(--nevoa);border-radius:16px;padding:18px;color:var(--ok)}
.mn-vazio div{display:flex;flex-direction:column;gap:3px;color:var(--txt)}
.mn-vazio b{font-weight:600;font-size:14.5px}.mn-vazio span{font-size:13px;color:var(--tx-3)}
@media (max-width:980px){.mn-corpo{grid-template-columns:minmax(0,1fr)}.mn-idx{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.mn-idx::-webkit-scrollbar{display:none}.mx-it{flex:none;width:auto;max-width:240px}.mx-it-t small{display:none}}
@media (max-width:820px){.mn-head h1{font-size:28px}.mn-busca{width:100%}.mn-pane{padding:18px;border-radius:22px}}
@media (max-width:980px){.mx-it{gap:8px;padding:9px 12px}.mx-it-ic{width:30px;height:30px;border-radius:10px}.mx-it-t b{white-space:nowrap;font-size:13.5px}}
.mn-q-selo{align-self:flex-start;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--cartao);color:var(--ok)}
