/* BEM GESTÃO P23.1 | overrides isolados: primeira tela. */
html body .topbar{
  position:sticky!important;top:0!important;z-index:80!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:12px 15px!important;min-height:78px!important;border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,238,255,.81))!important;
  border:1px solid rgba(168,118,225,.22)!important;
  box-shadow:0 17px 46px rgba(69,23,102,.14),inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(22px) saturate(1.3)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3)!important;
}
html body .topbar .brand-wrap{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;overflow:hidden!important}
html body .topbar .brand-logo{
  width:110px!important;max-width:110px!important;height:60px!important;flex:0 0 110px!important;
  padding:0!important;object-fit:contain!important;filter:drop-shadow(0 7px 14px rgba(94,34,145,.15))!important;
}
html body .topbar .brand-copy-accessible{display:grid!important;gap:3px!important;min-width:0!important;width:auto!important;overflow:hidden!important}
html body .topbar .brand-copy-accessible h1{margin:0!important;color:#2c1740!important;font-size:clamp(1rem,1.7vw,1.4rem)!important;font-weight:950!important;letter-spacing:-.028em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .topbar .brand-copy-accessible p{display:block!important;margin:0!important;color:#765c85!important;font-size:.62rem!important;font-weight:800!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;max-width:210px!important}
html body .topbar .session-wrap{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;width:auto!important;max-width:none!important}
html body .topbar .user-chip{display:flex!important;align-items:center!important;flex:0 1 auto!important;max-width:175px!important;min-width:0!important;padding:6px 10px 6px 6px!important;border-radius:16px!important}
html body .topbar .user-avatar{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;font-size:.85rem!important;flex:0 0 34px!important}
html body .topbar .user-chip span:last-child{display:block!important;min-width:0!important}
html body .topbar .user-chip strong{display:block!important;max-width:114px!important;font-size:.69rem!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
html body .topbar .user-chip small{display:block!important;font-size:.57rem!important}
html body .topbar #systemHealthBtn{display:inline-flex!important;min-width:44px!important;min-height:44px!important;height:45px!important;padding:0 9px!important}
html body .topbar #systemHealthBtn .system-health-icon{display:grid!important;place-items:center!important}
html body .topbar #systemHealthBtn .system-health-label{font-size:.6rem!important}
html body .topbar #systemHealthBtn #systemHealthText{font-size:.62rem!important}
html body .topbar #messageBellBtn,
html body .topbar #pushSettingsBtn,
html body .topbar #logoutBtn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;
  width:auto!important;min-width:47px!important;max-width:none!important;height:46px!important;min-height:46px!important;padding:0 11px!important;
  border-radius:15px!important;box-sizing:border-box!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;
  border:1px solid rgba(129,83,184,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(245,233,255,.82))!important;
  box-shadow:0 9px 24px rgba(80,32,112,.10),inset 0 1px 0 rgba(255,255,255,.85)!important;
  touch-action:manipulation!important;
}
html body .topbar #pushSettingsBtn{color:#4d57b8!important}
html body .topbar #messageBellBtn{color:#7036bb!important}
html body .topbar #logoutBtn{color:#a23e78!important;font-size:.85rem!important}
html body .topbar #logoutBtn::before{content:none!important;display:none!important}
html body .topbar .icon-btn-shell{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;color:inherit!important}
html body .topbar .icon-btn-shell svg{display:block!important;width:21px!important;height:21px!important;fill:currentColor!important}
html body .topbar .icon-btn-label{display:inline!important;font-size:.66rem!important;font-weight:900!important;margin-left:4px!important}
html body .topbar #messageBellBtn.has-unread{border-color:rgba(247,173,63,.45)!important;background:linear-gradient(140deg,#fff6e0,#fff8ec)!important;box-shadow:0 8px 24px rgba(239,164,43,.20)!important}
html body .topbar #messageBellBtn:focus-visible,
html body .topbar #pushSettingsBtn:focus-visible,
html body .topbar #logoutBtn:focus-visible{outline:3px solid rgba(150,67,231,.45)!important;outline-offset:3px!important}
html body .topbar .message-bell-badge{font-size:10px!important}

html body .attention-command-hero{
  grid-template-columns:68px minmax(0,1fr) auto!important;gap:16px!important;border-radius:25px!important;padding:24px!important;
  background:radial-gradient(circle at 92% 4%,rgba(57,255,236,.13),transparent 32%),radial-gradient(circle at 0% 95%,rgba(255,210,90,.09),transparent 28%),linear-gradient(135deg,#55218d 0%,#742db7 50%,#923cc0 100%)!important;
}
html body .attention-command-icon{width:64px!important;height:64px!important;border-radius:21px!important}
html body .attention-command-copy h2{font-size:clamp(1.4rem,2.4vw,2.4rem)!important;letter-spacing:-.04em!important;line-height:1.04!important}
html body .attention-command-copy p:last-child{font-size:clamp(.72rem,1vw,.84rem)!important;line-height:1.44!important}
html body .attention-command-time{font-size:.65rem!important;min-height:34px!important}

html body .dashboard-action-grid{gap:13px!important}
html body .dashboard-action-card{
  position:relative!important;overflow:hidden!important;border-radius:21px!important;
  grid-template-columns:54px minmax(0,1fr) 19px!important;gap:12px!important;min-height:114px!important;padding:17px!important;
  border:1px solid rgba(147,103,194,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(247,239,255,.70))!important;
  box-shadow:0 10px 30px rgba(55,29,89,.07),inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
html body .dashboard-action-card:hover,
html body .dashboard-action-card:focus-visible{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(85,35,136,.15),0 0 0 2px rgba(161,90,230,.10)!important;border-color:rgba(160,90,232,.40)!important}
html body .dashboard-action-card .dashboard-action-icon{
  width:54px!important;height:54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;
  box-shadow:0 11px 25px rgba(77,33,115,.10),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
html body .dashboard-action-card .dashboard-action-icon svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
html body .dashboard-action-card.tone-pay .dashboard-action-icon{color:#1768bd!important;background:linear-gradient(135deg,#e5f4ff,#d2eaff)!important}
html body .dashboard-action-card.tone-supplier .dashboard-action-icon{color:#772dbe!important;background:linear-gradient(135deg,#f4e5ff,#eadaff)!important}
html body .dashboard-action-card.tone-close .dashboard-action-icon{color:#a57913!important;background:linear-gradient(135deg,#fff8df,#fff0ba)!important}
html body .dashboard-action-card.tone-close-ready .dashboard-action-icon{color:#12835c!important;background:linear-gradient(135deg,#e2ffed,#c6fce0)!important}
html body .dashboard-action-card small{font-size:.68rem!important;font-weight:900!important;color:#746779!important}
html body .dashboard-action-card strong{font-size:1.17rem!important;line-height:1.2!important;font-weight:950!important;color:#301b40!important}
html body .dashboard-action-card p{font-size:.72rem!important;line-height:1.38!important;color:#766d7e!important}
html body .dashboard-action-card>b{font-size:25px!important;color:#996cb9!important}

@media(max-width:1080px){
  html body .topbar .user-chip{display:none!important}
  html body .topbar #systemHealthBtn .system-health-label,
  html body .topbar #systemHealthBtn #systemHealthText{display:none!important}
  html body .topbar #systemHealthBtn{min-width:46px!important;width:46px!important;padding:0!important}
  html body .topbar .icon-btn-label{display:none!important}
  html body .topbar #messageBellBtn,html body .topbar #pushSettingsBtn,html body .topbar #logoutBtn{min-width:46px!important;width:46px!important;padding:0!important}
  html body .topbar .brand-logo{width:88px!important;max-width:88px!important;flex-basis:88px!important}
}
@media(max-width:760px){
  html body .topbar{
    display:flex!important;min-height:70px!important;gap:7px!important;padding:9px!important;
    border-radius:19px!important;top:3px!important;
  }
  html body .topbar .brand-wrap{
    display:flex!important;align-items:center!important;gap:7px!important;
    flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;
    overflow:hidden!important;grid-template-columns:none!important;
  }
  html body .topbar .brand-logo{
    width:clamp(52px,16vw,69px)!important;max-width:69px!important;height:50px!important;min-width:0!important;flex:0 0 clamp(52px,16vw,69px)!important;
  }
  html body .topbar .brand-copy-accessible{display:grid!important;min-width:0!important;gap:2px!important;overflow:hidden!important}
  html body .topbar .brand-copy-accessible h1{font-size:clamp(.75rem,2.7vw,.92rem)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body .topbar .brand-copy-accessible p{font-size:.46rem!important;line-height:1.15!important;white-space:normal!important;overflow:hidden!important;max-width:105px!important}
  html body .topbar .session-wrap{
    flex:0 0 auto!important;width:auto!important;max-width:none!important;display:flex!important;align-items:center!important;gap:5px!important;justify-content:flex-end!important;
  }
  html body .topbar #systemHealthBtn{display:none!important}
  html body .topbar #messageBellBtn,html body .topbar #pushSettingsBtn,html body .topbar #logoutBtn{
    display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;padding:0!important;border-radius:15px!important;flex:0 0 44px!important;
  }
  html body .topbar .icon-btn-label{display:none!important}
  html body .topbar .message-bell-btn .message-bell-badge{right:-5px!important;top:-5px!important}
  html body .attention-command-hero{grid-template-columns:56px minmax(0,1fr)!important;gap:11px!important;padding:18px 15px!important;border-radius:22px!important}
  html body .attention-command-icon{width:54px!important;height:54px!important;border-radius:17px!important}
  html body .attention-command-icon svg{width:28px!important;height:28px!important}
  html body .attention-command-copy h2{font-size:clamp(1.18rem,4.4vw,1.6rem)!important;line-height:1.08!important}
  html body .attention-command-copy p:last-child{font-size:.69rem!important;line-height:1.45!important}
  html body .attention-command-time{grid-column:2!important;margin:0!important;justify-self:start!important;padding:6px 10px!important;min-height:27px!important}
  html body .dashboard-action-card{grid-template-columns:52px minmax(0,1fr) 17px!important;min-height:98px!important;padding:13px!important;gap:10px!important;border-radius:19px!important}
  html body .dashboard-action-card .dashboard-action-icon{width:49px!important;height:49px!important;border-radius:16px!important}
  html body .dashboard-action-card .dashboard-action-icon svg{width:24px;height:24px}
  html body .dashboard-action-card small{font-size:.66rem!important}
  html body .dashboard-action-card strong{font-size:1.05rem!important}
  html body .dashboard-action-card p{font-size:.70rem!important}
}
@media(max-width:360px){
  html body .topbar .brand-logo{width:48px!important;max-width:48px!important;height:46px!important;flex-basis:48px!important}
  html body .topbar .brand-wrap{gap:4px!important}
  html body .topbar .brand-copy-accessible h1{font-size:.72rem!important}
  html body .topbar .brand-copy-accessible p{display:none!important}
  html body .topbar #messageBellBtn,html body .topbar #pushSettingsBtn,html body .topbar #logoutBtn{width:42px!important;min-width:42px!important;max-width:42px!important;height:44px!important;flex-basis:42px!important}
}
@media(prefers-reduced-motion:reduce){
  html body .dashboard-action-card,html body .topbar .icon-btn{transition:none!important;transform:none!important}
}