/* FOX O.S 2.50.23 — a mesma paleta do aplicativo local, sem alterar a marca. */
:root{
 --ink:#29313a;--slate:#29313a;--muted:#667568;--line:#dce8d1;--soft:#f5f6f8;
 --lime:#b9f148;--orange:#527622;--orange2:#b9f148;--green:#527622;
 --surface:#fff;--accent-soft:#f0f9df;--shadow:0 8px 28px #29313a08;
}
body{background:var(--soft);color:var(--ink)}
body.sidebar-is-open{overflow:hidden}
.app-shell{grid-template-columns:258px minmax(0,1fr)}
.sidebar{width:258px;padding:22px 14px 12px;background:var(--surface);color:var(--ink);border-right:1px solid var(--line);overflow:hidden;height:100dvh}
.side-brand{padding:0 10px 20px;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}
.side-brand b{font-size:17px;letter-spacing:-.04em;color:var(--ink)}
.side-brand small{font-size:8px;letter-spacing:.12em;color:var(--muted)}
.sidebar nav{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfddc4 transparent;padding:18px 0;gap:20px}
.side-nav-group{display:grid;gap:4px}
.side-nav-group>p{margin:0 12px 5px;color:#788475;font-size:9px;font-weight:800;letter-spacing:.13em}
.sidebar nav a{position:relative;min-height:44px;border-radius:12px;gap:11px;padding:8px 12px;border:1px solid transparent;font-size:12px;font-weight:650;color:#59665b;transition:background .18s,border-color .18s,color .18s}
.sidebar nav a:hover{background:#f4f8ed;color:var(--ink);border-color:var(--line)}
.sidebar nav a.active{background:var(--accent-soft);border-color:#d4e9b5;color:#354b23;box-shadow:inset 3px 0 var(--lime);font-weight:800}
.sidebar nav i{width:30px;height:30px;flex:none;display:grid;place-items:center;background:#f3f5f0;color:#6a7868;border-radius:9px}
.sidebar nav a.active i{background:var(--lime);color:#293a1c}
.sidebar nav svg{width:18px;height:18px}
.sidebar-footer{flex:none;border-top:1px solid var(--line);padding-top:12px}
.sidebar-footer .sync-card{margin:0;background:#f7faf3;border:1px solid var(--line);border-radius:12px;padding:12px;gap:10px}
.sync-card b{font-size:10px;color:var(--ink)}.sync-card small{color:var(--muted);font-size:9px}
.sync-dot{background:#83b333;box-shadow:0 0 0 4px #e9f4d8}.sync-dot.warn{background:#b88624;box-shadow:0 0 0 4px #fff1ce}
.sidebar .logout{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;color:#5f6b60;background:transparent;border:0;border-radius:10px;font-size:11px;min-height:44px}
.sidebar .logout:hover{color:#973733;background:#fff2ef}
.sidebar-close,.sidebar-backdrop{display:none}
.content{padding:0 clamp(20px,2.5vw,44px) 50px;min-width:0}
.topbar{border-bottom:1px solid var(--line);padding:20px 0;gap:12px}
.topbar h1{color:var(--ink)}.global-search{border-color:var(--line);border-radius:12px}
.global-search button,.filters button{background:var(--ink);color:#fff;border-radius:9px}
.notification-button,.refresh-status,.menu-button{background:#fff;border-color:var(--line);color:var(--ink)}
.refresh-status i{background:#86b732}
.primary,.login-card form>button{background:var(--lime);color:#26331a;border-radius:11px;box-shadow:none}
.primary:hover,.login-card form>button:hover{background:#a8df3d;color:#26331a}
.secondary{background:#fff;color:var(--ink);border-color:var(--line);border-radius:11px}
:is(.chart-card,.dashboard-panel,.portal-history,.management-report,.product-card,.customer-grid>article,.order-grid>article,.security-grid article,.export-card,.plan-card,.payment-history,.billing-profile,.portal-export-card){border-color:var(--line);border-radius:18px;box-shadow:var(--shadow)}
:is(.executive-kpis,.inventory-insights,.management-metrics) article{border-color:var(--line);border-radius:16px;background:#fff}
.executive-kpis .accent-orange{background:var(--accent-soft);border-color:#d3e8af}
.executive-hero,.subscription-hero,.export-hero{background:#fff;color:var(--ink);border-color:var(--line)}
.hero-sync,.subscription-date{background:#f5faed;border-color:var(--line)}
.hero-sync strong,.subscription-date strong{color:var(--ink)}
.kicker,.executive-hero .kicker,.page-heading .kicker{color:#527622}
.mini-timeline span{border-color:var(--lime)}
.customer-card-head>span{background:var(--ink);color:#fff}
.quick-actions i,.security-grid i,.subscription-explainer i{background:var(--accent-soft);color:#527622}
.notification-list .info i{background:var(--accent-soft);color:#527622}
.healthy-state,.healthy-state b{color:#527622}
.queue,.category,.abc-a,.abc-b{background:var(--accent-soft);color:#466522}
.pagination a.active{background:var(--ink);border-color:var(--ink);color:white}
.chart-grid-lines line{stroke:#e4ebde}.donut-track{stroke:#edf1e9}
.ranking-chart progress{background:#edf1e9}.ranking-chart progress::-webkit-progress-value{background:var(--lime)}.ranking-chart progress::-moz-progress-bar{background:var(--lime)}
.report-table thead{background:var(--ink)}.report-table th{color:#f0f9df}
.report-table tbody tr:hover{background:#f6fbee}
.report-column-check:has(input:checked){background:var(--accent-soft);border-color:#b2d879;box-shadow:0 0 0 2px #b9f14820}
.report-notice{background:#f5faed;border-color:var(--line);color:#556646}
.report-column-check input,.export-module-grid input{accent-color:#739d2a}
.modal{background:#29313a80}.modal-card{border-color:var(--line);border-radius:20px}
.modal-card>header{background:#f5faed;color:var(--ink)}
.modal-card>header>button{background:#e5efd8;color:#354b23}
.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{border-color:var(--line);border-radius:10px}
.login-body{background:var(--soft)}.login-brand{background:var(--ink)}.login-brand h1 em{color:var(--lime)}
.login-brand>p{color:#d3f5a0}.login-brand>span{color:#d3ddd0}.login-card{background:#fff}
.login-card input{border-color:var(--line);border-radius:12px}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #85b92f;outline-offset:3px}
@media(max-width:1100px){.content{padding:0 22px 40px}.global-search{order:5;min-width:100%;max-width:none}}
@media(max-width:900px){
 .app-shell{display:block}.content{padding:0 18px 36px}
 .sidebar{width:min(86vw,300px);transform:translateX(-105%);transition:transform .22s ease;z-index:60;box-shadow:20px 0 60px #29313a18}
 .sidebar.open{transform:translateX(0)}
 .sidebar-close{display:grid;place-items:center;flex:none;margin-left:auto;width:32px;height:32px;border:1px solid var(--line);background:#f5f8ef;border-radius:9px;color:var(--ink);font:22px/1 sans-serif;cursor:pointer}
 .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:55;border:0;background:#29313a66;backdrop-filter:blur(3px)}
 .menu-button{display:grid;place-items:center;min-height:44px;min-width:44px}
 .topbar{min-height:76px;padding:16px 0}.global-search{position:static;margin:0}
}
@media(max-width:560px){.content{padding:0 12px 28px}.topbar{gap:8px}.topbar h1{max-width:145px}.global-search{min-width:0;width:100%;flex-basis:100%}.global-search input{min-width:0;font-size:16px}.refresh-status{padding:8px}.notification-button{width:36px;min-width:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.sidebar,.sidebar-backdrop,.topbar{display:none!important}.content{padding:0!important}.app-shell{display:block}}