/* ===== Global theme: baby blue & white (same as the wallet) ===== */
:root{
  --bg:#eef6ff; --panel:#ffffff; --panel2:#f2f8ff; --field:#fbfdff; --line:#d9e8f8; --line2:#bcd6f2;
  --tx:#14324f; --tx2:#4f6f92; --tx3:#7c97b5;
  --gold:#4a9be8; --gold2:#2f7fd0; --goldbg:rgba(74,155,232,.12);
  --ok:#1e9e63; --okbg:rgba(30,158,99,.12); --warn:#b86e00; --warnbg:rgba(240,163,48,.16);
  --bad:#d64545; --badbg:rgba(214,69,69,.10); --info:#2f7fd0; --infobg:rgba(74,155,232,.12); --vio:#6d4fc2; --viobg:rgba(109,79,194,.10);
}
body{background:radial-gradient(1000px 520px at 100% -10%,#d9ecff 0%,transparent 60%),radial-gradient(800px 460px at -10% 110%,#e6f3ff 0%,transparent 60%),#eef6ff;color:var(--tx)}
::-webkit-scrollbar-thumb{background:#bcd6f2}

.sidebar{background:linear-gradient(180deg,#e3f1ff,#f7fbff);border-color:var(--line)}
.logo .gem{background:linear-gradient(135deg,#bfe0ff,#4a9be8);color:#fff;box-shadow:0 6px 18px rgba(74,155,232,.35)}
.menu button{color:var(--tx2)}
.menu button:hover{background:#e6f2ff;color:var(--tx)}
.menu button.active{background:linear-gradient(135deg,#8cc4f5,#4a9be8);color:#fff;box-shadow:0 6px 16px rgba(74,155,232,.3)}
.avatar{background:#dcedff;color:#2f7fd0}
.iconbtn{background:#fff;border-color:var(--line);color:#4a7fb5}
.topbar{background:rgba(238,246,255,.88);border-color:var(--line)}
.topbar h1{color:#1d4f86}

.panel,.kpi,.qi,.tab{box-shadow:0 10px 26px -20px rgba(47,127,208,.45)}
.btn{background:#fff;border-color:var(--line2);color:var(--tx)}
.btn.gold{background:linear-gradient(135deg,#8cc4f5,#4a9be8);color:#fff;border:0}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.warn{background:#f0a330;border-color:#f0a330;color:#3b2500}
.btn.bad{background:#fff1f1;border-color:#f5c2c2;color:#c62828}
.inp:focus{border-color:#4a9be8;box-shadow:0 0 0 3px rgba(74,155,232,.15)}
.tab.active,.chip.active{background:#e3f1ff;border-color:#8cc4f5;color:#1d5fa3}
.t th{background:#f2f8ff;color:var(--tx2)}
.t tr:hover td{background:#f7fbff}
.qi.sel{border-color:#4a9be8;box-shadow:0 0 0 1px #4a9be8 inset}
.kpi .v{color:#14324f}
.bars .b i{background:linear-gradient(180deg,#8cc4f5,#4a9be8)}
.rbar i{background:#bcd6f2}
.rbar.good i{background:rgba(30,158,99,.35)}.rbar.mid i{background:rgba(240,163,48,.4)}.rbar.low i{background:rgba(214,69,69,.3)}
.mini i{background:#4a9be8}

/* status pills readable on white */
.s-new{background:#e3f1ff;color:#1d5fa3}
.s-no_answer_1,.s-no_answer_2,.s-no_answer_3{background:#fff4e0;color:#a35f00}
.s-callback{background:#eef3ff;color:#3d5bb5}
.s-confirmed{background:#e3f7ec;color:#167a4b}
.s-shipped{background:#efeaff;color:#5a3fb0}
.s-delivered{background:#d9f5e6;color:#0f6b40}
.s-cancelled,.s-wrong_number,.s-returned,.s-out_of_coverage{background:#fdecec;color:#b42323}
.s-duplicate{background:#efeaff;color:#5a3fb0}
.flag.dup{background:#efeaff;color:#5a3fb0}
.flag.risk{background:#fdecec;color:#b42323}

.login-wrap{background:radial-gradient(800px 400px at 80% 0%,rgba(74,155,232,.18),transparent),#eef6ff}
.toast{background:#1d4f86;border-color:#1d4f86}
dialog{background:#fff;color:var(--tx);border-color:var(--line)}
dialog::backdrop{background:rgba(20,50,79,.35)}
.upsell-row{background:#eef6ff}
.ship-box{background:#f7fbff}
.who-banner{background:#fff}