
:root{
  --cb-primary:#FF800F;
  --cb-secondary:#001064;
  --cb-dark:#010A35;
  --cb-light:#F6F7F8;
  --cb-text:#5f6670;
  --cb-border:#e8eaf0;
  --cb-card:#ffffff;
}
body.cb-app{font-family:Roboto,Arial,sans-serif;background:var(--cb-light);color:var(--cb-text);}
body.cb-app h1,body.cb-app h2,body.cb-app h3,body.cb-app h4,body.cb-app h5{font-family:"Roboto Slab",serif;}
.cb-brand{font-weight:800;color:var(--cb-secondary);letter-spacing:-.4px}
.cb-brand i{color:var(--cb-primary)}
.cb-topbar{background:var(--cb-dark);color:#fff}
.cb-topbar a{color:#fff;text-decoration:none}
.cb-app .btn-primary{background:var(--cb-primary);border-color:var(--cb-primary)}
.cb-app .btn-primary:hover{filter:brightness(.94)}
.cb-card{background:var(--cb-card);border:0;border-radius:10px;box-shadow:0 10px 35px rgba(1,10,53,.07)}
.cb-card .card-header{background:transparent;border-bottom:1px solid var(--cb-border)}
.cb-pill{border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700}
.cb-sidebar{background:var(--cb-dark);min-height:100vh;color:#fff;position:sticky;top:0}
.cb-sidebar a{display:flex;align-items:center;gap:10px;color:#e9ecf7;text-decoration:none;padding:12px 16px;border-radius:8px;margin:3px 10px}
.cb-sidebar a:hover,.cb-sidebar a.active{background:var(--cb-primary);color:#fff}
.cb-sidebar .section{font-size:.72rem;text-transform:uppercase;color:#9da7c5;padding:18px 16px 7px}
.cb-main{min-height:100vh}
.cb-topnav{background:#fff;border-bottom:1px solid var(--cb-border);position:sticky;top:0;z-index:20}
.cb-stat{padding:22px;border-left:4px solid var(--cb-primary)}
.cb-stat .value{font:800 2rem "Roboto Slab",serif;color:var(--cb-secondary)}
.cb-stat .label{font-size:.86rem;color:#7a8190}
.cb-table th{font-size:.78rem;text-transform:uppercase;color:#7c8494}
.cb-table td{vertical-align:middle}
.cb-empty{padding:50px;text-align:center;color:#9298a5}
.cb-form label{font-weight:600;font-size:.88rem;color:var(--cb-secondary)}
.cb-form .form-control,.cb-form .form-select{border-color:#dfe3eb;border-radius:7px;padding:.7rem .8rem}
.cb-form .form-control:focus,.cb-form .form-select:focus{border-color:var(--cb-primary);box-shadow:0 0 0 .2rem rgba(255,128,15,.12)}
.cb-hero{background:linear-gradient(135deg,var(--cb-secondary),var(--cb-dark));color:#fff}
.cb-whatsapp{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.cb-whatsapp:hover{background:#1ebd5b!important;border-color:#1ebd5b!important}
.cb-status-open{background:#fff0db;color:#9a5400}
.cb-status-assigned{background:#e6efff;color:#17458f}
.cb-status-progress{background:#eee8ff;color:#5c37a7}
.cb-status-completed{background:#e3f8eb;color:#176b39}
.cb-status-paid{background:#e3f8eb;color:#176b39}
.cb-status-pending{background:#fff0db;color:#9a5400}
.cb-dark-mode{--cb-light:#0e1426;--cb-card:#151d32;--cb-text:#c7ccda;--cb-border:#2a344e}
.cb-dark-mode .cb-topnav{background:#11192c;color:#fff;border-color:#2a344e}
.cb-dark-mode .cb-card .card-header,.cb-dark-mode .table{color:#c7ccda}
.cb-dark-mode .cb-brand{color:#fff}
.cb-dark-mode .table{--bs-table-bg:transparent;--bs-table-color:#c7ccda}
.cb-dark-mode .form-control,.cb-dark-mode .form-select{background:#11192c;color:#fff;border-color:#33405e}
.cb-dark-mode .form-control::placeholder{color:#8e97ac}
@media(max-width:991.98px){
 .cb-sidebar{position:fixed;left:-290px;width:270px;z-index:1000;transition:.25s}
 .cb-sidebar.open{left:0}
 .cb-main{width:100%}
}
@media print{
 .no-print{display:none!important}
 body{background:#fff!important}
 .cb-card{box-shadow:none}
}

/* v3 production application layer — AirCon visual language retained */
:root{--cb-primary:#FF800F;--cb-blue:#001064;--cb-dark:#010A35;--cb-light:#F6F7F8;--cb-border:#e9ecef}
body.cb-app{font-family:Roboto,Arial,sans-serif;background:var(--cb-light);color:#333}.cb-brand,.cb-app h1,.cb-app h2,.cb-app h3,.cb-app h4{font-family:"Roboto Slab",serif}.cb-topbar{background:var(--cb-dark);color:#fff}.cb-sidebar{width:255px;background:var(--cb-dark);min-height:calc(100vh - 58px);position:sticky;top:58px}.cb-sidebar a{display:block;color:#fff;text-decoration:none;padding:11px 18px;border-left:3px solid transparent}.cb-sidebar a:hover,.cb-sidebar a.active{background:rgba(255,255,255,.08);border-left-color:var(--cb-primary)}.cb-main{min-width:0}.cb-card{background:#fff;border:1px solid var(--cb-border);border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.cb-kpi{border-left:4px solid var(--cb-primary)}.cb-table th{background:#f8f9fa;white-space:nowrap}.cb-status{display:inline-block;padding:4px 9px;border-radius:30px;font-size:.78rem;font-weight:700}.cb-status-open{background:#fff3cd;color:#856404}.cb-status-assigned{background:#e2e3ff;color:#26327c}.cb-status-progress{background:#cff4fc;color:#055160}.cb-status-completed{background:#d1e7dd;color:#0f5132}.cb-dark-mode{background:#111827!important;color:#e5e7eb}.cb-dark-mode .cb-card{background:#1f2937;color:#e5e7eb;border-color:#374151}.cb-dark-mode .table{color:#e5e7eb}.cb-dark-mode .cb-table th{background:#111827}.cb-dark-mode .form-control,.cb-dark-mode .form-select{background:#111827;color:#e5e7eb;border-color:#4b5563}.cb-mobile-toggle{display:none}@media(max-width:991px){.cb-sidebar{position:fixed;z-index:1050;left:-260px;top:58px;transition:.2s}.cb-sidebar.open{left:0}.cb-mobile-toggle{display:inline-flex}.cb-layout{display:block}.cb-main{width:100%}}
/* v3 production app shell */
:root{--cb-primary:#FF800F;--cb-blue:#001064;--cb-dark:#010A35;--cb-light:#F6F7F8;--cb-border:#e9ecef}
body.cb-app{font-family:Roboto,Arial,sans-serif;background:var(--cb-light);color:#333}.cb-brand,.cb-app h1,.cb-app h2,.cb-app h3,.cb-app h4{font-family:"Roboto Slab",serif}.cb-topbar{background:var(--cb-dark);color:#fff}.cb-sidebar{width:255px;background:var(--cb-dark);min-height:calc(100vh - 58px);position:sticky;top:58px}.cb-sidebar a{display:block;color:#fff;text-decoration:none;padding:11px 18px;border-left:3px solid transparent}.cb-sidebar a:hover,.cb-sidebar a.active{background:rgba(255,255,255,.08);border-left-color:var(--cb-primary)}.cb-main{min-width:0}.cb-card{background:#fff;border:1px solid var(--cb-border);border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.cb-kpi{border-left:4px solid var(--cb-primary)}.cb-table th{background:#f8f9fa;white-space:nowrap}.cb-status{display:inline-block;padding:4px 9px;border-radius:30px;font-size:.78rem;font-weight:700}.cb-status-open{background:#fff3cd;color:#856404}.cb-status-assigned{background:#e2e3ff;color:#26327c}.cb-status-progress{background:#cff4fc;color:#055160}.cb-status-completed{background:#d1e7dd;color:#0f5132}.cb-dark-mode{background:#111827!important;color:#e5e7eb}.cb-dark-mode .cb-card{background:#1f2937;color:#e5e7eb;border-color:#374151}.cb-dark-mode .table{color:#e5e7eb}.cb-dark-mode .cb-table th{background:#111827}.cb-dark-mode .form-control,.cb-dark-mode .form-select{background:#111827;color:#e5e7eb;border-color:#4b5563}.cb-mobile-toggle{display:none}@media(max-width:991px){.cb-sidebar{position:fixed;z-index:1050;left:-260px;top:58px;transition:.2s}.cb-sidebar.open{left:0}.cb-mobile-toggle{display:inline-flex}.cb-layout{display:block}.cb-main{width:100%}}
