/* Shared surfaces in Misha's colours (Misha's Cleanse mock-up, 18.10.2026): night blue,
   royal-blue accent, neon sky-blue prices. Theme accents remain optional preferences. */
body.iskra {
  --bg:#0f1230; --bg-2:#141838; --bg-card:#1b1f45;
  --s1:#1b1f45; --s2:#252b5c; --s3:#2f366c;
  --p:#3e66b9; --pd:#2f4f94; --acc-1:var(--p); --acc-2:var(--pd); --on-acc:#fff;
  --p-soft:rgba(62,102,185,.18); --p-ring:rgba(145,215,245,.45);
  --t1:#f2f5ff; --t2:#bcc6e6; --t3:#a5b1d6;
  --ln:rgba(200,215,255,.14); --ln2:rgba(200,215,255,.24);
  --line:var(--ln); --card:var(--bg-card); --hdr-bg:var(--bg);
  --price-color:#91d7f5; --price-bg:rgba(145,215,245,.10);
  --surf-1:var(--bg-card); --surf-2:var(--bg-card);
  background:var(--bg); color:var(--t1); font-family:Outfit,system-ui,sans-serif;
}
body.iskra.theme-light {
  --bg:#f6f4f9; --bg-2:#fbfaff; --bg-card:#ffffff;
  --s1:#ffffff; --s2:#eceff8; --s3:#dfe4f2;
  --p:#3e66b9; --pd:#2f4f94; --acc-1:var(--p); --acc-2:var(--pd); --on-acc:#fff;
  --t1:#1e2040; --t2:#4a5070; --t3:#5d6385;
  --ln:rgba(30,32,64,.12); --ln2:rgba(30,32,64,.22);
  --price-color:#2f4f94; --price-bg:#e8eefb;
}
/* Accent as a text colour. Royal blue carries white text on buttons but is unreadable as text
   on night blue, so text uses Misha's neon sky-blue in the dark theme and deep blue in the light
   one. Other picker themes keep their own accent for text, as before. */
