/* v14 theme skins: three looks, each with light and dark. Only colour tokens change; layout and logic are untouched.
   Selected with <html data-skin=cedar|gold|blue data-theme=light|dark> (set in core.js, remembered). */
:root[data-skin=cedar]:not([data-theme=dark]){--ink:#16352a;--ink2:#4a6155;--ink3:#5f7367;--line:#e6ddd0;--paper:#f7f3ee;--card:#ffffff;--brand:#b3122f;--brand2:#e2475f;--brandsoft:#fbe6ea;--brandink:#8f0e25;--sky:#2f8f5b;--sky2:#7cc79d;--skysoft:#e3f2e8;--skyink:#1d6a40;--navy:#16352a;--navy2:#24513f;--pine:#16352a;--pine2:#24513f;--pinesoft:#e3f2e8;--glass:rgba(255,255,255,.84);--warmtint:#fdf0ee;--track:rgba(22,53,42,.08);--field:#ffffff;--hero-a:#0f2a20;--hero-b:#1d5a3f;--hero-c:#2c7a52;--btn-a:#d42a48;--btn-b:#b3122f;--deep:#16352a;--on-brand:#ffffff;--brand-rgb:179,18,47;--sky-rgb:95,211,146;--bg1:#efe6d8;--bg2:#f9f4ea;--bg3:#e6dcc9;--orb1:rgba(47,143,91,.35);--orb2:rgba(179,18,47,.22);--orb3:rgba(226,160,60,.35);--orb4:rgba(179,18,47,.18);--wave:rgba(47,143,91,.22);--wave2:rgba(22,53,42,.10);--trail:rgba(47,143,91,.6);color-scheme:light}
:root[data-skin=cedar][data-theme=dark]{--ink:#eef5ef;--ink2:#b3c7ba;--ink3:#8aa192;--line:#25402f;--paper:#0d1a14;--card:#14261d;--brand:#ef5470;--brand2:#ff7a90;--brandsoft:rgba(226,71,95,.16);--brandink:#ff9aab;--sky:#5fd392;--sky2:#9be3bb;--skysoft:rgba(95,211,146,.14);--skyink:#8fe0b3;--navy:#0d1a14;--navy2:#14261d;--pine:#1f4a38;--pine2:#2b6a50;--pinesoft:rgba(95,211,146,.14);--glass:rgba(13,26,20,.8);--warmtint:#2a1519;--track:rgba(255,255,255,.08);--field:#1a3126;--hero-a:#07130d;--hero-b:#14402d;--hero-c:#1f6a47;--btn-a:#d8304f;--btn-b:#b3122f;--deep:#07130d;--on-brand:#ffffff;--brand-rgb:226,71,95;--sky-rgb:95,211,146;--bg1:#050d09;--bg2:#0e2a1d;--bg3:#08180f;--orb1:rgba(95,211,146,.28);--orb2:rgba(226,71,95,.25);--orb3:rgba(47,143,91,.3);--orb4:rgba(226,71,95,.2);--wave:rgba(95,211,146,.16);--wave2:rgba(190,240,210,.08);--trail:rgba(143,224,179,.6);color-scheme:dark}
:root[data-skin=gold]:not([data-theme=dark]){--ink:#1a1530;--ink2:#52476a;--ink3:#675c80;--line:#e8dfc8;--paper:#faf6ec;--card:#ffffff;--brand:#976608;--brand2:#d9a441;--brandsoft:#fbf0d6;--brandink:#6f4a05;--sky:#6d4fd6;--sky2:#a99bf0;--skysoft:#ece8fa;--skyink:#4a2fb0;--navy:#1a1530;--navy2:#2d2650;--pine:#1a1530;--pine2:#2d2650;--pinesoft:#ece8fa;--glass:rgba(255,255,255,.84);--warmtint:#fdf3dc;--track:rgba(26,21,48,.08);--field:#ffffff;--hero-a:#120d26;--hero-b:#2a1f4d;--hero-c:#4a3a86;--btn-a:#b07a10;--btn-b:#976608;--deep:#1a1530;--on-brand:#ffffff;--brand-rgb:151,102,8;--sky-rgb:169,155,240;--bg1:#f3ead2;--bg2:#fbf7ec;--bg3:#eadfc0;--orb1:rgba(243,201,105,.45);--orb2:rgba(109,79,214,.25);--orb3:rgba(217,164,65,.4);--orb4:rgba(109,79,214,.18);--wave:rgba(169,115,15,.2);--wave2:rgba(26,21,48,.10);--trail:rgba(169,115,15,.6);color-scheme:light}
:root[data-skin=gold][data-theme=dark]{--ink:#f5ecd8;--ink2:#c4b896;--ink3:#9d9176;--line:#2d2548;--paper:#0c0a14;--card:#17132a;--brand:#f3c969;--brand2:#ffe08a;--brandsoft:rgba(243,201,105,.14);--brandink:#f3c969;--sky:#a99bf0;--sky2:#cfc6ff;--skysoft:rgba(169,155,240,.14);--skyink:#c4b8ff;--navy:#0c0a14;--navy2:#17132a;--pine:#2a1f4d;--pine2:#3a2d70;--pinesoft:rgba(169,155,240,.14);--glass:rgba(12,10,20,.8);--warmtint:#2a2012;--track:rgba(255,255,255,.08);--field:#1f1936;--hero-a:#0c0a14;--hero-b:#2a1f4d;--hero-c:#4a3a86;--btn-a:#f7d57e;--btn-b:#f3c969;--deep:#0c0a14;--on-brand:#1a1204;--brand-rgb:243,201,105;--sky-rgb:169,155,240;--bg1:#07050f;--bg2:#1d1540;--bg3:#0f0a24;--orb1:rgba(243,201,105,.22);--orb2:rgba(109,79,214,.4);--orb3:rgba(169,155,240,.3);--orb4:rgba(243,201,105,.16);--wave:rgba(243,201,105,.14);--wave2:rgba(169,155,240,.1);--trail:rgba(243,201,105,.6);color-scheme:dark}
:root[data-skin=blue]:not([data-theme=dark]){--ink:#0b2a4a;--ink2:#44607f;--ink3:#5a7594;--line:#d6e2f5;--paper:#f4f8ff;--card:#ffffff;--brand:#0b5fff;--brand2:#4d8dff;--brandsoft:#e4eeff;--brandink:#0a47c2;--sky:#ffb800;--sky2:#ffd23f;--skysoft:#fff4cc;--skyink:#7a5000;--navy:#0b2a4a;--navy2:#123d6b;--pine:#0b2a4a;--pine2:#123d6b;--pinesoft:#e4eeff;--glass:rgba(255,255,255,.84);--warmtint:#fff6d9;--track:rgba(11,42,74,.08);--field:#ffffff;--hero-a:#0a3fb8;--hero-b:#0b5fff;--hero-c:#3d8bff;--btn-a:#2f7bff;--btn-b:#0b5fff;--deep:#0b2a4a;--on-brand:#ffffff;--brand-rgb:11,95,255;--sky-rgb:255,210,63;--bg1:#dbe8ff;--bg2:#f4f8ff;--bg3:#c9dcff;--orb1:rgba(11,95,255,.35);--orb2:rgba(255,184,0,.30);--orb3:rgba(61,139,255,.4);--orb4:rgba(255,184,0,.2);--wave:rgba(11,95,255,.22);--wave2:rgba(11,42,74,.10);--trail:rgba(11,95,255,.6);color-scheme:light}
:root[data-skin=blue][data-theme=dark]{--ink:#eaf1ff;--ink2:#a9bdde;--ink3:#8199bf;--line:#1e3466;--paper:#07122a;--card:#0f1d3d;--brand:#4d8dff;--brand2:#86b2ff;--brandsoft:rgba(77,141,255,.16);--brandink:#9cc0ff;--sky:#ffd23f;--sky2:#ffe27a;--skysoft:rgba(255,210,63,.14);--skyink:#ffd96a;--navy:#07122a;--navy2:#0f1d3d;--pine:#14306b;--pine2:#1d4590;--pinesoft:rgba(77,141,255,.14);--glass:rgba(7,18,42,.8);--warmtint:#2a2410;--track:rgba(255,255,255,.08);--field:#132549;--hero-a:#061a4a;--hero-b:#0b3fbf;--hero-c:#2a6aff;--btn-a:#2f7bff;--btn-b:#0b5fff;--deep:#061a4a;--on-brand:#ffffff;--brand-rgb:77,141,255;--sky-rgb:255,210,63;--bg1:#040b1d;--bg2:#0b2160;--bg3:#06143a;--orb1:rgba(77,141,255,.4);--orb2:rgba(255,210,63,.18);--orb3:rgba(61,139,255,.35);--orb4:rgba(255,210,63,.16);--wave:rgba(77,141,255,.2);--wave2:rgba(134,178,255,.1);--trail:rgba(134,178,255,.6);color-scheme:dark}
/* v16 "midnight" theme (default): midnight blue #071A35, royal blue #176BCE, electric light blue #55B8FF, soft blue-gray #A9BCD3 */
:root[data-skin=midnight]:not([data-theme=dark]){--ink:#071A35;--ink2:#3f5675;--ink3:#566f92;--line:#d5e0ee;--paper:#f2f6fc;--card:#ffffff;--brand:#176BCE;--brand2:#55B8FF;--brandsoft:#e3f0fd;--brandink:#0f4f9a;--sky:#55B8FF;--sky2:#8fd1ff;--skysoft:#e3f2ff;--skyink:#0b5aa8;--navy:#071A35;--navy2:#0d2447;--pine:#071A35;--pine2:#0d2447;--pinesoft:#e3f0fd;--glass:rgba(255,255,255,.85);--warmtint:#eaf4ff;--track:rgba(7,26,53,.08);--field:#ffffff;--hero-a:#071A35;--hero-b:#0d3a78;--hero-c:#176BCE;--btn-a:#2a7fe0;--btn-b:#176BCE;--deep:#071A35;--on-brand:#ffffff;--brand-rgb:23,107,206;--sky-rgb:85,184,255;--bg1:#dbe8f8;--bg2:#f2f6fc;--bg3:#cfe2f7;--orb1:rgba(85,184,255,.4);--orb2:rgba(23,107,206,.3);--orb3:rgba(85,184,255,.35);--orb4:rgba(23,107,206,.2);--wave:rgba(23,107,206,.18);--wave2:rgba(7,26,53,.1);--trail:rgba(23,107,206,.6);--sym:#176BCE;--sym-dot:#071A35;--sym-hub:#f2f6fc;color-scheme:light}
:root[data-skin=midnight][data-theme=dark]{--ink:#ffffff;--ink2:#A9BCD3;--ink3:#8ea6c4;--line:#1c3a68;--paper:#071A35;--card:#0d2447;--brand:#176BCE;--brand2:#55B8FF;--brandsoft:rgba(85,184,255,.14);--brandink:#55B8FF;--sky:#55B8FF;--sky2:#8fd1ff;--skysoft:rgba(85,184,255,.12);--skyink:#8fd1ff;--navy:#071A35;--navy2:#0d2447;--pine:#0f2f5c;--pine2:#1450a0;--pinesoft:rgba(23,107,206,.2);--glass:rgba(7,26,53,.82);--warmtint:#0f2a4f;--track:rgba(255,255,255,.08);--field:#0f2a50;--hero-a:#05122a;--hero-b:#0b2a58;--hero-c:#1457a8;--btn-a:#2a7fe0;--btn-b:#176BCE;--deep:#05122a;--on-brand:#ffffff;--brand-rgb:23,107,206;--sky-rgb:85,184,255;--bg1:#040f22;--bg2:#0a2650;--bg3:#061a38;--orb1:rgba(85,184,255,.25);--orb2:rgba(23,107,206,.4);--orb3:rgba(85,184,255,.2);--orb4:rgba(23,107,206,.3);--wave:rgba(85,184,255,.14);--wave2:rgba(169,188,211,.08);--trail:rgba(85,184,255,.6);--sym:#55B8FF;--sym-dot:#ffffff;--sym-hub:#071A35;color-scheme:dark}
/* v15 "babak" theme (default): deep petrol teal, door-light amber, warm cream */
:root[data-skin=babak]:not([data-theme=dark]){--ink:#0b2326;--ink2:#46605f;--ink3:#5a7372;--line:#e2ddd0;--paper:#f7f4ee;--card:#ffffff;--brand:#0a7d73;--brand2:#2ec4b6;--brandsoft:#dff5f1;--brandink:#075e56;--sky:#f59e0b;--sky2:#ffc247;--skysoft:#fff1d6;--skyink:#8a5200;--navy:#0b2e33;--navy2:#124348;--pine:#0b2e33;--pine2:#124348;--pinesoft:#e3f4f1;--glass:rgba(255,255,255,.84);--warmtint:#fff4e0;--track:rgba(11,35,38,.08);--field:#ffffff;--hero-a:#06201f;--hero-b:#0b4a4a;--hero-c:#137f7a;--btn-a:#12958a;--btn-b:#0a7d73;--deep:#072124;--on-brand:#ffffff;--brand-rgb:10,125,115;--sky-rgb:94,234,212;--bg1:#e9e4d6;--bg2:#f8f5ee;--bg3:#dcefe9;--orb1:rgba(18,149,138,.34);--orb2:rgba(245,158,11,.28);--orb3:rgba(46,196,182,.35);--orb4:rgba(245,158,11,.18);--wave:rgba(18,149,138,.2);--wave2:rgba(11,35,38,.1);--trail:rgba(18,149,138,.6);color-scheme:light}
:root[data-skin=babak][data-theme=dark]{--ink:#eaf6f4;--ink2:#a9c7c3;--ink3:#84a5a1;--line:#1c4044;--paper:#061a1c;--card:#0d2a2d;--brand:#2dd4bf;--brand2:#7ff0de;--brandsoft:rgba(45,212,191,.14);--brandink:#5eead4;--sky:#ffb938;--sky2:#ffd27a;--skysoft:rgba(255,185,56,.14);--skyink:#ffcf70;--navy:#061a1c;--navy2:#0d2a2d;--pine:#12494d;--pine2:#1a6469;--pinesoft:rgba(45,212,191,.14);--glass:rgba(6,26,28,.8);--warmtint:#2a2210;--track:rgba(255,255,255,.08);--field:#12363a;--hero-a:#04191a;--hero-b:#0b4a4a;--hero-c:#14807a;--btn-a:#5eead4;--btn-b:#2dd4bf;--deep:#04191a;--on-brand:#042321;--brand-rgb:45,212,191;--sky-rgb:94,234,212;--bg1:#031011;--bg2:#0a3436;--bg3:#062224;--orb1:rgba(45,212,191,.28);--orb2:rgba(255,185,56,.2);--orb3:rgba(20,128,122,.4);--orb4:rgba(255,185,56,.14);--wave:rgba(45,212,191,.16);--wave2:rgba(168,240,228,.08);--trail:rgba(94,234,212,.6);color-scheme:dark}
/* typography per skin: serif display for Latin headings in cedar/gold (Arabic keeps the Arabic face), heavy sans in blue */
:root[data-skin=cedar]{--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Noto Serif",serif}
:root[data-skin=gold]{--serif:"Didot","Bodoni 72","Playfair Display","Palatino Linotype",Georgia,serif}
:root[data-skin=cedar] :is(h1,h2,.h8 h1,.hero h2):not(:lang(ar)),:root[data-skin=gold] :is(h1,h2,.h8 h1,.hero h2):not(:lang(ar)){font-family:var(--serif);font-weight:700;letter-spacing:-.01em}
:root[data-skin=blue] :is(h1,h2):not(:lang(ar)){font-weight:900;letter-spacing:-.03em}
:root[data-skin=babak] :is(h1,h2):not(:lang(ar)),:root[data-skin=midnight] :is(h1,h2):not(:lang(ar)){font-weight:800;letter-spacing:-.035em}
/* dark gold: gold buttons need dark text */
:root[data-skin=gold][data-theme=dark] :is(.btn:not(.ghost):not(.soft):not(.dark):not(.ok):not(.bad),.logo i,.iconbtn .n,.promo-tag,.add,.step button.plus,.tabs .dot,.tabbar .dot,.bub.me,.send-hero .go,.lang button.on,.pt-off,.h8-search .go8,.bar .who i,.msg.d,.login .logo){color:var(--on-brand)}
:root[data-skin=babak][data-theme=dark] :is(.btn:not(.ghost):not(.soft):not(.dark):not(.ok):not(.bad),.logo i,.iconbtn .n,.promo-tag,.add,.step button.plus,.tabs .dot,.tabbar .dot,.bub.me,.send-hero .go,.lang button.on,.pt-off,.h8-search .go8,.bar .who i,.msg.d,.login .logo){color:var(--on-brand)}
/* theme picker */
#skinpop{position:fixed;z-index:120;overflow-y:auto;overscroll-behavior:contain;width:268px;max-width:calc(100vw - 24px);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lift);padding:14px;animation:skin-in .18s ease both}
#skinpop[hidden]{display:none}
#skinpop h4{font-size:.82rem;color:var(--ink2);margin:0 0 10px;font-weight:700;letter-spacing:0}
#skinpop .sk{display:flex;align-items:center;gap:12px;width:100%;padding:9px;border-radius:14px;border:2px solid transparent;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;margin-bottom:6px}
#skinpop .sk:hover{background:var(--skysoft)}
#skinpop .sk[aria-checked=true]{border-color:var(--brand);background:var(--brandsoft)}
#skinpop .sw{width:46px;height:34px;border-radius:11px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
#skinpop .sk b{display:block;font-size:.92rem}#skinpop .sk small{color:var(--ink3);font-size:.76rem}
#skinpop .md{display:flex;gap:6px;margin-top:8px;background:var(--track);padding:4px;border-radius:14px}
#skinpop .md button{flex:1;border:0;background:transparent;color:var(--ink2);font:inherit;font-size:.84rem;font-weight:700;padding:8px 4px;border-radius:11px;cursor:pointer}
#skinpop .md button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
#skinpop button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@keyframes skin-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#skinpop{animation:none}}

/* narrow phones: brand wordmark + language + three round buttons must fit one row */
@media (max-width:420px){.top .iconbtn{width:36px;height:36px;border-radius:12px}.top .lang{transform:scale(.86);transform-origin:center;margin-inline:-4px}.top .container{gap:6px}.top .logo .bk-wm{font-size:1.28rem}}

/* admin wide layout: keep the order-alerts pill off the sidebar so it never covers Log out / the theme buttons */
@media(min-width:1000px){body:has(.shell.wide) button[data-alerts]{left:auto!important;right:18px!important;bottom:18px!important}}

/* ===== v15 brand: "babak ع" = wordmark + arch door holding ع (same in every theme) ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bk-wm{font-weight:800;letter-spacing:-.05em;text-transform:none;line-height:1}
.logo .bk-wm{font-size:1.5rem}
.bk-sym{display:block;width:100%;height:100%;overflow:visible}
.bk-door{display:inline-grid;place-items:center;width:1.18em;height:1.12em;margin-inline-start:.12em;color:var(--sym,#55B8FF);vertical-align:-.16em;flex:none}
.bk-lock{display:inline-flex;align-items:center;font-size:1.35rem;line-height:1}
.bar .bk-lock{color:#fff}
.bar .who{align-items:flex-start}.bar .who small{margin-top:3px}
.logo.bk-arch,.login .logo.bk-arch{width:72px;height:72px;border-radius:22px;background:linear-gradient(150deg,#0d2e63,#071A35 70%);color:#55B8FF;display:grid;place-items:center;padding:14px;box-shadow:inset 0 0 0 1px rgba(85,184,255,.3),0 18px 34px -14px rgba(23,107,206,.7);transform:none;margin-inline:auto;--sym-dot:#fff;--sym-hub:#0d2e63}
@media(max-width:350px){.logo .bk-wm{font-size:1.3rem}}

/* ===== v15 premium polish (token-based, works in every theme) ===== */
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 75%,#fff);outline-offset:2px;border-radius:8px}
.btn{transition:transform .16s var(--ease),box-shadow .22s var(--ease),filter .2s,background-color .2s}
.btn:not(:disabled):active{transform:scale(.97)}
@media(hover:hover){
  .btn:not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.1) brightness(1.03)}
  .ptile,.shop,.ocard{transition:transform .22s var(--ease),box-shadow .25s var(--ease)}
  .ptile:hover,.shop:hover,.ocard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
}
.sheet,.dialog{box-shadow:var(--shadow-lift)}
/* smooth page change: only the content area fades in when the address changes, never on background refreshes */
#app.route-in main,#app.route-in .page,#app.route-in .container>*:not(header){animation:viewin .38s var(--ease) both}
@keyframes viewin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* assistant: glass panel */
.ac-panel{backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);background:color-mix(in srgb,var(--card) 94%,transparent)}
.ac-fab{box-shadow:0 12px 30px -8px rgba(var(--brand-rgb),.55),0 2px 6px rgba(0,0,0,.2)}
@media (prefers-reduced-motion:reduce){#app.route-in main,#app.route-in .page,#app.route-in .container>*:not(header){animation:none}.btn{transition:none}}
:root[data-skin=babak] .h8 .o3{background:radial-gradient(circle,rgba(255,185,56,.38),transparent 70%)}

/* the logo keeps its midnight/electric colours on the bars and login tiles in every theme */
.bar .bk-door,.foot2 .bk-door{color:#55B8FF;--sym-dot:#fff;--sym-hub:#071A35}
.bk-wm{color:inherit}
/* branded loading screen: shown for a moment while the app starts */
#bk-splash{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 40%,#0d3a78,#071A35 70%);color:#fff;transition:opacity .45s ease,visibility .45s;pointer-events:none}
#bk-splash.out{opacity:0;visibility:hidden}
#bk-splash .bk-lock{font-size:2.6rem;color:#fff;animation:bk-pop .7s var(--ease) both}
#bk-splash .bk-door{color:#55B8FF;--sym-dot:#fff;--sym-hub:#071A35}
#bk-splash .bk-sym g rect{animation:bk-line .9s var(--ease) both}
#bk-splash .bk-sym g rect:nth-child(2){animation-delay:.08s}#bk-splash .bk-sym g rect:nth-child(3){animation-delay:.16s}
@keyframes bk-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes bk-line{from{opacity:0;transform:translateX(160px)}}
@media (prefers-reduced-motion:reduce){#bk-splash .bk-lock,#bk-splash .bk-sym g rect{animation:none}#bk-splash{transition:none}}
.logo .bk-door,.bk-lock .bk-door{width:1.5em;height:1.4em;margin-inline-start:.06em;vertical-align:-.22em}
:root[data-skin=qui]:not([data-theme=dark]){--ink:#101C35;--ink2:#44526e;--ink3:#5a6884;--line:#e2e8f0;--paper:#F5F7FA;--card:#ffffff;--brand:#FFD400;--brand2:#FFE44D;--brandsoft:#fff6cc;--brandink:#7a5800;--sky:#F5B800;--sky2:#FFE44D;--skysoft:#fff3c2;--skyink:#7a5800;--navy:#101C35;--navy2:#162647;--pine:#101C35;--pine2:#162647;--pinesoft:#e9edf5;--glass:rgba(255,255,255,.88);--warmtint:#fff8dc;--track:rgba(16,28,53,.08);--field:#ffffff;--hero-a:#071329;--hero-b:#101C35;--hero-c:#1d3566;--btn-a:#FFE44D;--btn-b:#FFD400;--deep:#071329;--on-brand:#101C35;--brand-rgb:255,212,0;--sky-rgb:84,124,214;--bg1:#e9eef7;--bg2:#F5F7FA;--bg3:#e4eaf5;--orb1:rgba(255,212,0,.22);--orb2:rgba(16,28,53,.10);--orb3:rgba(84,124,214,.22);--orb4:rgba(16,28,53,.08);--wave:rgba(16,28,53,.07);--wave2:rgba(16,28,53,.10);--trail:rgba(245,184,0,.7);--sym:#101C35;--sym-acc:#FFD400;color-scheme:light}
:root[data-skin=qui][data-theme=dark]{--ink:#ffffff;--ink2:#b4c0d6;--ink3:#8e9bb5;--line:#233559;--paper:#101C35;--card:#162647;--brand:#FFD400;--brand2:#FFE44D;--brandsoft:rgba(255,212,0,.14);--brandink:#FFD400;--sky:#FFD400;--sky2:#FFE44D;--skysoft:rgba(255,212,0,.12);--skyink:#FFE44D;--navy:#101C35;--navy2:#162647;--pine:#1d3566;--pine2:#2a4a8a;--pinesoft:rgba(255,212,0,.14);--glass:rgba(16,28,53,.86);--warmtint:#1e2a45;--track:rgba(255,255,255,.08);--field:#1a2b50;--hero-a:#071329;--hero-b:#101C35;--hero-c:#223e75;--btn-a:#FFE44D;--btn-b:#FFD400;--deep:#071329;--on-brand:#101C35;--brand-rgb:255,212,0;--sky-rgb:84,124,214;--bg1:#071329;--bg2:#101C35;--bg3:#0b1730;--orb1:rgba(255,212,0,.10);--orb2:rgba(60,100,190,.35);--orb3:rgba(84,124,214,.18);--orb4:rgba(60,100,190,.25);--wave:rgba(255,212,0,.12);--wave2:rgba(180,192,214,.08);--trail:rgba(255,212,0,.6);--sym:#ffffff;--sym-acc:#FFD400;color-scheme:dark}
:root[data-skin=qui] :is(.btn:not(.ghost):not(.soft):not(.dark):not(.ok):not(.bad),.logo i,.iconbtn .n,.promo-tag,.add,.step button.plus,.tabs .dot,.tabbar .dot,.bub.me,.send-hero .go,.lang button.on,.pt-off,.h8-search .go8,.bar .who i,.msg.d,.login .logo){color:var(--on-brand)}
/* ===== QUI QUICKERS logo ===== */
.qq-lg{display:inline-flex;line-height:0;vertical-align:middle}
.qq-lg svg{display:block;height:var(--qq-h,28px);width:auto;overflow:visible}
.logo{--qq-h:28px}.bk-lock{--qq-h:30px}
.bar,.foot2,#bk-splash,.login .logo{--sym:#ffffff;--wm:#ffffff}
.bar .bk-lock,.bar .logo{--qq-h:25px}
.logo.bk-arch,.login .logo.bk-arch{width:auto;height:auto;min-width:0;padding:16px 22px;border-radius:24px;background:linear-gradient(150deg,#1d3566,#101C35 70%);display:inline-grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,212,0,.35),0 18px 34px -14px rgba(16,28,53,.8);margin-inline:auto;color:#fff}
.logo.bk-arch .bk-sym{width:110px;height:auto}
@media (max-width:420px){.top .logo{--qq-h:22px}.logo{--qq-h:24px}}
#bk-splash{background:radial-gradient(80% 60% at 50% 40%,#1d3566,#101C35 55%,#071329 100%)}
#bk-splash .bk-lock{--qq-h:68px;color:#fff;animation:bk-pop .7s var(--ease) both}
#bk-splash::before{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:6px;background:#FFD400;transform:skewX(-35deg) translateX(-120%);animation:qq-streak .9s .15s var(--ease) both}
@keyframes qq-streak{to{transform:skewX(-35deg) translateX(0)}}
@media (prefers-reduced-motion:reduce){#bk-splash::before{animation:none;transform:skewX(-35deg)}}

:root[data-skin=qui]{--display:"Inter Display",Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
:root[data-skin=qui] :is(h1,h2,.h8-h):not(:lang(ar)){font-family:var(--display);font-weight:900;letter-spacing:-.03em}
:root[data-skin=qui] .h8-h:not(:lang(ar)){font-style:italic;line-height:1.02}
.qq-mk{display:none}

@media (max-width:420px){.top .logo{--qq-h:20px}}
@media (max-width:372px){.top .logo .qq-full{display:none}.top .logo .qq-mk{display:inline-flex}.top .logo{--qq-h:26px}}
#bk-splash{overflow:hidden}