/* ============================================================
   BEM GESTÃO V3.40.2 — FINAL PREMIUM UI
   Camada visual final, não altera regras de negócio nem dados.
   ============================================================ */
:root{
  --bem-purple:#6a2ca0;
  --bem-purple-deep:#492067;
  --bem-purple-soft:#f3eafa;
  --bem-ink:#241a2a;
  --bem-muted:#706579;
  --bem-line:rgba(74,40,94,.11);
  --bem-card:#ffffff;
  --bem-page:#f7f4f9;
  --bem-green:#07856f;
  --bem-amber:#d99300;
  --bem-red:#c9343b;
  --bem-shadow:0 14px 38px rgba(45,27,55,.075);
  --bem-shadow-soft:0 7px 22px rgba(45,27,55,.055);
  --bem-radius:22px;
}

html{background:var(--bem-page)!important;scroll-behavior:smooth}
body{
  color:var(--bem-ink)!important;
  background:
    radial-gradient(circle at 0 0,rgba(106,44,160,.075),transparent 32rem),
    radial-gradient(circle at 100% 12%,rgba(255,168,0,.055),transparent 28rem),
    var(--bem-page)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 22rem);
}
::selection{background:rgba(106,44,160,.18)}

/* Estrutura */
.app-shell{max-width:1120px!important;padding:14px 14px 118px!important}
.main-content{margin-top:13px!important}
.screen.active{animation:bemFinalIn .18s ease-out}
@keyframes bemFinalIn{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}

.card{
  border:1px solid var(--bem-line)!important;
  border-radius:var(--bem-radius)!important;
  box-shadow:var(--bem-shadow-soft)!important;
  background:rgba(255,255,255,.975)!important;
}
.section-card{margin-top:13px!important;padding:17px!important}
.section-card:hover{border-color:rgba(106,44,160,.16)!important}

