/* Payneor Signature — the new system's light theme (chosen 2026-10-25), Agent Mobile.
   Brand blue to teal header, Payneor lime highlights, white cards on a cool page.
   Restyles the existing light theme ("soft"); the dark theme is unchanged.
   `html[...]` outranks the base `[data-theme]` rules it overrides. */
html[data-theme="soft"]{
  --bg:#f3f8fa;--bg2:#ffffff;--card:#ffffff;--card2:#f4f9fb;
  --line:#e1ecf1;--txt:#0d2a3a;--mut:#5f7d8c;--dim:#93aab5;
  --gold:#c08a1e;--grn:#3b7d14;--red:#c0392b;--cyn:#00568a;--pur:#6a5ad8;--ora:#c07a2e;--accent:#00568a;
  --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%);font-family:'Sora','Plus Jakarta Sans',sans-serif}

/* header: brand gradient, light text inside it */
html[data-theme="soft"] .app-topbar{background:linear-gradient(135deg,#00375a 0%,#00568a 50%,#0f7b85 100%);border-bottom:none;box-shadow:0 6px 18px -10px rgba(0,40,70,.6);
  --txt:#ffffff;--mut:rgba(207,230,242,.8);--dim:rgba(207,230,242,.6);--line:rgba(255,255,255,.18);--card2:rgba(255,255,255,.12);--grn:#b5e47a;--cyn:#a6dd5a;color:#fff}
html[data-theme="soft"] .app-topbar input,html[data-theme="soft"] .app-topbar select{background:rgba(255,255,255,.95);color:#0d2a3a}
html[data-theme="soft"] .tab{background:#fff;border:1px solid #d6e5ec;color:#5f7d8c}
html[data-theme="soft"] .tab.on{background:linear-gradient(135deg,#00568a,#0f7b85);color:#fff;border-color:transparent;box-shadow:0 6px 14px -8px rgba(0,86,138,.7)}
html[data-theme="soft"] .app-topbar .tab{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#e3f1f7}
html[data-theme="soft"] .app-topbar .tab.on{background:#8dc63f;color:#0b2a12}

html[data-theme="soft"] .kpi-bar{background:#fff;border-bottom:1px solid #e1ecf1;box-shadow:0 4px 12px -10px rgba(0,60,90,.3)}
html[data-theme="soft"] .card,html[data-theme="soft"] .lcard,html[data-theme="soft"] .login-box,html[data-theme="soft"] .sheet{background:#fff;border:1px solid #e1ecf1;box-shadow:0 4px 14px -10px rgba(0,60,90,.25);border-radius:16px}
html[data-theme="soft"] .btn,html[data-theme="soft"] .pv-btn{background:#fff;border:1px solid #d6e5ec;box-shadow:none;color:#0d2a3a}
html[data-theme="soft"] .btn-primary{background:linear-gradient(135deg,#00568a,#0f7b85);color:#fff;box-shadow:0 8px 20px -10px rgba(0,86,138,.7)}
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"] input:focus,html[data-theme="soft"] select:focus,html[data-theme="soft"] textarea:focus{border-color:#0f7b85;box-shadow:0 0 0 3px rgba(15,123,133,.15);outline:none}
html[data-theme="soft"] select option,html[data-theme="soft"] select optgroup{background:#fff;color:#0d2a3a}

html[data-theme="soft"] .bottom-nav{background:#fff;border-top:1px solid #e1ecf1;box-shadow:0 -6px 18px -12px rgba(0,60,90,.35)}
html[data-theme="soft"] .bnav-btn.on{color:#00568a}
html[data-theme="soft"] .bnav-btn.on::before{background:linear-gradient(90deg,#00568a,#8dc63f)}