/* Axpert Power — Order Desk theme: accounts jaisa soft light look (shared.css ke baad load hota hai) */
:root{--bg:#f7f4ef;--sf:#ffffff;--sf2:#faf5ee;--ln:#ece3d6;--tx:#1f2a44;--mu:#6b778f;--bl:#0b4fb3;--or:#f26d0f;--ok:#15803d;--bad:#c62828;--gr:linear-gradient(90deg,#0b4fb3,#f26d0f);
 --sh1:0 1px 2px #8a6a3a10,0 4px 14px #8a6a3a0f;--sh2:0 2px 4px #8a6a3a12,0 14px 32px #8a6a3a1f;--ease:cubic-bezier(.2,.8,.3,1);color-scheme:light}
html{background:var(--bg)}body{background:var(--bg);color:var(--tx);font-family:'Plus Jakarta Sans','Segoe UI Variable','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body::before{display:none}input,select,textarea,button{font-family:inherit}
h2{border:0;padding:0;font-weight:800;letter-spacing:-.3px;color:var(--tx)}

/* header & steps */
header{background:#fff;border-bottom:1px solid var(--ln);box-shadow:var(--sh1)}header::after{display:none}
.lp{background:transparent;padding:0;border-radius:0}header .lp img,.lp img{mix-blend-mode:multiply}
header .ci b{color:var(--tx)}
#dots{background:#fff;border-bottom:1px solid var(--ln)}
.st i{background:#fff;box-shadow:0 0 0 1px var(--ln);transition:.35s var(--ease)}.st.on i{background:var(--or);color:#fff;box-shadow:0 0 0 5px #f26d0f26}.st.done i{background:var(--ok);color:#fff}#dots u{background:var(--ln)}

/* cards (rainbow border hata kar soft shadow + smooth lift) */
.rb{box-shadow:0 0 0 1px var(--ln),var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rb::before{display:none}.rb::after{background:#fff}
.rb:hover,.rb:focus-within{box-shadow:0 0 0 1.5px #efb98a,var(--sh2)}
.rb.on{--bg2:#fff1e4;box-shadow:0 0 0 2px var(--or),0 10px 24px #f26d0f22}.rb.on::after{background:#fff1e4}
.glw.pop,.box.pop{animation:pop .55s var(--ease) backwards;animation-delay:calc(var(--i,0)*55ms)}
.box.rb::after{background:#fff!important}.box .lp{background:#fff;border:0}.box:hover{transform:translateY(-5px)}
.big.on,.pb.on{--bg2:#fff1e4}.big,.pb,.chip,.qty button{background:#fff;color:var(--tx)}.qty button{color:var(--bl);transition:transform .2s var(--ease),box-shadow .2s}.qty button:hover{box-shadow:0 0 0 2px var(--or)}
.chip{transition:box-shadow .2s,transform .2s var(--ease)}.chip:hover{box-shadow:0 0 0 2px var(--or);transform:translateY(-2px)}
.gl{background:#fff;box-shadow:0 0 0 1px var(--ln),var(--sh1)}
.kv,.it{border-bottom:1px solid #f3ece1}
aside .pn{background:#fff;border-top:3px solid var(--or);box-shadow:0 0 0 1px var(--ln),var(--sh2)}
.cl{background:var(--sf2)}.ic{background:#fff;transition:transform .2s var(--ease)}.ic:hover{transform:translateY(-1px)}.ic.x{color:var(--bad)}
.sum b{color:var(--bl)}.ck{background:#e6f6ec;color:var(--ok)}
.f input{box-shadow:none}

/* buttons / inputs / tables */
.b{background:var(--bl);box-shadow:0 3px 10px #0b4fb330;transition:transform .2s var(--ease),box-shadow .25s,filter .2s}.b:hover{filter:none;transform:translateY(-1px);box-shadow:0 7px 16px #0b4fb338}
.b.k{background:var(--or);box-shadow:0 3px 10px #f26d0f40}.b.k:hover{box-shadow:0 7px 16px #f26d0f4d}
.b.g,.b.s{background:#fff;color:var(--tx);box-shadow:0 0 0 1px var(--ln)}.b.r,.b.s.r{background:#fff;color:var(--bad);box-shadow:0 0 0 1px #f3c9c9}
input,select,textarea{background:#fff;border-color:var(--ln);color:var(--tx);border-radius:10px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus{border-color:var(--or);box-shadow:0 0 0 3px #f26d0f22}select option{background:#fff;color:var(--tx)}
td{border-bottom-color:#f3ece1}tr:hover td{background:#fdfaf5}th{border-bottom-color:var(--ln)}.neg{color:var(--bad)}.pos{color:var(--ok)}
.s{animation:sl .5s var(--ease)}

/* login */
#lg{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:var(--bg);font-family:inherit}
.lgc{width:100%;max-width:420px;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:28px;text-align:center;box-shadow:var(--sh2);animation:pop .6s var(--ease) backwards}.lgc img{width:min(280px,80%);margin:0 auto 6px;display:block}
.lgc h2{margin:6px 0 2px;font-size:26px;color:var(--bl)}.lgc p{margin:0 0 16px;color:var(--mu)}.lgc .lgs{margin:0 0 12px;color:#b84a00;font-weight:600;font-size:14px}.lgc label{text-align:left}
.lgf{position:relative}.lgf input{padding-right:46px;letter-spacing:3px;font-size:18px}.lgf button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:18px;padding:8px;opacity:.7}
#lgm{min-height:22px;margin:8px 0 6px;color:var(--bad);font-size:14px;font-weight:600;text-align:left}.lgc .b{width:100%;padding:13px;font-size:16px}.lgc small{display:block;margin-top:14px;color:var(--mu);font-size:12px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- orange theme: off-white/orange shade background + orange pillars ---------- */
:root{--bg:#fff4e8;--sf:#fffbf6;--sf2:#fff1e2;--ln:#f0d9bd;--bands:linear-gradient(90deg,#ff8a2a 0,#ffb066 5%,#ffe0c0 14%,#fff4e8 30%,#fff4e8 70%,#ffe0c0 86%,#ffb066 95%,#ff8a2a 100%)}
html{background:var(--bands) fixed,#fff4e8}body{background:transparent}
body::before{display:block;content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(760px 400px at 50% -6%,#ffd2a07a,transparent 65%),radial-gradient(640px 420px at 50% 106%,#ffbf8a66,transparent 65%)}
header,#dots{background:rgba(255,251,245,.84);backdrop-filter:blur(8px);border-bottom-color:var(--ln)}
header::after{display:block;height:3px;background:linear-gradient(90deg,#ff8a2a,#ffb066,#ff8a2a)}
.rb::after,.box.rb::after{background:#fffbf6!important}.rb.on::after{background:#ffe8d2!important}
.gl,aside .pn,.lgc,.big,.pb,.chip,.qty button,.ic,.b.g,.b.s{background:#fffbf6}
input,select,textarea{background:#fffdf9}
.kv,.it,td{border-bottom-color:#f7e8d4}tr:hover td{background:#fff3e6}
#lg{background:var(--bands),#fff4e8}