/* My Shop Diary — skins (Settings → Theme → Style) and the Apple-style navbar.
   html[data-skin]: glass · editorial · minimal · brutal · material · special. No attribute = Classic.
   Each skin has light and dark values; dark rules carry one more attribute so they win. */

/* =================== GLASSMORPHISM =================== */
:root[data-skin="glass"]{
  --brand:#4F46E5; --brand-deep:#3730A3; --brand-soft:rgba(99,102,241,.16); --brand-ink:#3730A3; --on-brand:#fff;
  --paper:#E9ECFF; --surface:rgba(255,255,255,.58); --surface-2:rgba(255,255,255,.42); --sunken:rgba(255,255,255,.4);
  --surface-solid:#F7F7FF;
  --ink:#1B1A45; --ink-2:#3D3B6E; --ink-3:#6A6896; --line:rgba(255,255,255,.7); --line-strong:rgba(79,70,229,.22);
  --glass:rgba(255,255,255,.42); --glass-2:rgba(255,255,255,.72); --glass-hi:rgba(255,255,255,.85); --glass-edge:rgba(79,70,229,.12);
  --ambient-a:rgba(236,72,153,.35); --ambient-b:rgba(6,182,212,.32);
  --shadow-1:0 4px 18px rgba(31,38,135,.08); --shadow-2:0 10px 32px rgba(31,38,135,.14); --shadow-glass:0 12px 40px rgba(31,38,135,.18);
  --r-m:18px; --r-l:26px; --blur:saturate(1.8) blur(22px);
}
:root[data-skin="glass"][data-theme="dark"]{
  --brand:#A5B4FC; --brand-deep:#C7D2FE; --brand-soft:rgba(129,140,248,.2); --brand-ink:#C7D2FE; --on-brand:#12103A;
  --paper:#090A1F; --surface:rgba(34,36,80,.5); --surface-2:rgba(34,36,80,.36); --sunken:rgba(255,255,255,.06); --surface-solid:#16173A;
  --ink:#EEEDFF; --ink-2:#C4C2F0; --ink-3:#908EC0; --line:rgba(255,255,255,.12); --line-strong:rgba(165,180,252,.28);
  --glass:rgba(30,32,72,.5); --glass-2:rgba(24,26,60,.82); --glass-hi:rgba(255,255,255,.14); --glass-edge:rgba(255,255,255,.08);
  --ambient-a:rgba(236,72,153,.28); --ambient-b:rgba(6,182,212,.22);
}
@media (prefers-color-scheme:dark){:root[data-skin="glass"]:not([data-theme="light"]){
  --brand:#A5B4FC; --brand-deep:#C7D2FE; --brand-soft:rgba(129,140,248,.2); --brand-ink:#C7D2FE; --on-brand:#12103A;
  --paper:#090A1F; --surface:rgba(34,36,80,.5); --surface-2:rgba(34,36,80,.36); --sunken:rgba(255,255,255,.06); --surface-solid:#16173A;
  --ink:#EEEDFF; --ink-2:#C4C2F0; --ink-3:#908EC0; --line:rgba(255,255,255,.12); --line-strong:rgba(165,180,252,.28);
  --glass:rgba(30,32,72,.5); --glass-2:rgba(24,26,60,.82); --glass-hi:rgba(255,255,255,.14); --glass-edge:rgba(255,255,255,.08);
  --ambient-a:rgba(236,72,153,.28); --ambient-b:rgba(6,182,212,.22);
}}
html[data-skin="glass"] body::before{background:
  radial-gradient(700px 520px at 10% 0%,var(--ambient-a),transparent 60%),
  radial-gradient(760px 560px at 100% 30%,var(--ambient-b),transparent 60%),
  radial-gradient(640px 520px at 40% 110%,rgba(139,92,246,.35),transparent 60%)}
html[data-skin="glass"] .card,html[data-skin="glass"] .kpi,html[data-skin="glass"] .set-card,html[data-skin="glass"] .pl-card,html[data-skin="glass"] .bigbtn,html[data-skin="glass"] .studio-tabs,html[data-skin="glass"] .skin-card{
  background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-1),inset 0 1px 0 var(--glass-hi)}
