/* JEKUNRL POS — Neumorphism UI layer. Loaded after the base/layout styles. */
:root {
  --bg:#e9eff7; --text:#26364d; --muted:#74849a; --accent-text:#1679b7;
  --accent:#58b7eb; --accent2:#3199d2; --primary:#58b7eb; --on-primary:#fff;
  --danger:#c84e5a; --ok:#168b61; --r:20px;
  --card:#e9eff7; --card2:#e9eff7; --border:rgba(116,132,154,.16); --glass-border:rgba(255,255,255,.65);
  --g1:#edf3fa; --g2:#e5ecf5; --gb1:#f0f5fb; --gb2:#e4ebf4;
  --panel1:#eef4fb; --panel2:#e6edf6; --top1:#f1f6fc; --top2:#e7eef7;
  --field:#e7edf5; --field-hi:#edf3fa; --field-shadow:rgba(105,126,153,.18); --ph:#9aa8b9;
  --hi:inset 5px 5px 11px rgba(174,188,207,.40),inset -5px -5px 11px rgba(255,255,255,.88);
  --shadow:7px 7px 16px rgba(174,188,207,.48),-7px -7px 16px rgba(255,255,255,.92);
  --shadow-lg:12px 12px 26px rgba(174,188,207,.48),-12px -12px 26px rgba(255,255,255,.95);
  --ring:rgba(49,153,210,.18); --ring-border:rgba(49,153,210,.8);
  --btn-a:#55b5e8; --btn-b:#329bd5; --btn-glow:rgba(49,153,210,.22);
  --pill-a:#d5e8f6; --pill-b:#e7f0f8; --pill-border:rgba(255,255,255,.9);
  --ico-bg:#e9eff7; --ico-on:#d8ecf9; --scrim:rgba(36,55,78,.23); --bd:rgba(174,188,207,.45);
  --option-bg:#edf3fa; --skel1:#e3eaf3; --skel2:#f3f7fc; --solid:#e9eff7;
  --mascot-sh:rgba(105,126,153,.2); --door-glow:#fff;
  --blur:none; --blur-l:none; --blur-s:none;
  --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:light;
}
html,body{background:var(--bg)}
body::before{inset:0;background:radial-gradient(ellipse at 8% 0%,rgba(255,255,255,.55),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(173,208,235,.2),transparent 45%);animation:none}
.card,.dlg,.toast,.sug,.cartbar,.side,.top,.bottom,.lg-card,.side-foot{background:var(--card);border:1px solid rgba(255,255,255,.62);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow)}
.card{border-radius:var(--r)}
.side{border-radius:26px}
.top{border-radius:20px}
.side-foot{border-radius:18px}
.prow.card,.pcard{background:var(--card);border:1px solid rgba(255,255,255,.65);box-shadow:5px 5px 12px rgba(174,188,207,.35),-5px -5px 12px rgba(255,255,255,.8)}
input,select,textarea{background:var(--field);border:1px solid rgba(255,255,255,.5);border-radius:13px;box-shadow:inset 4px 4px 8px rgba(174,188,207,.38),inset -4px -4px 8px rgba(255,255,255,.8)}
input:focus,select:focus,textarea:focus{background:var(--field-hi);border-color:var(--ring-border);box-shadow:inset 2px 2px 5px rgba(174,188,207,.28),0 0 0 3px var(--ring)}
.btn{background:var(--card);border:1px solid rgba(255,255,255,.7);border-radius:13px;box-shadow:5px 5px 10px rgba(174,188,207,.42),-5px -5px 10px rgba(255,255,255,.88);backdrop-filter:none;-webkit-backdrop-filter:none}
.btn:active,.chip:active{box-shadow:inset 3px 3px 7px rgba(174,188,207,.4),inset -3px -3px 7px rgba(255,255,255,.8)}
.btn.primary{color:#fff;background:linear-gradient(145deg,#62c1f1,#369bd4);border:0;box-shadow:5px 5px 12px rgba(49,153,210,.24),-3px -3px 8px rgba(255,255,255,.8)}
.btn.primary:active{box-shadow:inset 3px 3px 7px rgba(26,106,155,.28),inset -3px -3px 7px rgba(255,255,255,.23)}
.btn.danger{background:var(--card);border-color:rgba(200,78,90,.22)}
.chip,.badge{background:var(--card);border:1px solid rgba(255,255,255,.7);box-shadow:3px 3px 7px rgba(174,188,207,.32),-3px -3px 7px rgba(255,255,255,.78)}
.chip.on{background:#d6eaf7;color:#176f9f;box-shadow:inset 3px 3px 6px rgba(174,188,207,.32),inset -3px -3px 6px rgba(255,255,255,.8)}
.pcard{border-radius:18px;transition:transform .2s,box-shadow .2s}
@media(hover:hover){.pcard:hover,.rowbtn:hover{background:#edf3fa;transform:translateY(-2px)}}
.tbl th,.tbl td{border-bottom-color:rgba(116,132,154,.17)}
.sug button{border-bottom-color:rgba(116,132,154,.14)}.sug button:hover{background:rgba(205,222,238,.35)}
.ci{border-bottom-color:rgba(116,132,154,.16)}.sr.tot{border-top-color:rgba(116,132,154,.2)}
.nav a{border-radius:15px}.nav a span{background:var(--card);box-shadow:3px 3px 6px rgba(174,188,207,.35),-3px -3px 6px rgba(255,255,255,.82)}
.nav a.on span{background:#d9edf9;box-shadow:inset 2px 2px 4px rgba(174,188,207,.28),inset -2px -2px 4px rgba(255,255,255,.8)}
.nav .ind,.ind,.pill{background:linear-gradient(145deg,#e7f1fa,#dceaf5);border:1px solid rgba(255,255,255,.9);box-shadow:inset 2px 2px 4px rgba(255,255,255,.9),5px 5px 12px rgba(174,188,207,.38)}
.nav a.on{color:var(--accent-text)}
.dlg{background:var(--card);border-color:rgba(255,255,255,.8);box-shadow:var(--shadow-lg)}
.dlg::backdrop{background:rgba(38,54,77,.25);backdrop-filter:blur(3px)}
.toast{border-radius:16px}
.lg-card{border-radius:28px}
@media(max-width:820px){
 .side{background:var(--card)}
 .bottom{background:var(--card);border-radius:24px;box-shadow:8px 8px 18px rgba(174,188,207,.5),-8px -8px 18px rgba(255,255,255,.92)}
 .bottom .ind{background:linear-gradient(145deg,#d8edf9,#e4f0f8);border:1px solid rgba(255,255,255,.92);box-shadow:inset 2px 2px 4px rgba(255,255,255,.9),3px 3px 7px rgba(174,188,207,.35)}
 .cartbar{background:linear-gradient(145deg,#62c1f1,#369bd4);color:white}
 .cart{background:var(--card);box-shadow:var(--shadow-lg)}
}
@media(prefers-color-scheme:dark){
 :root{--bg:#202a38;--text:#e2eaf4;--muted:#9aaabe;--accent-text:#8bd3f7;--accent:#65bce8;--accent2:#3999cd;--primary:#65bce8;--on-primary:#183044;
 --danger:#ff9a9a;--ok:#69d5a5;--card:#202a38;--card2:#202a38;--border:rgba(8,14,23,.22);--glass-border:rgba(255,255,255,.07);
 --g1:#263344;--g2:#1c2532;--gb1:#263344;--gb2:#1c2532;--panel1:#263344;--panel2:#1c2532;--top1:#263344;--top2:#1c2532;
 --field:#1d2735;--field-hi:#243244;--field-shadow:rgba(0,0,0,.3);--ph:#8292a8;
 --hi:inset 5px 5px 11px rgba(9,15,24,.5),inset -5px -5px 11px rgba(57,73,94,.35);
 --shadow:7px 7px 16px rgba(8,14,22,.45),-7px -7px 16px rgba(48,63,82,.42);--shadow-lg:12px 12px 26px rgba(8,14,22,.55),-12px -12px 26px rgba(48,63,82,.35);
 --ring:rgba(101,188,232,.18);--ring-border:rgba(101,188,232,.85);--btn-a:#65bce8;--btn-b:#3999cd;--btn-glow:rgba(49,153,210,.18);
 --pill-a:#2a3a4f;--pill-b:#243347;--pill-border:rgba(255,255,255,.08);--ico-bg:#202a38;--ico-on:#29445a;--scrim:rgba(0,0,0,.45);--bd:rgba(0,0,0,.4);
 --option-bg:#202a38;--skel1:#263344;--skel2:#303e51;--solid:#202a38;--mascot-sh:rgba(0,0,0,.4);color-scheme:dark}
 body::before{background:radial-gradient(ellipse at 8% 0%,rgba(59,96,132,.16),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(37,90,124,.14),transparent 45%)}
 .card,.dlg,.toast,.sug,.cartbar,.side,.top,.bottom,.lg-card,.side-foot{border-color:rgba(255,255,255,.06)}
 .prow.card,.pcard{box-shadow:5px 5px 12px rgba(8,14,22,.42),-5px -5px 12px rgba(48,63,82,.32)}
 input,select,textarea{border-color:rgba(255,255,255,.04);box-shadow:inset 4px 4px 8px rgba(8,14,22,.4),inset -4px -4px 8px rgba(48,63,82,.3)}
 .btn{border-color:rgba(255,255,255,.05);box-shadow:5px 5px 10px rgba(8,14,22,.44),-5px -5px 10px rgba(48,63,82,.34)}
 .chip,.badge{border-color:rgba(255,255,255,.05);box-shadow:3px 3px 7px rgba(8,14,22,.35),-3px -3px 7px rgba(48,63,82,.3)}
 .chip.on{background:#2a3a4c;color:#a4ddf7}
 .nav a span{box-shadow:3px 3px 6px rgba(8,14,22,.35),-3px -3px 6px rgba(48,63,82,.3)}
 .nav a.on span{background:#29445a}
 .nav .ind,.ind,.pill{background:linear-gradient(145deg,#29394c,#202f41);border-color:rgba(255,255,255,.06);box-shadow:inset 2px 2px 4px rgba(255,255,255,.04),5px 5px 12px rgba(8,14,22,.4)}
 .bottom .ind{background:linear-gradient(145deg,#29394c,#202f41)}
}
@media(prefers-reduced-motion:reduce){body::before{animation:none!important}.pcard,.btn,.chip{transition:none!important}}