/* Approved mixed palette: night navigation, pearl workspace, white surfaces. */
:root {
  color-scheme: light;
  --bg: #edf1f6;
  --s1: #ffffff;
  --s2: #edf2f8;
  --s3: #e0e7f1;
  --s4: #c3cfdf;
  --s5: #9aacc4;
  --t1: #182a44;
  --t2: #3c506a;
  --t3: #56667d;
  --t4: #5e6e83;
  --acc: #265bc1;
  --acc2: #184693;
  --acc3: #dbe7fc;
  --grn: #087452;
  --red: #b33156;
  --org: #895812;
  --pur: #7950a6;
  --cyan: #086f87;
  --br: #d2dce9;
  --brm: #a0b1c7;
  --brh: #406fba;
  --glass: #edf2f8;
  --glass-border: #a0b1c7;
  --glass-hover: #e0e7f1;
}
body { background: #edf1f6; }
#loginScreen {
  background: radial-gradient(ellipse at 10% 15%, #cddcf3, transparent 55%),
    radial-gradient(ellipse at 95% 100%, #e4deef, transparent 45%), #edf1f6;
}
.lcard { background: #fff; border-color: #aabbd1; box-shadow: 0 24px 70px #233c5b1c; }
.login-story h1 span { color: #265bc1; }
.btn-gg { color: #182a44; background: #f0f4fa; border: 1px solid #95a9c3; }
.sidebar {
  --t1: #f1f5fc; --t2: #d5e0f0; --t3: #b7c6dd; --t4: #abbcd5;
  --s2: #243b5b; --s3: #2b4568; --br: #3e5372; --brm: #637b9e;
  --acc: #b5d3ff; --bg: #13253f;
  color-scheme: dark;
  background: linear-gradient(175deg, #182e4c, #102039 75%);
  border-color: #344d6e;
  color: #f1f5fc;
}
.sidebar .ni { color: #c4d1e4; }
.sidebar .ni.on {
  background: #2c4e7b;
  color: #fff;
  box-shadow: inset 3px 0 0 #8cbeff, inset 0 1px 0 #ffffff0c;
}
.sidebar .ni.on:after { background: #83d6e6; }
.sidebar .ni:hover { background: #263e5f; color: #fff; }
.sidebar .install-link { color: #d7e5fa; border-color: #6e87a8; }
.topbar { background: #f7f9fc; border-color: #ccd7e6; }
.load-logo, .l-logo, .sb-logo-ico, .mob-logo-ico {
  background: linear-gradient(140deg, #174996, #236ab6);
  color: #fff;
  box-shadow: 0 5px 14px #17499622;
}
.page-intro .eyebrow, .login-story .eyebrow { color: #265bc1; }
.mpill.on { background: #214f9e; color: #fff; box-shadow: 0 3px 9px #22467520; }
.add-btn, .btn-primary, .btn-pdf, .bp {
  background: linear-gradient(110deg, #204f9e, #1765aa);
  color: #fff; border-color: #245a9e;
  box-shadow: 0 4px 12px #204f9e22, inset 0 1px 0 #ffffff20;
}
.add-btn:hover, .btn-primary:hover, .btn-pdf:hover, .bp:hover { background: #173f83; color: #fff; border-color: #173f83; }
.btn-sec, .bg2, .fb-filter-btn { background: #fff; color: #284461; border-color: #93a8c2; }
.btn-sec:hover, .bg2:hover, .fb-filter-btn:hover { background: #e6edf7; }
.btn-danger, .bd { background: #fff0f3; color: #a6284b; border-color: #c991a2; }
.card, .card-sm { background: #fff; border-color: #c8d4e3; box-shadow: 0 5px 20px #243e6010; }
.cp { background: #f4f7fb; color: #4e627d; border-color: #acbdd2; }
.kpi.b {
  background: radial-gradient(ellipse at 100% 100%, #148e9e55, transparent 70%),
    linear-gradient(135deg, #204985, #17546f);
  color: #fff; border-color: #426d9b; box-shadow: 0 8px 24px #173c7529;
}
.kpi.b .kpi-label, .kpi.b .kpi-sub { color: #e6effc; }
.kpi.b .kpi-value { color: #fff; }
.kpi.b .kpi-ico { color: #d5f6ff; background: #ffffff12; }
.kpi.b .kpi-bar { background: #ffffff30; }
.kpi.b .kpi-fill { background: #8edfe8 !important; }
.kpi.g, .kpi.r, .kpi.o {
  background: linear-gradient(145deg, #ffffff, #f6f9fd);
  border-color: #bfcfe2;
}
.kpi.g .kpi-ico, .kpi.r .kpi-ico, .kpi.o .kpi-ico {
  background: #edf3fb;
  border: 1px solid #d2deed;
  border-radius: 11px;
}
.kpi.g .kpi-ico { color: #087452; }
.kpi.r .kpi-ico { color: #b33156; }
.kpi.o .kpi-ico { color: #895812; }
.src-c { background: transparent; border-color: #94a9c3; box-shadow: none; }
.tav.i { background: #def0e8; }
.tav.e { background: #f8e1e8; }
.utag-e { background: #dce8fb; color: #264f8b; }
.utag-v { background: #eadff4; color: #704292; }
.fi input, .fi select, .fi textarea, .cir input, .pres-input,
.fb-search, .pvbox, .presup-toolbar, .pdf-ctrl { background: #f5f8fc; border-color: #9eb0c8; color: #182a44; }
.fi input::placeholder, .fi textarea::placeholder, .fb-search input::placeholder { color: #60728a; opacity: 1; }
input[type="date"] { color-scheme: light; }
.tbl th, .pres-table th { background: #e9eff7; color: #405777; }
.tbl tbody tr:hover { background: #f0f5fc; }
.tbl-menu-btn { color: #36516f; }
.tbl-dropdown { background: #fff; border-color: #9db0ca; box-shadow: 0 10px 32px #20385425; }
.tbl-dd-item:hover { background: #e7effa; }
#histFooter { background: #eaf1fa; border-color: #b9cbe2; }
.mov-seg { background: #eaf0f8; }
.mov-seg-btn.ing-on { background: #d6ece1; }
.mov-seg-btn.egr-on { background: #f4dfe6; }
.mov-summary { background: #eef4fb; }
.mob-cell { background: #fff; border-color: #c0cfe1; box-shadow: 0 3px 12px #243e6009; }
.mob-act-del { background: #fff0f3; color: #a6284b; border-color: #c991a2; }
.period-cleanup { background: #f4f7fb; border-color: #afc0d6; }
.period-confirm input[type="text"] { background: #fff; color: #182a44; }
.mod, .mobile-menu { background: #fff; color: #182a44; border-color: #839bb9; box-shadow: 0 25px 100px #14273e44; }
.mov, dialog::backdrop { background: #101e35a6; }
#toast.toast {
  --notice-accent: #12664c; --notice-tint: #12664c0c;
  background: #f6fffb; color: #182a44; border-color: #8fb6a7;
  box-shadow: 0 12px 40px #1d354b26;
}
#toast.toast.err { --notice-accent: #a6284b; --notice-tint: #a6284b0c; background: #fff8fa; border-color: #cc9cac; }
#toast #tMsg { color: #30465f; }
#toast .toast-close { color: #48617e; }
#toast .toast-close:hover { color: #14253e; background: #14253e0b; }
.mob-topbar {
  --t1: #f1f5fc; --t2: #d5e0f0; --t3: #b7c6dd; --s2: #243b5b; --brm: #758bad;
  background: #14253e; color: #f1f5fc; border-color: #425b7b; color-scheme: dark;
}
.tabbar { background: #f7f9fc; border-color: #b9c9df; box-shadow: 0 -4px 20px #2038550a; }
.tab { color: var(--t3); }
.tab.on { background: #dce8fa; color: var(--acc); }
.tab.on .tab-l { color: var(--acc) !important; }
.install-link { color: #285591; border-color: #91aaca; }
.sb-sdot, .mob-sync-dot { box-shadow: 0 0 0 2px #ffffff12; }
input[type="checkbox"] { accent-color: #265bc1; }