html[data-skin="glass"] .btn:not(.pri):not(.dgr):not(.ghost){background:var(--surface);border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-skin="glass"] .btn.pri{background:linear-gradient(135deg,#6366F1,#8B5CF6 60%,#EC4899);border:0;color:#fff;box-shadow:0 10px 24px rgba(99,102,241,.35)}
html[data-skin="glass"] input[type=text],html[data-skin="glass"] input[type=number],html[data-skin="glass"] input[type=date],html[data-skin="glass"] input[type=tel],html[data-skin="glass"] input[type=email],html[data-skin="glass"] input[type=password],html[data-skin="glass"] select,html[data-skin="glass"] textarea{background-color:var(--surface-2);border-color:var(--line)}
html[data-skin="glass"] .kpi.acc-b,html[data-skin="glass"] .kpi.acc-g,html[data-skin="glass"] .kpi.acc-d,html[data-skin="glass"] .kpi.acc-a{border-inline-start-width:1px}
html.lowfx[data-skin="glass"] .card,html.lowfx[data-skin="glass"] .kpi,html.lowfx[data-skin="glass"] .set-card,html.lowfx[data-skin="glass"] .pl-card{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}

/* =================== EDITORIAL =================== */
:root[data-skin="editorial"]{
  --brand:#111111; --brand-deep:#000; --brand-soft:#ECE5D8; --brand-ink:#111; --on-brand:#F7F3EC;
  --paper:#F4EFE6; --surface:#FBF8F2; --surface-2:#F7F2E9; --sunken:#ECE5D8;
  --ink:#141414; --ink-2:#3A3A3A; --ink-3:#6E6A63; --line:#D9D1C3; --line-strong:#141414;
  --danger:#B3261E; --danger-soft:#F6E1DE; --good:#1E5E3A; --good-soft:#E2ECE3; --amber:#8A5A00; --amber-soft:#F3E8D1;
  --glass:#F4EFE6; --glass-2:#FBF8F2; --glass-hi:transparent; --glass-edge:#141414;
  --shadow-1:none; --shadow-2:none; --shadow-glass:none; --shadow-3:0 20px 60px rgba(0,0,0,.18);
  --r-s:2px; --r-m:2px; --r-l:4px; --blur:none;
}
:root[data-skin="editorial"][data-theme="dark"]{
  --brand:#EDE6DA; --brand-deep:#fff; --brand-soft:#2A2723; --brand-ink:#EDE6DA; --on-brand:#121110;
  --paper:#121110; --surface:#1A1917; --surface-2:#1F1D1A; --sunken:#26231F; --ink:#EDE6DA; --ink-2:#C9C1B3; --ink-3:#958D80;
  --line:#34302A; --line-strong:#EDE6DA; --glass:#121110; --glass-2:#1A1917; --glass-edge:#EDE6DA;
  --danger:#F08C84; --danger-soft:#3A1C19; --good:#8FD1A8; --good-soft:#18291F; --amber:#E4B45F; --amber-soft:#2E2515;
}
@media (prefers-color-scheme:dark){:root[data-skin="editorial"]:not([data-theme="light"]){
  --brand:#EDE6DA; --brand-deep:#fff; --brand-soft:#2A2723; --brand-ink:#EDE6DA; --on-brand:#121110;
  --paper:#121110; --surface:#1A1917; --surface-2:#1F1D1A; --sunken:#26231F; --ink:#EDE6DA; --ink-2:#C9C1B3; --ink-3:#958D80;
  --line:#34302A; --line-strong:#EDE6DA; --glass:#121110; --glass-2:#1A1917; --glass-edge:#EDE6DA;
  --danger:#F08C84; --danger-soft:#3A1C19; --good:#8FD1A8; --good-soft:#18291F; --amber:#E4B45F; --amber-soft:#2E2515;
}}
html[data-skin="editorial"] body::before{display:none}
html[data-skin="editorial"] h1,html[data-skin="editorial"] h2,html[data-skin="editorial"] h3,html[data-skin="editorial"] .k-v,html[data-skin="editorial"] .pl-price,html[data-skin="editorial"] .studio-t{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em}
html[data-skin="editorial"] .topbar h1{font-size:23px}
html[data-skin="editorial"] .card-h h3{font-size:19px}
html[data-skin="editorial"] .k-v{font-size:30px}
html[data-skin="editorial"] .card,html[data-skin="editorial"] .kpi,html[data-skin="editorial"] .set-card,html[data-skin="editorial"] .pl-card{background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0;box-shadow:none}
html[data-skin="editorial"] .kpi{border-inline-start:0!important;padding-inline:2px}
html[data-skin="editorial"] .card-h{border-bottom:1px solid var(--line);padding-inline:2px}
html[data-skin="editorial"] .card-b{padding-inline:2px}
html[data-skin="editorial"] .k-l,html[data-skin="editorial"] .sec-title,html[data-skin="editorial"] .nav-group,html[data-skin="editorial"] table.t th{text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:700}
html[data-skin="editorial"] .btn{border-radius:0;border:1px solid var(--ink);box-shadow:none;background:transparent}
html[data-skin="editorial"] .btn.pri{background:var(--ink);color:var(--paper);border-color:var(--ink)}
html[data-skin="editorial"] .btn.ghost{border-color:transparent}
html[data-skin="editorial"] .chip,html[data-skin="editorial"] .tag,html[data-skin="editorial"] .seg,html[data-skin="editorial"] .seg button{border-radius:0}
html[data-skin="editorial"] .topbar{background:var(--paper);border-bottom:3px double var(--ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="editorial"] .rail{background:var(--paper);border-inline-end:1px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="editorial"] .nav a{border-radius:0;font-family:var(--f-display);font-size:16px}
html[data-skin="editorial"] .nav a.on{background:transparent;color:var(--ink);box-shadow:inset 3px 0 0 var(--ink);font-style:italic}
html[data-skin="editorial"] .modal{background:var(--surface);border:1px solid var(--ink);border-radius:0}
html[data-skin="editorial"] .bigbtn,html[data-skin="editorial"] .studio-tabs,html[data-skin="editorial"] .studio-tabs a{border-radius:0}
html[data-skin="editorial"] input[type=text],html[data-skin="editorial"] input[type=number],html[data-skin="editorial"] input[type=date],html[data-skin="editorial"] input[type=tel],html[data-skin="editorial"] input[type=email],html[data-skin="editorial"] input[type=password],html[data-skin="editorial"] select,html[data-skin="editorial"] textarea{border-radius:0;border-width:0 0 1px 0;background-color:transparent}

/* =================== MINIMAL =================== */
:root[data-skin="minimal"]{
  --brand:#111827; --brand-deep:#000; --brand-soft:#F3F4F6; --brand-ink:#111827; --on-brand:#fff;
  --paper:#FAFAFA; --surface:#FFFFFF; --surface-2:#FAFAFA; --sunken:#F3F4F6;
  --ink:#111827; --ink-2:#374151; --ink-3:#6B7280; --line:#E5E7EB; --line-strong:#D1D5DB;
  --glass:#FFFFFF; --glass-2:#FFFFFF; --glass-hi:transparent; --glass-edge:#E5E7EB;
  --shadow-1:none; --shadow-2:0 1px 3px rgba(0,0,0,.06); --shadow-glass:0 1px 3px rgba(0,0,0,.08); --shadow-3:0 16px 48px rgba(0,0,0,.14);
  --r-s:8px; --r-m:12px; --r-l:16px; --blur:none;
}
:root[data-skin="minimal"][data-theme="dark"]{
  --brand:#F5F5F5; --brand-deep:#fff; --brand-soft:#1F1F1F; --brand-ink:#F5F5F5; --on-brand:#0A0A0A;
  --paper:#0A0A0A; --surface:#111111; --surface-2:#141414; --sunken:#1A1A1A; --ink:#F5F5F5; --ink-2:#D4D4D4; --ink-3:#8A8A8A;
  --line:#262626; --line-strong:#3A3A3A; --glass:#111; --glass-2:#111; --glass-edge:#262626;
}
@media (prefers-color-scheme:dark){:root[data-skin="minimal"]:not([data-theme="light"]){
  --brand:#F5F5F5; --brand-deep:#fff; --brand-soft:#1F1F1F; --brand-ink:#F5F5F5; --on-brand:#0A0A0A;
  --paper:#0A0A0A; --surface:#111111; --surface-2:#141414; --sunken:#1A1A1A; --ink:#F5F5F5; --ink-2:#D4D4D4; --ink-3:#8A8A8A;
  --line:#262626; --line-strong:#3A3A3A; --glass:#111; --glass-2:#111; --glass-edge:#262626;
}}
html[data-skin="minimal"] body::before{display:none}
html[data-skin="minimal"] .topbar,html[data-skin="minimal"] .rail,html[data-skin="minimal"] .modal{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
html[data-skin="minimal"] .rail{background:var(--surface)}
html[data-skin="minimal"] .topbar{background:var(--paper)}
html[data-skin="minimal"] .btn.pri{background:var(--brand);box-shadow:none}
html[data-skin="minimal"] .btn.pri:hover{background:var(--brand-deep);filter:none}
html[data-skin="minimal"] .nav a.on{background:var(--sunken);color:var(--ink);box-shadow:none}
html[data-skin="minimal"] .kpi.acc-b,html[data-skin="minimal"] .kpi.acc-g,html[data-skin="minimal"] .kpi.acc-d,html[data-skin="minimal"] .kpi.acc-a,html[data-skin="minimal"] .kpi.acc-i{border-inline-start-width:1px}
html[data-skin="minimal"] .kpi .k-v{font-weight:600}
html[data-skin="minimal"] .modal{border:1px solid var(--line);background:var(--surface)}
html[data-skin="minimal"] .pl-card.star{background:var(--surface);border-color:var(--ink)}

/* =================== BRUTALISM =================== */
:root[data-skin="brutal"]{
  --brand:#000; --brand-deep:#000; --brand-soft:#FFE44D; --brand-ink:#000; --on-brand:#FFE44D;
  --paper:#FFFBEA; --surface:#FFFFFF; --surface-2:#FFF7D1; --sunken:#F4EFDB;
  --ink:#000; --ink-2:#1A1A1A; --ink-3:#4A4A4A; --line:#000; --line-strong:#000;
  --good:#007A3D; --good-soft:#B8F5CF; --danger:#D6002A; --danger-soft:#FFC7D3; --amber:#8A5300; --amber-soft:#FFE44D; --info:#0047FF; --info-soft:#C9DBFF;
  --glass:#FFFBEA; --glass-2:#fff; --glass-hi:transparent; --glass-edge:#000;
  --bru:#000; --shadow-1:4px 4px 0 var(--bru); --shadow-2:6px 6px 0 var(--bru); --shadow-glass:5px 5px 0 var(--bru); --shadow-3:10px 10px 0 var(--bru);
  --r-s:0; --r-m:0; --r-l:0; --blur:none;
}
:root[data-skin="brutal"][data-theme="dark"]{
  --brand:#FFE44D; --brand-deep:#FFE44D; --brand-soft:#3A3300; --brand-ink:#FFE44D; --on-brand:#000;
  --paper:#111; --surface:#1A1A1A; --surface-2:#222; --sunken:#262626; --ink:#fff; --ink-2:#eee; --ink-3:#bbb;
  --line:#fff; --line-strong:#fff; --glass:#111; --glass-2:#1A1A1A; --glass-edge:#fff; --bru:#FFE44D;
  --good:#5CFF9D; --good-soft:#0D3A22; --danger:#FF5C8A; --danger-soft:#3D0B19; --amber:#FFE44D; --amber-soft:#3A3300; --info:#7FA6FF; --info-soft:#12224A;
}
@media (prefers-color-scheme:dark){:root[data-skin="brutal"]:not([data-theme="light"]){
  --brand:#FFE44D; --brand-deep:#FFE44D; --brand-soft:#3A3300; --brand-ink:#FFE44D; --on-brand:#000;
  --paper:#111; --surface:#1A1A1A; --surface-2:#222; --sunken:#262626; --ink:#fff; --ink-2:#eee; --ink-3:#bbb;
  --line:#fff; --line-strong:#fff; --glass:#111; --glass-2:#1A1A1A; --glass-edge:#fff; --bru:#FFE44D;
  --good:#5CFF9D; --good-soft:#0D3A22; --danger:#FF5C8A; --danger-soft:#3D0B19; --amber:#FFE44D; --amber-soft:#3A3300; --info:#7FA6FF; --info-soft:#12224A;
}}
html[data-skin="brutal"] body::before{display:none}
html[data-skin="brutal"] h1,html[data-skin="brutal"] h2,html[data-skin="brutal"] h3,html[data-skin="brutal"] .k-v,html[data-skin="brutal"] .pl-price{font-family:var(--f-num);font-weight:700;letter-spacing:-.03em;text-transform:uppercase}
html[data-skin="brutal"] .card,html[data-skin="brutal"] .kpi,html[data-skin="brutal"] .set-card,html[data-skin="brutal"] .pl-card,html[data-skin="brutal"] .bigbtn,html[data-skin="brutal"] .modal,html[data-skin="brutal"] .studio-tabs,html[data-skin="brutal"] .skin-card{border:2.5px solid var(--line);border-radius:0;box-shadow:var(--shadow-1)}
html[data-skin="brutal"] .kpi:nth-child(4n+1){background:#FFE44D;color:#000}
html[data-skin="brutal"] .kpi:nth-child(4n+2){background:#FF9EC0;color:#000}
html[data-skin="brutal"] .kpi:nth-child(4n+3){background:#9EE7FF;color:#000}
html[data-skin="brutal"] .kpi:nth-child(4n+4){background:#B8F5CF;color:#000}
html[data-skin="brutal"] .kpi .k-l,html[data-skin="brutal"] .kpi .k-s{color:#000}
html[data-skin="brutal"] .btn{border:2px solid var(--line);border-radius:0;box-shadow:3px 3px 0 var(--bru);font-weight:700;text-transform:uppercase;letter-spacing:.02em;transition:transform .1s,box-shadow .1s}
html[data-skin="brutal"] .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--bru);background:var(--surface)}
html[data-skin="brutal"] .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--bru)}
html[data-skin="brutal"] .btn.pri{background:#FFE44D;color:#000;border-color:#000}
html[data-skin="brutal"] .btn.ghost{box-shadow:none;border-color:transparent}
html[data-skin="brutal"] .chip,html[data-skin="brutal"] .tag,html[data-skin="brutal"] .seg,html[data-skin="brutal"] .seg button,html[data-skin="brutal"] .studio-tabs a{border-radius:0}
html[data-skin="brutal"] .tag{border:1.5px solid currentColor}
html[data-skin="brutal"] .topbar{background:var(--paper);border-bottom:3px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="brutal"] .rail{background:var(--paper);border-inline-end:3px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="brutal"] .nav a{border-radius:0;font-weight:700}
html[data-skin="brutal"] .nav a.on{background:#FFE44D;color:#000;box-shadow:3px 3px 0 var(--bru);border:2px solid #000}
html[data-skin="brutal"] input[type=text],html[data-skin="brutal"] input[type=number],html[data-skin="brutal"] input[type=date],html[data-skin="brutal"] input[type=tel],html[data-skin="brutal"] input[type=email],html[data-skin="brutal"] input[type=password],html[data-skin="brutal"] select,html[data-skin="brutal"] textarea{border:2px solid var(--line);border-radius:0}
html[data-skin="brutal"] .ovl{background:rgba(0,0,0,.55);-webkit-backdrop-filter:none;backdrop-filter:none}

/* =================== MATERIAL 3 =================== */
:root[data-skin="material"]{
  --brand:#6750A4; --brand-deep:#4F378B; --brand-soft:#EADDFF; --brand-ink:#21005D; --on-brand:#FFFFFF;
  --paper:#FEF7FF; --surface:#F7F2FA; --surface-2:#F3EDF7; --sunken:#ECE6F0;
  --ink:#1D1B20; --ink-2:#49454F; --ink-3:#79747E; --line:#E7E0EC; --line-strong:#CAC4D0;
  --good:#146C2E; --good-soft:#C4EED0; --danger:#B3261E; --danger-soft:#F9DEDC; --info:#0B57D0; --info-soft:#D3E3FD;
  --glass:#F3EDF7; --glass-2:#F7F2FA; --glass-hi:transparent; --glass-edge:#E7E0EC;
  --shadow-1:0 1px 2px rgba(0,0,0,.18),0 1px 3px 1px rgba(0,0,0,.08); --shadow-2:0 1px 2px rgba(0,0,0,.2),0 2px 6px 2px rgba(0,0,0,.1);
  --shadow-glass:0 2px 6px 2px rgba(0,0,0,.1); --shadow-3:0 4px 8px 3px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.2);
  --r-s:12px; --r-m:16px; --r-l:28px; --blur:none;
  --f-ui:Roboto,"Google Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
:root[data-skin="material"][data-theme="dark"]{
  --brand:#D0BCFF; --brand-deep:#EADDFF; --brand-soft:#4F378B; --brand-ink:#EADDFF; --on-brand:#381E72;
  --paper:#141218; --surface:#211F26; --surface-2:#1D1B20; --sunken:#2B2930; --ink:#E6E0E9; --ink-2:#CAC4D0; --ink-3:#938F99;
  --line:#36343B; --line-strong:#49454F; --glass:#211F26; --glass-2:#2B2930; --glass-edge:#36343B;
  --good:#6DD58C; --good-soft:#0F3A1E; --danger:#F2B8B5; --danger-soft:#601410; --info:#A8C7FA; --info-soft:#0B2A5C;
}
@media (prefers-color-scheme:dark){:root[data-skin="material"]:not([data-theme="light"]){
  --brand:#D0BCFF; --brand-deep:#EADDFF; --brand-soft:#4F378B; --brand-ink:#EADDFF; --on-brand:#381E72;
  --paper:#141218; --surface:#211F26; --surface-2:#1D1B20; --sunken:#2B2930; --ink:#E6E0E9; --ink-2:#CAC4D0; --ink-3:#938F99;
  --line:#36343B; --line-strong:#49454F; --glass:#211F26; --glass-2:#2B2930; --glass-edge:#36343B;
  --good:#6DD58C; --good-soft:#0F3A1E; --danger:#F2B8B5; --danger-soft:#601410; --info:#A8C7FA; --info-soft:#0B2A5C;
}}
html[data-skin="material"] body::before{display:none}
html[data-skin="material"] .card,html[data-skin="material"] .kpi,html[data-skin="material"] .set-card,html[data-skin="material"] .pl-card,html[data-skin="material"] .bigbtn{border:0;background:var(--surface);box-shadow:var(--shadow-1);border-radius:var(--r-m)}
html[data-skin="material"] .kpi.acc-b,html[data-skin="material"] .kpi.acc-g,html[data-skin="material"] .kpi.acc-d,html[data-skin="material"] .kpi.acc-a,html[data-skin="material"] .kpi.acc-i{border-inline-start:0}
html[data-skin="material"] .kpi.acc-b{background:var(--brand-soft)}
html[data-skin="material"] .kpi.acc-g{background:var(--good-soft)}
html[data-skin="material"] .kpi.acc-d{background:var(--danger-soft)}
html[data-skin="material"] .kpi.acc-a{background:var(--amber-soft)}
html[data-skin="material"] .btn{border-radius:20px;padding-inline:18px;box-shadow:none;border-color:var(--line-strong);background:transparent;color:var(--brand)}
html[data-skin="material"] .btn:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)}
html[data-skin="material"] .btn.pri{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
html[data-skin="material"] .btn.pri:hover{box-shadow:var(--shadow-1);background:var(--brand);filter:none}
html[data-skin="material"] .btn.dgr{background:var(--danger);color:#fff;border-color:var(--danger)}
html[data-skin="material"] .btn.sm{border-radius:16px}
html[data-skin="material"] .chip{border-radius:8px}
html[data-skin="material"] .chip.on{background:var(--brand-soft);color:var(--brand-ink);border-color:transparent}
html[data-skin="material"] .topbar{background:var(--paper);box-shadow:none;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="material"] .topbar h1{font-size:22px;font-weight:400}
html[data-skin="material"] .rail{background:var(--surface-2);border-inline-end:0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="material"] .nav a{border-radius:28px;padding:11px 16px}
html[data-skin="material"] .nav a.on{background:var(--brand-soft);color:var(--brand-ink);box-shadow:none}
html[data-skin="material"] .modal{background:var(--surface-2);border:0;border-radius:28px}
html[data-skin="material"] input[type=text],html[data-skin="material"] input[type=number],html[data-skin="material"] input[type=date],html[data-skin="material"] input[type=tel],html[data-skin="material"] input[type=email],html[data-skin="material"] input[type=password],html[data-skin="material"] select,html[data-skin="material"] textarea{border-radius:4px;border-color:var(--ink-3)}
html[data-skin="material"] .studio-tabs{border:0;background:transparent;padding:0;border-bottom:1px solid var(--line);border-radius:0}
html[data-skin="material"] .studio-tabs a{border-radius:0;box-shadow:none!important;background:transparent!important}
html[data-skin="material"] .studio-tabs a.on{color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)!important}
@media(max-width:860px){
  html[data-skin="material"] .mtabs{inset-inline:0;bottom:0;border-radius:0;border:0;padding:10px 4px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface-2);box-shadow:none}
  html[data-skin="material"] .mt-blob{display:none}
  html[data-skin="material"] .mtabs a{border-radius:0;font-size:11.5px;font-weight:600;gap:4px}
  html[data-skin="material"] .mtabs a svg{width:24px;height:24px;padding:4px 18px;box-sizing:content-box;border-radius:16px;transition:background .25s}
  html[data-skin="material"] .mtabs a.on svg{background:var(--brand-soft);color:var(--brand-ink);transform:none}
  html[data-skin="material"] .mtabs a.mid .ic{width:52px;height:52px;border-radius:16px;margin-top:-30px;border:0;background:var(--brand-soft);color:var(--brand-ink);box-shadow:var(--shadow-3)}
  html[data-skin="material"] .mtabs a.mid .ic svg{padding:0;background:transparent}
  html[data-skin="material"] .view{padding-bottom:110px}
}

/* =================== simple mobile docks for flat skins =================== */
@media(max-width:860px){
  html[data-skin="editorial"] .mtabs,html[data-skin="minimal"] .mtabs{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-glass);border:1px solid var(--line)}
  html[data-skin="editorial"] .mtabs{border-radius:0;border:0;border-top:2px solid var(--ink);inset-inline:0;bottom:0;box-shadow:none}
  html[data-skin="editorial"] .mt-blob{border-radius:0;background:transparent;box-shadow:inset 0 3px 0 var(--ink)}
  html[data-skin="brutal"] .mtabs{border:2.5px solid var(--line);border-radius:0;background:var(--surface);box-shadow:var(--shadow-2);-webkit-backdrop-filter:none;backdrop-filter:none}
  html[data-skin="brutal"] .mt-blob{border-radius:0;background:#FFE44D;border:2px solid #000}
  html[data-skin="brutal"] .mtabs a.on{color:#000}
  html[data-skin="brutal"] .mtabs a.mid .ic{border-radius:0;border:2.5px solid #000;background:#FFE44D;color:#000;box-shadow:4px 4px 0 #000}
}

/* =================== APPLE-STYLE NAVBAR =================== */
:root[data-navstyle="apple"]{--topbar:52px;--ios-blue:#007AFF}
html[data-navstyle="apple"] .topbar{
  background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid color-mix(in srgb,var(--ink) 18%,transparent);box-shadow:none;position:sticky}
html[data-navstyle="apple"] .topbar h1{position:absolute;left:50%;transform:translateX(-50%);max-width:52%;text-align:center;font-size:17px;font-weight:600;letter-spacing:-.02em;font-family:-apple-system,"SF Pro Text",var(--f-ui);pointer-events:none}
html[data-navstyle="apple"] .topbar .btn-ic{color:var(--brand);background:transparent}
html[data-navstyle="apple"] #topextra{display:none}
html[data-navstyle="apple"] .rail{background:color-mix(in srgb,var(--surface) 60%,transparent);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-inline-end:.5px solid color-mix(in srgb,var(--ink) 16%,transparent)}
html[data-navstyle="apple"] .nav a{border-radius:7px;padding:6px 10px;font-size:13px;font-family:-apple-system,"SF Pro Text",var(--f-ui)}
html[data-navstyle="apple"] .nav a.on{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink);box-shadow:none;font-weight:600}
html[data-navstyle="apple"] .nav a.on svg{color:var(--brand)}
@media(max-width:860px){
  html[data-navstyle="apple"] .mtabs{inset-inline:0;bottom:0;border-radius:0;border:0;border-top:.5px solid color-mix(in srgb,var(--ink) 18%,transparent);
    padding:6px 2px calc(4px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--paper) 78%,transparent);
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:none}
  html[data-navstyle="apple"] .mt-blob{display:none}
  html[data-navstyle="apple"] .mtabs a{border-radius:0;font-size:10px;font-weight:500;gap:2px;padding:3px 0;color:color-mix(in srgb,var(--ink) 45%,transparent);font-family:-apple-system,"SF Pro Text",var(--f-ui)}
  html[data-navstyle="apple"] .mtabs a svg{width:25px;height:25px;transform:none!important}
  html[data-navstyle="apple"] .mtabs a.on{color:var(--brand)}
  html[data-navstyle="apple"] .mtabs a.mid .ic{width:auto;height:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}
  html[data-navstyle="apple"] .mtabs a.mid .ic svg{width:25px;height:25px}
  html[data-navstyle="apple"] .mtabs a.mid.on .ic{background:transparent}
  html[data-navstyle="apple"] .view{padding-bottom:100px}
  html[data-navstyle="apple"] #toasts,html[data-navstyle="apple"] .crm-nudge{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* =================== v4.13 · smoother, more realistic finish =================== */
/* theme / style / light-dark badalne par halka crossfade (studio.js smooth()) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.22,.8,.24,1)}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ---- Classic: kaagaz jaisi gehri, narm parchhai; tap par row halki si dabti hai ---- */
:root{--soft-drop:0 10px 26px -16px rgba(16,42,32,.30)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--soft-drop:0 10px 26px -14px rgba(0,0,0,.72)}}
:root[data-theme="dark"]{--soft-drop:0 10px 26px -14px rgba(0,0,0,.72)}
html:not([data-skin]) .card,html:not([data-skin]) .set-card{box-shadow:var(--shadow-1),var(--soft-drop),inset 0 1px 0 color-mix(in srgb,var(--glass-hi) 55%,transparent)}
html:not([data-skin]) .bigbtn:hover,html:not([data-skin]) .kpi.clik:hover{box-shadow:var(--shadow-2),var(--soft-drop)}
html:not([data-skin]) .led-row:active{background:color-mix(in srgb,var(--brand) 8%,transparent)}

/* ---- Glass: kinaaron par roshni pakadta asli shisha, narm parat-dar parchhai, phone par bhi sahi naap ka rang ---- */
:root[data-skin="glass"]{
  --rim:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.28) 34%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.62));
  --glass-drop:0 1px 1px rgba(31,38,135,.05),0 14px 34px -14px rgba(31,38,135,.32)}
:root[data-skin="glass"][data-theme="dark"]{
  --rim:linear-gradient(150deg,rgba(255,255,255,.26),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.16));
  --glass-drop:0 1px 1px rgba(0,0,0,.3),0 16px 36px -14px rgba(0,0,0,.72)}
@media (prefers-color-scheme:dark){:root[data-skin="glass"]:not([data-theme="light"]){
  --rim:linear-gradient(150deg,rgba(255,255,255,.26),rgba(255,255,255,.06) 40%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.16));
  --glass-drop:0 1px 1px rgba(0,0,0,.3),0 16px 36px -14px rgba(0,0,0,.72)}}
html[data-skin="glass"] body::before{background:
  radial-gradient(70% 55% at 6% -4%,var(--ambient-a),transparent 72%),
  radial-gradient(65% 50% at 104% 30%,var(--ambient-b),transparent 74%),
  radial-gradient(60% 50% at 40% 106%,rgba(139,92,246,.30),transparent 74%)}
html[data-skin="glass"] .card,html[data-skin="glass"] .kpi,html[data-skin="glass"] .set-card,html[data-skin="glass"] .pl-card,html[data-skin="glass"] .bigbtn,html[data-skin="glass"] .studio-tabs,html[data-skin="glass"] .skin-card{
  background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--rim) border-box;border:1px solid transparent;
  box-shadow:var(--glass-drop),inset 0 1px 0 var(--glass-hi)}