/* Cabeçalho premium e orientação de módulo */
.topbar{
  position:sticky!important;top:10px!important;z-index:420!important;
  padding:11px 14px!important;min-height:74px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:0 14px 34px rgba(43,26,54,.08)!important;
}
.topbar::after{
  content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--bem-purple),rgba(106,44,160,.08),var(--bem-amber));opacity:.32;
}
.brand-wrap{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important}
.brand-logo{width:56px!important;height:56px!important;padding:2px!important}
.brand-copy-accessible h1{font-size:1.05rem!important;font-weight:900!important;letter-spacing:.01em!important;color:var(--bem-purple-deep)!important}
.brand-copy-accessible p{
  margin-top:3px!important;font-size:.69rem!important;font-weight:700!important;line-height:1.28!important;
  color:var(--bem-muted)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
.session-wrap{gap:6px!important}
.user-chip{background:#f5f0f8!important;border:1px solid rgba(106,44,160,.07)!important;padding:5px 9px 5px 5px!important}
.user-avatar{background:linear-gradient(145deg,#7b36ae,#59247e)!important;box-shadow:0 5px 14px rgba(83,34,119,.18)!important}
.icon-btn,.icon-close{background:#f5f0f8!important;color:var(--bem-purple-deep)!important;border:1px solid rgba(106,44,160,.07)!important;transition:.16s ease!important}
.icon-btn:hover,.icon-close:hover{background:#eee4f5!important;transform:translateY(-1px)}

/* Títulos / hierarquia */
.eyebrow{font-size:.67rem!important;font-weight:900!important;letter-spacing:.105em!important;color:var(--bem-purple)!important}
h2{font-weight:850!important;letter-spacing:-.018em!important;color:#291d30!important}
h3{font-weight:800!important;color:#312238!important}
.subtle{color:var(--bem-muted)!important;font-size:.75rem!important;line-height:1.48!important}
.section-head{position:relative!important;margin-bottom:13px!important;padding-left:12px!important}
.section-head::before{
  content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:999px;
  background:linear-gradient(180deg,var(--bem-purple),#9d66c6);
}
.section-head h2{font-size:1.08rem!important}
.section-head .subtle{max-width:760px!important;margin-top:4px!important}
.count-badge{background:var(--bem-purple-soft)!important;color:var(--bem-purple-deep)!important;box-shadow:none!important}

/* Formulários consistentes */
.form-grid{gap:11px!important}
.form-grid label>span,.manager-item-form label>span{font-size:.72rem!important;font-weight:800!important;color:#52405e!important;letter-spacing:.01em!important}
.form-grid input,.form-grid select,.form-grid textarea,.manager-item-form input,.manager-item-form select,.manager-item-form textarea,.month-filter,
.money-input,.supplier-picker-trigger{
  border-color:rgba(91,55,111,.14)!important;background:#fcfbfd!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.form-grid input,.form-grid select,.manager-item-form input,.manager-item-form select,.month-filter{min-height:50px!important;border-radius:13px!important;padding:11px 13px!important}
.form-grid textarea,.manager-item-form textarea{border-radius:13px!important;padding:12px 13px!important}
.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover,.manager-item-form input:hover,.manager-item-form select:hover,.manager-item-form textarea:hover{border-color:rgba(106,44,160,.25)!important}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.manager-item-form input:focus,.manager-item-form select:focus,.manager-item-form textarea:focus,.month-filter:focus{
  border-color:rgba(106,44,160,.72)!important;box-shadow:0 0 0 4px rgba(106,44,160,.085)!important;background:#fff!important;
}
.money-input{border-radius:13px!important;overflow:hidden!important}
.field-help{font-size:.58rem!important;line-height:1.38!important;color:#7a6d82!important;font-weight:650!important}

/* Botões: mesma linguagem em todo o sistema */
.primary-btn,.secondary-btn,.ghost-btn,.compact-btn,.pdf-btn{
  min-height:46px!important;border-radius:13px!important;font-weight:850!important;letter-spacing:.01em!important;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
.primary-btn{background:linear-gradient(145deg,#7333a8,#5b2584)!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(91,37,132,.15)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.primary-btn *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.primary-btn:hover{filter:brightness(1.035);transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(91,37,132,.20)!important}
.secondary-btn{background:#f2ebf7!important;color:var(--bem-purple-deep)!important;border:1px solid rgba(106,44,160,.13)!important}
.ghost-btn{background:#fff!important;color:#5e4f67!important;border:1px solid rgba(70,50,80,.12)!important}
.primary-btn:active,.secondary-btn:active,.ghost-btn:active{transform:translateY(0)!important}
button:focus-visible{outline:3px solid rgba(106,44,160,.22)!important;outline-offset:2px!important}


/* Abertura sem flash de login: quem já possui sessão vê somente esta transição curta. */
.boot-view{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(106,44,160,.12),transparent 26rem),#f7f4f9}
.boot-view.hidden{display:none!important}
.boot-card{display:grid;justify-items:center;gap:8px;color:var(--bem-purple-deep);text-align:center}
.boot-logo{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(75,35,95,.10))}
.boot-card strong{font-size:1.15rem;font-weight:900;letter-spacing:-.02em}
.boot-card span{font-size:.67rem;font-weight:800;letter-spacing:.06em;color:var(--bem-muted)}
/* Login */
.login-view{
  background:
    radial-gradient(circle at 15% 15%,rgba(106,44,160,.13),transparent 24rem),
    radial-gradient(circle at 92% 85%,rgba(255,168,0,.10),transparent 20rem),
    #f7f4f9!important;
}
.login-card{max-width:440px!important;padding:30px 28px!important;border-radius:28px!important;box-shadow:0 28px 70px rgba(43,25,53,.11)!important}
.login-logo{width:92px!important;height:92px!important;margin-bottom:9px!important}
.login-card h1{font-size:1.72rem!important;color:var(--bem-purple-deep)!important;letter-spacing:-.035em!important}
.login-submit{min-height:54px!important;font-size:.9rem!important}
.session-persistence-note{justify-content:center!important;text-align:center!important;padding:9px 11px!important;border-radius:12px!important;background:#f0f8f4!important;border:1px solid rgba(7,133,111,.14)!important;color:#176b57!important;font-size:.66rem!important;font-weight:800!important;line-height:1.35!important}
.install-app-btn{border-radius:13px!important;min-height:48px!important}

/* Compra: ação primeiro, contexto depois */
.purchase-2026-hero{
  border:1px solid rgba(106,44,160,.10)!important;border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#faf6fd 60%,#f5edf9 100%)!important;
  box-shadow:var(--bem-shadow-soft)!important;
}
.purchase-build-badge{display:none!important}
.purchase-2026-copy h2{font-size:1.28rem!important;color:var(--bem-purple-deep)!important}
.purchase-2026-copy p{font-size:.73rem!important;color:var(--bem-muted)!important;line-height:1.42!important}
.purchase-workspace-tabs{
  padding:5px!important;border-radius:17px!important;background:rgba(245,240,248,.92)!important;box-shadow:none!important;border:1px solid rgba(106,44,160,.08)!important;gap:5px!important;
}
.purchase-workspace-tab{min-height:58px!important;border-radius:13px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#665a6e!important}
.purchase-workspace-tab strong{font-size:.68rem!important;font-weight:900!important}
.purchase-workspace-tab small{font-size:.52rem!important;color:#84778b!important}
.purchase-workspace-tab.active{background:#fff!important;color:var(--bem-purple-deep)!important;box-shadow:0 6px 16px rgba(55,32,67,.08)!important}
.purchase-workspace-tab.active .purchase-tab-icon{background:var(--bem-purple-soft)!important;color:var(--bem-purple)!important}
.purchase-direct-workspace .premium-direct-card{
  border:1px solid rgba(106,44,160,.12)!important;border-top:4px solid var(--bem-purple)!important;
  box-shadow:var(--bem-shadow)!important;background:linear-gradient(180deg,#fff,#fdfbfe)!important;
}
.purchase-direct-workspace .premium-direct-card .section-head h2{font-size:1.16rem!important}
.purchase-manual-add,.purchase-market-command,.purchase-finish-card{box-shadow:none!important}

/* Pagamentos */
.payment-summary{border-radius:17px!important;background:linear-gradient(135deg,#f5edf9,#fbf8fd)!important;border:1px solid rgba(106,44,160,.10)!important;padding:14px 16px!important}
.payment-summary strong{color:var(--bem-purple-deep)!important;font-size:1.38rem!important}
.payment-row{border-radius:17px!important;border:1px solid rgba(68,43,82,.09)!important;box-shadow:none!important;background:#fff!important}
.payment-inline-pix{border-radius:13px!important;background:#f2faf7!important;border:1px solid rgba(7,133,111,.13)!important}

/* PIX / fornecedores */
.pix-fast-hero{border-top:4px solid var(--bem-green)!important;background:linear-gradient(145deg,#f9fffd,#f4fbf9)!important}
.pix-fast-mark{border-radius:18px!important;background:linear-gradient(145deg,#08a083,#067563)!important}
.weekly-payables-card,.weekly-auto-card,.financial-agenda-hub{box-shadow:var(--bem-shadow-soft)!important}
.weekly-due-supplier-card{border-radius:17px!important;box-shadow:none!important}
.weekly-due-pix{background:#f4fbf9!important;border-color:rgba(7,133,111,.13)!important}
.supplier-hero-card{border-top:4px solid var(--bem-purple)!important}
.supplier-picker-modal-card{box-shadow:0 24px 70px rgba(32,17,39,.18)!important}
.supplier-picker-option:hover{background:#faf6fc!important;border-color:rgba(106,44,160,.18)!important}

/* Notas / custos */
.financial-manual-expense-card{border-top:4px solid var(--bem-amber)!important;background:linear-gradient(180deg,#fffdf8,#fff)!important}
.notes-purchases-hero{border:1px solid rgba(106,44,160,.10)!important;background:linear-gradient(135deg,#fff,#f7f1fb)!important;box-shadow:var(--bem-shadow-soft)!important}
.notes-purchases-hub{border-top:4px solid var(--bem-purple)!important}
.finance-reader-upload-card,.financial-doc-card{border-radius:17px!important;box-shadow:none!important}

/* Controle / painel */
.welcome-card{border-top:4px solid var(--bem-purple)!important;background:linear-gradient(135deg,#fff,#faf7fc)!important}
.welcome-total{background:#f3ebf8!important;border:1px solid rgba(106,44,160,.08)!important}
.control-summary-grid,.financial-agenda-summary{gap:8px!important}
.control-summary-grid>*,.finance-stat{border-radius:14px!important;box-shadow:none!important}
.month-close-card{border-top:4px solid #a36bc9!important}
.operational-report-card{background:linear-gradient(180deg,#fff,#fcfafc)!important}

/* Listas / históricos menos pesados */
.stack-list,.employee-list,.payment-list,.financial-doc-list,.weekly-due-list{gap:9px!important}
.list-row,.employee-card,.financial-doc-card,.manager-history-card,.order-block{border-color:rgba(66,42,79,.09)!important;box-shadow:none!important}
.empty-state{border-radius:15px!important;background:#faf8fb!important;border:1px dashed rgba(106,44,160,.15)!important;color:#746779!important}
.badge{border-radius:999px!important;font-weight:850!important;letter-spacing:.035em!important}

/* Menu: ordem operacional, legibilidade e ação evidente para abrir/fechar */
#adminNav .nav-btn[data-screen-target="compras"]{order:1}
#adminNav .nav-btn[data-screen-target="financeiro"]{order:2}
#adminNav .nav-btn[data-screen-target="pix"]{order:4}
#adminNav .nav-btn[data-screen-target="pagamentos"]{order:7}
#adminNav .nav-btn[data-screen-target="descontos"]{order:6}
#adminNav .nav-btn[data-screen-target="equipe"]{order:5}
#adminNav .nav-btn[data-screen-target="fornecedores"]{order:3}
#adminNav .nav-btn[data-screen-target="controle"]{order:8}
#adminNav .nav-btn[data-screen-target="dashboard"]{order:9}
#adminNav.bottom-nav,#managerNav.bottom-nav{
  background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(69,42,82,.10)!important;box-shadow:0 18px 42px rgba(34,20,42,.13)!important;
}
#adminNav.bottom-nav .nav-btn{border:1px solid transparent!important;background:transparent!important;color:#66586e!important}
#adminNav.bottom-nav .nav-btn.active{background:#f0e6f7!important;color:var(--bem-purple-deep)!important;border-color:rgba(106,44,160,.10)!important}
#adminNav.bottom-nav .nav-icon{background:#f5f1f7!important;color:#665470!important}
#adminNav.bottom-nav .nav-btn.active .nav-icon{background:linear-gradient(145deg,#7935ad,#5c2585)!important;color:#fff!important;box-shadow:0 6px 14px rgba(82,32,119,.16)!important}
#navRevealBtn{
  min-width:112px!important;min-height:44px!important;padding:8px 14px!important;border-radius:999px!important;
  background:rgba(55,31,66,.96)!important;box-shadow:0 12px 30px rgba(30,18,36,.22)!important;font-size:.58rem!important;
}
#navRevealBtn::after{content:"";font-weight:900;letter-spacing:.06em}
#navRevealBtn.is-nav-open::after{content:""}
#navRevealBtn>span{font-size:.78rem!important}

/* Acessibilidade e estabilidade */
.pix-code,.raw-code-input{font-variant-numeric:tabular-nums}
[aria-live="polite"],[role="status"]{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Desktop */
@media(min-width:761px){
  #adminNav.bottom-nav{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;
    width:min(1040px,calc(100vw - 28px))!important;gap:5px!important;padding:7px!important;border-radius:20px!important;
  }
  #adminNav.bottom-nav .nav-btn{min-height:58px!important;border-radius:13px!important;padding:5px 6px!important}
  #adminNav.bottom-nav .nav-icon{width:31px!important;height:31px!important;border-radius:10px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.56rem!important;line-height:1.1!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  #navRevealBtn:not(.hidden){display:flex!important;right:18px!important;left:auto!important;transform:none!important;bottom:14px!important}
  #adminNav.bottom-nav.auto-collapsed,#managerNav.bottom-nav.auto-collapsed{transform:translateY(calc(100% + 46px))!important;opacity:0!important;pointer-events:none!important}
}

/* Mobile */
@media(max-width:760px){
  .app-shell{padding:8px 8px 84px!important}
  .main-content{margin-top:8px!important}
  .topbar{top:5px!important;min-height:62px!important;padding:7px 9px!important;border-radius:17px!important}
  .brand-wrap{grid-template-columns:46px minmax(0,1fr)!important;gap:7px!important;max-width:calc(100% - 94px)!important}
  .brand-logo{width:46px!important;height:46px!important}
  .brand-copy-accessible h1{font-size:.78rem!important}
  .brand-copy-accessible p{font-size:.50rem!important;line-height:1.2!important;max-width:150px!important}
  .session-wrap{gap:3px!important}
  .topbar .icon-btn{min-width:38px!important;height:38px!important;min-height:38px!important;padding:0 7px!important;border-radius:11px!important}
  .section-card{margin-top:9px!important;padding:13px!important;border-radius:18px!important}
  .section-head{margin-bottom:10px!important;padding-left:10px!important}
  .section-head h2{font-size:.98rem!important}
  .section-head .subtle{font-size:.67rem!important;line-height:1.42!important}
  .eyebrow{font-size:.60rem!important}
  .form-grid{grid-template-columns:1fr!important;gap:9px!important}
  .form-grid .full-row,.form-grid label,.form-grid>div{grid-column:1!important}
  .form-grid input,.form-grid select,.month-filter{min-height:50px!important}
  .form-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .primary-btn,.secondary-btn,.ghost-btn{min-height:48px!important}
  .purchase-2026-hero{padding:13px!important;border-radius:18px!important}
  .purchase-2026-copy h2{font-size:1.05rem!important}
  .purchase-2026-copy p{font-size:.64rem!important}
  #screen-compras .purchase-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:5px!important;border-radius:16px!important}
  #screen-compras .purchase-workspace-tab{min-height:54px!important;padding:6px!important}
  #screen-compras .purchase-workspace-tab strong{font-size:.63rem!important}
  #screen-compras .purchase-workspace-tab small{font-size:.48rem!important}
  .purchase-direct-workspace .premium-direct-card{padding:13px!important;border-radius:18px!important}
  .payment-row{padding:12px!important;gap:9px!important}
  .payment-action{min-width:0!important}
  .weekly-due-summary{grid-template-columns:1fr!important}
  .weekly-due-supplier-card{padding:13px!important}
  .supplier-picker-modal-card{border-radius:20px 20px 12px 12px!important}
  #adminNav.bottom-nav{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,auto)!important;
    left:7px!important;right:7px!important;width:auto!important;gap:4px!important;padding:6px!important;border-radius:20px!important;max-height:none!important;min-height:auto!important;
  }
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){
    width:auto!important;min-width:0!important;min-height:62px!important;height:auto!important;grid-column:auto!important;padding:5px 3px!important;border-radius:13px!important;
  }
  #adminNav.bottom-nav .nav-icon{width:32px!important;height:32px!important;border-radius:10px!important}
  #adminNav.bottom-nav .nav-icon svg{width:18px!important;height:18px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.50rem!important;line-height:1.06!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-weight:850!important}
  #adminNav.bottom-nav.auto-collapsed,#managerNav.bottom-nav.auto-collapsed{transform:translateY(calc(100% + 42px))!important;opacity:0!important;pointer-events:none!important}
  #navRevealBtn{right:9px!important;left:auto!important;transform:none!important;bottom:max(9px,env(safe-area-inset-bottom))!important;min-width:102px!important;min-height:42px!important}
  .toast{bottom:66px!important}
}

@media(max-width:390px){
  .app-shell{padding-left:6px!important;padding-right:6px!important}
  .topbar{padding:6px 7px!important}
  .brand-wrap{grid-template-columns:42px minmax(0,1fr)!important;max-width:calc(100% - 88px)!important}
  .brand-logo{width:42px!important;height:42px!important}
  .brand-copy-accessible p{max-width:120px!important;font-size:.46rem!important}
  #adminNav.bottom-nav .nav-btn{min-height:59px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.47rem!important}
  #adminNav.bottom-nav .nav-icon{width:30px!important;height:30px!important}
}

@media(max-width:350px){
  .brand-copy-accessible p{display:none!important}
  .brand-copy-accessible h1{font-size:.72rem!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.44rem!important}
  #navRevealBtn{min-width:92px!important;padding:7px 11px!important}
}


/* V3.36.0 — CENTRAL HOJE + SAÚDE + FECHAR A SEXTA */
.system-health-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border-radius:999px;border:1px solid rgba(66,42,79,.12);background:#f7f4f8;color:#5d5262;font:800 .62rem/1 Poppins,sans-serif;letter-spacing:.035em;cursor:pointer;white-space:nowrap}
.system-health-dot{width:9px;height:9px;border-radius:50%;background:#a9a1ad;box-shadow:0 0 0 4px rgba(120,110,125,.08)}
.system-health-chip.is-ok{background:#effaf3;color:#24613b;border-color:#ccebd6}.system-health-chip.is-ok .system-health-dot{background:#2ca665;box-shadow:0 0 0 4px rgba(44,166,101,.12)}
.system-health-chip.is-warning{background:#fff8e8;color:#815a08;border-color:#f2dfac}.system-health-chip.is-warning .system-health-dot{background:#e7a416;box-shadow:0 0 0 4px rgba(231,164,22,.13)}
.system-health-chip.is-error{background:#fff0f0;color:#8b2828;border-color:#efc4c4}.system-health-chip.is-error .system-health-dot{background:#d94a4a;box-shadow:0 0 0 4px rgba(217,74,74,.13)}

.today-command-center{background:linear-gradient(145deg,#fff 0%,#fbf8fd 100%)!important;border:1px solid rgba(106,44,160,.10)!important;padding:15px!important}
.today-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.today-command-head h2{margin:2px 0 3px;font-size:1.04rem}.today-command-time{font-size:.58rem;font-weight:850;color:#7b6a82;background:#f3eef6;border-radius:999px;padding:7px 9px;white-space:nowrap}
.today-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.today-command-item{appearance:none;border:1px solid rgba(68,43,80,.09);border-radius:16px;background:#fff;padding:11px;text-align:left;min-height:112px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:9px;align-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(43,27,50,.04);transition:transform .16s ease,border-color .16s ease}.today-command-item:hover{transform:translateY(-1px);border-color:rgba(106,44,160,.18)}.today-command-item>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f5f1f7;font-size:1rem}.today-command-item>b{font-size:.66rem;color:#6d6072;text-transform:uppercase;letter-spacing:.03em}.today-command-item>strong{font-size:1.18rem;color:#392d3e}.today-command-item>small{grid-column:1/3;font-size:.58rem;color:#837686;line-height:1.35;margin-top:5px}.today-command-item.is-ok{border-color:#d9ecdf;background:#fbfffc}.today-command-item.is-attention,.today-command-item.is-warning{border-color:#efdcae;background:#fffdf7}.today-command-item.is-error{border-color:#efcaca;background:#fffafa}.today-command-item.is-info{border-color:#ddd1e7;background:#fdfbff}

.friday-close-card{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(280px,1fr);gap:14px;align-items:center;background:linear-gradient(135deg,#4f226d,#762fa2)!important;color:#fff!important;border:0!important;box-shadow:0 16px 34px rgba(72,31,98,.16)!important;overflow:hidden;position:relative}.friday-close-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;top:-90px;background:rgba(255,255,255,.07)}.friday-close-copy,.friday-close-stats,.friday-close-progress,.friday-close-action,.friday-close-status{position:relative;z-index:1}.friday-close-kicker{display:inline-block;font-size:.60rem;font-weight:900;letter-spacing:.08em;color:#ffe5a5;margin-bottom:3px}.friday-close-card h2{font-size:1.15rem;margin:0 0 4px;color:#fff!important}.friday-close-card p{margin:0;color:rgba(255,255,255,.82)!important;font-size:.70rem}.friday-close-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.friday-close-stats>div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:8px;min-width:0}.friday-close-stats span{display:block;font-size:.50rem;font-weight:800;color:rgba(255,255,255,.65)}.friday-close-stats strong{display:block;margin-top:3px;font-size:.75rem;color:#fff;overflow:hidden;text-overflow:ellipsis}.friday-close-progress{grid-column:1/-1;height:5px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.friday-close-progress span{display:block;height:100%;width:35%;border-radius:inherit;background:#ffc95a;transition:width .25s ease}.friday-close-action{grid-column:1/2;background:linear-gradient(135deg,#08765f,#076a56)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 20px rgba(7,83,67,.24)!important}.friday-close-action:hover{background:linear-gradient(135deg,#0a745e,#076a56)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.friday-close-action:disabled{opacity:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.friday-close-status{align-self:center;font-size:.57rem;font-weight:800;color:rgba(255,255,255,.82)!important}.friday-close-card.is-complete{background:linear-gradient(135deg,#245f3b,#2c8b58)!important}.friday-close-card.is-complete .friday-close-progress span{background:#b7f0ca}.friday-close-card.is-friday{box-shadow:0 18px 40px rgba(85,35,116,.22)!important}

.system-health-modal-card{width:min(760px,calc(100vw - 24px));max-height:min(86vh,820px);overflow:auto;border-radius:24px;padding:18px}.system-health-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.system-health-modal-head h2{margin:2px 0 4px;font-size:1.18rem}.system-health-summary{display:flex;align-items:center;gap:12px;border-radius:16px;padding:13px;margin:15px 0 10px;background:#f5f3f6;border:1px solid #e9e3eb}.system-health-summary-dot{width:14px;height:14px;border-radius:50%;background:#aaa}.system-health-summary strong{display:block;font-size:.88rem}.system-health-summary small{display:block;margin-top:2px;font-size:.62rem;color:#756b79}.system-health-summary.is-ok{background:#f0faf3;border-color:#cfe8d6}.system-health-summary.is-ok .system-health-summary-dot{background:#2ca665}.system-health-summary.is-warning{background:#fff9e9;border-color:#efdfb6}.system-health-summary.is-warning .system-health-summary-dot{background:#e7a416}.system-health-summary.is-error{background:#fff1f1;border-color:#efcaca}.system-health-summary.is-error .system-health-summary-dot{background:#d94a4a}.system-health-checks{display:grid;gap:7px}.system-health-check{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border:1px solid #ece7ee;border-radius:14px;padding:10px;background:#fff}.system-health-check-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f2eef4;font-weight:900}.system-health-check strong{display:block;font-size:.70rem}.system-health-check small{display:block;margin-top:2px;font-size:.59rem;line-height:1.35;color:#766b7a}.system-health-check>b{font-size:.54rem;border-radius:999px;padding:5px 7px;background:#f3eff5}.system-health-check.is-ok{border-color:#d8eadf}.system-health-check.is-ok .system-health-check-icon{background:#eaf8ef;color:#25824c}.system-health-check.is-warning{border-color:#efdfb6}.system-health-check.is-warning .system-health-check-icon{background:#fff7df;color:#9a6b09}.system-health-check.is-error{border-color:#efcaca}.system-health-check.is-error .system-health-check-icon{background:#fff0f0;color:#b53b3b}.system-health-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.system-health-footer>div{background:#faf8fb;border-radius:12px;padding:9px}.system-health-footer span{display:block;font-size:.50rem;color:#817584;font-weight:800}.system-health-footer strong{display:block;font-size:.64rem;margin-top:3px}.system-health-refresh{width:100%;margin-top:10px}.system-health-note{text-align:center;font-size:.57rem;color:#817684;margin:8px 0 0}

@media(max-width:760px){
  .system-health-chip{min-width:38px;width:38px;padding:0;justify-content:center}.system-health-chip #systemHealthText{display:none}.system-health-dot{width:10px;height:10px}
  .today-command-head{display:block}.today-command-time{display:inline-block;margin-top:5px}.today-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.today-command-item{min-height:98px;padding:9px}.today-command-item>strong{font-size:1.02rem}.today-command-item>small{font-size:.54rem}
  .friday-close-card{grid-template-columns:1fr!important;gap:10px!important}.friday-close-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.friday-close-progress,.friday-close-action{grid-column:1}.friday-close-action{width:100%}.friday-close-status{text-align:center}
  .system-health-modal-card{padding:14px;border-radius:20px}.system-health-check{grid-template-columns:30px 1fr}.system-health-check>b{grid-column:2;justify-self:start}.system-health-footer{grid-template-columns:1fr}
}


/* ============================================================
   BEM GESTÃO V3.36.0 — MENU, DOCUMENTO MANUAL E CONFIRMAÇÕES
   ============================================================ */
.notes-save-btn{color:#fff!important;-webkit-text-fill-color:#fff!important}
.control-expense-document-field{display:grid;gap:10px;padding:13px;border:1px solid rgba(106,44,160,.14);border-radius:16px;background:linear-gradient(145deg,#fbf8ff,#fff);box-sizing:border-box}
.control-expense-document-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.control-expense-document-head>div{display:grid;gap:4px}.control-expense-document-head>div>span{font-size:.68rem;font-weight:1000;color:#3d2749}.control-expense-document-head small{font-size:.56rem;line-height:1.4;color:#786b7d}.control-expense-document-badge{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#edf9f2;color:#237447;font-size:.48rem;font-weight:1000;white-space:nowrap}
.control-expense-document-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.control-expense-document-actions button{min-height:48px}
.control-expense-document-preview{display:grid;gap:3px;padding:10px 12px;border-radius:13px;background:#eef9f3;border:1px solid #cfe9da}.control-expense-document-preview>span{font-size:.62rem;font-weight:1000;color:#236a42}.control-expense-document-preview>small{font-size:.54rem;color:#66736a;line-height:1.35}.control-expense-document-preview.is-empty{background:#f8f6f9;border-color:#e6dfe9}.control-expense-document-preview.is-empty>span{color:#716576}.control-expense-document-open{margin-top:7px;min-height:34px;padding:7px 10px;border:1px solid rgba(106,44,160,.18);border-radius:10px;background:#f5eefb;color:#63328a;font:900 .52rem/1 Poppins,sans-serif;cursor:pointer}
.system-health-check b{max-width:128px;text-align:right;line-height:1.15}
@media(max-width:760px){
  .control-expense-document-head{display:grid}.control-expense-document-badge{justify-self:start}.control-expense-document-actions{grid-template-columns:1fr 1fr}.control-expense-document-actions #controlExpenseDocumentClearBtn{grid-column:1/-1}
  /* O botão FECHAR fica acima da aba branca e nunca cobre os módulos. */
  body:not(.modal-open) #navRevealBtn.is-nav-open{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 224px)!important;z-index:1002!important}
  body:not(.modal-open) #navRevealBtn.is-nav-closed{right:9px!important;left:auto!important;transform:none!important;bottom:max(9px,env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){body:not(.modal-open) #navRevealBtn.is-nav-open{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 214px)!important}}

/* V3.36.0 — FECHAR realmente acima do dock mobile (supera regras legadas mais específicas). */
@media(max-width:760px){
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 270px)!important;
    z-index:5200!important;
  }
}
@media(max-width:760px){
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open{
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 270px)!important;
  }
}
@media(max-width:760px){
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open{
    width:118px!important;
    min-width:118px!important;
    height:48px!important;
    min-height:48px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
  }
}


/* ============================================================
   BEM GESTÃO V3.36.0-R5 — MENU MOBILE SEM SOBREPOSIÇÃO
   - fechado: somente seta
   - aberto: botão MENU incorporado ao próprio dock
   - o controle não flutua mais sobre textos/formulários
   ============================================================ */
@media(max-width:760px){
  /* Estado recolhido: apenas a seta, centralizada no rodapé. */
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed{
    display:flex!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    width:54px!important;
    min-width:54px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid rgba(106,44,160,.18)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.98)!important;
    color:#6a2ca0!important;
    -webkit-text-fill-color:#6a2ca0!important;
    box-shadow:0 8px 22px rgba(35,23,41,.18)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    z-index:5200!important;
  }
  body:not(.modal-open) #navRevealBtn.is-nav-closed::after{content:""!important;display:none!important}
  body:not(.modal-open) #navRevealBtn.is-nav-closed>span{
    display:block!important;
    color:#6a2ca0!important;
    -webkit-text-fill-color:#6a2ca0!important;
    font-size:1.22rem!important;
    line-height:1!important;
    transform:none!important;
  }

  /* Estado aberto do administrador: o controle fica DENTRO da aba branca,
     no espaço livre da última linha, sem cobrir o conteúdo da tela. */
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open{
    display:flex!important;
    position:fixed!important;
    left:auto!important;
    right:20px!important;
    top:auto!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 18px)!important;
    transform:none!important;
    width:100px!important;
    min-width:100px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#6a2ca0,#54227f)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 7px 18px rgba(70,31,94,.18)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    z-index:5201!important;
  }
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open::after,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open::after{
    content:""!important;
    display:inline!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.64rem!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
  }
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open>span,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open>span{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.82rem!important;
    line-height:1!important;
    transform:none!important;
  }

  /* Gerente: reserva espaço ao lado do botão de finalizar e mantém o MENU
     dentro da própria barra, sem flutuar sobre a tela. */
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    padding-right:112px!important;
  }
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #navRevealBtn.is-nav-open{
    display:flex!important;
    position:fixed!important;
    left:auto!important;
    right:24px!important;
    top:auto!important;
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 20px)!important;
    transform:none!important;
    width:86px!important;
    min-width:86px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#6a2ca0,#54227f)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    z-index:5201!important;
  }
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #navRevealBtn.is-nav-open::after{
    content:""!important;
    display:inline!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.62rem!important;
    font-weight:950!important;
    letter-spacing:.05em!important;
  }
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #navRevealBtn.is-nav-open>span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.80rem!important;
    transform:none!important;
  }

  body.modal-open #navRevealBtn{display:none!important}
}

@media(max-width:760px){
  body:not(.modal-open) #navRevealBtn.is-nav-open>span{display:none!important}
  body:not(.modal-open) #navRevealBtn.is-nav-open{gap:0!important}
}



/* Botão Voltar global: elegante e sem invadir conteúdo */
.app-back-btn{display:inline-flex!important;align-items:center;gap:9px;min-height:44px;margin:10px 16px 0;padding:0 15px;border:1px solid rgba(106,44,160,.18);border-radius:14px;background:rgba(255,255,255,.94);color:#5f278d;box-shadow:0 8px 22px rgba(62,31,75,.08);font:inherit;font-size:.78rem;cursor:pointer;position:relative;z-index:12}.app-back-btn.hidden{display:none!important}.app-back-btn span{font-size:1.15rem}.app-back-btn strong{font-size:.76rem;letter-spacing:.05em}.app-back-btn:hover,.app-back-btn:focus-visible{background:#f4eafa;outline:2px solid rgba(106,44,160,.18);outline-offset:2px}

/* Abas: texto nunca desaparece no clique/active/focus */
#screen-compras .purchase-workspace-tab,#screen-compras .purchase-workspace-tab *{transition:background .18s ease,color .18s ease,transform .12s ease}#screen-compras .purchase-workspace-tab.active,#screen-compras .purchase-workspace-tab[aria-selected="true"]{background:linear-gradient(135deg,#6a2ca0,#7f3db2)!important;color:#fff!important;border-color:#6a2ca0!important;box-shadow:0 9px 24px rgba(64,32,79,.16)!important}#screen-compras .purchase-workspace-tab.active *,#screen-compras .purchase-workspace-tab[aria-selected="true"] *{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}#screen-compras .purchase-workspace-tab.active .purchase-tab-icon,#screen-compras .purchase-workspace-tab[aria-selected="true"] .purchase-tab-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}#screen-compras .purchase-workspace-tab:active{transform:scale(.985)}#screen-compras .purchase-workspace-tab:focus-visible{outline:3px solid rgba(106,44,160,.2);outline-offset:2px}

/* Evita o cabeçalho/alerta sobre BEM GESTÃO e padroniza responsividade */
.topbar{position:relative!important;z-index:40!important}.main-content{position:relative;z-index:1}.section-head,.purchase-2026-hero{min-width:0}.section-head>*,.purchase-2026-copy{min-width:0}.section-head h2,.purchase-2026-copy h2,.section-head p{overflow-wrap:anywhere}.section-title-with-icon{display:flex;align-items:flex-start;gap:14px;min-width:0}.section-feature-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#f1e8f8;font-size:1.35rem;box-shadow:inset 0 0 0 1px rgba(106,44,160,.1)}

.notes-hero-title{display:flex;align-items:center;gap:10px}.notes-hero-inline-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.1rem}.notes-scan-result.is-empty{background:#fff0f1!important;border-color:#efb8bd!important;color:#8e2630!important}.notes-scan-result.is-empty strong{color:#a12631!important}.notes-scan-result.is-empty span,.notes-scan-result.is-empty small{color:#8e4a50!important}

#closeMonthBtn,.notes-month-close-btn:not(.is-closed){background:#c8343f!important;color:#fff!important;border-color:#c8343f!important;box-shadow:0 8px 18px rgba(200,52,63,.18)!important}.notes-month-close-btn.is-closed,#closeMonthBtn:disabled{background:#f1eef3!important;color:#62576a!important;border-color:#ddd5e2!important;opacity:1!important;box-shadow:none!important}

/* Segunda-feira: destaque automático sem alterar o fluxo financeiro */
.pix-fast-hero{transition:background .25s ease,border-color .25s ease,color .25s ease}.pix-fast-hero.is-monday{background:linear-gradient(135deg,#b8202d,#d73a46)!important;border-color:#b8202d!important;color:#fff!important;box-shadow:0 16px 34px rgba(184,32,45,.2)!important}.pix-fast-hero.is-monday .eyebrow,.pix-fast-hero.is-monday h2,.pix-fast-hero.is-monday .subtle{color:#fff!important}.pix-fast-hero.is-monday .subtle{opacity:.9}.pix-fast-hero.is-monday .section-feature-icon,.pix-fast-hero.is-monday .pix-fast-mark{background:#fff!important;color:#b8202d!important}

/* Fornecedores sempre minimizados */
.payment-pix-collapsible,.supplier-card-collapsible{padding:0!important;overflow:hidden}.payment-pix-summary,.supplier-collapsed-summary{list-style:none;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;cursor:pointer}.payment-pix-summary::-webkit-details-marker,.supplier-collapsed-summary::-webkit-details-marker{display:none}.payment-pix-summary strong,.supplier-collapsed-summary strong{overflow-wrap:anywhere}.payment-pix-summary-key,.supplier-collapsed-pix{min-width:0}.payment-pix-summary-key span,.supplier-collapsed-pix span{display:block;font-size:.68rem;font-weight:900;color:#817589;letter-spacing:.08em}.payment-pix-summary-key .pix-code,.supplier-collapsed-pix .pix-code{font-size:.82rem}.supplier-expand-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:900;color:#6a2ca0}.supplier-expand-label b{font-size:1rem;transition:transform .18s ease}details[open]>.payment-pix-summary .supplier-expand-label b,details[open]>.supplier-collapsed-summary .supplier-expand-label b{transform:rotate(180deg)}.payment-pix-expanded,.supplier-expanded-body{padding:0 18px 18px;border-top:1px solid #eee6f2}.payment-pix-expanded{display:grid;gap:12px;padding-top:15px}.supplier-expanded-body{padding-top:16px}.supplier-directory-search{display:flex!important;align-items:center;gap:10px;margin:0 0 14px;padding:10px 13px;border:1px solid #e3d8e9;border-radius:16px;background:#fbf9fc}.supplier-directory-search span{font-size:1.15rem;color:#6a2ca0}.supplier-directory-search input{width:100%;min-height:42px;border:0!important;background:transparent!important;outline:0!important;padding:0!important;font-weight:700}.supplier-list-title{display:flex;align-items:center;gap:8px}

/* Versículo: X discreto e inequívoco */
.blessing-card{position:relative}.blessing-close-x{position:absolute;right:16px;top:16px;z-index:6;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.65rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.blessing-close-x:hover,.blessing-close-x:focus-visible{background:rgba(255,255,255,.22);outline:2px solid rgba(255,255,255,.32)}

/* Instalação / push: checklist claro */
.install-readiness,.push-readiness{display:grid;gap:8px;margin:14px 0;text-align:left}.readiness-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:13px;background:#f8f5fa}.readiness-row>span{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900}.readiness-row div{display:grid;gap:1px}.readiness-row strong{font-size:.8rem}.readiness-row small{font-size:.7rem;color:#746a77}.readiness-row.is-ready>span{background:#e4f6eb;color:#167442}.readiness-row.is-pending>span{background:#fff1d7;color:#9a6300}.push-onboarding-status[data-type="success"]{background:#e7f7ed;color:#116b3c;border-radius:12px;padding:10px}.push-onboarding-status[data-type="warning"]{background:#fff4da;color:#845a08;border-radius:12px;padding:10px}.push-onboarding-status[data-type="error"]{background:#ffe7e9;color:#9b2430;border-radius:12px;padding:10px}

/* Coerência de botões / texto visível */
button{font-family:inherit}.primary-btn,.secondary-btn,.ghost-btn,.mini-btn,.copy-pix-btn,.notes-month-close-btn{min-height:42px}.primary-btn:focus-visible,.secondary-btn:focus-visible,.ghost-btn:focus-visible,.mini-btn:focus-visible,.copy-pix-btn:focus-visible{outline:3px solid rgba(106,44,160,.18);outline-offset:2px}.primary-btn:active,.secondary-btn:active,.ghost-btn:active,.mini-btn:active,.copy-pix-btn:active{transform:translateY(1px)}

@media(max-width:720px){.topbar{align-items:flex-start!important;gap:10px!important}.brand-wrap{min-width:0!important}.brand-copy h1{font-size:clamp(1.05rem,5vw,1.35rem)!important;white-space:nowrap}.session-wrap{max-width:100%;flex-wrap:wrap;justify-content:flex-end}.app-back-btn{margin:9px 12px 0}.purchase-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.purchase-workspace-tab{min-width:0!important;padding:10px 7px!important}.purchase-workspace-tab strong{font-size:.72rem!important}.purchase-workspace-tab small{font-size:.58rem!important}.payment-pix-summary,.supplier-collapsed-summary{grid-template-columns:minmax(0,1fr) auto}.payment-pix-summary-key,.supplier-collapsed-pix{grid-column:1/2}.supplier-expand-label{grid-column:2;grid-row:1/3;align-self:center}.section-title-with-icon{gap:10px}.section-feature-icon{width:42px;height:42px}.notes-hero-title{align-items:flex-start}.notes-hero-inline-icon{flex:0 0 36px}.supplier-directory-search{position:sticky;top:8px;z-index:10;box-shadow:0 8px 18px rgba(53,32,63,.07)}}
@media(max-width:390px){.purchase-workspace-tabs{gap:6px!important}.purchase-workspace-tab{padding:9px 4px!important}.purchase-tab-icon{font-size:1rem!important}.payment-pix-summary,.supplier-collapsed-summary{padding:14px 12px}.pix-code{word-break:break-all}.app-back-btn{min-height:42px;padding:0 13px}}

/* Proteção extra do cabeçalho mobile: status nunca cobre a marca. */
@media(max-width:900px){.topbar .system-health-chip{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;justify-content:center!important;overflow:hidden!important}.topbar .system-health-chip #systemHealthText{display:none!important}.topbar .brand-wrap{flex:1 1 auto!important;max-width:calc(100% - 132px)!important}.topbar .session-wrap{flex:0 0 auto!important;max-width:124px!important;flex-wrap:nowrap!important}.topbar .message-bell-btn,.topbar .push-settings-btn{width:40px!important;min-width:40px!important}.topbar #logoutBtn{width:40px!important;min-width:40px!important;font-size:0!important}.topbar #logoutBtn::before{content:'↪';font-size:1.05rem!important}}
@media(max-width:430px){.topbar .brand-wrap{max-width:calc(100% - 126px)!important}.topbar .brand-logo{max-width:116px!important}.topbar .brand-copy-accessible{min-width:0!important}.topbar .brand-copy-accessible h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}

/* V3.37.0 R2 — minimizado mostra somente nome + PIX, conforme fluxo aprovado. */
.supplier-collapsed-name{min-width:0}.supplier-collapsed-name strong{display:block;font-size:.88rem;color:#2e2432;overflow-wrap:anywhere}.supplier-expanded-body .supplier-info-grid strong{overflow-wrap:anywhere}

/* ============================================================
   BEM GESTÃO V3.37.1 R3 — CORREÇÃO FINAL WINDOWS + MOBILE
   Corrige cabeçalho, diagnóstico e barra de finalizar compra.
   Não altera regras de negócio nem dados.
   ============================================================ */

/* Modais: o botão de fechar pertence ao cartão, nunca ao canto da tela. */
.modal-card{position:relative!important}
.system-health-modal-card{
  position:relative!important;
  width:min(800px,calc(100vw - 28px))!important;
  max-height:min(88dvh,840px)!important;
  padding:20px!important;
  border:1px solid rgba(106,44,160,.12)!important;
  background:#fff!important;
  box-shadow:0 26px 80px rgba(37,22,45,.24)!important;
}
.system-health-modal-head{padding-right:118px!important;min-height:54px!important}
#systemHealthCloseBtn.system-health-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:auto!important;
  min-width:98px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid rgba(106,44,160,.16)!important;
  border-radius:13px!important;
  background:#f3eafa!important;
  color:#542277!important;
  font-size:.64rem!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  line-height:1!important;
  box-shadow:none!important;
}
#systemHealthCloseBtn.system-health-close b{font-size:1.15rem!important;line-height:1!important;color:#542277!important}
#systemHealthCloseBtn.system-health-close:hover,
#systemHealthCloseBtn.system-health-close:focus-visible{background:#eadcf4!important;outline:3px solid rgba(106,44,160,.12)!important;outline-offset:2px!important}

/* Cabeçalho desktop: marca e ações ficam em áreas próprias, sem colisão. */
.topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  overflow:visible!important;
}
.topbar .brand-wrap{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(150px,180px) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
}
.topbar .brand-logo{
  width:170px!important;
  max-width:100%!important;
  height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.topbar .brand-copy-accessible{min-width:0!important;overflow:hidden!important}
.topbar .brand-copy-accessible h1{
  display:block!important;
  margin:0!important;
  font-size:1.08rem!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.topbar .brand-copy-accessible p{
  max-width:440px!important;
  margin-top:4px!important;
  font-size:.62rem!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.topbar .session-wrap{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
.topbar .system-health-chip{flex:0 0 auto!important;position:relative!important;z-index:1!important}

/* Comprar agora: não mostra um rodapé escuro quando não há nada para finalizar. */
.purchase-market-finish-bar{
  background:linear-gradient(145deg,#fbf8fd,#f3ecf8)!important;
  color:#36273d!important;
  border:1px solid #e4d7ec!important;
  box-shadow:0 9px 24px rgba(57,34,68,.08)!important;
  backdrop-filter:none!important;
}
.purchase-market-finish-bar small{color:#786b7e!important}
.purchase-market-finish-bar strong{color:#3b2b42!important}
#purchaseMarketFinishBtn{
  background:linear-gradient(135deg,#6a2ca0,#56227f)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  opacity:1!important;
  font-weight:950!important;
}
#purchaseMarketFinishBtn:disabled{
  background:#eee9f1!important;
  color:#6d6272!important;
  -webkit-text-fill-color:#6d6272!important;
  border:1px solid #ddd4e2!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* Mobile: duas linhas claras no topo. A marca nunca disputa espaço com os botões. */
@media(max-width:760px){
  .app-shell{padding-top:8px!important}
  .topbar{
    position:relative!important;
    top:4px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    min-height:0!important;
    padding:10px 11px 11px!important;
    border-radius:20px!important;
  }
  .topbar .brand-wrap{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:126px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
  }
  .topbar .brand-logo{
    width:126px!important;
    max-width:126px!important;
    height:58px!important;
    object-fit:contain!important;
  }
  .topbar .brand-copy-accessible{
    display:grid!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
    gap:3px!important;
  }
  .topbar .brand-copy-accessible h1{
    font-size:1rem!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .topbar .brand-copy-accessible p{
    display:block!important;
    max-width:none!important;
    margin:0!important;
    font-size:.54rem!important;
    line-height:1.28!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .topbar .session-wrap{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(92px,1fr) repeat(3,48px)!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  .topbar .session-wrap .user-chip{display:none!important}
  .topbar .system-health-chip{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 12px!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:13px!important;
    font-size:.59rem!important;
    overflow:visible!important;
  }
  .topbar .system-health-chip #systemHealthText{display:inline!important;white-space:nowrap!important}
  .topbar .system-health-dot{width:10px!important;height:10px!important;flex:0 0 10px!important}
  .topbar .message-bell-btn,
  .topbar .push-settings-btn,
  .topbar #logoutBtn{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    font-size:1.05rem!important;
  }
  .topbar #logoutBtn{font-size:0!important}
  .topbar #logoutBtn::before{content:'↪'!important;font-size:1.1rem!important;color:#542277!important}
  .app-back-btn{margin:10px 5px 2px!important;min-height:48px!important;padding:0 16px!important;font-size:.82rem!important}

  .system-health-modal-card{
    width:calc(100vw - 16px)!important;
    max-height:91dvh!important;
    padding:16px 13px 15px!important;
    border-radius:22px 22px 16px 16px!important;
  }
  .system-health-modal-head{padding-right:0!important;padding-top:50px!important;display:block!important}
  #systemHealthCloseBtn.system-health-close{
    top:11px!important;
    right:11px!important;
    min-width:108px!important;
    height:42px!important;
  }
  .system-health-summary{margin-top:12px!important}
  .system-health-check{grid-template-columns:34px minmax(0,1fr)!important;padding:11px!important}
  .system-health-check>b{grid-column:2!important;justify-self:start!important;margin-top:3px!important}

  .purchase-market-finish-bar{
    margin:8px 10px 10px!important;
    padding:9px!important;
    border-radius:16px!important;
  }
  #purchaseMarketFinishBtn{width:100%!important;min-height:52px!important;font-size:.72rem!important}
}

@media(max-width:380px){
  .topbar .brand-wrap{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important}
  .topbar .brand-logo{width:112px!important;max-width:112px!important;height:54px!important}
  .topbar .brand-copy-accessible h1{font-size:.92rem!important}
  .topbar .brand-copy-accessible p{font-size:.49rem!important}
  .topbar .session-wrap{grid-template-columns:minmax(78px,1fr) repeat(3,45px)!important;gap:5px!important}
  .topbar .message-bell-btn,.topbar .push-settings-btn,.topbar #logoutBtn{width:45px!important;min-width:45px!important;max-width:45px!important;height:46px!important;min-height:46px!important}
  .topbar .system-health-chip{height:46px!important;min-height:46px!important;padding:0 8px!important;font-size:.54rem!important}
}

/* R3 — rótulo legível do estado do sistema em telas menores. */
.system-health-label{display:none}
@media(max-width:900px){
  .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:10px 12px 11px!important;
  }
  .topbar .brand-wrap{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:132px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
  }
  .topbar .brand-logo{width:132px!important;max-width:132px!important;height:60px!important}
  .topbar .brand-copy-accessible{display:grid!important;width:auto!important;min-width:0!important;overflow:hidden!important}
  .topbar .brand-copy-accessible h1{font-size:1rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar .brand-copy-accessible p{display:block!important;max-width:none!important;font-size:.55rem!important;line-height:1.28!important}
  .topbar .session-wrap{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(124px,1fr) repeat(3,48px)!important;
    gap:7px!important;
  }
  .topbar .session-wrap .user-chip{display:none!important}
  .topbar .system-health-chip{
    width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;min-height:48px!important;
    padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    border-radius:13px!important;overflow:hidden!important;
  }
  .topbar .system-health-label{display:inline!important;font-size:.53rem!important;font-weight:950!important;letter-spacing:.035em!important}
  .topbar .system-health-chip #systemHealthText{display:inline!important;font-size:.53rem!important;white-space:nowrap!important}
  .topbar .message-bell-btn,.topbar .push-settings-btn,.topbar #logoutBtn{
    width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;
  }
}
@media(max-width:390px){
  .topbar .brand-wrap{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important}
  .topbar .brand-logo{width:112px!important;max-width:112px!important;height:54px!important}
  .topbar .session-wrap{grid-template-columns:minmax(105px,1fr) repeat(3,45px)!important;gap:5px!important}
  .topbar .system-health-label,.topbar .system-health-chip #systemHealthText{font-size:.49rem!important}
}

/* V3.37.1 R4 — auditoria final: revisão de versão/cache. Sem alteração adicional de layout. */


/* BEM GESTÃO V3.37.2 — WhatsApp semanal por fornecedor + menu Windows */
.supplier-list-title-weekly{display:flex;align-items:center;gap:9px!important}.supplier-list-title-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#6a2ca0,#8a47b6);color:#fff;box-shadow:0 7px 16px rgba(106,44,160,.18);font-size:17px;flex:0 0 auto}
.supplier-weekly-optin{display:grid!important;grid-template-columns:auto 42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:68px;padding:11px 13px!important;border:1px solid #ded3e5;border-radius:16px;background:#faf8fb;cursor:pointer}.supplier-weekly-optin input{width:22px!important;height:22px!important;min-height:22px!important;accent-color:#6a2ca0}.supplier-weekly-optin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0e8f6;font-size:20px}.supplier-weekly-optin-copy{display:grid;gap:3px}.supplier-weekly-optin-copy strong{font-size:.72rem;color:#443449}.supplier-weekly-optin-copy small{font-size:.58rem;line-height:1.4;color:#786c7c}.supplier-weekly-optin.is-enabled{border-color:#b9dfca;background:#f1fbf5}.supplier-weekly-optin.is-enabled .supplier-weekly-optin-icon{background:#dcf5e7}
.supplier-collapsed-summary{grid-template-columns:minmax(170px,1.2fr) minmax(180px,1fr) auto auto!important}.supplier-weekly-list-check{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border-radius:12px;border:1px solid #e0d7e5;background:#faf8fb;color:#6c5c71;cursor:pointer;white-space:nowrap}.supplier-weekly-list-check input{width:18px;height:18px;accent-color:#6a2ca0}.supplier-weekly-list-check span{font-size:15px}.supplier-weekly-list-check b{font-size:.50rem;letter-spacing:.02em}.supplier-weekly-list-check.is-enabled{background:#edf9f2;border-color:#c7e7d4;color:#176b43}
.weekly-response-note{margin-top:10px;padding:11px 12px;border-radius:13px;background:#f7f4f9;border:1px solid #ebe4ee}.weekly-response-note span{display:block;font-size:.50rem;font-weight:900;color:#76697b}.weekly-response-note strong{display:block;margin-top:4px;font-size:.68rem;line-height:1.45;color:#3e3243;white-space:pre-wrap}.weekly-nf-link,.weekly-nf-attached{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:8px;border-radius:12px;background:#f1e8f7;color:#642b8a;font-size:.60rem;font-weight:900;text-decoration:none}.weekly-nf-link:hover{background:#e8dbf1}
@media(max-width:760px){.supplier-collapsed-summary{grid-template-columns:1fr!important;gap:7px!important}.supplier-weekly-list-check{justify-self:stretch;justify-content:center}.supplier-expand-label{justify-self:start}.supplier-weekly-optin{grid-template-columns:auto 38px minmax(0,1fr)!important;padding:10px!important}.supplier-weekly-optin-icon{width:38px;height:38px}}

/* Desktop/Windows: menu aberto em uma única linha e nenhuma faixa branca quando recolhido. */
@media(min-width:1180px){
  #adminNav.bottom-nav:not(.hidden){display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;grid-template-rows:1fr!important;width:min(1480px,calc(100vw - 28px))!important;min-height:72px!important;max-height:82px!important;gap:5px!important;padding:7px!important;overflow:visible!important}
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){grid-column:auto!important;grid-row:1!important;min-width:0!important;width:auto!important;min-height:58px!important;height:58px!important;padding:5px 4px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.52rem!important;line-height:1.05!important;white-space:normal!important}
  #adminNav.bottom-nav.auto-collapsed{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 60px))!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
  #adminNav.bottom-nav:not(.auto-collapsed){visibility:visible!important}
}

@media(min-width:761px){
  #adminNav.bottom-nav.auto-collapsed,#managerNav.bottom-nav.auto-collapsed{visibility:hidden!important;opacity:0!important;pointer-events:none!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
  #adminNav.bottom-nav:not(.auto-collapsed):not(.hidden),#managerNav.bottom-nav:not(.auto-collapsed):not(.hidden){visibility:visible!important}
}


/* BEM GESTÃO V3.37.2 R2 — final: fornecedores semanais + compras em 1 linha + menu Windows */
.supplier-list-title-weekly{display:flex;align-items:center;gap:9px!important}.supplier-list-title-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#6a2ca0,#8a47b6);color:#fff;box-shadow:0 7px 16px rgba(106,44,160,.18);font-size:18px;flex:0 0 auto}
.supplier-weekly-optin{display:grid!important;grid-template-columns:auto 42px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:68px;padding:11px 13px!important;border:1px solid #ded3e5;border-radius:16px;background:#faf8fb;cursor:pointer}.supplier-weekly-optin input{width:22px!important;height:22px!important;min-height:22px!important;accent-color:#6a2ca0}.supplier-weekly-optin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0e8f6;font-size:20px}.supplier-weekly-optin-copy{display:grid;gap:3px}.supplier-weekly-optin-copy strong{font-size:.72rem;color:#443449}.supplier-weekly-optin-copy small{font-size:.58rem;line-height:1.4;color:#786c7c}.supplier-weekly-optin.is-enabled{border-color:#b9dfca;background:#f1fbf5}.supplier-weekly-optin.is-enabled .supplier-weekly-optin-icon{background:#dcf5e7}
.supplier-collapsed-summary{grid-template-columns:minmax(170px,1.2fr) minmax(180px,1fr) auto auto!important}.supplier-weekly-list-check{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border-radius:12px;border:1px solid #e0d7e5;background:#faf8fb;color:#6c5c71;cursor:pointer;white-space:nowrap}.supplier-weekly-list-check input{width:18px;height:18px;accent-color:#6a2ca0}.supplier-weekly-list-check span{font-size:15px}.supplier-weekly-list-check b{font-size:.50rem;letter-spacing:.02em}.supplier-weekly-list-check.is-enabled{background:#edf9f2;border-color:#c7e7d4;color:#176b43}
.weekly-response-note{margin-top:10px;padding:11px 12px;border-radius:13px;background:#f7f4f9;border:1px solid #ebe4ee}.weekly-response-note span{display:block;font-size:.50rem;font-weight:900;color:#76697b}.weekly-response-note strong{display:block;margin-top:4px;font-size:.68rem;line-height:1.45;color:#3e3243;white-space:pre-wrap}.weekly-nf-link,.weekly-nf-attached{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:8px;border-radius:12px;background:#f1e8f7;color:#642b8a;font-size:.60rem;font-weight:900;text-decoration:none}.weekly-nf-link:hover{background:#e8dbf1}

/* Central de compras: PEDIDOS / COMPRAR AGORA / HISTÓRICO / LER PEDIDO em uma única linha no Windows. */
#screen-compras .purchase-workspace-tabs-four{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:1fr!important;gap:8px!important}
#screen-compras .purchase-workspace-action{background:#fbf8fd!important;color:#5c2a7f!important;border:1px solid rgba(106,44,160,.10)!important;box-shadow:none!important;cursor:pointer!important}
#screen-compras .purchase-workspace-action:hover{background:#f3eaf8!important}
#screen-compras .purchase-workspace-action .purchase-tab-ai{font-size:.66rem!important;font-weight:950!important;letter-spacing:.02em!important;background:#eee1f6!important;color:#6a2ca0!important}
#screen-compras .purchase-workspace-action:active{transform:scale(.985)}
@media(max-width:720px){#screen-compras .purchase-workspace-tabs-four{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;gap:6px!important}}
@media(min-width:721px){#screen-compras .purchase-workspace-tabs-four .purchase-workspace-tab{min-width:0!important}}

/* Windows/desktop: botão recolhido nunca fica branco/vazio; mantém a seta visível. */
@media(min-width:761px){
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed{display:flex!important;background:linear-gradient(135deg,#6a2ca0,#7f3db2)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(106,44,160,.25)!important;box-shadow:0 9px 24px rgba(45,25,54,.22)!important;width:56px!important;min-width:56px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:999px!important;align-items:center!important;justify-content:center!important;gap:0!important}
  body:not(.modal-open) #navRevealBtn.is-nav-closed::after{content:""!important;display:none!important}
  body:not(.modal-open) #navRevealBtn.is-nav-closed>span{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.08rem!important;line-height:1!important;opacity:1!important}
  #adminNav.bottom-nav.auto-collapsed,#managerNav.bottom-nav.auto-collapsed{visibility:hidden!important;opacity:0!important;pointer-events:none!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}
@media(min-width:1180px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;grid-template-rows:1fr!important;width:min(1480px,calc(100vw - 28px))!important;min-height:72px!important;max-height:82px!important;gap:5px!important;padding:7px!important;overflow:visible!important}
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){grid-column:auto!important;grid-row:1!important;min-width:0!important;width:auto!important;min-height:58px!important;height:58px!important;padding:5px 4px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.52rem!important;line-height:1.05!important;white-space:normal!important}
}
@media(max-width:760px){.supplier-collapsed-summary{grid-template-columns:1fr!important;gap:7px!important}.supplier-weekly-list-check{justify-self:stretch;justify-content:center}.supplier-expand-label{justify-self:start}.supplier-weekly-optin{grid-template-columns:auto 38px minmax(0,1fr)!important;padding:10px!important}.supplier-weekly-optin-icon{width:38px;height:38px}}


/* ============================================================
   BEM GESTÃO V3.37.2 R3 — AJUSTE WINDOWS + ABERTURA DIRETA
   - remove o splash HTML antigo; esta regra também neutraliza cache misto;
   - no Windows, MENU aberto/fechado nunca fica branco nem sem texto;
   - preserva o comportamento mobile já aprovado.
   ============================================================ */

@media(min-width:761px){
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-open{
    display:flex!important;
    position:fixed!important;
    left:auto!important;
    right:16px!important;
    top:auto!important;
    bottom:14px!important;
    transform:none!important;
    width:104px!important;
    min-width:104px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 13px!important;
    border:1px solid rgba(106,44,160,.26)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#6a2ca0,#7f3db2)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 9px 24px rgba(45,25,54,.22)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    z-index:5201!important;
    overflow:hidden!important;
  }
  body:not(.modal-open) #navRevealBtn.is-nav-open::after{
    content:""!important;
    display:inline!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.62rem!important;
    font-weight:950!important;
    letter-spacing:.055em!important;
    line-height:1!important;
  }
  body:not(.modal-open) #navRevealBtn.is-nav-open>span{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:.86rem!important;
    line-height:1!important;
    opacity:1!important;
    transform:none!important;
  }
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed{
    right:16px!important;
    bottom:14px!important;
  }
}


/* ============================================================
   BEM GESTÃO V3.40.2 — SETA DO MENU SEM TEXTO + FUNDO VISÍVEL
   Pedido final: nenhuma palavra MENU/FECHAR sobre os ícones.
   A seta sozinha controla subir/descer e sempre tem fundo roxo.
   ============================================================ */
#navRevealBtn::after{content:""!important;display:none!important}
#navRevealBtn>span{display:block!important}
@media(max-width:760px){
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed,
  body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-open{
    display:flex!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    border:2px solid rgba(255,255,255,.96)!important;
    border-radius:999px!important;
    background:#6a2ca0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 8px 22px rgba(48,22,65,.28)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    z-index:5300!important;
  }
  body:not(.modal-open) #navRevealBtn.is-nav-closed{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.is-nav-open{
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 164px)!important;
  }
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #navRevealBtn.is-nav-open{
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 82px)!important;
  }
  body:not(.modal-open) #navRevealBtn.is-nav-open>span,
  body:not(.modal-open) #navRevealBtn.is-nav-closed>span{
    display:block!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:1.18rem!important;
    line-height:1!important;
    transform:none!important;
  }
  body.modal-open #navRevealBtn{display:none!important}
}
@media(max-width:360px){
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.is-nav-open{
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + 154px)!important;
  }
}


/* =========================================================
   BEM GESTÃO V3.40.2 — USABILIDADE FINANCEIRA MOBILE-FIRST
   ========================================================= */
:root{
  --bem-purple:#6d2aa5; --bem-purple-soft:#f3edf8;
  --bem-green:#167a55; --bem-green-soft:#eaf7f1;
  --bem-amber:#9a6500; --bem-amber-soft:#fff6dc;
  --bem-red:#b3262d; --bem-red-soft:#fff0f1;
  --bem-blue:#2367a5; --bem-blue-soft:#eef6ff;
  --bem-ink:#2d2433; --bem-muted:#766d7d; --bem-line:#e7dfea;
}

/* Menu: alvo estável, grande e com um único clique/toque. */
#navRevealBtn.nav-reveal-btn{
  position:fixed!important; right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important; left:auto!important; top:auto!important;
  width:52px!important; min-width:52px!important; height:52px!important; min-height:52px!important;
  border-radius:18px!important; z-index:10050!important; pointer-events:auto!important; touch-action:manipulation!important;
  display:grid!important; place-items:center!important; transform:none!important; margin:0!important;
  box-shadow:0 10px 28px rgba(73,31,106,.24)!important;
}
#navRevealBtn.nav-reveal-btn.hidden{display:none!important}
.bottom-nav{z-index:10020!important}
.bottom-nav.auto-collapsed{pointer-events:none!important}
.bottom-nav:not(.auto-collapsed){pointer-events:auto!important}

/* Central de hoje */
.command-center-card,.report-center-card,.control-overview-card{overflow:hidden}
.dashboard-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.dashboard-action-card{border:1px solid var(--bem-line);background:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:48px 1fr 18px;gap:12px;align-items:center;text-align:left;min-height:104px;cursor:pointer;color:var(--bem-ink)}
.dashboard-action-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(54,36,64,.08)}
.dashboard-action-card small{font-weight:900;font-size:10px;letter-spacing:.08em;color:var(--bem-muted)}
.dashboard-action-card strong{display:block;font-size:17px;margin:3px 0 4px}.dashboard-action-card p{margin:0;font-size:12px;color:var(--bem-muted);line-height:1.35}.dashboard-action-card>b{font-size:24px;color:#9b8ca4}
.dashboard-action-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:950}
.tone-pay .dashboard-action-icon{background:var(--bem-blue-soft);color:var(--bem-blue)}
.tone-supplier .dashboard-action-icon{background:var(--bem-purple-soft);color:var(--bem-purple)}
.tone-close .dashboard-action-icon{background:var(--bem-amber-soft);color:var(--bem-amber)}
.tone-close-ready{border-color:#91d0b5;background:linear-gradient(135deg,#fff,#f2fbf7)}.tone-close-ready .dashboard-action-icon{background:var(--bem-green-soft);color:var(--bem-green)}

/* Central de relatórios */
.report-center-filters{display:grid;grid-template-columns:220px minmax(260px,1fr);gap:12px;margin-bottom:14px}.report-center-filters label{display:grid;gap:6px;font-size:11px;font-weight:900;color:var(--bem-muted)}
.report-center-filters input,.report-center-filters select{min-height:48px;border:1px solid var(--bem-line);border-radius:13px;padding:0 13px;background:#fff;font-weight:800;color:var(--bem-ink)}
.report-center-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.report-tile{border:1px solid var(--bem-line);border-radius:16px;background:#fff;padding:14px 10px;min-height:110px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;cursor:pointer}.report-tile>span{font-size:13px;font-weight:950;margin-bottom:8px}.report-tile strong{font-size:12px}.report-tile small{font-size:10px;color:var(--bem-muted);margin-top:5px;line-height:1.3}.report-tile.tone-primary{border-color:#d9c4e9;background:var(--bem-purple-soft)}.report-tile.tone-info{background:var(--bem-blue-soft)}.report-tile.tone-warning{background:var(--bem-amber-soft)}.report-tile.tone-success{background:var(--bem-green-soft)}
.report-shortcuts{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}

/* Descontos: memória visual de adiantamentos */
.advance-usage{border:1px solid var(--bem-line);background:#faf8fb;border-radius:14px;padding:10px 12px}.advance-usage>small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--bem-muted);margin-bottom:7px}.advance-usage>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.advance-usage-chip{border-radius:10px;padding:8px 6px;text-align:center;font-size:9px;font-weight:900;display:flex;gap:5px;justify-content:center;align-items:center}.advance-usage-chip b{font-size:12px}.advance-usage-chip.free{background:var(--bem-green-soft);color:var(--bem-green);border:1px solid #cce9db}.advance-usage-chip.used{background:var(--bem-red-soft);color:var(--bem-red);border:1px solid #f0bfc3}.advance-used-selection{border-color:var(--bem-red)!important;background:var(--bem-red-soft)!important;color:var(--bem-red)!important;font-weight:900!important}
.discount-review-summary-card:nth-child(2),.discount-review-summary-card:nth-child(3),.discount-review-summary-card:nth-child(4),.discount-review-summary-card:nth-child(5){background:var(--bem-red-soft);border-color:#f2d0d2}.discount-review-summary-card.net{background:var(--bem-green-soft);border-color:#cce9db}.discount-review-summary-card.emphasis{background:var(--bem-amber-soft);border-color:#edd9a6}

/* Controle: total primeiro, detalhes por progressão */
.control-hero-total{border-radius:20px;background:linear-gradient(135deg,#38213f,#6d2aa5);color:#fff;padding:20px;margin:8px 0 14px}.control-hero-total span{font-size:10px;font-weight:950;letter-spacing:.09em;opacity:.86}.control-hero-total strong{display:block;font-size:34px;line-height:1.05;margin:7px 0}.control-hero-total small{font-size:11px;opacity:.82}
.control-family-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.control-family-card{border-radius:15px;padding:13px;border:1px solid var(--bem-line);background:#fff}.control-family-card span{display:block;font-size:9px;font-weight:900;letter-spacing:.05em;color:var(--bem-muted)}.control-family-card strong{display:block;font-size:16px;margin-top:5px;color:var(--bem-ink)}.control-family-card.tone-team{background:var(--bem-blue-soft)}.control-family-card.tone-purchases{background:var(--bem-purple-soft)}.control-family-card.tone-fiscal{background:var(--bem-amber-soft)}.control-family-card.tone-structure{background:#f4f5f7}.control-family-card.tone-other{background:#fbf5ef}
.control-composition{margin-top:12px;border:1px solid var(--bem-line);border-radius:14px;overflow:hidden;background:#fff}.control-composition summary{list-style:none;padding:13px 15px;font-size:10px;font-weight:950;color:var(--bem-purple);cursor:pointer}.control-composition summary::-webkit-details-marker{display:none}.compact-control-grid{padding:0 12px 12px}
.control-report-link{width:100%;margin-top:10px;min-height:46px;border:1px dashed #cdb8dc;border-radius:13px;background:#fbf8fd;color:var(--bem-purple);font-weight:900;cursor:pointer}
.control-section-block{border:1px solid var(--bem-line);border-radius:15px;background:#fff;overflow:hidden;margin-bottom:10px}.control-section-title{list-style:none;display:grid!important;grid-template-columns:1fr auto 20px;gap:10px;align-items:center;padding:14px 15px;cursor:pointer;background:#fbf9fc}.control-section-title::-webkit-details-marker{display:none}.control-section-title h3{margin:0;font-size:13px}.control-section-title strong{font-size:13px;color:var(--bem-purple)}.control-section-title span{font-size:16px}.control-section-block[open] .control-section-title span{transform:rotate(180deg)}.control-section-rows{padding:5px 12px 12px}

/* Fechamento protegido por data */
.month-close-status.ready{background:var(--bem-green-soft)!important;color:var(--bem-green)!important}
#closeMonthBtn.is-ready-neon{background:#157a55!important;color:#fff!important;border-color:#56d7a3!important;animation:bemCloseReady 1.15s ease-in-out infinite;box-shadow:0 0 0 0 rgba(46,211,144,.45),0 0 18px rgba(46,211,144,.35)}
@keyframes bemCloseReady{0%,100%{box-shadow:0 0 0 0 rgba(46,211,144,.35),0 0 14px rgba(46,211,144,.25)}50%{box-shadow:0 0 0 7px rgba(46,211,144,0),0 0 28px rgba(46,211,144,.58)}}
@media (prefers-reduced-motion:reduce){#closeMonthBtn.is-ready-neon{animation:none}}

/* Semântica visual dos valores */
.paid-box,.badge.success,.status-pill.ativo{background:var(--bem-green-soft)!important;color:var(--bem-green)!important}
.badge.pending{background:var(--bem-amber-soft)!important;color:var(--bem-amber)!important}
.danger-btn,.financial-error,.payment-no-pix{color:var(--bem-red)!important}
.money-metrics .metric-box:first-child{background:#f6f4f7}.money-metrics .metric-box:nth-child(2){background:var(--bem-blue-soft)}.money-metrics .metric-box:nth-child(3){background:var(--bem-green-soft)}

@media (max-width:900px){
  .dashboard-action-grid{grid-template-columns:1fr}.dashboard-action-card{min-height:92px}
  .report-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-center-grid .report-tile:nth-child(3){grid-column:1/-1}
  .report-center-filters{grid-template-columns:1fr}.control-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-family-card:first-child{grid-column:1/-1}.control-hero-total strong{font-size:30px}
  .advance-usage>div{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  #adminNav.bottom-nav:not(.auto-collapsed),#managerNav.bottom-nav:not(.auto-collapsed){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;left:10px!important;right:10px!important;bottom:76px!important;max-height:min(62vh,480px)!important;overflow:auto!important;padding:10px!important}
  #adminNav .nav-btn,#managerNav .nav-btn{min-height:72px!important;padding:8px 5px!important}.nav-btn small{font-size:8px!important;line-height:1.15!important}
  .report-center-grid{grid-template-columns:1fr 1fr}.report-tile{min-height:96px}.report-shortcuts{display:grid;grid-template-columns:1fr;width:100%}.report-shortcuts button{width:100%}
  .control-family-grid{grid-template-columns:1fr 1fr}.compact-control-grid{grid-template-columns:1fr 1fr!important}.control-row{align-items:flex-start!important}.control-row-value{white-space:nowrap}
  .month-finance-cycle{grid-template-columns:1fr!important}.month-close-actions{grid-template-columns:1fr!important}
}
@media (min-width:761px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
  }
  #adminNav.bottom-nav .nav-btn{grid-column:auto!important;grid-row:1!important;min-width:0!important}
}


/* =========================================================
   BEM GESTÃO V3.40.2 P2 — AUDITORIA FINAL DE USABILIDADE
   Overrides finais deliberadamente no fim do arquivo.
   ========================================================= */
/* Ordem operacional: tarefas de uso diário primeiro; cadastro/gestão depois; BEM Direct por último. */
#adminNav .nav-btn[data-screen-target="compras"]{order:1!important}
#adminNav .nav-btn[data-screen-target="financeiro"]{order:2!important}
#adminNav .nav-btn[data-screen-target="pix"]{order:4!important}
#adminNav .nav-btn[data-screen-target="fornecedores"]{order:3!important}
#adminNav .nav-btn[data-screen-target="pagamentos"]{order:7!important}
#adminNav .nav-btn[data-screen-target="descontos"]{order:6!important}
#adminNav .nav-btn[data-screen-target="equipe"]{order:5!important}
#adminNav .nav-btn[data-screen-target="controle"]{order:8!important}
#adminNav .nav-btn[data-screen-target="dashboard"]{order:9!important}
#adminNav #bemDirectLauncherBtn{order:10!important}

/* A seta nunca muda de alvo ao abrir/fechar: um toque = uma ação. */
body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-open,
body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed{
  position:fixed!important;right:max(14px,env(safe-area-inset-right))!important;left:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;top:auto!important;transform:none!important;
  width:54px!important;min-width:54px!important;height:48px!important;min-height:48px!important;
  padding:0!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:10080!important;pointer-events:auto!important;touch-action:manipulation!important;
}
body:not(.modal-open) #navRevealBtn.is-nav-open>span,
body:not(.modal-open) #navRevealBtn.is-nav-closed>span{display:block!important;font-size:1.05rem!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#navRevealBtn::after{display:none!important;content:""!important}

/* Fechamento de Notas segue a mesma proteção e o mesmo sinal visual do Controle. */
.notes-month-close-btn.is-locked{background:#f1edf3!important;color:#8b7d92!important;border-color:#e3dbe7!important;box-shadow:none!important;cursor:not-allowed!important}
.notes-month-close-btn.is-ready-neon{background:#157a55!important;color:#fff!important;border-color:#56d7a3!important;animation:bemCloseReady 1.15s ease-in-out infinite!important;box-shadow:0 0 18px rgba(46,211,144,.35)!important}
@media (prefers-reduced-motion:reduce){.notes-month-close-btn.is-ready-neon{animation:none!important}}

/* BEM GESTÃO V3.40.2 P2 — contraste do estado SEM PENDÊNCIAS */
.friday-close-card.is-complete .friday-close-action:disabled{
  opacity:1!important;
  background:linear-gradient(135deg,#0f6f41,#0a5c35)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 7px 18px rgba(7,72,41,.18)!important;
  cursor:default!important;
  filter:none!important;
}
.friday-close-card.is-complete .friday-close-status{
  color:#fff!important;
  opacity:1!important;
}

/* V3.40.2 P4 — Caderno Digital: rastreabilidade discreta no painel ADM */
.caderno-admin-link{white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.discount-edited-note{display:block;margin-top:5px;color:#7b4ba2;font-weight:800}
.discount-edit-history{margin-top:8px;border:1px solid rgba(102,42,153,.14);border-radius:12px;background:rgba(102,42,153,.035);overflow:hidden}
.discount-edit-history summary{cursor:pointer;padding:8px 10px;font-size:.75rem;font-weight:900;color:#5e257f;list-style:none}
.discount-edit-history summary::-webkit-details-marker{display:none}
.discount-edit-history-row{padding:9px 10px;border-top:1px solid rgba(102,42,153,.10)}
.discount-edit-history-row strong,.discount-edit-history-row small{display:block}
.discount-edit-history-row p{margin:3px 0 0;font-size:.72rem;color:#5f5665}
@media(max-width:720px){.caderno-admin-link{width:100%;margin-top:8px}}

/* =========================================================
   BEM GESTÃO V3.40.2 P5 — CADERNO DIGITAL + MENU FINAL
   Overrides finais: Caderno no menu, seta sem texto e sem sobreposição.
   ========================================================= */
#adminNav #cadernoLauncherBtn{order:10!important}
#adminNav #bemDirectLauncherBtn{order:11!important}
#navRevealBtn::after{content:""!important;display:none!important}
#navRevealBtn>span{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-open,
body:not(.modal-open) #navRevealBtn:not(.hidden).is-nav-closed{
  width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;
  padding:0!important;border-radius:999px!important;background:#6a2ca0!important;color:#fff!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
  right:max(12px,env(safe-area-inset-right))!important;left:auto!important;top:auto!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;transform:none!important;z-index:10080!important;
  border:2px solid rgba(255,255,255,.96)!important;box-shadow:0 9px 24px rgba(48,22,65,.28)!important;
}
@media(max-width:760px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;
    gap:6px!important;left:9px!important;right:9px!important;bottom:74px!important;width:auto!important;
    max-height:min(64vh,420px)!important;overflow:auto!important;padding:9px!important;border-radius:22px!important;
  }
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){
    grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;
    min-height:68px!important;height:68px!important;padding:6px 3px!important;border-radius:13px!important;
  }
  #adminNav.bottom-nav .nav-icon{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.49rem!important;line-height:1.07!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .app-shell{padding-bottom:238px!important}
}
@media(max-width:390px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:7px!important}
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){min-height:64px!important;height:64px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.43rem!important}
}
@media(min-width:761px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;grid-template-columns:repeat(11,minmax(0,1fr))!important;grid-template-rows:1fr!important;
    width:min(1580px,calc(100vw - 26px))!important;max-height:84px!important;overflow:visible!important;
  }
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){grid-column:auto!important;grid-row:1!important;min-width:0!important;width:auto!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.49rem!important}
}


/* ============================================================
   BEM GESTÃO V3.40.2 P8 — VALIDAÇÃO FINAL DOS 8 ITENS
   Este bloco é o último de propósito: neutraliza regras legadas conflitantes.
   ============================================================ */

/* 1 — nenhuma splash HTML intermediária. */
#bootView,.boot-view,.launch-splash{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* 5 — NOTAS DE COMPRAS: NOTA NOVA PRIMEIRO; DESPESA DE CONTROLE DEPOIS. */
#screen-financeiro.active{display:flex!important;flex-direction:column!important;gap:16px!important}
#screen-financeiro>.notes-purchases-hero{order:0!important}
#screen-financeiro>#financialDocumentHub{order:1!important}
#screen-financeiro>.financial-manual-expense-card{order:2!important}

/* 6 — títulos e ícones maiores, modernos e com contraste real. */
#screen-financeiro>.notes-purchases-hero{background:linear-gradient(135deg,#f7f0fc 0%,#fff 62%)!important;border:1px solid #d9c2e9!important;box-shadow:0 14px 36px rgba(80,39,105,.08)!important}
#financialDocumentHub{background:#fff!important;border:1px solid #d9c9e3!important;box-shadow:0 16px 38px rgba(55,32,67,.07)!important}
.financial-manual-expense-card{background:linear-gradient(135deg,#fffaf0,#fff)!important;border:1px solid #ecd9a8!important;box-shadow:0 14px 34px rgba(111,78,20,.07)!important}
.notes-purchases-new{background:linear-gradient(145deg,#faf6fd,#fff)!important;border:1px solid #dfcdea!important;border-radius:22px!important;padding:16px!important}
.notes-history{background:linear-gradient(145deg,#f4f8ff,#fff)!important;border:1px solid #cfdef0!important;border-radius:22px!important;padding:16px!important;margin-top:16px!important}
.notes-section-title>div,.notes-new-section-main,.financial-feature-top{align-items:center!important}
.notes-new-top-icon,.notes-title-icon,.financial-feature-top-icon{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#6f2ca5,#512077)!important;color:#fff!important;box-shadow:0 10px 24px rgba(83,36,114,.20)!important}
.notes-title-icon-archive{background:linear-gradient(145deg,#276ea5,#18537f)!important}
.financial-manual-expense-card .financial-feature-top-icon{background:linear-gradient(145deg,#ba7a14,#8b5a0b)!important}
.notes-new-top-icon svg,.notes-title-icon svg,.financial-feature-top-icon svg,.notes-action-icon svg{width:30px!important;height:30px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.35!important}
.notes-section-title strong,.notes-new-section-main strong,.financial-feature-top-copy h2{font-size:1rem!important;line-height:1.18!important;color:#2f2435!important;letter-spacing:.01em!important}
.notes-section-title small,.notes-new-section-main small,.financial-feature-top-copy .subtle{font-size:.64rem!important;line-height:1.45!important;color:#6f6475!important}
.notes-action-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(106,44,160,.11)!important;color:#642895!important}
.notes-scan-primary{border:1px solid #d7c3e5!important;background:#f7f1fb!important}
.notes-photo-primary{border:1px solid #cfe7da!important;background:#eff9f4!important}
.notes-photo-secondary{border:1px solid #d8e4f1!important;background:#f3f8fd!important}
.notes-field{background:#fbfafc!important;border:1px solid #ece5ef!important;border-radius:14px!important;padding:10px!important}

/* 2 — FINALIZAR PEDIDO sempre inteiro, central e sem recorte. */
.manager-inline-finalize-wrap{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;overflow:visible!important;margin:18px 0 26px!important;padding:12px!important;box-sizing:border-box!important}
.manager-inline-finalize-btn{width:100%!important;max-width:none!important;min-height:62px!important;height:auto!important;padding:14px 18px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;box-sizing:border-box!important;position:relative!important;inset:auto!important}
#managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){left:12px!important;right:12px!important;width:auto!important;max-width:none!important;padding:14px!important;box-sizing:border-box!important;overflow:visible!important}
#managerBottomFinalizeBtn.nav-btn,#managerBottomFinalizeBtn.nav-btn.wide-nav{width:100%!important;max-width:none!important;min-width:0!important;min-height:62px!important;height:auto!important;margin:0!important;padding:12px 16px!important;box-sizing:border-box!important;white-space:normal!important;overflow:visible!important}

/* 3 e 4 — botão MENU removido; somente seta central. Menu nasce recolhido via JS. */
#navRevealBtn::before,#navRevealBtn::after{content:""!important;display:none!important}
#navRevealBtn.nav-reveal-btn:not(.hidden){display:flex!important;position:fixed!important;left:50%!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:54px!important;min-width:54px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:999px!important;border:2px solid rgba(255,255,255,.96)!important;background:#6a2ca0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;align-items:center!important;justify-content:center!important;z-index:10060!important;box-shadow:0 9px 24px rgba(57,27,75,.27)!important}
#navRevealBtn.nav-reveal-btn>span{display:block!important;font-size:1.18rem!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:none!important}
#navRevealBtn.is-nav-closed{bottom:max(10px,env(safe-area-inset-bottom))!important}

/* Windows/desktop: seta fica no centro da borda superior do dock aberto. */
@media(min-width:761px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){left:14px!important;right:14px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)~#navRevealBtn.is-nav-open{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 68px)!important}
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#navRevealBtn.is-nav-open{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px)!important}
}

/* Android/iOS: dock fixo de 3 linhas; a seta fica no centro do topo do próprio menu. */
@media(max-width:760px){
  #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:64px!important;gap:6px!important;
    left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;
    max-height:none!important;height:auto!important;min-height:0!important;padding:14px 8px 10px!important;overflow:visible!important;border-radius:22px!important;
  }
  #adminNav.bottom-nav .nav-btn,#adminNav.bottom-nav .nav-btn:nth-child(n){width:100%!important;min-width:0!important;min-height:64px!important;height:64px!important;margin:0!important;padding:6px 4px!important;grid-column:auto!important;grid-row:auto!important}
  #adminNav.bottom-nav .nav-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  #adminNav.bottom-nav .nav-btn small{font-size:.47rem!important;line-height:1.06!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)~#navRevealBtn.is-nav-open,
  body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#managerNav.hidden+#navRevealBtn.is-nav-open{
    left:50%!important;right:auto!important;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 202px)!important;transform:translateX(-50%)!important;width:54px!important;min-width:54px!important;height:44px!important;min-height:44px!important;padding:0!important;
  }
  #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){bottom:max(10px,env(safe-area-inset-bottom))!important;min-height:86px!important;max-height:none!important;height:auto!important;padding:12px!important;padding-right:12px!important;border-radius:22px!important}
  body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#navRevealBtn.is-nav-open{left:50%!important;right:auto!important;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 72px)!important;transform:translateX(-50%)!important;width:54px!important;min-width:54px!important;height:44px!important;min-height:44px!important;padding:0!important}
  .main-content{padding-bottom:82px!important}
}
body.modal-open #navRevealBtn{display:none!important}

/* ============================================================
   BEM GESTÃO V3.40.2 P9 — CORREÇÃO DEFINITIVA MENU / FINALIZAR
   Remove regras legadas mais específicas e evita sobreposição.
   ============================================================ */
html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) ~ #navRevealBtn.nav-reveal-btn.is-nav-open::after,
html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #managerNav.hidden + #navRevealBtn.nav-reveal-btn.is-nav-open::after,
html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) + #navRevealBtn.nav-reveal-btn.is-nav-open::after,
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn.is-nav-closed::after,
html body #navRevealBtn.nav-reveal-btn::after{
  content:""!important;display:none!important;width:0!important;height:0!important;overflow:hidden!important;
}
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn.is-nav-open>span,
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn.is-nav-closed>span{
  display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.18rem!important;line-height:1!important;transform:none!important;
}
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn{
  border:2px solid #fff!important;background:#6a2ca0!important;color:#fff!important;border-radius:999px!important;
  box-shadow:0 9px 24px rgba(57,27,75,.28)!important;z-index:12050!important;
}
html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){
  left:10px!important;right:10px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:86px!important;max-height:none!important;
  padding:12px!important;padding-right:12px!important;overflow:visible!important;box-sizing:border-box!important;
}
html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) #managerBottomFinalizeBtn.nav-btn,
html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed) #managerBottomFinalizeBtn.nav-btn.wide-nav{
  width:100%!important;max-width:none!important;min-width:0!important;min-height:62px!important;height:auto!important;margin:0!important;padding:13px 16px!important;
  box-sizing:border-box!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
html body:not(.modal-open) #adminNav.bottom-nav.auto-collapsed,
html body:not(.modal-open) #managerNav.bottom-nav.auto-collapsed{
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(calc(100% + 80px))!important;
}
@media(max-width:760px){
  html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:64px!important;gap:6px!important;
    left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;
    padding:14px 8px 10px!important;border-radius:22px!important;overflow:visible!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) .nav-btn,
  html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed) .nav-btn:nth-child(n){
    width:100%!important;min-width:0!important;height:64px!important;min-height:64px!important;margin:0!important;padding:6px 4px!important;grid-column:auto!important;grid-row:auto!important;
  }
  html body .app-shell{padding-bottom:88px!important}
}

/* P9 hotfix — nav inativo NUNCA pode reaparecer por regra legada mais específica. */
html body #adminNav.bottom-nav.hidden,
html body #managerNav.bottom-nav.hidden{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important;
}


/* ============================================================
   BEM GESTÃO — BLOCO LEGADO PRESERVADO (SOBRESCRITO PELO BLOCO ATUAL)
   Menu sem texto, Notas com contraste, PDFs por bloco e financeiro.
   ============================================================ */

/* MENU: apenas uma seta central. Nenhum pseudo-elemento pode voltar a exibir MENU/FECHAR. */
html body #navRevealBtn.nav-reveal-btn::before,
html body #navRevealBtn.nav-reveal-btn::after,
html body #navRevealBtn.nav-reveal-btn.is-nav-open::before,
html body #navRevealBtn.nav-reveal-btn.is-nav-open::after,
html body #navRevealBtn.nav-reveal-btn.is-nav-closed::before,
html body #navRevealBtn.nav-reveal-btn.is-nav-closed::after{content:""!important;display:none!important;width:0!important;height:0!important;overflow:hidden!important}
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn:not(.hidden){
  display:flex!important;position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:56px!important;min-width:56px!important;height:46px!important;min-height:46px!important;padding:0!important;
  border-radius:999px!important;background:#6a2ca0!important;color:#fff!important;border:2px solid #fff!important;
  align-items:center!important;justify-content:center!important;gap:0!important;z-index:13000!important;box-shadow:0 10px 26px rgba(55,25,73,.30)!important;
}
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn>span{display:block!important;font-size:1.22rem!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important}
html body:not(.modal-open) #navRevealBtn.nav-reveal-btn.is-nav-closed{bottom:max(10px,env(safe-area-inset-bottom))!important;top:auto!important}
html body:not(.modal-open).bem-bottom-nav-open #navRevealBtn.nav-reveal-btn.is-nav-open{top:auto!important}
@media(max-width:760px){
  html body:not(.modal-open).bem-bottom-nav-open #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)~#navRevealBtn.nav-reveal-btn.is-nav-open,
  html body:not(.modal-open).bem-bottom-nav-open #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#managerNav.hidden+#navRevealBtn.nav-reveal-btn.is-nav-open{
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 202px)!important;
  }
  html body:not(.modal-open).bem-bottom-nav-open #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#navRevealBtn.nav-reveal-btn.is-nav-open{
    bottom:calc(max(10px,env(safe-area-inset-bottom)) + 76px)!important;
  }
  html body.bem-bottom-nav-open .main-content{padding-bottom:238px!important}
  html body:not(.bem-bottom-nav-open) .main-content{padding-bottom:82px!important}
}
@media(min-width:761px){
  html body:not(.modal-open).bem-bottom-nav-open #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed)~#navRevealBtn.nav-reveal-btn.is-nav-open{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px)!important}
  html body:not(.modal-open).bem-bottom-nav-open #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed)+#navRevealBtn.nav-reveal-btn.is-nav-open{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 82px)!important}
  html body.bem-bottom-nav-open .main-content{padding-bottom:120px!important}
}

/* FINALIZAR PEDIDO: nunca recortado ou encoberto pelo menu. */
html body #managerNav.bottom-nav #managerBottomFinalizeBtn{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:64px!important;height:auto!important;padding:14px 18px!important;margin:0!important;overflow:visible!important;white-space:normal!important;box-sizing:border-box!important}
html body #managerNav.bottom-nav{overflow:visible!important;box-sizing:border-box!important}

/* NOTAS DE COMPRAS: contraste alto e leitura por blocos. */
#screen-financeiro>.notes-purchases-hero{background:linear-gradient(135deg,#efe2f8 0%,#fff 68%)!important;border:2px solid #cba8e1!important;box-shadow:0 16px 38px rgba(81,37,108,.12)!important}
#financialDocumentHub{background:#fff!important;border:2px solid #d8c4e5!important;box-shadow:0 18px 44px rgba(58,30,72,.10)!important;padding:14px!important}
.notes-purchases-new{background:linear-gradient(150deg,#f5eafb 0%,#fff 70%)!important;border:2px solid #cfaee3!important;border-radius:24px!important;padding:16px!important;box-shadow:0 12px 28px rgba(86,40,112,.09)!important}
.notes-new-top-icon,.notes-title-icon,.financial-feature-top-icon{width:62px!important;height:62px!important;min-width:62px!important;border-radius:19px!important;box-shadow:0 10px 24px rgba(66,28,91,.22)!important}
.notes-new-top-icon svg,.notes-title-icon svg,.financial-feature-top-icon svg{width:34px!important;height:34px!important}
.notes-new-section-title strong,.notes-section-title strong,.financial-feature-top-copy h2{font-size:1.08rem!important;font-weight:950!important;color:#24192b!important}
.notes-new-section-title small,.notes-section-title small,.financial-feature-top-copy .subtle{font-size:.68rem!important;color:#5f5366!important;font-weight:750!important}
.notes-scan-primary{background:linear-gradient(135deg,#642795,#7d3db0)!important;border:2px solid #8d56b6!important;color:#fff!important;opacity:1!important;box-shadow:0 12px 28px rgba(100,39,149,.22)!important}
.notes-photo-primary{background:linear-gradient(135deg,#087a58,#159b70)!important;border:2px solid #36b98f!important;color:#fff!important;opacity:1!important;box-shadow:0 12px 28px rgba(8,122,88,.18)!important}
.notes-photo-secondary{background:linear-gradient(135deg,#eaf4ff,#f8fbff)!important;border:2px solid #9ec8ea!important;color:#174b72!important;opacity:1!important;box-shadow:0 10px 24px rgba(49,107,151,.10)!important}
.notes-scan-primary *, .notes-photo-primary *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.notes-photo-secondary *{color:#174b72!important;-webkit-text-fill-color:#174b72!important}
.notes-action-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:15px!important;background:rgba(255,255,255,.18)!important;color:inherit!important}
.notes-photo-secondary .notes-action-icon{background:#d9ebfb!important;color:#174b72!important}
.notes-action-icon svg{width:29px!important;height:29px!important}
.notes-field{background:#fff!important;border:1.5px solid #dcd1e2!important;box-shadow:0 5px 14px rgba(59,39,69,.04)!important}
.notes-save-btn{background:linear-gradient(135deg,#67299b,#54227f)!important;box-shadow:0 10px 24px rgba(91,36,130,.20)!important}
.financial-manual-expense-card{background:linear-gradient(135deg,#fff4d9,#fff 72%)!important;border:2px solid #e6c46a!important;box-shadow:0 14px 34px rgba(116,80,14,.10)!important}
.financial-manual-expense-card .financial-feature-top-icon{background:linear-gradient(145deg,#c98512,#9a6208)!important}

/* Barra visível que separa NOVA NOTA do ARQUIVO DE NOTAS. */
.notes-archive-divider{margin:22px -2px 16px!important;min-height:72px!important;padding:12px 16px!important;border-radius:18px!important;background:linear-gradient(135deg,#173d67,#265f95)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:13px!important;box-shadow:0 12px 28px rgba(23,61,103,.20)!important;border:2px solid #4f83b2!important}
.notes-archive-divider-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;background:rgba(255,255,255,.16)!important;display:grid!important;place-items:center!important}
.notes-archive-divider-icon svg{width:27px!important;height:27px!important;fill:#fff!important}
.notes-archive-divider strong{display:block!important;font-size:1.02rem!important;font-weight:950!important;letter-spacing:.02em!important;color:#fff!important}
.notes-archive-divider small{display:block!important;margin-top:3px!important;font-size:.66rem!important;font-weight:750!important;color:rgba(255,255,255,.88)!important}
.notes-history{background:linear-gradient(150deg,#eef6ff 0%,#fff 76%)!important;border:2px solid #aacbea!important;box-shadow:0 12px 28px rgba(37,87,128,.08)!important}
.notes-title-icon-archive{background:linear-gradient(145deg,#1f5d91,#153f65)!important}

/* CENTRAL DE RELATÓRIOS: cada bloco tem impressora visível e clicável no próprio bloco. */
.report-center-grid .report-tile{position:relative!important;overflow:visible!important;padding-right:54px!important;cursor:pointer!important}
.report-print-icon{position:absolute!important;right:12px!important;top:12px!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(67,43,76,.12)!important;display:grid!important;place-items:center!important;box-shadow:0 6px 14px rgba(49,31,57,.10)!important}
.report-print-icon svg{width:22px!important;height:22px!important;fill:#5a2a80!important}
.report-tile.tone-success .report-print-icon svg{fill:#12694c!important}
.report-tile.tone-warning .report-print-icon svg{fill:#8a630d!important}
.report-tile.tone-info .report-print-icon svg{fill:#245d86!important}
@media(max-width:520px){.report-center-grid .report-tile{padding-right:49px!important}.report-print-icon{right:10px!important;top:10px!important;width:35px!important;height:35px!important}.report-print-icon svg{width:20px!important;height:20px!important}}

/* FECHAMENTO P13 — ordem e contraste solicitados:
   FATURAMENTO BRUTO → CUSTOS DO MÊS → CUSTO MOTOBOY → VALOR LÍQUIDO. */
.month-finance-cycle{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.month-finance-gross-card{order:1!important;background:linear-gradient(135deg,#fbf7ff,#fff)!important;border:2px solid #cdb7df!important}
.month-finance-auto-card{order:2!important;background:linear-gradient(135deg,#edf4ff,#fff)!important;border:2px solid #b7cde8!important}
.month-finance-courier-card{order:3!important;background:linear-gradient(135deg,#fff5da,#fff)!important;border:2px solid #e5c46c!important}
#monthNetCard{order:4!important;background:linear-gradient(135deg,#5f2d83,#3d1c5b)!important;border:2px solid #6f3d92!important;box-shadow:0 12px 26px rgba(61,28,91,.18)!important;color:#fff!important}
#monthNetCard .month-finance-order,#monthNetCard small,#monthNetCard strong{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.12)!important}
#monthNetCard strong{font-size:1.36rem!important;font-weight:950!important}
#monthNetCard.pending{background:linear-gradient(135deg,#5f2d83,#3d1c5b)!important}
#monthNetCard.positive{background:linear-gradient(135deg,#176b50,#0f513d)!important;border-color:#238363!important}
#monthNetCard.zero{background:linear-gradient(135deg,#535b66,#3f4650)!important;border-color:#6f7783!important}
#monthNetCard.negative{background:linear-gradient(135deg,#a92f3b,#7f1f29)!important;border-color:#c44752!important}
@media(max-width:820px){.month-finance-cycle{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.month-finance-cycle{grid-template-columns:1fr!important}}

/* BLOCO LEGADO — ordem estrutural em NOTAS DE COMPRAS:
   NOVA NOTA → ADICIONAR DESPESA DE CONTROLE → ARQUIVO DE NOTAS. */
#financialDocumentHub>.financial-manual-expense-card{
  margin:20px 0 24px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* ============================================================
   BEM GESTÃO P12 — INVARIANTE FINAL DO MENU
   ÚLTIMA REGRA DO ARQUIVO: remove transformações legadas que
   deslocavam o dock para fora da tela em Windows/mobile.
   ============================================================ */
html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed),
html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
html body:not(.modal-open) #adminNav.bottom-nav.auto-collapsed,
html body:not(.modal-open) #managerNav.bottom-nav.auto-collapsed{
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(calc(100% + 96px))!important;
}
@media(min-width:761px){
  html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed),
  html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
}
@media(max-width:760px){
  html body:not(.modal-open) #adminNav.bottom-nav:not(.hidden):not(.auto-collapsed),
  html body:not(.modal-open) #managerNav.bottom-nav:not(.hidden):not(.auto-collapsed){
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
}


/* P15 — COMPETÊNCIA X CAIXA: leitura simples, sem duplicidade */
.control-basis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 12px}
.control-basis-grid .control-hero-total{margin:0;min-height:132px;display:flex;flex-direction:column;justify-content:center}
.control-cash-hero{border-radius:20px;background:linear-gradient(135deg,#0f5667,#16829a);color:#fff;padding:20px;min-height:132px;box-shadow:0 12px 28px rgba(15,86,103,.16);display:flex;flex-direction:column;justify-content:center}
.control-cash-hero span{font-size:10px;font-weight:950;letter-spacing:.09em;opacity:.92}.control-cash-hero strong{display:block;font-size:34px;line-height:1.05;margin:7px 0}.control-cash-hero small{font-size:11px;line-height:1.45;opacity:.92}
.control-basis-rule{display:flex;gap:10px;align-items:flex-start;border:1px solid #cfe7ec;background:#f2fbfd;border-radius:16px;padding:13px 14px;margin-bottom:12px;color:#164b57}.control-basis-rule-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d9f5eb;color:#08784f;font-weight:1000;flex:0 0 30px}.control-basis-rule strong{display:block;font-size:11px;letter-spacing:.04em;margin:1px 0 4px}.control-basis-rule small{display:block;font-size:10px;line-height:1.45;color:#42636b;font-weight:700}
.control-cash-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.control-cash-breakdown>div{border:1px solid #d8e8ec;background:#fff;border-radius:14px;padding:11px}.control-cash-breakdown span{display:block;font-size:8px;font-weight:900;color:#5c6f74;letter-spacing:.035em}.control-cash-breakdown strong{display:block;font-size:14px;color:#164b57;margin-top:5px}
.control-cash-details{border:1px solid #cfe4e9;border-radius:15px;background:#fff;overflow:hidden;margin:0 0 14px}.control-cash-details>summary{list-style:none;cursor:pointer;padding:13px 15px;font-size:10px;font-weight:950;letter-spacing:.04em;color:#155366;background:#f6fbfc}.control-cash-details>summary::-webkit-details-marker{display:none}.control-cash-details>summary:after{content:'⌄';float:right;font-size:15px}.control-cash-details[open]>summary:after{transform:rotate(180deg)}
.control-cash-rows{padding:8px 12px 12px}.control-cash-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 5px;border-bottom:1px solid #eef3f4}.control-cash-row:last-child{border-bottom:0}.control-cash-row-icon{width:34px;height:34px;border-radius:11px;background:#edf7f9;display:grid;place-items:center;font-size:16px}.control-cash-row-main strong{display:block;font-size:11px;color:#25212a}.control-cash-row-main small{display:block;margin-top:3px;font-size:9px;line-height:1.4;color:#6a7176}.control-cash-row-value{font-size:12px;color:#155366;white-space:nowrap}
@media(max-width:760px){.control-basis-grid{grid-template-columns:1fr}.control-basis-grid .control-hero-total,.control-cash-hero{min-height:116px}.control-cash-breakdown{grid-template-columns:1fr 1fr}.control-cash-row{grid-template-columns:34px 1fr}.control-cash-row-value{grid-column:2;margin-top:2px}.control-cash-hero strong,.control-basis-grid .control-hero-total strong{font-size:30px}}


/* P16 — FINANCEIRO POR COMPETÊNCIA • MOBILE FIRST • ÍCONES GRANDES */
.control-basis-grid-close{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)!important;align-items:stretch!important}
.control-cost-hero{position:relative;display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-areas:'icon copy' 'value value' 'text text';align-content:center;gap:8px 14px!important;padding:22px!important;background:linear-gradient(135deg,#4d2368 0%,#7134a0 100%)!important}
.control-hero-icon{grid-area:icon;width:62px;height:62px;border-radius:19px;background:rgba(255,255,255,.15);display:grid;place-items:center!important;opacity:1!important}
.control-hero-icon svg{width:34px;height:34px;fill:#fff}
.control-hero-copy{grid-area:copy;display:grid;align-content:center;gap:4px}.control-hero-copy span{font-size:14px!important}.control-hero-copy small{font-size:10px!important;font-weight:900;letter-spacing:.04em;color:rgba(255,255,255,.88)!important;opacity:1!important}
.control-cost-hero>strong{grid-area:value;font-size:40px!important;margin:5px 0 0!important}.control-cost-hero>p{grid-area:text;margin:0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.93)}
.control-close-explainer{border:2px solid #d9cce2;border-radius:20px;background:#fff;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 26px rgba(61,39,71,.07)}
.control-close-explainer-icon{flex:0 0 64px;width:64px;height:64px;border-radius:20px;background:#f1e8f7;display:grid;place-items:center}.control-close-explainer-icon svg{width:34px;height:34px;fill:#6a2ca0}
.control-close-explainer strong{display:block;font-size:14px;color:#34233d}.control-close-explainer small{display:block;margin-top:6px;font-size:11px;line-height:1.55;color:#675e6c}
.control-basis-rule{border:1px solid #cfe6d9!important;background:#f3fbf6!important}.control-basis-rule-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:20px!important}
.control-cash-panel{margin:0 0 14px;border:1px solid #d7e6ea;border-radius:18px;background:#fff;overflow:hidden}.control-cash-panel>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:54px minmax(0,1fr) auto 26px;align-items:center;gap:12px;padding:15px;background:#f7fbfc}.control-cash-panel>summary::-webkit-details-marker{display:none}.control-cash-summary-icon{width:52px;height:52px;border-radius:16px;background:#e6f4f7;display:grid;place-items:center}.control-cash-summary-icon svg{width:29px;height:29px;fill:#155d6d}.control-cash-panel>summary div>span{display:block;font-size:11px;font-weight:950;color:#155366;letter-spacing:.03em}.control-cash-panel>summary div>small{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#6e7b7f}.control-cash-panel>summary>strong{font-size:20px;color:#164b57;white-space:nowrap}.control-cash-summary-chevron{font-size:22px;color:#397480;transition:.2s}.control-cash-panel[open] .control-cash-summary-chevron{transform:rotate(180deg)}.control-cash-panel-body{padding:12px}.control-cash-note{margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:#f7f7f8;color:#6b6470;font-size:10px;font-weight:800;line-height:1.45}
.control-family-card{min-height:112px!important;display:flex!important;flex-direction:column;justify-content:center!important;gap:7px!important}.control-family-label{display:flex!important;align-items:center;gap:9px!important;font-size:11px!important}.control-family-label b{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.72);display:grid;place-items:center;font-size:22px}.control-family-card strong{font-size:20px!important;margin-top:0!important}
.month-finance-step{position:relative;padding-top:18px!important}.month-finance-step-icon{width:48px;height:48px;border-radius:15px;background:rgba(106,44,160,.1);display:grid;place-items:center;font-size:23px;margin-bottom:10px}.month-finance-auto-card .month-finance-step-icon{background:#e5f1ff}.month-finance-courier-card .month-finance-step-icon{background:#fff1c9}.month-finance-net-card .month-finance-step-icon{background:rgba(255,255,255,.17)}
.finance-competence-preview{display:flex!important;align-items:center!important;gap:12px!important;background:#f3ecf8!important;border:2px solid #d9c4e7!important}.finance-field-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#6a2ca0;color:#fff;display:grid!important;place-items:center;font-size:24px!important}.finance-competence-preview>div{display:grid;gap:3px}.finance-competence-preview>div>span{font-size:9px;font-weight:950;color:#6a2ca0;letter-spacing:.06em}.finance-competence-preview strong{font-size:16px;color:#35213f}.finance-competence-preview small{font-size:10px;color:#75687b}
.finance-boleto-box{display:grid!important;gap:8px!important}.finance-boleto-button{width:100%;min-height:72px;border:2px solid #d8c7e3;border-radius:17px;background:#fbf8fd;display:grid;grid-template-columns:50px 1fr 20px;align-items:center;gap:11px;text-align:left;padding:10px 13px;color:#472453;cursor:pointer}.finance-boleto-icon{width:50px;height:50px;border-radius:15px;background:#6a2ca0;color:#fff;display:grid;place-items:center;font-size:25px}.finance-boleto-button strong{display:block;font-size:13px}.finance-boleto-button small{display:block;margin-top:3px;font-size:10px;color:#756a7a}.finance-boleto-button>b{font-size:26px;color:#6a2ca0}.finance-boleto-preview{padding:9px 11px;border-radius:11px;background:#f5f2f6;color:#776d7b;font-size:9px;font-weight:900}.finance-boleto-preview.is-ready{background:#e9f8ef;color:#137447}
.finance-doc-audit-card{display:block!important;padding:15px!important}.finance-doc-competence-badge{background:#efe5f6!important;color:#642a8b!important}.finance-doc-date-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.finance-doc-date-grid>div{min-width:0;border:1px solid #e5dde9;border-radius:14px;background:#fbfafc;padding:10px;display:grid;grid-template-columns:32px 1fr;grid-template-areas:'icon label' 'icon value';column-gap:8px;align-items:center}.finance-doc-date-icon{grid-area:icon;width:32px;height:32px;border-radius:10px;background:#f0e7f6;display:grid;place-items:center;font-size:16px}.finance-doc-date-grid small{grid-area:label;font-size:8px;font-weight:950;color:#766b7b;letter-spacing:.04em}.finance-doc-date-grid strong{grid-area:value;font-size:11px!important;line-height:1.25;color:#302638}.finance-doc-cross-month{margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff6dc;border:1px solid #ecd694;color:#725300;font-size:9px;font-weight:950;line-height:1.4}.financial-date-edit-btn{border:1px solid #d9c9e3!important;background:#f8f2fb!important;color:#5e2a7d!important}
.financial-dates-modal-card{width:min(560px,94vw)!important}.financial-dates-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.financial-dates-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.financial-dates-form label{display:grid;gap:6px}.financial-dates-form label>span{font-size:10px;font-weight:950;color:#5c4a66}.financial-dates-form input{width:100%;min-height:52px;border:1.5px solid #d9cce1;border-radius:14px;padding:0 12px;font-size:16px;box-sizing:border-box}.financial-dates-competence{grid-column:1/-1;padding:13px;border-radius:14px;background:#f1e8f7;color:#5f2780;font-size:12px;font-weight:950}.financial-dates-form button{min-height:52px}.financial-dates-form .ghost-btn{margin:0}

@media(max-width:760px){
  .control-basis-grid-close{grid-template-columns:1fr!important}.control-cost-hero{grid-template-columns:58px minmax(0,1fr)!important;padding:18px!important}.control-hero-icon{width:56px;height:56px}.control-cost-hero>strong{font-size:34px!important}.control-close-explainer{padding:15px}.control-close-explainer-icon{width:56px;height:56px;flex-basis:56px}.control-cash-panel>summary{grid-template-columns:48px minmax(0,1fr) 24px;padding:13px}.control-cash-summary-icon{width:46px;height:46px}.control-cash-panel>summary>strong{grid-column:2;font-size:19px}.control-cash-summary-chevron{grid-column:3;grid-row:1/3}.control-cash-breakdown{grid-template-columns:1fr 1fr!important}.control-family-grid{grid-template-columns:1fr 1fr!important}.control-family-card:first-child{grid-column:1/-1}.control-family-card{min-height:108px!important}.control-family-label b{width:46px;height:46px;font-size:24px}.control-family-card strong{font-size:21px!important}.month-finance-step-icon{width:54px;height:54px;font-size:25px}.finance-doc-date-grid{grid-template-columns:1fr 1fr}.financial-doc-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;max-width:none!important}.financial-doc-card-actions button{min-height:52px!important}.financial-date-edit-btn{grid-column:1/-1}.financial-dates-form{grid-template-columns:1fr}.financial-dates-competence{grid-column:auto}.finance-boleto-button{min-height:78px}.finance-competence-preview{min-height:78px}
}
@media(max-width:390px){.finance-doc-date-grid{grid-template-columns:1fr}.control-cash-breakdown{grid-template-columns:1fr!important}.control-family-grid{grid-template-columns:1fr!important}.control-family-card:first-child{grid-column:auto}.financial-doc-card-actions{grid-template-columns:1fr!important}.financial-date-edit-btn{grid-column:auto}.control-cost-hero>strong{font-size:31px!important}}


/* P16 — CONFIRMAÇÃO DE PAGAMENTO COM DATA REAL */
.financial-payment-modal-card{width:min(560px,94vw)!important}.financial-payment-modal-head{display:grid;grid-template-columns:64px minmax(0,1fr) 38px;align-items:start;gap:13px}.financial-payment-modal-icon{width:62px;height:62px;border-radius:19px;background:#e8f7ee;color:#137447;display:grid;place-items:center;font-size:31px;font-weight:950}.financial-payment-modal-head h2{margin:2px 0 3px}.financial-payment-document-summary{margin:16px 0;padding:14px;border:1px solid #ddd1e4;border-radius:17px;background:#fbf9fc;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px}.financial-payment-document-summary>span{width:46px;height:46px;border-radius:14px;background:#f0e7f6;display:grid;place-items:center;font-size:23px}.financial-payment-document-summary strong{display:block;font-size:12px;color:#35213f}.financial-payment-document-summary small{display:block;margin-top:4px;font-size:9px;color:#75687b}.financial-payment-document-summary>b{font-size:18px;color:#5f2780;white-space:nowrap}.financial-payment-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.financial-payment-form label{grid-column:1/-1;display:grid;gap:6px}.financial-payment-form label>span{font-size:11px;font-weight:950;color:#4e3b57}.financial-payment-form label input{width:100%;min-height:58px;border:2px solid #d7c6e1;border-radius:16px;padding:0 14px;font-size:18px;font-weight:800;box-sizing:border-box}.financial-payment-form label small{font-size:10px;color:#766b7b}.financial-payment-rule{grid-column:1/-1;padding:13px 14px;border-radius:14px;background:#f3fbf6;border:1px solid #cfe6d9}.financial-payment-rule strong{display:block;font-size:11px;color:#16613d}.financial-payment-rule small{display:block;margin-top:4px;font-size:10px;line-height:1.45;color:#4f6659}.financial-payment-form button{min-height:54px}.financial-paid-card-btn{min-height:52px!important}
@media(max-width:760px){.financial-payment-modal-head{grid-template-columns:58px minmax(0,1fr) 34px}.financial-payment-modal-icon{width:56px;height:56px}.financial-payment-form{grid-template-columns:1fr}.financial-payment-form label,.financial-payment-rule{grid-column:auto}.financial-payment-form button{min-height:58px;font-size:13px}.financial-payment-document-summary{grid-template-columns:44px minmax(0,1fr);}.financial-payment-document-summary>b{grid-column:2;font-size:20px}.financial-payment-document-summary>span{width:44px;height:44px}}

/* P16.1 — leitura financeira mobile reforçada */
.finance-doc-date-grid>div{grid-template-columns:40px 1fr!important;min-height:68px!important;padding:12px!important}
.finance-doc-date-icon{width:40px!important;height:40px!important;border-radius:12px!important;font-size:20px!important}
.finance-doc-date-grid small{font-size:9px!important}.finance-doc-date-grid strong{font-size:12px!important}
.finance-doc-competence-badge{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 11px!important;border-radius:999px!important;font-size:9px!important;font-weight:950!important}
.finance-competence-preview .finance-field-icon{font-size:28px!important;min-width:46px!important}
@media(max-width:760px){
  .notes-new-top-icon,.notes-title-icon,.financial-feature-top-icon{width:68px!important;height:68px!important;min-width:68px!important;border-radius:20px!important}
  .notes-new-top-icon svg,.notes-title-icon svg,.financial-feature-top-icon svg{width:38px!important;height:38px!important}
  .finance-doc-date-grid>div{grid-template-columns:46px 1fr!important;min-height:76px!important}
  .finance-doc-date-icon{width:46px!important;height:46px!important;font-size:23px!important}
  .finance-doc-date-grid small{font-size:10px!important}.finance-doc-date-grid strong{font-size:13px!important}
  .control-family-label b{width:52px!important;height:52px!important;font-size:28px!important}
  .month-finance-step-icon{width:60px!important;height:60px!important;font-size:28px!important}
}


/* =========================================================
   BEM GESTÃO P17 — LIMPEZA MOBILE-FIRST / NAVEGAÇÃO SIMPLES
   Camada isolada: preserva regras, IDs, handlers e backend.
   ========================================================= */

/* Navegação principal: 5 destinos claros e sempre visíveis para admin. */
html body #adminNav.mobile-primary-nav{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:760px!important;margin:0 auto!important;
  min-height:76px!important;max-height:84px!important;padding:7px!important;gap:5px!important;overflow:visible!important;
  border-radius:24px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(20px)!important;
  box-shadow:0 16px 50px rgba(42,24,58,.18)!important;border:1px solid rgba(87,47,118,.10)!important;
}
html body #adminNav.mobile-primary-nav.auto-collapsed{transform:none!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;}
html body #adminNav.mobile-primary-nav .nav-btn{min-width:0!important;width:auto!important;height:64px!important;min-height:64px!important;padding:5px 2px!important;border-radius:17px!important;gap:4px!important;color:#5e5664!important;}
html body #adminNav.mobile-primary-nav .nav-icon{width:38px!important;height:38px!important;border-radius:14px!important;background:#f2edf6!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px rgba(86,43,120,.07)!important;}
html body #adminNav.mobile-primary-nav .nav-icon svg{width:22px!important;height:22px!important;fill:currentColor!important;}
html body #adminNav.mobile-primary-nav .nav-btn small{font-size:.66rem!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.01em!important;}
html body #adminNav.mobile-primary-nav .nav-btn.active{background:linear-gradient(145deg,rgba(103,44,157,.13),rgba(103,44,157,.05))!important;color:#55228a!important;box-shadow:inset 0 0 0 1px rgba(103,44,157,.10)!important;}
html body #adminNav.mobile-primary-nav .nav-btn.active .nav-icon{background:linear-gradient(145deg,#6a2ca0,#4d1d78)!important;color:#fff!important;box-shadow:0 7px 18px rgba(91,37,137,.28)!important;transform:translateY(-2px)!important;}
html body #adminNav.mobile-primary-nav .nav-more .nav-icon{background:linear-gradient(145deg,#eaf8ef,#d9f0e2)!important;color:#176b3a!important;}
html body.bem-bottom-nav-open .main-content{padding-bottom:112px!important;}

/* Central de Hoje existe só na Home. Evita duplicidade dentro de Compras. */
#screen-compras #todayCommandCenter{display:none!important;}

/* Relatórios continuam completos, mas recolhidos por padrão. */
.report-center-card{overflow:hidden!important;padding:0!important;}
.report-center-card>summary{list-style:none!important;cursor:pointer!important;}
.report-center-card>summary::-webkit-details-marker{display:none!important;}
.report-center-summary{display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;align-items:center!important;gap:13px!important;padding:18px!important;min-height:88px!important;}
.report-center-summary-icon{width:52px!important;height:52px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#f0e8f6,#faf7fc)!important;color:#642b98!important;box-shadow:inset 0 0 0 1px rgba(100,43,152,.10)!important;}
.report-center-summary-icon svg{width:27px!important;height:27px!important;fill:currentColor!important;}
.report-center-summary h2{margin:2px 0 3px!important;font-size:1.08rem!important;}
.report-center-summary small{display:block!important;color:#756d79!important;font-weight:650!important;line-height:1.3!important;}
.report-center-chevron{font-size:1.2rem!important;transition:transform .18s ease!important;}
.report-center-card[open] .report-center-chevron{transform:rotate(180deg)!important;}
.report-center-body{padding:0 18px 18px!important;border-top:1px solid rgba(84,55,101,.08)!important;}
.report-shortcuts,.control-report-link{display:none!important;}

/* Financeiro vira um hub: atalhos grandes antes dos detalhes do mês. */
.finance-hub-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:2px 0 16px!important;}
.finance-hub-card{appearance:none;border:1px solid rgba(73,49,86,.09)!important;background:#fff!important;border-radius:20px!important;min-height:126px!important;padding:14px 12px!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:5px!important;box-shadow:0 8px 26px rgba(43,28,53,.07)!important;color:#342b38!important;}
.finance-hub-card:active{transform:scale(.985)!important;}
.finance-hub-icon{width:50px!important;height:50px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#f1e9f7!important;color:#642b98!important;margin-bottom:3px!important;}
.finance-hub-icon svg{width:27px!important;height:27px!important;fill:currentColor!important;}
.finance-hub-card strong{font-size:.82rem!important;line-height:1.12!important;font-weight:900!important;}
.finance-hub-card small{font-size:.69rem!important;line-height:1.25!important;color:#756d79!important;font-weight:650!important;}
.finance-hub-pix .finance-hub-icon{background:#e8f7ed!important;color:#176b3a!important;}
.finance-hub-pay .finance-hub-icon{background:#eaf1fb!important;color:#285a91!important;}
.finance-hub-discounts .finance-hub-icon{background:#fff1df!important;color:#92540a!important;}
.finance-help-compact{display:none!important;}

/* Ferramentas secundárias: continuam existentes sem ocupar a tela inteira. */
.secondary-tool-card{padding:0!important;overflow:hidden!important;}
.secondary-tool-card>summary{list-style:none!important;cursor:pointer!important;}
.secondary-tool-card>summary::-webkit-details-marker{display:none!important;}
.secondary-tool-summary{display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important;gap:12px!important;align-items:center!important;padding:16px!important;}
.secondary-tool-icon{width:48px!important;height:48px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#f2edf6!important;color:#642b98!important;}
.secondary-tool-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.secondary-tool-summary h2{font-size:1rem!important;margin:2px 0!important;}
.secondary-tool-summary small{color:#756d79!important;line-height:1.28!important;}
.secondary-tool-card[open] .secondary-tool-summary>b{transform:rotate(180deg)!important;}
.secondary-tool-body{padding:0 16px 16px!important;border-top:1px solid rgba(84,55,101,.08)!important;}

/* Drawer Mais: funções raras saem do caminho principal. */
.more-menu-backdrop{position:fixed!important;inset:0!important;z-index:1990!important;background:rgba(22,16,27,.34)!important;opacity:0!important;transition:opacity .18s ease!important;backdrop-filter:blur(2px)!important;}
.more-menu-backdrop.is-open{opacity:1!important;}
.more-menu-sheet{position:fixed!important;left:50%!important;bottom:0!important;z-index:2000!important;width:min(720px,100%)!important;max-height:min(82vh,760px)!important;overflow:auto!important;transform:translate(-50%,105%)!important;transition:transform .2s ease!important;background:#fbfafc!important;border-radius:28px 28px 0 0!important;padding:10px 16px calc(24px + env(safe-area-inset-bottom))!important;box-shadow:0 -22px 60px rgba(38,24,47,.22)!important;}
.more-menu-sheet.is-open{transform:translate(-50%,0)!important;}
.more-menu-handle{width:44px!important;height:5px!important;border-radius:99px!important;background:#d7d0db!important;margin:0 auto 10px!important;}
.more-menu-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;padding:4px 2px 10px!important;}
.more-menu-head h2{margin:1px 0 2px!important;font-size:1.32rem!important;}
.more-menu-head small{color:#746b78!important;font-weight:650!important;}
.more-menu-close{width:46px!important;height:46px!important;border:0!important;border-radius:15px!important;background:#eee9f0!important;font-size:1.7rem!important;line-height:1!important;color:#45394b!important;}
.more-menu-section{margin-top:9px!important;}
.more-menu-section>span{display:block!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.08em!important;color:#837989!important;margin:0 0 8px 3px!important;}
.more-menu-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
.more-menu-item{appearance:none!important;border:1px solid rgba(75,49,88,.08)!important;background:#fff!important;border-radius:19px!important;min-height:116px!important;padding:12px 10px!important;text-align:left!important;display:flex!important;flex-direction:column!important;gap:4px!important;color:#342b38!important;box-shadow:0 7px 22px rgba(42,28,52,.055)!important;}
.more-menu-item:active{transform:scale(.985)!important;}
.more-menu-icon{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#f0e9f5!important;color:#642b98!important;margin-bottom:3px!important;}
.more-menu-icon svg{width:25px!important;height:25px!important;fill:currentColor!important;}
.more-menu-item strong{font-size:.78rem!important;line-height:1.12!important;font-weight:900!important;}
.more-menu-item small{font-size:.66rem!important;line-height:1.2!important;color:#786f7c!important;font-weight:650!important;}
body.more-menu-open{overflow:hidden!important;}

@media (max-width:760px){
  /* Cabeçalho mobile menos técnico. Saúde e Push seguem disponíveis em Mais. */
  #systemHealthBtn,#pushSettingsBtn{display:none!important;}
  .topbar{padding:8px 10px!important;min-height:58px!important;}
  .brand-logo{width:42px!important;height:42px!important;}
  .brand-copy h1{font-size:.92rem!important;}
  .brand-copy p,.brand-copy small{font-size:.61rem!important;}
  .main-content{padding-left:10px!important;padding-right:10px!important;}
  .finance-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .finance-hub-card{min-height:118px!important;padding:12px 10px!important;border-radius:18px!important;}
  .finance-hub-icon{width:48px!important;height:48px!important;}
  .finance-help-compact{display:block!important;background:#f8f5fa!important;border:1px solid rgba(91,49,119,.08)!important;border-radius:16px!important;padding:0 13px!important;margin:0 0 13px!important;}
  .finance-help-compact summary{list-style:none!important;min-height:48px!important;display:flex!important;align-items:center!important;font-size:.72rem!important;font-weight:900!important;color:#5d287f!important;cursor:pointer!important;}
  .finance-help-compact summary::-webkit-details-marker{display:none!important;}
  .finance-help-compact p{font-size:.75rem!important;line-height:1.45!important;color:#635b67!important;margin:0 0 13px!important;}
  #screen-controle .control-close-explainer,#screen-controle .control-basis-rule{display:none!important;}
  .more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .more-menu-item{min-height:108px!important;}
  .report-center-summary{grid-template-columns:48px minmax(0,1fr) 24px!important;padding:15px!important;}
  .report-center-summary-icon{width:48px!important;height:48px!important;}
  .report-center-body{padding:0 12px 14px!important;}
  html body #adminNav.mobile-primary-nav{left:6px!important;right:6px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;min-height:72px!important;max-height:78px!important;padding:5px!important;gap:2px!important;border-radius:20px!important;}
  html body #adminNav.mobile-primary-nav .nav-btn{height:61px!important;min-height:61px!important;border-radius:14px!important;padding:4px 1px!important;}
  html body #adminNav.mobile-primary-nav .nav-icon{width:35px!important;height:35px!important;border-radius:12px!important;}
  html body #adminNav.mobile-primary-nav .nav-icon svg{width:20px!important;height:20px!important;}
  html body #adminNav.mobile-primary-nav .nav-btn small{font-size:.58rem!important;}
  html body.bem-bottom-nav-open .main-content{padding-bottom:100px!important;}
}
@media (max-width:370px){
  html body #adminNav.mobile-primary-nav .nav-btn small{font-size:.53rem!important;}
  html body #adminNav.mobile-primary-nav .nav-icon{width:33px!important;height:33px!important;}
  .more-menu-item strong{font-size:.73rem!important;}
}

/* ============================================================
   P17A — MOBILE-FIRST FINAL (BASE)
   Sobrescreve regras legadas mais específicas do dock antigo.
   5 destinos principais em UMA linha e sem espaço morto de 330px.
   ============================================================ */
@media (max-width:760px){
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed){
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    grid-auto-rows:unset!important;
    left:6px!important;
    right:6px!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    min-height:72px!important;
    max-height:78px!important;
    padding:5px!important;
    gap:2px!important;
    border-radius:20px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn,
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn:nth-child(n){
    grid-column:auto!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    height:61px!important;
    min-height:61px!important;
    padding:4px 1px!important;
    border-radius:14px!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-icon{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
    border-radius:12px!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-icon svg{
    width:20px!important;
    height:20px!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn small{
    font-size:.58rem!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body.bem-bottom-nav-open .app-shell{padding-bottom:104px!important;}
  html body.bem-bottom-nav-open .main-content{padding-bottom:100px!important;}
  html body.bem-bottom-nav-open .toast{bottom:96px!important;}
}
@media (max-width:370px){
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn small{font-size:.53rem!important;}
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-icon{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;}
}


/* =========================================================
   BEM GESTÃO P17B — MENU APROVADO RESTAURADO
   - menu inferior começa recolhido
   - somente seta central sobe/desce
   - seta nunca cobre os módulos
   - 5 acessos: Início, Compras, Caderno, Financeiro, Mais
   ========================================================= */
html body #adminNav.mobile-primary-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  left:max(8px,env(safe-area-inset-left))!important;
  right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  max-width:760px!important;
  margin:0 auto!important;
  min-height:76px!important;
  max-height:84px!important;
  padding:7px!important;
  gap:5px!important;
  overflow:visible!important;
}
/* Ordem explícita supera regras antigas do menu grande. */
html body #adminNav.mobile-primary-nav .nav-dashboard{order:1!important}
html body #adminNav.mobile-primary-nav .nav-cart{order:2!important}
html body #adminNav.mobile-primary-nav #cadernoLauncherBtn{order:3!important}
html body #adminNav.mobile-primary-nav .nav-control{order:4!important}
html body #adminNav.mobile-primary-nav .nav-more{order:5!important}

/* O menu volta a ser realmente retrátil. */
html body #adminNav.mobile-primary-nav.auto-collapsed,
html body #managerNav.bottom-nav.auto-collapsed{
  transform:translateY(calc(100% + 58px))!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
html body #adminNav.mobile-primary-nav:not(.auto-collapsed),
html body #managerNav.bottom-nav:not(.auto-collapsed){
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}

/* Caderno é acesso operacional direto e bem visível. */
html body #adminNav.mobile-primary-nav .nav-caderno .nav-icon{
  background:linear-gradient(145deg,#fff0d8,#f7dfb5)!important;
  color:#8b5607!important;
}
html body #adminNav.mobile-primary-nav .nav-caderno:active .nav-icon{transform:scale(.96)!important}

/* Controle manual: somente a seta; nenhuma palavra MENU/FECHAR. */
html body #navRevealBtn:not(.hidden){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:56px!important;
  min-width:56px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:999px!important;
  z-index:5300!important;
  gap:0!important;
}
html body #navRevealBtn::after{content:""!important;display:none!important}
html body #navRevealBtn>span{display:block!important;line-height:1!important;font-size:1.20rem!important}
html body #navRevealBtn.is-nav-closed{
  top:auto!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(106,44,160,.20)!important;
  color:#6a2ca0!important;
  -webkit-text-fill-color:#6a2ca0!important;
  box-shadow:0 8px 22px rgba(35,23,41,.18)!important;
}
html body #navRevealBtn.is-nav-open{
  background:linear-gradient(145deg,#6f2da6,#592083)!important;
  border:2px solid #fff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 26px rgba(72,31,98,.30)!important;
}
/* JS calcula o top aberto usando o topo real do dock, deixando 6 px de folga. */
html body.bem-bottom-nav-open .main-content{padding-bottom:112px!important}
html body:not(.bem-bottom-nav-open) .main-content{padding-bottom:24px!important}

/* Mais mantém o app simples; Equipe fica aqui porque é administrativo. */
.more-menu-team .more-menu-icon{background:#eee8f8!important;color:#5d2b8a!important}

@media(max-width:430px){
  html body #adminNav.mobile-primary-nav{left:6px!important;right:6px!important;padding:6px!important;gap:3px!important;min-height:74px!important}
  html body #adminNav.mobile-primary-nav .nav-btn{height:62px!important;min-height:62px!important;padding:4px 1px!important}
  html body #adminNav.mobile-primary-nav .nav-icon{width:36px!important;height:36px!important;border-radius:13px!important}
  html body #adminNav.mobile-primary-nav .nav-icon svg{width:21px!important;height:21px!important}
  html body #adminNav.mobile-primary-nav .nav-btn small{font-size:.60rem!important}
}
@media(max-width:370px){
  html body #adminNav.mobile-primary-nav .nav-btn small{font-size:.56rem!important}
  html body #adminNav.mobile-primary-nav .nav-icon{width:34px!important;height:34px!important}
}


/* =========================================================
   BEM GESTÃO P17C — CORREÇÃO ÚNICA: MENU E SETA CENTRALIZADOS
   Regra aprovada pelo usuário: não redesenhar o menu.
   A barra inteira fica geometricamente centralizada na viewport.
   Uma única seta, também no centro da viewport, abre e fecha o dock.
   ========================================================= */
html body #adminNav.bottom-nav.mobile-primary-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  width:min(760px,calc(100vw - 16px))!important;
  max-width:760px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav:not(.auto-collapsed){
  transform:translateX(-50%)!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed{
  transform:translate(-50%,calc(100% + 58px))!important;
}
html body #navRevealBtn.nav-reveal-btn:not(.hidden),
html body #navRevealBtn:not(.hidden){
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:760px){
  html body #adminNav.bottom-nav.mobile-primary-nav{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  html body #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed{
    transform:translate(-50%,calc(100% + 58px))!important;
  }
}


/* =========================================================
   BEM GESTÃO P17D — ACABAMENTO PREMIUM MOBILE + WINDOWS
   Escopo: cabeçalho, dock, seta e painel Mais.
   Nenhuma regra financeira/operacional é alterada.
   ========================================================= */

/* Dock: compacto, realmente central e sem parecer uma faixa de sistema. */
html body #adminNav.bottom-nav.mobile-primary-nav{
  left:50%!important; right:auto!important; bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:min(590px,calc(100vw - 20px))!important; max-width:590px!important;
  min-height:68px!important; max-height:68px!important;
  padding:5px 7px!important; gap:4px!important; margin:0!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(83,39,111,.11)!important;
  box-shadow:0 14px 40px rgba(39,22,49,.16),0 2px 10px rgba(39,22,49,.08)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important; -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  transform:translateX(-50%)!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed{transform:translate(-50%,calc(100% + 74px))!important}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn,
html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn:nth-child(n){
  min-width:0!important; height:56px!important; min-height:56px!important; padding:4px 3px!important;
  border-radius:16px!important; gap:2px!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-icon{
  width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;border-radius:11px!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-icon svg{width:18px!important;height:18px!important}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn small{font-size:.57rem!important;line-height:1.05!important;font-weight:850!important;letter-spacing:0!important}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn.active{
  background:linear-gradient(145deg,#f7f0fb,#fff)!important;
  box-shadow:inset 0 0 0 1px rgba(106,44,160,.13),0 5px 14px rgba(80,40,103,.08)!important;
}
html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn.active .nav-icon{background:linear-gradient(145deg,#742daf,#5a2186)!important;color:#fff!important;box-shadow:0 5px 13px rgba(89,36,129,.24)!important}

/* Uma única seta, central, discreta e integrada ao dock. */
html body #navRevealBtn:not(.hidden){
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:50px!important;min-width:50px!important;height:40px!important;min-height:40px!important;
  border-radius:999px!important;
  box-shadow:0 9px 24px rgba(43,22,55,.20)!important;
}
html body #navRevealBtn.is-nav-closed{bottom:max(13px,env(safe-area-inset-bottom))!important;background:linear-gradient(145deg,#fff,#f5eff8)!important;border:1px solid rgba(106,44,160,.18)!important}
html body #navRevealBtn.is-nav-open{background:linear-gradient(145deg,#742daf,#55207e)!important;border:2px solid rgba(255,255,255,.95)!important}
html body #navRevealBtn>span{font-size:1.05rem!important;font-weight:950!important;transform:translateY(-1px)}
html body.bem-bottom-nav-open .main-content{padding-bottom:102px!important}

/* TOPBAR DESKTOP: card mais fino e alinhado ao conteúdo. */
html body .topbar{
  max-width:1100px!important; margin-left:auto!important; margin-right:auto!important;
  min-height:70px!important; padding:8px 12px!important; border-radius:20px!important;
  background:rgba(255,255,255,.94)!important; border:1px solid rgba(78,49,91,.08)!important;
  box-shadow:0 10px 28px rgba(43,27,52,.07)!important; backdrop-filter:blur(16px)!important; -webkit-backdrop-filter:blur(16px)!important;
}
html body .topbar .brand-wrap{grid-template-columns:120px minmax(0,1fr)!important;gap:11px!important}
html body .topbar .brand-logo{width:116px!important;height:54px!important;object-fit:contain!important}
html body .topbar .brand-copy-accessible h1{font-size:1rem!important;letter-spacing:.01em!important}
html body .topbar .brand-copy-accessible p{font-size:.56rem!important;margin-top:3px!important;color:#746b78!important}
html body .topbar .session-wrap{gap:6px!important}
html body .topbar .user-chip{min-height:44px!important;border-radius:14px!important}
html body .topbar .system-health-chip, html body .topbar .icon-btn{min-height:42px!important;height:42px!important;border-radius:13px!important}

/* MAIS: launcher compacto. Ao abrir, o dock/seta somem para não disputar a tela. */
html body.more-menu-open #adminNav,html body.more-menu-open #managerNav,html body.more-menu-open #navRevealBtn{opacity:0!important;pointer-events:none!important;visibility:hidden!important}
html body .more-menu-backdrop{background:rgba(28,20,33,.43)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
html body .more-menu-sheet{
  left:50%!important;bottom:18px!important;width:min(610px,calc(100vw - 28px))!important;max-height:min(74dvh,680px)!important;
  padding:10px 14px 16px!important;border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(249,246,251,.985))!important;
  border:1px solid rgba(79,51,91,.10)!important;box-shadow:0 30px 80px rgba(25,13,31,.27)!important;
  transform:translate(-50%,calc(100% + 40px)) scale(.985)!important;
}
html body .more-menu-sheet.is-open{transform:translate(-50%,0) scale(1)!important}
html body .more-menu-handle{margin:1px auto 8px!important;width:38px!important;height:4px!important}
html body .more-menu-head{padding:3px 2px 8px!important;align-items:center!important}
html body .more-menu-head h2{font-size:1.16rem!important;margin:0!important}
html body .more-menu-head small{font-size:.63rem!important}
html body .more-menu-close{width:40px!important;height:40px!important;border-radius:13px!important;font-size:1.35rem!important}
html body .more-menu-section{margin-top:7px!important}
html body .more-menu-section>span{font-size:.59rem!important;margin-bottom:6px!important}
html body .more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
html body .more-menu-item{
  min-height:78px!important;padding:9px 10px!important;border-radius:16px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:1px!important;align-items:center!important;
  box-shadow:0 5px 16px rgba(42,28,52,.045)!important;
}
html body .more-menu-icon{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:12px!important;margin:0!important}
html body .more-menu-icon svg{width:21px!important;height:21px!important}
html body .more-menu-item strong{font-size:.72rem!important;line-height:1.08!important;align-self:end!important}
html body .more-menu-item small{font-size:.59rem!important;line-height:1.15!important;align-self:start!important}

/* MOBILE: cabeçalho em uma única faixa, com cara de app nativo. */
@media(max-width:760px){
  html body .app-shell{padding-top:max(6px,env(safe-area-inset-top))!important}
  html body .topbar{
    position:sticky!important;top:max(5px,env(safe-area-inset-top))!important;z-index:90!important;
    width:calc(100% - 12px)!important;max-width:none!important;margin:0 6px 8px!important;
    min-height:64px!important;padding:7px 8px!important;border-radius:19px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;
    box-shadow:0 10px 26px rgba(42,25,50,.10)!important;
  }
  html body .topbar .brand-wrap{
    width:auto!important;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;
  }
  html body .topbar .brand-logo{width:70px!important;max-width:70px!important;height:46px!important;object-fit:contain!important}
  html body .topbar .brand-copy-accessible{display:block!important;overflow:hidden!important}
  html body .topbar .brand-copy-accessible h1{font-size:.88rem!important;line-height:1.02!important;font-weight:900!important;white-space:nowrap!important}
  html body .topbar .brand-copy-accessible p{display:block!important;font-size:.47rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:4px!important}
  html body .topbar .session-wrap{
    width:auto!important;max-width:none!important;display:flex!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important;
  }
  html body .topbar .session-wrap .user-chip{display:none!important}
  html body .topbar #pushSettingsBtn{display:none!important}
  html body .topbar .system-health-chip{
    width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;
    font-size:0!important;overflow:visible!important;
  }
  html body .topbar .system-health-chip .system-health-label,html body .topbar .system-health-chip #systemHealthText{display:none!important}
  html body .topbar .system-health-dot{width:11px!important;height:11px!important;flex:0 0 11px!important;margin:0!important}
  html body .topbar .message-bell-btn,html body .topbar #logoutBtn{
    width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  }
  html body .topbar #logoutBtn{font-size:0!important}
  html body .topbar #logoutBtn::before{content:'↪'!important;font-size:1.02rem!important;color:#5b2384!important}
  html body .topbar .message-bell-btn{font-size:.95rem!important}

  html body #adminNav.bottom-nav.mobile-primary-nav{
    width:calc(100vw - 14px)!important;max-width:560px!important;min-height:66px!important;max-height:66px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:5px!important;gap:2px!important;border-radius:20px!important;
  }
  html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn,html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn:nth-child(n){height:54px!important;min-height:54px!important;border-radius:14px!important}
  html body #adminNav.bottom-nav.mobile-primary-nav .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn small{font-size:.54rem!important}
  html body #navRevealBtn:not(.hidden){width:48px!important;min-width:48px!important;height:38px!important;min-height:38px!important}
  html body #navRevealBtn.is-nav-closed{bottom:max(10px,env(safe-area-inset-bottom))!important}
  html body.bem-bottom-nav-open .main-content{padding-bottom:96px!important}

  html body .more-menu-sheet{
    width:calc(100vw - 12px)!important;max-height:76dvh!important;bottom:6px!important;padding:9px 10px calc(12px + env(safe-area-inset-bottom))!important;border-radius:24px!important;
  }
  html body .more-menu-head{padding:2px 3px 7px!important}
  html body .more-menu-head h2{font-size:1.04rem!important}
  html body .more-menu-head small{display:none!important}
  html body .more-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html body .more-menu-item{min-height:72px!important;padding:8px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:7px!important;border-radius:14px!important}
  html body .more-menu-icon{width:34px!important;height:34px!important;border-radius:11px!important}
  html body .more-menu-icon svg{width:19px!important;height:19px!important}
  html body .more-menu-item strong{font-size:.67rem!important}
  html body .more-menu-item small{font-size:.54rem!important}
}
@media(max-width:370px){
  html body .topbar .brand-wrap{grid-template-columns:62px minmax(0,1fr)!important;gap:6px!important}
  html body .topbar .brand-logo{width:62px!important;max-width:62px!important;height:42px!important}
  html body .topbar .brand-copy-accessible h1{font-size:.80rem!important}
  html body .topbar .brand-copy-accessible p{font-size:.43rem!important}
  html body .topbar .system-health-chip,html body .topbar .message-bell-btn,html body .topbar #logoutBtn{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important}
  html body #adminNav.bottom-nav.mobile-primary-nav .nav-btn small{font-size:.51rem!important}
}

/* P17D-R2 — supera seletores legados mais específicos do dock. */
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed){
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;
  left:50%!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:min(590px,calc(100vw - 20px))!important;max-width:590px!important;
  min-height:68px!important;max-height:68px!important;height:68px!important;
  padding:5px 7px!important;gap:4px!important;margin:0!important;
  transform:translateX(-50%)!important;
  border-radius:22px!important;overflow:visible!important;
}
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn,
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn:nth-child(n){
  grid-column:auto!important;grid-row:1!important;width:auto!important;min-width:0!important;
  height:56px!important;min-height:56px!important;padding:4px 3px!important;border-radius:16px!important;gap:2px!important;
}
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-icon{
  width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;border-radius:11px!important;
}
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn small{font-size:.57rem!important;line-height:1.05!important;white-space:nowrap!important}
html body #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed{
  left:50%!important;right:auto!important;width:min(590px,calc(100vw - 20px))!important;max-width:590px!important;
  transform:translate(-50%,calc(100% + 74px))!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;
}
html body.more-menu-open #adminNav.bottom-nav.mobile-primary-nav:not(.hidden),
html body.more-menu-open #managerNav.bottom-nav:not(.hidden),
html body.more-menu-open #navRevealBtn:not(.hidden){opacity:0!important;pointer-events:none!important;visibility:hidden!important}

@media(max-width:900px){
  html body .topbar{
    position:sticky!important;top:max(5px,env(safe-area-inset-top))!important;z-index:90!important;
    width:calc(100% - 12px)!important;max-width:none!important;margin:0 6px 8px!important;
    min-height:64px!important;height:64px!important;padding:7px 8px!important;border-radius:19px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;
  }
  html body .topbar .brand-wrap{width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
  html body .topbar .brand-logo{width:70px!important;max-width:70px!important;height:46px!important;object-fit:contain!important}
  html body .topbar .brand-copy-accessible{display:block!important;min-width:0!important;overflow:hidden!important}
  html body .topbar .brand-copy-accessible h1{font-size:.88rem!important;line-height:1.02!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .topbar .brand-copy-accessible p{display:block!important;font-size:.47rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:4px!important}
  html body .topbar .session-wrap{width:auto!important;max-width:none!important;display:flex!important;grid-template-columns:none!important;gap:5px!important;align-items:center!important;justify-content:flex-end!important}
  html body .topbar .session-wrap .user-chip{display:none!important}
  html body .topbar #pushSettingsBtn{display:none!important}
  html body .topbar .system-health-chip{width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:0!important;overflow:visible!important}
  html body .topbar .system-health-chip .system-health-label,html body .topbar .system-health-chip #systemHealthText{display:none!important}
  html body .topbar .system-health-dot{width:11px!important;height:11px!important;flex:0 0 11px!important;margin:0!important}
  html body .topbar .message-bell-btn,html body .topbar #logoutBtn{width:39px!important;min-width:39px!important;max-width:39px!important;height:39px!important;min-height:39px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important}
}
@media(max-width:760px){
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed){
    width:calc(100vw - 14px)!important;max-width:560px!important;height:66px!important;min-height:66px!important;max-height:66px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;padding:5px!important;gap:2px!important;border-radius:20px!important;
  }
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn,
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn:nth-child(n){height:54px!important;min-height:54px!important;padding:4px 1px!important;border-radius:14px!important}
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}
  html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden):not(.auto-collapsed) .nav-btn small{font-size:.54rem!important}
  html body #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed{width:calc(100vw - 14px)!important;max-width:560px!important}
}

/* P17D-R3 — modal Mais totalmente limpo, sem dock fantasma por baixo. */
html body.more-menu-open #adminNav.bottom-nav.mobile-primary-nav:not(.hidden),
html body.more-menu-open #managerNav.bottom-nav:not(.hidden),
html body.more-menu-open #navRevealBtn:not(.hidden){display:none!important}
html body .more-menu-sheet{background:#fff!important}

/* P17D-R4 — estados com prioridade acima das regras históricas. */
html body:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav.auto-collapsed,
html body:not(.modal-open) #managerNav.bottom-nav.auto-collapsed{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html body.more-menu-open:not(.modal-open) #adminNav.bottom-nav.mobile-primary-nav:not(.hidden),
html body.more-menu-open:not(.modal-open) #managerNav.bottom-nav:not(.hidden),
html body.more-menu-open:not(.modal-open) #navRevealBtn.nav-reveal-btn:not(.hidden){
  display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}


/* === BEM GESTÃO P23 — topo premium glass/neon + correções de botões === */
.topbar{
  position:sticky!important;top:0!important;z-index:80!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  padding:14px 16px!important;
  border-radius:0 0 26px 26px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(255,255,255,.58))!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 18px 50px rgba(67,24,92,.16), inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;
}
.topbar .brand-wrap{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;max-width:none!important}
.topbar .brand-logo{
  width:min(275px,44vw)!important;height:72px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;
  filter:drop-shadow(0 8px 22px rgba(112,35,165,.16))!important;
}
.topbar .brand-copy-accessible{width:auto!important;overflow:visible!important;display:grid!important;gap:2px!important;min-width:0!important}
.topbar .brand-copy-accessible h1{
  margin:0!important;font-size:1.9rem!important;font-weight:1000!important;letter-spacing:-.03em!important;color:#281934!important;
  text-shadow:0 0 14px rgba(176,79,255,.12)!important;
}
.topbar .brand-copy-accessible p{
  margin:0!important;font-size:.84rem!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#6d6072!important;
}
.topbar .session-wrap{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;flex-wrap:nowrap!important}
.topbar .user-chip{
  display:flex!important;align-items:center!important;gap:10px!important;padding:9px 12px!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.56),rgba(247,240,255,.80))!important;
  border:1px solid rgba(156,118,207,.22)!important;box-shadow:0 10px 24px rgba(84,44,114,.10)!important;
}
.topbar .user-avatar{
  width:36px!important;height:36px!important;border-radius:14px!important;color:#fff!important;font-size:.92rem!important;font-weight:900!important;
  background:linear-gradient(135deg,#842ee4,#b050ff)!important;box-shadow:0 0 0 1px rgba(255,255,255,.45) inset,0 10px 22px rgba(132,46,228,.28)!important;
}
.topbar .user-chip strong{font-size:.88rem!important;font-weight:900!important;color:#2d1b38!important;max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.topbar .user-chip small{display:block!important;font-size:.68rem!important;font-weight:800!important;color:#7d7084!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.topbar .system-health-chip{
  display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:0 14px!important;border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,244,215,.92),rgba(255,249,235,.75))!important;
  border:1px solid rgba(240,194,74,.38)!important;box-shadow:0 10px 26px rgba(240,180,64,.16)!important;
}
.topbar .system-health-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;color:#9f6c00!important}
.topbar .system-health-icon svg{width:20px!important;height:20px!important;fill:currentColor!important}
.topbar .system-health-label{font-size:.72rem!important;font-weight:1000!important;letter-spacing:.08em!important;color:#785500!important}
.topbar .system-health-dot{box-shadow:0 0 0 4px rgba(255,187,0,.10)!important}
.topbar .system-health-chip #systemHealthText{font-size:.78rem!important;font-weight:900!important;color:#664e1d!important}
.topbar .icon-btn{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-width:54px!important;height:50px!important;padding:0 14px!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(247,241,255,.88))!important;
  border:1px solid rgba(162,121,214,.22)!important;color:#311e3f!important;
  box-shadow:0 14px 30px rgba(66,23,91,.12), inset 0 1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.topbar .icon-btn:hover,.topbar .icon-btn:focus-visible{transform:translateY(-1px)!important;box-shadow:0 18px 34px rgba(66,23,91,.18),0 0 0 3px rgba(163,80,255,.12)!important;border-color:rgba(160,95,236,.38)!important}
.topbar .icon-btn-shell{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;color:inherit!important}
.topbar .icon-btn-shell svg{width:22px!important;height:22px!important;fill:currentColor!important}
.topbar .icon-btn-label{font-size:.82rem!important;font-weight:900!important;letter-spacing:.01em!important}
.topbar .message-bell-btn{color:#5a2d8b!important}
.topbar .message-bell-btn.has-unread{background:linear-gradient(135deg,rgba(255,242,212,.92),rgba(255,249,234,.78))!important;border-color:rgba(242,182,64,.40)!important;color:#9b5b00!important;box-shadow:0 16px 34px rgba(242,176,42,.18),0 0 0 1px rgba(255,255,255,.65) inset!important}
.topbar .push-settings-btn{color:#2d5fff!important;box-shadow:0 14px 30px rgba(49,97,255,.10), inset 0 1px 0 rgba(255,255,255,.62)!important}
.topbar .push-settings-btn .icon-btn-shell{color:#19b8ff!important;filter:drop-shadow(0 0 10px rgba(25,184,255,.35))!important}
.topbar .logout-modern-btn{color:#8f2f61!important}
.topbar .logout-modern-btn .icon-btn-shell{color:#cf3f7c!important;filter:drop-shadow(0 0 10px rgba(207,63,124,.28))!important}
.message-bell-badge{right:-5px!important;top:-6px!important;min-width:23px!important;height:23px!important;font-size:10px!important;font-weight:1000!important;border:2px solid rgba(255,255,255,.95)!important;box-shadow:0 8px 18px rgba(180,18,18,.24)!important}

.attention-command-hero{
  position:relative!important;overflow:hidden!important;
  grid-template-columns:76px minmax(0,1fr) auto!important;gap:18px!important;padding:22px 22px 20px!important;
  border-radius:28px!important;border:1px solid rgba(255,255,255,.18)!important;
  background:
    radial-gradient(circle at top right, rgba(71,255,245,.16), transparent 30%),
    radial-gradient(circle at bottom left, rgba(255,224,92,.10), transparent 28%),
    linear-gradient(135deg,#6f27c8 0%,#8e44e8 48%,#bd5dff 100%)!important;
  box-shadow:0 22px 54px rgba(91,23,138,.28), inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.attention-command-hero::after{
  content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.20),transparent 28%,transparent 72%,rgba(255,255,255,.10));pointer-events:none;
}
.attention-command-icon{
  width:74px!important;height:74px!important;border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 16px 34px rgba(29,5,58,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
.attention-command-icon svg{width:38px!important;height:38px!important;filter:drop-shadow(0 0 14px rgba(255,255,255,.28))!important}
.attention-command-copy .eyebrow{font-size:.74rem!important;letter-spacing:.14em!important;color:#ecd8ff!important}
.attention-command-copy h2{font-size:clamp(1.8rem,2.5vw,2.55rem)!important;line-height:.98!important;text-shadow:0 0 18px rgba(255,255,255,.08)!important}
.attention-command-copy p:last-child{font-size:.84rem!important;line-height:1.45!important;color:rgba(255,255,255,.90)!important;max-width:680px!important}
.attention-command-time{
  align-self:start!important;min-height:38px!important;padding:10px 15px!important;border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,240,255,.86))!important;color:#6f27c8!important;
  font-size:.72rem!important;font-weight:1000!important;letter-spacing:.06em!important;
  box-shadow:0 10px 24px rgba(33,11,56,.18)!important;
}
.command-center-card{overflow:visible!important}

@media (max-width: 980px){
  .topbar{padding:11px 12px!important;border-radius:0 0 24px 24px!important;gap:10px!important}
  .topbar .brand-wrap{gap:10px!important;max-width:calc(100% - 156px)!important}
  .topbar .brand-logo{width:min(180px,42vw)!important;height:58px!important}
  .topbar .brand-copy-accessible h1{font-size:1.12rem!important}
  .topbar .brand-copy-accessible p{font-size:.58rem!important}
  .topbar .session-wrap{gap:6px!important}
  .topbar .user-chip{display:none!important}
  .topbar .system-health-chip{min-width:48px!important;width:48px!important;padding:0!important;justify-content:center!important}
  .topbar .system-health-label,.topbar #systemHealthText{display:none!important}
  .topbar .icon-btn{min-width:46px!important;height:46px!important;padding:0 10px!important;border-radius:16px!important}
  .topbar .icon-btn-label{display:none!important}
  html body .topbar #pushSettingsBtn{display:grid!important}
  .attention-command-hero{grid-template-columns:64px minmax(0,1fr)!important;gap:14px!important;padding:18px 16px 16px!important;border-radius:24px!important}
  .attention-command-icon{width:60px!important;height:60px!important;border-radius:20px!important}
  .attention-command-icon svg{width:31px!important;height:31px!important}
  .attention-command-copy h2{font-size:1.9rem!important}
  .attention-command-copy p:last-child{font-size:.77rem!important}
  .attention-command-time{grid-column:1/-1!important;justify-self:start!important;margin-left:78px!important;margin-top:-6px!important;padding:8px 13px!important;font-size:.67rem!important}
}

@media (max-width: 760px){
  .topbar{padding:10px 10px max(10px,env(safe-area-inset-top)) 10px!important;border-radius:0 0 22px 22px!important}
  .topbar .brand-wrap{max-width:calc(100% - 134px)!important}
  .topbar .brand-logo{width:110px!important;height:52px!important;max-width:110px!important}
  .topbar .brand-copy-accessible{gap:1px!important}
  .topbar .brand-copy-accessible h1{font-size:.92rem!important}
  .topbar .brand-copy-accessible p{font-size:.40rem!important;line-height:1.22!important;max-width:112px!important}
  .topbar .system-health-chip{display:none!important}
  .topbar .session-wrap{gap:5px!important}
  .topbar .icon-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:16px!important}
  .topbar .message-bell-btn,.topbar .push-settings-btn,.topbar #logoutBtn{display:grid!important;place-items:center!important}
  .message-bell-badge{right:-4px!important;top:-4px!important}
  .attention-command-copy h2{font-size:1.55rem!important}
  .attention-command-copy p:last-child{font-size:.72rem!important}
  .attention-command-time{margin-left:74px!important}
}

/* P23 FINAL — mobile modal safe-area: evita títulos cortados no topo. */
@media(max-width:640px){
 #pushOnboardingModal:not(.hidden){align-items:center!important;justify-content:center!important;
   overflow-y:auto!important;padding:calc(env(safe-area-inset-top,0px) + 14px) 10px calc(env(safe-area-inset-bottom,0px) + 14px)!important}
 #pushOnboardingModal .push-onboarding-card{box-sizing:border-box!important;
   max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
   overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px 16px 22px!important}
 #pushOnboardingModal .push-onboarding-card h2{font-size:1.3rem!important;line-height:1.22!important}
}