body.iskra { --p-text:#91d7f5; }
body.iskra.theme-light { --p-text:#2f4f94; }
body.iskra:is(.theme-midnight,.theme-orchid,.theme-fate,.theme-neon,.theme-ash,.theme-sakura) { --p-text:var(--p); }
body.iskra :is(.r7-link,.add-btn.is-qty,.bnav-item.active,.search-empty-btn,.badge-progress,.tab.on .ic,
  .lead-ic .ic,.th-check,.calc-badge,.row-ico,.row.in-cart .row-ico,.promo-btn,.theme-toggle:active) { color:var(--p-text); }
body.iskra.theme-midnight {--p:#096b87;--pd:#07546b;--t2:#c0ccd8;--t3:#aabac8;--on-acc:#fff}
body.iskra.theme-orchid {--p:#862493;--pd:#671975;--t2:#d1bfda;--t3:#bda7c8;--on-acc:#fff}
body.iskra.theme-sakura {--p:#a51e56;--pd:#80123e;--on-acc:#fff}
body.iskra.theme-fate {--p:#a72840;--pd:#821b31;--t2:#d0c2bf;--t3:#bbaaa8;--on-acc:#fff}
body.iskra.theme-neon {--p:#a51f60;--pd:#7f1749;--t2:#d0bdcc;--t3:#bca6b6;--on-acc:#fff}
body.iskra.theme-ash {--p:#ded9db;--pd:#bbb4b8;--on-acc:#211a20;--t2:#c9c4c7;--t3:#b3adb1}
body.iskra::before,body.iskra::after {display:none!important}
body.iskra .hdr,body.iskra .dock,body.iskra .sheet,body.iskra .th-sheet {background:var(--bg-card);background-image:none;box-shadow:none}
body.iskra .hdr-h {font-family:inherit;color:var(--t1);background:none;-webkit-text-fill-color:currentColor;letter-spacing:.03em}
body.iskra .hdr-s {color:var(--t2);font-size:12px}
body.iskra .hdr-ico {background:var(--p);box-shadow:none}
body.iskra .hdr,body.iskra .wk-panel {border-color:var(--ln)}
body.iskra .row,body.iskra .profile-tier-card,body.iskra .ref-box,body.iskra .bonus-card,body.iskra .rb-step,body.iskra .guar-card {
  background:var(--bg-card);background-image:none;border:1px solid var(--ln);box-shadow:none;
}
body.iskra .row-name,body.iskra .sec-hd-t,body.iskra .wk-panel h2,body.iskra .wk-panel h3 {font-family:inherit}
body.iskra .row-name {font-size:15px;line-height:1.4}
body.iskra .row-cur {display:none}
body.iskra .row-alt {font-size:13px;color:var(--t2);opacity:1;line-height:1.45}
body.iskra .row-sub,body.iskra .sec-sub,body.iskra .wk-muted,body.iskra .wk-panel p,body.iskra .wk-card pre {font-size:14px;line-height:1.55;color:var(--t2)}
body.iskra .wk-tabs button,body.iskra .wk-actions button,body.iskra .wk-button {font-size:14px;min-height:44px}
body.iskra .wk-tabs button.active,body.iskra .wk-button.primary {background:var(--p);color:var(--on-acc)}
body.iskra .row-price {white-space:nowrap;font-size:17px;color:var(--price-color)}
body.iskra .row-ico {box-shadow:none;background:var(--s2)}
body.iskra .add-btn {border:0;font:inherit;min-width:44px;min-height:44px;cursor:pointer}
body.iskra .add-btn:disabled {opacity:.5;cursor:not-allowed}
body.iskra .ci-del,body.iskra .step-dec,body.iskra .step-inc {min-width:44px;min-height:44px}
body.iskra .add-btn.is-added {background:var(--gr-soft);color:var(--gr)}
body.iskra .theme-toggle {padding:0;cursor:pointer}
body.iskra .tab {font:inherit;border:0;font-size:14px;cursor:pointer;background:transparent;color:var(--t2)}
body.iskra .tab.on {background:var(--s2);color:var(--t1);box-shadow:none}
body.iskra .bnav-ico svg {width:23px;height:23px}
body.iskra .bnav-lbl {font-size:12px;color:var(--t2)}
body.iskra .bnav-item.active .bnav-lbl {color:var(--t1)}
body.iskra .profile-tier-badge {background:var(--p);color:var(--on-acc);box-shadow:none}
body.iskra .wk-panel {background:var(--bg-card);margin:14px 12px;padding:16px}
body.iskra .wk-card {padding:16px;border-color:var(--ln)}
body.iskra .wk-card h3 {font-size:16px}
body.iskra .wk-card h2 {font-size:20px}
body.iskra .wk-status {font-size:12px;background:var(--s2)}
body.iskra .wk-form label,body.iskra .wk-form input,body.iskra .wk-form select,body.iskra .wk-form textarea {font-size:15px}
body.iskra .wk-card pre,body.iskra .wk-card p,body.iskra .wk-list li,.wk-copyable {user-select:text;-webkit-user-select:text}
body.iskra .wk-board-toolbar {position:static;background:transparent;padding:0}
body.iskra .wk-board-toolbar h2 {margin:0 0 12px}
body.iskra .wk-board-toolbar .wk-tabs {margin:0 0 12px}
body.iskra .wk-management {margin:0 0 16px;padding:12px;background:var(--s2);border-radius:12px}
body.iskra .wk-management:not([open]) .wk-tabs {display:none}
body.iskra .wk-management summary {cursor:pointer;min-height:24px;font-size:14px;font-weight:600}
body.iskra .wk-filter-row {display:flex;align-items:center;gap:10px;margin:12px 0}
body.iskra .wk-filter-row label {display:flex;flex:1;align-items:center;gap:10px;font-size:14px}
body.iskra .wk-filter-row select {flex:1;min-width:0;width:auto}
body.iskra .wk-search-form {display:flex;flex-wrap:nowrap;gap:8px}
body.iskra .wk-search-form .wk-search {min-width:0;flex:1}
body.iskra .wk-search-form button {flex:none}
body.iskra .wk-form select,body.iskra .form-select {
  background-color:var(--s1);background-repeat:no-repeat;background-position:right 13px center;background-size:17px 17px;
}
body.iskra .form-select,body.iskra .form-input {color:var(--t1);border-color:var(--ln2)}
body.iskra.theme-light .form-select,body.iskra.theme-light .form-input {background-color:var(--s1);border-color:var(--ln2)}
body.iskra .form-select option {background:var(--bg-card);color:var(--t1)}
body.iskra .field-lbl {display:block;font-size:13px;color:var(--t2)}
body.iskra .panel-close {position:absolute;right:12px;top:12px;min-height:44px;min-width:44px;border:1px solid var(--ln);border-radius:12px;background:var(--s2);color:var(--t1);font-size:22px;cursor:pointer}
body.iskra .sh-title,body.iskra .th-title {padding-right:48px}
body.iskra.work-mode .bar {display:none!important}
body.iskra.work-mode #cart-sheet,body.iskra.work-mode #overlay {display:none!important}
body.iskra .wk-primary-link {display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:12px;color:var(--on-acc);background:var(--p);font-size:14px;border:0;cursor:pointer}
body.iskra .wk-cabinet-intro {margin:14px 12px 0;font-size:22px;font-weight:700}
body.iskra .wk-card .wk-actions {gap:10px}
body.iskra .wk-card .wk-actions .danger {margin-left:auto}
body.iskra .wk-details-link {color:var(--t2)}
/* All cards, including the relic stepper, must fit a narrow grid column. */
body.iskra .sec-rows {grid-template-columns:repeat(2,minmax(0,1fr))}
body.iskra .row,body.iskra .row-l,body.iskra .row-info {min-width:0}
body.iskra .row-name,body.iskra .row-sub {overflow-wrap:anywhere}
body.iskra #relic-row {grid-column:1 / -1}
body.iskra #relic-row .row-l {flex-direction:row;align-items:center}
body.iskra #relic-row .row-info {flex:1}
body.iskra #relic-row .row-r {flex-wrap:wrap}
body.iskra .wk-service-link {text-align:left;align-self:flex-start;font:inherit;font-size:13px;line-height:1.4;min-height:44px;border:0;background:none;color:var(--t2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 0}
body.iskra .wk-service-link:focus-visible {outline:2px solid var(--p);outline-offset:3px}
body.iskra .wk-service-extras summary {cursor:pointer;min-height:44px;font-size:14px;line-height:1.5;padding:10px 0;color:var(--t2)}
body.iskra .calc-title {display:flex;align-items:center;gap:8px}
body.iskra .calc-title img {flex:none}
body.iskra .page {scroll-margin-top:132px}
body.iskra.theme-light .calc-title img {filter:invert(1)}
body.iskra .native-emoji-slot {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none}
body.iskra .native-emoji {display:block;width:24px;height:24px;object-fit:contain;flex:none}
body.iskra .tab-ico .native-emoji,body.iskra .bnav-ico .native-emoji {width:20px;height:20px}
body.iskra .currency-emoji {margin-left:2px;vertical-align:-2px}
body.iskra .currency-unit {display:inline-flex;align-items:center;white-space:nowrap}
body.iskra .currency-emoji .native-emoji {width:14px;height:14px}
body.iskra.theme-light .native-emoji.is-adaptive {filter:invert(1)}
/* Events are a price list, with no icon slots or individual card frames. */
body.iskra #p-events .sec-hd {flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 10px}
body.iskra #p-events .sec-hd-t {margin:0;font-size:13px;letter-spacing:.04em}
body.iskra #p-events .event-count {font-size:12px;color:var(--t3);font-variant-numeric:tabular-nums}
body.iskra #p-events .event-list {display:flex;flex-direction:column;gap:0;padding:0;border-top:1px solid var(--ln)}
body.iskra #p-events .event-row {display:flex;flex-direction:row;align-items:center;gap:12px;min-height:72px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--ln);border-radius:0;box-shadow:none;animation:none;transform:none}
body.iskra #p-events .event-row.in-cart {background:var(--p-soft);box-shadow:none}
body.iskra #p-events .row-l {width:auto;flex:1;flex-direction:row;align-items:center;margin:0}
body.iskra #p-events .row-info {flex:1}
body.iskra #p-events .row-name {font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:normal;word-break:normal}
body.iskra #p-events .row-pricing {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-top:4px;line-height:1.5}
body.iskra #p-events .row-price {font-size:12.5px;font-weight:600;letter-spacing:0;white-space:nowrap}
body.iskra #p-events .row-alt {font-size:12.5px;font-weight:400;margin:0;color:var(--t2);white-space:nowrap}
body.iskra #p-events .event-price-separator {font-size:12px;color:var(--t3)}
body.iskra #p-events .row-r {width:auto;flex:none;gap:0;margin:0}
body.iskra #p-events .add-btn {min-width:44px;min-height:44px}
@media(max-width:380px) {
  body.iskra .sec-rows {grid-template-columns:1fr}
  body.iskra .row {min-height:0}
  body.iskra .row-l {flex-direction:row;align-items:center}
  body.iskra .row-r {justify-content:space-between}
  body.iskra .row-info {flex:1}
}
@media(min-width:760px) {
  body.iskra .main-screen {max-width:960px;margin:0 auto}
  body.iskra .wk-board-toolbar {position:static}
}
@media(prefers-reduced-motion:reduce) {
  body.iskra *,body.iskra *::before,body.iskra *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}