html.lowfx[data-skin="glass"] .card,html.lowfx[data-skin="glass"] .kpi,html.lowfx[data-skin="glass"] .set-card,html.lowfx[data-skin="glass"] .pl-card,html.lowfx[data-skin="glass"] .bigbtn{background:var(--surface-solid);border-color:var(--line)}
html[data-skin="glass"] .btn.pri{box-shadow:0 10px 24px -6px rgba(99,102,241,.5),inset 0 1px 0 rgba(255,255,255,.35)}
html[data-skin="glass"] .bigbtn:hover,html[data-skin="glass"] .kpi.clik:hover{transform:translateY(-2px);box-shadow:var(--glass-drop),0 18px 40px -16px rgba(31,38,135,.36),inset 0 1px 0 var(--glass-hi)}

/* ---- Editorial: asli akhbaari kaagaz ka daana (bahut halka) ---- */
:root[data-skin="editorial"]{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .27 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
:root[data-skin="editorial"][data-theme="dark"]{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .92 0 0 0 0 .86 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root[data-skin="editorial"]:not([data-theme="light"]){--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .92 0 0 0 0 .86 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}
html[data-skin="editorial"] body::before{display:block;background:var(--grain);background-size:160px 160px}
html[data-skin="editorial"] .btn:active{transform:translateY(1px)}

/* ---- Minimal: patli saaf lakeer, chhoone par halka sa uthaav ---- */
html[data-skin="minimal"] .card,html[data-skin="minimal"] .set-card{box-shadow:0 1px 2px rgba(0,0,0,.03)}
html[data-skin="minimal"] .bigbtn,html[data-skin="minimal"] .kpi{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}
html[data-skin="minimal"] .bigbtn:hover,html[data-skin="minimal"] .kpi.clik:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 20px -12px rgba(0,0,0,.18)}
html[data-skin="minimal"] .set-row:hover,html[data-skin="minimal"] .led-row:hover{background:var(--sunken)}
html[data-skin="minimal"] :focus-visible{outline-color:var(--ink)}

/* ---- Brutalism: card aur tile bhi button ki tarah asli dabte hain ---- */
html[data-skin="brutal"] .bigbtn,html[data-skin="brutal"] .kpi.clik,html[data-skin="brutal"] .skin-mini button{transition:transform .08s ease-out,box-shadow .08s ease-out}
html[data-skin="brutal"] .bigbtn:hover,html[data-skin="brutal"] .kpi.clik:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bru)}
html[data-skin="brutal"] .bigbtn:active,html[data-skin="brutal"] .kpi.clik:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--bru)}
html[data-skin="brutal"] .set-row:active,html[data-skin="brutal"] .led-row:active{background:#FFE44D;color:#000}
@media(max-width:860px){html[data-skin="brutal"] .mtabs a.mid:active .ic{transform:translate(3px,3px);box-shadow:1px 1px 0 #000}}

/* ---- Material 3: asli state-layer (hover 8%, dabana 12%) aur narm elevation ---- */
html[data-skin="material"] .btn,html[data-skin="material"] .bigbtn,html[data-skin="material"] .kpi{transition:background .2s cubic-bezier(.2,0,0,1),box-shadow .28s cubic-bezier(.2,0,0,1),color .2s}
html[data-skin="material"] .btn:not(.pri):not(.dgr):active{transform:none;background-color:color-mix(in srgb,var(--brand) 12%,transparent)}
html[data-skin="material"] .btn.pri:active,html[data-skin="material"] .btn.dgr:active{transform:none;filter:brightness(.92)}
html[data-skin="material"] .bigbtn:hover,html[data-skin="material"] .kpi.clik:hover{box-shadow:var(--shadow-2);transform:none}
html[data-skin="material"] .set-row:hover,html[data-skin="material"] .led-row:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
html[data-skin="material"] .set-row:active,html[data-skin="material"] .led-row:active{background:color-mix(in srgb,var(--ink) 12%,transparent)}
@media(max-width:860px){html[data-skin="material"] .mtabs a svg{transition:background .3s cubic-bezier(.2,0,0,1)}}

/* ---- Apple navbar: iPhone jaisa — dabane par icon halka padta hai, bada nahi hota ---- */
html[data-navstyle="apple"] .topbar .btn-ic{transition:opacity .15s}
html[data-navstyle="apple"] .topbar .btn-ic:active{opacity:.35;transform:none}
@media(max-width:860px){
  html[data-navstyle="apple"] .mtabs a{-webkit-tap-highlight-color:transparent;transition:color .2s,opacity .12s}
  html[data-navstyle="apple"] .mtabs a:active{opacity:.5}
}

/* =================== SPECIAL · classic desktop accounting (sirf Ultra Advance aur admin) ===================
   Halka neela desktop, safed panel, neeli title-bar wale dialog, classic button, report jaisi table.
   Laptop par daayen shortcut-key panel aur neeche status line (studio.js banata hai). Hamesha light. */
:root[data-skin="special"][data-skin]{
  --brand:#2557A8; --brand-deep:#183F82; --brand-soft:#DCE8F8; --brand-ink:#183F82; --on-brand:#FFFFFF;
  --champ:#FFF4D2; --champ-2:#F2DE9C; --champ-ink:#6B4F1D; --gold:#B8904A;
  --paper:#D3E4F5; --surface:#FFFFFF; --surface-2:#F4F7FB; --sunken:#E7EEF7;
  --ink:#0E1A31; --ink-2:#2B3B58; --ink-3:#56667F; --line:#BCCADD; --line-strong:#8FA3C0;
  --amber:#8A5300; --amber-soft:#FFF2D4; --danger:#B42318; --danger-soft:#FCE4E1; --good:#1B6B35; --good-soft:#DDF1E3; --info:#1D5D9B; --info-soft:#E0ECF8;
  --on-danger:#FFFFFF; --on-good:#FFFFFF;
  --glass:#FFFFFF; --glass-2:#FFFFFF; --glass-hi:rgba(255,255,255,.9); --glass-edge:#9AB0CE;
  --ambient-a:transparent; --ambient-b:transparent;
  --shadow-1:0 1px 2px rgba(17,40,82,.14); --shadow-2:0 2px 6px rgba(17,40,82,.2); --shadow-3:0 12px 30px rgba(10,30,70,.36); --shadow-glass:0 2px 8px rgba(17,40,82,.22);
  --r-s:2px; --r-m:3px; --r-l:4px; --blur:none;
  --f-ui:Tahoma,Verdana,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --sk-title:linear-gradient(180deg,#4F84D3 0%,#3268BC 46%,#2858AA 54%,#1F4B95 100%);
  --sk-face:linear-gradient(180deg,#FFFFFF 0%,#F2F5F9 46%,#E4E9F0 54%,#DDE3EB 100%);
  --sk-hot:linear-gradient(180deg,#F5FAFF 0%,#E1EEFC 46%,#D0E3FA 54%,#C6DDF8 100%);
  --sk-sel:linear-gradient(180deg,#E8F2FE,#CDE0F8);
  --sk-edge:#8EA4C3;
  color-scheme:light;
}
html[data-skin="special"] body::before{background:linear-gradient(180deg,#B8D2ED 0%,#D4E5F6 30%,#E2EDF9 52%,#D5E5F5 78%,#C5DBF1 100%)}

/* title bar (upar) */
html[data-skin="special"] .topbar{background:var(--sk-title);color:#fff;border-bottom:1px solid #143670;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 3px rgba(10,30,70,.25);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="special"] .topbar h1{color:#fff;font-weight:700;font-size:16px;letter-spacing:0;text-shadow:0 1px 1px rgba(0,0,0,.28)}
html[data-skin="special"] .topbar .btn-ic{color:#fff;background:transparent;border-radius:3px}
html[data-skin="special"] .topbar .btn-ic:hover{background:rgba(255,255,255,.16)}
html[data-skin="special"] .topbar .btn-ic:active{background:rgba(0,0,0,.14);transform:none}
html[data-skin="special"] .topbar .sync{color:#E4EEFC}

/* menu (baayen) */
html[data-skin="special"] .rail{background:#F6F8FC;border-inline-end:1px solid var(--sk-edge);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="special"] .rail-brand{background:var(--sk-title);border-bottom:1px solid #143670;color:#fff}
html[data-skin="special"] .rail-co span{color:#D6E4F8}
html[data-skin="special"] .rail-mark{background:#fff;color:var(--brand-deep);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.25)}
html[data-skin="special"] .nav-group{color:var(--brand-deep);font-weight:700;letter-spacing:.06em;border-bottom:1px solid var(--line);margin:12px 4px 4px;padding:0 6px 3px}
html[data-skin="special"] .nav a{border-radius:2px;border:1px solid transparent;padding:6px 9px;color:var(--ink);font-weight:600;transition:none}
html[data-skin="special"] .nav a:hover{background:#E8F1FC;border-color:#AFC8EA;color:var(--ink)}
html[data-skin="special"] .nav a.on{background:var(--sk-sel);border-color:#7EA3D6;color:var(--brand-deep);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html[data-skin="special"] .nav a.on svg{color:var(--brand)}
html[data-skin="special"] .nav-tail{border-top:1px solid var(--line)}

/* khidki jaise panel */
html[data-skin="special"] .card,html[data-skin="special"] .set-card,html[data-skin="special"] .pl-card,html[data-skin="special"] .skin-card,html[data-skin="special"] .studio-tabs{background:#fff;border:1px solid var(--sk-edge);border-radius:3px;box-shadow:0 1px 3px rgba(17,40,82,.16);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="special"] .card-h{background:linear-gradient(180deg,#F7F9FC,#E3EBF6);border-bottom:1px solid #B5C5DB;border-radius:2px 2px 0 0}
html[data-skin="special"] .card-h h3{color:var(--brand-deep);font-weight:700;font-size:13.5px}
html[data-skin="special"] .kpi{background:#fff;border:1px solid var(--sk-edge);border-radius:3px;box-shadow:0 1px 2px rgba(17,40,82,.12)}
html[data-skin="special"] .kpi.acc-g{border-inline-start:4px solid var(--good)}
html[data-skin="special"] .kpi.acc-d{border-inline-start:4px solid var(--danger)}
html[data-skin="special"] .kpi.acc-a{border-inline-start:4px solid var(--amber)}
html[data-skin="special"] .kpi.acc-b{border-inline-start:4px solid var(--brand)}
html[data-skin="special"] .kpi.acc-i{border-inline-start:4px solid var(--info)}
html[data-skin="special"] .kpi .k-l{color:var(--brand-deep);font-weight:700}
html[data-skin="special"] .kpi.clik:hover{transform:none;border-color:#6F93C9;box-shadow:0 2px 6px rgba(17,40,82,.2)}
html[data-skin="special"] .bigbtn{background:var(--sk-face);border:1px solid var(--sk-edge);border-radius:3px;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .bigbtn:hover{background:var(--sk-hot);border-color:#5E89C6;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .bigbtn:active{transform:none;background:linear-gradient(180deg,#C9DCF4,#DCE9F8);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
html[data-skin="special"] .set-row:hover,html[data-skin="special"] .led-row:hover{background:#E8F1FC}
html[data-skin="special"] .set-row:active,html[data-skin="special"] .led-row:active{background:#D4E5FA}
html[data-skin="special"] .sr-ic{border-radius:3px}

/* classic button */
html[data-skin="special"] .btn{border-radius:3px;border:1px solid #8A9AB2;background:var(--sk-face);color:var(--ink);font-weight:600;box-shadow:inset 0 1px 0 #fff;transition:background .1s,border-color .1s}
html[data-skin="special"] .btn:hover{background:var(--sk-hot);border-color:#5E89C6;color:var(--ink)}
html[data-skin="special"] .btn:active{transform:none;background:linear-gradient(180deg,#C6DAF3,#D9E7F8);box-shadow:inset 0 1px 3px rgba(0,0,0,.22)}
html[data-skin="special"] .btn.pri{background:linear-gradient(180deg,#5E92DD 0%,#3D74CC 46%,#2E64BD 54%,#2659AE 100%);border-color:#1B478F;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.38);text-shadow:0 1px 0 rgba(0,0,0,.22)}
html[data-skin="special"] .btn.pri:hover{background:linear-gradient(180deg,#6A9CE4 0%,#4A80D5 46%,#386EC5 54%,#2E62B5 100%);border-color:#173F80;color:#fff;filter:none}
html[data-skin="special"] .btn.pri:active{background:#2659AE;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}
html[data-skin="special"] .btn.dgr{background:linear-gradient(180deg,#E77C72 0%,#D5483C 50%,#C23B30 100%);border-color:#962A21;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}
html[data-skin="special"] .btn.ghost{background:transparent;border-color:transparent;box-shadow:none}
html[data-skin="special"] .btn.ghost:hover{background:#E8F1FC;border-color:#AFC8EA}
html[data-skin="special"] .btn-ic{border-radius:3px}

/* likhne ke khaane */
html[data-skin="special"] input[type=text],html[data-skin="special"] input[type=number],html[data-skin="special"] input[type=date],html[data-skin="special"] input[type=tel],html[data-skin="special"] input[type=email],html[data-skin="special"] input[type=password],html[data-skin="special"] input[type=search],html[data-skin="special"] input[type=month],html[data-skin="special"] select,html[data-skin="special"] textarea{border-radius:2px;border:1px solid #7F9DB9;background-color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}
html[data-skin="special"] input:focus,html[data-skin="special"] select:focus,html[data-skin="special"] textarea:focus{border-color:#3D74CC;box-shadow:0 0 0 2px rgba(61,116,204,.22),inset 0 1px 2px rgba(0,0,0,.05);outline:none}

/* tab, chip, report table */
html[data-skin="special"] .chip{border-radius:3px;border:1px solid #9AB0CE;background:var(--sk-face);color:var(--ink)}
html[data-skin="special"] .chip.on{background:var(--sk-sel);border-color:#6F93C9;color:var(--brand-deep)}
html[data-skin="special"] .seg{border-radius:3px;border:1px solid #9AB0CE;background:#E6ECF4;padding:2px}
html[data-skin="special"] .seg button{border-radius:2px;color:var(--ink-2);font-weight:600}
html[data-skin="special"] .seg button.on{background:#fff;color:var(--brand-deep);box-shadow:0 1px 2px rgba(17,40,82,.22),inset 0 -2px 0 var(--brand)}
html[data-skin="special"] .tag{border-radius:2px}
html[data-skin="special"] table.t th{background:linear-gradient(180deg,#F5F8FC,#DEE7F3);color:var(--brand-deep);font-weight:700;border-bottom:1px solid #9AB0CE;border-inline-end:1px solid #CBD7E6}
html[data-skin="special"] table.t td{border-bottom:1px solid #DCE4EF}
html[data-skin="special"] table.t tbody tr:nth-child(even){background:#F6F9FD}
html[data-skin="special"] table.t tbody tr.clik:hover{background:#E3EEFB}
html[data-skin="special"] table.t tfoot td{background:#EEF3FA;border-top:2px solid #8FA3C0}

/* dialog: neeli title bar */
html[data-skin="special"] .ovl{background:rgba(22,44,86,.34);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="special"] .modal{background:#F8FAFD;border:1px solid #234A8A;border-radius:4px;box-shadow:var(--shadow-3);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;animation:modalIn .16s ease-out both}
html[data-skin="special"] .modal-h{background:var(--sk-title);border-bottom:1px solid #143670;padding:9px 10px 9px 14px}
html[data-skin="special"] .modal-h h3{color:#fff;font-size:14.5px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.28)}
html[data-skin="special"] .modal-h .btn-ic{width:30px;height:26px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);border-radius:3px}
html[data-skin="special"] .modal-h .btn-ic:hover{background:#D6463A;border-color:#fff}
html[data-skin="special"] .modal-f{background:#E8EEF6;border-top:1px solid #B5C5DB}
html[data-skin="special"] .toast{border-radius:3px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 12px rgba(10,30,70,.3)}
html[data-skin="special"] .ac{border-radius:3px;background:#fff;border:1px solid var(--sk-edge);-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:600px){
  html[data-skin="special"] .modal{border-radius:4px 4px 0 0;animation:sheetUp .22s ease-out both}
  html[data-skin="special"] .modal-h{padding-top:9px}
  html[data-skin="special"] .modal-h::before{display:none}
}

/* phone: neeche classic toolbar */
@media(max-width:860px){
  html[data-skin="special"] .mtabs{inset-inline:0;bottom:0;border-radius:0;border:0;border-top:1px solid #8FA3C0;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(180deg,#FFFFFF,#E7EEF7);box-shadow:0 -1px 4px rgba(17,40,82,.12);-webkit-backdrop-filter:none;backdrop-filter:none}
  html[data-skin="special"] .mt-blob{display:none}
  html[data-skin="special"] .mtabs a{border-radius:3px;border:1px solid transparent;color:var(--ink-2);font-weight:600;padding:4px 2px;transition:none}
  html[data-skin="special"] .mtabs a.on{color:var(--brand-deep);background:var(--sk-sel);border-color:#86A9DA}
  html[data-skin="special"] .mtabs a.on:not(.mid) svg{transform:none}
  html[data-skin="special"] .mtabs a.mid .ic{width:46px;height:36px;border-radius:4px;margin-top:-14px;border:1px solid #1B478F;background:linear-gradient(180deg,#5E92DD,#2659AE);color:#fff;
    box-shadow:0 3px 8px rgba(17,40,82,.32),inset 0 1px 0 rgba(255,255,255,.38)}
  html[data-skin="special"] .mtabs a.mid.on{background:transparent;border-color:transparent}
  html[data-skin="special"] .mtabs a.mid:active .ic{transform:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}
  html[data-skin="special"] .view{padding-bottom:100px}
  html[data-skin="special"] #toasts,html[data-skin="special"] .upd{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
}

/* laptop: neeche status line, daayen shortcut-key panel */
.sk-keys,.sk-status{display:none}
@media(min-width:861px){
  html[data-skin="special"] .sk-status{display:flex;position:fixed;inset-inline:0;bottom:0;height:28px;z-index:36;align-items:stretch;
    background:linear-gradient(180deg,#FFFFFF,#E6ECF4);border-top:1px solid #8FA3C0;font-size:12px;color:var(--ink-2);box-shadow:0 -1px 3px rgba(17,40,82,.1)}
  html[data-skin="special"] .sk-status > span{display:flex;align-items:center;gap:6px;padding:0 12px;border-inline-end:1px solid #C5D1E1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  html[data-skin="special"] .sk-status .sk-brand{font-weight:700;color:var(--brand-deep)}
  html[data-skin="special"] .sk-status .sk-brand svg{color:var(--brand);flex:0 0 auto}
  html[data-skin="special"] .sk-status .sk-co{flex:1;color:var(--ink)}
  html[data-skin="special"] .sk-status .sk-day{border-inline-end:0;color:var(--ink)}
  html[data-skin="special"] .sk-status .sk-day b{font-weight:700;margin-inline-end:6px}
  html[data-skin="special"] .sk-status .sync{font-size:11.5px}
  html[data-skin="special"] #app,html[data-skin="special"] .shell{min-height:calc(100dvh - 28px)}
  html[data-skin="special"] body{padding-bottom:28px}
  html[data-skin="special"] .rail{height:calc(100dvh - 28px)}
  html[data-skin="special"] #toasts{bottom:44px}
}
@media(min-width:1200px){
  html[data-skin="special"] .sk-keys{display:flex;flex-direction:column;position:fixed;inset-inline-end:0;top:0;bottom:28px;width:200px;z-index:36;
    background:#F6F8FC;border-inline-start:1px solid #8FA3C0;overflow-y:auto}
  html[data-skin="special"] .main{margin-inline-end:200px}
}
html[data-skin="special"] .sk-h{padding:8px 10px;font-size:12px;font-weight:700;color:var(--ink-2);text-align:center;background:linear-gradient(180deg,#F7F9FC,#E0E8F3);border-bottom:1px solid #A9BBD3}
html[data-skin="special"] .sk-h2{border-top:1px solid #A9BBD3;margin-top:6px}
html[data-skin="special"] .sk-list{display:flex;flex-direction:column;gap:4px;padding:8px}
html[data-skin="special"] .sk-k{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:4px 8px;border:1px solid #9AB0CE;border-radius:3px;background:var(--sk-face);
  color:var(--ink);font:600 12.5px/1.2 var(--f-ui);text-align:start;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .sk-k:hover{background:var(--sk-hot);border-color:#5E89C6;color:var(--ink)}
html[data-skin="special"] .sk-k:active{background:linear-gradient(180deg,#C6DAF3,#D9E7F8);box-shadow:inset 0 1px 3px rgba(0,0,0,.22)}
html[data-skin="special"] .sk-k kbd{flex:0 0 auto;min-width:30px;padding:2px 5px;border:1px solid #173F80;border-radius:3px;background:linear-gradient(180deg,#3D74CC,#2659AE);color:#fff;
  font:700 11px/1.3 Tahoma,Verdana,sans-serif;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
html[data-skin="special"] .sk-k span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media print{.sk-keys,.sk-status{display:none!important}}

/* theme picker: Special ka "Ultra Advance" nishaan */
.skin-mini button small.sk-ultra{color:var(--brand-ink)}

/* =================== v4.13 · "Aaj ki sale" card har style me padhne layak =================== */
/* Glass, Editorial, Brutalism, Material aur Special me card ka rang badalta tha par likhai kreem hi
   rehti thi, isliye light rang par amount dikhta nahi tha. Har style ko apna pakka rang-jod. */
:root[data-skin="glass"]{--hero-bg:linear-gradient(135deg,#4338CA 0%,#6D28D9 55%,#A21CAF 100%);--hero-ink:#FFFFFF;--hero-ink-2:rgba(255,255,255,.82);--hero-chip:rgba(255,255,255,.18);--hero-bar:rgba(255,255,255,.34);--hero-now:#FDE68A;--hero-btn:#FFFFFF;--hero-btn-ink:#3730A3;--hero-ghost:#FFFFFF;--hero-line:rgba(255,255,255,.55)}
:root[data-skin="editorial"]{--hero-bg:#16130F;--hero-ink:#F4EFE6;--hero-ink-2:rgba(244,239,230,.74);--hero-chip:rgba(244,239,230,.12);--hero-bar:rgba(244,239,230,.3);--hero-now:#E0574C;--hero-btn:#F4EFE6;--hero-btn-ink:#16130F;--hero-ghost:#F4EFE6;--hero-line:rgba(244,239,230,.45)}
:root[data-skin="brutal"]{--hero-bg:#7CE0FF;--hero-ink:#000000;--hero-ink-2:rgba(0,0,0,.74);--hero-chip:#FFFFFF;--hero-bar:rgba(0,0,0,.26);--hero-now:#FF5C8A;--hero-btn:#FFE44D;--hero-btn-ink:#000000;--hero-ghost:#000000;--hero-line:#000000}
:root[data-skin="material"]{--hero-bg:#EADDFF;--hero-ink:#21005D;--hero-ink-2:#4A4458;--hero-chip:rgba(33,0,93,.08);--hero-bar:rgba(33,0,93,.22);--hero-now:#6750A4;--hero-btn:#6750A4;--hero-btn-ink:#FFFFFF;--hero-ghost:#6750A4;--hero-line:#79747E}
:root[data-skin="special"][data-skin]{--hero-bg:var(--sk-title);--hero-ink:#FFFFFF;--hero-ink-2:rgba(255,255,255,.84);--hero-chip:rgba(255,255,255,.16);--hero-bar:rgba(255,255,255,.34);--hero-now:#FFE08A;--hero-btn:var(--sk-face);--hero-btn-ink:#0E1A31;--hero-ghost:#FFFFFF;--hero-line:rgba(255,255,255,.6)}
:root[data-skin="editorial"][data-theme="dark"]{--hero-bg:#2A241D}
:root[data-skin="material"][data-theme="dark"]{--hero-bg:#4F378B;--hero-ink:#EADDFF;--hero-ink-2:#CCC2DC;--hero-chip:rgba(234,221,255,.12);--hero-bar:rgba(234,221,255,.28);--hero-now:#D0BCFF;--hero-btn:#D0BCFF;--hero-btn-ink:#381E72;--hero-ghost:#D0BCFF;--hero-line:#938F99}
@media (prefers-color-scheme:dark){
  :root[data-skin="editorial"]:not([data-theme="light"]){--hero-bg:#2A241D}
  :root[data-skin="material"]:not([data-theme="light"]){--hero-bg:#4F378B;--hero-ink:#EADDFF;--hero-ink-2:#CCC2DC;--hero-chip:rgba(234,221,255,.12);--hero-bar:rgba(234,221,255,.28);--hero-now:#D0BCFF;--hero-btn:#D0BCFF;--hero-btn-ink:#381E72;--hero-ghost:#D0BCFF;--hero-line:#938F99}
}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .kpi.home-hero{background:var(--hero-bg);color:var(--hero-ink)}
html[data-skin="glass"] .kpi.home-hero{background:var(--hero-bg) padding-box,var(--rim) border-box;border:1px solid transparent;box-shadow:0 18px 40px -16px rgba(79,70,229,.6),inset 0 1px 0 rgba(255,255,255,.28)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero :is(.k-l,.k-s,.hh-date){color:var(--hero-ink-2)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-big{color:var(--hero-ink)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-chip{background:var(--hero-chip);color:var(--hero-ink);box-shadow:none}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-spark i{background:var(--hero-bar)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-spark i.now{background:var(--hero-now)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-btn{background:var(--hero-btn);color:var(--hero-btn-ink)}
html:is([data-skin="glass"],[data-skin="editorial"],[data-skin="brutal"],[data-skin="material"],[data-skin="special"]) .home-hero .hh-btn.ghost{background:transparent;color:var(--hero-ghost);box-shadow:inset 0 0 0 1px var(--hero-line)}
html:is([data-skin="editorial"],[data-skin="brutal"],[data-skin="special"]) .home-hero::after{display:none}
html[data-skin="brutal"] .home-hero .hh-chip{border:2px solid #000;border-radius:0}
html[data-skin="brutal"] .home-hero .hh-btn{border:2px solid #000;border-radius:0;box-shadow:3px 3px 0 #000}
html[data-skin="brutal"] .home-hero .hh-btn.ghost{background:#fff;box-shadow:3px 3px 0 #000}
html[data-skin="brutal"] .home-hero .hh-spark i{border-radius:0}
html[data-skin="material"] .home-hero .hh-btn{box-shadow:none}
html[data-skin="special"] .kpi.home-hero{border:1px solid #143670;border-radius:3px;box-shadow:0 2px 6px rgba(17,40,82,.24),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-skin="special"] .home-hero .hh-big{font-family:var(--f-ui);font-weight:700;font-size:clamp(30px,8vw,40px);text-shadow:0 1px 1px rgba(0,0,0,.25)}
html[data-skin="special"] .home-hero .hh-chip{border-radius:2px}
html[data-skin="special"] .home-hero .hh-spark i{border-radius:1px}
html[data-skin="special"] .home-hero .hh-btn{border-radius:3px;border:1px solid #143670;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .home-hero .hh-btn.ghost{border:0}

/* =================== Special: khata wali (OkCredit jaisi) screens bhi classic roop me =================== */
/* ledger home */
html[data-skin="special"] .okh{padding:7px 9px;background:var(--sk-title);border:1px solid #143670;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 3px rgba(10,30,70,.22)}
html[data-skin="special"] .okh-co{color:#fff}
html[data-skin="special"] .okh-co b{text-shadow:0 1px 1px rgba(0,0,0,.25)}
html[data-skin="special"] .okh-co span{color:#D6E4F8}
html[data-skin="special"] .okh-av{width:38px;height:38px;flex-basis:38px;border-radius:3px;background:#fff;color:var(--brand-deep);box-shadow:0 1px 2px rgba(0,0,0,.3)}
html[data-skin="special"] .okh-ic,html[data-skin="special"] .okh-bell .btn-ic{width:36px;height:36px;flex-basis:36px;border-radius:3px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.5);color:#fff}
html[data-skin="special"] .okh-ic:hover,html[data-skin="special"] .okh-bell .btn-ic:hover{background:rgba(255,255,255,.24)}
html[data-skin="special"] .okh-ic:active{background:rgba(0,0,0,.16)}
html[data-skin="special"] .oks-top .okh-ic{color:var(--ink);border:0;background:none}
html[data-skin="special"] .ok-chip{border-radius:3px;border:1px solid #9AB0CE;background:var(--sk-face);color:var(--ink);padding:6px 13px;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .ok-chip:hover{background:var(--sk-hot);border-color:#5E89C6}
html[data-skin="special"] .ok-chip.on{background:var(--sk-sel);border-color:#6F93C9;color:var(--brand-deep);box-shadow:inset 0 -2px 0 var(--brand)}
html[data-skin="special"] .ok-net,html[data-skin="special"] .ok-list,html[data-skin="special"] .ok-ban{border-radius:3px;border:1px solid var(--sk-edge);background:#fff;box-shadow:0 1px 3px rgba(17,40,82,.16)}
html[data-skin="special"] .ok-ban{background:#FFF8E1;border-color:#D8B45A}
html[data-skin="special"] .ok-ban-ic{border-radius:3px}
html[data-skin="special"] .ok-row{padding:9px 12px;border-bottom-color:#DCE4EF}
html[data-skin="special"] .ok-list>.ok-row:nth-child(even){background:#F6F9FD}
html[data-skin="special"] a.ok-row:hover,html[data-skin="special"] .ok-list>a.ok-row:nth-child(even):hover{background:#E3EEFB}
html[data-skin="special"] .ok-av{width:38px;height:38px;flex-basis:38px;border-radius:3px;font-size:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
html[data-skin="special"] .ok-av.lg,html[data-skin="special"] .ok-av.xl{border-radius:4px}
html[data-skin="special"] .ok-mid b{font-size:14.5px}
html[data-skin="special"] .ok-opt{border-radius:2px}
html[data-skin="special"] .ok-opt:hover,html[data-skin="special"] .ok-opt.on{background:#E3EEFB}
html[data-skin="special"] .ok-fab,html[data-skin="special"] .kx-fab{border-radius:3px;border:1px solid #1B478F;padding:11px 16px;color:#fff;
  background:linear-gradient(180deg,#5E92DD 0%,#3D74CC 46%,#2E64BD 54%,#2659AE 100%);box-shadow:0 3px 8px rgba(17,40,82,.32),inset 0 1px 0 rgba(255,255,255,.38);text-shadow:0 1px 0 rgba(0,0,0,.22)}
html[data-skin="special"] .ok-fab:active,html[data-skin="special"] .kx-fab:active{background:#2659AE;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);transform:none}

/* Advance / Ultra ka khata */
html[data-skin="special"] .kx-tabs{border-radius:3px;border:1px solid #9AB0CE;background:#E6ECF4;padding:2px}
html[data-skin="special"] .kx-tabs button{border-radius:2px;padding:8px}
html[data-skin="special"] .kx-tabs button.on{background:#fff;color:var(--brand-deep);box-shadow:0 1px 2px rgba(17,40,82,.22),inset 0 -2px 0 var(--brand)}
html[data-skin="special"] .kx-sum>*{border-radius:3px;border-color:var(--sk-edge);box-shadow:0 1px 2px rgba(17,40,82,.12)}
html[data-skin="special"] .kx-sum>*.on{border-color:#6F93C9;box-shadow:inset 0 -3px 0 var(--brand)}
html[data-skin="special"] .kx-row:hover{background:#E3EEFB}
html[data-skin="special"] .kx-av{border-radius:3px}
html[data-skin="special"] .kx-btn{border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);text-shadow:0 1px 0 rgba(0,0,0,.22)}
html[data-skin="special"] .kx-btn.gave{background:linear-gradient(180deg,#E06A5F,#C23B30);border:1px solid #962A21}
html[data-skin="special"] .kx-btn.got{background:linear-gradient(180deg,#3FA36A,#1B7A44);border:1px solid #145C33}
html[data-skin="special"] .kx-btn:active{transform:none;filter:brightness(.92)}
html[data-skin="special"] .kx-a{border-radius:3px}
html[data-skin="special"] .kx-a:hover{background:#E8F1FC}
html[data-skin="special"] .kx-a svg{border-radius:3px}
html[data-skin="special"] .kx-b,html[data-skin="special"] .pk-b{border-radius:3px;border-color:var(--sk-edge)}
html[data-skin="special"] .kx-day span,html[data-skin="special"] .pk-day span{border-radius:2px;background:#E3EBF6;border:1px solid #C5D3E6}

/* party ka khata (chat jaisa) */
html[data-skin="special"] .pk-h{background:var(--sk-title);border-bottom:1px solid #143670;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
html[data-skin="special"] .pk-h .okh-ic.flat{color:#fff;width:34px;height:34px;flex-basis:34px}
html[data-skin="special"] .pk-who{color:#fff}
html[data-skin="special"] .pk-who b{text-shadow:0 1px 1px rgba(0,0,0,.25)}
html[data-skin="special"] .pk-who small{color:#E3F0FF}
html[data-skin="special"] .pk-who .ok-av{box-shadow:0 0 0 1px rgba(255,255,255,.7)}
html[data-skin="special"] .pk-item.r .pk-b,html[data-skin="special"] .pk-item.l .pk-b{border-top-right-radius:3px;border-top-left-radius:3px}
html[data-skin="special"] .pk-item.r .pk-b{background:#FFF6F5}
html[data-skin="special"] .pk-item.l .pk-b{background:#F3FBF6}
html[data-skin="special"] .pk-sheet{border-radius:3px 3px 0 0;border-color:var(--sk-edge);background:#F6F8FC;box-shadow:0 -2px 8px rgba(17,40,82,.14)}
html[data-skin="special"] .pk-icons>button,html[data-skin="special"] .pk-icons>a{border-radius:3px;border:1px solid #9AB0CE;background:var(--sk-face);box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .pk-icons .pk-more{border:0;background:none;box-shadow:none;border-radius:3px}
html[data-skin="special"] .pk-due{border-radius:3px;border-width:1px;background:#fff}
html[data-skin="special"] .pk-g{border-radius:3px;border:1px solid #157A3D;background:linear-gradient(180deg,#34C36D,#1B9A4C);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-skin="special"] .pk-in,html[data-skin="special"] .pk-out{border-radius:3px;border-width:1px;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .pk-in{background:linear-gradient(180deg,#F5FCF7,#DCF0E3);border-color:#6FAF86}
html[data-skin="special"] .pk-out{background:linear-gradient(180deg,#FFF7F6,#FADFDB);border-color:#D58A82}
html[data-skin="special"] .pk-in:active,html[data-skin="special"] .pk-out:active{transform:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.18)}

/* entry ka detail */
html[data-skin="special"] .okt-card,html[data-skin="special"] .okt-bills,html[data-skin="special"] .okt-list{border-radius:3px;border-color:var(--sk-edge);box-shadow:0 1px 3px rgba(17,40,82,.16)}
html[data-skin="special"] .okt-ph button{border-radius:2px}
html[data-skin="special"] .okt-bar{background:linear-gradient(180deg,#FFFFFF,#E7EEF7);border-top:1px solid #8FA3C0;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-skin="special"] .okt-bar .btn{border-radius:3px}

/* wasooli aur bill wali screen */
html[data-skin="special"] .okc-hero{background:var(--sk-title);border:1px solid #143670;border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 6px rgba(17,40,82,.24);color:#fff}
html[data-skin="special"] .okb-a{border-radius:3px;border-color:var(--sk-edge);background:var(--sk-face);box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .okb-a:hover{background:var(--sk-hot);border-color:#5E89C6;box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .okb-ic,html[data-skin="special"] .bigbtn .bi{border-radius:3px}

/* entry keypad */
html[data-skin="special"] .kp-top{background:var(--sk-title);border-bottom:1px solid #143670;color:#fff}
html[data-skin="special"] .kp-x{color:#fff;border-radius:3px}
html[data-skin="special"] .kp-x:hover{background:rgba(255,255,255,.16)}
html[data-skin="special"] .kp-who b{color:#fff}
html[data-skin="special"] .kp-who .due{color:#FFD9D4}
html[data-skin="special"] .kp-who .adv{color:#C9F3D7}
html[data-skin="special"] .kp-kind{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
html[data-skin="special"] .kp-row,html[data-skin="special"] .kp-lim{border-radius:3px;border-color:var(--sk-edge)}
html[data-skin="special"] .kp-lim{border-color:#D8A43B}
html[data-skin="special"] .kp-lim-n{border-radius:3px}
html[data-skin="special"] .kp-modes button{border-radius:3px;border-width:1px;background:var(--sk-face);box-shadow:inset 0 1px 0 #fff}
html[data-skin="special"] .kp-modes button.on{background:var(--sk-sel);border-color:#6F93C9;color:var(--brand-deep)}
html[data-skin="special"] .kp-bill,html[data-skin="special"] .kp-ok{border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-skin="special"] .kp-bill{background:var(--sk-face);border:1px solid #8A9AB2;color:var(--ink)}
html[data-skin="special"] .kp-ok{background:linear-gradient(180deg,#3FA36A,#1B7A44);border:1px solid #145C33;text-shadow:0 1px 0 rgba(0,0,0,.2)}
html[data-skin="special"] .kp-gave .kp-ok{background:linear-gradient(180deg,#E06A5F,#C23B30);border-color:#962A21}
html[data-skin="special"] .kp-keys{background:#DCE4EF;border-top:1px solid #A9BBD3}
html[data-skin="special"] .kp-k{border-radius:3px;border:1px solid #9AB0CE;background:var(--sk-face);box-shadow:inset 0 1px 0 #fff;font-family:var(--f-ui)}
html[data-skin="special"] .kp-k:active{transform:none;background:var(--sk-sel);box-shadow:inset 0 2px 3px rgba(0,0,0,.18)}
html[data-skin="special"] .kpal{border-radius:4px;border-color:#234A8A}
html[data-skin="special"] .kp-item{border-radius:2px}
html[data-skin="special"] .kp-item.on,html[data-skin="special"] .kp-item:hover{background:#E3EEFB}
html[data-skin="special"] .gold-badge{border-radius:2px}

/* laptop par neeche ki patti aur daayen panel ke liye jagah */
@media(min-width:861px){
  html[data-skin="special"] .ok-fab,html[data-skin="special"] .kx-fab{bottom:44px}
  html[data-skin="special"] .okt-bar,html[data-skin="special"] .pf-bar{bottom:28px}
}
@media(min-width:1200px){
  html[data-skin="special"] .ok-fab,html[data-skin="special"] .kx-fab{inset-inline-end:228px}
  html[data-skin="special"] .okt-bar,html[data-skin="special"] .pf-bar,html[data-skin="special"] #toasts{inset-inline-end:200px}
}