/* Compact UI system: information first, secondary controls on demand. */
.compact-disclosure{margin:0 0 12px}
.compact-disclosure-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);text-align:left;font:inherit;box-shadow:0 7px 20px rgba(19,39,79,.05)}
.compact-disclosure-toggle>span{display:grid;gap:2px}.compact-disclosure-toggle b{font-size:12px}.compact-disclosure-toggle small{color:var(--muted);font-size:9px}.compact-disclosure-toggle>i{font-style:normal;font-size:18px;transition:transform .2s}
.compact-disclosure.open .compact-disclosure-toggle>i{transform:rotate(180deg)}
.compact-disclosure-body{display:none;margin-top:8px}.compact-disclosure.open .compact-disclosure-body{display:block}
.compact-disclosure-body>.card:last-child,.compact-disclosure-body>.agenda-toolbar:last-child{margin-bottom:0}

@media(max-width:900px){
  .main{padding-top:14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .screen-back{position:absolute;z-index:3;top:13px;left:14px;display:grid!important;place-items:center;width:38px;height:38px;margin:0;padding:0;border-radius:12px}
  .screen-back span{display:none}.screen-back svg{width:20px;height:20px}
  /* Em telas internas, o voltar ocupa o espaço da marca sem ficar sobre ela. */
  .main:has(>.screen-back)>.topbar>div:first-child:before{display:none!important;content:none!important}
  .main>.screen-back+.topbar .topbar-copy{padding-left:48px!important}
  .topbar{min-height:38px!important;margin-bottom:12px!important;row-gap:10px!important}
  .topbar h1{font-size:22px!important}.topbar p{margin-top:3px!important;font-size:10px!important;line-height:1.35!important}
  .topbar-primary>.btn{height:42px!important}
  .card{border-radius:18px}
}

@media(max-width:620px){
  .main{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  .screen-back{left:12px}
  .top-actions{gap:6px!important}.top-actions .round-action{width:36px!important;height:36px!important}
  .client-summary,.finance-kpis,.inventory-kpis{gap:8px!important;margin-bottom:10px!important}
  .client-summary article,.finance-kpis article,.inventory-kpis article{min-height:0!important;padding:12px!important}
  .client-summary strong,.inventory-kpis strong{margin:3px 0!important;font-size:19px!important}
  .client-summary small,.inventory-kpis small{font-size:9px!important}.inventory-kpis span{font-size:8px!important;line-height:1.2}
  .inventory-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .inventory-kpis article{overflow:hidden}.inventory-kpis strong{font-size:16px!important;white-space:nowrap}.inventory-kpis small{min-height:22px}
  .inventory-row{padding:12px!important;gap:8px!important;border-radius:13px!important}

  .finance-kpis-filtered{grid-template-columns:1fr 1fr!important}.finance-kpis-filtered article{padding:13px!important}.finance-kpis-filtered .featured{grid-column:1/-1}
  .finance-kpis-filtered strong{font-size:21px!important}.finance-kpis-filtered small{font-size:9px!important}.finance-kpis-filtered span{font-size:8px!important}
  .compact-finance .finance-filter{margin:0!important;padding:13px!important}.compact-finance .finance-filter-head h2{font-size:15px!important}.compact-finance .finance-presets{margin-top:10px!important}

  .compact-agenda .agenda-team-filter,.compact-agenda .agenda-filter{margin:0!important;padding:13px!important}
  .compact-agenda .agenda-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important}
  .compact-agenda .agenda-tool{display:grid!important;grid-template-columns:1fr!important;justify-items:center;min-height:76px!important;padding:9px 5px!important;text-align:center!important}
  .compact-agenda .agenda-tool i{width:30px!important;height:30px!important}.compact-agenda .agenda-tool b{font-size:9px!important}.compact-agenda .agenda-tool span{display:none!important}
  .availability-card{margin-bottom:10px!important;padding:12px!important}
  .agenda-calendar-enabled{margin-top:8px!important}.calendar-nav{padding:11px 8px!important}.calendar-actions{padding:9px!important}

  .team-start{padding:12px!important}.team-start-head h2{font-size:16px!important}.team-choice-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px!important}
  .team-choice-list>button{display:flex!important;min-width:0;min-height:82px;padding:9px 5px!important;flex-direction:column;text-align:center!important;justify-content:center}.team-choice-icon{width:34px!important;height:34px!important}.team-choice-icon svg{width:18px!important;height:18px!important}.team-choice-list small,.team-choice-list>button>i{display:none!important}.team-choice-list b{font-size:9px!important;line-height:1.25}
  .team-simple-summary{margin-bottom:9px!important}.team-main-section{padding:12px!important}

  .settings-category-nav{margin-bottom:9px!important}.settings-sections{gap:9px!important}.settings-card{padding:13px!important}.settings-title{margin-bottom:11px!important}.settings-title>span{width:31px!important;height:31px!important}.settings-title h2{font-size:15px!important}.settings-title p{font-size:9px!important}
  .settings-card:not(.compact-active-settings){display:none}.settings-card.compact-active-settings{display:block}
  .settings-actions{position:sticky;z-index:5;bottom:76px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--white) 94%,transparent);box-shadow:0 -8px 24px rgba(18,37,76,.08);backdrop-filter:blur(12px)}

  .home-hero{padding:18px!important}.home-hero h2{font-size:23px!important}.home-kpis{gap:8px!important}.home-kpis article{padding:12px!important}.home-overview{gap:8px!important}.home-overview>.card{padding:13px!important}
  .empty-state,.empty{min-height:0!important;padding:24px 14px!important}
}

@media(min-width:901px){
  .main{max-width:none!important;padding:26px clamp(24px,3vw,48px)!important}
  .shell,.app-shell{overflow:visible!important}
  .sidebar{overflow-y:auto;scrollbar-width:none}
  .sidebar::-webkit-scrollbar{display:none}
  .compact-disclosure-body{display:block!important}.compact-disclosure-toggle{display:none}
}

body[data-theme="dark"] .compact-disclosure-toggle{background:#111c31;border-color:#2b3850;color:#f5f8ff;box-shadow:none}
body[data-theme="dark"] .settings-actions{background:rgba(16,24,38,.94);border-color:#2b3850}
