/* Visual inspirado no BI financeiro do Objetivo Kids: navegação lateral, Inter, azul-marinho e azul. */
:root{--bi-navy:#102745;--bi-blue:#1555a0;--bi-soft:#eaf1fb;--bi-ink:#182d47;--bi-muted:#718096;--bi-line:#e4eaf2;--bi-bg:#f5f7fb;--bi-green:#168578;--bi-red:#bf4b55}
body.bi-theme{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bi-bg);color:var(--bi-ink);font-size:14px;line-height:1.5}
body.bi-theme .app-surface{background:var(--bi-bg)}
body.bi-theme .cobranca-sidebar{width:246px;background:var(--bi-navy);color:#f3f7ff;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;padding:30px 18px 20px;z-index:45;overflow-y:auto}
body.bi-theme .cobranca-brand{padding:0 4px}
body.bi-theme .cobranca-brand-logo{min-height:75px;background:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:14px 12px;max-width:205px;margin-bottom:24px}
body.bi-theme .cobranca-brand-logo img{width:100%;height:auto;max-height:55px;object-fit:contain}
body.bi-theme .cobranca-brand p{font-size:12px;font-weight:750;letter-spacing:.75px;color:#f5f8fc;margin:0 3px}
body.bi-theme .cobranca-brand p span{display:block;font-size:9px;color:#90a9c7;font-weight:650;letter-spacing:1.25px;margin-top:5px}
body.bi-theme .cobranca-nav-label{font-size:10px;letter-spacing:1.5px;color:#7990ac;margin:34px 14px 11px;font-weight:700}
body.bi-theme .cobranca-menu{display:grid;gap:5px}
body.bi-theme .cobranca-nav-item{display:flex;align-items:center;gap:12px;color:#a4b6ce;border-radius:9px;padding:12px 13px;font-size:12px;font-weight:600;transition:background .15s,color .15s;text-decoration:none}
body.bi-theme .cobranca-nav-item i{font-size:15px;width:20px;text-align:center}
body.bi-theme .cobranca-nav-item:hover{color:#fff;background:#1b3858}
body.bi-theme .cobranca-nav-item.is-active{background:#244769;color:#fff}
body.bi-theme .cobranca-sidebar-bottom{margin-top:auto;padding-top:28px}
body.bi-theme .cobranca-sidebar-bottom p{font-size:10px;color:#809ab6;margin:18px 12px 0}
body.bi-theme .cobranca-user{display:flex;align-items:center;gap:10px;padding:16px 9px;margin-bottom:9px;border-top:1px solid #28415f;min-width:0}
body.bi-theme .cobranca-avatar{display:grid;place-items:center;background:#eaf1fb;color:#1555a0;font-weight:700;width:33px;height:33px;flex-shrink:0;border-radius:50%;font-size:12px}
body.bi-theme .cobranca-user strong{font-size:11px;display:block;font-weight:650;overflow-wrap:anywhere}
body.bi-theme .cobranca-user small{display:block;color:#89a3c1;font-size:10px;margin-top:2px}
body.bi-theme .cobranca-workspace{margin-left:246px;width:calc(100% - 246px);min-width:0;min-height:100vh;display:flex;flex-direction:column}
body.bi-theme .cobranca-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:80px;background:#fff;border-bottom:1px solid var(--bi-line);padding:15px 32px}
body.bi-theme .cobranca-topbar-start{display:flex;align-items:center;gap:13px;min-width:0}
body.bi-theme .cobranca-breadcrumb{font-size:11px;color:var(--bi-muted);min-width:0;line-height:1.4}
body.bi-theme .cobranca-breadcrumb>b{margin:0 12px;color:#becad7}
body.bi-theme .cobranca-breadcrumb strong{color:var(--bi-ink);font-weight:650}
body.bi-theme .cobranca-breadcrumb small{display:block;margin-top:4px;color:#8b9aad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.bi-theme .cobranca-topbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:flex-end}
body.bi-theme .cobranca-topbar-actions>*{font-size:12px!important;padding:10px 14px!important;border-radius:9px!important}
body.bi-theme .cobranca-mobile-menu{display:none;align-items:center;justify-content:center;min-height:38px;min-width:38px;border:1px solid var(--bi-line);border-radius:8px;color:var(--bi-ink)}
body.bi-theme .cobranca-workspace>main{width:100%;max-width:1800px;margin-left:auto;margin-right:auto;min-width:0;flex:1}
body.bi-theme .cobranca-workspace>main>section,body.bi-theme .cobranca-workspace>main>div{min-width:0}
body.bi-theme .cobranca-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8394a9;font-size:10px;margin:14px 32px 0;border-top:1px solid var(--bi-line);padding:22px 0 26px}
body.bi-theme .bg-blue-600{background-color:var(--bi-blue)!important}
body.bi-theme .hover\:bg-blue-700:hover{background-color:#0f417d!important}
body.bi-theme .text-blue-600,body.bi-theme .text-blue-700{color:var(--bi-blue)!important}
body.bi-theme .bg-slate-900,body.bi-theme .bg-slate-800{background-color:var(--bi-navy)!important}
body.bi-theme .text-slate-900,body.bi-theme .text-slate-800{color:var(--bi-ink)}
body.bi-theme .border-slate-100,body.bi-theme .border-slate-200{border-color:var(--bi-line)}
body.bi-theme .text-slate-500{color:var(--bi-muted)}
body.bi-theme .bg-blue-50{background-color:var(--bi-soft)!important}
body.bi-theme .rounded-2xl{border-radius:16px}
body.bi-theme .shadow-sm{box-shadow:0 3px 12px rgba(16,39,69,.025)}
body.bi-theme input:focus-visible,body.bi-theme select:focus-visible,body.bi-theme button:focus-visible,body.bi-theme a:focus-visible{outline:2px solid #74a4df;outline-offset:2px}
body.bi-theme .cobranca-workspace>main h2,body.bi-theme .cobranca-workspace>main h3{letter-spacing:-.35px}
body.bi-theme .cobranca-workspace>main input:not([type=checkbox]):not([type=radio]):not([type=file]),body.bi-theme .cobranca-workspace>main select,body.bi-theme .cobranca-workspace>main textarea{border-radius:9px}
body.bi-theme .cobranca-workspace>main>section:first-child{border:0;background:transparent;box-shadow:none;padding:0}
body.bi-theme .cobranca-workspace>main>section:first-child h2{font-size:clamp(24px,2.3vw,33px);line-height:1.25;letter-spacing:-1px}
body.bi-theme #modalCobranca,body.bi-theme #modalBaixa{z-index:60}
body.bi-theme #modalCobranca .bg-white,body.bi-theme #modalBaixa .bg-white{border-color:var(--bi-line)}
body.bi-theme .cobranca-mobile-shade{display:none}
@media(max-width:1150px){body.bi-theme .cobranca-topbar{padding:16px 20px}body.bi-theme .cobranca-workspace>main{padding:25px 20px}}
@media(max-width:900px){
  body.bi-theme .cobranca-sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 25px rgba(12,28,48,.12)}
  body.bi-theme .cobranca-sidebar.is-open{transform:translateX(0)}
  body.bi-theme .cobranca-workspace{margin-left:0;width:100%}
  body.bi-theme .cobranca-mobile-menu{display:inline-flex}
  body.bi-theme .cobranca-mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:rgba(10,26,48,.48);z-index:44}
  body.bi-theme .cobranca-topbar{padding:14px 18px}
  body.bi-theme .cobranca-breadcrumb small{max-width:250px}
  body.bi-theme .cobranca-footer{margin-left:20px;margin-right:20px}
}
@media(max-width:580px){
  body.bi-theme .cobranca-topbar{align-items:flex-start;flex-direction:column;gap:10px}
  body.bi-theme .cobranca-topbar-actions{justify-content:flex-start}
  body.bi-theme .cobranca-workspace>main{padding:22px 14px!important}
  body.bi-theme .cobranca-footer{flex-direction:column;text-align:center;gap:4px}
  body.bi-theme .cobranca-breadcrumb strong{font-size:11px}
  body.bi-theme .cobranca-breadcrumb small{max-width:80vw}
}
@media print{body.bi-theme .cobranca-sidebar,body.bi-theme .cobranca-topbar,body.bi-theme .cobranca-footer{display:none!important}body.bi-theme .cobranca-workspace{width:100%;margin:0}}