/* IKI MEETHAQ — CANONICAL DESIGN SYSTEM v26.10 — ALL HTML PAGES */
/* Page-specific exceptions are loaded after this file. No legacy styles imported. */
:root{color-scheme:light;--iki-navy:#142944;--iki-navy-deep:#0c1b30;--iki-blue:#355fe4;--iki-blue-soft:#edf3ff;--iki-bg:#f1f5fa;--iki-surface:#fff;--iki-text:#1a304c;--iki-muted:#667994;--iki-border:#dce5f0;--iki-radius:10px;--iki-shadow:0 4px 20px rgba(16,37,69,.08);--iki-space:14px;--iki-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{font-family:var(--iki-font);scroll-behavior:smooth}
body{margin:0;background:var(--iki-bg);color:var(--iki-text);font:14px/1.5 var(--iki-font);min-height:100vh}
h1,h2,h3,h4,h5,h6{color:inherit;line-height:1.25;margin:0 0 .65em;font-weight:750}
h1{font-size:clamp(22px,2.3vw,32px)}h2{font-size:clamp(18px,1.9vw,25px)}h3{font-size:17px}
p{margin:0 0 1em}a{color:var(--iki-blue);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
button,.btn,[role="button"],input[type="submit"],input[type="button"]{border-radius:7px;transition:background-color .16s,border-color .16s,box-shadow .16s}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--iki-blue);outline-offset:2px}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{max-width:100%;min-height:36px;border:1px solid var(--iki-border);border-radius:7px;padding:8px 10px;background:var(--iki-surface);color:var(--iki-text)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--iki-blue)}
label{font-weight:600}fieldset{border:1px solid var(--iki-border);border-radius:var(--iki-radius)}
img,svg,video,canvas{max-width:100%}img{height:auto}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;color:inherit}
th,td{padding:11px 13px;border-bottom:1px solid var(--iki-border);text-align:left;vertical-align:middle}
thead th{background:#eaf0f8;color:#435b7a;font-size:11px;text-transform:uppercase;letter-spacing:.035em;font-weight:750}
tbody tr:hover{background:rgba(63,103,194,.045)}
body :is(.card,.panel,.kpi-card,.stat-card,.table-card,.chart-card,.exec-panel,.exec-kpi,.filters-shell,.site-card,.widget,.section-card){background:var(--iki-surface);border:1px solid var(--iki-border);border-radius:var(--iki-radius);box-shadow:var(--iki-shadow)}
body :is(.card,.panel,.kpi-card,.stat-card,.chart-card,.exec-panel,.exec-kpi,.filters-shell,.site-card,.widget,.section-card){padding:var(--iki-space)}
body :is(.kpi-grid,.stats-grid,.cards-grid,.exec-kpi-grid,.site-card-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--iki-space)}
body :is(.sidebar,.app-sidebar,.side-nav){background:var(--iki-navy-deep);color:#edf4ff}
body :is(.sidebar,.app-sidebar,.side-nav) a{color:#e8efff}
body :is(.topbar,.app-header,.dashboard-topbar,.header-bar){background:var(--iki-navy);color:#fff}
body :is(.topbar,.app-header,.dashboard-topbar,.header-bar) a{color:#fff}
body :is(.hero,.exec-hero,.dashboard-hero,.page-hero){background:linear-gradient(112deg,#122744,#234c78);color:#fff;border-radius:var(--iki-radius);padding:22px}
body :is(.hero,.exec-hero,.dashboard-hero,.page-hero) :is(h1,h2,h3){color:#fff}
body :is(.main,.main-content,.dashboard-main,.committee-v60-main,.sites-shell){min-width:0}
body :is(.table-wrapper,.table-wrap,.table-responsive,.table-container){max-width:100%;overflow-x:auto}
body :is(.badge,.status,.chip,.pill){display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px}
body :is(.btn-primary,.primary-button,button.primary){background:var(--iki-blue);color:white;border:1px solid var(--iki-blue)}
body :is(.btn-secondary,.secondary-button){background:var(--iki-blue-soft);color:var(--iki-navy);border:1px solid var(--iki-border)}
body :is(.modal,.dialog,.popover,.dropdown-menu){background:var(--iki-surface);color:var(--iki-text);border:1px solid var(--iki-border);border-radius:var(--iki-radius);box-shadow:0 18px 55px rgba(8,24,48,.2)}
body.iki-standardized #iki-universal-nav{position:sticky!important;top:0!important;z-index:10000!important;background:var(--iki-navy)!important;color:white!important;min-height:54px!important;display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(140px,2fr) minmax(110px,1fr)!important;align-items:center!important;gap:10px!important;padding:7px 15px!important;box-shadow:0 4px 15px #071c3425!important}
body.iki-standardized #iki-universal-nav .iki-nav-title{font-size:15px!important;font-weight:750!important;color:white!important;text-align:center!important;justify-self:center!important}
body.iki-standardized #iki-universal-nav .iki-nav-actions{justify-self:end!important;display:flex!important;gap:7px!important;align-items:center!important}
body.iki-standardized #iki-universal-nav button{background:#254467!important;color:white!important;border:1px solid #4b6282!important;border-radius:6px!important;padding:7px 11px!important;white-space:nowrap!important}
body.iki-standardized #iki-universal-nav button:hover{background:#345b8b!important}
body.iki-standardized .iki-table-top-scroll{height:15px;overflow-x:auto;overflow-y:hidden;max-width:100%}
body.iki-standardized .iki-table-top-scroll>div{height:1px}
body.iki-standardized .iki-column-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.iki-standardized .iki-resize-handle{cursor:col-resize}
@media(max-width:800px){body.iki-standardized #iki-universal-nav{grid-template-columns:auto minmax(0,1fr) auto!important;padding:5px!important}body.iki-standardized #iki-universal-nav .iki-nav-title{font-size:12px!important}body :is(.hero,.exec-hero,.dashboard-hero,.page-hero){padding:14px}th,td{padding:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* IKI NAVY TARGET — canonical UI v27; shared across every module */
:root{color-scheme:dark;--iki-navy:#061c36;--iki-navy-deep:#04142a;--iki-blue:#477cff;--iki-blue-soft:#13385b;--iki-bg:#061b34;--iki-surface:#092442;--iki-text:#eaf3ff;--iki-muted:#9db5d4;--iki-border:#254568;--iki-shadow:0 5px 18px #020d1c40;--iki-radius:9px}
html,body{background:#061b34!important;color:#eaf3ff!important}
body{font-family:Inter,system-ui,"Segoe UI",Arial,sans-serif}
body :is(h1,h2,h3,h4,h5,h6){color:#f4f8ff}
body :is(a){color:#8dbbff}
body :is(.card,.panel,.kpi-card,.stat-card,.table-card,.chart-card,.exec-panel,.exec-kpi,.filters-shell,.site-card,.widget,.section-card){background:#092442!important;color:#eaf3ff!important;border:1px solid #254568!important;border-radius:9px!important;box-shadow:0 3px 14px #020e2140!important}
body :is(.hero,.exec-hero,.dashboard-hero,.page-hero){background:linear-gradient(115deg,#09213e,#12375e)!important;color:white!important;border:1px solid #315477!important}
body :is(.sidebar,.app-sidebar,.side-nav){background:#04152d!important;color:#eaf3ff!important}
body :is(.topbar,.app-header,.dashboard-topbar,.header-bar){background:#06172f!important;color:#fff!important}
body :is(.sidebar,.app-sidebar,.side-nav) :is(a,button){color:#d7e8ff}
body :is(.sidebar,.app-sidebar,.side-nav) :is(a:hover,button:hover,.active,[aria-current="page"]){background:#244783;color:#fff;border-radius:7px}
body :is(.btn-primary,.primary-button,button.primary){background:#3869ed!important;border-color:#5684ff!important;color:#fff!important}
body :is(button,.btn,[role="button"]){border:1px solid #365577;border-radius:7px;background:#102c4e;color:#eaf3ff;padding:7px 12px}
body :is(button:hover,.btn:hover,[role="button"]:hover){background:#1b4571}
body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:#0b2645!important;color:#edf6ff!important;border:1px solid #355675!important;border-radius:7px}
body :is(input,select,textarea)::placeholder{color:#9cb1ce}
body :is(.badge,.chip,.status,.pill){background:#173d5f;color:#cfe6ff}
body :is(.table-wrapper,.table-wrap,.table-responsive,.table-container,.iki-table-body-scroll){background:#092442;color:#eaf3ff}
body table{background:#092442!important;color:#eaf3ff!important;border-collapse:separate;border-spacing:0;min-width:100%}
body thead th{background:#0d3157!important;color:#c5d9f3!important;position:sticky;top:0;z-index:1}
body th,body td{border-bottom:1px solid #254568!important}
body tbody tr:nth-child(even){background:#0a2949}
body tbody tr:hover{background:#173b60!important}
body :is(.iki-table-frame){background:#092442;border:1px solid #294b6b;border-radius:9px;max-width:100%;min-width:0;overflow:hidden}
body :is(.iki-table-tools){display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 10px;background:#0a294b;border-bottom:1px solid #315071}
body :is(.iki-table-columns){display:flex;flex-wrap:wrap;gap:9px;padding:8px 12px;background:#0c2d50}
body .iki-table-columns[hidden]{display:none!important}
body :is(.iki-table-body-scroll){overflow:auto;max-width:100%}
body :is(.iki-table-top-scroll){height:16px;overflow-x:auto;overflow-y:hidden;background:#0c3156}
body :is(.iki-table-top-scroll)>div{height:1px}
body .iki-resize-handle{cursor:col-resize}
body.iki-standardized #iki-universal-nav{background:#04152d!important;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) minmax(180px,1fr)!important;border-bottom:1px solid #365b85!important}
body.iki-standardized #iki-universal-nav .iki-nav-title{font-weight:800!important;letter-spacing:.025em!important;text-align:center!important}
body.iki-standardized #iki-universal-nav .iki-nav-home{color:#cfe4ff!important;font-size:12px}
body.iki-standardized #iki-universal-nav button{background:#113458!important;color:#f0f6ff!important}
body.iki-standardized.iki-sidebar-collapsed :is(.dashboard-layout>.sidebar,.app>.sidebar){display:none!important}
body.iki-standardized.iki-sidebar-collapsed :is(.dashboard-layout,.app){grid-template-columns:minmax(0,1fr)!important}
body.iki-standardized.iki-sidebar-collapsed .main{margin-left:0!important;width:100%!important}
@media(max-width:760px){body.iki-standardized #iki-universal-nav{grid-template-columns:auto minmax(0,1fr) auto!important}body.iki-standardized #iki-universal-nav .iki-nav-actions{gap:3px!important}body.iki-standardized #iki-universal-nav button{padding:5px!important;font-size:11px!important}body table{font-size:12px}}