/* Aurora Clear — camada visual única do Engecrane.
   Carregada depois do style.css para manter todos os módulos no mesmo sistema. */
:root{
  --aurora-950:#063b5a;
  --aurora-900:#07577f;
  --aurora-800:#087eae;
  --aurora-700:#0b9ad2;
  --aurora-600:#24b6ee;
  --aurora-200:#bfeafd;
  --aurora-100:#def4fd;
  --aurora-50:#f4fbff;
  --aurora-ink:#153a53;
  --aurora-muted:#6b899b;
  --aurora-line:#d5eaf4;
  --nav:var(--aurora-900);
  --nav-soft:var(--aurora-800);
  --menu:var(--aurora-600);
  --menu-dark:var(--aurora-800);
  --menu-ink:#fff;
  --blue:var(--aurora-700);
  --bg:var(--aurora-50);
  --line:var(--aurora-line);
  --radius:14px;
  color-scheme:light;
}

/* Base compartilhada */
html{background:var(--aurora-50)}
body{color:var(--aurora-ink);background:var(--aurora-50)}
a{color:var(--aurora-800)}
a:hover{color:var(--aurora-700)}
.eyebrow{color:var(--aurora-800)!important}
.muted,.table-subtext,.muted-copy{color:var(--aurora-muted)!important}

