/* Ops desk — cyan/white commerce shell (logo colours; no pure black) */
body.ops-commerce{
  color-scheme:light !important;
  --void:#f4fbfd;
  --surface:#ffffff;
  --ink:#061016;
  --muted:#3d5a66;
  --line:#c5dde6;
  --volt:#00e8ff;
  --copper:#00e8ff;
  --ok:#1a9b6c;
  --danger:#e11d48;
  --cm-deep:#035a6b;
  --cm-volt-soft:#e3f9fd;
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, color-mix(in srgb, var(--volt) 22%, transparent), transparent 55%),
    #f4fbfd !important;
  color:var(--ink) !important;
}
body.ops-commerce .w-volt{color:var(--ink)}
body.ops-commerce .w-tronic{color:#0099b3}
body.ops-commerce .bolt{filter:none}
body.ops-commerce h1,body.ops-commerce h2{
  text-transform:none;letter-spacing:.02em;color:var(--ink);
}
body.ops-commerce .card{
  background:#fff !important;
  border:1.5px solid color-mix(in srgb,var(--volt) 28%,var(--line)) !important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--volt) 8%,transparent);
}
body.ops-commerce .card h3{color:var(--muted) !important}
body.ops-commerce .card p{color:var(--cm-deep) !important}
body.ops-commerce .tab-btn{
  background:var(--cm-volt-soft) !important;
  color:var(--cm-deep) !important;
  border-color:transparent !important;
}
body.ops-commerce .tab-btn.active{
  background:var(--volt) !important;
  color:var(--ink) !important;
  border-color:var(--volt) !important;
}
body.ops-commerce table,
body.ops-commerce table.sheet{
  background:#fff !important;
}
body.ops-commerce th,
body.ops-commerce table.sheet th{
  background:var(--cm-volt-soft) !important;
  color:var(--cm-deep) !important;
}
body.ops-commerce td,
body.ops-commerce table.sheet td{
  background:#fff !important;
  color:var(--ink) !important;
  border-color:var(--line) !important;
}
body.ops-commerce table.sheet tr:nth-child(even) td{
  background:#f7fcfd !important;
}
body.ops-commerce table.sheet .row-num{
  background:var(--cm-volt-soft) !important;
  color:var(--muted) !important;
}
body.ops-commerce .sheet-wrap{
  background:#fff !important;
  border-color:var(--line) !important;
}
body.ops-commerce input,
body.ops-commerce select,
body.ops-commerce textarea{
  background:#fff !important;
  border-color:var(--line) !important;
  color:var(--ink) !important;
}
body.ops-commerce .btn-approve{
  background:var(--volt) !important;
  color:var(--ink) !important;
}
body.ops-commerce .btn-reject{
  background:var(--danger) !important;
  color:#fff !important;
}
body.ops-commerce header{
  border-bottom-color:var(--line) !important;
}
body.ops-commerce .quote-stage{display:none}
body.ops-commerce #admin-notif-bell{
  background:#fff !important;
  color:var(--ink) !important;
  border-color:var(--line) !important;
}
body.ops-commerce #admin-notif-panel{
  background:#fff !important;
  border-color:var(--line) !important;
}

/* Excel export toolbar */
.xport-bar{
  display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;
  margin:0 0 12px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(180deg,#fff,var(--cm-volt-soft));
  border:1px solid color-mix(in srgb,var(--volt) 30%,var(--line));
}
.xport-bar label{
  display:grid;gap:4px;font:700 11px/1.2 var(--font-body);color:var(--muted);
  margin:0;
}
.xport-bar label > *{font-weight:600;color:var(--ink)}
.xport-bar input[type="number"],
.xport-bar select{
  width:auto;min-width:72px;margin:0;padding:8px 10px;border-radius:10px;
}
.xport-bar input[type="checkbox"]{width:auto;margin:0 6px 0 0}
.xport-bar .xport-check-label{
  display:inline-flex;align-items:center;flex-direction:row;gap:0;
  font:600 13px/1 var(--font-body);color:var(--ink);padding-bottom:8px;
}
.xport-bar .xport-go{
  background:var(--cm-deep);color:#fff;border:0;border-radius:12px;
  padding:10px 16px;font:800 12px/1 var(--font-body);letter-spacing:.03em;
  height:40px;
}
.xport-bar .xport-meta{
  margin:0;padding-bottom:8px;font:600 12px/1.3 var(--font-body);color:var(--cm-deep);
}
.xport-bar .xport-pager{
  display:inline-flex;gap:6px;align-items:center;padding-bottom:6px;
}
.xport-bar .xport-pager button{
  background:#fff;border:1px solid var(--line);color:var(--ink);
  border-radius:10px;padding:8px 12px;font-weight:700;
}
th.xport-check,td.xport-check{width:36px;text-align:center}
td.xport-check input{width:auto;margin:0;accent-color:var(--volt)}
tr.xport-off{display:none}
