/* Payneor Signature — the new system's light theme (chosen 2026-10-25), Command Centre.
   Same look as the CRM and Financial: brand blue to teal sidebar, Payneor lime
   highlights, white cards. Restyles the existing light theme ("soft"); the other
   themes are unchanged. `html[...]` outranks the base `[data-theme]` rules. */
html[data-theme="soft"]{
  --bg:#f3f8fa;--bg2:#ffffff;--card:#ffffff;--card2:#f6fafb;
  --line:#e1ecf1;--bdr:#e1ecf1;--bdr2:#d6e5ec;
  --txt:#0d2a3a;--mut:#5f7d8c;--dim:#93aab5;
  --gold:#c08a1e;--gold2:#9c6f15;--grn:#3b7d14;--red:#c0392b;
  --blu:#00568a;--pur:#6a5ad8;--cyn:#00568a;--ora:#c07a2e;
  --teal:#0f7b85;--pink:#c15a86;--accent:#00568a;
  --sh:0 14px 30px -18px rgba(0,60,90,.35);--r:16px;
  --nm-out:0 4px 14px -10px rgba(0,60,90,.25);--nm-out-sm:0 2px 8px -4px rgba(0,60,90,.18);--nm-in:inset 0 0 0 1px #dbe8ee;
}
html[data-theme="soft"] body{background:linear-gradient(180deg,#f2f8fb 0%,#f7faf4 100%) fixed;font-family:'Sora','Plus Jakarta Sans',sans-serif}

html[data-theme="soft"] .sb{background:linear-gradient(165deg,#00375a 0%,#00568a 45%,#0f7b85 100%);border-right:none;box-shadow:6px 0 24px -12px rgba(0,40,70,.55);
  --txt:#ffffff;--mut:rgba(207,230,242,.8);--dim:rgba(207,230,242,.55);--card:rgba(255,255,255,.12);--bdr:rgba(255,255,255,.2);--bdr2:rgba(255,255,255,.14);--grn:#b5e47a;--gold:#f3d58f;--cyn:#a6dd5a}
html[data-theme="soft"] .sb-item{color:#cfe6f2}
html[data-theme="soft"] .sb-item:hover{background:rgba(255,255,255,.09);color:#fff}
html[data-theme="soft"] .sb-item.active{background:rgba(255,255,255,.15);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);border-color:transparent}
html[data-theme="soft"] .sb-item.active::before{background:#8dc63f}
html[data-theme="soft"] .sb-sec{color:rgba(207,230,242,.55)}

html[data-theme="soft"] .hdr{background:rgba(255,255,255,.85);border-bottom:1px solid #e1ecf1;box-shadow:none;backdrop-filter:blur(14px)}
html[data-theme="soft"] .kchip,html[data-theme="soft"] .panel,html[data-theme="soft"] .mc{background:#fff;border:1px solid #e1ecf1;box-shadow:0 4px 14px -10px rgba(0,60,90,.25)}
html[data-theme="soft"] .kchip::before{display:block;content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00568a,#0f7b85,#8dc63f)}
html[data-theme="soft"] .ql{background:#fff;border:1px solid #e1ecf1;box-shadow:0 2px 8px -4px rgba(0,60,90,.18)}
html[data-theme="soft"] .ql:hover,html[data-theme="soft"] .mc:hover{border-color:#0f7b85}
html[data-theme="soft"] input,html[data-theme="soft"] select,html[data-theme="soft"] textarea{background:#fff;border:1px solid #d6e5ec;box-shadow:none;color:#0d2a3a}
html[data-theme="soft"] .sb input,html[data-theme="soft"] .sb select{color:#0d2a3a}