/* Área autenticada: barra lateral elegante e conteúdo arejado */
.app-body{--app-sidebar-width:250px;color:var(--aurora-ink);background:radial-gradient(circle at 84% -12%,#dff6ff 0,transparent 32%),var(--aurora-50);font-size:13px}
.app-body .sidebar{
  position:fixed;inset:0 auto 0 0;z-index:60;width:var(--app-sidebar-width);height:100vh;min-height:100vh;
  display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;color:#e8f8ff;
  background:radial-gradient(circle at 16% -4%,rgba(104,216,255,.32),transparent 31%),linear-gradient(165deg,#07577f 0%,#063b5a 63%,#042d45 100%);
  box-shadow:14px 0 36px rgba(8,73,107,.16);transform:none!important;
}
.app-body .brand{display:flex;align-items:center;flex:0 0 auto;min-height:84px;height:auto;padding:19px 22px;border:0;border-bottom:1px solid rgba(214,244,255,.16);background:rgba(255,255,255,.97)}
.app-body .sidebar-brand-logo{display:block;width:181px;height:39px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
.app-body .sidebar-brand-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.app-body .engecrane-brand-logo{height:58px;width:184px;background:#fff;border-radius:12px;padding:4px 7px;box-sizing:border-box}
.app-body .engecrane-brand-logo img{object-fit:contain;object-position:center}
@media(min-width:901px){.app-body.sidebar-collapsed .engecrane-brand-logo img{content:url('/static/engecrane-icon.png');object-fit:contain;object-position:center}}
.app-body .engecrane-wordmark{display:grid;gap:1px;line-height:1;text-decoration:none}.app-body .engecrane-wordmark strong{color:#075da8;font-size:25px;font-weight:950;letter-spacing:-1.2px}.app-body .engecrane-wordmark strong span{color:#dc2626}.app-body .engecrane-wordmark small{color:#526b82;font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.app-body .main-nav{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding:17px 13px 12px;overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(172,232,255,.68) transparent}
.app-body .nav-label{display:block;margin:10px 10px 6px;color:#93dffb;font-size:9px;font-weight:850;letter-spacing:1.05px}
.app-body .nav-label:first-child{margin-top:0}
.app-body .nav-label-spaced{margin-top:18px}
.app-body .nav-link{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;flex:0 0 auto;min-height:42px;padding:0 10px;border:0;border-left:3px solid transparent;border-radius:10px;color:#d2effb;background:transparent;font-size:11px;font-weight:700;white-space:normal;transition:background .18s ease,color .18s ease,transform .18s ease}
.app-body .nav-link:hover{color:#fff;background:rgba(255,255,255,.105);transform:translateX(2px)}
.app-body .nav-link.active{border-left-color:#71d7fa;color:#073f5d;background:linear-gradient(135deg,#fff,#dff5ff);box-shadow:0 7px 18px rgba(1,38,59,.13)}
.app-body .nav-link.active::before{display:none}
.app-body .nav-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:#b9edff;background:rgba(157,228,255,.13);font-size:8px;font-style:normal;font-weight:900}
.app-body .nav-link.active .nav-icon{color:#087ead;background:#c9effd}
.app-body .assistant-nav>small{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;padding:3px 6px;border-radius:99px;color:#075473;background:#b9ebfb;font-size:7px;font-weight:900;letter-spacing:.35px;text-transform:uppercase}
.app-body .main-nav .nav-group{display:grid;margin:2px 0}
.app-body .main-nav .nav-group>summary{display:grid;grid-template-columns:29px minmax(0,1fr) 15px;align-items:center;gap:8px;min-height:42px;padding:0 10px;border-radius:10px;color:#d2effb;background:transparent;font-size:11px;font-weight:700}
.app-body .main-nav .nav-group>summary:hover,.app-body .main-nav .nav-group.current>summary{color:#fff;background:rgba(255,255,255,.105)}
.app-body .main-nav .nav-group>summary i{font-size:13px}
.app-body .main-nav .nav-group>div{display:grid;gap:2px;margin:3px 0 5px 21px;padding:3px 0 3px 16px;border-left:1px solid rgba(167,226,248,.29)}
.app-body .main-nav .nav-group a{padding:7px 9px;border-radius:7px;color:#b7e3f4;background:transparent;font-size:10px;font-weight:650}
.app-body .main-nav .nav-group a:hover{color:#fff;background:rgba(255,255,255,.10)}
.app-body .main-nav .nav-group a.active{color:#075473;background:#dff5ff;box-shadow:inset 2px 0 #23b5eb}
.app-body .sidebar-footer{display:grid;flex:0 0 auto;gap:10px;margin:0;padding:15px 16px 17px;border-top:1px solid rgba(205,242,255,.17);border-left:0;background:rgba(1,41,63,.16)}
.app-body .sidebar-company{display:grid;gap:2px;color:#fff;font-size:10px}.app-body .sidebar-company small{color:#a8dceb;font-size:8px}
.app-body .sidebar-user{display:flex;align-items:center;gap:8px;color:#e7f8ff}.app-body .sidebar-user>span:last-child{display:grid;gap:2px;min-width:0}.app-body .sidebar-user strong{overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.app-body .sidebar-user small{color:#9edbef;font-size:8px}
.app-body .sidebar .avatar{color:#075477;background:#d8f4fd}.app-body .logout-link{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:9px 10px;border:1px solid rgba(169,231,252,.2);border-radius:9px;color:#d8f5ff;background:rgba(255,255,255,.07);font-size:10px;font-weight:800}.app-body .logout-link:hover{color:#075477;background:#e7f8ff}
.app-body main{min-height:100vh;margin-left:var(--app-sidebar-width);background:transparent}
.app-body .topbar{position:sticky;top:0;z-index:40;height:68px;padding:0 30px;border:0;border-bottom:1px solid #d8edf5;background:rgba(255,255,255,.88);box-shadow:0 4px 18px rgba(13,92,130,.045);backdrop-filter:blur(16px)}
.app-body .topbar-title{display:grid;gap:1px}.app-body .topbar-title strong{color:var(--aurora-ink);font-size:13px;font-weight:850}.app-body .topbar-title small{display:block;color:var(--aurora-muted);font-size:9px}
.app-body .topbar-right{gap:13px;font-size:11px}.app-body .system-status{padding:6px 9px;border:1px solid #cceaf4;border-radius:99px;color:#087eae;background:#edfaff;font-size:9px;font-weight:800}.app-body .system-status i{background:#22b573;box-shadow:0 0 0 4px rgba(34,181,115,.12)}
.app-body .topbar-user{display:flex;align-items:center;gap:7px;color:#446c82;font-weight:750}.app-body .avatar.small{width:28px;height:28px;color:#087fac;background:#dff4fc;font-size:10px}
.app-body .menu-toggle{display:grid!important;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d4eaf3;border-radius:10px;color:#087eae;background:#f8fdff;box-shadow:none;font-size:16px}
.app-body .content{width:auto;max-width:1600px;padding:27px 30px 44px}

/* Componentes compartilhados */
.app-body .page-head{gap:14px;margin-bottom:21px;padding-bottom:16px;border-bottom:1px solid #dceef5}.app-body .page-head h1{margin:1px 0 0;color:var(--aurora-ink);font-size:clamp(22px,2.2vw,30px);line-height:1.12;letter-spacing:-.7px}.app-body .page-head p{margin:5px 0 0;color:var(--aurora-muted);font-size:12px;line-height:1.5}
.app-body button,.app-body .button{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:#fff;background:linear-gradient(135deg,#25b8ee,#087eae);box-shadow:0 9px 17px rgba(4,126,174,.16);font-size:11px;font-weight:800;letter-spacing:0;transition:transform .17s ease,box-shadow .17s ease,background .17s ease}
.app-body button:hover,.app-body .button:hover{background:linear-gradient(135deg,#10a9e2,#076f9a);box-shadow:0 12px 22px rgba(4,126,174,.23);transform:translateY(-1px)}
.app-body .button.secondary,.app-body button.secondary{border-color:#d4e8f1;color:#28617d;background:#f3fbfe;box-shadow:none}.app-body .button.secondary:hover,.app-body button.secondary:hover{color:#07648c;background:#e2f5fb;box-shadow:none}
.app-body input,.app-body select,.app-body textarea{min-height:38px;padding:8px 10px;border-color:#cfe4ee;border-radius:9px;color:var(--aurora-ink);background:#fff;box-shadow:inset 0 1px 1px rgba(12,80,111,.025);font-size:12px}.app-body input:focus,.app-body select:focus,.app-body textarea:focus{border-color:#27b6ea;box-shadow:0 0 0 4px rgba(36,182,238,.14);outline:0}.app-body textarea{min-height:82px}.app-body label{color:#41677c;font-size:11px;font-weight:750}
.app-body .panel,.app-body .card,.app-body .form-grid,.app-body .table-wrap,.app-body .filter-panel,.app-body .filter-bar,.app-body .form-section-card{border-color:#d7eaf3;border-radius:14px;box-shadow:0 10px 28px rgba(16,93,129,.06)}
.app-body .panel,.app-body .form-grid,.app-body .form-section-card{background:linear-gradient(160deg,#fff,#fbfeff)}.app-body .card{border-left-width:1px;background:#fff}.app-body .card:hover{border-color:#b9dfed;box-shadow:0 15px 32px rgba(16,93,129,.10);transform:translateY(-2px)}
.app-body .filters,.app-body .filter-bar{gap:9px;padding:12px;background:rgba(255,255,255,.9)}.app-body .table-wrap{overflow:auto;background:#fff}.app-body .table-wrap table{border-collapse:separate;border-spacing:0}.app-body .table-wrap thead th,.app-body th{position:sticky;top:0;z-index:1;color:#47738a;background:#eff9fd;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.app-body th,.app-body td{border-color:#e3eff4}.app-body tbody tr:nth-child(even){background:#fcfeff}.app-body tbody tr:hover,.app-body .table-wrap tbody tr:hover td{background:#f0faff}.app-body td{color:#31576d}.app-body .tag{border-radius:99px;font-weight:800}.app-body .alert{border-radius:12px}.app-body .empty-state,.app-body .executive-empty{border-color:#b9ddea;color:#66879a;background:#f8fdff}.app-body details.panel>summary{color:#245b75}.app-body .record-actions a:hover,.app-body .actions a:hover,.app-body .edit-link:hover{background:#e3f5fb;text-decoration:none}
.app-body .summary-grid>article::before,.app-body .finance-summary-card::before{background:#19afe6}.app-body .summary-grid>article,.app-body .finance-summary-card{border-color:#d8eaf3;box-shadow:0 9px 23px rgba(14,96,135,.055)}.app-body .summary-grid>article:nth-child(3)::before{background:#40b2df}.app-body .document-total-field{border-color:#b7e1f0;background:#effaff}.app-body .document-total-field>span{color:#0878a5}.app-body .module-notice,.app-body .production-finance-tip{border-color:#b9e2f0;border-left-color:#16abe2;color:#24627c;background:#f1fbff}.app-body .production-calculated-total{border-color:#c4e6f2;color:#0879a5;background:#effaff}.app-body .production-progress i{background:linear-gradient(90deg,#62d2f3,#0b91c5)}

/* Painéis de decisão e módulos */
.app-body .dashboard-command-head{border-color:#0d92c4!important;background:radial-gradient(circle at 88% 4%,rgba(143,224,251,.5),transparent 29%),linear-gradient(125deg,#063c5b,#087fae 62%,#4dc5ed)!important;box-shadow:0 19px 42px rgba(5,101,145,.20)!important}.app-body .dashboard-command-head .eyebrow{color:#c9f2ff!important}.app-body .dashboard-command-head h1,.app-body .dashboard-command-head h1 em{color:#fff!important}.app-body .dashboard-command-head p{color:#d8f5ff!important}.app-body .dashboard-command-chips span{color:#e9fbff;background:rgba(255,255,255,.13)}.app-body .home-modules,.app-body .executive-panel,.app-body .executive-pulse-card{border:1px solid #d7eaf3!important;box-shadow:0 12px 30px rgba(13,102,144,.07)!important}.app-body .home-module-card{border-color:#d6e9f2!important;background:linear-gradient(145deg,#fff,#f3fbfe)!important}.app-body .home-module-card:hover{border-color:#70d0ee!important}.app-body .funnel-stage{border-color:#d7e9f1!important;background:#f5fcff!important}.executive-main-ring,.health-ring{filter:drop-shadow(0 10px 18px rgba(10,126,174,.12))}
.app-body .home-modules-head>a,.app-body .home-module-content>a,.app-body .home-module-link{color:#087eae!important}.app-body .home-module-icon{color:#087eae!important;background:#def4fc!important}.app-body .home-module-content li::before,.app-body .home-module-copy li::before{color:#14aee4!important;background:#14aee4!important}.app-body .module-access-badge{color:#39748c;background:#edf8fc}.app-body .module-access-badge.active{color:#08734f;background:#e3f8ef}.app-body .executive-pulse-card::before{background:#1aaee4}.app-body .executive-pulse-card::after{background:rgba(35,182,238,.09)}.app-body .executive-pulse-card .pulse-icon{color:#087eae;background:#e1f5fc}.app-body .executive-pulse-card.pulse-sales::before{background:#0ea5e9}.app-body .executive-pulse-card.pulse-sales .pulse-icon{color:#087eae;background:#def4fc}
.app-body .service-kpi-icon,.app-body .time-clock-info-card li b{color:#087ead;background:#ddf4fc}.app-body .time-clock-kpis .warning{border-color:#c8e8f3;background:#f5fcff}.app-body .time-clock-kpis .warning b,.app-body .time-clock-closure-state strong{color:#087ead}.app-body .time-clock-policy{border-color:#c9e7f1;color:#2c6883;background:#f1fbff}.app-body .time-clock-public-card{border-color:#d5eaf3}.app-body .time-clock-public-avatar{color:#fff;background:linear-gradient(145deg,#32c0ee,#087fac)}.app-body .time-clock-punch-form button{background:linear-gradient(135deg,#23b8ee,#087eae)}

/* Assistente, checklists e demonstração */
.assistant-avatar,.assistant-welcome-mark,.message-avatar,.action-icon{color:#fff!important;background:linear-gradient(145deg,#3ac7f2,#087eae)!important;box-shadow:0 8px 18px rgba(5,135,183,.22)}.assistant-thread.active{color:#075d82!important;background:#ddf3fb!important;box-shadow:inset 3px 0 #0ea5e9!important}.assistant-thread:hover{color:#14516e!important;background:#edf8fc!important}.assistant-message.user .message-copy{color:#fff!important;border-color:#087eae!important;background:#087fac!important}
.checklist-studio{--studio-yellow:#0ea5e9;--studio-line:#d6e8f1;--studio-soft:#f2f9fc}.checklist-studio-toolbar{border-color:#d5eaf3;background:rgba(255,255,255,.94);box-shadow:0 9px 25px rgba(11,106,148,.08)}.checklist-studio-section{border-color:#d8e9f1;box-shadow:0 7px 22px rgba(14,105,144,.05)}.checklist-studio-section>summary:hover{background:#f1faff}.checklist-quick-add>summary,.checklist-camera-button{border-color:#69c9e9;color:#076f99;background:#eefaff}.checklist-new-section{border-color:#70cae8;background:#eefaff}.checklist-new-section>summary{color:#076d96}.checklist-studio-empty>span,.checklist-empty-section>span{color:#fff;background:linear-gradient(145deg,#39c2ef,#087eae)}.checklist-sticky-actions{border-color:#8dd5ed;background:rgba(239,250,254,.96)}
.demo-app{--demo-yellow:#0ea5e9;--demo-dark:#075273;background:#f2fbff}.demo-header{border-bottom-color:#0ea5e9}.demo-sidebar{color:#17435b;border-right-color:#cbe7f1;background:linear-gradient(180deg,#fff,#e8f7fc)}.demo-sidebar nav button:hover,.demo-sidebar nav button.active{color:#066d97;background:#dff4fb}.demo-sidebar nav i{color:#0780ae;background:#e0f3fa}.demo-sidebar nav button.active i{color:#fff;background:#0789bb}.demo-inline-form{border-color:#8bd4ec;background:#effaff}.demo-user-message{background:#087cac}.demo-bottom-cta{background:#074a6a}.live-demo-banner{border-color:#9bd9ee;color:#225f79;background:linear-gradient(90deg,#e1f6fd,#f8fdff)}.live-demo-badge{background:#087eae}.live-demo-banner button,.live-demo-banner>a{border-color:#74cee9;color:#076d96}.live-demo-banner>a{color:#fff;background:#0ea5e9}.system-status.demo{color:#076a92;background:#e4f7fd}.system-status.demo i{background:#0ea5e9;box-shadow:0 0 0 3px #bcecff}

/* Páginas públicas, autenticação e administração */
.auth-body,.login-main{background:radial-gradient(circle at 14% 17%,rgba(94,203,239,.28),transparent 29%),radial-gradient(circle at 85% 84%,rgba(186,230,253,.35),transparent 32%),linear-gradient(145deg,#eaf8fd,#f9fdff)}.login-card,.register-shell{border-color:#d8ebf3;box-shadow:0 28px 70px rgba(9,103,146,.17)}.auth-form-tools a,.auth-switch a,.auth-back-link,.register-back-link{color:#087eac}.register-intro{color:#fff;background:radial-gradient(circle at 10% 90%,rgba(162,226,247,.35),transparent 35%),linear-gradient(145deg,#087fac,#43c5ed)}.register-intro>p,.register-price small,.register-price span,.register-price .register-regular-price{color:#e5f8ff}.register-benefits i{color:#087ead}.register-price{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.16)}
.saas-public-body,.saas-landing{background:#f6fcff!important}.saas-landing{--ink:#123b56;--muted:#648197;--line:#d7eaf3;--gold:#0ea5e9;--blue:#0789bc}.saas-topbar{border-bottom:1px solid rgba(207,232,242,.75);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.saas-topbar a{color:#426c83}.saas-button{color:#fff!important;background:linear-gradient(135deg,#2bc0ef,#087eae);box-shadow:0 12px 24px rgba(6,136,185,.22)}.saas-button:hover{box-shadow:0 16px 30px rgba(6,136,185,.28)}.saas-kicker{color:#0781b0}.saas-kicker i{background:#38bdf8;box-shadow:0 0 0 5px rgba(56,189,248,.15)}.saas-hero h1 strong{color:#0789bc}.saas-product-preview{border-color:#d3e9f2;box-shadow:0 26px 60px rgba(15,114,157,.15)}.saas-product-preview:before{background:#9de1f6}.saas-product-preview>header>b{color:#fff;background:linear-gradient(145deg,#36c4ef,#087ead)}.preview-chart{background:#eff9fd}.preview-chart i{background:linear-gradient(#70d1ef,#0788bb)}.saas-logo-strip{color:#d9f4fe;background:linear-gradient(90deg,#075579,#0b8cbc)}.saas-logo-strip i{background:#79daf5}.saas-module{--accent:#0787b8;--tint:#e5f6fc;border-color:#d8eaf2;box-shadow:0 11px 27px rgba(18,105,145,.055)}.saas-module:hover{border-color:#66c8e8;box-shadow:0 20px 38px rgba(18,105,145,.11)}.saas-builder,.build-system-section{background:radial-gradient(circle at 86% 2%,#58c6e9 0,transparent 30%),linear-gradient(135deg,#064c70,#0b86b6)}.assistant-showcase .mine,.assistant-showcase footer b{background:#0789bc}.saas-final{background:radial-gradient(circle at 85% 10%,rgba(137,221,247,.5),transparent 33%),linear-gradient(135deg,#075b82,#0da5d5)}
.platform-admin-body{color:#16384e;background:#f1f9fc}.platform-admin-header{border-bottom-color:#1eafe0;box-shadow:0 5px 20px rgba(12,109,150,.09)}.platform-admin-header>div a{background:#0b6288}.platform-admin-nav a{color:#466b80!important;background:#edf7fb!important}.platform-admin-nav a.active{color:#056d98!important;background:#d9f3fc!important}.platform-company-card{border-left-color:#0ea5e9}.platform-access-explanation{color:#245c75;background:#eaf8fd}.platform-funnel-step{border-top-color:#0ea5e9}.platform-funnel-step .step-number{color:#05719c;background:#def4fb}.platform-funnel-kpis .panel{border-left-color:#0ea5e9}
.employee-portal-body{background:#f3fafd;color:#183a51}.employee-punch-card{background:radial-gradient(circle at 91% 5%,#44bde6 0,#0b719d 42%,#075274 100%);box-shadow:0 19px 44px rgba(7,91,130,.24)}.employee-punch-button{color:#fff;background:linear-gradient(135deg,#2bc0ef,#087eae)}.employee-day-marks,.employee-month-summary,.employee-request-list,.employee-quick-actions a,.employee-calendar article,.employee-form-card,.employee-receipt{border-color:#d9eaf2;box-shadow:0 9px 26px rgba(14,105,144,.05)}.employee-quick-actions a>span{color:#087fae;background:#e1f4fb}.employee-history-head button,.employee-form-card button,.employee-receipt button,.time-clock-pending-list button{background:#087dab}.time-clock-public-body{background:radial-gradient(circle at 5% 0,#38bde8,transparent 31%),linear-gradient(135deg,#063d5b,#087eae)!important}.time-clock-public-brand img{padding:5px 8px;border-radius:8px;filter:none;background:#fff}.time-clock-punch-form button.break{color:#075477;background:#dff5fd}.time-clock-punch-form button.exit{background:#1c5c7d}

/* Responsividade */
@media(max-width:960px){
  .app-body .sidebar{z-index:100!important;width:min(274px,82vw);transform:translateX(-105%)!important;isolation:isolate;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:transform .22s ease;box-shadow:16px 0 48px rgba(6,93,133,.22)}
  .app-body .sidebar>*{filter:none!important;-webkit-filter:none!important}.app-body.menu-open .sidebar{transform:translateX(0)!important}.app-body .sidebar-backdrop{position:fixed;z-index:90;inset:0;display:block!important;visibility:hidden;opacity:0;background:rgba(4,37,56,.42);filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .22s ease}.app-body.menu-open .sidebar-backdrop{visibility:visible;opacity:1}
  .app-body main{margin-left:0}.app-body .topbar{height:62px;padding:0 16px}.app-body .content{padding:20px 16px 36px}.app-body .topbar-user{display:none}.app-body .menu-toggle{display:grid!important}
}
@media(max-width:640px){
  .app-body .content{padding:16px 11px 30px}.app-body .page-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px;padding-bottom:13px}.app-body .page-head h1{font-size:23px}.app-body .topbar-title strong{font-size:11px}.app-body .system-status{display:none}.app-body .panel,.app-body .card,.app-body .form-grid,.app-body .table-wrap,.app-body .filter-panel,.app-body .filter-bar,.app-body .form-section-card{border-radius:11px}.app-body button,.app-body .button{min-height:40px}.saas-topbar nav{display:none}.saas-topbar{padding:16px}.saas-hero{grid-template-columns:1fr;gap:30px;padding:44px 18px 54px}.saas-product-preview{max-width:560px}.employee-portal{padding:18px 13px 38px}
}