/* Beatle Analytics - Rake Inspection Command Center UI */
:root{
  --cc-bg:#030c1c;--cc-bg2:#07172f;--cc-panel:#081b37;--cc-panel2:#0b2346;
  --cc-line:#17365f;--cc-line2:#244b7a;--cc-text:#edf4ff;--cc-muted:#8fa5c5;
  --cc-blue:#2677ff;--cc-cyan:#20c7e4;--cc-green:#20d083;--cc-violet:#8b68ff;
  --cc-pink:#f3467d;--cc-orange:#ff9e28;--cc-red:#ff5269;--cc-shadow:0 18px 45px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{background:var(--cc-bg)}
body.cc-page,body.login-page{font-family:'Inter','Roboto',Arial,sans-serif;background:radial-gradient(circle at 72% -15%,#0d3d70 0,#071b37 25%,#030b1a 62%);color:var(--cc-text);min-height:100vh}
a{text-decoration:none}

/* Shared left rail */
.cc-sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:linear-gradient(180deg,#061a36 0%,#041126 65%,#06162e 100%);border-right:1px solid var(--cc-line);z-index:1040;padding:12px;display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(0,0,0,.12)}
.cc-brand{display:flex;align-items:center;gap:10px;padding:2px 4px 14px;border-bottom:1px solid #ffffff0b;margin-bottom:8px}.cc-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.16)}.cc-brand strong{display:block;color:#fff;font-size:12px;line-height:1.2}.cc-brand span,.cc-brand small{display:block;color:#93a8c7;font-size:8px;line-height:1.45}.cc-brand small{color:#62a6ff;font-weight:700}
.cc-nav{display:grid;gap:4px}.cc-nav a{display:flex;align-items:center;gap:10px;color:#aabbd5;padding:9px 10px;border-radius:8px;font-size:10px;font-weight:600;border:1px solid transparent;transition:.15s}.cc-nav a i{width:17px;text-align:center;font-size:11px}.cc-nav a:hover{background:#0b2b54;color:#fff;border-color:#173d6a}.cc-nav a.active{color:#fff;background:linear-gradient(90deg,#185bd6,#2477ff);border-color:#3e83ee;box-shadow:0 8px 24px rgba(30,105,235,.24)}
.cc-side-label{font-size:7px;letter-spacing:.12em;color:#5f789c;margin:15px 9px 6px;font-weight:800}.cc-quick{display:grid;gap:3px}.cc-quick a{display:flex;align-items:center;gap:8px;padding:6px 9px;color:#7f96b7;font-size:8px;border-radius:6px}.cc-quick a:hover{background:#0c274b;color:#dbe8fb}.cc-status{margin-top:auto;border:1px solid #153963;background:#071c38;border-radius:10px;padding:10px}.cc-status-title{font-size:7px;color:#6983a9;font-weight:800;letter-spacing:.1em}.cc-status-line{font-size:8px;color:#48de98;margin-top:7px}.cc-status-line i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#27d686;margin-right:5px;box-shadow:0 0 8px #27d686}.cc-status svg{width:100%;height:34px;margin-top:3px}.cc-status polyline{fill:none;stroke:#1bd47f;stroke-width:2}

/* Shared top bar */
.cc-topbar{position:fixed;left:218px;right:0;top:0;height:60px;background:rgba(5,21,45,.9);border-bottom:1px solid var(--cc-line);backdrop-filter:blur(14px);z-index:1030;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.cc-top-title{display:flex;align-items:center;gap:10px}.cc-top-title h1{font-size:14px;margin:0;color:#f4f8ff;font-weight:800;letter-spacing:.02em}.cc-top-title p{font-size:8px;margin:2px 0 0;color:#7f94b5}.cc-menu-toggle{display:none;width:34px;height:34px;border:1px solid var(--cc-line2);border-radius:8px;background:#0b2447;color:#fff}.cc-user{display:flex;align-items:center;gap:8px;border:1px solid #244a76;background:#0a2142;border-radius:8px;padding:5px 9px;color:#eaf2ff}.cc-user-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1d6df0,#44a0ff);font-size:10px;font-weight:800}.cc-user b{display:block;font-size:9px;line-height:1.1}.cc-user small{display:block;color:#8096b8;font-size:7px;margin-top:2px}.cc-top-actions{display:flex;align-items:center;gap:7px}.cc-top-btn{height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid #285181;border-radius:7px;background:#0a2448;color:#cfe0f6;padding:0 10px;font-size:8px;font-weight:700}.cc-top-btn:hover{color:#fff;background:#103260}
.cc-content,.report-shell{margin-left:218px!important;padding-top:75px!important;padding-left:12px!important;padding-right:12px!important;max-width:none!important;width:auto!important}

/* Dashboard shell */
body.cc-dashboard{overflow:auto!important;height:auto!important;display:block!important}.cc-dashboard-shell{margin-left:218px;padding:7px 9px 12px;min-height:100vh}.cc-dashboard .cc-topbar{position:sticky;left:auto;right:auto;top:5px;border:1px solid var(--cc-line);border-radius:11px;height:52px;padding:0 12px;margin-bottom:7px}.cc-dashboard .cc-sidebar{width:218px}.cc-dashboard .cc-dashboard-shell{margin-left:218px}
.cc-date-filter{display:flex;align-items:flex-end;gap:6px}.cc-date-filter label{font-size:7px;color:#7f95b5}.cc-date-filter input{display:block;margin-top:2px;width:112px;height:28px;color-scheme:dark;border:1px solid #28517e;background:#0a2345;color:#eaf1ff;border-radius:6px;padding:0 6px;font-size:8px}.cc-date-filter button{height:28px;border-radius:6px;border:1px solid #2374ee;background:#1765df;color:#fff;font-size:8px;font-weight:700;padding:0 10px}
.cc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.cc-kpi{position:relative;overflow:hidden;border:1px solid var(--cc-line);border-radius:10px;background:linear-gradient(145deg,#0a2244,#07162e);padding:8px 10px;min-height:86px}.cc-kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-28px;top:-36px;background:currentColor;opacity:.055}.cc-kpi-head{display:flex;align-items:center;gap:7px;color:#a8bad2}.cc-kpi-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;color:currentColor;font-size:9px}.cc-kpi small{font-size:7px;font-weight:800;letter-spacing:.03em}.cc-kpi strong{font-size:19px;display:block;margin:5px 0 0;color:currentColor;line-height:1}.cc-kpi p{font-size:7.5px;color:#a6b6cc;margin:2px 0 6px}.cc-mini{display:flex;justify-content:space-between;align-items:center;font-size:6.7px;color:#7289aa}.cc-mini-value{color:#eef4ff;font-weight:800}.cc-progress{height:3px;background:#203a5d;border-radius:99px;overflow:hidden;margin-top:4px}.cc-progress i{display:block;height:100%;background:currentColor;border-radius:99px}.cc-violet{color:var(--cc-violet)}.cc-green{color:var(--cc-green)}.cc-blue{color:var(--cc-blue)}.cc-cyan{color:var(--cc-cyan)}.cc-pink{color:var(--cc-pink)}.cc-orange{color:var(--cc-orange)}
.cc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:7px}.cc-panel{border:1px solid var(--cc-line);border-radius:10px;background:linear-gradient(145deg,#081d3a,#06152c);box-shadow:var(--cc-shadow)}.cc-metric{padding:8px 9px}.cc-panel-title{font-size:8px;font-weight:800;color:#dce8fa;margin:0 0 6px;letter-spacing:.03em}.cc-triple{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;text-align:center}.cc-triple strong{display:block;font-size:14px;color:#f0f5ff}.cc-triple span{font-size:7px;color:#8095b4}.cc-ring{--pct:50;--ring:#20d083;width:52px;height:52px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#203a5b 0)}.cc-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#091c38}.cc-ring-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transform:translateY(1px)}.cc-ring b{display:block;font-size:11px;line-height:1}.cc-ring small{display:block;margin-top:2px;font-size:5.5px;line-height:1;color:#7489a8}.cc-metric-foot{display:flex;justify-content:space-between;color:#7188a8;font-size:6.5px;margin-top:4px}.cc-metric-foot b{color:#dce8fa}
.cc-lower{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:7px;margin-top:7px;align-items:stretch}.cc-recent{padding:7px 8px;min-width:0}.cc-recent-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:5px}.cc-recent-head h2,.cc-subcat-head h2{font-size:8.5px;color:#e8f0ff;font-weight:800;margin:0}.cc-recent-head p,.cc-subcat-head p{font-size:6.5px;color:#667f9f;margin:2px 0 0}.cc-table-wrap{overflow:auto;border:1px solid #14345a;border-radius:7px}.cc-table{width:100%;min-width:760px;border-collapse:collapse;margin:0}.cc-table th,.cc-table td{padding:4.5px 6px;border-bottom:1px solid #14345a;font-size:7.2px;white-space:nowrap;color:#cbd8e9;text-align:left}.cc-table th{background:#091d3a;color:#8298b8;font-size:6.8px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}.cc-table tbody tr:hover td{background:#0c264a}.cc-table .num-good{color:#3de19a;font-weight:800}.cc-table .num-bad{color:#ff6a7d;font-weight:800}.cc-table .num-warn{color:#ffb044;font-weight:800}.cc-eye{width:24px;height:22px;border-radius:5px;display:grid;place-items:center;border:1px solid #275687;background:#0d2b52;color:#68a6ff}.cc-eye:hover{background:#16437b;color:#fff}
.cc-subcat{padding:7px 8px;display:flex;flex-direction:column}.cc-subcat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cc-circle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-content:start}.cc-sub-card{text-align:center;padding:2px 0}.cc-sub-ring{--pct:0;--ring:#20d083;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 2px;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#1b3557 0);position:relative}.cc-sub-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(145deg,#0b2445,#07172f)}.cc-sub-ring b,.cc-sub-ring span{position:relative;z-index:1}.cc-sub-ring b{font-size:10px}.cc-sub-ring span{font-size:5px;color:#6f87a8;display:block}.cc-sub-card h4{font-size:6.5px;margin:0 0 2px;color:#d6e4f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-sub-stats{display:flex;justify-content:center;gap:6px;font-size:5.8px;font-weight:700}.cc-sub-stats .done{color:#55dea0}.cc-sub-stats .pending{color:#ff7a8c}.cc-sub-empty{font-size:8px;color:#7086a5;text-align:center;padding:25px 0}.cc-sub-legend{margin-top:auto;padding-top:5px;border-top:1px solid #15375f;font-size:6px;color:#7086a5;text-align:center}.cc-dot{display:inline-block;width:4px;height:4px;border-radius:50%;margin:0 3px 0 8px}.cc-dot:first-child{margin-left:0}.cc-dot.done{background:#20d083}.cc-dot.pending{background:#ff5269}
.cc-table-info{display:flex;align-items:center;justify-content:space-between;margin-top:4px;color:#7187a7;font-size:6.5px}.cc-table-info .dataTables_info{padding:0!important;font-size:6.5px;color:#7187a7!important}.cc-recent .dataTables_wrapper .row:first-child{display:none}.cc-recent .dataTables_wrapper .row:last-child{margin:3px 0 0!important;align-items:center}.cc-recent .dataTables_wrapper .pagination{margin:0}.cc-recent .page-link{background:#0a2141!important;border-color:#1c416e!important;color:#9bb0cc!important;font-size:6.5px!important;padding:3px 6px!important}.cc-recent .active>.page-link{background:#1d65df!important;color:#fff!important}.cc-recent table.dataTable{margin-top:0!important;margin-bottom:0!important}
.cc-bottom-insight{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.cc-insight{padding:8px}.cc-insight h3{font-size:8px;margin:0 0 6px;color:#dce8f8}.cc-rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-rank-col h4{font-size:6.5px;color:#7188a9;margin:0 0 4px}.cc-rank-row{display:grid;grid-template-columns:68px 1fr 24px;align-items:center;gap:5px;margin:3px 0;font-size:6.2px}.cc-rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9bad0}.cc-rank-bar{height:3px;background:#1d3554;border-radius:8px;overflow:hidden}.cc-rank-bar i{height:100%;display:block;background:#25cf83}.cc-rank-row em{font-style:normal;color:#dce7f6;text-align:right}

/* Reports / users / details overrides */
body.cc-page .main-header{display:none!important}
body.cc-page .report-shell{background:transparent!important;color:var(--cc-text)!important}
body.cc-page .report-titlebar{margin-bottom:9px!important}.report-title{font-size:18px!important;color:#f0f5ff!important}.report-title i{color:#4d95ff!important;font-size:17px!important}.title-pill{font-size:8px!important;padding:5px 8px!important;border-radius:6px!important;background:#155ed8!important}.toolbar-actions{gap:6px!important}.rail-btn{min-height:31px!important;padding:5px 9px!important;font-size:8px!important;border-radius:6px!important;background:#0b2446!important;border-color:#26517f!important;color:#cbdcf2!important;box-shadow:none!important}.rail-btn:hover{background:#103261!important;color:#fff!important}.rail-btn-primary{background:#1b65df!important;border-color:#2b7aff!important;color:#fff!important}.rail-btn-success{color:#68e5aa!important}
body.cc-page .report-panel,body.cc-page .card{background:linear-gradient(145deg,#081c39,#06152c)!important;border:1px solid var(--cc-line)!important;border-radius:10px!important;box-shadow:var(--cc-shadow)!important;color:var(--cc-text)!important}.panel-inner{padding:9px!important}.panel-heading{font-size:10px!important;color:#dce9fb!important;margin-bottom:8px!important}.panel-heading small,.heading-meta{color:#7391ba!important;font-size:7px!important}.summary-link,.report-link{color:#5c9dff!important;font-size:8px!important}.report-card-header{padding:8px 9px!important}.filter-badge{font-size:7px!important;padding:4px 7px!important;background:#147e50!important}.filter-grid{gap:7px!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}.filter-actions{gap:6px!important}.form-label{font-size:8px!important;color:#93a8c7!important;margin-bottom:4px!important}.form-control,.form-select{min-height:31px!important;height:31px;background:#0b2345!important;border:1px solid #285079!important;color:#eaf2ff!important;border-radius:6px!important;font-size:8px!important;padding:4px 8px!important;box-shadow:none!important;color-scheme:dark}.form-control:focus,.form-select:focus{border-color:#428cff!important;box-shadow:0 0 0 2px rgba(48,126,255,.12)!important}.form-select option{background:#0b2345;color:#fff}.report-table{background:transparent!important}.report-table th,.report-table td{border-color:#17385f!important;padding:6px 6px!important;font-size:7.5px!important;color:#c9d7e8!important;background:transparent!important}.report-table th,.report-table .group-head,.report-table .sub-head th{background:#0a2142!important;color:#8ea5c5!important;font-size:7px!important}.report-table tbody tr:nth-child(even) td{background:#071a35!important}.summary-table tfoot td,.total-row td{background:#0c294e!important;color:#75aaff!important;font-size:8px!important}.metric-blue{color:#61a1ff!important}.metric-red{color:#ff7183!important}.avatar{width:19px!important;height:19px!important;border-radius:50%!important;font-size:8px!important;margin-right:5px!important}.status-badge{min-width:58px!important;min-height:20px!important;font-size:6.5px!important;border-radius:6px!important}.eye-btn{width:27px!important;height:24px!important;border-radius:6px!important;background:#0b2a51!important;border-color:#285887!important;color:#6ba7ff!important}.legend,.note{color:#738aaa!important;font-size:7px!important}.legend strong,.note strong{color:#bccbe0!important}.table-footer-tools{gap:7px!important}.mini-total{background:#0a2040!important;border-color:#183d69!important;color:#cfdded!important}.mini-total-title{font-size:7px!important}.mini-total-grid{font-size:7px!important}
body.cc-page .content-wrapper{color:var(--cc-text)!important}.content-wrapper>.d-flex.border-bottom{border-color:#17375e!important;padding-top:0!important;margin-bottom:9px!important}.content-wrapper h1.h2{font-size:17px!important;color:#f0f5ff!important;font-weight:800!important}.content-wrapper h1.h2 .badge{font-size:7px!important;vertical-align:middle}.card-header{background:#0a2141!important;border-bottom:1px solid #17385f!important;color:#dbe8fa!important;padding:8px 10px!important}.card-header h5{font-size:9px!important}.card-body{padding:9px!important;color:#c9d6e8!important}.table{--bs-table-bg:transparent!important;--bs-table-color:#cad7e8!important;--bs-table-hover-bg:#0c284d!important;--bs-table-hover-color:#fff!important;margin-bottom:0!important}.table th,.table td{padding:6px 7px!important;border-color:#17385f!important;font-size:8px!important;color:#cad7e8!important;vertical-align:middle!important}.table thead th,.table-light th{background:#0a2141!important;color:#8da5c5!important;border-color:#17385f!important}.text-muted{color:#758cab!important}.text-primary{color:#5c9cff!important}.text-info{color:#37cce8!important}.text-warning{color:#ffae3f!important}.text-success{color:#49df9b!important}.text-danger{color:#ff6d80!important}.badge.bg-info{background:#1769df!important}.badge.bg-secondary{background:#526783!important}.badge.bg-success{background:#148652!important}.badge.bg-danger{background:#b4364d!important}.badge.bg-warning{background:#b87a20!important;color:#fff!important}.btn{font-size:8px!important;border-radius:6px!important;padding:5px 8px!important}.btn-primary{background:#1d66e2!important;border-color:#2d79f0!important}.btn-outline-primary{border-color:#2b68ad!important;color:#69a7ff!important}.btn-outline-success{border-color:#258359!important;color:#5ee0a1!important}.btn-outline-danger{border-color:#874052!important;color:#ff7488!important}.btn-secondary{background:#344963!important;border-color:#435b79!important}.alert{font-size:8px!important;background:#2a1730!important;border-color:#703d5e!important;color:#ffc8d3!important}.modal-content{background:#071a35!important;border:1px solid #1b416d!important;color:#d9e6f7!important}.modal-header,.modal-footer{border-color:#183a64!important}.modal-title{font-size:11px!important}.btn-close{filter:invert(1) grayscale(1)}
/* detail page cards */
body.cc-page .card[style*="min-height"]{min-height:0!important}.content-wrapper .mb-4>h6{font-size:8px!important;color:#68a4ff!important;border-color:#183b66!important}.content-wrapper img.img-fluid{border-color:#28517e!important;border-radius:7px!important}.content-wrapper small{font-size:7px!important}

/* Login */
body.login-page{overflow:hidden}.login-background{background:radial-gradient(circle at 20% 30%,rgba(43,119,255,.13),transparent 28%),radial-gradient(circle at 80% 70%,rgba(32,199,228,.1),transparent 30%)!important}.bg-shape{opacity:.18!important}.login-container{position:relative;z-index:2}.login-card{width:min(390px,92vw)!important;background:linear-gradient(145deg,rgba(10,35,69,.96),rgba(5,18,39,.97))!important;border:1px solid #204873!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important;color:#eaf2ff!important}.logo-icon{background:linear-gradient(145deg,#1d63dc,#2ba7df)!important;color:#fff!important;box-shadow:0 0 30px rgba(40,130,255,.2)!important}.brand-name,.login-welcome h3{color:#eef5ff!important}.brand-subtitle,.login-welcome p,.login-info p{color:#879dbd!important}.login-page .form-label{color:#9bb0cd!important}.modern-input{background:#0a2140!important;border-color:#27517f!important;color:#eef5ff!important}.modern-input::placeholder{color:#61789a!important}.btn-login{background:linear-gradient(90deg,#1d62da,#247bff)!important;border-radius:9px!important;box-shadow:0 10px 30px rgba(32,104,235,.25)!important}.password-toggle{color:#80a2cc!important}.login-footer{color:#5f789b!important}

@media(max-width:1350px){.cc-kpis{grid-template-columns:repeat(3,1fr)}.cc-metrics{grid-template-columns:repeat(2,1fr)}.cc-lower{grid-template-columns:minmax(0,1fr) 245px}.cc-sub-ring{width:50px;height:50px}}
@media(max-width:980px){.cc-sidebar{transform:translateX(-100%);transition:.22s}.cc-sidebar.open{transform:translateX(0)}.cc-topbar{left:0}.cc-menu-toggle{display:grid;place-items:center}.cc-content,.report-shell{margin-left:0!important}.cc-dashboard .cc-dashboard-shell{margin-left:0}.cc-lower{grid-template-columns:1fr}.cc-circle-grid{grid-template-columns:repeat(6,1fr)}.cc-subcat{order:2}.cc-bottom-insight{grid-template-columns:1fr}}
@media(max-width:700px){.cc-kpis,.cc-metrics{grid-template-columns:1fr}.cc-circle-grid{grid-template-columns:repeat(3,1fr)}.cc-date-filter{display:none}.cc-top-actions .cc-top-btn{display:none}.cc-dashboard-shell{padding:6px}.cc-recent-head{align-items:flex-start;flex-direction:column}.cc-recent-head .cc-date-filter{display:flex;width:100%}.cc-recent-head .cc-date-filter label{flex:1}.cc-recent-head .cc-date-filter input{width:100%}}
@media print{.cc-sidebar,.cc-topbar{display:none!important}.cc-content,.report-shell{margin:0!important;padding:0!important}body.cc-page{background:#fff!important;color:#000!important}.report-panel,.card{box-shadow:none!important}}

/* =========================================================
   v3.1 COMFORT READABILITY PASS
   Slightly larger type, controls and spacing across the full
   Rake Inspection UI. Visual-only overrides; no logic changes.
   ========================================================= */
@media (min-width:981px){
  .cc-sidebar{width:228px;padding:14px 13px}
  .cc-topbar{left:228px;height:64px;padding:0 17px}
  .cc-content,.report-shell{margin-left:228px!important;padding-top:82px!important;padding-left:16px!important;padding-right:16px!important}
  .cc-dashboard .cc-sidebar{width:228px}
  .cc-dashboard .cc-dashboard-shell{margin-left:228px}
}

/* Sidebar */
.cc-brand{gap:11px;padding:3px 5px 16px;margin-bottom:10px}
.cc-brand img{width:46px;height:46px}
.cc-brand strong{font-size:13px}
.cc-brand span,.cc-brand small{font-size:8.5px;line-height:1.5}
.cc-nav{gap:5px}
.cc-nav a{gap:11px;padding:10px 11px;border-radius:9px;font-size:10.8px}
.cc-nav a i{width:18px;font-size:12px}
.cc-side-label{font-size:7.5px;margin:17px 10px 7px}
.cc-quick{gap:4px}
.cc-quick a{gap:9px;padding:7px 10px;font-size:8.8px}
.cc-status{border-radius:11px;padding:11px}
.cc-status-title{font-size:7.5px}.cc-status-line{font-size:8.7px;margin-top:8px}.cc-status svg{height:36px;margin-top:4px}

/* Header / shared controls */
.cc-top-title{gap:11px}.cc-top-title h1{font-size:15.5px}.cc-top-title p{font-size:8.8px;margin-top:3px}
.cc-top-actions{gap:8px}.cc-top-btn{height:35px;padding:0 12px;border-radius:8px;font-size:8.8px}
.cc-user{gap:9px;border-radius:9px;padding:6px 10px}.cc-user-avatar{width:30px;height:30px;font-size:10.5px}.cc-user b{font-size:9.7px}.cc-user small{font-size:7.5px;margin-top:2px}

/* Dashboard sizing */
.cc-dashboard-shell{padding:9px 12px 15px}
.cc-dashboard .cc-topbar{top:6px;height:58px;border-radius:12px;padding:0 14px;margin-bottom:9px}
.cc-date-filter{gap:8px}.cc-date-filter label{font-size:7.8px}.cc-date-filter input{margin-top:3px;width:124px;height:31px;border-radius:7px;padding:0 8px;font-size:8.8px}.cc-date-filter button{height:31px;border-radius:7px;font-size:8.8px;padding:0 12px}

.cc-kpis{gap:9px}.cc-kpi{border-radius:11px;padding:10px 12px;min-height:97px}.cc-kpi-head{gap:8px}.cc-kpi-icon{width:26px;height:26px;font-size:10px}.cc-kpi small{font-size:7.7px;line-height:1.25}.cc-kpi strong{font-size:21px;margin-top:6px}.cc-kpi p{font-size:8.2px;margin:3px 0 7px}.cc-mini{font-size:7.3px}.cc-progress{height:4px;margin-top:5px}

.cc-metrics{gap:9px;margin-top:9px}.cc-panel{border-radius:11px}.cc-metric{padding:10px 11px}.cc-panel-title{font-size:8.8px;margin-bottom:8px}.cc-triple{grid-template-columns:1fr 66px 1fr}.cc-triple strong{font-size:15.5px}.cc-triple span{font-size:7.7px}.cc-ring{width:58px;height:58px}.cc-ring:before{inset:8px}.cc-ring b{font-size:12px}.cc-ring small{font-size:6px}.cc-metric-foot{font-size:7.2px;margin-top:6px}

/* Recent inspections + sub category stay compact enough for 10 rows */
.cc-lower{grid-template-columns:minmax(0,1fr) 300px;gap:9px;margin-top:9px}
.cc-recent{padding:9px 10px}.cc-recent-head{gap:12px;margin-bottom:7px}.cc-recent-head h2,.cc-subcat-head h2{font-size:9.5px}.cc-recent-head p,.cc-subcat-head p{font-size:7.2px;margin-top:3px}
.cc-table-wrap{border-radius:8px}.cc-table{min-width:800px}.cc-table th,.cc-table td{padding:5.7px 7px;font-size:8px;line-height:1.25}.cc-table th{font-size:7.4px}.cc-eye{width:27px;height:24px;border-radius:6px}
.cc-subcat{padding:9px 10px}.cc-subcat-head{margin-bottom:6px}.cc-circle-grid{gap:6px}.cc-sub-card{padding:3px 0}.cc-sub-ring{width:61px;height:61px;margin-bottom:3px}.cc-sub-ring:before{inset:6px}.cc-sub-ring b{font-size:11px}.cc-sub-ring span{font-size:5.8px}.cc-sub-card h4{font-size:7.3px;margin-bottom:3px}.cc-sub-stats{gap:7px;font-size:6.5px}.cc-sub-legend{padding-top:6px;font-size:6.7px}
.cc-recent .page-link{font-size:7.2px!important;padding:4px 7px!important}

.cc-bottom-insight{gap:9px;margin-top:9px}.cc-insight{padding:10px}.cc-insight h3{font-size:8.8px;margin-bottom:7px}.cc-rank-grid{gap:12px}.cc-rank-col h4{font-size:7.2px;margin-bottom:5px}.cc-rank-row{grid-template-columns:76px 1fr 27px;gap:6px;margin:4px 0;font-size:7px}.cc-rank-bar{height:4px}

/* Reports, summaries, user management and inspection detail */
body.cc-page .report-titlebar{margin-bottom:12px!important}.report-title{font-size:20px!important}.report-title i{font-size:18px!important}.title-pill{font-size:8.8px!important;padding:6px 9px!important;border-radius:7px!important}
.toolbar-actions{gap:8px!important}.rail-btn{min-height:35px!important;padding:6px 11px!important;font-size:8.8px!important;border-radius:7px!important}
body.cc-page .report-panel,body.cc-page .card{border-radius:11px!important}.panel-inner{padding:12px!important}.panel-heading{font-size:11px!important;margin-bottom:10px!important}.panel-heading small,.heading-meta{font-size:7.8px!important}.summary-link,.report-link{font-size:8.8px!important}.report-card-header{padding:10px 11px!important}.filter-badge{font-size:7.8px!important;padding:5px 8px!important}.filter-grid{gap:9px!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important}.filter-actions{gap:8px!important}.form-label{font-size:8.8px!important;margin-bottom:5px!important}.form-control,.form-select{min-height:35px!important;height:35px!important;border-radius:7px!important;font-size:8.9px!important;padding:5px 9px!important}
.report-table th,.report-table td{padding:7.5px 8px!important;font-size:8.3px!important}.report-table th,.report-table .group-head,.report-table .sub-head th{font-size:7.8px!important}.summary-table tfoot td,.total-row td{font-size:8.8px!important}.avatar{width:22px!important;height:22px!important;font-size:8.8px!important;margin-right:6px!important}.status-badge{min-width:64px!important;min-height:23px!important;font-size:7.2px!important;border-radius:7px!important}.eye-btn{width:30px!important;height:27px!important;border-radius:7px!important}.legend,.note{font-size:7.8px!important}.table-footer-tools{gap:9px!important}.mini-total-title,.mini-total-grid{font-size:7.8px!important}
.content-wrapper>.d-flex.border-bottom{margin-bottom:12px!important}.content-wrapper h1.h2{font-size:19px!important}.content-wrapper h1.h2 .badge{font-size:7.8px!important}.card-header{padding:10px 12px!important}.card-header h5{font-size:10px!important}.card-body{padding:12px!important}.table th,.table td{padding:7.5px 9px!important;font-size:8.8px!important}.btn{font-size:8.8px!important;border-radius:7px!important;padding:6px 10px!important}.alert{font-size:8.8px!important}.modal-title{font-size:12px!important}.content-wrapper .mb-4>h6{font-size:8.8px!important}.content-wrapper img.img-fluid{border-radius:8px!important}.content-wrapper small{font-size:7.8px!important}

/* Login */
.login-card{width:min(420px,92vw)!important;padding-top:3px!important;border-radius:20px!important}.login-page .form-label{font-size:9.2px!important}.modern-input{min-height:42px!important;font-size:10px!important}.btn-login{min-height:42px!important;border-radius:10px!important}.brand-subtitle,.login-welcome p,.login-info p{font-size:9px!important;line-height:1.55}.login-footer{font-size:8px!important}

@media(max-width:1350px) and (min-width:981px){
  .cc-lower{grid-template-columns:minmax(0,1fr) 270px}
  .cc-sub-ring{width:56px;height:56px}
}
@media(max-width:980px){
  .cc-topbar{height:62px;padding:0 14px}
  .cc-content,.report-shell{padding-top:78px!important;padding-left:12px!important;padding-right:12px!important}
  .cc-dashboard-shell{padding:8px}
  .cc-dashboard .cc-topbar{height:56px}
  .cc-circle-grid{gap:7px}
}
@media(max-width:700px){
  .cc-nav a{font-size:10.5px;padding:10px}
  .cc-kpi{min-height:94px}.cc-metric{padding:10px}
  .cc-table th,.cc-table td{padding:6px 7px;font-size:8px}
  .cc-sub-ring{width:58px;height:58px}
}

/* =========================================================
   v3.2 TYPOGRAPHY READABILITY PASS
   Slight font-size increase across active application pages.
   Layout dimensions and application logic remain unchanged.
   ========================================================= */

/* Sidebar typography */
.cc-brand strong{font-size:14px}
.cc-brand span,.cc-brand small{font-size:9.5px}
.cc-nav a{font-size:11.6px}
.cc-nav a i{font-size:12.5px}
.cc-side-label{font-size:8.4px}
.cc-quick a{font-size:9.6px}
.cc-status-title{font-size:8.4px}
.cc-status-line{font-size:9.5px}

/* Header / navigation controls */
.cc-top-title h1{font-size:16.5px}
.cc-top-title p{font-size:9.7px}
.cc-top-btn{font-size:9.6px}
.cc-user-avatar{font-size:11px}
.cc-user b{font-size:10.5px}
.cc-user small{font-size:8.4px}

/* Dashboard filters and KPI cards */
.cc-date-filter label{font-size:8.6px}
.cc-date-filter input,.cc-date-filter button{font-size:9.6px}
.cc-kpi small{font-size:8.4px}
.cc-kpi strong{font-size:22px}
.cc-kpi p{font-size:9px}
.cc-mini{font-size:8.1px}

/* Dashboard inspection summary cards */
.cc-panel-title{font-size:9.7px}
.cc-triple strong{font-size:16.5px}
.cc-triple span{font-size:8.5px}
.cc-ring b{font-size:12.8px}
.cc-ring small{font-size:6.8px}
.cc-metric-foot{font-size:8px}

/* Recent inspections and sub-category report */
.cc-recent-head h2,.cc-subcat-head h2{font-size:10.5px}
.cc-recent-head p,.cc-subcat-head p{font-size:8px}
.cc-table th,.cc-table td{font-size:8.8px}
.cc-table th{font-size:8.2px}
.cc-sub-ring b{font-size:12px}
.cc-sub-ring span{font-size:6.6px}
.cc-sub-card h4{font-size:8.2px}
.cc-sub-stats{font-size:7.4px}
.cc-sub-legend{font-size:7.6px}
.cc-recent .page-link{font-size:8px!important}

/* Dashboard insight panels */
.cc-insight h3{font-size:9.7px}
.cc-rank-col h4{font-size:8.1px}
.cc-rank-row{font-size:7.9px}

/* Reports / user summaries / report filters */
.report-title{font-size:21px!important}
.title-pill{font-size:9.7px!important}
.rail-btn{font-size:9.7px!important}
.panel-heading{font-size:12px!important}
.panel-heading small,.heading-meta{font-size:8.7px!important}
.summary-link,.report-link{font-size:9.7px!important}
.filter-badge{font-size:8.7px!important}
.form-label{font-size:9.7px!important}
.form-control,.form-select{font-size:9.8px!important}
.report-table th,.report-table td{font-size:9.2px!important}
.report-table th,.report-table .group-head,.report-table .sub-head th{font-size:8.7px!important}
.summary-table tfoot td,.total-row td{font-size:9.7px!important}
.avatar{font-size:9.5px!important}
.status-badge{font-size:8.2px!important}
.legend,.note{font-size:8.7px!important}
.mini-total-title,.mini-total-grid{font-size:8.7px!important}

/* Shared cards, tables, buttons, alerts and inspection detail */
.content-wrapper h1.h2{font-size:20px!important}
.content-wrapper h1.h2 .badge{font-size:8.7px!important}
.card-header h5{font-size:11px!important}
.table th,.table td{font-size:9.6px!important}
.btn{font-size:9.7px!important}
.alert{font-size:9.7px!important}
.modal-title{font-size:13px!important}
.content-wrapper .mb-4>h6{font-size:9.7px!important}
.content-wrapper small{font-size:8.7px!important}

/* Login page */
.login-page .form-label{font-size:10.2px!important}
.modern-input{font-size:11px!important}
.brand-subtitle,.login-welcome p,.login-info p{font-size:10px!important}
.login-footer{font-size:9px!important}

/* Keep mobile comfortably readable without making cards bulky */
@media(max-width:700px){
  .cc-nav a{font-size:11.4px}
  .cc-table th,.cc-table td{font-size:8.8px}
  .report-table th,.report-table td{font-size:9px!important}
  .table th,.table td{font-size:9.4px!important}
}

/* =========================================================
   v3.3 NORMAL COMFORTABLE TYPOGRAPHY
   Readability-first sizing across all active pages while
   retaining the compact command-center layout.
   ========================================================= */

body.cc-page,
body.cc-dashboard,
body.login-page{
  font-size:14px;
  line-height:1.4;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Sidebar */
.cc-brand strong{font-size:15px;line-height:1.25}
.cc-brand span,.cc-brand small{font-size:11px;line-height:1.45}
.cc-nav a{font-size:13px;line-height:1.25;padding-top:10px;padding-bottom:10px}
.cc-nav a i{font-size:14px}
.cc-side-label{font-size:10px}
.cc-quick a{font-size:11.5px;line-height:1.3}
.cc-status-title{font-size:10px}
.cc-status-line{font-size:11px}

/* Header */
.cc-top-title h1{font-size:18px;line-height:1.2}
.cc-top-title p{font-size:11.5px;line-height:1.35}
.cc-top-btn{font-size:11.5px;min-height:36px}
.cc-user-avatar{font-size:12px}
.cc-user b{font-size:12px}
.cc-user small{font-size:10px}

/* Dashboard date controls */
.cc-date-filter label{font-size:10.5px}
.cc-date-filter input,.cc-date-filter button{font-size:11.5px;height:33px}

/* KPI cards */
.cc-kpi small{font-size:10.5px;line-height:1.25}
.cc-kpi strong{font-size:24px;line-height:1.05}
.cc-kpi p{font-size:11px;line-height:1.3}
.cc-mini{font-size:10px;line-height:1.3}
.cc-kpi-icon{font-size:11.5px}

/* Inspection summary cards */
.cc-panel-title{font-size:11.5px;line-height:1.3}
.cc-triple strong{font-size:18px}
.cc-triple span{font-size:10px}
.cc-ring b{font-size:14px}
.cc-ring small{font-size:8px}
.cc-metric-foot{font-size:9.5px;line-height:1.3}

/* Recent inspections */
.cc-recent-head h2,.cc-subcat-head h2{font-size:12.5px;line-height:1.25}
.cc-recent-head p,.cc-subcat-head p{font-size:10px;line-height:1.3}
.cc-table th,.cc-table td{font-size:11.2px;line-height:1.3;padding:6px 8px}
.cc-table th{font-size:10.2px}
.cc-eye{font-size:11px}
.cc-recent .page-link{font-size:10.5px!important;padding:5px 8px!important}

/* Sub-category circular report */
.cc-sub-ring b{font-size:13.5px}
.cc-sub-ring span{font-size:8px}
.cc-sub-card h4{font-size:10px;line-height:1.25}
.cc-sub-stats{font-size:9px;line-height:1.25}
.cc-sub-legend{font-size:9px;line-height:1.3}
.cc-sub-empty{font-size:11px}

/* Insight/ranking panels */
.cc-insight h3{font-size:11.5px}
.cc-rank-col h4{font-size:10px}
.cc-rank-row{font-size:9.5px;line-height:1.3}

/* Report pages / user-wise summary */
.report-title{font-size:23px!important;line-height:1.2!important}
.report-title i{font-size:20px!important}
.title-pill{font-size:11px!important}
.rail-btn{font-size:11.5px!important;min-height:37px!important}
.panel-heading{font-size:14px!important;line-height:1.3!important}
.panel-heading small,.heading-meta{font-size:10.5px!important}
.summary-link,.report-link{font-size:11.5px!important}
.filter-badge{font-size:10.5px!important}
.form-label{font-size:11.5px!important;line-height:1.3!important}
.form-control,.form-select{font-size:12px!important;min-height:38px!important;height:38px!important;line-height:1.3!important}
.report-table th,.report-table td{font-size:11.5px!important;line-height:1.35!important;padding:8px 9px!important}
.report-table th,.report-table .group-head,.report-table .sub-head th{font-size:10.5px!important}
.summary-table tfoot td,.total-row td{font-size:11.5px!important}
.avatar{font-size:10.5px!important}
.status-badge{font-size:10px!important;min-height:25px!important}
.legend,.note{font-size:10.5px!important;line-height:1.45!important}
.mini-total-title,.mini-total-grid{font-size:10.5px!important}

/* User management / inspection details / shared Bootstrap components */
.content-wrapper h1.h2{font-size:22px!important;line-height:1.2!important}
.content-wrapper h1.h2 .badge{font-size:10.5px!important}
.card-header h5{font-size:13.5px!important;line-height:1.3!important}
.table th,.table td{font-size:11.5px!important;line-height:1.35!important;padding:8px 9px!important}
.btn{font-size:11.5px!important;line-height:1.3!important;padding:7px 11px!important}
.alert{font-size:11.5px!important;line-height:1.45!important}
.modal-title{font-size:15px!important}
.content-wrapper .mb-4>h6{font-size:11.5px!important}
.content-wrapper small{font-size:10.5px!important;line-height:1.4!important}
.badge{font-size:10px}
.dropdown-menu,.dropdown-item{font-size:12px}
.pagination,.page-link{font-size:11px}

/* Login */
.login-page .form-label{font-size:12.5px!important}
.modern-input{font-size:13px!important;min-height:44px!important}
.btn-login{font-size:13px!important;min-height:44px!important}
.brand-subtitle,.login-welcome p,.login-info p{font-size:12px!important;line-height:1.55!important}
.login-footer{font-size:10.5px!important}

/* Comfortable responsive typography without oversized mobile UI */
@media(max-width:980px){
  .cc-nav a{font-size:13px}
  .cc-top-title h1{font-size:17px}
  .cc-table th,.cc-table td{font-size:11px}
  .report-table th,.report-table td{font-size:11.2px!important}
  .table th,.table td{font-size:11.2px!important}
}

@media(max-width:700px){
  body.cc-page,body.cc-dashboard,body.login-page{font-size:13px}
  .cc-nav a{font-size:12.5px}
  .cc-kpi small{font-size:10px}
  .cc-kpi p{font-size:10.5px}
  .cc-table th,.cc-table td{font-size:10.8px;padding:6px 7px}
  .report-table th,.report-table td{font-size:11px!important}
  .table th,.table td{font-size:11px!important}
  .form-control,.form-select{font-size:12px!important}
}

/* =========================================================
   v3.4 LIGHT THEME
   Optional clean light interface. Dark remains the default.
   Theme preference is handled only in command-center.js and
   stored in localStorage; application/business logic is intact.
   ========================================================= */
html[data-theme="light"]{
  color-scheme:light;
  --cc-bg:#eef4fb;
  --cc-bg2:#f7faff;
  --cc-panel:#ffffff;
  --cc-panel2:#f5f8fd;
  --cc-line:#d9e4f1;
  --cc-line2:#c7d7ea;
  --cc-text:#14233b;
  --cc-muted:#687d9b;
  --cc-shadow:0 12px 32px rgba(32,67,110,.08);
}

/* Theme switch */
.cc-theme-toggle{cursor:pointer;white-space:nowrap}
.cc-theme-toggle i{width:14px;text-align:center}
.cc-theme-login{
  position:fixed;right:22px;top:20px;z-index:50;min-height:38px;padding:0 13px;
  display:inline-flex;align-items:center;gap:8px;border-radius:9px;border:1px solid #315985;
  background:rgba(7,28,57,.88);color:#dbe9fb;font:700 12px/1 'Inter','Roboto',Arial,sans-serif;
  box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(12px)
}
.cc-theme-login:hover{background:#0e315e;color:#fff}

/* Page canvas */
html[data-theme="light"] body.cc-page,
html[data-theme="light"] body.cc-dashboard,
html[data-theme="light"] body.login-page{
  background:linear-gradient(145deg,#edf4fb 0%,#f8fbff 44%,#eef5fd 100%)!important;
  color:#14233b!important;
}

/* Sidebar */
html[data-theme="light"] .cc-sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#f7faff 58%,#eef5fc 100%);
  border-right-color:#d8e4f1;box-shadow:10px 0 35px rgba(48,79,117,.06)
}
html[data-theme="light"] .cc-brand{border-bottom-color:#dce7f2}
html[data-theme="light"] .cc-brand img{border-color:#d7e4f2}
html[data-theme="light"] .cc-brand strong{color:#17365f}
html[data-theme="light"] .cc-brand span{color:#6c819d}
html[data-theme="light"] .cc-brand small{color:#1d67d8}
html[data-theme="light"] .cc-nav a{color:#5d718e}
html[data-theme="light"] .cc-nav a:hover{background:#edf4ff;color:#174d93;border-color:#d4e4f7}
html[data-theme="light"] .cc-nav a.active{color:#fff;background:linear-gradient(90deg,#155dd9,#2a7aff);border-color:#317cec;box-shadow:0 8px 22px rgba(34,111,225,.18)}
html[data-theme="light"] .cc-side-label{color:#8b9cb2}
html[data-theme="light"] .cc-quick a{color:#6a7f9a}
html[data-theme="light"] .cc-quick a:hover{background:#edf4ff;color:#174d93}
html[data-theme="light"] .cc-status{background:#f6fbff;border-color:#d4e4f2}
html[data-theme="light"] .cc-status-title{color:#7187a3}
html[data-theme="light"] .cc-status-line{color:#12935b}

/* Header */
html[data-theme="light"] .cc-topbar,
html[data-theme="light"] .cc-dashboard .cc-topbar{
  background:rgba(255,255,255,.92);border-color:#d7e3ef;box-shadow:0 8px 25px rgba(42,75,113,.07)
}
html[data-theme="light"] .cc-top-title h1{color:#17365f}
html[data-theme="light"] .cc-top-title p{color:#71849e}
html[data-theme="light"] .cc-menu-toggle{background:#f2f7fd;border-color:#cbdbea;color:#24548d}
html[data-theme="light"] .cc-top-btn{background:#f6f9fd;border-color:#ccdced;color:#315b8d}
html[data-theme="light"] .cc-top-btn:hover{background:#eaf2fc;color:#174d93}
html[data-theme="light"] .cc-user{background:#f7faff;border-color:#d0deec;color:#17365f}
html[data-theme="light"] .cc-user small{color:#7287a1}
html[data-theme="light"] .cc-theme-login{background:rgba(255,255,255,.94);border-color:#ccdbea;color:#315b8d;box-shadow:0 8px 25px rgba(42,75,113,.10)}
html[data-theme="light"] .cc-theme-login:hover{background:#edf4fd;color:#174d93}

/* Dashboard controls */
html[data-theme="light"] .cc-date-filter label{color:#617895}
html[data-theme="light"] .cc-date-filter input{color-scheme:light;background:#fff;border-color:#cbdbea;color:#263d5d}
html[data-theme="light"] .cc-date-filter button{box-shadow:0 5px 14px rgba(29,101,222,.16)}

/* Dashboard cards */
html[data-theme="light"] .cc-kpi{
  background:linear-gradient(145deg,#ffffff,#f6f9fd);border-color:#d9e4f0;box-shadow:0 8px 24px rgba(45,76,115,.055)
}
html[data-theme="light"] .cc-kpi-head{color:#60758f}
html[data-theme="light"] .cc-kpi-icon{background:#eaf1fa}
html[data-theme="light"] .cc-kpi p{color:#60748e}
html[data-theme="light"] .cc-mini{color:#7b8da5}
html[data-theme="light"] .cc-mini-value{color:#18395f}
html[data-theme="light"] .cc-progress{background:#e5edf6}
html[data-theme="light"] .cc-panel{background:linear-gradient(145deg,#ffffff,#f8fbfe);border-color:#d9e4f0;box-shadow:var(--cc-shadow)}
html[data-theme="light"] .cc-panel-title,
html[data-theme="light"] .cc-recent-head h2,
html[data-theme="light"] .cc-subcat-head h2,
html[data-theme="light"] .cc-insight h3{color:#17365f}
html[data-theme="light"] .cc-triple strong{color:#183658}
html[data-theme="light"] .cc-triple span,
html[data-theme="light"] .cc-metric-foot,
html[data-theme="light"] .cc-recent-head p,
html[data-theme="light"] .cc-subcat-head p{color:#71849e}
html[data-theme="light"] .cc-ring{background:conic-gradient(var(--ring) calc(var(--pct)*1%),#e4ecf5 0)}
html[data-theme="light"] .cc-ring:before{background:#fff}
html[data-theme="light"] .cc-ring b{color:#1c3557}
html[data-theme="light"] .cc-ring small{color:#7488a2}

/* Recent inspections */
html[data-theme="light"] .cc-table-wrap{border-color:#dbe5ef;background:#fff}
html[data-theme="light"] .cc-table th,
html[data-theme="light"] .cc-table td{border-bottom-color:#e2eaf3;color:#31465f}
html[data-theme="light"] .cc-table th{background:#f2f6fb;color:#60758f}
html[data-theme="light"] .cc-table tbody tr:hover td{background:#f4f8fd}
html[data-theme="light"] .cc-eye{background:#eef5ff;border-color:#c9daf0;color:#246ac8}
html[data-theme="light"] .cc-eye:hover{background:#dfeeff;color:#1455aa}
html[data-theme="light"] .cc-recent .page-link{background:#fff!important;border-color:#d2deec!important;color:#55708f!important}
html[data-theme="light"] .cc-recent .active>.page-link{background:#2169df!important;color:#fff!important;border-color:#2169df!important}
html[data-theme="light"] .cc-recent .dataTables_info{color:#71849e!important}

/* Sub category circles */
html[data-theme="light"] .cc-sub-ring{background:conic-gradient(var(--ring) calc(var(--pct)*1%),#e4edf6 0)}
html[data-theme="light"] .cc-sub-ring:before{background:linear-gradient(145deg,#fff,#f4f8fc)}
html[data-theme="light"] .cc-sub-ring b{color:#18395f}
html[data-theme="light"] .cc-sub-ring span{color:#778ba4}
html[data-theme="light"] .cc-sub-card h4{color:#29415f}
html[data-theme="light"] .cc-sub-stats .done{color:#11945b}
html[data-theme="light"] .cc-sub-stats .pending{color:#d74458}
html[data-theme="light"] .cc-sub-empty,
html[data-theme="light"] .cc-sub-legend{color:#778ba3}
html[data-theme="light"] .cc-sub-legend{border-top-color:#e0e8f1}

/* Ranking / insights */
html[data-theme="light"] .cc-rank-col h4{color:#70849e}
html[data-theme="light"] .cc-rank-row span{color:#4e6685}
html[data-theme="light"] .cc-rank-row em{color:#1e3858}
html[data-theme="light"] .cc-rank-bar{background:#e3ebf4}

/* Reports, summary, users and detail pages */
html[data-theme="light"] body.cc-page .report-shell{background:transparent!important;color:#14233b!important}
html[data-theme="light"] .report-title{color:#17365f!important}
html[data-theme="light"] .rail-btn{background:#fff!important;border-color:#cbd9e8!important;color:#315b8d!important;box-shadow:0 3px 10px rgba(42,75,113,.05)!important}
html[data-theme="light"] .rail-btn:hover{background:#edf4fd!important;color:#174d93!important}
html[data-theme="light"] .rail-btn-primary{background:#1d65df!important;border-color:#1d65df!important;color:#fff!important}
html[data-theme="light"] .rail-btn-success{color:#147746!important}
html[data-theme="light"] body.cc-page .report-panel,
html[data-theme="light"] body.cc-page .card{background:#fff!important;border-color:#dbe5ef!important;color:#243852!important;box-shadow:0 8px 26px rgba(47,77,113,.065)!important}
html[data-theme="light"] .panel-heading{color:#17477f!important}
html[data-theme="light"] .panel-heading small,
html[data-theme="light"] .heading-meta{color:#7187a2!important}
html[data-theme="light"] .summary-link,
html[data-theme="light"] .report-link{color:#1d67cf!important}
html[data-theme="light"] .form-label{color:#344d6a!important}
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select{background:#fff!important;border-color:#cfdceb!important;color:#213a59!important;color-scheme:light!important}
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus{border-color:#4d8fe9!important;box-shadow:0 0 0 3px rgba(45,116,217,.10)!important}
html[data-theme="light"] .form-control::placeholder{color:#94a4b7!important}
html[data-theme="light"] .form-select option{background:#fff;color:#213a59}
html[data-theme="light"] .report-table th,
html[data-theme="light"] .report-table td{border-color:#dce5ef!important;color:#263b55!important;background:#fff!important}
html[data-theme="light"] .report-table th,
html[data-theme="light"] .report-table .group-head,
html[data-theme="light"] .report-table .sub-head th{background:#f2f6fb!important;color:#34506f!important}
html[data-theme="light"] .report-table tbody tr:nth-child(even) td{background:#fbfdff!important}
html[data-theme="light"] .summary-table tfoot td,
html[data-theme="light"] .total-row td{background:#edf4fc!important;color:#185cae!important}
html[data-theme="light"] .mini-total{background:#f5f8fc!important;border-color:#d9e4ef!important;color:#334b68!important}
html[data-theme="light"] .legend,
html[data-theme="light"] .note{color:#6c819b!important}
html[data-theme="light"] .legend strong,
html[data-theme="light"] .note strong{color:#334c68!important}
html[data-theme="light"] .eye-btn{background:#eef5ff!important;border-color:#c9daf0!important;color:#246ac8!important}

/* Bootstrap-based user management and detail pages */
html[data-theme="light"] body.cc-page .content-wrapper{color:#243852!important}
html[data-theme="light"] .content-wrapper>.d-flex.border-bottom{border-color:#dce5ef!important}
html[data-theme="light"] .content-wrapper h1.h2{color:#17365f!important}
html[data-theme="light"] .card-header{background:#f2f6fb!important;border-bottom-color:#dbe5ef!important;color:#254462!important}
html[data-theme="light"] .card-body{color:#314860!important}
html[data-theme="light"] .table{
  --bs-table-bg:transparent!important;--bs-table-color:#314860!important;
  --bs-table-hover-bg:#f2f7fc!important;--bs-table-hover-color:#1c3552!important
}
html[data-theme="light"] .table th,
html[data-theme="light"] .table td{border-color:#dce5ef!important;color:#314860!important}
html[data-theme="light"] .table thead th,
html[data-theme="light"] .table-light th{background:#f2f6fb!important;color:#405b78!important;border-color:#dce5ef!important}
html[data-theme="light"] .text-muted{color:#72849a!important}
html[data-theme="light"] .btn-outline-primary{border-color:#7ca8dd!important;color:#2366b5!important}
html[data-theme="light"] .btn-outline-success{border-color:#71b493!important;color:#197347!important}
html[data-theme="light"] .btn-outline-danger{border-color:#d999a4!important;color:#b63f51!important}
html[data-theme="light"] .btn-secondary{background:#6d7f94!important;border-color:#6d7f94!important}
html[data-theme="light"] .alert{background:#fff1f3!important;border-color:#f2c7ce!important;color:#9c3040!important}
html[data-theme="light"] .modal-content{background:#fff!important;border-color:#d7e2ee!important;color:#263d59!important;box-shadow:0 18px 55px rgba(40,66,98,.18)!important}
html[data-theme="light"] .modal-header,
html[data-theme="light"] .modal-footer{border-color:#dce5ef!important}
html[data-theme="light"] .btn-close{filter:none}
html[data-theme="light"] .content-wrapper .mb-4>h6{color:#2769b9!important;border-color:#d7e3ef!important}
html[data-theme="light"] .content-wrapper img.img-fluid{border-color:#d3dfeb!important}

/* Login light variant */
html[data-theme="light"] body.login-page{
  background:linear-gradient(135deg,#eaf3ff 0%,#f7fbff 48%,#eaf6f8 100%)!important
}
html[data-theme="light"] .login-background{
  background:radial-gradient(circle at 18% 25%,rgba(49,118,216,.12),transparent 30%),radial-gradient(circle at 82% 72%,rgba(25,181,188,.10),transparent 31%)!important
}
html[data-theme="light"] .bg-shape{background:rgba(62,123,202,.10)!important;opacity:.45!important}
html[data-theme="light"] .login-card{
  background:rgba(255,255,255,.96)!important;border-color:#d6e2ee!important;
  box-shadow:0 28px 75px rgba(46,79,118,.16)!important;color:#203b5d!important
}
html[data-theme="light"] .brand-name,
html[data-theme="light"] .login-welcome h3{color:#1c3a5e!important}
html[data-theme="light"] .brand-subtitle,
html[data-theme="light"] .login-welcome p,
html[data-theme="light"] .login-info p{color:#6c8098!important}
html[data-theme="light"] .login-page .form-label{color:#354e6c!important}
html[data-theme="light"] .modern-input{background:#f8fbff!important;border-color:#cfdae7!important;color:#203a59!important}
html[data-theme="light"] .modern-input:focus{background:#fff!important;border-color:#4c8fdf!important}
html[data-theme="light"] .modern-input::placeholder{color:#94a4b6!important}
html[data-theme="light"] .password-toggle{color:#68809e!important}
html[data-theme="light"] .login-footer{color:#667d98!important}

/* Small screens keep the switch available without crowding the header */
@media(max-width:700px){
  .cc-top-actions .cc-theme-toggle{display:inline-flex!important;width:38px;padding:0!important;justify-content:center}
  .cc-top-actions .cc-theme-toggle span{display:none}
  .cc-theme-login{right:12px;top:12px;min-height:36px;padding:0 10px}
  .cc-theme-login span{display:none}
}

/* Expanded sub-category cards */
.cc-subcat{
  max-height:calc(100vh - 150px);
  min-height:0;
  overflow:hidden;
}
.cc-circle-grid{
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  align-items:start;
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding-right:6px;
  scrollbar-width:thin;
  scrollbar-color:#2c5f97 #0b2140;
}
.cc-circle-grid::-webkit-scrollbar{
  width:8px;
}
.cc-circle-grid::-webkit-scrollbar-track{
  background:#0b2140;
  border-radius:999px;
}
.cc-circle-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#2f6db1,#1e4f84);
  border-radius:999px;
}
.cc-circle-grid::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#3a7dca,#285e99);
}
.cc-sub-card{
  padding:8px 6px 10px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(11,33,63,.46),rgba(6,20,40,.22));
}
.cc-sub-meta{
  font-size:8px;
  line-height:1.25;
  color:var(--cc-muted);
  margin:0 0 6px;
}
.cc-sub-stats{
  flex-wrap:wrap;
  row-gap:4px;
}
.cc-sub-stats span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.cc-sub-stats .progressing{
  color:#ffb347;
}
.cc-dot.progressing{
  background:#ffb347;
}
html[data-theme="light"] .cc-sub-meta{
  color:#70859f;
}
html[data-theme="light"] .cc-sub-stats .progressing{
  color:#bf7a11;
}
html[data-theme="light"] .cc-circle-grid{
  scrollbar-color:#9eb7d2 #edf3f8;
}
html[data-theme="light"] .cc-circle-grid::-webkit-scrollbar-track{
  background:#edf3f8;
}
html[data-theme="light"] .cc-circle-grid::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#99b4d1,#7d9fbe);
}
@media(max-width:700px){
  .cc-subcat{
    max-height:calc(100vh - 210px);
  }
  .cc-circle-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow-y:auto;
    padding-right:4px;
  }
}