/* ============================================================================
   MA9ZA — Brand skin for the public Mini App.
   THESIS: the store lives inside the brand's own violet-neon night, not inside
   Telegram's theme. Surfaces are liquid glass over a deep violet ground; light
   mode is the same world seen in milk, not a white default.
   WORLD: ground #08030F / milk #EFE9F2, violet #8A5CFF, neon edge #B98BFF,
   glass panes at 10–30% opacity with 28px blur, hairline top highlight.
   TYPE: IBM Plex Sans Arabic, self-hosted, 400/500/600/700, tabular numerals.
   ICONS: Freud (strangeicons v3.3, MIT) inlined as masks; scripts/freud-icons.mjs builds them.
   KEPT: premium custom emoji, lottie emoji, payment brand marks, all data-action
   hooks and class names the app already renders.
   ============================================================================ */

@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');font-weight:500;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');font-weight:600;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:block;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:block}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:block}
@font-face{font-family:'Plex Arabic';src:url('/assets/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:block}
/* DG Modal3at — the brand's Arabic display voice. It carries titles, prices and
   labels; Plex keeps the long copy and small print legible at 11–13px. */
@font-face{font-family:'Modal3at';src:url('/assets/fonts/dg-modal3at-400.woff2') format('woff2');font-weight:400 600;font-display:block}
@font-face{font-family:'Modal3at';src:url('/assets/fonts/dg-modal3at-700.woff2') format('woff2');font-weight:700 900;font-display:block}
/* ===== Tokens: night (near-black ink with a faint violet undertone — no glare) ===== */
:root{
  color-scheme:dark;
  /* خلفية صور المنتجات: العاجي النهاري الموحّد في الثيمين — كل صورة منتج تقف عليه. */
  --product-surface:#E8E0D5;
  --ground:#040208;
  --ground-2:#07040C;
  --bg:#040208;
  --surface:#0B0811;
  --surface-2:#110D19;
  --surface-card:#0A0710;
  --bar:rgba(4,2,8,.96);
  --header-bg:#040208;
  --text:#F4F1F8;
  --sub:#A59CB5;
  --hint:#675E75;
  --accent:#8A5CFF;
  --accent-soft:rgba(138,92,255,.11);
  --accent-text:#FFFFFF;
  --neon:#B98BFF;
  --link:#B98BFF;
  --danger:#FF4D6D;
  --success:#05DF72;
  --gold:#FFB703;
  --separator:rgba(255,255,255,.055);
  --fill:rgba(255,255,255,.03);
  --glass:#0A0710;
  --glass-strong:#0F0B16;
  --glass-line:rgba(255,255,255,.06);
  --glass-blur:24px;
  --card-shadow:0 8px 24px -4px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.02) inset;
  --glow:0 0 14px -4px rgba(138,92,255,.16);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --app-viewport-height:100dvh;
  --gutter:16px;
  --radius:20px;
  --radius-sm:14px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.42,.44,1);
  --font-body:'Plex Arabic',-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Roboto,'Noto Sans Arabic',Arial,sans-serif;
  --font-display:'Modal3at','Plex Arabic',-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Arial,sans-serif;
  font-family:var(--font-body);
  background-color:var(--ground);
}
/* ===== Tokens: day (deep ivory — a dimmed warm ground, ivory cards, no glare) ===== */
:root[data-brand-theme="day"]{
  color-scheme:light;
  --ground:#E4DACA;
  --ground-2:#DAD0BE;
  --bg:#E4DACA;
  --surface:#EEE6D8;
  --surface-2:#E2D8C7;
  --surface-card:#EEE6D8;
  --bar:rgba(228,218,202,.96);
  --header-bg:#E4DACA;
  --text:#1D1626;
  --sub:#4B4060;
  --hint:#716579;
  --accent:#6D28D9;
  --accent-soft:rgba(109,40,217,.07);
  --accent-text:#FFFFFF;
  --neon:#6D28D9;
  --link:#6D28D9;
  --danger:#DC2626;
  --success:#059669;
  --gold:#B45309;
  --separator:rgba(74,52,28,.09);
  --fill:rgba(74,52,28,.04);
  --glass:#EEE6D8;
  --glass-strong:#F1EADD;
  --glass-line:rgba(74,52,28,.09);
  --card-shadow:0 1px 3px rgba(74,52,28,.05),0 4px 14px -2px rgba(74,52,28,.05);
  --glow:none;
  background-color:var(--ground);
}
/* ===== Base & Overflow Containment ===== */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
/* No browser zoom anywhere: panning scrolls, pinch and double-tap do nothing. */
html,body{touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y}
html{
  box-sizing:border-box;
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
  max-width:100vw;
  width:100%;
  height:100%;
  background-color:var(--ground);
}
body{
  margin:0;
  min-height:var(--app-viewport-height);
  background-color:var(--ground) !important;
  color:var(--text);
  font-size:15px;
  line-height:1.55;
  font-family:inherit;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
}
/* Clean background without glare or haze */
body::before{display:none!important}
body::after{display:none!important}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:0;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
p{margin:0;overflow-wrap:anywhere}
button,input,select,textarea{font:inherit;color:inherit;font-family:inherit}
/* Prevent mobile browser auto-zoom and shift on focus */
input,select,textarea{font-size:16px!important;box-sizing:border-box}
button{cursor:pointer}
a{color:var(--link);text-decoration:none;overflow-wrap:anywhere}
pre,code,.codes,.wallet-code-export{
  max-width:100%;
  overflow-x:auto;
  white-space:pre-wrap;
  word-break:break-all;
  overflow-wrap:anywhere;
  box-sizing:border-box;
}
img,video,iframe,canvas,svg{max-width:100%;box-sizing:border-box}
::selection{background:rgba(124,58,237,.35);color:#fff}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:10px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,.35);border-radius:99px}
#app{
  display:block;
  min-height:var(--app-viewport-height);
  padding-bottom:calc(108px + var(--safe-bottom));
  overflow-x:hidden;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
}
#app:focus{outline:none}
/* Keyboard stability: hide bottom nav when keyboard opens so it never covers forms */
body.keyboard-open .bottom-nav{display:none!important}
body.keyboard-open{overscroll-behavior-y:contain}
/* The entrance animates the page content only. Animating #app itself leaves a
   transform on it, which would make the fixed dock scroll away with the page. */
/* A whole page settles; it does not bounce past where it belongs. The spring is
   reserved for small objects that land, like a dialog. */
.page-enter>.content,.page-enter>.detail-content{animation:brand-in .42s var(--ease) both}
@keyframes brand-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
/* Children arrive a beat after the page, so a screen assembles instead of blinking. */
.page-enter>.content>*,.page-enter>.detail-content>*{animation:brand-rise .44s var(--ease) both;animation-delay:calc(60ms + var(--i,0)*28ms)}
@keyframes brand-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.page-enter>.content>:nth-child(1){--i:0}.page-enter>.content>:nth-child(2){--i:1}.page-enter>.content>:nth-child(3){--i:2}
.page-enter>.content>:nth-child(4){--i:3}.page-enter>.content>:nth-child(5){--i:4}.page-enter>.content>:nth-child(n+6){--i:5}
/* Disclosures unfold instead of snapping open. */
details{
  border-radius:16px;
  background:var(--surface);
  border:1px solid var(--glass-line);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
details[open]{
  border-color:var(--separator);
  box-shadow:var(--card-shadow);
}
details>summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:700;
  font-size:14px;
  color:var(--text);
  background:transparent;
  transition:background .15s ease,transform .12s ease;
}
details>summary::-webkit-details-marker,details>summary::marker{display:none;content:''}
details>summary:active{background:var(--fill);transform:scale(.99)}
details>summary .app-icon:last-child{transition:transform .26s var(--ease);color:var(--hint)}
details[open]>summary .app-icon:last-child{transform:rotate(-90deg);color:var(--neon)}
.reviews-more{margin-top:10px}
.reviews-more>summary{min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:var(--fill);border:1px solid var(--glass-line);color:var(--link);font-size:13px;font-weight:700}
.reviews-more>summary .app-icon{width:15px;height:15px;transition:transform .26s var(--ease)}
.reviews-more[open]>summary{color:var(--hint)}
.reviews-more[open]>summary .app-icon{transform:rotate(-90deg)}
.reviews-more>div{display:grid;gap:10px;margin-top:10px}
@keyframes brand-unfold{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ===== Form Controls: High-Craft Custom Selects & Dropdowns ===== */
select{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:44px;
  padding:10px 14px 10px 38px;
  border-radius:14px;
  background-color:var(--surface);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:left 12px center;
  background-size:16px 16px;
  border:1px solid var(--glass-line);
  color:var(--text);
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
  outline:none;
  box-shadow:0 2px 8px -2px rgba(0,0,0,.15);
}
select:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft),0 2px 10px rgba(0,0,0,.2);
  background-color:var(--surface-2);
}
select option{
  background-color:#0B0811;
  color:#F4F1F8;
  padding:12px;
  font-size:14px;
}
:root[data-brand-theme="day"] select option{
  background-color:#EEE6D8;
  color:#1D1626;
}
.discovery-admin-filters,
.affiliate-admin-filters,
.competition-admin-filters{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
  margin:4px 0 10px;
}
.discovery-admin-filters button{
  grid-column:1/-1;
  min-height:36px;
  border-radius:10px;
  border:1px solid var(--glass-line);
  background:var(--glass);
  color:var(--danger);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.competition-entry-tools{
  display:flex;
  align-items:center;
  gap:8px;
  margin:8px 0;
  width:100%;
}
.competition-entry-tools select{
  flex:1;
}
.competition-entry-tools button{
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid var(--glass-line);
  background:var(--glass);
  color:var(--danger);
  font-size:12px;
  font-weight:600;
}
.coupon-archive-filter,
.wallet-topup-filter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:6px 0;
  width:100%;
}
.coupon-archive-filter label,
.wallet-topup-filter label{
  color:var(--hint);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.coupon-archive-filter select,
.wallet-topup-filter select{
  flex:1;
  max-width:200px;
}
@media (prefers-reduced-motion:reduce){
  .page-enter>.content,.page-enter>.detail-content,.page-enter>.content>*,.page-enter>.detail-content>*,
  .sheet,.purchase-sheet,details[open]>div{animation:none}
}
.content,.detail-content{width:100%;max-width:640px;margin-inline:auto;padding:14px var(--gutter) calc(130px + var(--safe-bottom));display:grid;gap:14px;align-content:start}
[hidden]{display:none!important}
/* ===== Liquid glass primitive (Apple-style: mostly transparent, blurred) ===== */
.glass,.profile-card,.order-card,.competition-card,.wallet-direct-link,
.wallet-request-detail,.product-card,.product-facts,.summary,.member-detail-grid,.sale-facts,
.content-item,.button-description,.direct-link-actions,.stats-intro,
.admin-tool,.admin-kpi,.sale-card,.member-card,.admin-row,.wallet-section-card,.coupon-batch-card,.discovery-entry,
.admin-competition-row,.discovery-ticket-row,.affiliate-account-card,.affiliate-product-admin-row,.affiliate-assignment-row,
.checkout-product-overview,.purchase-review-card,.binance-pay-details,.stock-item,.admin-list>*{
  background:var(--glass);
  border:1px solid var(--glass-line);
  border-radius:var(--radius);
  box-shadow:var(--card-shadow);
  backdrop-filter:blur(var(--glass-blur)) saturate(165%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);
}
/* Container wrappers: 100% transparent with zero border/shadow to eliminate hanging outer card wrapping */
.admin-group,
.wallet-method,
.wallet-request-list,
.competition-section,
.stats-section,
.admin-tasks{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding:0 !important;
}
.wallet-method{
  display:grid;
  gap:12px;
  width:100%;
}
.admin-group{
  display:grid;
  gap:12px;
  width:100%;
}
/* Hairline light on the top edge — what sells glass as a physical pane. */
.glass::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--glass-line),transparent)}
/* ===== Top bar: floating island =====
   No full-width bar. One capsule floats in the middle — avatar, balance, charge —
   over a soft fade of the ground, so the page breathes around it. The admin
   shortcut is a separate round key in the corner; a spacer mirrors it so the
   island stays centred. */
.topbar{
  position:sticky;top:0;z-index:20;
  padding:calc(10px + var(--safe-top)) var(--gutter) 14px;
  display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;
  background:linear-gradient(to bottom,var(--ground) 0%,var(--ground) 55%,color-mix(in srgb,var(--ground) 0%,transparent) 100%);
  pointer-events:none;
}
.topbar>*{pointer-events:auto}
.island-spacer{width:40px;height:40px}
.island{
  justify-self:center;min-width:0;max-width:100%;
  display:flex;align-items:center;gap:10px;
  padding:5px;padding-inline-end:5px;
  border-radius:999px;
  background:var(--glass-strong);
  border:1px solid var(--glass-line);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.05) inset;
}
.avatar{
  position:relative;width:40px;height:40px;flex:0 0 40px;
  display:grid;place-items:center;overflow:hidden;border-radius:14px;
  background:var(--accent-soft);
  color:var(--neon);font-weight:800;font-size:16px;
  border:0;
}
.avatar.large{width:66px;height:66px;flex-basis:66px;border-radius:22px}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.island-avatar{width:36px;height:36px;flex-basis:36px;padding:0;border-radius:50%;font-size:14px;cursor:pointer;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent)}
.island-avatar:active{transform:scale(.94)}
.island-divider{width:1px;height:20px;flex:0 0 1px;background:var(--separator)}
.island .user-balance{
  min-width:0;padding:0 2px;cursor:pointer;
  color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1;
  white-space:nowrap;
}
.island .user-balance .coin.dollar{width:auto;height:auto;background:transparent;color:var(--success);font-size:14px}
.island .header-wallet{
  min-height:36px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;
  border:0;border-radius:999px;
  background:var(--accent);color:#fff;
  font-family:var(--font-display);font-size:12.5px;font-weight:800;white-space:nowrap;
  box-shadow:0 4px 14px -6px color-mix(in srgb,var(--accent) 80%,transparent);
  cursor:pointer;transition:transform .14s var(--ease)
}
.island .header-wallet:active{transform:scale(.95)}
.island .header-wallet .app-icon{width:13px;height:13px;flex:0 0 13px}
.user-name{
  max-width:145px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1.2;color:var(--text);
}
.user-role{font-size:11px;font-weight:600;color:var(--neon);line-height:1.2;white-space:nowrap}
.header-admin-shortcut{
  width:40px;height:40px;padding:0;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid var(--glass-line);
  background:var(--glass-strong);color:var(--neon);
  box-shadow:0 10px 24px -12px rgba(0,0,0,.85);
  cursor:pointer;transition:transform .14s ease
}
.header-admin-shortcut:active{transform:scale(.92)}
.header-admin-shortcut .app-icon{width:18px;height:18px}
:root[data-brand-theme='day'] .island,
:root[data-brand-theme='day'] .header-admin-shortcut{box-shadow:0 10px 26px -12px rgba(74,52,28,.28),0 1px 0 rgba(255,250,240,.45) inset}
:root[data-brand-theme='day'] .header-admin-shortcut{color:var(--accent)}
:root[data-brand-theme='day'] .admin-kpi.is-primary{
  background:#F3EAF7;
  border-color:#DCCDEB;
}
:root[data-brand-theme='day'] .admin-tool-icon{
  background:rgba(109,40,217,.06);
  color:var(--accent);
}
.page-head{position:sticky;top:0;z-index:19;min-height:calc(54px + var(--safe-top));padding:calc(10px + var(--safe-top)) var(--gutter) 10px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bar);border-bottom:1px solid var(--separator);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.page-head h1{font-size:17px;font-weight:700}
/* ===== Icons & premium emoji (kept intact) ===== */
.app-icon{display:inline-block;width:21px;height:21px;flex:0 0 auto;background-color:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
svg.app-icon{display:block;background-color:transparent;mask:none;-webkit-mask:none}
.premium-emoji{width:1.2em;height:1.2em;display:inline-grid;place-items:center;flex:0 0 1.2em;margin-inline:.08em;vertical-align:-.2em;contain:layout paint}
.premium-emoji img,.premium-emoji video,.premium-emoji svg{width:100%;height:100%;display:block;object-fit:contain}
.coin{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;font-size:8px;font-weight:700}
.coin.custom{background:transparent}
.coin img,.coin video{width:100%;height:100%;object-fit:contain}
.coin.micro,.coin.micro .premium-emoji{width:16px;height:16px;margin:0}
.coin.dollar{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success);font-size:15px;font-weight:800;line-height:1}
.coin.dollar.micro{font-size:12px}
.balance-value,.stars-value,.user-balance,.wallet-preset-value,.amount-pair{display:inline-flex;align-items:center;gap:5px;direction:ltr;font-variant-numeric:tabular-nums}
/* Payment brand marks keep their exact physical sizes (ported, not guessed). */
.wallet-brand-icon{width:30px;height:30px;flex:0 0 30px;display:block;object-fit:contain;object-position:center;border-radius:7px}
.wallet-brand-icon.telegram-stars-mark{border-radius:0}
.wallet-brand-icon.apple-pay-mark{width:34px;height:24px;border-radius:5px}
.stars-value .telegram-stars-mark{width:18px;height:18px;border-radius:0}
.commerce-price .wallet-brand-icon,.buy-price .wallet-brand-icon{width:18px;height:18px;flex-basis:18px}
.wallet-payment-icon img,.wallet-payment-icon .custom-emoji{width:26px;height:26px;border-radius:6px}
.wallet-payment-icon .wallet-brand-icon{width:32px;height:32px;border-radius:8px}
.wallet-payment-icon .wallet-brand-icon.apple-pay-mark{width:34px;height:22px;border-radius:5px}
.wallet-payment-icon .wallet-brand-icon.telegram-stars-mark{width:30px;height:30px;border-radius:0}
.wallet-payment-icon .app-icon{width:22px;height:22px}
.wallet-request-icon .wallet-brand-icon,.wallet-admin-topup-icon .wallet-brand-icon{width:30px;height:30px}
.checkout-payment-icon img{width:30px;height:30px;object-fit:contain}
.checkout-payment-icon .wallet-brand-icon.telegram-stars-mark{border-radius:0}
.brand-mark{display:inline-flex;align-items:center;gap:6px}
/* ===== Search ===== */
.store-search{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(var(--glass-blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%)}
.store-search .app-icon{width:19px;height:19px;color:var(--hint)}
.store-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-size:15px;outline:none}
.store-search input::placeholder{color:var(--hint)}
/* ===== Product cards (2-column grid cards) ===== */
.storefront-content{padding-top:12px}
.product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
  align-items:stretch;
}
.product-card{
  position:relative;
  min-width:0;
  width:100%;
  padding:10px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:start;
  gap:8px;
  border-radius:18px;
  background:var(--surface-card);
  border:1px solid var(--glass-line);
  box-shadow:var(--card-shadow);
  color:inherit;
  transition:transform .14s var(--ease),box-shadow .2s ease,border-color .16s ease;
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  overflow:hidden;
}
.product-card:active{
  transform:scale(.975);
  border-color:var(--neon);
  box-shadow:var(--glow);
}
.product-card.unavailable{opacity:.55}
.product-card.unavailable .product-media img{filter:grayscale(.65)}
/* Sold out: locked, cannot be opened (the store lists it last until it is restocked) */
.product-card:disabled{cursor:not-allowed}
.soldout-lock{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 38%,transparent)}
.soldout-lock i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid var(--glass-line);color:var(--text)}
.soldout-lock .app-icon{width:20px;height:20px}
.stock-tag.locked .app-icon{width:11px;height:11px}
.product-media{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  height:auto;
  flex-shrink:0;
  overflow:hidden;
  border-radius:12px;
  background:var(--fill);
  display:grid;
  place-items:center;
  border:0;
}
.product-media img,.product-media video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:12px;
}
.card-seam{display:none!important}
.product-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
  justify-content:space-between;
  padding:0;
}
.product-card-head{
  display:flex;
  align-items:flex-start;
  gap:6px;
  min-width:0;
}
.product-title{
  margin:0;
  min-width:0;
  font-family:var(--font-display);
  font-size:13.5px;
  font-weight:750;
  line-height:1.35;
  color:var(--text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:break-word;
  min-height:36px;
}
/* Card prices: one line per currency. The paid price is large; the pre-discount
   price sits beside it, small and struck. No boxes — the numbers carry it. */
.card-prices{display:grid;gap:4px;width:100%}
.card-price{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-price b{min-width:0;display:inline-flex;align-items:center;font-family:var(--font-display);font-size:15.5px;font-weight:800;line-height:1.2}
.card-price.balance b{color:var(--text)}
.card-price.balance b .coin{width:auto;height:auto;flex:0 0 auto;background:transparent;color:var(--success);font-size:13px}
.card-price.stars b{color:var(--gold)}
.card-price .telegram-stars-mark{order:-1}
.card-price.stars b .telegram-stars-mark{width:15px;height:15px;flex:0 0 15px}
.card-price s{display:inline-flex;align-items:center;color:var(--hint);font-size:11px;font-weight:600;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,var(--danger) 75%,transparent)}
.card-price s .balance-value,.card-price s .stars-value{gap:2px;text-decoration:inherit}
.card-price s .coin{width:auto;height:auto;background:transparent;color:inherit;font-size:10px}
.card-price s .telegram-stars-mark{width:10px;height:10px;flex:0 0 10px;opacity:.7}
.card-price.muted{color:var(--hint);font-size:12px;font-weight:600}
.card-stats{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--hint);font-size:10.5px;line-height:1.3}
.card-stat{display:inline-flex;align-items:center;gap:3px;min-width:0}
.card-stat .app-icon{width:11px;height:11px;flex:0 0 11px;color:var(--gold)}
.card-stat b{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--sub)}
.card-stat small{font-size:10.5px;font-weight:500;color:var(--hint)}
.card-stat-dot{width:3px;height:3px;border-radius:50%;background:var(--hint);opacity:.6}
.commerce-signals .sig-rating .app-icon{color:var(--gold)}
.product-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-top:auto;
  padding-top:4px;
  border-top:1px solid var(--separator);
}
.product-placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--hint)}
.product-placeholder .app-icon{width:30px;height:30px}
.commerce-prices{display:grid;gap:4px;width:100%}
.buy-prices{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.commerce-price,.buy-price{
  min-height:26px;
  padding:2px 8px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:9px;
  background:var(--fill);
  border:1px solid var(--glass-line);
  font-size:12px;
  font-weight:750;
  line-height:1.25;
}
.commerce-price .coin{width:14px;height:14px;font-size:10.5px}
.commerce-price .stars-value .telegram-stars-mark{width:13px;height:13px}
.commerce-prices .commerce-price{justify-content:space-between}
.buy-price{border-radius:999px}
.commerce-price.stars,.buy-price.stars{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}
.commerce-price.balance,.buy-price.balance{background:var(--accent-soft);color:var(--neon);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.commerce-signals{display:flex;flex-wrap:wrap;gap:4px;color:var(--hint);font-size:10.5px}
.commerce-signals>span{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:var(--fill)}
.commerce-signals .app-icon{width:12px;height:12px}
.stock-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--success) 14%,transparent);
  color:var(--success);
  font-size:10.5px;
  font-weight:700;
}
.stock-tag i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}
.stock-tag.out{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.product-open{margin-inline-start:auto;color:var(--hint)}
.product-open .app-icon{width:15px;height:15px}
.discount-badge{
  position:absolute;
  z-index:2;
  top:6px;
  inset-inline-start:6px;
  padding:2px 7px;
  border-radius:8px;
  background:linear-gradient(135deg,#EF4444,#DC2626);
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(0,0,0,.4);
}
.discount-badge bdi{direction:ltr}
.original-prices{display:flex;align-items:center;gap:4px;color:var(--hint);font-size:9.5px;font-weight:500;direction:rtl;flex-wrap:wrap}
.original-prices .coin{width:12px;height:12px;font-size:9.5px}
.original-prices .telegram-stars-mark{width:12px;height:12px}
/* Synthetic italics: the display face ships no true italic, so a slanted <em>
   would be a machine-sheared outline. Emphasis stays upright. */
em,.checkout-payment-card em,.wallet-payment-copy em,i.wallet-note{font-style:normal}
.original-label{direction:rtl;text-decoration:none;opacity:.8}
.original-prices s{display:inline-flex;align-items:center;gap:4px;opacity:.72;text-decoration-thickness:1px}
.buy-prices .original-prices{flex-basis:100%;font-size:11px}
/* ===== Product page ===== */
.product-page-content{display:grid;gap:14px}
.detail-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.detail-title{font-size:23px;font-weight:750;letter-spacing:-.02em}
.product-facts{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.product-facts>div{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon label" "icon value";align-items:center;column-gap:10px;row-gap:1px;padding:13px;justify-content:stretch}
.product-facts>div+div{border-inline-start:1px solid var(--separator)}
.product-facts>div>span{grid-area:icon;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.product-facts>div>span .app-icon{width:19px;height:19px}
.product-facts small{grid-area:label;color:var(--hint);font-size:11.5px}
.product-facts strong{grid-area:value;font-size:14px;font-weight:650;line-height:1.35;text-wrap:balance}
.rich-copy{padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--sub);line-height:1.85;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.rich-copy strong,.rich-copy b{color:var(--text)}
.direct-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.direct-link-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--glass);color:var(--link);font-size:13px;font-weight:600;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.direct-link-actions .app-icon{width:18px;height:18px}
/* Competition copy/share pair + page actions — same glass button as direct-link-actions
   (these classes were only styled in the retired telegram.css, so they rendered raw). */
.competition-share-card{grid-template-columns:1fr 1fr;gap:10px}
.competition-share-card>div{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px}
.competition-share-card>div>span{grid-row:1/3;color:var(--accent)}
.competition-share-card p{margin:0;display:grid;gap:2px}
.competition-share-card p strong{font-size:13px}
.competition-share-card p small{color:var(--hint);font-size:11px}
.competition-share-card>button,.vote-share button,.competition-condition button,.competition-refresh,.competition-own-reward button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--glass);color:var(--link);font-size:13px;font-weight:600;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.competition-share-card>button.primary,.vote-share button.primary{background:var(--accent);border-color:transparent;color:var(--accent-text);font-weight:700}
.competition-share-card>button .app-icon,.vote-share button .app-icon,.competition-condition button .app-icon,.competition-refresh .app-icon,.competition-own-reward button .app-icon{width:18px;height:18px}
.vote-share{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.vote-share>div{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px}
.vote-share>div>span{grid-row:1/3;color:var(--accent)}
.vote-share p{margin:0;display:grid;gap:2px}
.vote-share p strong{font-size:13px}
.vote-share p small{color:var(--hint);font-size:11px}
.vote-share .own-votes{font-size:13px;color:var(--hint)}
.product-purchase-bar{
  position:fixed;inset-inline:0;inset-block-end:0;z-index:30;
  padding:12px var(--gutter) calc(12px + var(--safe-bottom));
  display:grid;gap:10px;
  background:var(--bar);border-top:1px solid var(--separator);
  backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%);
}
.product-buy-meta,.buy-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-total{min-width:0;display:grid;gap:3px}
.product-total>small,.buy-quantity>small{color:var(--hint);font-size:11px}
.stepper{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line)}
.stepper button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text)}
.stepper button:active{background:var(--accent-soft);color:var(--neon)}
.stepper .quantity{min-width:34px;text-align:center;font-weight:700}
/* ===== Primary actions (Sleek, modern, high-craft) ===== */
.wide-action,.retry,.primary-action,.checkout-continue,.confirm,.competition-join-button,.discovery-submit,.coupon-create-button,
.discovery-entry>button:first-of-type,.discovery-intro button{
  width:100%;min-height:52px;padding:0 20px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:0;border-radius:16px;
  background:linear-gradient(135deg,#7C3AED 0%,#6366F1 100%);
  color:#ffffff;font-size:15px;font-weight:700;
  box-shadow:0 10px 25px -8px rgba(124,58,237,.55),0 1px 0 rgba(255,255,255,.22) inset;
  transition:transform .14s var(--ease),filter .18s ease,box-shadow .18s ease;
  position:relative;overflow:hidden;cursor:pointer;user-select:none;
}
.checkout-continue::after,.confirm::after,.primary-action::after,.final-purchase::after{display:none}
.wide-action:active,.retry:active,.primary-action:active,.checkout-continue:active,.confirm:active,.competition-join-button:active,
.discovery-submit:active,.discovery-entry>button:first-of-type:active,.discovery-intro button:active{
  transform:scale(.985);filter:brightness(1.08);box-shadow:0 4px 14px -4px rgba(124,58,237,.65)
}
.wide-action:disabled,.checkout-continue:disabled,.confirm:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
.wide-action.secondary,.cancel,.discovery-entry>button.secondary,.checkout-secondary{
  width:100%;min-height:50px;padding:0 18px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--glass-line);border-radius:16px;
  background:var(--surface-card,rgba(255,255,255,.08));
  color:var(--text);font-size:14.5px;font-weight:650;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:transform .14s var(--ease),background .18s ease;cursor:pointer;
}
.wide-action.secondary:active,.cancel:active,.discovery-entry>button.secondary:active,.checkout-secondary:active{
  transform:scale(.985);background:rgba(255,255,255,.14)
}
.danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}
.final-purchase{box-shadow:0 14px 36px -16px rgba(124,58,237,.95),0 1px 0 rgba(255,255,255,.25) inset}
/* ===== Bottom bar (owner request 2026-10-17, with his picture: «مثل كذا بالضبط») =====
   One card fixed to the bottom edge with big rounded top corners (never floating: his word on 2026-10-04).
   On the customer pages the AI's ask field sits on top; under it the tabs are icons only. The open tab is
   filled on a soft pill that app.js slides from tab to tab, with a dot under it, and «الأزرار» sits in a
   purple circle in the middle. Tabs only: 10 + 62 + 6 = 78px; with the ask field: 78 + 50 + 8 = 136px. */
:root{--nav-h:62px}
.bottom-nav{
  --nav-card:#0E0A15;--nav-edge:rgba(255,255,255,.075);--nav-icon:rgba(244,241,248,.8);--nav-icon-active:#C7B2FF;
  --nav-pill:rgba(255,255,255,.07);--nav-pill-line:rgba(255,255,255,.07);--nav-ring:#0E0A15;
  --nav-ask-line:color-mix(in srgb,var(--accent) 60%,transparent);--nav-ask-text:#B7AEC6;
  position:fixed;z-index:40;inset-inline:0;bottom:0;
  padding:10px max(14px,var(--safe-right)) calc(6px + var(--safe-bottom)) max(14px,var(--safe-left));
  display:flex;flex-direction:column;gap:8px;
  background:var(--nav-card);border-radius:28px 28px 0 0;
  box-shadow:0 -1px 0 var(--nav-edge),0 -18px 40px -22px rgba(0,0,0,.85)
}
:root[data-brand-theme='day'] .bottom-nav{
  --nav-card:#F8F3EA;--nav-edge:rgba(74,52,28,.09);--nav-icon:rgba(38,28,22,.84);--nav-icon-active:#6A3CE8;
  --nav-pill:rgba(74,52,28,.075);--nav-pill-line:rgba(74,52,28,.06);--nav-ring:#F8F3EA;
  --nav-ask-line:color-mix(in srgb,var(--accent) 52%,transparent);--nav-ask-text:#6F6577;
  box-shadow:0 -1px 0 var(--nav-edge),0 -14px 34px -20px rgba(74,52,28,.42)
}
/* the ask field: an outlined pill that reads like a text box; pressing it opens the chat page */
.nav-ask{display:flex;align-items:center;gap:10px;width:100%;height:50px;min-width:0;padding:0 16px;border:1.5px solid var(--nav-ask-line);border-radius:999px;background:transparent;color:var(--nav-ask-text);font:inherit;font-size:14px;font-weight:500;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--ease),border-color .2s var(--ease)}
.nav-ask:active{transform:scale(.985);border-color:var(--accent)}
.nav-ask:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.nav-ask-spark{display:grid;place-items:center;flex:0 0 auto}
.nav-ask-spark .app-icon{width:22px;height:22px;color:var(--gold)}
.nav-ask-hint{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nav-ask-end{display:grid;place-items:center;flex:0 0 auto}
.nav-ask-end .app-icon{width:20px;height:20px;color:var(--hint)}
:root[dir='rtl'] .nav-ask-end .app-icon{transform:scaleX(-1)}
.nav-tabs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--nav-h)}
.bottom-nav.admin-dock .nav-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
/* Measured and moved by app.js in the row's own pixels, so both start at the physical left. */
.nav-lens{position:absolute;left:0;top:5px;z-index:0;height:44px;border-radius:22px;background:var(--nav-pill);box-shadow:inset 0 0 0 1px var(--nav-pill-line);pointer-events:none;will-change:transform;transform-origin:50% 50%}
.nav-dot{position:absolute;left:0;top:56px;z-index:0;width:5px;height:5px;border-radius:50%;background:var(--nav-icon-active);pointer-events:none;will-change:transform}
.nav-lens[hidden],.nav-dot[hidden]{display:none}
.bottom-nav .nav-item{position:relative;z-index:1;align-self:start;height:54px;min-width:0;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--nav-icon);font:inherit;-webkit-tap-highlight-color:transparent;transition:color .22s var(--ease)}
.nav-icon{position:relative;z-index:1;display:grid;place-items:center}
.nav-glyph{width:25px;height:25px;display:block;transition:transform .16s var(--ease)}
.nav-glyph g{transition:opacity .22s var(--ease)}
.nav-glyph .is-fill{opacity:0}
.bottom-nav .nav-item.active{color:var(--nav-icon-active)}
.bottom-nav .nav-item.active .is-fill{opacity:1}
.bottom-nav .nav-item.active .is-line{opacity:0}
/* while the pill is still on its way, the new tab waits in line form */
.bottom-nav.is-arriving .nav-item.active{color:var(--nav-icon)}
.bottom-nav.is-arriving .nav-item.active .is-fill{opacity:0}
.bottom-nav.is-arriving .nav-item.active .is-line{opacity:1}
/* the middle tab: a purple circle with a soft ring of its own colour, the icon white */
.bottom-nav .nav-item.is-center,.bottom-nav.is-arriving .nav-item.is-center.active{color:#fff}
.bottom-nav .nav-item.is-center::before{content:'';position:absolute;top:0;left:50%;width:54px;height:54px;margin-left:-27px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 17%,transparent);transition:transform .16s var(--ease)}
.bottom-nav .nav-item.is-center .nav-glyph{width:27px;height:27px}
.bottom-nav .nav-item.is-center:active::before{transform:scale(.94)}
.bottom-nav .nav-item:active .nav-glyph{transform:scale(.86)}
.nav-icon b{position:absolute;inset-block-start:-6px;inset-inline-end:-11px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--nav-ring)}
.bottom-nav .nav-item:focus-visible{outline:none}
.bottom-nav .nav-item:focus-visible .nav-icon::before{content:'';position:absolute;inset:-10px -16px;border-radius:999px;outline:2px solid var(--neon)}
/* room at the end of the page, so its last row can scroll up out from under the card */
#app:has(>.bottom-nav){padding-bottom:calc(78px + var(--safe-bottom))}
#app:has(>.bottom-nav.has-ask){padding-bottom:calc(136px + var(--safe-bottom))}
body:has(#app>.bottom-nav.has-ask) .toast{inset-block-end:calc(150px + var(--safe-bottom))}
/* ===== «المساعد الذكي» (owner request 2026-10-17): a full chat page behind the ask field =====
   It fills what the keyboard leaves of the screen (app.js sets --ask-h and --ask-top from the visual viewport), so
   the box always sits above the keyboard and only the conversation scrolls. Answers are plain text on the ground,
   the member's words in a soft violet bubble, the buttons it asks for under the answer. */
.ask-page{position:fixed;z-index:30;inset-inline:0;top:var(--ask-top,0px);height:var(--ask-h,100dvh);display:flex;flex-direction:column;background:var(--ground);color:var(--text)}
.ask-head{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:calc(10px + var(--safe-top)) var(--gutter) 12px;border-bottom:1px solid var(--separator)}
.ask-head-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}
.ask-head-mark .app-icon{width:22px;height:22px;color:var(--gold)}
.ask-head-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.ask-head-copy strong{font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.3}
.ask-head-copy small{color:var(--sub);font-size:12px;line-height:1.4}
.ask-quota{margin-inline-start:auto;flex:0 0 auto;max-width:42%;padding:6px 10px;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line);color:var(--sub);font-size:11.5px;font-weight:600;line-height:1.3;text-align:center}
.ask-quota.is-low{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 30%,transparent)}
.ask-quota[hidden]{display:none}
.ask-thread{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px;padding:18px var(--gutter) 14px}
.ask-thread>:first-child{margin-top:auto}
/* the first visit: a greeting and four questions to start with */
.ask-welcome{display:flex;flex-direction:column;align-items:center;gap:10px;margin-block:auto;padding:12px 4px;text-align:center}
.ask-welcome-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent);margin-bottom:4px}
.ask-welcome-mark .app-icon{width:30px;height:30px;color:var(--gold)}
.ask-welcome h2{margin:0;font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1.4}
.ask-welcome p{margin:0;max-width:300px;color:var(--sub);font-size:13.5px;line-height:1.7}
.ask-suggest{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.ask-chip{padding:10px 14px;border-radius:999px;border:1px solid var(--glass-line);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:500;line-height:1.35;cursor:pointer;transition:transform .14s var(--ease),border-color .2s var(--ease)}
.ask-chip:active{transform:scale(.97);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.ask-row{display:flex;align-items:flex-start;gap:10px;min-width:0}
.ask-row.is-user{justify-content:flex-end}
.ask-bubble{max-width:84%;padding:10px 14px;border-radius:18px;border-end-end-radius:6px;background:color-mix(in srgb,var(--accent) 24%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:14.5px;line-height:1.65;overflow-wrap:anywhere;white-space:normal}
:root[data-brand-theme='day'] .ask-bubble{background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,transparent)}
.ask-avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;margin-top:2px;border-radius:50%;background:var(--accent-soft)}
.ask-avatar .app-icon{width:16px;height:16px;color:var(--gold)}
.ask-answer{flex:1 1 auto;min-width:0;padding-top:4px}
.ask-answer .sk-line{display:block;height:12px;margin:6px 0 10px;border-radius:6px}
.ask-md{font-size:14.5px;line-height:1.75;overflow-wrap:anywhere}
.ask-md>:first-child{margin-top:0}
.ask-md>:last-child{margin-bottom:0}
.ask-md p{margin:0 0 8px}
.ask-md strong,.ask-md b{font-weight:700;color:var(--text)}
.ask-md ul,.ask-md ol{margin:4px 0 10px;padding-inline-start:20px}
.ask-md li{margin:3px 0}
.ask-md h1,.ask-md h2,.ask-md h3,.ask-md h4{margin:12px 0 6px;font-family:var(--font-display);font-size:15.5px;font-weight:700;line-height:1.45}
.ask-md blockquote{margin:8px 0 10px;padding:8px 12px;border-inline-start:3px solid var(--accent);border-radius:10px;background:var(--fill);color:var(--sub)}
.ask-md hr{margin:12px 0;border:0;border-top:1px solid var(--separator)}
.ask-md a{color:var(--link)}
.ask-md .premium-emoji{width:1.25em;height:1.25em;vertical-align:-.25em}
/* the words being written end in a small blinking dot */
.ask-md.is-typing>:last-child::after{content:'';display:inline-block;width:7px;height:7px;margin-inline-start:5px;border-radius:50%;background:var(--neon);vertical-align:middle;animation:ask-blink 1s ease-in-out infinite}
@keyframes ask-blink{50%{opacity:.25}}
.ask-thinking{display:inline-flex;align-items:center;gap:10px;min-height:28px;color:var(--sub);font-size:12.5px}
.ask-dots{display:inline-flex;gap:4px}
.ask-dots i{width:7px;height:7px;border-radius:50%;background:var(--neon);animation:ask-dot 1.1s ease-in-out infinite}
.ask-dots i:nth-child(2){animation-delay:.15s}
.ask-dots i:nth-child(3){animation-delay:.3s}
@keyframes ask-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
.ask-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ask-act{display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:0 14px;border-radius:12px;border:1px solid var(--glass-line);background:var(--surface-2);color:var(--text);font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:transform .14s var(--ease),border-color .2s var(--ease)}
.ask-act span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ask-act .app-icon{width:18px;height:18px;flex:0 0 18px;color:var(--neon)}
.ask-act .premium-emoji{width:20px;height:20px;flex:0 0 20px}
.ask-act .wallet-brand-icon{width:auto;height:16px}
.ask-act bdi{color:var(--sub);font-weight:600}
.ask-act.is-human .app-icon{color:var(--success)}
.ask-act:active{transform:scale(.97);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.ask-note{display:block;margin-top:6px;color:var(--hint);font-size:11.5px}
.ask-notice{margin:0;color:var(--sub);font-size:14px;line-height:1.7}
.ask-error{margin:0 0 8px;color:var(--danger);font-size:13.5px;line-height:1.6}
.ask-retry{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--glass-line);background:var(--fill);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.ask-retry .app-icon{width:15px;height:15px}
/* the box: an outlined pill like the field it was opened from, the send button inside it */
.ask-dock{flex:0 0 auto;padding:10px var(--gutter) calc(10px + var(--safe-bottom));border-top:1px solid var(--separator);background:var(--ground)}
body.keyboard-open .ask-dock{padding-bottom:10px}
.ask-composer{display:flex;align-items:flex-end;gap:8px;padding:5px;padding-inline-start:16px;border:1.5px solid color-mix(in srgb,var(--accent) 58%,transparent);border-radius:26px;background:var(--surface)}
.ask-composer:focus-within{border-color:var(--accent)}
.ask-composer textarea{flex:1 1 auto;min-width:0;height:40px;max-height:132px;padding:9px 0;border:0;outline:0;resize:none;background:transparent;color:var(--text);font:inherit;font-size:15px;line-height:1.5}
.ask-composer textarea::placeholder{color:var(--hint)}
.ask-send{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;transition:transform .14s var(--ease)}
.ask-send .app-icon{width:20px;height:20px}
:root[dir='rtl'] .ask-send:not(.is-stop) .app-icon{transform:scaleX(-1)}
.ask-send.is-stop{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--glass-line)}
.ask-send.is-stop .app-icon{width:16px;height:16px}
.ask-send:active{transform:scale(.92)}
.ask-closed{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:16px;background:var(--fill);text-align:center}
.ask-closed p{margin:0;color:var(--sub);font-size:13px;line-height:1.7}
.ask-closed .ask-actions{justify-content:center;margin-top:6px}
@media (prefers-reduced-motion:reduce){.ask-dots i,.ask-md.is-typing>:last-child::after{animation:none}}
/* ===== Sheets ===== */
/* Dialogs sit in the middle of the screen. A short sheet rising from the bottom
   edge reads as a fragment of a page; a centred card reads as one decision. */
.sheet-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:rgba(4,1,10,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:brand-fade .2s ease both}
@keyframes brand-fade{from{opacity:0}to{opacity:1}}
.sheet,.purchase-sheet{width:100%;max-width:min(460px,100%);max-height:86dvh;overflow:auto;padding:18px;border-radius:28px;background:color-mix(in srgb,var(--ground-2) 92%,transparent);border:1px solid var(--glass-line);box-shadow:0 40px 90px -40px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.14) inset;backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);animation:brand-pop .3s var(--spring) both}
@keyframes brand-pop{from{transform:scale(.93) translateY(12px);opacity:0}to{transform:none;opacity:1}}
.sheet-grip{display:none}
.sheet h2{margin:0 0 12px;font-size:19px}
.sheet p{color:var(--sub)}
.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.sheet-actions button{min-height:48px;border-radius:14px}
.sheet-title-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:10px;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.purchase-sheet-head{position:sticky;top:0;z-index:2;margin:-18px -18px 12px;padding:14px 18px;border-radius:28px 28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:color-mix(in srgb,var(--ground-2) 88%,transparent);border-bottom:1px solid var(--separator);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.purchase-sheet-head button{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;background:var(--fill);color:var(--link);font-size:13px;font-weight:600}
.purchase-sheet-scroll{display:grid;gap:14px}
.purchase-sheet-footer{position:sticky;bottom:-18px;margin:0 -18px -18px;padding:14px 18px calc(18px + var(--safe-bottom));background:linear-gradient(transparent,color-mix(in srgb,var(--ground-2) 92%,transparent) 30%)}
.checkout-section{display:grid;gap:12px}
.checkout-section-heading h1{font-size:20px}
.checkout-section-heading p{color:var(--hint);font-size:12.5px}
.checkout-product-overview{display:flex;align-items:center;gap:12px;padding:12px}
.checkout-product-cover{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:var(--fill);border:1px solid var(--glass-line)}
.checkout-product-cover img{width:100%;height:100%;object-fit:cover}
.checkout-product-copy{min-width:0}
.checkout-product-copy h2{margin:2px 0;font-size:15px}
.checkout-product-copy small,.checkout-product-quantity span{color:var(--hint);font-size:11px}
.checkout-product-quantity{text-align:center}
.checkout-product-quantity strong,.checkout-product-quantity span{display:block}
.checkout-product-quantity strong{font-size:19px;line-height:1.15}
.checkout-payment-list{display:grid;gap:10px}
.checkout-payment-card,.wallet-payment-option,.wallet-section-card{width:100%;min-height:74px;padding:12px 14px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 16px;align-items:center;gap:12px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-align:start;backdrop-filter:blur(var(--glass-blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%);transition:transform .14s var(--ease),background .2s ease}
.checkout-payment-card:active,.wallet-payment-option:active,.wallet-section-card:active{transform:scale(.985);background:var(--glass-strong)}
.checkout-payment-icon,.wallet-payment-icon{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--fill);border:1px solid var(--glass-line)}
.wallet-payment-copy,.checkout-payment-card>span:nth-child(2){min-width:0;display:grid;gap:2px}
.wallet-payment-copy strong{font-size:14.5px;font-weight:650}
.wallet-payment-copy small{color:var(--hint);font-size:11.5px}
.wallet-payment-due{text-align:end}
.wallet-payment-cost{font-size:15px;font-weight:750}
/* The review card is a receipt: the total is banded and weighted, the rest are
   ruled rows of equal rhythm, so the hierarchy steps instead of jumping. */
.purchase-review-card{display:grid;gap:0;padding:0;overflow:hidden}
.purchase-review-total{min-height:62px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--accent-soft);border-bottom:1px solid var(--separator);font-size:14px}
.purchase-review-total>span{color:var(--sub);font-weight:600}
.purchase-review-total strong{font-size:20px;font-weight:800;color:var(--text)}
.purchase-review-row{min-height:46px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--separator);color:var(--sub);font-size:13px}
.purchase-review-row strong{font-size:13.5px;font-weight:700;color:var(--text)}
.purchase-review-row:last-child{border-bottom:0}
.purchase-review-requirements{padding:10px 16px;display:grid;gap:8px;color:var(--hint);font-size:12px}
.purchase-review-requirements>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
/* Breathing room under the sticky head, which was cutting into the first card. */
.purchase-sheet-scroll>:first-child{margin-top:4px}
/* ===== Fields ===== */
.field{display:grid;gap:8px;margin-block-end:14px}
.field label{color:var(--sub);font-size:12.5px;font-weight:600}
.field input,.field textarea,.field select,.coupon-filter-search input,.directory-search input,.apply-account-fields input{
  width:100%;min-height:52px;padding:12px 16px;
  border:1px solid var(--glass-line);border-radius:16px;
  background:var(--surface-card,rgba(255,255,255,.065));color:var(--text);font-size:16px;outline:none;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 8px 20px -18px rgba(0,0,0,.8);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease);
}
.field textarea{min-height:110px;resize:vertical;line-height:1.7}
.field input:focus,.field textarea:focus,.apply-account-fields input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 4px var(--accent-soft),0 0 22px -10px var(--accent)}
.field input::placeholder,.field textarea::placeholder,.apply-account-fields input::placeholder{color:var(--hint)}
.required-mark{color:var(--danger);font-size:11px}
/* ===== Orders ===== */
.orders-page,.profile-page{display:grid;gap:12px}
.orders-list,.sales-list,.member-grid,.admin-list,.competitions-grid,.wallet-request-list,.discovery-ticket-list{display:grid;gap:10px}
.order-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px;color:inherit;text-align:start}
.order-card h3{font-size:15px;font-weight:650}
.order-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px;color:var(--hint);font-size:12px}
.order-number{align-self:start;padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:11px;font-weight:600;direction:ltr}
.order-status,.sale-status,.member-state,.competition-state,.store-state,.wallet-request-state,.review-request-state{padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--hint);font-size:11px;font-weight:600}
.order-status.delivered,.sale-status.delivered,.store-state.on,.wallet-request-state.paid{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.order-status.refunded,.sale-status.refunded,.store-state.off,.wallet-request-state.rejected{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}
.order-status.paid,.wallet-request-state.pending,.wallet-request-state.submitted,.store-state.pending{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.order-detail-page{display:grid;gap:12px}
.order-detail-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.order-detail-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:18px;background:var(--accent-soft);color:var(--neon)}
.order-detail-icon.delivered{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.order-detail-icon .app-icon{width:26px;height:26px}
.summary,.order-detail-summary,.member-detail-grid,.sale-facts{overflow:hidden}
.summary>div,.member-detail-grid>div,.sale-facts>div{min-height:52px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--separator)}
.summary>div:last-child,.member-detail-grid>div:last-child{border-bottom:0}
.summary span,.member-detail-grid span{color:var(--hint);font-size:12.5px}
.summary strong,.member-detail-grid strong{font-size:14px;font-weight:650}
.order-delivery-card,.codes{display:grid;gap:8px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.codes code,.copyable{display:block;padding:10px 12px;border-radius:12px;background:var(--fill);color:var(--text);font-size:13px;direction:ltr;overflow-wrap:anywhere;user-select:all}
/* ===== Profile ===== */
.profile-grid{display:grid;gap:12px}
.profile-card{padding:16px;display:grid;gap:12px}
.profile-card-head{display:flex;align-items:center;gap:10px}
.profile-card-head .app-icon{width:22px;height:22px;color:var(--neon)}
.profile-card-head h2{flex:1;font-size:16px}
.profile-card-head strong{font-size:19px;font-weight:750}
.profile-card p{color:var(--hint);font-size:12.5px}
.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.profile-actions button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);color:var(--link);font-size:13.5px;font-weight:600}
.profile-actions .app-icon{width:18px;height:18px}
/* ===== Wallet ===== */
.wallet-page{display:grid;gap:12px}
/* The balance is a physical payment card: chip, brand mark, holder, and a
   pressed wave across the face. It should read as money, not as a score. */
.wallet-balance-card{position:relative;isolation:isolate;overflow:hidden;min-height:176px;padding:18px;display:grid;align-content:space-between;gap:16px;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#2E1160 0%,#160A2E 48%,#0A0418 100%);box-shadow:0 26px 60px -30px rgba(0,0,0,.95),0 1px 0 rgba(255,255,255,.18) inset;color:#F6F2FF}
:root[data-brand-theme='day'] .wallet-balance-card{background:linear-gradient(135deg,#6C34E8 0%,#4A1FB0 55%,#2A1060 100%);border-color:rgba(255,255,255,.4)}
.wallet-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-card-chip{width:42px;height:32px;border-radius:8px;background:linear-gradient(135deg,#F2D48A,#C79A3C 55%,#8A6620);box-shadow:0 1px 0 rgba(255,255,255,.5) inset;position:relative}
.wallet-card-chip::after{content:'';position:absolute;inset:6px 8px;border:1px solid rgba(0,0,0,.28);border-radius:3px}
.wallet-card-balance>span{display:block;color:rgba(246,242,255,.72);font-size:12.5px;font-weight:600}
.wallet-card-balance strong{display:block;margin-top:2px;font-size:32px;font-weight:800;line-height:1.15}
.wallet-card-balance .balance-value,.wallet-card-balance .balance-value>span:last-child{font-size:inherit;font-weight:inherit;color:#fff}
.wallet-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(246,242,255,.8);font-size:12.5px;font-weight:600}
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-action{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass);color:var(--link);font-weight:650;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wallet-requests-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-requests-tools strong{display:block;font-size:17px;font-weight:750}
.wallet-requests-tools span{color:var(--hint);font-size:12px}
.wallet-requests-tools button{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--glass-line);border-radius:999px;background:var(--accent-soft);color:var(--neon);font-size:13px;font-weight:650}
/* Top-up methods are tiles, two per row: a Mini App screen should be scannable
   without scrolling past four tall stacked cards. */
.wallet-section-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wallet-section-card{min-height:118px;padding:14px;display:grid;grid-template-columns:none;grid-template-rows:auto 1fr auto;gap:8px;align-content:start;justify-items:start;text-align:start}
.wallet-section-card>.app-icon{display:none}
.wallet-section-card .wallet-payment-icon{width:42px;height:42px}
.wallet-section-card .wallet-payment-copy{gap:3px}
.wallet-section-card .wallet-payment-copy strong{font-size:14px;line-height:1.35}
.wallet-section-card .wallet-payment-copy small{font-size:11px;line-height:1.5}
/* The tile already names the method and its badge; the trailing count repeated
   the same fact and forced every tile taller. */
.wallet-section-card .wallet-section-meta{display:none}
/* An odd tile out stretches to the full row instead of leaving a gap beside it. */
.wallet-section-card:last-child:nth-child(odd){grid-column:1 / -1;min-height:96px}
.wallet-section-card .wallet-payment-copy strong{overflow-wrap:anywhere}
.wallet-section-badge{display:inline-flex;width:fit-content;margin:2px 0;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--neon);font-size:10px;font-weight:700}
.wallet-section-card.is-popular .wallet-section-badge,.wallet-section-card.is-fee-free .wallet-section-badge{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}
.wallet-section-card.is-coupon .wallet-section-badge{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}
.wallet-section-meta{color:var(--hint);font-size:12px}
.wallet-section-heading{
  min-height:56px;
  padding:4px 2px 14px;
  display:flex;
  align-items:center;
  gap:12px;
}
.wallet-section-heading>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.wallet-section-heading strong{
  font-size:16px;
  font-weight:750;
  color:var(--text);
}
.wallet-section-heading small{
  font-size:12px;
  line-height:1.4;
  color:var(--hint);
}
.wallet-section-heading .wallet-payment-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--fill);
  border:1px solid var(--glass-line);
}
.wallet-packages,.wallet-external-packages{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-package,.wallet-external-packages button{min-height:74px;display:grid;gap:3px;place-content:center;text-align:center;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);color:var(--text)}
.wallet-package strong{font-size:17px;font-weight:750}
.wallet-package small,.wallet-external-packages small{color:var(--hint);font-size:11px}
.wallet-custom-amount{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.wallet-custom-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wallet-custom-head small{display:block;color:var(--hint);font-size:11.5px}
.wallet-custom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.wallet-custom-row label{display:flex;align-items:center;gap:8px;padding:0 14px;min-height:50px;border-radius:14px;background:var(--fill);border:1px solid var(--glass-line)}
.wallet-custom-row input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);outline:none}
.wallet-custom-row button{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-text);font-weight:700}
.wallet-request-row{width:100%;min-height:72px;padding:12px 14px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 16px;align-items:center;gap:10px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-align:start}
.wallet-request-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--fill)}
.wallet-request-copy{min-width:0;display:grid;gap:2px}
.wallet-request-copy strong{font-size:14.5px;font-weight:700}
.wallet-request-copy small{color:var(--hint);font-size:11.5px}
.wallet-status-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.wallet-status-hero>span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--accent-soft);color:var(--neon)}
.wallet-status-hero.paid>span{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.wallet-status-copy{color:var(--sub);font-size:13px}
.wallet-note{color:var(--hint);font-size:12px}
.wallet-empty-state{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--hint)}
.wallet-empty-state>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.wallet-direct-link{padding:16px;display:grid;gap:14px;margin-block-start:14px;border-radius:var(--radius);background:var(--surface-card,rgba(255,255,255,.065));border:1px solid var(--glass-line)}
.wallet-direct-link>div:first-child{display:flex;align-items:center;gap:10px}
.wallet-direct-link>div:first-child>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--neon)}
.wallet-direct-link p{display:grid;gap:2px}
.wallet-direct-link p small{color:var(--hint);font-size:12px}
.wallet-direct-link>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-direct-link button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);color:var(--link);font-weight:600}
.wallet-quote-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-quote-breakdown>div{display:grid;gap:4px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.wallet-quote-breakdown span{color:var(--hint);font-size:11.5px}
.wallet-quote-breakdown strong{font-size:16px;font-weight:750}
.binance-pay-warning{padding:14px;border-radius:var(--radius);background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 38%,transparent)}
.binance-pay-warning strong{display:flex;align-items:center;gap:7px;color:var(--gold);font-size:14px}
.binance-pay-warning strong .app-icon{width:18px;height:18px}
.binance-pay-warning p{margin:5px 0;color:var(--sub);font-size:12.5px;line-height:1.7}
.binance-pay-warning code{display:block;margin:9px 0;padding:10px;border-radius:12px;background:var(--fill);color:var(--text);font-size:20px;font-weight:800;letter-spacing:.08em;text-align:center;user-select:all}
.binance-pay-details{overflow:hidden}
.binance-pay-row{display:flex;align-items:center;gap:10px;padding-inline-start:14px;border-bottom:1px solid var(--separator)}
.binance-pay-row:last-child{border-bottom:0}
.binance-pay-row>span{flex:0 0 auto;color:var(--hint);font-size:12px}
.binance-pay-row>strong{flex:1;min-width:0;text-align:end;font-size:14px;overflow-wrap:anywhere}
.binance-pay-status{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}
/* USDT on the network: the address QR on its own white tile (scanners need that contrast in both themes); the TxID step is the fixed bar. */
/* a row with no copy button (the network) keeps the same height and its value off the card's edge */
.wallet-chain-page .binance-pay-row{min-height:46px}
.wallet-chain-page .binance-pay-row>strong:last-child{padding-inline-end:14px}
.chain-qr{margin:14px auto 0;display:flex;flex-direction:column;align-items:center;gap:6px}
.chain-qr img{width:176px;height:176px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--separator)}
.chain-qr figcaption{color:var(--hint);font-size:11.5px}
/* the TxID step: the page's fixed bar (like checkout), the status and time left above its button */
.chain-claim-bar .binance-pay-status{margin:0;color:var(--sub)}
.chain-claim-bar.is-claimed .binance-pay-status>span:first-child{color:var(--success)}
.coupon-copy-button,.binance-pay-row button{min-width:60px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-inline-start:1px solid var(--separator);background:transparent;color:var(--link);font-size:11.5px;font-weight:700}
.coupon-copy-button .app-icon,.binance-pay-row .app-icon{width:16px;height:16px}
/* ===== Content pages / buttons ===== */
.content-buttons-list{display:grid;gap:12px}
.content-button-row{width:100%;min-height:68px;padding:12px 14px;display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:12px;border-radius:var(--radius);background:var(--surface-card,rgba(255,255,255,.065));border:1px solid var(--glass-line);color:var(--text);text-align:start;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.content-button-row:active{transform:scale(.985);background:var(--glass-strong)}
.content-button-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--neon)}
.content-button-icon.paid{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.content-button-copy{min-width:0;display:grid;gap:3px}
.content-button-copy strong{font-size:14.5px;font-weight:650}
.content-button-copy small{display:flex;gap:10px;color:var(--hint);font-size:11px}
.content-button-copy small>span{display:inline-flex;align-items:center;gap:3px}
.content-button-copy small .app-icon{width:12px;height:12px}
.content-button-row>.app-icon{width:16px;color:var(--hint)}
.content-item{display:grid;gap:16px;overflow:visible;margin-block-end:14px}
.content-item:empty{display:none}
.content-media{display:grid;gap:16px;overflow:visible}
.content-media .media-tile,.content-media .expandable-media{border-radius:18px;overflow:hidden;box-shadow:0 8px 24px -6px rgba(0,0,0,.45)}
.content-media .media-tile video{border-radius:18px;max-height:68dvh}
.content-text,.button-description{padding:16px 18px;line-height:1.85;color:var(--sub)}
.content-caption{
  margin-top:14px;
  padding:16px 18px;
  border-radius:18px;
  background:var(--surface-card,rgba(255,255,255,.065));
  border:1px solid var(--glass-line);
  color:var(--text);
  font-size:14.5px;
  line-height:1.75;
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
.content-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-radius:18px;overflow:hidden}
.content-gallery>*{min-width:0;aspect-ratio:1;object-fit:cover;border-radius:14px}
.content-file{display:flex;align-items:center;gap:10px;padding:14px;color:var(--link);font-weight:600}
.compact-context{
  min-height:36px;
  padding:4px 4px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  margin-block-end:8px;
}
.compact-context strong{
  font-size:15px;
  font-weight:750;
  color:var(--text);
}
.compact-context span{
  color:var(--hint);
  font-size:12px;
}
.wallet-form-body{display:grid;gap:16px}
.wallet-form-page,.wallet-manual-page{display:grid;gap:16px}
/* ===== Product gallery + media viewer (kept structural) ===== */
.gallery{position:relative;display:block}
.gallery-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;background:#07030d;border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{position:relative;flex:0 0 100%;aspect-ratio:4/3;display:block;overflow:hidden;padding:0;border:0;background:#07030d;scroll-snap-align:center;scroll-snap-stop:always;cursor:zoom-in}
.gallery-slide.is-placeholder{display:grid;place-items:center;background:var(--glass);cursor:default}
.gallery-backdrop{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(26px) saturate(150%) brightness(.55);pointer-events:none}
.gallery-image{position:relative;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
video.gallery-image{background:#000}
.gallery-counter{position:absolute;z-index:1;inset-block-start:12px;inset-inline-start:12px;padding:3px 10px;border-radius:999px;background:rgba(8,3,15,.55);border:1px solid var(--glass-line);color:#fff;font-size:11px;font-weight:700;direction:ltr;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gallery-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
/* The active dot changes size instantly; only colour and glow animate, so the
   row never triggers a layout pass while the gallery scrolls. */
.gallery-dots i{width:6px;height:6px;border-radius:999px;background:var(--fill);transition:background .22s ease,box-shadow .22s ease}
.gallery-dots i.is-active{width:20px;background:var(--neon);box-shadow:0 0 10px var(--neon)}
.media-play-badge{position:absolute;inset:0;z-index:1;margin:auto;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:rgba(8,3,15,.5);border:1px solid var(--glass-line);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.media-play-badge .app-icon{width:26px;height:26px;transform:translateX(2px)}
.media-tile{position:relative;width:100%;height:100%;min-height:44px;display:block;overflow:hidden;padding:0;border:0;background:#000;cursor:pointer}
.media-tile video{width:100%;max-height:72dvh;display:block;object-fit:contain;background:#000;pointer-events:none}
.content-gallery .media-tile video{height:100%;object-fit:cover}
.expandable-media{width:100%;height:100%;min-height:44px;padding:0;display:block;border:0;background:#000;overflow:hidden;cursor:zoom-in}
.expandable-media img{width:100%;height:100%;display:block;object-fit:inherit}
.media-viewer{position:fixed;z-index:1000;inset:0;display:block;background:#04010a;color:#fff;touch-action:none}
.mv-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none}
.mv-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .28s var(--ease),opacity .24s ease}
.mv-slide.is-dragging{transition:none}
.mv-slide .media-viewer-image{max-width:100%;max-height:100%;display:block;object-fit:contain;will-change:transform;transition:transform .16s ease-out}
.mv-stage.is-gesture .media-viewer-image{transition:none}
.mv-bar{position:absolute;z-index:3;inset-inline:0;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) 12px 26px;background:linear-gradient(rgba(4,1,10,.75),transparent);transition:opacity .2s ease}
.mv-counter{min-width:46px;text-align:center;font-size:14px;font-weight:700;direction:ltr}
.mv-actions{min-width:46px;display:flex;justify-content:flex-end;gap:8px}
.mv-btn{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.mv-btn:active{transform:scale(.94)}
.mv-btn:disabled{opacity:.35}
.mv-btn .app-icon{width:22px;height:22px}
.mv-nav{position:absolute;z-index:3;inset-block-start:50%;margin-top:-23px;display:none}
.mv-prev{inset-inline-start:14px}.mv-next{inset-inline-end:14px}
@media (hover:hover) and (pointer:fine){.mv-nav{display:grid}}
.mv-dots{position:absolute;z-index:3;inset-inline:0;inset-block-end:calc(env(safe-area-inset-bottom) + 20px);display:flex;justify-content:center;gap:6px;pointer-events:none}
.mv-dots i{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.32)}
.mv-dots i.is-active{width:20px;background:#fff}
.media-viewer.is-video .mv-dots{inset-block-end:calc(env(safe-area-inset-bottom) + 78px)}
.mv-hint{position:absolute;z-index:3;inset-inline:0;inset-block-end:calc(env(safe-area-inset-bottom) + 44px);margin:0;text-align:center;font-size:12px;color:rgba(255,255,255,.72);pointer-events:none;animation:mv-hint 3.2s ease forwards}
@keyframes mv-hint{0%,70%{opacity:1}100%{opacity:0}}
.media-viewer.is-chrome-hidden .mv-bar,.media-viewer.is-chrome-hidden .mv-nav,.media-viewer.is-chrome-hidden .mv-dots,.media-viewer.is-chrome-hidden .mv-hint,.media-viewer.is-chrome-hidden .mv-controls{opacity:0;pointer-events:none}
.mv-video{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mv-video video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.mv-video-center{position:absolute;inset:0;z-index:2;margin:auto;width:76px;height:76px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(8,3,15,.45);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .2s ease,transform .2s ease}
.mv-video-center .app-icon{width:32px;height:32px;transform:translateX(2px)}
.mv-video.is-playing .mv-video-center{opacity:0;transform:scale(.85);pointer-events:none}
.mv-spinner{position:absolute;inset:0;z-index:2;margin:auto;width:44px;height:44px;display:none;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:mv-spin .8s linear infinite}
.mv-video.is-buffering .mv-spinner{display:block}
.mv-video.is-buffering .mv-video-center{opacity:0}
@keyframes mv-spin{to{transform:rotate(360deg)}}
.mv-controls{position:absolute;z-index:3;inset-inline:0;inset-block-end:0;display:grid;grid-template-columns:46px auto minmax(0,1fr) auto 46px;align-items:center;gap:8px;padding:30px 14px calc(env(safe-area-inset-bottom) + 14px);direction:ltr;background:linear-gradient(transparent,rgba(4,1,10,.8));transition:opacity .2s ease}
.mv-controls .mv-btn{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.mv-time{min-width:38px;font-size:12px;font-weight:600;text-align:center;opacity:.9}
.mv-seek{width:100%;height:28px;margin:0;background:transparent;-webkit-appearance:none;appearance:none}
.mv-seek::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--neon) var(--progress,0%),rgba(255,255,255,.25) var(--progress,0%))}
.mv-seek::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none}
.mv-seek::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.25)}
.mv-seek::-moz-range-progress{height:4px;border-radius:999px;background:var(--neon)}
.mv-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
/* ===== Reviews, competitions, discovery (structural) ===== */
.reviews-section,.competition-section,.discovery-block{padding:16px;display:grid;gap:12px}
.reviews-summary{display:flex;align-items:center;gap:12px}
.reviews-score{display:grid;place-items:center;min-width:64px;padding:8px 10px;border-radius:18px;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);font-family:var(--font-display);font-size:26px;font-weight:800;line-height:1;color:var(--gold)}
.reviews-score span{font-family:var(--font-body);font-size:10.5px;font-weight:600;opacity:.75}
.review-stars,.reviews-list .review-rating{display:inline-flex;gap:4px;color:var(--gold)}
.review-stars .app-icon{width:16px;height:16px}
.review-stars .app-icon,.reviews-summary .review-stars .app-icon:last-child{color:inherit;transform:none}
/* Direct children only: each mark is a <span>, but so is the .app-icon inside it,
   so a descendant selector repainted the icon grey underneath a gold parent. */
.review-stars>span,.review-stars>button{color:color-mix(in srgb,var(--hint) 55%,transparent);transition:transform .18s var(--spring),color .18s ease}
.review-stars>.selected{color:var(--gold);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--gold) 45%,transparent))}
/* The rating field is a control, so its stars are large enough to hit cleanly. */
.review-stars.interactive{gap:6px;padding:4px 0 2px;border:0;background:none;justify-content:center}
.review-stars.interactive button{min-width:52px;min-height:52px;display:grid;place-items:center;border:0;border-radius:18px;background:transparent;transition:transform .2s var(--spring),color .2s ease,background .2s ease}
.review-stars.interactive .app-icon{width:34px;height:34px}
.review-stars.interactive button:active{transform:scale(.86)}
.review-stars.interactive>.selected{color:var(--gold);background:none;animation:review-star-pop .34s var(--spring) both}
@keyframes review-star-pop{0%{transform:scale(.7)}55%{transform:scale(1.18)}100%{transform:none}}
/* ===== Review page ===== */
.review-subject{padding:14px;display:flex;align-items:center;gap:12px}
.review-subject>span{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(150deg,var(--accent-soft),transparent),var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);color:var(--neon)}
.review-subject>div{min-width:0;display:grid;gap:2px}
.review-subject small{color:var(--neon);font-size:11px;font-weight:700}
.review-subject h2{overflow:hidden;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.review-form{display:grid;gap:14px;border:0;padding:0;margin:0}
.review-card{margin:0;padding:16px;display:grid;gap:10px;justify-items:stretch;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%)}
.review-card-title{width:100%;padding:0;font-family:var(--font-display);font-size:14.5px;font-weight:700;color:var(--text);text-align:start}
.review-card-title small{margin-inline-start:6px;font-family:var(--font-body);font-size:11.5px;font-weight:600;color:var(--hint)}
/* The stars sit on their own lit surface so they never read as part of the note field. */
.review-rating-card{justify-items:center;gap:6px;background:radial-gradient(120% 130% at 50% 0,color-mix(in srgb,var(--gold) 13%,transparent),transparent 70%),var(--glass);border-color:color-mix(in srgb,var(--gold) 24%,var(--glass-line))}
.review-rating-card .review-card-title{text-align:center}
.review-rating-feedback{min-height:18px;font-size:12.5px;font-weight:700;color:var(--hint);text-align:center;transition:color .2s ease}
.review-rating-feedback.chosen{color:var(--gold)}
.review-comment-card textarea{width:100%;min-height:118px;padding:13px 14px;border-radius:16px;border:1px solid var(--glass-line);background:var(--fill);color:var(--text);font-size:14px;line-height:1.75;resize:vertical;outline:none;transition:border-color .18s ease,background .18s ease}
.review-comment-card textarea::placeholder{color:var(--hint)}
.review-comment-card textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--surface-2)}
.review-counter{font-size:11px;font-weight:600;color:var(--hint);text-align:end;font-variant-numeric:tabular-nums}
.review-bar .checkout-continue .app-icon{width:18px;height:18px}
/* ===== Rating trust band (product page) ===== */
.review-trust{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent 70%),var(--glass);border:1px solid color-mix(in srgb,var(--gold) 26%,var(--glass-line));color:var(--text);text-align:start;box-shadow:var(--card-shadow);transition:transform .14s var(--ease)}
.review-trust:active{transform:scale(.993)}
.trust-score{display:grid;place-items:center;min-width:56px;padding:6px 10px;border-radius:14px;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);color:var(--gold)}
.trust-score strong{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1}
.trust-score small{font-size:10px;font-weight:600;opacity:.8}
.trust-copy{min-width:0;display:grid;gap:4px;justify-items:start}
.trust-copy small{color:var(--hint);font-size:11.5px;font-weight:600}
.trust-more{display:grid;place-items:center;color:var(--hint)}
.trust-more .app-icon{width:16px;height:16px}
.trust-quote{margin:0;padding:12px 14px;display:grid;gap:6px;border-radius:var(--radius);background:var(--fill);border:1px solid var(--glass-line);border-inline-start:3px solid color-mix(in srgb,var(--gold) 55%,transparent)}
.trust-quote p{font-size:13px;line-height:1.85;color:var(--text)}
.trust-quote cite{font-size:11.5px;font-style:normal;font-weight:700;color:var(--hint)}
/* ===== Customer reviews: a swipeable rail of equal cards ===== */
.reviews-section{padding:14px 0 4px;display:grid;gap:12px;background:none;border:0;box-shadow:none}
.reviews-summary{padding:0 var(--gutter);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
.reviews-summary-copy{min-width:0;display:grid;gap:3px;justify-items:start}
.reviews-summary-copy h2{font-family:var(--font-display);font-size:15px;font-weight:700}
.reviews-summary-copy>span{color:var(--hint);font-size:11px;font-weight:600}
/* The rail bleeds to both screen edges so a half-visible card says «اسحب». */
.review-rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px var(--gutter) 6px;margin-inline:calc(var(--gutter) * -1);scrollbar-width:none}
.review-rail::-webkit-scrollbar{display:none}
.review-card{scroll-snap-align:center;min-height:168px;padding:14px;display:grid;gap:10px;align-content:start;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%)}
.review-card header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}
.reviewer-avatar{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(150deg,var(--accent),var(--neon));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:#fff;font-family:var(--font-display);font-size:17px;font-weight:800}
.reviewer-avatar::before{content:attr(data-initial)}
.reviewer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reviewer-id{min-width:0;display:grid;gap:2px}
.reviewer-id strong{overflow:hidden;font-size:13.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.reviewer-id time{color:var(--hint);font-size:10.5px;font-variant-numeric:tabular-nums}
.review-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--success,#2ecc71) 14%,transparent);border:1px solid color-mix(in srgb,var(--success,#2ecc71) 30%,transparent);color:var(--success,#2ecc71)}
.review-badge .app-icon{width:11px;height:11px}
.review-badge small{font-size:10px;font-weight:700}
.review-card .review-stars{gap:3px}
.review-card .review-stars .app-icon{width:14px;height:14px}
/* Equal cards: every comment gets the same four lines, longer ones fade out. */
.review-card-text{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.8;color:var(--text)}
.review-rail-hint{padding-inline:var(--gutter);display:flex;align-items:center;gap:6px;color:var(--hint)}
.review-rail-hint span{display:grid;place-items:center;animation:review-nudge 1.8s var(--ease) infinite}
.review-rail-hint .app-icon{width:13px;height:13px}
.review-rail-hint small{font-size:11px;font-weight:600}
@keyframes review-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.review-rail-hint span{animation:none}}
.reviews-empty{padding-inline:var(--gutter);color:var(--hint);font-size:12px}
.competition-card{display:grid;gap:10px;padding:14px;color:inherit;text-align:start}
.competition-promo{position:relative;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--glass-line));border-radius:var(--radius);background:linear-gradient(120deg,var(--accent-soft),transparent 68%),var(--glass);color:var(--text);text-align:start;box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform .14s var(--ease),border-color .18s ease}
.competition-promo:active{transform:scale(.993);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.competition-promo-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(150deg,var(--accent-soft),transparent),var(--surface-2);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);color:var(--neon)}
.competition-promo-icon .app-icon{width:26px;height:26px}
.competition-promo-copy{min-width:0;display:grid;gap:3px}
.competition-promo-copy small{color:var(--neon);font-size:11px;font-weight:700;letter-spacing:.02em}
.competition-promo-copy strong{overflow:hidden;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35;color:var(--text);text-overflow:ellipsis;white-space:nowrap}
.progress-track{height:8px;border-radius:99px;background:var(--fill);overflow:hidden}
.progress-track>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--neon));box-shadow:var(--glow)}
.discovery-entry{
  padding:16px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px 14px;
  align-items:center;
  border-radius:var(--radius);
  background:var(--surface-card,rgba(255,255,255,.065));
  border:1px solid var(--glass-line);
  box-shadow:var(--card-shadow);
  color:inherit;
  text-align:start;
}
.discovery-entry-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:var(--accent-soft);
  color:var(--neon);
}
.discovery-entry>div{min-width:0}
.discovery-entry strong{display:block;font-size:15px;font-weight:700;color:var(--text)}
.discovery-entry small{display:block;margin-top:3px;color:var(--hint);font-size:12px;line-height:1.55}
.discovery-entry>button{grid-column:1/-1;min-height:48px}
.discovery-intro{
  padding:18px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px 14px;
  border-radius:var(--radius);
  background:var(--surface-card,rgba(255,255,255,.065));
  border:1px solid var(--glass-line);
  box-shadow:var(--card-shadow);
  color:inherit;
}
.discovery-intro>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--neon)}
.discovery-intro h1{margin:0;font-size:18px;font-weight:700;color:var(--text)}
.discovery-intro p{margin:4px 0 0;color:var(--hint);font-size:12.5px;line-height:1.6}
.discovery-intro button{grid-column:1/-1;min-height:50px;margin-top:4px}
/* ===== States ===== */
.empty,.error-screen,.error-state{padding:40px 20px;display:grid;gap:8px;justify-items:center;text-align:center;color:var(--hint)}
.empty strong,.error-screen h1{color:var(--text);font-weight:700}
.empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:var(--glass);border:1px solid var(--glass-line);color:var(--neon)}
.empty-icon .app-icon{width:28px;height:28px}
.toast{position:fixed;z-index:200;inset-inline:0;inset-block-end:calc(118px + var(--safe-bottom));margin-inline:auto;width:fit-content;max-width:86%;padding:12px 18px;border-radius:999px;background:rgba(8,3,15,.82);border:1px solid var(--glass-line);color:#fff;font-size:13.5px;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s var(--ease);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none}
.toast.show{opacity:1;transform:none}
.skeleton{position:relative;overflow:hidden;background:var(--fill);border-radius:14px}
.skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:brand-shimmer 1.3s infinite}
@keyframes brand-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.sk-line{display:block;height:12px;margin:6px 0;border-radius:99px}
.sk-line.wide{width:80%}.sk-line.medium{width:55%}.sk-line.short{width:35%}
.sk-avatar{width:40px;height:40px;border-radius:14px}
.skeleton-card{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:hidden;border-radius:18px;background:var(--surface-card);border:1px solid var(--glass-line)}
.skeleton-card .product-media{width:100%;aspect-ratio:1/1;border-radius:12px}
.skeleton-card .product-info{display:grid;gap:6px;padding:2px 0}
.muted{color:var(--hint)}
.section-head,.store-head,.member-results-head,.wallet-page-title,.wallet-group-title,.sale-section-title,.stats-section-head,.compact-context,.discovery-list-head,.coupon-batch-head,.coupon-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-head h1,.section-head h2,.store-head h1{font-size:20px;font-weight:750;letter-spacing:-.02em}
.section-head>span,.member-results-head>span,.results-head span{
  padding:4px 12px;
  border-radius:999px;
  background:var(--accent-soft);
  border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
  color:var(--neon);
  font-family:var(--font-display);
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}
.member-results-head{padding:4px 2px}
.member-results-head>div{display:flex;flex-direction:column;gap:2px}
.member-results-head h2{font-size:18px;font-weight:750;color:var(--text);margin:0}
.member-results-head p{color:var(--hint);font-size:12px;margin:0}
.member-pagination,.wallet-pagination,.competition-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 6px;width:100%}
.member-pagination button,.wallet-pagination button,.competition-pagination button{min-height:42px;padding:0 16px;border:1px solid var(--glass-line);border-radius:12px;background:var(--glass);color:var(--link);font-weight:600;cursor:pointer}
.member-pagination button:disabled,.wallet-pagination button:disabled,.competition-pagination button:disabled{opacity:.4;cursor:not-allowed}
.member-pagination span,.wallet-pagination span,.competition-pagination span{color:var(--hint);font-size:13px;font-weight:700;font-family:var(--font-display)}
.directory-search{display:flex;align-items:center;gap:8px;width:100%}
.directory-search>div,.directory-search>label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 14px;min-height:48px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line)}
.directory-search input{flex:1;min-width:0;min-height:auto;padding:0;border:0!important;background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--text);font-size:14px;outline:none}
.directory-search button{flex:0 0 46px;width:46px;height:46px;min-height:46px;display:grid;place-items:center;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);color:var(--link);cursor:pointer;transition:all .18s var(--ease)}
.directory-search button:active{transform:scale(.95);background:var(--accent-soft)}
.directory-search button.active,.directory-search button.filter-trigger.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--neon)}
.directory-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.directory-tabs::-webkit-scrollbar{display:none}
.directory-tabs button{min-height:38px;padding:0 14px;white-space:nowrap;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);color:var(--sub);font-size:12.5px;font-weight:600;transition:all .18s ease;cursor:pointer}
.directory-tabs button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--neon);box-shadow:0 0 12px -4px var(--accent)}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--hint);font-size:11.5px}
.active-filters span{padding:3px 9px;border-radius:999px;background:var(--fill)}
.active-filters button{padding:3px 9px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);color:var(--danger);font-size:11px;cursor:pointer}
/* ===== Admin (inherits the same world) ===== */
.page-head.admin-head{justify-content:space-between}
.admin-head h1{font-size:19px;font-weight:750}
.admin-head-copy p{margin:1px 0 0;color:var(--hint);font-size:12px}
.admin-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.admin-store-pill{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);color:var(--text);font-size:12px;font-weight:650}
.admin-store-pill i{display:inline-block;width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}
.admin-store-pill.off i{background:var(--danger);box-shadow:0 0 8px var(--danger)}
.admin-exit{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--glass-line);border-radius:12px;background:var(--glass);color:var(--neon)}
.admin-today{display:grid;gap:18px}
.admin-kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}
.admin-kpi{padding:13px;display:grid;align-content:start;gap:6px;border:1px solid var(--glass-line);color:var(--text);text-align:start}
.admin-kpi small{color:var(--hint);font-size:11px;font-weight:600}
.admin-kpi strong{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:22px;font-weight:780;line-height:1.1}
.admin-kpi.is-primary{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.admin-kpi.is-primary strong{font-size:17px}
.admin-block{display:grid;gap:8px}
.admin-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:2px}
.admin-block-head h2{font-size:15px;font-weight:750}
.admin-block-head span{min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800}
.admin-tasks{overflow:hidden}
.admin-task{width:100%;min-height:64px;padding:11px 13px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-top:1px solid var(--separator);background:transparent;color:var(--text);text-align:start}
.admin-task:first-child{border-top:0}
.admin-task-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.admin-task.is-stock .admin-task-icon{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.admin-task.is-empty .admin-task-icon{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.admin-task.is-wallet .admin-task-icon{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.admin-task-copy{min-width:0;display:grid;gap:2px}
.admin-task-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}
.admin-task-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hint);font-size:12px}
.admin-task-cta{min-height:32px;padding:0 13px;display:inline-flex;align-items:center;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:750;white-space:nowrap}
.admin-clear{padding:16px;display:flex;align-items:center;gap:12px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.admin-clear>.app-icon{width:28px;height:28px;color:var(--success);flex:0 0 auto}
.admin-clear div{display:flex;flex-direction:column;gap:3px}
.admin-clear strong{font-size:14.5px;font-weight:700;color:var(--text)}
.admin-clear small{color:var(--hint);font-size:12px}
.admin-more-link{justify-self:start;min-height:36px;padding:0 4px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--link);font-size:13px;font-weight:650}
.admin-today .admin-group{display:grid;gap:8px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.admin-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.admin-tool{min-height:64px;padding:11px 13px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;align-content:center;color:var(--text);text-align:start}
.admin-tool:last-child:nth-child(odd){grid-column:1/-1}
.admin-tool-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--neon)}
.admin-tool strong{font-size:13px;font-weight:650}
.admin-tool small{color:var(--hint);font-size:11px}
/* Admin rows are worked lists, not boxes */
.admin-row,.sale-card.sale-row,.member-card.member-row{position:relative;overflow:hidden;min-height:74px;padding:12px 15px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:20px;color:inherit;text-align:start;transition:transform .14s var(--ease),background .2s ease}
.admin-row:active,.sale-card.sale-row:active,.member-card.member-row:active{transform:scale(.99);background:var(--glass-strong)}
.admin-row{grid-template-columns:46px minmax(0,1fr) 16px}
.admin-row-main h3{font-size:14.5px;font-weight:650}
.admin-row-main p{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px;color:var(--hint);font-size:11px}
.admin-product-cover{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--fill);border:1px solid var(--glass-line)}
.admin-product-cover img{width:100%;height:100%;object-fit:cover}
.admin-pill{padding:3px 10px;border-radius:999px;background:var(--fill);color:var(--hint);font-size:11px;font-weight:650}
.admin-pill.on{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}
.admin-pill.warn{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.admin-pill.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}
.sale-row-main,.member-row-main{min-width:0}
.sale-row-main h3,.member-row-main h3{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sale-row-main p,.member-row-main p{margin:2px 0 0;color:var(--hint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sale-row-side,.member-row-side{display:grid;justify-items:end;gap:6px}
.sale-row-side strong,.member-row-side strong{font-family:var(--font-display);font-size:14px;font-weight:800;white-space:nowrap}
/* Admin orders with selection: the coupons' check box on the card's leading edge, the rest opens the order. */
.sale-card.sale-pick{padding:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;border-radius:20px;overflow:hidden;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}
.sale-card.sale-pick.selected{border-color:rgba(185,139,255,.5);background:var(--glass-strong);box-shadow:0 0 16px rgba(138,92,255,.2)}
.sale-pick .coupon-select-control{min-height:74px}
.sale-pick .sale-open{min-width:0;min-height:74px;padding-block:12px;padding-inline:12px 15px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer;transition:transform .14s var(--ease)}
.sale-pick .sale-open:active{transform:scale(.99)}
.order-dock-open .sales-list{padding-bottom:76px}
.admin-row>.app-icon:last-child{width:15px;height:15px;color:var(--hint)}
.member-row .member-card-footer{margin-top:3px;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px 10px;color:var(--hint);font-size:11px}
.admin-note{padding:12px 14px;border-radius:14px;background:var(--accent-soft);color:var(--sub);font-size:12px;line-height:1.7}
.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;margin-top:8px}
.admin-actions button{min-height:48px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text);font-size:13.5px;font-weight:650;cursor:pointer;transition:all .18s var(--ease)}
.admin-actions button:active{transform:scale(.98);background:var(--glass-strong)}
.admin-actions button.success{background:color-mix(in srgb,var(--success) 18%,transparent);border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}
.admin-actions button.danger{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}
.admin-actions button.primary{background:var(--accent);border-color:transparent;color:#fff}
.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.metric{min-width:0;padding:13px;display:grid;align-content:start;gap:4px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.metric span{color:var(--hint);font-size:11px;font-weight:600}
.metric strong{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text)}
.metric.featured{grid-column:1/-1;background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.metric.featured strong{font-size:26px;color:var(--neon)}
.metric.warning strong{color:var(--gold)}
.metric.danger strong{color:var(--danger)}
.stats-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.stats-money>div{padding:14px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:4px}
.stats-money span{color:var(--hint);font-size:11.5px;font-weight:600}
.stats-money strong{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text)}
.stats-intro,.stats-section{padding:16px;display:grid;gap:12px}
.stats-intro>span,.stats-section-head>span{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.stats-intro{display:flex;align-items:center;gap:12px}
.stats-intro h2,.stats-section-head h2{font-size:17px;font-weight:750}
.stats-intro p,.stats-section-head p{margin:2px 0 0;color:var(--hint);font-size:12px}
.stats-section-head{justify-content:flex-start;margin-bottom:12px}
.stock-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stock-summary>div{padding:11px 6px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);text-align:center}
.stock-summary span{display:block;color:var(--hint);font-size:11px}
.stock-summary strong{font-size:18px;font-weight:750}
.stock-list{display:grid;gap:8px}
.stock-item{overflow:hidden}
.stock-item-text{padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;user-select:text}
.stock-item-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--separator)}
.stock-item-actions button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--link);font-size:12px;font-weight:650}
.stock-item-actions button+button{border-inline-start:1px solid var(--separator)}
.stock-item-actions .danger{color:var(--danger);background:transparent;border:0}
.coupon-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px}
.coupon-admin-head>div{display:flex;flex-direction:column;gap:3px}
.coupon-admin-head strong{font-size:18px;font-weight:750;color:var(--text)}
.coupon-admin-head small{color:var(--hint);font-size:12px}
.coupon-create-button{min-height:44px;padding:0 20px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--accent),var(--neon));color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 6px 20px -6px var(--accent);cursor:pointer}
.coupon-filter-panel{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);width:100%}
.coupon-filter-search{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;border-radius:12px;background:var(--surface-card,rgba(255,255,255,.05));border:1px solid var(--glass-line)}
.coupon-filter-search .app-icon{width:18px;height:18px;color:var(--hint);flex:0 0 auto}
.coupon-filter-search input{flex:1;min-width:0;min-height:auto;padding:8px 4px;border:0!important;background:transparent!important;color:var(--text);font-size:13.5px;outline:none}
.coupon-filter-search button{padding:6px 14px;border-radius:8px;border:1px solid var(--glass-line);background:var(--glass);color:var(--link);font-size:12px;font-weight:600;cursor:pointer}
.coupon-filter-options{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:8px;margin:0;width:100%}
.coupon-filter-options label{display:flex;flex-direction:column;gap:4px;min-width:0}
.coupon-filter-options label span{color:var(--hint);font-size:10.5px;font-weight:600;white-space:nowrap}
.coupon-filter-options select,.coupon-filter-options input{width:100%;min-height:38px;padding:6px 10px;border-radius:10px;border:1px solid var(--glass-line);background:var(--surface-card,rgba(255,255,255,.05));color:var(--text);font-size:12.5px;outline:none}
.coupon-filter-options button.coupon-filter-apply{min-height:38px;padding:0 14px;border-radius:10px;border:0;background:var(--accent-soft);color:var(--neon);font-size:12.5px;font-weight:700;cursor:pointer}
.coupon-archive-panel{border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);overflow:hidden}
.coupon-archive-panel summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;color:var(--text)}
.coupon-archive-panel summary>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--neon)}
.coupon-archive-panel summary>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.coupon-archive-panel summary strong{font-size:14px;font-weight:700}
.coupon-archive-panel summary small{color:var(--hint);font-size:11px}
.coupon-archive-panel summary bdi{padding:2px 8px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:11px;font-weight:700}
.coupon-archive-panel button{margin:0 16px 14px;width:calc(100% - 32px);min-height:40px;border-radius:10px;border:1px solid var(--glass-line);background:var(--glass);color:var(--link);font-size:13px;font-weight:600;cursor:pointer}
.coupon-batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.coupon-batch-card{position:relative;min-width:0;padding:13px;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;grid-template-rows:auto 1fr;align-items:center;gap:8px;color:var(--text);text-align:start}
.coupon-batch-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.coupon-batch-copy{min-width:0;display:grid;gap:3px}
.coupon-batch-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.coupon-batch-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hint);font-size:9.5px}
.coupon-batch-total{grid-column:1/4;align-self:end;padding-top:8px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--separator)}
.wallet-tabs,.affiliate-admin-tabs,.member-status-tabs{display:flex;gap:8px;padding:5px;border-radius:999px;background:var(--fill)}
.wallet-tabs button,.affiliate-admin-tabs button{flex:1;min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--sub);font-size:13px;font-weight:650;cursor:pointer}
.wallet-tabs button.selected,.affiliate-admin-tabs button.selected{background:var(--glass-strong);color:var(--text)}
.wallet-topup-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wallet-topup-admin-summary>div{padding:12px 8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.wallet-topup-admin-summary small{color:var(--hint);font-size:11px;font-weight:600;white-space:nowrap}
.wallet-topup-admin-summary strong{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text);line-height:1}
.wallet-topup-admin-summary .needs-review strong{color:var(--gold)}
.wallet-admin-topup-row{width:100%;min-height:72px;padding:12px 13px;display:grid;grid-template-columns:44px minmax(0,1fr) auto 16px;align-items:center;gap:10px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-align:start}
.wallet-admin-topup-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--fill)}
.wallet-admin-topup-copy{min-width:0;display:grid;gap:2px}
.wallet-admin-topup-copy small{color:var(--hint);font-size:11px}
.wallet-admin-topup-value{display:grid;justify-items:end;gap:4px}
.coupon-admin-head button{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);color:var(--neon);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .16s var(--ease)}
.coupon-admin-head button:active{background:var(--accent-soft);transform:scale(.98)}
.coupon-bulk-panel{margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.coupon-bulk-picker{min-height:48px;padding:6px 12px;display:flex;align-items:center;gap:10px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.coupon-bulk-picker label{color:var(--hint);font-size:12px;font-weight:700;white-space:nowrap}
.coupon-bulk-picker input{width:64px;min-height:36px;padding:0 8px;border:1px solid var(--glass-line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--text);font-family:var(--font-display);font-size:13px;font-weight:750;text-align:center;outline:none}
.coupon-bulk-picker button{min-height:36px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),#6a34eb);color:#fff;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 4px 14px rgba(138,92,255,.35)}
.coupon-bulk-actions{padding:8px 12px;display:flex;align-items:center;gap:8px;overflow-x:auto;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);scrollbar-width:none}
.coupon-bulk-actions[hidden]{display:none}
.coupon-bulk-actions strong{padding-inline:4px;color:var(--text);font-size:12px;font-weight:750;white-space:nowrap}
.coupon-bulk-actions button{min-height:36px;padding:0 12px;display:flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass-card);color:var(--link);font-size:11px;font-weight:700;cursor:pointer}
.coupon-bulk-actions button .app-icon{width:15px;height:15px}
.coupon-bulk-actions button.danger{color:#ff5c7a;background:rgba(255,77,106,.12);border-color:rgba(255,77,106,.28)}
.coupon-admin-list{display:flex;flex-direction:column;gap:10px;width:100%}
.coupon-admin-row{width:100%;min-height:68px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:0;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);overflow:hidden;transition:all .16s var(--ease)}
.coupon-admin-row.selected{border-color:rgba(185,139,255,.5);background:var(--glass-strong);box-shadow:0 0 16px rgba(138,92,255,.2)}
.coupon-select-control{min-height:68px;display:grid;place-items:center;padding:0 10px;border-inline-end:1px solid var(--glass-line);cursor:pointer;position:relative}
.coupon-select-control input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.coupon-select-control>span{width:24px;height:24px;display:grid;place-items:center;border:1.5px solid var(--glass-line);border-radius:8px;background:rgba(255,255,255,.04);color:transparent;transition:all .16s var(--ease)}
.coupon-select-control>span .app-icon{width:14px;height:14px}
.coupon-select-control input:checked+span{border-color:var(--neon);background:linear-gradient(135deg,var(--accent),#6a34eb);color:#fff;box-shadow:0 0 10px rgba(138,92,255,.5)}
.coupon-admin-open{min-width:0;min-height:68px;padding:10px 14px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 14px;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:start;cursor:pointer}
.coupon-admin-open .app-icon:last-child{width:14px;height:14px;color:var(--hint)}
.coupon-admin-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.coupon-admin-icon .app-icon{width:20px;height:20px}
.coupon-admin-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.coupon-admin-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-family:var(--font-display);font-weight:750}
.coupon-admin-copy small{color:var(--hint);font-size:11px}
.coupon-copy-button{min-width:62px;min-height:68px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-inline-start:1px solid var(--glass-line);background:transparent;color:var(--neon);font-size:11px;font-weight:700;cursor:pointer;transition:all .16s var(--ease)}
.coupon-copy-button .app-icon{width:16px;height:16px}
.coupon-copy-button:active{background:var(--accent-soft)}
.coupon-state{padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--hint);font-size:10.5px;font-weight:650}
.coupon-state.active,.coupon-state.sold{background:rgba(138,92,255,.18);color:var(--neon)}
.coupon-state.redeemed{background:rgba(34,197,94,.15);color:#22c55e}
.coupon-state.expired,.coupon-state.disabled{background:rgba(255,255,255,.05);color:var(--hint)}
/* Competitions Admin */
.competition-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.competition-admin-stats>span{padding:10px 8px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.competition-admin-stats small{color:var(--hint);font-size:10.5px;font-weight:600;white-space:nowrap}
.competition-admin-stats strong{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);line-height:1}
.competition-admin-list{display:grid;gap:10px;width:100%}
.admin-competition-row{width:100%;min-height:76px;padding:14px 16px;display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);color:var(--text);text-align:start;cursor:pointer;transition:all .18s var(--ease)}
.admin-competition-row:active{transform:scale(.99);background:var(--glass-strong)}
.competition-admin-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.competition-admin-symbol .app-icon{width:22px;height:22px}
.competition-admin-row-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.competition-admin-row-meta em{font-style:normal;font-size:10.5px;font-weight:700}
.competition-admin-row-meta>small{color:var(--hint);font-size:11px}
.admin-competition-row h3{font-size:14.5px;font-weight:700;margin:0 0 4px;color:var(--text)}
.competition-admin-counts{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--hint);font-size:11px}
.competition-admin-counts small{display:inline-flex;align-items:center;gap:3px}
.competition-admin-counts bdi{font-family:var(--font-display);font-weight:750;color:var(--sub)}
.admin-competition-row>.app-icon:last-child{width:16px;height:16px;color:var(--hint)}
/* Discovery Admin */
.discovery-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.discovery-admin-metrics>div{padding:10px 8px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.discovery-admin-metrics small{color:var(--hint);font-size:10.5px;font-weight:600;white-space:nowrap}
.discovery-admin-metrics strong{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text);line-height:1}
.discovery-ticket-list{display:grid;gap:10px;width:100%}
.discovery-ticket-row{width:100%;min-height:76px;padding:14px 16px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);color:var(--text);text-align:start;cursor:pointer;transition:all .18s var(--ease)}
.discovery-ticket-row:active{transform:scale(.99);background:var(--glass-strong)}
.discovery-ticket-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.discovery-ticket-symbol .app-icon{width:20px;height:20px}
.discovery-ticket-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.discovery-ticket-copy>span{display:flex;align-items:center;gap:8px}
.discovery-ticket-copy bdi{font-family:var(--font-display);font-size:11px;font-weight:750;color:var(--sub)}
.discovery-ticket-copy em{font-style:normal;font-size:10.5px;color:var(--hint)}
.discovery-ticket-copy strong{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}
.discovery-ticket-copy small{color:var(--hint);font-size:11px;line-height:1.4}
.discovery-ticket-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.discovery-ticket-side .app-icon{width:15px;height:15px;color:var(--hint)}
.discovery-status{padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--hint);font-size:10.5px;font-weight:650;font-style:normal;white-space:nowrap}
.discovery-status.new,.discovery-status.reviewing{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--neon)}
.discovery-status.warning{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}
.discovery-status.success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}
/* Affiliates Admin */
.affiliate-admin-page{display:grid;gap:12px}
.affiliate-admin-search{display:flex;align-items:center;gap:8px;width:100%}
.affiliate-admin-search label{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0 14px;min-height:48px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line)}
.affiliate-admin-search input{flex:1;min-width:0;min-height:auto;padding:0;border:0;background:transparent;color:var(--text);font-size:14px;outline:none}
.affiliate-admin-search button{padding:0 18px;min-height:48px;border-radius:14px;border:1px solid var(--glass-line);background:var(--accent-soft);color:var(--neon);font-size:13.5px;font-weight:700;cursor:pointer}
.affiliate-admin-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.affiliate-admin-filters select{width:100%;min-width:0;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text);font-size:13px;font-weight:600;outline:none}
.affiliate-accounts-list{display:grid;gap:10px;width:100%}
.affiliate-account-card{width:100%;min-height:76px;padding:12px 16px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);color:var(--text);text-align:start;cursor:pointer;transition:all .18s var(--ease)}
.affiliate-account-card:active{transform:scale(.99);background:var(--glass-strong)}
.affiliate-account-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.affiliate-account-copy strong{font-size:14.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-account-copy small{color:var(--hint);font-size:12px}
.affiliate-account-copy>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--sub);font-size:11.5px;margin-top:2px}
.affiliate-account-copy bdi{font-family:var(--font-display);font-weight:700;color:var(--text)}
.affiliate-account-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.affiliate-account-side small{color:var(--hint);font-size:10.5px}
.affiliate-account-side .app-icon{width:16px;height:16px;color:var(--hint)}
.affiliate-products-admin,.affiliate-assignments{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.affiliate-product-admin-row,.affiliate-assignment-row{width:100%;min-height:68px;padding:12px 14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);color:var(--text);text-align:start}
.affiliate-product-admin-row>span:first-child,.affiliate-assignment-row>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.affiliate-product-admin-row>span:nth-child(2),.affiliate-assignment-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.affiliate-product-admin-row strong,.affiliate-assignment-row strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-product-admin-row small,.affiliate-assignment-row small{color:var(--hint);font-size:11.5px}
.affiliate-assignment-row button{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--glass-line);background:var(--accent-soft);color:var(--neon);font-size:12px;font-weight:650;cursor:pointer}
/* ===== Wallet Admin Settings ===== */
.wallet-settings-section{margin-bottom:16px;padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px}
.wallet-settings-section h2{margin:0;font-size:15.5px;font-weight:800;color:var(--text)}
.wallet-settings-note{margin:0;color:var(--hint);font-size:12px;line-height:1.5}
.wallet-toggle-list{display:flex;flex-direction:column;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid var(--glass-line);overflow:hidden}
.wallet-toggle-list label{min-height:50px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--glass-line);cursor:pointer;color:var(--text);font-size:13.5px;font-weight:650;transition:background .16s var(--ease)}
.wallet-toggle-list label:last-child{border-bottom:0}
.wallet-toggle-list label:active{background:var(--accent-soft)}
.wallet-toggle-list input[type="checkbox"]{width:22px;height:22px;accent-color:var(--accent);cursor:pointer}
/* ===== Admin Competition Detail ===== */
.admin-competition-detail{display:flex;flex-direction:column;gap:14px}
.competition-command-card{padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px}
.competition-command-title{display:flex;align-items:center;gap:12px}
.competition-command-title>span{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.competition-command-title>span .app-icon{width:22px;height:22px}
.competition-command-title>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.competition-command-title small{color:var(--hint);font-size:11px;font-weight:600}
.competition-command-title h1{margin:0;font-size:17px;font-weight:800;color:var(--text);line-height:1.25}
.competition-command-title>em{font-style:normal;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}
.competition-admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.competition-admin-metrics>div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:4px}
.competition-admin-metrics small{color:var(--hint);font-size:11px;font-weight:600}
.competition-admin-metrics strong{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text)}
.competition-admin-metrics bdi{color:var(--hint);font-size:11px;font-weight:500}
.competition-voting-time{min-height:42px;padding:8px 12px;display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--accent-soft);border:1px solid rgba(138,92,255,.22);color:var(--text);font-size:12px}
.competition-voting-time .app-icon{width:18px;height:18px;color:var(--neon)}
.competition-voting-time span{color:var(--sub);font-weight:600}
.competition-voting-time strong{margin-inline-start:auto;font-family:var(--font-display);color:var(--text);font-size:12px}
.competition-command-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;width:100%}
.competition-command-actions button,.admin-competition-delete{min-height:44px;padding:0 14px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass-card);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .16s var(--ease)}
.competition-command-actions button.success{background:linear-gradient(135deg,var(--accent),#6a34eb);color:#fff;border-color:rgba(185,139,255,.4);box-shadow:0 6px 20px rgba(138,92,255,.35)}
.competition-command-actions button.danger,.admin-competition-delete{background:rgba(255,77,106,.12);color:#ff5c7a;border-color:rgba(255,77,106,.28)}
.competition-command-actions button:disabled{opacity:.45;cursor:not-allowed}
.competition-leader{min-height:60px;padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.04));border:1px solid rgba(245,158,11,.25)}
.competition-leader>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(245,158,11,.18);color:#f59e0b}
.competition-leader>span .app-icon{width:20px;height:20px}
.competition-leader>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.competition-leader small{color:#f59e0b;font-size:11px;font-weight:700}
.competition-leader strong{font-size:13.5px;font-weight:750;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competition-leader>bdi{font-family:var(--font-display);font-size:13px;font-weight:800;color:#f59e0b}
.admin-competition-prize{padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.admin-competition-prize>.rich-copy{padding:10px 0 0;font-size:13px;line-height:1.6;color:var(--sub)}
.competition-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.competition-config-card{min-width:0;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}
.competition-config-card>div:first-child{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.competition-config-card>div:first-child>span{color:var(--neon);display:grid;place-items:center}
.competition-config-card .app-icon{width:18px;height:18px}
.competition-config-card>div:first-child strong{font-size:13px;font-weight:750;color:var(--text)}
.competition-config-card>div:first-child small{margin-inline-start:auto;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--neon);font-size:10.5px;font-weight:700}
.competition-config-card>p{margin:0;color:var(--hint);font-size:12px}
.competition-admin-config-row{padding:8px 0;display:flex;align-items:center;gap:8px;border-top:1px solid var(--glass-line)}
.competition-admin-config-row:first-of-type{border-top:0}
.competition-admin-config-row>span{color:var(--hint);display:grid;place-items:center}
.competition-admin-config-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.competition-admin-config-row strong{font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competition-admin-config-row small{color:var(--hint);font-size:11px}
/* Competition Participants Table / List */
.competition-participants{padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;width:100%}
.competition-participants-head{display:flex;align-items:center;justify-content:space-between}
.competition-participants-head h2{margin:0;font-size:16px;font-weight:800;color:var(--text)}
.competition-participants-head p{margin:2px 0 0;color:var(--hint);font-size:11.5px}
.competition-admin-entries{display:flex;flex-direction:column;gap:8px;width:100%}
.competition-admin-entry{width:100%;min-height:62px;padding:10px 14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;border:1px solid var(--glass-line);border-radius:16px;background:rgba(255,255,255,.025);color:var(--text);text-align:start;cursor:pointer;box-sizing:border-box;margin:0;transition:all .16s var(--ease)}
.competition-admin-entry:hover,.competition-admin-entry:active{background:var(--accent-soft);border-color:rgba(138,92,255,.35)}
.competition-admin-entry:disabled{opacity:1;cursor:default}
.competition-admin-entry.selected{background:rgba(34,160,107,.15);border-color:rgba(34,160,107,.4)}
.competition-admin-entry>.avatar{width:40px;height:40px;border-radius:12px;background:var(--accent-soft);color:var(--neon);font-weight:750;font-size:15px;display:grid;place-items:center;overflow:hidden;position:relative}
.competition-admin-entry>.avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.competition-entry-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.competition-entry-copy strong{font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competition-entry-copy small{color:var(--hint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.competition-entry-score{min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.competition-entry-score strong{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text);line-height:1}
.competition-entry-score small{color:var(--hint);font-size:10px;font-weight:600}
.competition-entry-select{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--neon)}
.competition-entry-select .app-icon{width:16px;height:16px}
.competition-links{padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px}
.competition-links>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.competition-links button[data-action="copy-competition-link"]{min-height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--glass-card);border:1px solid var(--glass-line);color:var(--link);font-size:12px;font-weight:700;cursor:pointer}
.competition-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.competition-duration-presets{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.competition-duration-presets button{min-height:36px;padding:0 6px;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass-card);color:var(--neon);font-size:11px;font-weight:700;cursor:pointer}
.admin-competition-delete{width:100%;margin-top:4px}
/* ===== Discovery Ticket Detail ===== */
.discovery-ticket-page{display:flex;flex-direction:column;gap:12px}
.discovery-reporter{padding:14px 16px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.discovery-reporter .avatar{width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--neon);font-size:17px;font-weight:800;display:grid;place-items:center;position:relative;overflow:hidden}
.discovery-reporter .avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.discovery-reporter>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.discovery-reporter strong{font-size:14px;font-weight:750;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discovery-reporter small{color:var(--hint);font-size:11px}
.discovery-reporter button{min-height:38px;padding:0 14px;border:1px solid var(--glass-line);border-radius:12px;background:var(--accent-soft);color:var(--neon);font-size:12px;font-weight:700;cursor:pointer}
.discovery-ticket-head{padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.discovery-ticket-head>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.discovery-ticket-head span{color:var(--hint);font-size:11px;font-weight:600}
.discovery-ticket-head h1{margin:0;font-size:17px;font-weight:800;color:var(--text);line-height:1.35}
.discovery-ticket-head small{color:var(--hint);font-size:11px;font-family:var(--font-display)}
.discovery-block{padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}
.discovery-block h2{margin:0;font-size:13.5px;font-weight:750;color:var(--neon)}
.discovery-block p{margin:0;font-size:13px;line-height:1.7;color:var(--sub);overflow-wrap:anywhere}
.discovery-links{display:flex;flex-direction:column;gap:8px}
.discovery-links a{min-height:42px;padding:8px 12px;display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);color:var(--link);text-decoration:none;font-size:12.5px;direction:ltr}
.discovery-links a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discovery-links .app-icon{width:16px;height:16px}
.discovery-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.discovery-gallery button{aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);cursor:pointer}
.discovery-gallery img{width:100%;height:100%;object-fit:cover}
.discovery-thread{display:flex;flex-direction:column;gap:10px}
.discovery-thread article{max-width:90%;padding:12px 14px;border-radius:16px 16px 4px 16px;background:var(--accent-soft);border:1px solid rgba(138,92,255,.25);display:flex;flex-direction:column;gap:4px}
.discovery-thread article.admin{margin-inline-start:auto;border-radius:16px 16px 16px 4px;background:var(--glass);border-color:var(--glass-line)}
.discovery-thread article>span,.discovery-thread article>small{color:var(--hint);font-size:10.5px}
.discovery-thread article p{margin:2px 0 0;font-size:13px;line-height:1.6;color:var(--text)}
.discovery-reply{padding:16px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:10px}
.discovery-reply label:first-child{font-size:13.5px;font-weight:750;color:var(--text)}
.discovery-reply textarea{width:100%;min-height:90px;padding:12px 14px;border-radius:14px;border:1px solid var(--glass-line);background:rgba(255,255,255,.03);color:var(--text);font-size:13.5px;outline:none;resize:vertical}
.discovery-reply-upload{width:max-content;min-height:38px;padding:0 14px;display:inline-flex!important;align-items:center;gap:6px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);color:var(--neon);font-size:12px;font-weight:700;cursor:pointer}
.discovery-reply-upload .app-icon{width:16px;height:16px}
.discovery-reward-result{padding:14px 16px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-xl);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:#22c55e}
.discovery-reward-result>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(34,197,94,.2);color:#22c55e}
.discovery-reward-result>span .app-icon{width:22px;height:22px}
.discovery-reward-result small{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.7)}
.discovery-reward-result strong{display:block;font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff}
.discovery-admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.discovery-admin-actions button{min-height:44px;border:1px solid var(--glass-line);border-radius:14px;background:var(--glass);color:var(--text);font-size:12px;font-weight:750;cursor:pointer;transition:all .16s var(--ease)}
.discovery-admin-actions button:active{transform:scale(.98)}
.discovery-admin-actions button.success{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.35)}
.discovery-admin-actions button.reward{background:rgba(245,158,11,.15);color:#f59e0b;border-color:rgba(245,158,11,.35)}
.discovery-admin-actions button.danger{background:rgba(255,77,106,.12);color:#ff5c7a;border-color:rgba(255,77,106,.28)}
.discovery-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.discovery-image-grid:not(:empty){margin-top:10px}
.discovery-image-preview{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.03)}
.discovery-image-preview img{width:100%;height:100%;object-fit:cover}
.discovery-image-preview button{position:absolute;top:6px;left:6px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.discovery-image-preview button .app-icon{width:16px;height:16px}
/* ===== Affiliate Account Detail ===== */
.affiliate-account-page{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;box-sizing:border-box}
.affiliate-account-hero{padding:14px 16px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);width:100%;box-sizing:border-box}
.affiliate-account-hero>.avatar.large{width:48px;height:48px;min-width:48px;border-radius:16px;background:var(--accent-soft);color:var(--neon);font-size:18px;font-weight:800;display:grid;place-items:center;position:relative;overflow:hidden}
.affiliate-account-hero>.avatar.large img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.affiliate-account-hero>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}
.affiliate-account-hero h1{margin:0;font-size:15px;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-account-hero p{margin:0;color:var(--hint);font-size:11.5px;font-family:var(--font-display)}
.affiliate-account-hero .store-state{width:max-content;margin-top:2px}
.affiliate-account-hero>button{min-height:36px;padding:0 12px;border:1px solid var(--glass-line);border-radius:10px;background:var(--accent-soft);color:var(--neon);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .16s var(--ease)}
.affiliate-account-hero>button:active{transform:scale(.98)}
.affiliate-account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}
.affiliate-account-metrics>div{min-width:0;padding:12px 6px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.affiliate-account-metrics strong{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-account-metrics small{color:var(--hint);font-size:11px;font-weight:600}
.affiliate-assignments-head h2{margin:0;font-size:16px;font-weight:800;color:var(--text)}
.affiliate-assignments-head p{margin:3px 0 0;color:var(--hint);font-size:12px}
/* ===== Motion preferences ===== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}
/* ===== Icons: Freud (strangeicons v3.3, MIT), inlined as masks; built by scripts/freud-icons.mjs ===== */
.app-icon{-webkit-mask-image:var(--icon);mask-image:var(--icon)}
.icon-shop{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M23.32 12.75H20.75V21.75H9.25V12.75H4.75V22H3.25V12.75H0.68L4.58 6.25H19.42L23.32 12.75ZM10.75 20.25H19.25V12.75H10.75V20.25ZM3.33 11.25H20.67L18.58 7.75H5.42L3.33 11.25Z'/%3E%3Cpath d='M19 4.75H5V3.25H19V4.75Z'/%3E%3C/svg%3E")}
.icon-list{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 16.75C5.19 16.75 5.75 17.31 5.75 18C5.75 18.69 5.19 19.25 4.5 19.25C3.81 19.25 3.25 18.69 3.25 18C3.25 17.31 3.81 16.75 4.5 16.75Z'/%3E%3Cpath d='M21 18.75H9V17.25H21V18.75Z'/%3E%3Cpath d='M4.5 10.75C5.19 10.75 5.75 11.31 5.75 12C5.75 12.69 5.19 13.25 4.5 13.25C3.81 13.25 3.25 12.69 3.25 12C3.25 11.31 3.81 10.75 4.5 10.75Z'/%3E%3Cpath d='M21 12.75H9V11.25H21V12.75Z'/%3E%3Cpath d='M4.5 4.75C5.19 4.75 5.75 5.31 5.75 6C5.75 6.69 5.19 7.25 4.5 7.25C3.81 7.25 3.25 6.69 3.25 6C3.25 5.31 3.81 4.75 4.5 4.75Z'/%3E%3Cpath d='M21 6.75H9V5.25H21V6.75Z'/%3E%3C/svg%3E")}
.icon-user{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C15.73 2.25 18.75 5.27 18.75 9C18.75 11.45 17.44 13.6 15.49 14.78C16.32 15.04 17.12 15.39 17.88 15.82C19.66 16.86 21.14 18.34 22.18 20.13L20.88 20.88C19.98 19.32 18.68 18.02 17.13 17.12C15.57 16.22 13.8 15.75 12 15.75C10.2 15.75 8.43 16.22 6.88 17.12C5.32 18.02 4.02 19.32 3.12 20.88L1.82 20.13C2.86 18.34 4.34 16.86 6.13 15.82C6.88 15.39 7.68 15.04 8.51 14.78C6.56 13.6 5.25 11.45 5.25 9C5.25 5.27 8.27 2.25 12 2.25ZM12 3.75C9.1 3.75 6.75 6.1 6.75 9C6.75 11.9 9.1 14.25 12 14.25C14.9 14.25 17.25 11.9 17.25 9C17.25 6.1 14.9 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-shield-check{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.53 9.07L12.8 13.8C12.34 14.25 11.76 14.56 11.13 14.69C10.5 14.81 9.85 14.75 9.26 14.5C8.66 14.26 8.15 13.84 7.8 13.31C7.44 12.77 7.25 12.14 7.25 11.5H8.75C8.75 11.85 8.85 12.18 9.04 12.47C9.24 12.76 9.51 12.98 9.83 13.12C10.15 13.25 10.5 13.28 10.84 13.22C11.18 13.15 11.49 12.98 11.74 12.74L16.47 8.01L17.53 9.07Z'/%3E%3Cpath fill-rule='evenodd' d='M20.75 4.48V13C20.75 17.83 16.83 21.75 12 21.75C7.17 21.75 3.25 17.83 3.25 13V4.48L12 1.2L20.75 4.48ZM4.75 5.52V13C4.75 17 8 20.25 12 20.25C16 20.25 19.25 17 19.25 13V5.52L12 2.8L4.75 5.52Z'/%3E%3C/svg%3E")}
.icon-user-gear{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8 15.25C9.52 15.25 10.75 16.48 10.75 18C10.75 19.52 9.52 20.75 8 20.75H6C4.48 20.75 3.25 19.52 3.25 18C3.25 16.48 4.48 15.25 6 15.25H8ZM6 16.75C5.31 16.75 4.75 17.31 4.75 18C4.75 18.69 5.31 19.25 6 19.25H8C8.69 19.25 9.25 18.69 9.25 18C9.25 17.31 8.69 16.75 8 16.75H6Z'/%3E%3Cpath fill-rule='evenodd' d='M17 10.25C19.07 10.25 20.75 11.93 20.75 14V17C20.75 19.07 19.07 20.75 17 20.75C14.93 20.75 13.25 19.07 13.25 17V14C13.25 11.93 14.93 10.25 17 10.25ZM17 11.75C15.76 11.75 14.75 12.76 14.75 14V17C14.75 18.24 15.76 19.25 17 19.25C18.24 19.25 19.25 18.24 19.25 17V14C19.25 12.76 18.24 11.75 17 11.75Z'/%3E%3Cpath fill-rule='evenodd' d='M7 3.25C9.07 3.25 10.75 4.93 10.75 7V10C10.75 12.07 9.07 13.75 7 13.75C4.93 13.75 3.25 12.07 3.25 10V7C3.25 4.93 4.93 3.25 7 3.25ZM7 4.75C5.76 4.75 4.75 5.76 4.75 7V10C4.75 11.24 5.76 12.25 7 12.25C8.24 12.25 9.25 11.24 9.25 10V7C9.25 5.76 8.24 4.75 7 4.75Z'/%3E%3Cpath fill-rule='evenodd' d='M18 3.25C19.52 3.25 20.75 4.48 20.75 6C20.75 7.52 19.52 8.75 18 8.75H16C14.48 8.75 13.25 7.52 13.25 6C13.25 4.48 14.48 3.25 16 3.25H18ZM16 4.75C15.31 4.75 14.75 5.31 14.75 6C14.75 6.69 15.31 7.25 16 7.25H18C18.69 7.25 19.25 6.69 19.25 6C19.25 5.31 18.69 4.75 18 4.75H16Z'/%3E%3C/svg%3E")}
.icon-theme-sun{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.75 23H11.25V19H12.75V23Z'/%3E%3Cpath d='M20.31 19.25L19.25 20.31L16.42 17.48L17.49 16.42L20.31 19.25Z'/%3E%3Cpath d='M7.58 17.48L4.75 20.3L3.69 19.24L6.52 16.41L7.58 17.48Z'/%3E%3Cpath fill-rule='evenodd' d='M12 6.25C15.18 6.25 17.75 8.82 17.75 12C17.75 15.18 15.18 17.75 12 17.75C8.82 17.75 6.25 15.18 6.25 12C6.25 8.82 8.82 6.25 12 6.25ZM12 7.75C9.65 7.75 7.75 9.65 7.75 12C7.75 14.35 9.65 16.25 12 16.25C14.35 16.25 16.25 14.35 16.25 12C16.25 9.65 14.35 7.75 12 7.75Z'/%3E%3Cpath d='M5 12.75H1L1 11.25H5L5 12.75Z'/%3E%3Cpath d='M23 12.75H19L19 11.25H23L23 12.75Z'/%3E%3Cpath d='M7.59 6.52L6.52 7.58L3.7 4.75L4.76 3.69L7.59 6.52Z'/%3E%3Cpath d='M20.31 4.75L17.48 7.58L16.42 6.52L19.25 3.69L20.31 4.75Z'/%3E%3Cpath d='M12.75 5H11.25V1H12.75V5Z'/%3E%3C/svg%3E")}
.icon-theme-moon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9.86 3.59C9.79 4.05 9.75 4.52 9.75 5C9.75 10.11 13.89 14.25 19 14.25C19.48 14.25 19.95 14.21 20.41 14.14L21.63 13.96L21.24 15.12C19.93 18.97 16.29 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 7.71 5.02 4.07 8.88 2.76L10.04 2.37L9.86 3.59ZM8.26 4.65C5.58 6.01 3.75 8.79 3.75 12C3.75 16.56 7.44 20.25 12 20.25C15.21 20.25 17.99 18.42 19.35 15.74C19.23 15.75 19.12 15.75 19 15.75C13.06 15.75 8.25 10.94 8.25 5C8.25 4.88 8.25 4.77 8.26 4.65Z'/%3E%3C/svg%3E")}
.icon-theme-auto{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C12.64 2.25 13.28 2.31 13.9 2.44C14.31 2.52 14.57 2.91 14.49 3.32C14.41 3.73 14.02 3.99 13.61 3.91C13.33 3.85 13.04 3.81 12.75 3.79V20.21C13.04 20.19 13.33 20.15 13.61 20.09C14.02 20.01 14.41 20.27 14.49 20.68C14.57 21.09 14.31 21.48 13.9 21.56C13.28 21.69 12.64 21.75 12 21.75C9.41 21.75 6.93 20.72 5.11 18.89C3.28 17.07 2.25 14.59 2.25 12C2.25 9.41 3.28 6.93 5.11 5.11C6.93 3.28 9.41 2.25 12 2.25ZM11.25 3.79C9.34 3.96 7.54 4.8 6.17 6.17C4.62 7.71 3.75 9.81 3.75 12C3.75 14.19 4.62 16.29 6.17 17.83C7.54 19.2 9.34 20.04 11.25 20.21V3.79Z'/%3E%3Cpath d='M18.86 16.58C19.09 16.24 19.56 16.15 19.9 16.38C20.24 16.61 20.34 17.07 20.11 17.42C19.75 17.94 19.35 18.44 18.89 18.89C18.44 19.35 17.94 19.75 17.42 20.11C17.07 20.34 16.61 20.24 16.38 19.9C16.15 19.56 16.24 19.09 16.58 18.86C17.03 18.56 17.45 18.22 17.83 17.83C18.22 17.45 18.56 17.03 18.86 16.58Z'/%3E%3Cpath d='M20.68 9.51C21.09 9.43 21.48 9.69 21.56 10.1C21.69 10.72 21.75 11.36 21.75 12C21.75 12.64 21.69 13.28 21.56 13.9C21.48 14.31 21.09 14.57 20.68 14.49C20.27 14.41 20.01 14.02 20.09 13.61C20.2 13.08 20.25 12.54 20.25 12C20.25 11.46 20.2 10.92 20.09 10.39C20.01 9.98 20.27 9.59 20.68 9.51Z'/%3E%3Cpath d='M16.38 4.1C16.61 3.76 17.07 3.66 17.42 3.89C17.94 4.25 18.44 4.65 18.89 5.11C19.35 5.56 19.75 6.06 20.11 6.58C20.34 6.93 20.24 7.39 19.9 7.62C19.56 7.85 19.09 7.76 18.86 7.42C18.56 6.97 18.22 6.55 17.83 6.17C17.45 5.78 17.03 5.44 16.58 5.14C16.24 4.91 16.15 4.44 16.38 4.1Z'/%3E%3C/svg%3E")}
.icon-paper-plane-tilt{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19.24 1.99C20.93 1.52 22.48 3.07 22.01 4.76L17.91 19.54C17.75 20.1 17.45 20.61 17.04 21.02C15.44 22.62 12.74 22.22 11.67 20.21L9.41 15.94C9.11 15.36 8.64 14.89 8.06 14.59L3.79 12.32C1.78 11.26 1.38 8.56 2.98 6.96C3.39 6.55 3.9 6.25 4.46 6.09L19.24 1.99ZM20.57 4.36C20.72 3.79 20.21 3.28 19.64 3.43L4.87 7.54C4.56 7.62 4.27 7.79 4.04 8.02C3.15 8.91 3.38 10.41 4.49 11L8.76 13.26C8.96 13.37 9.15 13.48 9.33 13.61L13.47 9.47L14.53 10.53L10.39 14.67C10.52 14.85 10.63 15.04 10.74 15.24L13 19.51C13.59 20.62 15.09 20.85 15.98 19.96C16.21 19.73 16.38 19.45 16.46 19.13L20.57 4.36Z'/%3E%3C/svg%3E")}
.icon-nav-arrow-left{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.67 3.31L10.86 4.03C9.11 4.5 7.56 5.54 6.46 6.98C5.5 8.22 4.93 9.7 4.79 11.25H21V12.75H4.79C4.93 14.3 5.5 15.78 6.46 17.02C7.56 18.46 9.11 19.5 10.86 19.97L10.67 20.69L10.48 21.42C8.4 20.86 6.57 19.64 5.26 17.94C3.96 16.23 3.25 14.15 3.25 12C3.25 9.85 3.96 7.77 5.26 6.06C6.57 4.36 8.4 3.14 10.48 2.58L10.67 3.31Z'/%3E%3C/svg%3E")}
.icon-nav-arrow-right{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.52 2.58C15.6 3.14 17.43 4.36 18.74 6.06C20.04 7.77 20.75 9.85 20.75 12C20.75 14.15 20.04 16.23 18.74 17.94C17.43 19.64 15.6 20.86 13.52 21.42L13.33 20.69L13.14 19.97C14.89 19.5 16.44 18.46 17.54 17.02C18.5 15.78 19.07 14.3 19.21 12.75H3V11.25H19.21C19.07 9.7 18.5 8.22 17.54 6.98C16.44 5.54 14.89 4.5 13.14 4.03L13.33 3.31L13.52 2.58Z'/%3E%3C/svg%3E")}
.icon-star{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9.53 3.3C10.54 1.26 13.46 1.26 14.47 3.3L16.03 6.47C16.21 6.84 16.56 7.09 16.97 7.15L20.46 7.66C22.72 7.99 23.62 10.76 21.98 12.35L19.46 14.81C19.16 15.1 19.03 15.51 19.1 15.92L19.69 19.4C20.08 21.64 17.72 23.36 15.7 22.3L12.58 20.65C12.22 20.46 11.78 20.46 11.42 20.65L8.29 22.3C6.28 23.36 3.92 21.64 4.3 19.4L4.9 15.92C4.97 15.51 4.84 15.1 4.54 14.81L2.01 12.35C0.38 10.76 1.28 7.99 3.54 7.66L7.03 7.15C7.44 7.09 7.79 6.84 7.97 6.47L9.53 3.3ZM13.12 3.97C12.66 3.04 11.34 3.04 10.88 3.97L9.32 7.13C8.92 7.94 8.14 8.5 7.25 8.63L3.75 9.14C2.73 9.29 2.32 10.55 3.06 11.27L5.59 13.74C6.24 14.37 6.53 15.28 6.38 16.17L5.78 19.65C5.61 20.67 6.68 21.45 7.6 20.97L10.72 19.33C11.52 18.9 12.48 18.9 13.28 19.33L16.4 20.97C17.32 21.45 18.39 20.67 18.22 19.65L17.62 16.17C17.47 15.28 17.76 14.37 18.41 13.74L20.94 11.27C21.68 10.55 21.27 9.29 20.24 9.14L16.75 8.63C15.86 8.5 15.08 7.94 14.68 7.13L13.12 3.97Z'/%3E%3C/svg%3E")}
.icon-star-solid{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.53 3.3C10.54 1.26 13.46 1.26 14.47 3.3L16.03 6.47C16.21 6.84 16.56 7.09 16.97 7.15L20.46 7.66C22.72 7.99 23.62 10.76 21.99 12.35L19.46 14.81C19.16 15.1 19.03 15.51 19.1 15.92L19.7 19.4C20.08 21.64 17.72 23.36 15.71 22.3L12.58 20.65C12.22 20.46 11.78 20.46 11.42 20.65L8.29 22.3C6.28 23.36 3.92 21.64 4.31 19.4L4.9 15.92C4.97 15.51 4.84 15.1 4.54 14.81L2.02 12.35C0.38 10.76 1.28 7.99 3.54 7.66L7.03 7.15C7.44 7.09 7.79 6.84 7.97 6.47L9.53 3.3Z'/%3E%3C/svg%3E")}
.icon-package{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M11.64 1.35C11.86 1.22 12.14 1.22 12.36 1.35L21.36 6.35C21.37 6.35 21.37 6.35 21.37 6.35C21.37 6.35 21.38 6.35 21.38 6.35C21.39 6.36 21.4 6.37 21.42 6.38C21.43 6.39 21.44 6.4 21.46 6.4C21.47 6.41 21.47 6.42 21.48 6.43C21.52 6.46 21.56 6.5 21.59 6.54C21.6 6.55 21.61 6.56 21.62 6.58C21.63 6.59 21.64 6.61 21.65 6.63C21.67 6.67 21.69 6.71 21.71 6.76C21.72 6.81 21.74 6.85 21.74 6.9C21.75 6.93 21.75 6.97 21.75 7V17C21.75 17.27 21.6 17.52 21.36 17.66L12.36 22.66C12.35 22.66 12.34 22.67 12.33 22.67C12.31 22.68 12.3 22.69 12.28 22.69C12.27 22.7 12.26 22.7 12.24 22.71C12.22 22.71 12.21 22.72 12.19 22.73C12.18 22.73 12.17 22.73 12.16 22.73C12.14 22.74 12.12 22.74 12.09 22.74C12.08 22.74 12.07 22.74 12.05 22.75C12.04 22.75 12.02 22.75 12 22.75C11.98 22.75 11.96 22.75 11.95 22.75C11.93 22.74 11.92 22.74 11.91 22.74C11.88 22.74 11.86 22.74 11.84 22.73C11.83 22.73 11.82 22.73 11.81 22.73C11.79 22.72 11.78 22.71 11.76 22.71C11.74 22.7 11.73 22.7 11.72 22.69C11.7 22.69 11.69 22.68 11.67 22.67C11.66 22.67 11.65 22.66 11.64 22.66L2.64 17.66C2.4 17.52 2.25 17.27 2.25 17V7C2.25 6.97 2.25 6.93 2.26 6.9C2.26 6.85 2.27 6.81 2.29 6.76C2.31 6.71 2.33 6.67 2.35 6.63C2.36 6.61 2.37 6.59 2.38 6.58C2.39 6.56 2.4 6.55 2.41 6.54C2.44 6.5 2.48 6.46 2.52 6.43C2.53 6.42 2.53 6.41 2.54 6.4C2.56 6.4 2.57 6.39 2.58 6.38C2.6 6.37 2.61 6.36 2.62 6.35C2.62 6.35 2.63 6.35 2.63 6.35C2.63 6.35 2.63 6.35 2.64 6.35L11.64 1.35ZM3.75 16.56L11.25 20.73V12.44L3.75 8.27V16.56ZM12.75 12.44V20.73L20.25 16.56V8.27L12.75 12.44ZM4.54 7L12 11.14L19.46 7L12 2.86L4.54 7Z'/%3E%3C/svg%3E")}
.icon-group{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8 4.25C11.18 4.25 13.75 6.82 13.75 10C13.75 11.97 12.75 13.72 11.24 14.75C11.53 14.84 11.83 14.95 12.11 15.07C13.42 15.61 14.6 16.4 15.6 17.4L14.54 18.46C13.68 17.6 12.66 16.92 11.54 16.45C10.42 15.99 9.21 15.75 8 15.75C6.79 15.75 5.58 15.99 4.46 16.45C3.34 16.92 2.32 17.6 1.46 18.46L0.4 17.4C1.4 16.4 2.58 15.61 3.89 15.07C4.17 14.95 4.47 14.84 4.76 14.75C3.25 13.72 2.25 11.97 2.25 10C2.25 6.82 4.82 4.25 8 4.25ZM8 5.75C5.65 5.75 3.75 7.65 3.75 10C3.75 12.35 5.65 14.25 8 14.25C10.35 14.25 12.25 12.35 12.25 10C12.25 7.65 10.35 5.75 8 5.75Z'/%3E%3Cpath d='M16.62 4.26C17.5 4.21 18.39 4.35 19.2 4.69C20.02 5.03 20.74 5.55 21.32 6.21C21.9 6.87 22.33 7.66 22.55 8.51C22.78 9.36 22.81 10.26 22.64 11.12C22.47 11.99 22.1 12.8 21.56 13.5C21.19 13.99 20.74 14.41 20.24 14.75C21.51 15.15 22.71 15.79 23.77 16.65L23.29 17.23L22.82 17.81C21.19 16.49 19.15 15.76 17.05 15.75V15.75C17.04 15.75 17.02 15.75 17 15.75V14.25C17.65 14.25 18.3 14.1 18.88 13.81C19.46 13.52 19.98 13.1 20.37 12.59C20.77 12.07 21.04 11.47 21.17 10.83C21.3 10.19 21.27 9.53 21.11 8.9C20.94 8.27 20.63 7.69 20.2 7.2C19.77 6.71 19.23 6.32 18.63 6.07C18.02 5.82 17.37 5.72 16.72 5.76C16.07 5.8 15.44 5.99 14.88 6.32L14.13 5.02C14.89 4.58 15.74 4.32 16.62 4.26Z'/%3E%3C/svg%3E")}
.icon-message-text{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.75H6V11.25H12V12.75Z'/%3E%3Cpath d='M18 8.75H6V7.25H18V8.75Z'/%3E%3Cpath fill-rule='evenodd' d='M14 2.25C18.28 2.25 21.75 5.72 21.75 10C21.75 14.28 18.28 17.75 14 17.75H8.66C7.8 17.75 6.97 18.09 6.36 18.7L4.38 20.68C3.6 21.46 2.25 20.91 2.25 19.79V11C2.25 6.17 6.17 2.25 11 2.25H14ZM11 3.75C7 3.75 3.75 7 3.75 11V19.19L5.3 17.64C6.19 16.75 7.4 16.25 8.66 16.25H14C17.45 16.25 20.25 13.45 20.25 10C20.25 6.55 17.45 3.75 14 3.75H11Z'/%3E%3C/svg%3E")}
.icon-search{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.52 4.52C7.55 1.49 12.45 1.49 15.48 4.52C18.33 7.37 18.5 11.88 15.98 14.92L21.53 20.47L20.47 21.53L14.92 15.98C11.88 18.49 7.37 18.33 4.52 15.48C1.49 12.45 1.49 7.55 4.52 4.52ZM14.42 5.58C11.98 3.14 8.02 3.14 5.58 5.58C3.14 8.02 3.14 11.98 5.58 14.42C8.02 16.86 11.98 16.86 14.42 14.42C16.86 11.98 16.86 8.02 14.42 5.58Z'/%3E%3C/svg%3E")}
.icon-sort-down{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 18.75H4V17.25H10V18.75Z'/%3E%3Cpath d='M17.75 17.16C18.19 17.05 18.61 16.86 18.98 16.58C19.55 16.14 19.95 15.53 20.14 14.84L21.59 15.23C21.32 16.24 20.72 17.13 19.89 17.77C19.06 18.41 18.05 18.75 17 18.75C15.95 18.75 14.94 18.41 14.11 17.77C13.28 17.13 12.68 16.24 12.41 15.23L13.86 14.84C14.05 15.53 14.45 16.14 15.02 16.58C15.39 16.86 15.81 17.05 16.25 17.16V10H17.75V17.16Z'/%3E%3Cpath d='M12 12.75H4V11.25H12V12.75Z'/%3E%3Cpath d='M18 6.75H4V5.25H18V6.75Z'/%3E%3C/svg%3E")}
.icon-switch-on{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16 8.25C18.07 8.25 19.75 9.93 19.75 12C19.75 14.07 18.07 15.75 16 15.75C13.93 15.75 12.25 14.07 12.25 12C12.25 9.93 13.93 8.25 16 8.25ZM16 9.75C14.76 9.75 13.75 10.76 13.75 12C13.75 13.24 14.76 14.25 16 14.25C17.24 14.25 18.25 13.24 18.25 12C18.25 10.76 17.24 9.75 16 9.75Z'/%3E%3Cpath fill-rule='evenodd' d='M16 5.25C19.73 5.25 22.75 8.27 22.75 12C22.75 15.73 19.73 18.75 16 18.75H8C4.27 18.75 1.25 15.73 1.25 12C1.25 8.27 4.27 5.25 8 5.25H16ZM8 6.75C5.1 6.75 2.75 9.1 2.75 12C2.75 14.9 5.1 17.25 8 17.25H16C18.9 17.25 21.25 14.9 21.25 12C21.25 9.1 18.9 6.75 16 6.75H8Z'/%3E%3C/svg%3E")}
.icon-stats-up-square{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.75 21H5.25V15H6.75V21Z'/%3E%3Cpath d='M12.75 21H11.25V9H12.75V21Z'/%3E%3Cpath d='M18.75 21H17.25V3H18.75V21Z'/%3E%3C/svg%3E")}
.icon-graph-up{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.75 15C20.75 17.62 18.62 19.75 16 19.75H1.37L8.66 11.25H13.66L20.75 2.97V15ZM14.34 12.75H9.34L4.63 18.25H16C17.79 18.25 19.25 16.79 19.25 15V7.03L14.34 12.75Z'/%3E%3Cpath d='M17.55 3.5L12.33 9.25H7.35L2.58 14.98L1.42 14.02L6.65 7.75H11.67L16.45 2.5L17.55 3.5Z'/%3E%3C/svg%3E")}
.icon-settings{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 7.25C14.62 7.25 16.75 9.38 16.75 12C16.75 14.62 14.62 16.75 12 16.75C9.38 16.75 7.25 14.62 7.25 12C7.25 9.38 9.38 7.25 12 7.25ZM12 8.75C10.21 8.75 8.75 10.21 8.75 12C8.75 13.79 10.21 15.25 12 15.25C13.79 15.25 15.25 13.79 15.25 12C15.25 10.21 13.79 8.75 12 8.75Z'/%3E%3Cpath fill-rule='evenodd' d='M12.28 1.26C13.68 1.37 14.91 2.26 15.44 3.58L15.51 3.74C15.89 4.49 16.72 4.93 17.57 4.81C19.07 4.6 20.55 5.31 21.31 6.63L21.44 6.88C22.05 8.14 21.89 9.65 21.01 10.77C20.48 11.45 20.45 12.38 20.91 13.09L21.18 13.46C21.91 14.55 22.01 15.95 21.44 17.13L21.31 17.38C20.55 18.69 19.07 19.41 17.57 19.19C16.66 19.06 15.78 19.57 15.44 20.42C14.91 21.74 13.68 22.63 12.28 22.74L12 22.75C10.58 22.75 9.29 21.94 8.68 20.68L8.56 20.42C8.22 19.57 7.34 19.06 6.43 19.19C4.93 19.41 3.45 18.69 2.69 17.38C1.93 16.06 2.05 14.42 2.99 13.23C3.56 12.51 3.56 11.49 2.99 10.77C2.05 9.58 1.93 7.94 2.69 6.63C3.45 5.31 4.93 4.6 6.43 4.81C7.34 4.94 8.22 4.43 8.56 3.58L8.68 3.32C9.29 2.06 10.58 1.25 12 1.25L12.28 1.26ZM12 2.75C11.1 2.75 10.29 3.3 9.95 4.14C9.35 5.63 7.81 6.53 6.21 6.3C5.38 6.18 4.55 6.54 4.08 7.23L3.99 7.38C3.57 8.11 3.6 9.01 4.07 9.71L4.17 9.84L4.34 10.09C5.16 11.33 5.1 12.97 4.17 14.16C3.61 14.87 3.54 15.85 3.99 16.63L4.08 16.77C4.55 17.46 5.38 17.83 6.21 17.71L6.51 17.67C8 17.59 9.39 18.46 9.95 19.86C10.29 20.7 11.1 21.25 12 21.25C12.9 21.25 13.71 20.7 14.05 19.86C14.65 18.37 16.19 17.48 17.79 17.71C18.68 17.83 19.56 17.41 20.01 16.63C20.46 15.85 20.39 14.87 19.83 14.16C18.84 12.89 18.84 11.11 19.83 9.84C20.39 9.13 20.46 8.16 20.01 7.38C19.56 6.6 18.68 6.17 17.79 6.3C16.29 6.51 14.84 5.74 14.17 4.41L14.05 4.14C13.71 3.3 12.9 2.75 12 2.75Z'/%3E%3C/svg%3E")}
.icon-wallet{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12.75C17.19 12.75 17.75 13.31 17.75 14C17.75 14.69 17.19 15.25 16.5 15.25C15.81 15.25 15.25 14.69 15.25 14C15.25 13.31 15.81 12.75 16.5 12.75Z'/%3E%3Cpath fill-rule='evenodd' d='M19 4.75H7C5.21 4.75 3.75 6.21 3.75 8V8.54C4.6 7.74 5.74 7.25 7 7.25H17C19.62 7.25 21.75 9.38 21.75 12V16C21.75 18.62 19.62 20.75 17 20.75H7C4.38 20.75 2.25 18.62 2.25 16V8C2.25 5.38 4.38 3.25 7 3.25H19V4.75ZM7 8.75C5.21 8.75 3.75 10.21 3.75 12V16C3.75 17.79 5.21 19.25 7 19.25H17C18.79 19.25 20.25 17.79 20.25 16V12C20.25 10.21 18.79 8.75 17 8.75H7Z'/%3E%3C/svg%3E")}
.icon-filter-list{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 17.75H9V16.25H15V17.75Z'/%3E%3Cpath d='M18 12.75H6V11.25H18V12.75Z'/%3E%3Cpath d='M22 7.75H2V6.25H22V7.75Z'/%3E%3C/svg%3E")}
.icon-plus{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.75 11.25H21V12.75H12.75V21H11.25V12.75H3V11.25H11.25V3H12.75V11.25Z'/%3E%3C/svg%3E")}
.icon-minus{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.75H3V11.25H21V12.75Z'/%3E%3C/svg%3E")}
.icon-cart{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 19.25C9.19 19.25 9.75 19.81 9.75 20.5C9.75 21.19 9.19 21.75 8.5 21.75C7.81 21.75 7.25 21.19 7.25 20.5C7.25 19.81 7.81 19.25 8.5 19.25Z'/%3E%3Cpath d='M18.5 19.25C19.19 19.25 19.75 19.81 19.75 20.5C19.75 21.19 19.19 21.75 18.5 21.75C17.81 21.75 17.25 21.19 17.25 20.5C17.25 19.81 17.81 19.25 18.5 19.25Z'/%3E%3Cpath fill-rule='evenodd' d='M1 2.25C2.92 2.25 4.6 3.47 5.21 5.25H16.96C19.55 5.25 21.54 7.54 21.17 10.1C20.87 12.19 19.08 13.75 16.96 13.75H7.07C7.42 15.21 8.72 16.25 10.23 16.25H20V17.75H10.23C7.99 17.75 6.06 16.19 5.59 14L3.9 6.09C3.6 4.73 2.4 3.75 1 3.75V2.25ZM6.75 12.25H16.96C18.33 12.25 19.49 11.24 19.69 9.89C19.92 8.23 18.64 6.75 16.96 6.75H5.57L6.75 12.25Z'/%3E%3C/svg%3E")}
.icon-trophy{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M17.75 11C17.75 13.92 15.57 16.33 12.75 16.7V20.25H16V21.75H8V20.25H11.25V16.7C8.43 16.33 6.25 13.92 6.25 11V3.25H17.75V11ZM7.75 11C7.75 13.35 9.65 15.25 12 15.25C14.35 15.25 16.25 13.35 16.25 11V4.75H7.75V11Z'/%3E%3Cpath d='M4.75 11H3.25V5H4.75V11Z'/%3E%3Cpath d='M20.75 11H19.25V5H20.75V11Z'/%3E%3C/svg%3E")}
.icon-gift{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14 1.25C15.52 1.25 16.75 2.48 16.75 4C16.75 4.45 16.64 4.87 16.45 5.25H19C20.52 5.25 21.75 6.48 21.75 8C21.75 9.26 20.9 10.32 19.75 10.64V21C19.75 21.41 19.41 21.75 19 21.75H5C4.59 21.75 4.25 21.41 4.25 21V10.64C3.1 10.32 2.25 9.26 2.25 8C2.25 6.48 3.48 5.25 5 5.25H7.55C7.36 4.87 7.25 4.45 7.25 4C7.25 2.48 8.48 1.25 10 1.25C10.79 1.25 11.5 1.58 12 2.12C12.5 1.58 13.21 1.25 14 1.25ZM12.75 20.25H18.25V10.75H12.75V20.25ZM5.75 20.25H11.25V10.75H5.75V20.25ZM12.75 9.25H19C19.69 9.25 20.25 8.69 20.25 8C20.25 7.31 19.69 6.75 19 6.75H12.75V9.25ZM5 6.75C4.31 6.75 3.75 7.31 3.75 8C3.75 8.69 4.31 9.25 5 9.25H11.25V6.75H5ZM10 2.75C9.31 2.75 8.75 3.31 8.75 4C8.75 4.69 9.31 5.25 10 5.25C10.69 5.25 11.25 4.69 11.25 4C11.25 3.31 10.69 2.75 10 2.75ZM14 2.75C13.31 2.75 12.75 3.31 12.75 4C12.75 4.69 13.31 5.25 14 5.25C14.69 5.25 15.25 4.69 15.25 4C15.25 3.31 14.69 2.75 14 2.75Z'/%3E%3C/svg%3E")}
.icon-check-circle{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.53 10.07L12.8 14.8C12.34 15.25 11.76 15.56 11.13 15.69C10.5 15.81 9.85 15.75 9.26 15.5C8.66 15.26 8.15 14.84 7.8 14.31C7.44 13.77 7.25 13.14 7.25 12.5H8.75C8.75 12.85 8.85 13.19 9.04 13.47C9.24 13.76 9.51 13.98 9.83 14.12C10.15 14.25 10.5 14.28 10.84 14.22C11.18 14.15 11.49 13.98 11.74 13.74L16.47 9.01L17.53 10.07Z'/%3E%3Cpath fill-rule='evenodd' d='M12 2.25C17.38 2.25 21.75 6.62 21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25ZM12 3.75C7.44 3.75 3.75 7.44 3.75 12C3.75 16.56 7.44 20.25 12 20.25C16.56 20.25 20.25 16.56 20.25 12C20.25 7.44 16.56 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-medal{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 5.25C14.07 5.25 15.75 6.93 15.75 9C15.75 11.07 14.07 12.75 12 12.75C9.93 12.75 8.25 11.07 8.25 9C8.25 6.93 9.93 5.25 12 5.25ZM12 6.75C10.76 6.75 9.75 7.76 9.75 9C9.75 10.24 10.76 11.25 12 11.25C13.24 11.25 14.25 10.24 14.25 9C14.25 7.76 13.24 6.75 12 6.75Z'/%3E%3Cpath fill-rule='evenodd' d='M12 1.25C16.28 1.25 19.75 4.72 19.75 9C19.75 11.49 18.57 13.7 16.75 15.12V23.21L12 20.84L7.25 23.21V15.12C5.43 13.7 4.25 11.49 4.25 9C4.25 4.72 7.72 1.25 12 1.25ZM15.25 16.04C14.26 16.49 13.16 16.75 12 16.75C10.84 16.75 9.74 16.49 8.75 16.04V20.79L11.66 19.33L12 19.16L12.34 19.33L15.25 20.79V16.04ZM12 2.75C8.55 2.75 5.75 5.55 5.75 9C5.75 12.45 8.55 15.25 12 15.25C15.45 15.25 18.25 12.45 18.25 9C18.25 5.55 15.45 2.75 12 2.75Z'/%3E%3C/svg%3E")}
.icon-share-ios{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 6.75C7.55 6.75 4.75 9.55 4.75 13C4.75 16.45 7.55 19.25 11 19.25C14.45 19.25 17.25 16.45 17.25 13H18.75C18.75 17.28 15.28 20.75 11 20.75C6.72 20.75 3.25 17.28 3.25 13C3.25 8.72 6.72 5.25 11 5.25V6.75Z'/%3E%3Cpath d='M14.13 3.39C15.03 2.86 16.08 2.66 17.12 2.79C18.16 2.93 19.12 3.4 19.86 4.14C20.6 4.88 21.07 5.84 21.21 6.88C21.35 7.92 21.14 8.97 20.61 9.88L19.31 9.13C19.67 8.51 19.82 7.79 19.72 7.08C19.66 6.62 19.5 6.18 19.26 5.8L13.53 11.53L12.47 10.47L18.2 4.73C17.82 4.5 17.38 4.34 16.92 4.28C16.21 4.18 15.49 4.33 14.88 4.69L14.13 3.39Z'/%3E%3C/svg%3E")}
.icon-copy{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M17 2.25C19.62 2.25 21.75 4.38 21.75 7V12C21.75 14.62 19.62 16.75 17 16.75H16.75V17C16.75 19.62 14.62 21.75 12 21.75H7C4.38 21.75 2.25 19.62 2.25 17V12C2.25 9.38 4.38 7.25 7 7.25H7.25V7C7.25 4.38 9.38 2.25 12 2.25H17ZM7 8.75C5.21 8.75 3.75 10.21 3.75 12V17C3.75 18.79 5.21 20.25 7 20.25H12C13.79 20.25 15.25 18.79 15.25 17V12C15.25 10.21 13.79 8.75 12 8.75H7ZM12 3.75C10.21 3.75 8.75 5.21 8.75 7V7.25H12C14.62 7.25 16.75 9.38 16.75 12V15.25H17C18.79 15.25 20.25 13.79 20.25 12V7C20.25 5.21 18.79 3.75 17 3.75H12Z'/%3E%3C/svg%3E")}
.icon-link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.53 10.53L6.03 13.03C4.67 14.39 4.67 16.61 6.03 17.97C7.39 19.33 9.61 19.33 10.97 17.97L13.47 15.47L14.53 16.53L12.03 19.03C10.08 20.98 6.92 20.98 4.97 19.03C3.02 17.08 3.02 13.92 4.97 11.97L7.47 9.47L8.53 10.53Z'/%3E%3Cpath d='M15.53 9.53L9.53 15.53L8.47 14.47L14.47 8.47L15.53 9.53Z'/%3E%3Cpath d='M11.97 4.97C13.92 3.02 17.08 3.02 19.03 4.97C20.98 6.92 20.98 10.08 19.03 12.03L16.53 14.53L15.47 13.47L17.97 10.97C19.33 9.6 19.33 7.39 17.97 6.03C16.61 4.67 14.39 4.67 13.03 6.03L10.53 8.53L9.47 7.47L11.97 4.97Z'/%3E%3C/svg%3E")}
.icon-clock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6.12C11.5 7.98 11.76 9.96 12.72 11.63C13.68 13.29 15.27 14.51 17.12 15L16.74 16.45C14.49 15.85 12.58 14.38 11.42 12.38C10.26 10.37 9.95 7.98 10.55 5.74L12 6.12Z'/%3E%3Cpath fill-rule='evenodd' d='M12 2.25C17.38 2.25 21.75 6.62 21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25ZM12 3.75C7.44 3.75 3.75 7.44 3.75 12C3.75 16.56 7.44 20.25 12 20.25C16.56 20.25 20.25 16.56 20.25 12C20.25 7.44 16.56 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-refresh{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.75 12C21.75 15.73 18.73 18.75 15 18.75H3.84C3.94 19.19 4.14 19.61 4.42 19.98C4.86 20.55 5.47 20.95 6.16 21.14L5.77 22.59C4.76 22.32 3.87 21.72 3.23 20.89C2.59 20.06 2.25 19.05 2.25 18C2.25 16.95 2.59 15.94 3.23 15.11C3.87 14.28 4.76 13.68 5.77 13.41L6.16 14.86C5.47 15.05 4.86 15.45 4.42 16.02C4.14 16.39 3.94 16.81 3.84 17.25H15C17.9 17.25 20.25 14.9 20.25 12H21.75Z'/%3E%3Cpath d='M18.23 1.41C19.24 1.68 20.13 2.28 20.77 3.11C21.41 3.94 21.75 4.95 21.75 6C21.75 7.05 21.41 8.06 20.77 8.89C20.13 9.72 19.24 10.32 18.23 10.59L17.84 9.14C18.53 8.95 19.14 8.55 19.58 7.98C19.86 7.61 20.06 7.19 20.16 6.75H9C6.1 6.75 3.75 9.1 3.75 12H2.25C2.25 8.27 5.27 5.25 9 5.25H20.16C20.06 4.81 19.86 4.39 19.58 4.02C19.14 3.45 18.53 3.05 17.84 2.86L18.23 1.41Z'/%3E%3C/svg%3E")}
.icon-send-mail{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19.24 1.99C20.93 1.52 22.48 3.07 22.01 4.76L17.91 19.54C17.75 20.1 17.45 20.61 17.04 21.02C15.44 22.62 12.74 22.22 11.67 20.21L9.41 15.94C9.11 15.36 8.64 14.89 8.06 14.59L3.79 12.32C1.78 11.26 1.38 8.56 2.98 6.96C3.39 6.55 3.9 6.25 4.46 6.09L19.24 1.99ZM20.57 4.36C20.72 3.79 20.21 3.28 19.64 3.43L4.87 7.54C4.56 7.62 4.27 7.79 4.04 8.02C3.15 8.91 3.38 10.41 4.49 11L8.76 13.26C8.96 13.37 9.15 13.48 9.33 13.61L13.47 9.47L14.53 10.53L10.39 14.67C10.52 14.85 10.63 15.04 10.74 15.24L13 19.51C13.59 20.62 15.09 20.85 15.98 19.96C16.21 19.73 16.38 19.45 16.46 19.13L20.57 4.36Z'/%3E%3C/svg%3E")}
.icon-book{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M17.01 3.25C18.37 3.25 19.7 3.61 20.88 4.29C21.49 4.64 22.05 5.08 22.54 5.58L22.76 5.79V19H20.75C20.55 18.85 20.35 18.71 20.13 18.59C19.18 18.04 18.1 17.75 17.01 17.75C15.91 17.75 14.83 18.04 13.88 18.59C13.67 18.71 13.46 18.85 13.26 19H10.75C10.55 18.85 10.34 18.71 10.13 18.59C9.18 18.04 8.1 17.75 7 17.75C5.9 17.75 4.83 18.04 3.88 18.59C3.66 18.71 3.45 18.85 3.25 19H1.24V5.8L1.46 5.58C1.95 5.08 2.51 4.64 3.13 4.29C4.3 3.61 5.64 3.25 7 3.25C8.36 3.25 9.7 3.61 10.88 4.29C11.28 4.52 11.65 4.79 12 5.08C12.35 4.79 12.73 4.52 13.13 4.29C14.31 3.61 15.65 3.25 17.01 3.25ZM7 4.75C5.9 4.75 4.83 5.04 3.88 5.59C3.47 5.82 3.09 6.11 2.74 6.43V17.52C2.87 17.44 3 17.36 3.13 17.29C4.3 16.61 5.64 16.25 7 16.25C8.36 16.25 9.7 16.61 10.88 17.29C11 17.36 11.13 17.44 11.25 17.52V6.42C10.91 6.1 10.53 5.82 10.13 5.59C9.18 5.04 8.1 4.75 7 4.75ZM17.01 4.75C15.91 4.75 14.83 5.04 13.88 5.59C13.47 5.82 13.09 6.11 12.75 6.43V17.52C12.87 17.44 13 17.36 13.13 17.29C14.31 16.61 15.65 16.25 17.01 16.25C18.37 16.25 19.7 16.61 20.88 17.29C21.01 17.36 21.13 17.44 21.26 17.52V6.42C20.91 6.1 20.54 5.82 20.13 5.59C19.18 5.04 18.1 4.75 17.01 4.75Z'/%3E%3C/svg%3E")}
.icon-eye{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 8.25C14.07 8.25 15.75 9.93 15.75 12C15.75 14.07 14.07 15.75 12 15.75C9.93 15.75 8.25 14.07 8.25 12C8.25 9.93 9.93 8.25 12 8.25ZM12 9.75C10.76 9.75 9.75 10.76 9.75 12C9.75 13.24 10.76 14.25 12 14.25C13.24 14.25 14.25 13.24 14.25 12C14.25 10.76 13.24 9.75 12 9.75Z'/%3E%3Cpath fill-rule='evenodd' d='M15 5.25C18.73 5.25 21.75 8.27 21.75 12C21.75 15.73 18.73 18.75 15 18.75H9C5.27 18.75 2.25 15.73 2.25 12C2.25 8.27 5.27 5.25 9 5.25H15ZM9 6.75C6.1 6.75 3.75 9.1 3.75 12C3.75 14.9 6.1 17.25 9 17.25H15C17.9 17.25 20.25 14.9 20.25 12C20.25 9.1 17.9 6.75 15 6.75H9Z'/%3E%3C/svg%3E")}
.icon-lock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C14.62 2.25 16.75 4.38 16.75 7V8.84C19.11 9.89 20.75 12.25 20.75 15C20.75 18.73 17.73 21.75 14 21.75H10C6.27 21.75 3.25 18.73 3.25 15C3.25 12.25 4.89 9.89 7.25 8.84V7C7.25 4.38 9.38 2.25 12 2.25ZM10 9.75C7.1 9.75 4.75 12.1 4.75 15C4.75 17.9 7.1 20.25 10 20.25H14C16.9 20.25 19.25 17.9 19.25 15C19.25 12.1 16.9 9.75 14 9.75H10ZM12 3.75C10.21 3.75 8.75 5.21 8.75 7V8.37C9.16 8.29 9.57 8.25 10 8.25H14C14.43 8.25 14.84 8.29 15.25 8.37V7C15.25 5.21 13.79 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-chat-bubble{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14 2.25C18.28 2.25 21.75 5.72 21.75 10C21.75 14.28 18.28 17.75 14 17.75H8.66C7.8 17.75 6.97 18.09 6.36 18.7L4.38 20.68C3.6 21.46 2.25 20.91 2.25 19.79V11C2.25 6.17 6.17 2.25 11 2.25H14ZM11 3.75C7 3.75 3.75 7 3.75 11V19.19L5.3 17.64C6.19 16.75 7.4 16.25 8.66 16.25H14C17.45 16.25 20.25 13.45 20.25 10C20.25 6.55 17.45 3.75 14 3.75H11Z'/%3E%3C/svg%3E")}
.icon-download{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.75 12C4.75 16 8 19.25 12 19.25C16 19.25 19.25 16 19.25 12H20.75C20.75 16.83 16.83 20.75 12 20.75C7.17 20.75 3.25 16.83 3.25 12H4.75Z'/%3E%3Cpath d='M12.75 11.16C13.19 11.05 13.61 10.86 13.98 10.58C14.55 10.14 14.95 9.53 15.14 8.84L16.59 9.23C16.32 10.24 15.72 11.13 14.89 11.77C14.06 12.41 13.05 12.75 12 12.75C10.95 12.75 9.94 12.41 9.11 11.77C8.28 11.13 7.68 10.24 7.41 9.23L8.86 8.84C9.05 9.53 9.45 10.14 10.02 10.58C10.39 10.86 10.81 11.05 11.25 11.16V2H12.75V11.16Z'/%3E%3C/svg%3E")}
.icon-xmark{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.53 5.53L13.06 12L19.53 18.47L18.47 19.53L12 13.06L5.53 19.53L4.47 18.47L10.94 12L4.47 5.53L5.53 4.47L12 10.94L18.47 4.47L19.53 5.53Z'/%3E%3C/svg%3E")}
.icon-zoom-in{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.75 9.25H14V10.75H10.75V14H9.25V10.75H6V9.25H9.25V6H10.75V9.25Z'/%3E%3Cpath fill-rule='evenodd' d='M4.52 4.52C7.55 1.49 12.45 1.49 15.48 4.52C18.33 7.37 18.5 11.88 15.98 14.92L21.53 20.47L20.47 21.53L14.92 15.98C11.88 18.49 7.37 18.33 4.52 15.48C1.49 12.45 1.49 7.55 4.52 4.52ZM14.42 5.58C11.98 3.14 8.02 3.14 5.58 5.58C3.14 8.02 3.14 11.98 5.58 14.42C8.02 16.86 11.98 16.86 14.42 14.42C16.86 11.98 16.86 8.02 14.42 5.58Z'/%3E%3C/svg%3E")}
.icon-zoom-out{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 10.75H6V9.25H14V10.75Z'/%3E%3Cpath fill-rule='evenodd' d='M4.52 4.52C7.55 1.49 12.45 1.49 15.48 4.52C18.33 7.37 18.5 11.88 15.98 14.92L21.53 20.47L20.47 21.53L14.92 15.98C11.88 18.49 7.37 18.33 4.52 15.48C1.49 12.45 1.49 7.55 4.52 4.52ZM14.42 5.58C11.98 3.14 8.02 3.14 5.58 5.58C3.14 8.02 3.14 11.98 5.58 14.42C8.02 16.86 11.98 16.86 14.42 14.42C16.86 11.98 16.86 8.02 14.42 5.58Z'/%3E%3C/svg%3E")}
.icon-percentage{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16.5 13.25C18.29 13.25 19.75 14.71 19.75 16.5C19.75 18.29 18.29 19.75 16.5 19.75C14.71 19.75 13.25 18.29 13.25 16.5C13.25 14.71 14.71 13.25 16.5 13.25ZM16.5 14.75C15.53 14.75 14.75 15.53 14.75 16.5C14.75 17.47 15.53 18.25 16.5 18.25C17.47 18.25 18.25 17.47 18.25 16.5C18.25 15.53 17.47 14.75 16.5 14.75Z'/%3E%3Cpath d='M19.53 5.53L5.53 19.53L4.47 18.47L18.47 4.47L19.53 5.53Z'/%3E%3Cpath fill-rule='evenodd' d='M7.5 4.25C9.29 4.25 10.75 5.71 10.75 7.5C10.75 9.29 9.29 10.75 7.5 10.75C5.71 10.75 4.25 9.29 4.25 7.5C4.25 5.71 5.71 4.25 7.5 4.25ZM7.5 5.75C6.53 5.75 5.75 6.53 5.75 7.5C5.75 8.47 6.53 9.25 7.5 9.25C8.47 9.25 9.25 8.47 9.25 7.5C9.25 6.53 8.47 5.75 7.5 5.75Z'/%3E%3C/svg%3E")}
.icon-bell-notification{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C15.73 2.25 18.75 5.27 18.75 9V11.7C20.03 13.1 20.75 14.92 20.75 16.83V18.75H15.67C15.53 19.46 15.18 20.13 14.65 20.65C13.95 21.35 12.99 21.75 12 21.75C11.01 21.75 10.05 21.35 9.35 20.65C8.82 20.13 8.47 19.46 8.33 18.75H3.25V16.83C3.25 14.92 3.97 13.1 5.25 11.7V9C5.25 5.27 8.27 2.25 12 2.25ZM9.88 18.75C9.99 19.06 10.17 19.35 10.41 19.59C10.83 20.01 11.4 20.25 12 20.25C12.6 20.25 13.17 20.01 13.59 19.59C13.83 19.35 14.01 19.06 14.12 18.75H9.88ZM12 3.75C9.1 3.75 6.75 6.1 6.75 9V12.31L6.53 12.53C5.39 13.67 4.75 15.22 4.75 16.83V17.25H19.25V16.83C19.25 15.22 18.61 13.67 17.47 12.53L17.25 12.31V9C17.25 6.1 14.9 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-light-bulb{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 21.75H8V20.25H16V21.75Z'/%3E%3Cpath fill-rule='evenodd' d='M12 2.25C16.28 2.25 19.75 5.72 19.75 10C19.75 12.92 18.13 15.46 15.75 16.78V18.75H8.25V16.78C5.87 15.46 4.25 12.92 4.25 10C4.25 5.72 7.72 2.25 12 2.25ZM12 3.75C8.55 3.75 5.75 6.55 5.75 10C5.75 12.49 7.21 14.64 9.32 15.65L9.75 15.85V17.25H14.25V15.85L14.68 15.65C16.79 14.64 18.25 12.49 18.25 10C18.25 6.55 15.45 3.75 12 3.75Z'/%3E%3C/svg%3E")}
.icon-bug{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19 2.75C18.4 2.75 17.83 2.99 17.41 3.41C16.99 3.83 16.75 4.4 16.75 5V5.2C17.34 5.79 17.82 6.48 18.16 7.25H22V8.75H18.63C18.71 9.16 18.75 9.57 18.75 10V11.25H22V12.75H18.75V15C18.75 15.08 18.75 15.17 18.74 15.25H22V16.75H18.52C17.75 19.63 15.12 21.75 12 21.75C8.88 21.75 6.25 19.63 5.48 16.75H2V15.25H5.26C5.25 15.17 5.25 15.08 5.25 15V12.75H2V11.25H5.25V10C5.25 9.57 5.29 9.16 5.37 8.75H2V7.25H5.84C6.18 6.48 6.66 5.79 7.25 5.2V5C7.25 4.4 7.01 3.83 6.59 3.41C6.17 2.99 5.6 2.75 5 2.75V1.25C5.99 1.25 6.95 1.65 7.65 2.35C8.15 2.85 8.49 3.47 8.65 4.14C9.64 3.57 10.78 3.25 12 3.25C13.22 3.25 14.36 3.57 15.35 4.14C15.51 3.47 15.85 2.85 16.35 2.35C17.05 1.65 18.01 1.25 19 1.25V2.75ZM6.9 8.75C6.8 9.15 6.75 9.57 6.75 10V15C6.75 17.64 8.71 19.83 11.25 20.2V11H12.75V20.2C15.29 19.83 17.25 17.64 17.25 15V10C17.25 9.57 17.2 9.15 17.1 8.75H6.9ZM12 4.75C10.11 4.75 8.45 5.75 7.53 7.25H16.47C15.55 5.75 13.89 4.75 12 4.75Z'/%3E%3C/svg%3E")}
.icon-warning-triangle{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14.25C12.69 14.25 13.25 14.81 13.25 15.5C13.25 16.19 12.69 16.75 12 16.75C11.31 16.75 10.75 16.19 10.75 15.5C10.75 14.81 11.31 14.25 12 14.25Z'/%3E%3Cpath d='M12.75 13H11.25V7H12.75V13Z'/%3E%3Cpath fill-rule='evenodd' d='M7.89 4.62C9.71 1.46 14.28 1.46 16.11 4.62L21.31 13.62C23.14 16.79 20.85 20.75 17.2 20.75H6.8C3.15 20.75 0.86 16.79 2.69 13.62L7.89 4.62ZM14.81 5.37C13.56 3.21 10.44 3.21 9.19 5.37L3.99 14.37C2.74 16.54 4.3 19.25 6.8 19.25H17.2C19.7 19.25 21.26 16.54 20.01 14.37L14.81 5.37Z'/%3E%3C/svg%3E")}
.icon-attachment{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.47 3.47C14.87 2.07 17.13 2.07 18.53 3.47C19.93 4.87 19.93 7.13 18.53 8.53L9.53 17.53L8.47 16.47L17.47 7.47C18.28 6.66 18.28 5.34 17.47 4.53C16.66 3.72 15.34 3.72 14.53 4.53L6.03 13.03C4.39 14.67 4.39 17.33 6.03 18.97C7.67 20.61 10.33 20.61 11.97 18.97L19.47 11.47L20.53 12.53L13.03 20.03C10.8 22.26 7.2 22.26 4.97 20.03C2.74 17.8 2.74 14.2 4.97 11.97L13.47 3.47Z'/%3E%3C/svg%3E")}
.icon-media-image{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7.5C9.83 7.5 10.5 8.17 10.5 9C10.5 9.83 9.83 10.5 9 10.5C8.17 10.5 7.5 9.83 7.5 9C7.5 8.17 8.17 7.5 9 7.5Z'/%3E%3Cpath fill-rule='evenodd' d='M16 3.25C18.62 3.25 20.75 5.38 20.75 8V16C20.75 18.62 18.62 20.75 16 20.75H8C5.38 20.75 3.25 18.62 3.25 16V8C3.25 5.38 5.38 3.25 8 3.25H16ZM19.25 13.06C18.21 12.77 17.12 12.68 16.04 12.81C14.78 12.95 13.57 13.39 12.51 14.08C11.45 14.77 10.56 15.69 9.91 16.78C9.45 17.55 9.13 18.38 8.94 19.25H16C17.79 19.25 19.25 17.79 19.25 16V13.06ZM8 4.75C6.21 4.75 4.75 6.21 4.75 8V16C4.75 17.6 5.9 18.92 7.42 19.2C7.63 18.08 8.04 17 8.62 16.01C9.39 14.73 10.44 13.63 11.69 12.82C12.95 12.01 14.38 11.49 15.86 11.32C17 11.18 18.14 11.25 19.25 11.51V8C19.25 6.21 17.79 4.75 16 4.75H8Z'/%3E%3C/svg%3E")}
.icon-report-columns{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M5 3.25C6.52 3.25 7.75 4.48 7.75 6V18C7.75 19.52 6.52 20.75 5 20.75C3.48 20.75 2.25 19.52 2.25 18V6C2.25 4.48 3.48 3.25 5 3.25ZM5 4.75C4.31 4.75 3.75 5.31 3.75 6V18C3.75 18.69 4.31 19.25 5 19.25C5.69 19.25 6.25 18.69 6.25 18V6C6.25 5.31 5.69 4.75 5 4.75Z'/%3E%3Cpath fill-rule='evenodd' d='M12 3.25C13.52 3.25 14.75 4.48 14.75 6V18C14.75 19.52 13.52 20.75 12 20.75C10.48 20.75 9.25 19.52 9.25 18V6C9.25 4.48 10.48 3.25 12 3.25ZM12 4.75C11.31 4.75 10.75 5.31 10.75 6V18C10.75 18.69 11.31 19.25 12 19.25C12.69 19.25 13.25 18.69 13.25 18V6C13.25 5.31 12.69 4.75 12 4.75Z'/%3E%3Cpath fill-rule='evenodd' d='M19 3.25C20.52 3.25 21.75 4.48 21.75 6V18C21.75 19.52 20.52 20.75 19 20.75C17.48 20.75 16.25 19.52 16.25 18V6C16.25 4.48 17.48 3.25 19 3.25ZM19 4.75C18.31 4.75 17.75 5.31 17.75 6V18C17.75 18.69 18.31 19.25 19 19.25C19.69 19.25 20.25 18.69 20.25 18V6C20.25 5.31 19.69 4.75 19 4.75Z'/%3E%3C/svg%3E")}
.icon-task-list{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.86 15.53L6.94 18.44C6.56 18.83 6.07 19.09 5.54 19.2C5 19.3 4.45 19.25 3.95 19.04C3.44 18.83 3.02 18.48 2.71 18.03C2.41 17.58 2.25 17.04 2.25 16.5H3.75C3.75 16.75 3.82 16.99 3.96 17.19C4.1 17.4 4.29 17.56 4.52 17.66C4.75 17.75 5 17.77 5.24 17.73C5.49 17.68 5.71 17.56 5.88 17.38L8.8 14.47L9.86 15.53Z'/%3E%3Cpath d='M21 18.75H11V17.25H21V18.75Z'/%3E%3Cpath d='M9.86 10.03L6.94 12.94C6.56 13.33 6.07 13.59 5.54 13.7C5 13.8 4.45 13.75 3.95 13.54C3.44 13.33 3.02 12.98 2.71 12.53C2.41 12.08 2.25 11.54 2.25 11H3.75C3.75 11.25 3.82 11.49 3.96 11.69C4.1 11.9 4.29 12.06 4.52 12.16C4.75 12.25 5 12.27 5.24 12.23C5.49 12.18 5.71 12.06 5.88 11.88L8.8 8.97L9.86 10.03Z'/%3E%3Cpath d='M21 12.75H11V11.25H21V12.75Z'/%3E%3Cpath d='M9.86 4.53L6.94 7.44C6.56 7.83 6.07 8.09 5.54 8.2C5 8.3 4.45 8.25 3.95 8.04C3.44 7.83 3.02 7.48 2.71 7.03C2.41 6.58 2.25 6.04 2.25 5.5H3.75C3.75 5.75 3.82 5.99 3.96 6.19C4.1 6.4 4.29 6.56 4.52 6.66C4.75 6.75 5 6.77 5.24 6.73C5.49 6.68 5.71 6.56 5.88 6.38L8.8 3.47L9.86 4.53Z'/%3E%3Cpath d='M21 6.75H11V5.25H21V6.75Z'/%3E%3C/svg%3E")}
.icon-upload{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.75 12C4.75 16 8 19.25 12 19.25C16 19.25 19.25 16 19.25 12H20.75C20.75 16.83 16.83 20.75 12 20.75C7.17 20.75 3.25 16.83 3.25 12H4.75Z'/%3E%3Cpath d='M12 3.25C13.05 3.25 14.06 3.59 14.89 4.23C15.72 4.87 16.32 5.76 16.59 6.77L15.14 7.16C14.95 6.47 14.55 5.86 13.98 5.42C13.61 5.14 13.19 4.94 12.75 4.84V14H11.25V4.84C10.81 4.94 10.39 5.14 10.02 5.42C9.45 5.86 9.05 6.47 8.86 7.16L7.41 6.77C7.68 5.76 8.28 4.87 9.11 4.23C9.94 3.59 10.95 3.25 12 3.25Z'/%3E%3C/svg%3E")}
.icon-archive{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 13.75H9V12.25H15V13.75Z'/%3E%3Cpath fill-rule='evenodd' d='M19 4.25C20.52 4.25 21.75 5.48 21.75 7C21.75 7.85 21.36 8.62 20.75 9.12V19.75H3.25V9.12C2.64 8.62 2.25 7.85 2.25 7C2.25 5.48 3.48 4.25 5 4.25H19ZM4.75 18.25H19.25V9.75H4.75V18.25ZM5 5.75C4.31 5.75 3.75 6.31 3.75 7C3.75 7.69 4.31 8.25 5 8.25H19C19.69 8.25 20.25 7.69 20.25 7C20.25 6.31 19.69 5.75 19 5.75H5Z'/%3E%3C/svg%3E")}
.icon-play{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.25 6.7C5.25 3.68 8.64 1.9 11.12 3.61L18.83 8.91C21 10.4 21 13.6 18.83 15.09L11.12 20.39C8.64 22.1 5.25 20.32 5.25 17.3V6.7Z'/%3E%3C/svg%3E")}
.icon-pause{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 3.25C9.29 3.25 10.75 4.71 10.75 6.5V17.5C10.75 19.29 9.29 20.75 7.5 20.75C5.71 20.75 4.25 19.29 4.25 17.5V6.5C4.25 4.71 5.71 3.25 7.5 3.25Z'/%3E%3Cpath d='M16.5 3.25C18.29 3.25 19.75 4.71 19.75 6.5V17.5C19.75 19.29 18.29 20.75 16.5 20.75C14.71 20.75 13.25 19.29 13.25 17.5V6.5C13.25 4.71 14.71 3.25 16.5 3.25Z'/%3E%3C/svg%3E")}
.icon-sound-high{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15.75 21.75H15C12.41 21.75 9.93 20.72 8.11 18.89C7.46 18.25 6.92 17.53 6.49 16.75H2.25V7.25H6.49C6.92 6.47 7.46 5.75 8.11 5.11C9.93 3.28 12.41 2.25 15 2.25H15.75V21.75ZM14.25 3.79C12.34 3.96 10.54 4.8 9.17 6.17C8.53 6.8 8.01 7.54 7.61 8.33L7.41 8.75H3.75V15.25H7.41L7.61 15.67C8.01 16.46 8.53 17.2 9.17 17.83C10.54 19.2 12.34 20.04 14.25 20.21V3.79Z'/%3E%3Cpath d='M22.75 17H21.25V7H22.75V17Z'/%3E%3Cpath d='M19.25 15H17.75V9H19.25V15Z'/%3E%3C/svg%3E")}
.icon-sound-off{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15.75 21.75H15C12.41 21.75 9.93 20.72 8.11 18.89C7.46 18.25 6.92 17.53 6.49 16.75H2.25V7.25H6.49C6.92 6.47 7.46 5.75 8.11 5.11C9.93 3.28 12.41 2.25 15 2.25H15.75V21.75ZM14.25 3.79C12.34 3.96 10.54 4.8 9.17 6.17C8.53 6.8 8.01 7.54 7.61 8.33L7.41 8.75H3.75V15.25H7.41L7.61 15.67C8.01 16.46 8.53 17.2 9.17 17.83C10.54 19.2 12.34 20.04 14.25 20.21V3.79Z'/%3E%3Cpath d='M23.53 10.03L21.56 12L23.53 13.97L22.47 15.03L20.5 13.06L18.53 15.03L17.47 13.97L19.44 12L17.47 10.03L18.53 8.97L20.5 10.94L22.47 8.97L23.53 10.03Z'/%3E%3C/svg%3E")}
.icon-arrow-up{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.25C14.15 3.25 16.23 3.96 17.94 5.26C19.64 6.57 20.86 8.4 21.42 10.48L20.69 10.67L19.97 10.86C19.5 9.11 18.46 7.56 17.02 6.46C15.78 5.5 14.3 4.93 12.75 4.79V21H11.25V4.79C9.7 4.93 8.22 5.5 6.98 6.46C5.54 7.56 4.5 9.11 4.03 10.86L3.31 10.67L2.58 10.48C3.14 8.4 4.36 6.57 6.06 5.26C7.77 3.96 9.85 3.25 12 3.25Z'/%3E%3C/svg%3E")}
.icon-arrow-down{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.75 3V19.21C14.3 19.07 15.78 18.5 17.02 17.54C18.46 16.44 19.5 14.89 19.97 13.14L20.69 13.33L21.42 13.52C20.86 15.6 19.64 17.43 17.94 18.74C16.23 20.04 14.15 20.75 12 20.75C9.85 20.75 7.77 20.04 6.06 18.74C4.36 17.43 3.14 15.6 2.58 13.52L3.31 13.33L4.03 13.14C4.5 14.89 5.54 16.44 6.98 17.54C8.22 18.5 9.7 19.07 11.25 19.21V3H12.75Z'/%3E%3C/svg%3E")}
.icon-phone{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M11.94 8.12L10.03 10.03C8.94 11.12 8.94 12.88 10.03 13.97C11.12 15.06 12.88 15.06 13.97 13.97L15.88 12.06L21.75 15.58V16.24C21.75 18.73 19.73 20.75 17.24 20.75H15.95C12.58 20.75 9.35 19.41 6.97 17.03C4.59 14.65 3.25 11.42 3.25 8.05V6.76C3.25 4.27 5.27 2.25 7.76 2.25H8.42L11.94 8.12ZM7.58 3.76C6 3.85 4.75 5.16 4.75 6.76V8.05C4.75 11.02 5.93 13.87 8.03 15.97C10.13 18.07 12.98 19.25 15.95 19.25H17.24C18.84 19.25 20.15 18 20.24 16.42L16.12 13.94L15.03 15.03C13.36 16.7 10.64 16.7 8.97 15.03C7.3 13.36 7.3 10.64 8.97 8.97L10.05 7.88L7.58 3.76Z'/%3E%3C/svg%3E")}
.icon-edit-pencil{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M13.97 3.97C15.64 2.3 18.36 2.3 20.03 3.97C21.7 5.64 21.7 8.36 20.03 10.03L13.07 17C10.66 19.4 7.4 20.75 4 20.75H3.25V20C3.25 16.6 4.6 13.34 7 10.93L13.97 3.97ZM8.07 12C6.13 13.93 4.97 16.5 4.78 19.22C7.5 19.03 10.07 17.87 12 15.93L16.94 11L13 7.06L8.07 12ZM18.97 5.03C17.88 3.94 16.12 3.94 15.03 5.03L14.06 6L18 9.94L18.97 8.97C20.06 7.88 20.06 6.12 18.97 5.03Z'/%3E%3C/svg%3E")}
.icon-globe{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C17.38 2.25 21.75 6.62 21.75 12C21.75 17.38 17.38 21.75 12 21.75C6.62 21.75 2.25 17.38 2.25 12C2.25 6.62 6.62 2.25 12 2.25ZM3.79 12.75C4.12 16.41 6.84 19.39 10.38 20.09C9.75 19.21 9.21 18.27 8.8 17.26C8.2 15.82 7.86 14.3 7.77 12.75H3.79ZM16.23 12.75C16.14 14.3 15.8 15.82 15.2 17.26C14.79 18.27 14.25 19.21 13.62 20.09C17.16 19.39 19.88 16.41 20.21 12.75H16.23ZM9.28 12.75C9.36 14.1 9.66 15.43 10.18 16.69C10.64 17.79 11.25 18.81 12 19.73C12.75 18.81 13.36 17.79 13.82 16.69C14.34 15.43 14.64 14.1 14.72 12.75H9.28ZM10.38 3.91C6.84 4.61 4.12 7.59 3.79 11.25H7.77C7.86 9.7 8.2 8.18 8.8 6.74C9.21 5.73 9.75 4.78 10.38 3.91ZM12 4.27C11.25 5.19 10.64 6.21 10.18 7.31C9.66 8.57 9.36 9.9 9.28 11.25H14.72C14.64 9.9 14.34 8.57 13.82 7.31C13.36 6.21 12.75 5.19 12 4.27ZM13.62 3.91C14.25 4.78 14.79 5.73 15.2 6.74C15.8 8.18 16.14 9.7 16.23 11.25H20.21C19.88 7.59 17.16 4.61 13.62 3.91Z'/%3E%3C/svg%3E")}
.icon-sparkle{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.27 5.77C9.54 4.48 11.34 4.44 11.7 5.65L11.73 5.77L11.87 6.47C12.44 9.32 14.68 11.56 17.53 12.13L18.23 12.27C19.57 12.55 19.57 14.45 18.23 14.73L17.53 14.87C14.68 15.44 12.44 17.68 11.87 20.53L11.73 21.23C11.46 22.57 9.55 22.57 9.27 21.23L9.13 20.53C8.56 17.68 6.32 15.44 3.47 14.87L2.77 14.73C1.44 14.45 1.44 12.55 2.77 12.27L3.47 12.13C6.32 11.56 8.56 9.32 9.13 6.47L9.27 5.77Z'/%3E%3Cpath d='M19.71 7.64C19.79 7.35 20.21 7.35 20.29 7.64C20.42 8.17 20.83 8.58 21.36 8.71C21.65 8.79 21.65 9.21 21.36 9.29C20.83 9.42 20.42 9.83 20.29 10.36C20.21 10.65 19.79 10.65 19.71 10.36C19.58 9.83 19.17 9.42 18.64 9.29C18.35 9.21 18.35 8.79 18.64 8.71C19.17 8.58 19.58 8.17 19.71 7.64Z'/%3E%3Cpath d='M15.53 1.42C15.68 0.97 16.32 0.97 16.47 1.42L16.68 2.05C16.88 2.65 17.35 3.12 17.95 3.32L18.58 3.53C19.03 3.68 19.03 4.32 18.58 4.47L17.95 4.68C17.35 4.88 16.88 5.35 16.68 5.95L16.47 6.58C16.32 7.03 15.68 7.03 15.53 6.58L15.32 5.95C15.12 5.35 14.65 4.88 14.05 4.68L13.42 4.47C12.97 4.32 12.97 3.68 13.42 3.53L14.05 3.32C14.65 3.12 15.12 2.65 15.32 2.05L15.53 1.42Z'/%3E%3C/svg%3E")}
.icon-stop{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 3.25C16.9 3.25 17.74 3.5 18.46 3.94C18.7 4.08 18.96 4.22 19.19 4.39C19.35 4.51 19.49 4.65 19.61 4.81C19.78 5.04 19.91 5.3 20.06 5.54C20.5 6.26 20.75 7.1 20.75 8V16C20.75 16.9 20.5 17.74 20.06 18.46C19.91 18.7 19.78 18.96 19.61 19.19C19.49 19.35 19.35 19.49 19.19 19.61C18.96 19.78 18.7 19.91 18.46 20.06C17.74 20.5 16.9 20.75 16 20.75H8C7.1 20.75 6.26 20.5 5.54 20.06C5.3 19.91 5.04 19.78 4.81 19.61C4.65 19.49 4.51 19.35 4.39 19.19C4.22 18.96 4.08 18.7 3.94 18.46C3.5 17.74 3.25 16.9 3.25 16V8C3.25 7.1 3.5 6.26 3.94 5.54C4.08 5.3 4.22 5.04 4.39 4.81C4.51 4.65 4.65 4.51 4.81 4.39C5.04 4.22 5.3 4.08 5.54 3.94C6.26 3.5 7.1 3.25 8 3.25H16Z'/%3E%3C/svg%3E")}
.icon-headset{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25C16.83 2.25 20.75 6.17 20.75 11V18C20.75 20.62 18.62 22.75 16 22.75H11V21.25H16C17.2 21.25 18.25 20.6 18.81 19.63C18.56 19.71 18.28 19.75 18 19.75C16.48 19.75 15.25 18.52 15.25 17V15C15.25 13.48 16.48 12.25 18 12.25C18.45 12.25 18.87 12.36 19.25 12.55V11C19.25 7 16 3.75 12 3.75C8 3.75 4.75 7 4.75 11V12.55C5.13 12.36 5.55 12.25 6 12.25C7.52 12.25 8.75 13.48 8.75 15V17C8.75 18.52 7.52 19.75 6 19.75C4.48 19.75 3.25 18.52 3.25 17V11C3.25 6.17 7.17 2.25 12 2.25ZM6 13.75C5.31 13.75 4.75 14.31 4.75 15V17C4.75 17.69 5.31 18.25 6 18.25C6.69 18.25 7.25 17.69 7.25 17V15C7.25 14.31 6.69 13.75 6 13.75ZM18 13.75C17.31 13.75 16.75 14.31 16.75 15V17C16.75 17.69 17.31 18.25 18 18.25C18.69 18.25 19.25 17.69 19.25 17V15C19.25 14.31 18.69 13.75 18 13.75Z'/%3E%3C/svg%3E")}
.icon-chat-smile{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.11 11.38C15.7 12.1 15.1 12.7 14.38 13.11C13.65 13.53 12.83 13.75 12 13.75C11.17 13.75 10.35 13.53 9.63 13.11C8.9 12.7 8.3 12.1 7.89 11.38L9.19 10.63C9.47 11.12 9.88 11.53 10.38 11.81C10.87 12.1 11.43 12.25 12 12.25C12.57 12.25 13.13 12.1 13.63 11.81C14.12 11.53 14.53 11.12 14.81 10.63L16.11 11.38Z'/%3E%3Cpath d='M9 6.25C9.69 6.25 10.25 6.81 10.25 7.5C10.25 8.19 9.69 8.75 9 8.75C8.31 8.75 7.75 8.19 7.75 7.5C7.75 6.81 8.31 6.25 9 6.25Z'/%3E%3Cpath d='M15 6.25C15.69 6.25 16.25 6.81 16.25 7.5C16.25 8.19 15.69 8.75 15 8.75C14.31 8.75 13.75 8.19 13.75 7.5C13.75 6.81 14.31 6.25 15 6.25Z'/%3E%3Cpath fill-rule='evenodd' d='M14 2.25C18.28 2.25 21.75 5.72 21.75 10C21.75 14.28 18.28 17.75 14 17.75H8.66C7.8 17.75 6.97 18.09 6.36 18.7L4.38 20.68C3.6 21.46 2.25 20.91 2.25 19.79V11C2.25 6.17 6.17 2.25 11 2.25H14ZM11 3.75C7 3.75 3.75 7 3.75 11V19.19L5.3 17.64C6.19 16.75 7.4 16.25 8.66 16.25H14C17.45 16.25 20.25 13.45 20.25 10C20.25 6.55 17.45 3.75 14 3.75H11Z'/%3E%3C/svg%3E")}
/* ===== End of icons ===== */
.skeleton-top .sk-avatar{width:36px;height:36px;border-radius:50%}.skeleton-top .sk-line{width:56px;margin:0}
/* ===== Scroll stability (iOS) =====
   A backdrop blur on every card in a long list makes iOS WebKit build one
   compositing layer per card. Past its GPU budget it paints the page black while
   scrolling. The panes are opaque, so the blur showed nothing: scrolling content
   never blurs. Only the fixed chrome (dock, purchase bar, sheets) keeps it. */
#app main,#app main *,#app section,#app section *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* ===== Checkout pages =====
   Full pages, one decision each. The step bar says where you are, the product
   stays in view, and the next action sits in a fixed bar at the thumb. */
.checkout-page{display:grid;gap:18px;padding:calc(14px + var(--safe-top)) var(--gutter) calc(150px + var(--safe-bottom))}
.checkout-steps{margin:0;padding:4px 0 2px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.checkout-steps.steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.checkout-steps li{position:relative;display:grid;justify-items:center;gap:6px;color:var(--hint);font-size:11.5px;font-weight:600}
.checkout-steps li::before{content:'';position:absolute;top:15px;inset-inline-start:50%;width:100%;height:2px;border-radius:2px;background:var(--separator)}
.checkout-steps li:last-child::before{display:none}
.checkout-steps li.done::before{background:var(--accent)}
.checkout-steps i{position:relative;z-index:1;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ground);border:2px solid var(--separator);color:var(--hint);font-family:var(--font-display);font-size:13px;font-style:normal;font-weight:800}
.checkout-steps i .app-icon{width:15px;height:15px}
.checkout-steps li.current{color:var(--text)}
.checkout-steps li.current i{border-color:var(--accent);color:var(--neon);box-shadow:0 0 0 4px var(--accent-soft)}
.checkout-steps li.done{color:var(--sub)}
.checkout-steps li.done i{background:var(--accent);border-color:var(--accent);color:#fff}
.checkout-page .checkout-product-overview{padding:10px 12px;border-radius:18px}
.checkout-page .checkout-product-cover{width:48px;height:48px;flex-basis:48px;border-radius:12px}
.checkout-page .checkout-product-copy{flex:1}
.checkout-title{margin:0;font-size:18px;font-weight:800}
.checkout-page .checkout-section-heading{display:grid;gap:2px}
/* Payment methods read as one radio group: a ring, the name with its note, the price. */
.checkout-page .checkout-payment-list{gap:0;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.checkout-page .checkout-payment-card{min-height:68px;padding:14px 16px;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;border:0;border-radius:0;background:transparent;box-shadow:none;transition:background .16s ease}
.checkout-page .checkout-payment-card+.checkout-payment-card{border-top:1px solid var(--separator)}
.checkout-page .checkout-payment-card[aria-checked="true"]{background:var(--accent-soft)}
.checkout-page .checkout-payment-card:active{transform:none;background:var(--fill)}
.checkout-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--hint);display:grid;place-items:center;transition:border-color .16s ease}
.checkout-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .18s var(--spring)}
[aria-checked="true"]>.checkout-radio{border-color:var(--accent)}
[aria-checked="true"]>.checkout-radio::after{transform:scale(1)}
.checkout-payment-copy{min-width:0;display:grid;gap:3px}
.checkout-payment-copy strong{font-size:14.5px;font-weight:700}
.checkout-payment-copy small{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--hint);font-size:11.5px}
.checkout-payment-copy small .coin{width:auto;height:auto;background:transparent;color:inherit;font-size:11px}
.checkout-payment-price{font-family:var(--font-display);font-size:16px;font-weight:800;white-space:nowrap}
.checkout-payment-price .coin{width:auto;height:auto;background:transparent;color:var(--success);font-size:14px}
.checkout-payment-price .telegram-stars-mark{order:-1;width:16px;height:16px;flex:0 0 16px}
.checkout-short{color:var(--danger);font-weight:700}
.checkout-page .purchase-review-total{border-top:1px solid var(--separator);border-bottom:0}
.checkout-page .purchase-review-row:last-child{border-bottom:1px solid var(--separator)}
.checkout-page .purchase-review-card>:last-child{border-bottom:0}
.checkout-page .purchase-review-total strong .telegram-stars-mark{order:-1;width:18px;height:18px;flex:0 0 18px}
.checkout-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:grid;gap:8px;padding:12px var(--gutter) calc(12px + var(--safe-bottom));background:var(--bar);border-top:1px solid var(--separator);backdrop-filter:blur(26px) saturate(170%);-webkit-backdrop-filter:blur(26px) saturate(170%)}
.checkout-bar .checkout-secondary{min-height:46px}
.checkout-bar .checkout-secondary .app-icon{width:17px;height:17px}
.checkout-result{display:grid;justify-items:center;gap:12px;padding:28px 18px;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.checkout-result h1{margin:0;font-size:21px;font-weight:800}
.checkout-result .rich-copy{padding:0;background:transparent;border:0;color:var(--sub)}
.checkout-result .codes{width:100%;text-align:start;direction:ltr}
.checkout-result-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success);animation:checkout-pop .5s var(--spring) both}
.checkout-result-mark .app-icon{width:30px;height:30px}
@keyframes checkout-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
/* ===== Video covers ===== */
.product-media video{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px;background:#000}
.card-video-mark{position:absolute;z-index:2;inset-block-end:6px;inset-inline-end:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;pointer-events:none}
.card-video-mark .app-icon{width:11px;height:11px;transform:translateX(1px)}
/* ===== Admin: product media picker =====
   Every photo and video as a tile; the lead one wears the accent ring and a
   «الرئيسية» badge, the rest offer to take its place. */
.admin-media-panel{display:grid;gap:12px;margin-top:14px}
.admin-media-head h3{margin:0;font-size:16px;font-weight:800}
.admin-media-head p{margin-top:2px;color:var(--hint);font-size:12px}
.admin-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-media-tile{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border-radius:14px;border:2px solid transparent;background:var(--fill);cursor:pointer;transition:transform .14s var(--ease),border-color .16s ease}
.admin-media-tile:active{transform:scale(.96)}
.admin-media-tile>img,.admin-media-tile>video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.admin-media-tile.is-cover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.admin-media-tile.is-saving{opacity:.55}
.admin-media-badge{position:absolute;inset-inline:5px;inset-block-end:5px;min-height:24px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}
.admin-media-tile.is-cover .admin-media-badge{background:var(--accent)}
.admin-media-badge .app-icon{width:12px;height:12px}
.admin-media-kind{position:absolute;inset-block-start:5px;inset-inline-start:5px;padding:2px 6px;display:flex;align-items:center;gap:3px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:9.5px;font-style:normal;font-weight:600}
.admin-media-kind .app-icon{width:9px;height:9px}
.admin-media-empty{color:var(--hint);font-size:12.5px}
/* ===== Affiliate (member page) =====
   Money first, then the three numbers that explain it, then the links that earn
   it. Links are one grouped list: name and rate on one side, copy and share on
   the other. */
.affiliate-page{gap:16px}
.affiliate-balance{display:grid;justify-items:center;gap:6px;padding:20px 18px;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.affiliate-balance>small{color:var(--sub);font-size:12.5px;font-weight:600}
.affiliate-balance>strong{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.15;color:var(--text)}
.affiliate-balance>strong .coin{width:auto;height:auto;background:transparent;color:var(--success);font-size:24px}
.affiliate-balance>.checkout-continue{margin-top:8px;min-height:48px}
.affiliate-balance>p{margin:0;color:var(--hint);font-size:11.5px}
.affiliate-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.affiliate-metrics>div{min-width:0;display:grid;justify-items:center;gap:3px;padding:12px 6px;text-align:center;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.affiliate-metrics strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text)}
.affiliate-metrics span{color:var(--hint);font-size:11px;font-weight:600}
.affiliate-section{display:grid;gap:10px}
.affiliate-section-head{display:grid;gap:2px}
.affiliate-section-head h2{margin:0;font-size:17px;font-weight:800}
.affiliate-section-head p{margin:0;color:var(--hint);font-size:12px}
.affiliate-products,.affiliate-ledger{display:grid;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.affiliate-product-row{min-height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.affiliate-product-row+.affiliate-product-row,.affiliate-ledger-row+.affiliate-ledger-row{border-top:1px solid var(--separator)}
.affiliate-product-copy{min-width:0;display:grid;gap:3px}
.affiliate-product-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}
.affiliate-product-copy small{width:max-content;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--neon);font-size:11px;font-weight:700}
.affiliate-product-actions{flex:0 0 auto;display:flex;gap:6px}
.affiliate-product-actions button{width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--glass-line);background:var(--fill);color:var(--link);cursor:pointer;transition:transform .14s var(--ease)}
.affiliate-product-actions button:active{transform:scale(.92);background:var(--accent-soft)}
.affiliate-product-actions .app-icon{width:17px;height:17px}
.affiliate-ledger-row{min-height:52px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--sub)}
.affiliate-ledger-row>span{min-width:0;display:grid;gap:2px}
.affiliate-ledger-row>span small{color:var(--hint);font-size:11px}
.affiliate-ledger-row>strong{flex:0 0 auto;font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--text)}
.affiliate-ledger-row>strong.positive{color:var(--success)}
.affiliate-status{width:max-content;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--fill);color:var(--sub)}
.affiliate-status.pending{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.affiliate-status.approved,.affiliate-status.paid{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}
.affiliate-status.rejected{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}
.affiliate-onboarding{display:grid;justify-items:center;gap:10px;padding:28px 20px;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.affiliate-onboarding-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--accent-soft);color:var(--neon)}
.affiliate-onboarding-icon .app-icon{width:28px;height:28px}
.affiliate-onboarding h1{margin:0;font-size:20px;font-weight:800}
.affiliate-onboarding p{margin:0;color:var(--sub);font-size:13px;line-height:1.8}
.affiliate-onboarding .checkout-continue{margin-top:6px}
/* ===== صناع المحتوى =====
   The creator's link leads the page: one card with the link in the display face, copy as the main action and share
   beside it. Steps in the onboarding read as a numbered list; the ready post is a quiet card he copies whole. */
.creator-steps{width:100%;max-width:320px;margin:4px 0 2px;padding:0;display:grid;gap:8px;list-style:none;counter-reset:creator-step;text-align:start}
.creator-steps li{counter-increment:creator-step;display:flex;align-items:center;gap:10px;color:var(--sub);font-size:13px;font-weight:600}
.creator-steps li::before{content:counter(creator-step);flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--neon);font-family:var(--font-display);font-size:12.5px;font-weight:800}
.creator-link-card{display:grid;gap:10px;padding:18px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.creator-link-card>small{color:var(--sub);font-size:12.5px;font-weight:600}
.creator-link{display:block;padding:12px 14px;border-radius:14px;background:var(--fill);color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:700;text-align:start;overflow-wrap:anywhere;user-select:all}
.creator-link-actions,.creator-payout,.creator-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.creator-link-actions>button,.creator-payout>button,.creator-review>button{min-height:46px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.creator-link-actions .app-icon{width:17px;height:17px}
.creator-link-card>p{margin:0;color:var(--hint);font-size:12px;line-height:1.7}
.affiliate-balance>.creator-payout{width:100%;margin-top:8px;grid-template-columns:minmax(0,1fr)}
.summary strong.positive{color:var(--success)}
.affiliate-balance>p.creator-held{color:var(--gold);font-size:12px;font-weight:600}
.creator-review>button:only-child{grid-column:1/-1}
.creator-post{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.creator-post>p{margin:0;padding:12px 14px;border-radius:14px;background:var(--fill);color:var(--text);font-size:13.5px;line-height:1.9;overflow-wrap:anywhere}
.creator-post>button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.creator-post .app-icon{width:16px;height:16px}
.affiliate-ledger-row>strong small{color:var(--hint);font-family:inherit;font-size:11px;font-weight:600}
.affiliate-ledger-row>strong.is-void{color:var(--hint);text-decoration:line-through}
.affiliate-panel-note{padding:12px 14px;border-radius:16px;background:var(--fill);color:var(--sub);font-size:12.5px;line-height:1.8}
.affiliate-product-admin-row.is-package{width:calc(100% - 22px);margin-inline-start:22px}
.creator-pending-bar{width:100%;min-height:50px;padding:0 14px;display:flex;align-items:center;gap:10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);font-size:13.5px;font-weight:700;text-align:start;cursor:pointer}
.creator-pending-bar>.creator-pending-label{flex:1}
.creator-pending-bar .app-icon{width:18px;height:18px}
.creator-admin-link{display:flex;align-items:center;gap:8px;padding-block:8px;padding-inline:14px 8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.creator-admin-link>bdi{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text);text-align:start}
.creator-admin-link>button{width:38px;height:38px;flex:0 0 38px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--glass-line);background:var(--fill);color:var(--link);cursor:pointer}
.creator-admin-link .app-icon{width:17px;height:17px}
.creator-admin-balance{margin:0;color:var(--hint);font-size:12px;text-align:center}
.payout-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.payout-choice{min-height:44px;padding:0 6px;border-radius:12px;border:1px solid var(--glass-line);background:var(--fill);color:var(--text);font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .14s var(--ease)}
.payout-choice.selected{border-color:var(--neon);background:var(--accent-soft);color:var(--neon)}
.payout-choice:active{transform:scale(.97)}
.creator-invite-bar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px}
.creator-invite-bar>button{min-height:48px;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.creator-invite-bar .app-icon{width:17px;height:17px}
.creator-invites{margin-block:10px}
.creator-invite-row{min-height:56px;padding:10px 14px;display:flex;align-items:center;gap:8px}
.creator-invite-row+.creator-invite-row{border-top:1px solid var(--separator)}
.creator-invite-row>span{flex:1;min-width:0;display:grid;gap:2px}
.creator-invite-row strong{font-size:13.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creator-invite-row small{color:var(--hint);font-size:11.5px}
.creator-invite-row>button:not(.creator-credit-cancel){width:36px;height:36px;flex:0 0 36px;padding:0;display:grid;place-items:center;border-radius:10px;border:1px solid var(--glass-line);background:var(--fill);color:var(--link);cursor:pointer}
.creator-invite-row .app-icon{width:16px;height:16px}
.creator-invite-row>.creator-credit-cancel{flex:0 0 auto;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);background:transparent;color:var(--danger);font-size:12px;font-weight:700;cursor:pointer}
.affiliate-admin-withdrawal .copyable{white-space:pre-line}
.creator-notice.is-good{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
/* «نموذج التقديم»: المنصات بأيقوناتها، وتحت كل منصة مختارة حسابها وجمهورها */
.creator-apply{display:grid;padding:22px 16px 18px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.creator-apply-head{display:grid;justify-items:center;gap:8px;margin-bottom:16px;text-align:center}
.creator-apply-head h1{margin:0;font-size:20px;font-weight:800}
.creator-apply-head p{margin:0;color:var(--sub);font-size:13px;line-height:1.8}
.creator-apply>.creator-notice{margin-bottom:14px}
.creator-apply .field label small,.sheet .field label small{color:var(--hint);font-weight:500}
.apply-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.apply-platform{min-width:0;min-height:74px;padding:10px 4px 8px;display:grid;justify-items:center;align-content:center;gap:6px;border-radius:14px;border:1px solid var(--glass-line);background:var(--fill);color:var(--sub);font-size:12px;font-weight:700;cursor:pointer;transition:transform .14s var(--ease),border-color .14s var(--ease),background .14s var(--ease)}
.apply-platform .smm-ico{width:30px;height:30px;border-radius:9px}
.apply-platform>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apply-platform.selected{border-color:var(--neon);background:var(--accent-soft);color:var(--text)}
.apply-platform:active{transform:scale(.96)}
.apply-accounts{display:grid;gap:10px;margin-bottom:14px}
.apply-account{display:grid;gap:10px;padding:12px;border-radius:16px;background:var(--fill);border:1px solid var(--glass-line)}
.apply-account-head{display:flex;align-items:center;gap:10px}
.apply-account-head .smm-ico{width:28px;height:28px}
.apply-account-head strong{flex:1;min-width:0;font-size:14px;font-weight:800;color:var(--text)}
.apply-account-head>button{width:34px;height:34px;flex:0 0 34px;padding:0;display:grid;place-items:center;border-radius:10px;border:1px solid var(--glass-line);background:transparent;color:var(--hint);cursor:pointer}
.apply-account-head>button .app-icon{width:16px;height:16px}
.apply-account-fields{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px}
.apply-account-fields label{min-width:0;display:grid;gap:6px}
.apply-account-fields label>span{color:var(--hint);font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apply-account-fields input{min-height:46px;padding:10px 12px;font-size:16px}
.creator-apply>.checkout-continue{margin-top:4px}
.creator-apply>.wide-action{margin-top:8px}
.creator-apply-note{margin:12px 0 0;color:var(--hint);font-size:12px;text-align:center}
.creator-apply-summary{width:100%;margin:6px 0 4px;text-align:start}
.creator-account-row{width:100%;justify-content:flex-start;border:0;background:transparent;font:inherit;text-align:start;color:var(--sub)}
.creator-account-row>.smm-ico{width:30px;height:30px;border-radius:9px}
.creator-account-row>span{flex:1;color:var(--text);font-weight:700}
.creator-account-row>span small bdi{color:var(--hint)}
button.creator-account-row{cursor:pointer}
button.creator-account-row:active{background:var(--fill)}
/* the owner's page: the form's link, the applications and their answer */
.creator-pending-bar>.creator-pending-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
.creator-pending-count{min-width:28px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--gold) 24%,transparent);font-family:var(--font-display);font-size:13px;font-weight:800}
.sheet[data-creator-form]>p{margin:0 0 14px}
.creator-pending-bar.is-quiet{border-color:var(--glass-line);background:var(--glass);color:var(--sub)}
.creator-form-link>span{flex:1;min-width:0;display:grid;gap:2px}
.creator-form-link>span small{color:var(--hint);font-size:11.5px;font-weight:600}
.creator-form-link>span bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text);text-align:start}
.creator-invite-bar>.wide-action{margin:0}
.creator-applications-page{display:grid;gap:14px}
.creator-application{display:grid;gap:12px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.creator-application>header{display:flex;align-items:center;gap:12px}
.creator-application>header .avatar{width:44px;height:44px;flex:0 0 44px}
.creator-application>header>div{flex:1;min-width:0;display:grid;gap:2px}
.creator-application>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;color:var(--text)}
.creator-application>header small{color:var(--hint);font-size:11.5px}
.creator-application-about{margin:0;padding:10px 12px;border-radius:12px;background:var(--fill);color:var(--sub);font-size:13px;line-height:1.8;white-space:pre-line}
.creator-application>.creator-review{margin:0}
.creator-notice{width:100%;margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:12.5px;font-weight:600;line-height:1.7}
.affiliate-ledger-row>.creator-credit-cancel{flex:0 0 auto;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);background:transparent;color:var(--danger);font-size:12px;font-weight:700;cursor:pointer}
.affiliate-section>.wide-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px}
.affiliate-section>.wide-action .app-icon{width:17px;height:17px}
/* ===== Featured banner: Gemini Pro =====
   Gemini's own blue → violet → rose, as a slow glow drifting behind the copy.
   The ground follows the theme (ink by night, ivory by day); only the glow,
   the spark and the badge carry the Gemini colours. */
.gemini-banner{
  --gem-ground:#0A0714;--gem-text:#F6F2FF;--gem-sub:#B9AED0;--gem-line:rgba(155,114,242,.35);
  position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:176px;padding:18px 18px 16px;
  display:grid;align-content:space-between;gap:14px;text-align:start;cursor:pointer;
  border-radius:24px;border:1px solid var(--gem-line);background:var(--gem-ground);color:var(--gem-text);
  box-shadow:0 18px 40px -22px rgba(79,140,255,.55),0 1px 0 rgba(255,255,255,.06) inset;
  transition:transform .16s var(--ease)
}
:root[data-brand-theme='day'] .gemini-banner{--gem-ground:#F2EBDF;--gem-text:#1A1428;--gem-sub:#5A4E6E;--gem-line:rgba(109,40,217,.22);box-shadow:0 16px 34px -22px rgba(79,70,229,.45)}
.gemini-banner:active{transform:scale(.985)}
.gemini-glow{position:absolute;z-index:-1;inset:-40%;pointer-events:none;
  background:
    radial-gradient(38% 42% at 18% 30%,rgba(79,140,255,.55),transparent 70%),
    radial-gradient(34% 40% at 52% 70%,rgba(155,114,242,.5),transparent 70%),
    radial-gradient(30% 36% at 86% 36%,rgba(240,107,168,.42),transparent 70%);
  filter:blur(18px);animation:gemini-drift 14s ease-in-out infinite alternate}
:root[data-brand-theme='day'] .gemini-glow{opacity:.55}
@keyframes gemini-drift{from{transform:translate3d(-6%,-4%,0) rotate(0deg)}to{transform:translate3d(6%,4%,0) rotate(8deg)}}
.gemini-spark{position:absolute;z-index:-1;inset-block-start:-18px;inset-inline-end:-14px;width:132px;height:132px;opacity:.9;filter:drop-shadow(0 0 22px rgba(155,114,242,.55));animation:gemini-spark 6s ease-in-out infinite}
@keyframes gemini-spark{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(12deg)}}
.gemini-badge{position:absolute;inset-block-start:14px;inset-inline-start:14px;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,#4F8CFF,#9B72F2,#F06BA8);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:800;box-shadow:0 6px 16px -6px rgba(240,107,168,.7)}
.gemini-badge bdi{direction:ltr}
.gemini-copy{display:grid;gap:2px;padding-inline-end:96px}
.gemini-copy small{color:var(--gem-sub);font-size:11.5px;font-weight:600}
.gemini-copy strong{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.01em;
  background:linear-gradient(90deg,var(--gem-text) 0%,var(--gem-text) 45%,#9B72F2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gemini-copy em{color:var(--gem-sub);font-size:12.5px;font-style:normal;font-weight:500}
.gemini-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gemini-prices{display:grid;gap:3px}
.gemini-price{display:flex;align-items:center;gap:8px}
.gemini-price b{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--gem-text)}
.gemini-price b .coin{width:auto;height:auto;background:transparent;color:var(--success);font-size:16px}
.gemini-price b .telegram-stars-mark{order:-1;width:18px;height:18px;flex:0 0 18px}
.gemini-price.stars b{color:var(--gold)}
.gemini-price s{display:inline-flex;align-items:center;color:var(--gem-sub);font-size:12px;font-weight:600;text-decoration:line-through;text-decoration-color:rgba(240,107,168,.8);text-decoration-thickness:1.5px}
.gemini-price s .coin{width:auto;height:auto;background:transparent;color:inherit;font-size:11px}
.gemini-price s .telegram-stars-mark{order:-1;width:11px;height:11px;flex:0 0 11px;opacity:.7}
.gemini-price s .balance-value,.gemini-price s .stars-value{gap:2px}
.gemini-cta{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--gem-text);color:var(--gem-ground);font-family:var(--font-display);font-size:13.5px;font-weight:800;white-space:nowrap}
.gemini-cta .app-icon{width:14px;height:14px}
@media (prefers-reduced-motion:reduce){.gemini-glow,.gemini-spark{animation:none}}
/* Card media always fills its square. A percentage height can't resolve inside
   an aspect-ratio box, so a portrait photo kept its natural height and slid
   out of the frame, leaving an empty band. Pinning the media to the box fixes
   every orientation; object-fit crops it evenly. */
.product-media>img,.product-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* ===== Coupon creation and export =====
   The create action is a compact pill with a plus. After creation the codes sit
   in one ruled list with a quiet copy key per row; the batch file goes to the
   admin's chat with the bot, so the page offers «إرسال للبوت», not a download. */
.coupon-admin-head .coupon-create-button{width:auto;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 20px -10px var(--accent)}
.coupon-admin-head .coupon-create-button .app-icon{width:16px;height:16px}
.coupon-admin-head .coupon-create-button:active{background:var(--accent);transform:scale(.97)}
.coupon-export-page{gap:14px}
.coupon-export-summary{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.coupon-export-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}
.coupon-export-icon .app-icon{width:22px;height:22px}
.coupon-export-summary>div{min-width:0;display:grid;gap:2px}
.coupon-export-summary strong{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text)}
.coupon-export-summary small{color:var(--hint);font-size:12px}
.coupon-export-note{margin:0;padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:14px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.coupon-export-note.warn{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.coupon-export-note .app-icon{width:16px;height:16px;flex:0 0 16px}
.coupon-export-list{display:grid;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.coupon-export-row{min-height:52px;padding:6px 8px 6px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.coupon-export-row+.coupon-export-row{border-top:1px solid var(--separator)}
.coupon-export-row code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--text);background:transparent;padding:0}
.coupon-export-copy{width:38px;height:38px;flex:0 0 38px;padding:0;display:grid;place-items:center;border-radius:12px;border:1px solid var(--glass-line);background:var(--fill);color:var(--link);cursor:pointer;transition:transform .14s var(--ease)}
.coupon-export-copy:active{transform:scale(.92);background:var(--accent-soft)}
.coupon-export-copy .app-icon{width:17px;height:17px}
.coupon-export-actions{display:grid;gap:8px}
.coupon-export-actions .checkout-continue .app-icon,.coupon-export-actions .checkout-secondary .app-icon{width:17px;height:17px}
/* Per-code copy is a labelled button, and it stays marked once used. */
.coupon-export-page .coupon-export-copy{width:auto;height:36px;flex:0 0 auto;padding:0 12px;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700}
.coupon-export-page .coupon-export-copy.is-copied{border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
/* Coupon bulk bar: it used to be a single scrolling row, but as a flex child with
   an automatic minimum width it grew to fit all six actions and pushed the whole
   page past the screen edge. It now stays inside the gutter and wraps: the count
   on its own line, then the actions in an even three-column grid. */
.wallet-admin>*,.coupon-bulk-panel,.coupon-bulk-picker,.coupon-bulk-actions{min-width:0;max-width:100%}
.coupon-bulk-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;overflow:visible}
.coupon-bulk-actions[hidden]{display:none}
.coupon-bulk-actions strong{grid-column:1/-1;padding:0 4px 2px;font-size:13px}
.coupon-bulk-actions button{min-width:0;min-height:40px;padding:0 8px;justify-content:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Coupon boxes: one full-width row each instead of a cramped two-column grid,
   so the batch name reads in full. Name and meta on the start side, the total
   on the end side, slightly smaller type throughout. */
.coupon-batch-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.coupon-batch-card{width:100%;min-height:64px;padding:11px 14px;grid-template-columns:38px minmax(0,1fr) auto 14px;grid-template-rows:auto;gap:12px}
.coupon-batch-icon{width:38px;height:38px}
.coupon-batch-icon .app-icon{width:19px;height:19px}
.coupon-batch-copy{gap:2px}
.coupon-batch-copy strong{font-size:12.5px;font-weight:700}
.coupon-batch-copy small{font-size:11px}
.coupon-batch-total{grid-column:auto;align-self:center;padding:0;border:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;white-space:nowrap}
.coupon-batch-total small{color:var(--hint);font-size:10px}
.coupon-batch-total strong{font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--text)}
.coupon-batch-card>.app-icon:last-child{width:14px;height:14px;color:var(--hint)}
/* Coupon rows inside a box: the gift tile repeated on every row and squeezed
   the code; without it the code and its meta get the width and stay on one line. */
.coupon-admin-open{padding:10px 12px;grid-template-columns:minmax(0,1fr) auto 14px;gap:8px}
.coupon-admin-icon{display:none}
.coupon-admin-copy{gap:2px}
.coupon-admin-copy strong{font-size:12.5px}
.coupon-admin-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
.coupon-admin-row .coupon-state{font-size:10px;padding:2px 8px;white-space:nowrap}
.coupon-admin-row .coupon-copy-button{min-width:54px;font-size:10.5px}
/* Card prices on one line: stars, a hairline divider, dollars. Wraps only if a
   long pair cannot fit a narrow card. */
.product-card .card-prices{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
.product-card .card-price{gap:0}
.product-card .card-price b{font-size:15px}
.card-price-divider{width:1px;height:16px;background:var(--separator)}
/* ===== My orders =====
   A title with the count, three numbers that summarise the history, filter chips
   with their counts, then orders grouped by month. Each order is one row: the
   product's photo, its name, number and date, the status, and what was paid. */
.orders-page{gap:14px}
.orders-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.orders-head h1{margin:0;font-size:22px;font-weight:800}
.orders-head span{color:var(--hint);font-size:12.5px;font-weight:600}
.orders-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.orders-filters::-webkit-scrollbar{display:none}
.orders-filter{flex:0 0 auto;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);color:var(--sub);font-size:12.5px;font-weight:600;cursor:pointer}
.orders-filter b{min-width:20px;padding:0 6px;border-radius:999px;background:var(--fill);color:var(--hint);font-size:11px;font-weight:700;line-height:18px}
.orders-filter.active{border-color:transparent;background:var(--accent);color:#fff}
.orders-filter.active b{background:rgba(255,255,255,.22);color:#fff}
.orders-list{display:grid;gap:8px}
.orders-month{margin:8px 2px 0;color:var(--hint);font-size:12.5px;font-weight:700}
.orders-month:first-child{margin-top:0}
.orders-page .order-card{min-height:84px;padding:10px 12px;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:18px;text-align:start;cursor:pointer}
.orders-page .order-card:active{transform:scale(.99)}
.order-thumb{position:relative;width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:var(--fill);color:var(--hint)}
.order-thumb.large{width:76px;height:76px;border-radius:18px}
.order-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.order-thumb-fallback .app-icon{width:24px;height:24px}
.order-card-main{min-width:0;display:grid;gap:4px;justify-items:start}
.order-card-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}
.order-card-main small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hint);font-size:11.5px}
.order-card-side{display:flex;align-items:center;gap:6px;white-space:nowrap}
.order-card-side>.app-icon{width:14px;height:14px;color:var(--hint)}
.order-card-total{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:14.5px;font-weight:800;color:var(--text)}
.order-card-total .coin{width:auto;height:auto;background:transparent;color:var(--success);font-size:12px}
.order-card-total .telegram-stars-mark{order:-1;width:14px;height:14px;flex:0 0 14px}
.order-card-total.stars{color:var(--gold)}
.orders-more{margin-top:4px}
.orders-empty{display:grid;justify-items:center;gap:8px;padding:32px 16px;text-align:center}
.orders-empty span{color:var(--hint);font-size:13px}
.orders-empty .checkout-continue{width:auto;margin-top:6px;padding:0 24px}
/* ===== Order detail ===== */
.order-detail-page{gap:14px}
.order-detail-page .order-detail-hero{padding:14px;align-items:center;gap:14px}
.order-detail-copy{min-width:0;display:grid;gap:6px;justify-items:start}
.order-detail-copy h1{margin:0;font-size:17px;font-weight:800;line-height:1.35}
.order-number-copy{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--glass-line);background:var(--fill);color:var(--sub);font-size:12px;font-weight:700;cursor:pointer}
.order-number-copy .app-icon{width:13px;height:13px}
.order-note{margin:0;padding:12px 14px;display:flex;align-items:center;gap:10px;border-radius:16px;font-size:13px;font-weight:600;line-height:1.6}
.order-note .app-icon{width:18px;height:18px;flex:0 0 18px}
.order-note.waiting{background:color-mix(in srgb,var(--gold) 13%,transparent);color:var(--gold)}
.order-note.refunded{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.order-section{display:grid;gap:10px}
.order-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:2px}
.order-section-head h2{margin:0;font-size:15px;font-weight:800}
.order-section-head span{color:var(--hint);font-size:12px;font-weight:600}
.order-codes{display:grid;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid color-mix(in srgb,var(--success) 30%,var(--glass-line))}
.order-code-row{padding:10px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.order-code-row+.order-code-row{border-top:1px solid var(--separator)}
.order-code-row pre{min-width:0;margin:0;flex:1;white-space:pre-wrap;word-break:break-all;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--text);background:transparent;border:0;padding:4px 0}
.order-code-copy{flex:0 0 auto;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--glass-line);background:var(--fill);color:var(--link);font-size:12px;font-weight:700;cursor:pointer}
.order-code-copy .app-icon{width:15px;height:15px}
.order-code-copy.is-copied{border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.order-delivery .checkout-secondary .app-icon{width:16px;height:16px}
.order-timeline{margin:0;padding:14px 16px;list-style:none;display:grid;gap:0;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.order-timeline li{position:relative;display:flex;gap:12px;padding-bottom:14px}
.order-timeline li:last-child{padding-bottom:0}
.order-timeline li::before{content:'';position:absolute;top:26px;bottom:2px;inset-inline-start:12px;width:2px;border-radius:2px;background:var(--separator)}
.order-timeline li:last-child::before{display:none}
.order-timeline li.done::before{background:color-mix(in srgb,var(--success) 45%,transparent)}
.order-timeline i{position:relative;z-index:1;width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:var(--fill);color:var(--hint);font-style:normal}
.order-timeline i .app-icon{width:15px;height:15px}
.order-timeline li.done i{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}
.order-timeline li.current i{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold)}
.order-timeline li.refunded i{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}
.order-timeline span{display:grid;gap:1px;padding-top:3px}
.order-timeline strong{font-size:13px;font-weight:700;color:var(--text)}
.order-timeline small{color:var(--hint);font-size:11.5px}
.order-facts{display:grid;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.order-facts>div{min-height:46px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--sub)}
.order-facts>div+div{border-top:1px solid var(--separator)}
.order-facts strong{min-width:0;text-align:end;font-weight:700;color:var(--text);overflow-wrap:anywhere}
.order-facts .telegram-stars-mark{order:-1}
.order-facts>div.total{background:var(--accent-soft)}
.order-facts>div.total strong{font-family:var(--font-display);font-size:17px;font-weight:800}
.order-instructions{padding:14px 16px}
.order-actions{display:grid;gap:8px}
.order-actions .app-icon{width:17px;height:17px}
/* ===== Theme switch =====
   A round key in the header, mirroring the admin key, that shows the current
   mode. It opens a small glass menu with the three modes spelled out, so the
   choice is never a guess. Switching fades colours instead of snapping. */
.theme-switch{position:relative;width:40px;height:40px;justify-self:start}
/* the theme button and the language flag side by side; the capsule takes the rest of the row */
.topbar.topbar-island{grid-template-columns:auto minmax(0,1fr)}
.topbar-tools{display:flex;align-items:center;gap:6px;justify-self:start}
.lang-flag{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--glass-line)}
.lang-switch-button .lang-flag{width:24px;height:24px}
.lang-menu{min-width:168px}
.lang-menu button span{font-size:14px;font-weight:700}
.island .island-admin{width:36px;height:36px;flex:0 0 36px;box-shadow:none}
.theme-switch-button{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass-strong);color:var(--text);box-shadow:0 10px 24px -12px rgba(0,0,0,.85);cursor:pointer;transition:transform .14s ease}
.theme-switch-button:active{transform:scale(.92)}
.theme-switch-button .app-icon{width:19px;height:19px}
:root[data-brand-theme='day'] .theme-switch-button{box-shadow:0 10px 26px -12px rgba(74,52,28,.28),0 1px 0 rgba(255,250,240,.45) inset}
.theme-menu{position:absolute;z-index:30;inset-block-start:calc(100% + 8px);inset-inline-start:0;width:max-content;min-width:196px;padding:6px;display:grid;gap:2px;border-radius:18px;background:color-mix(in srgb,var(--ground-2) 92%,transparent);border:1px solid var(--glass-line);box-shadow:0 24px 50px -20px rgba(0,0,0,.7);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);transform-origin:top right;animation:theme-menu-in .18s var(--ease) both}
.theme-menu[hidden]{display:none}
@keyframes theme-menu-in{from{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}
.theme-menu button{min-height:44px;padding:0 12px;display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:start;font-size:13.5px;font-weight:600;cursor:pointer}
.theme-menu button .app-icon{width:19px;height:19px}
.theme-menu button small{display:block;color:var(--hint);font-size:11px;font-weight:500}
.theme-menu button .theme-check{opacity:0;color:var(--neon)}
.theme-menu button[aria-checked='true']{background:var(--accent-soft)}
.theme-menu button[aria-checked='true'] .theme-check{opacity:1}
:root[data-brand-theme='day'] .theme-menu button[aria-checked='true'] .theme-check{color:var(--accent)}
.theme-menu button:active{background:var(--fill)}
html.theme-switching,html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}
/* ===== Apple Pay store packages =====
   The most requested package leads at full width with an accent ring and a
   badge; the others sit in a two-column grid. Each card is amount first, then
   the payment marks, then a quiet «شراء» cue. Three numbered steps explain the
   coupon round trip in place of a paragraph. */
.wallet-external-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wallet-external-packages .wallet-external-package{position:relative;min-height:112px;padding:14px 12px 12px;display:grid;justify-items:center;align-content:center;gap:6px;border-radius:20px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text);text-align:center;cursor:pointer;transition:transform .14s var(--ease),border-color .16s ease}
.wallet-external-packages .wallet-external-package:active{transform:scale(.97)}
.wallet-external-package.is-popular{grid-column:1/-1;min-height:124px;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),var(--glass);box-shadow:0 0 0 3px var(--accent-soft),var(--card-shadow)}
.wep-badge{position:absolute;inset-block-start:-10px;inset-inline-start:50%;transform:translateX(50%);padding:3px 12px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:11.5px;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px -6px var(--accent)}
.wep-amount{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.1}
.is-popular .wep-amount{font-size:30px}
.wep-amount .wallet-preset-value{gap:4px}
.wep-amount .coin{width:auto;height:auto;background:transparent;color:var(--success);font-size:.7em}
.wep-methods{display:flex;align-items:center;gap:6px;color:var(--hint)}
.wep-methods .apple-pay-mark{width:34px;height:20px;flex:0 0 34px;object-fit:contain}
.wep-methods small{font-size:10.5px;font-weight:600}
.wep-cta{display:inline-flex;align-items:center;gap:3px;color:var(--link);font-size:12px;font-weight:700}
.wep-cta .app-icon{width:13px;height:13px}
.is-popular .wep-cta{min-height:32px;padding:0 16px;border-radius:999px;background:var(--accent);color:#fff}
.wallet-external-steps{margin:4px 0 0;padding:12px 14px;list-style:none;display:grid;gap:8px;border-radius:16px;background:var(--fill)}
.wallet-external-steps li{display:flex;align-items:center;gap:10px;color:var(--sub);font-size:12.5px}
.wallet-external-steps b{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--neon);font-size:11.5px;font-weight:800}
.wallet-external-redeem{width:100%;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.wallet-external-redeem .app-icon{width:18px;height:18px}
.wep-sar{margin-top:-2px;padding:1px 10px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:12px;font-weight:700}
.is-popular .wep-sar{background:var(--accent-soft);color:var(--neon)}
/* ============================================================================
   Competitions — ported into the brand skin (these classes only existed in the
   retired telegram.css, so the pages rendered unstyled). Structure is kept;
   surfaces, radii, type and colour now follow the brand system.
   ============================================================================ */

/* --- list page --- */
.competitions-page,.competitions-grid{display:grid;gap:12px}
.competitions-page{padding-bottom:24px}
.competitions-intro{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(120deg,var(--accent-soft),transparent 72%),var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.competitions-intro-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--accent-soft);border:1px solid var(--glass-line);color:var(--neon)}
.competitions-intro-icon .app-icon{width:23px;height:23px}
.competitions-intro h1,.competitions-intro p{margin:0}
.competitions-intro h1{font-family:var(--font-display);font-size:19px;font-weight:700}
.competitions-intro p{margin-top:2px;color:var(--hint);font-size:12px;line-height:1.45}
.competitions-active-count{padding:5px 12px;border-radius:999px;border:1px solid var(--glass-line);background:var(--accent-soft);color:var(--neon);font-size:11px;font-weight:700;white-space:nowrap}
/* --- competition card --- */
.competition-card{width:100%;display:grid;gap:12px;padding:16px;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);color:var(--text);text-align:start;box-shadow:var(--card-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:transform .14s var(--ease),border-color .18s ease,background .18s ease}
.competition-card:active{transform:scale(.993);border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:var(--glass-strong)}
.competition-card-head,.competition-card-foot,.competition-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.competition-card-head{min-height:24px}
.competition-state{padding:4px 10px;border-radius:999px;border:1px solid var(--glass-line);background:var(--fill);color:var(--hint);font-size:11px;font-weight:700}
.competition-state.open{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--neon)}
.competition-state.drawn{background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 30%,transparent);color:var(--success)}
.competition-entered{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:11px;font-weight:650}
.competition-entered .app-icon{width:15px;height:15px}
.competition-card-title{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px}
.competition-card-title h2{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.35}
.competition-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);border:1px solid var(--glass-line);color:var(--neon)}
.competition-symbol .app-icon{width:21px;height:21px}
.competition-prize{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--fill);border:1px solid var(--glass-line);color:var(--sub)}
.competition-prize small{color:var(--hint);font-size:11px;font-weight:700}
.competition-prize .rich-copy{min-width:0;font-size:12.5px;line-height:1.5;padding:0;border:0;background:transparent;box-shadow:none}
.competition-prize .rich-copy>*{margin:0}
.competition-progress{display:grid;gap:7px}
.competition-progress>div{color:var(--hint);font-size:12px}
.competition-progress strong{color:var(--text);font-variant-numeric:tabular-nums}
.competition-card-foot{padding-top:11px;border-top:1px solid var(--separator);color:var(--hint);font-size:12px}
.competition-card-foot strong{display:inline-flex;align-items:center;gap:5px;color:var(--neon);font-size:13px;font-weight:650}
.competition-card-foot .app-icon{width:15px;height:15px}
.competition-promo-action{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-family:var(--font-display);font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent)}
.competition-promo-action .app-icon{width:15px;height:15px}
/* --- detail page --- */
.competition-detail-page{display:grid;gap:12px}
.competition-detail-page:not(:has(+.competition-sticky-action)){padding-bottom:28px}
.competition-detail-hero{display:grid;gap:12px;padding:18px;border-radius:var(--radius);background:linear-gradient(140deg,var(--accent-soft),transparent 70%),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.competition-detail-badge{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--neon)}
.competition-detail-badge>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);border:1px solid var(--glass-line)}
.competition-detail-badge small{padding:4px 11px;border-radius:999px;border:1px solid var(--glass-line);background:var(--fill);color:var(--hint);font-size:11px;font-weight:700}
.competition-detail-badge small.open{color:var(--neon);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.competition-detail-hero h1{margin:0;font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.3}
.competition-hero-prize{padding:12px 14px;border-radius:var(--radius-sm);background:var(--fill);border:1px solid var(--glass-line)}
.competition-hero-prize>small{display:block;margin-bottom:4px;color:var(--hint);font-size:11px;font-weight:700}
.competition-hero-prize .rich-copy{font-size:13.5px;color:var(--text);padding:0;border:0;background:transparent;box-shadow:none}
.competition-hero-prize .rich-copy>*{margin:0}
.competition-progress.detail{display:grid;gap:8px}
.progress-track{height:6px;display:block;overflow:hidden;border-radius:99px;background:var(--separator)}
.progress-track progress{width:100%;height:100%;display:block;border:0;appearance:none}
.progress-track progress::-webkit-progress-bar{background:transparent}
.progress-track progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--neon));border-radius:99px}
/* --- phases + next step --- */
.competition-phases{position:relative;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);list-style:none}
.competition-phases:before{content:"";position:absolute;z-index:0;inset-block-start:15px;inset-inline:16%;height:2px;background:var(--separator)}
.competition-phases li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:var(--hint)}
.competition-phases li>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--fill);border:1px solid var(--glass-line);color:var(--hint);font-size:12px;font-weight:800}
.competition-phases li.active>span{background:var(--accent);border-color:transparent;color:var(--accent-text);box-shadow:0 0 0 5px var(--accent-soft)}
.competition-phases li.done>span{background:color-mix(in srgb,var(--success) 14%,var(--glass));border-color:color-mix(in srgb,var(--success) 32%,transparent);color:var(--success)}
.competition-phases li>span .app-icon{width:15px;height:15px}
.competition-phases small{font-size:11px;font-weight:650}
.competition-phases li.active small{color:var(--text)}
.competition-next-step{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);background:linear-gradient(120deg,var(--accent-soft),transparent 75%),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.competition-next-step>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--neon)}
.competition-next-step>span .app-icon{width:20px;height:20px}
.competition-next-step strong,.competition-next-step p{margin:0}
.competition-next-step strong{display:block;font-family:var(--font-display);font-size:15px;font-weight:700}
.competition-next-step p{margin-top:3px;color:var(--hint);font-size:12px;line-height:1.5}
.competition-next-step.success{background:linear-gradient(120deg,color-mix(in srgb,var(--success) 12%,transparent),transparent 75%),var(--glass)}
.competition-next-step.success>span{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}
/* --- sections, conditions, prizes, winners --- */
.competition-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;border-bottom:1px solid var(--separator)}
.competition-section-title>span{display:grid;place-items:center;color:var(--neon)}
.competition-section-title .app-icon{width:20px;height:20px}
.competition-section-title h2{flex:1;margin:0;font-family:var(--font-display);font-size:15px;font-weight:700}
.competition-section-title small{color:var(--hint);font-size:12px}
.competition-conditions,.winner-list,.competition-prize-list{display:grid}
.competition-condition,.winner-row,.competition-prize-list>div{min-height:62px;padding:11px 0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;border-bottom:1px solid var(--separator)}
.competition-condition:last-child,.winner-row:last-child,.competition-prize-list>div:last-child{border-bottom:0}
.condition-status{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--fill);border:1px solid var(--glass-line);color:var(--hint)}
.competition-condition.done .condition-status{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent);border-color:color-mix(in srgb,var(--success) 28%,transparent)}
.condition-status .app-icon{width:18px;height:18px}
.competition-condition h3,.competition-condition p{margin:0}
.competition-condition h3{font-family:var(--font-display);font-size:14px;font-weight:700}
.competition-condition p{margin-top:3px;color:var(--hint);font-size:11.5px}
.competition-refresh{width:100%;margin:10px 0 14px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-soft)}
.competition-refresh .app-icon{width:18px;height:18px}
.competition-prizes{padding:16px}
.competition-prizes summary{min-height:52px;margin:-16px;padding:0 16px;display:grid;grid-template-columns:24px minmax(0,1fr) auto 18px;align-items:center;gap:10px;cursor:pointer;list-style:none}
.competition-prizes summary::-webkit-details-marker{display:none}
.competition-prizes summary>span{color:var(--neon)}
.competition-prizes summary strong{font-family:var(--font-display);font-size:15px}
.competition-prizes summary small{color:var(--hint);font-size:12px}
.competition-prizes summary>.app-icon:last-child{width:16px;color:var(--hint);transition:transform .18s var(--ease)}
.competition-prizes[open] summary>.app-icon:last-child{transform:rotate(-90deg)}
.competition-prizes[open] summary{margin-bottom:0;border-bottom:1px solid var(--separator)}
.competition-prize-list>div{grid-template-columns:minmax(92px,auto) minmax(0,1fr);min-height:54px}
.competition-prize-list span{color:var(--hint);font-size:12px}
.competition-prize-list strong{text-align:end;font-size:13px}
.winner-row{grid-template-columns:34px minmax(0,1fr) auto}
.winner-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);border:1px solid var(--glass-line);color:var(--neon);font-size:13px;font-weight:800}
.winner-row>div{min-width:0;display:grid;gap:3px}
.winner-row>div strong{font-family:var(--font-display);font-size:14px}
.winner-row>div small{color:var(--hint);font-size:11px}
.winner-row em{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:11px;font-style:normal;font-weight:700}
.competition-results{padding:16px}
.competition-own-reward{display:grid;gap:10px;padding:16px;border-radius:var(--radius);background:linear-gradient(130deg,var(--accent-soft),transparent 72%),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.competition-own-reward>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--neon)}
.competition-own-reward small{color:var(--hint);font-size:11px;font-weight:700}
.competition-own-reward h2{margin:4px 0 0;font-family:var(--font-display);font-size:18px}
.competition-reward-payload{margin-top:8px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--fill);border:1px solid var(--glass-line);font-size:13px;overflow-wrap:anywhere}
.competition-reward-payload.code{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);direction:ltr;text-align:start;letter-spacing:.04em;word-break:break-all}
.competition-reward-pending{margin:8px 0 0;color:var(--sub);font-size:13px;line-height:1.7}
.orders-complete-note{margin-block-start:14px}
/* --- voting block --- */
.vote-section{padding:16px}
.vote-help{margin:0;color:var(--hint);font-size:12px;line-height:1.6}
.competition-success-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--success) 10%,transparent);border:1px solid color-mix(in srgb,var(--success) 26%,transparent);color:var(--success);font-size:12.5px}
/* --- registration --- */
.competition-registration-page{display:grid;gap:12px;max-width:560px;margin-inline:auto}
.registration-competition{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px 15px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.registration-competition>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--neon)}
.registration-competition small,.registration-competition strong{display:block}
.registration-competition small{color:var(--hint);font-size:11px}
.registration-competition strong{font-family:var(--font-display);font-size:14px}
.registration-form{display:grid;gap:12px;padding:20px 17px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.registration-step{justify-self:start;padding:5px 11px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--neon);font-size:11px;font-weight:700}
.registration-form h1{margin:0;font-family:var(--font-display);font-size:22px;line-height:1.35}
.registration-form>p{margin:0;color:var(--hint);font-size:12.5px;line-height:1.6}
.registration-form .field{margin:0}
.registration-form .field small{display:block;margin-top:7px;color:var(--hint);font-size:11px}
.registration-form input{font-size:17px}
.competition-registration-submit{width:100%;min-height:52px;margin-top:4px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-family:var(--font-display);font-size:15px;font-weight:700}
.official-registration h1{font-size:21px}
.competition-official-identity{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);background:var(--fill);border:1px solid var(--glass-line)}
.competition-official-identity .avatar.large{width:52px;height:52px}
.competition-official-identity>div:nth-child(2){min-width:0;display:grid;gap:3px}
.competition-official-identity strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.competition-official-identity small{overflow:hidden;color:var(--hint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.competition-official-identity .identity-check{display:grid;place-items:center;color:var(--success)}
.competition-official-identity .identity-check .app-icon{width:22px;height:22px}
/* --- verification --- */
.competition-verification-page{display:grid;align-content:start}
.verification-card{max-width:520px;margin:auto;padding:24px 18px;display:grid;gap:12px;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.verification-card p{margin:0 auto;max-width:300px;color:var(--sub);font-size:13px;line-height:1.6}
.verification-icon{width:50px;height:50px;margin:auto;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--neon)}
.verification-number{margin:4px auto;display:block;font-family:var(--font-display);font-size:50px;line-height:1;letter-spacing:.03em;direction:ltr;font-weight:800;color:var(--text)}
.verification-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.verification-options button{min-height:54px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--fill);color:var(--link);font-family:var(--font-display);font-size:20px;font-weight:700}
.verification-options button:active{background:var(--accent-soft)}
.verification-card>small{color:var(--hint);font-size:11px}
/* --- candidate / public vote page --- */
.candidate-vote-page{min-height:calc(100dvh - 82px - var(--safe-bottom));padding-top:16px;display:grid;align-content:start;gap:12px;max-width:560px;margin-inline:auto}
.candidate-contest-label{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;padding:9px 12px;border-bottom:1px solid var(--separator)}
.candidate-contest-label>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.candidate-contest-label>span .app-icon{width:18px;height:18px}
.candidate-contest-label small,.candidate-contest-label strong{display:block}
.candidate-contest-label small{color:var(--hint);font-size:10px}
.candidate-contest-label strong{overflow:hidden;font-family:var(--font-display);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.candidate-profile-card{padding:22px 16px 16px;text-align:center;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--card-shadow)}
.candidate-profile-card.selected{border-color:color-mix(in srgb,var(--success) 40%,transparent)}
.candidate-avatar{position:relative;width:92px;height:92px;margin:0 auto 10px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--accent-soft);color:var(--neon);font-size:32px;font-weight:800;box-shadow:0 0 0 4px var(--glass),0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}
.candidate-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.verified-identity{width:max-content;margin:0 auto 6px;display:flex;align-items:center;gap:5px;color:var(--success);font-size:10px;font-weight:700}
.verified-identity .app-icon{width:14px;height:14px}
.candidate-profile-card h1{margin:0;font-family:var(--font-display);font-size:23px;line-height:1.35}
.candidate-profile-card>p{margin:3px 0 0;color:var(--hint);font-size:12px}
.candidate-live-stats{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:var(--radius-sm);background:var(--fill);border:1px solid var(--glass-line)}
.candidate-live-stats>div{min-width:0;padding:11px 4px;display:grid;gap:3px;border-inline-start:1px solid var(--separator)}
.candidate-live-stats>div:first-child{border-inline-start:0}
.candidate-live-stats strong{overflow:hidden;font-family:var(--font-display);font-size:16px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}
.candidate-live-stats small{color:var(--hint);font-size:10px;white-space:nowrap}
.candidate-vote-success{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--success) 11%,transparent);border:1px solid color-mix(in srgb,var(--success) 28%,transparent);color:var(--success)}
.candidate-vote-success>.app-icon{width:24px;height:24px}
.candidate-vote-success div{display:grid;gap:2px}
.candidate-vote-success strong{font-size:13px}
.candidate-vote-success small{font-size:11px}
.candidate-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.candidate-share-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--glass);color:var(--link);font-size:13px;font-weight:600;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.candidate-share-actions .app-icon{width:18px;height:18px}
.candidate-vote-note{margin:0;padding:0 12px;text-align:center;color:var(--hint);font-size:11px;line-height:1.55}
/* --- sticky action (page footer) --- */
.competition-sticky-action{position:fixed;z-index:40;inset:auto 0 0;padding:12px max(var(--gutter,16px),var(--safe-right)) calc(12px + var(--safe-bottom)) max(var(--gutter,16px),var(--safe-left));background:color-mix(in srgb,var(--ground) 88%,transparent);border-top:1px solid var(--glass-line);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.competition-join-button{width:min(100%,728px);min-height:52px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-family:var(--font-display);font-size:15px;font-weight:700}
.competition-join-button .app-icon{width:19px;height:19px}
.competition-sticky-action .competition-join-button:disabled{background:var(--fill);border:1px solid var(--glass-line);color:var(--hint)}
/* ===== لوحة الصفحة الشخصية (إدارة موقع ma9za.com) ===== */
.admin-personal-page{gap:12px}
.personal-open{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;
  background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--neon);
  font-size:13.5px;font-weight:700}
.personal-open .app-icon{width:16px;height:16px}
.personal-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.personal-tabs::-webkit-scrollbar{display:none}
.personal-tabs button{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:12px;background:var(--fill);
  border:1px solid var(--glass-line);color:var(--hint);font-size:13px;font-weight:700}
.personal-tabs button.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text)}
.personal-form{padding:14px;display:grid;gap:9px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.personal-form label{font-size:13px;font-weight:700}
.personal-form input,.personal-form textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;
  border:1px solid var(--glass-line);background:var(--fill);color:var(--text);font-size:14px;outline:none}
.personal-form textarea{min-height:76px;line-height:1.7;resize:vertical}
.personal-form input:focus,.personal-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.personal-hint{color:var(--hint);font-size:11.5px;line-height:1.7}
.personal-list{display:grid;gap:8px}
.personal-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;
  border-radius:16px;background:var(--glass);border:1px solid var(--glass-line)}
.personal-row.muted{opacity:.55}
.personal-thumb{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:13px;overflow:hidden;
  background:linear-gradient(150deg,var(--accent-soft),transparent),var(--surface-2);border:1px solid var(--glass-line);
  font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--neon)}
.personal-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.personal-copy{min-width:0;display:grid;gap:2px}
.personal-copy strong{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.personal-copy small{color:var(--hint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:start}
.personal-copy em{color:var(--neon);font-size:10.5px;font-style:normal;font-weight:700}
.personal-actions{display:flex;gap:5px}
.personal-actions button{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--fill);
  border:1px solid var(--glass-line);color:var(--text)}
.personal-actions button.danger{color:var(--danger,#FF4D6D)}
.personal-actions .app-icon{width:15px;height:15px}
.personal-drop{min-height:104px;display:grid;place-items:center;gap:4px;padding:16px;border-radius:var(--radius);
  background:var(--fill);border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);text-align:center;cursor:pointer}
.personal-drop .app-icon{width:22px;height:22px;color:var(--neon)}
.personal-drop strong{font-size:14px;font-weight:700}
.personal-drop small{color:var(--hint);font-size:11.5px}
.personal-progress{margin-top:8px;padding:9px 12px;border-radius:12px;background:var(--accent-soft);color:var(--neon);
  font-size:12px;font-weight:700;text-align:center}
.personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.personal-media{position:relative;width:100%;height:auto;align-self:start;aspect-ratio:1;border-radius:12px;overflow:hidden;
  background:var(--surface-2);border:1px solid var(--glass-line)}
.personal-media img{width:100%;height:100%;object-fit:cover}
.personal-media.processing::after{content:'تُعالج';position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(4,2,8,.66);color:var(--neon);font-size:11px;font-weight:700}
.personal-media .media-tag{position:absolute;inset-block-start:5px;inset-inline-start:5px;padding:2px 7px;border-radius:999px;
  background:rgba(4,2,8,.7);color:#fff;font-size:10px;font-weight:700}
.personal-media .media-remove{position:absolute;inset-block-start:5px;inset-inline-end:5px;width:24px;height:24px;
  display:grid;place-items:center;border-radius:50%;background:rgba(4,2,8,.72);color:#fff}
.personal-media .media-remove .app-icon{width:11px;height:11px}
.personal-media .media-album{position:absolute;inset-inline:0;inset-block-end:0;padding:5px;background:rgba(4,2,8,.72);
  color:#fff;font-size:10px;font-weight:700}
/* أسهم الترتيب في لوحة الصفحة الشخصية */
/* ===== لوحة الصفحة الشخصية — المحرر الكامل ===== */
.personal-new{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;
  background:linear-gradient(135deg,var(--accent),var(--neon));color:#fff;font-size:14px;font-weight:700;
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 34%,transparent)}
.personal-new .app-icon{width:17px;height:17px}
.personal-row .personal-copy{background:none;border:0;text-align:start;display:grid;gap:2px;min-width:0;padding:0}
.personal-actions button:disabled{opacity:.3}
.personal-editor{display:grid;gap:12px;padding:16px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.personal-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.personal-editor-head h2{font-family:var(--font-display);font-size:17px;font-weight:700}
.personal-editor-head button{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--fill);border:1px solid var(--glass-line)}
.personal-editor-head .app-icon{width:14px;height:14px}
.personal-field{display:grid;gap:5px}
.personal-field>span{font-size:12.5px;font-weight:700;color:var(--text)}
.personal-field em{color:var(--hint);font-size:11px;font-style:normal}
.personal-field input,.personal-field textarea,.personal-field select{width:100%;min-height:46px;padding:11px 13px;border-radius:13px;
  border:1px solid var(--glass-line);background:var(--fill);color:var(--text);font-size:14px;outline:none;transition:border-color .18s ease}
.personal-field textarea{line-height:1.8;resize:vertical}
.personal-field input:focus,.personal-field textarea:focus,.personal-field select:focus{border-color:color-mix(in srgb,var(--accent) 48%,transparent)}
.personal-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.personal-switch{min-height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-radius:13px;background:var(--fill);border:1px solid var(--glass-line);font-size:13.5px;font-weight:600}
.personal-switch input{width:22px;height:22px;accent-color:var(--accent)}
.personal-editor-tools{display:flex;flex-wrap:wrap;gap:8px}
.personal-editor-tools button{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;
  background:var(--fill);border:1px solid var(--glass-line);font-size:12.5px;font-weight:700}
.personal-editor-tools .app-icon{width:14px;height:14px;color:var(--neon)}
.personal-editor-section{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--separator)}
.personal-editor-subhead{display:flex;align-items:baseline;justify-content:space-between}
.personal-editor-subhead h3{font-size:14px;font-weight:700}
.personal-editor-subhead span{color:var(--hint);font-size:12px}
.personal-add-media{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;
  background:var(--accent-soft);border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);color:var(--neon);
  font-size:13px;font-weight:700}
.personal-add-media .app-icon{width:15px;height:15px}
.personal-danger{min-height:46px;border-radius:13px;background:color-mix(in srgb,var(--danger,#FF4D6D) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--danger,#FF4D6D) 30%,transparent);color:var(--danger,#FF4D6D);font-size:13px;font-weight:700}
.personal-preview{border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--glass-line)}
.personal-preview img,.personal-preview video{width:100%;max-height:300px;object-fit:contain;background:#000}
.personal-media .media-open{position:absolute;inset:0;background:none}
.personal-avatar-row{display:flex;align-items:center;gap:12px}
.personal-thumb.large{width:70px;height:70px;flex:0 0 70px;border-radius:50%;font-size:26px}
.personal-avatar-row button{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border-radius:13px;
  background:var(--fill);border:1px solid var(--glass-line);font-size:13px;font-weight:700}
.personal-avatar-row .app-icon{width:15px;height:15px;color:var(--neon)}
.personal-summary{display:flex;gap:10px;color:var(--hint);font-size:11.5px;font-weight:600}
.admin-note{padding:11px 14px;border-radius:13px;font-size:12.5px;font-weight:700}
.admin-note.warn{background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);color:var(--gold)}
@media(min-width:420px){}
/* ===== القائمة المنسدلة بأسلوبنا (بديلة قائمة النظام) ===== */
.picker-backdrop{position:fixed;inset:0;z-index:70;background:rgba(4,2,8,.62);backdrop-filter:blur(3px);animation:picker-fade .2s ease both}
@keyframes picker-fade{from{opacity:0}to{opacity:1}}
.picker-sheet{position:fixed;inset-inline:0;bottom:0;z-index:71;max-height:80vh;display:flex;flex-direction:column;
  padding-bottom:calc(10px + var(--safe-bottom));border-radius:26px 26px 0 0;background:var(--surface);
  border:1px solid var(--glass-line);border-bottom:0;box-shadow:0 -22px 60px rgba(0,0,0,.5);
  transform:translateY(100%);transition:transform .26s var(--spring)}
.picker-sheet.open{transform:none}
.picker-head{position:relative;padding:14px 16px 10px;display:flex;align-items:center;justify-content:center;gap:10px;
  border-bottom:1px solid var(--separator)}
.picker-grab{position:absolute;top:6px;inset-inline:0;margin-inline:auto;width:38px;height:4px;border-radius:99px;background:var(--glass-line)}
.picker-head strong{font-family:var(--font-display);font-size:15.5px;font-weight:700}
.picker-close{position:absolute;inset-inline-end:12px;width:32px;height:32px;display:grid;place-items:center;
  border-radius:50%;background:var(--fill);border:1px solid var(--glass-line);color:var(--hint)}
.picker-close .app-icon{width:13px;height:13px}
.picker-search{margin:10px 14px 6px;min-height:46px;padding:0 13px;display:flex;align-items:center;gap:9px;
  border-radius:14px;background:var(--fill);border:1px solid var(--glass-line)}
.picker-search .app-icon{width:16px;height:16px;color:var(--hint)}
.picker-search input{flex:1;min-width:0;height:44px;border:0;background:none;color:var(--text);font-size:15px;outline:none}
.picker-list{flex:1;overflow-y:auto;padding:6px 10px 10px;display:grid;gap:5px;-webkit-overflow-scrolling:touch}
.picker-option{width:100%;min-height:54px;padding:0 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;gap:11px;border-radius:14px;background:transparent;border:1px solid transparent;color:var(--text);text-align:start}
.picker-option:active{background:var(--fill)}
.picker-option.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.picker-option img{width:30px;height:22px;object-fit:cover;border-radius:4px;border:1px solid var(--glass-line)}
.picker-option-label{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-option-note{color:var(--neon);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.picker-check{display:grid;place-items:center;color:var(--accent)}
.picker-check .app-icon{width:17px;height:17px}
.picker-empty{padding:26px;text-align:center;color:var(--hint);font-size:13px}
body.picker-open{overflow:hidden}
/* حقل القائمة نفسه: يمنع قائمة النظام ويعرض العلم */
select{cursor:pointer}
.picker-option-copy{min-width:0;display:grid;gap:1px}
.picker-option-sub{color:var(--hint);font-size:11px;font-weight:600;direction:ltr;text-align:start}
/* ===== الإشعارات: بطاقات من أعلى الشاشة ===== */
#toast{position:fixed;inset-block-start:calc(8px + var(--safe-top));inset-inline:0;z-index:220;
  display:grid;gap:8px;justify-items:center;padding-inline:var(--gutter);pointer-events:none}
.toast-card{position:relative;width:100%;max-width:440px;min-height:56px;overflow:hidden;
  padding:12px 14px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;
  border-radius:18px;background:rgba(17,13,25,.94);border:1px solid var(--glass-line);
  color:var(--text);box-shadow:0 18px 44px rgba(0,0,0,.48);backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);pointer-events:auto;cursor:pointer;
  opacity:0;transform:translateY(-16px) scale(.97);transition:opacity .24s ease,transform .3s var(--spring)}
.toast-card.show{opacity:1;transform:none}
.toast-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;
  background:var(--fill);border:1px solid var(--glass-line)}
.toast-icon .app-icon{width:19px;height:19px}
.toast-text{font-size:14.5px;font-weight:600;line-height:1.65;overflow-wrap:anywhere}
.toast-progress{position:absolute;inset-block-end:0;inset-inline:0;height:3px;transform-origin:right;
  transition:transform linear;background:currentColor;opacity:.5}
.toast-card.success{border-color:color-mix(in srgb,var(--success,#05DF72) 42%,transparent)}
.toast-card.success .toast-icon{background:color-mix(in srgb,var(--success,#05DF72) 16%,transparent);
  border-color:color-mix(in srgb,var(--success,#05DF72) 34%,transparent);color:var(--success,#05DF72)}
.toast-card.success .toast-progress{color:var(--success,#05DF72)}
.toast-card.error{border-color:color-mix(in srgb,var(--danger,#FF4D6D) 44%,transparent)}
.toast-card.error .toast-icon{background:color-mix(in srgb,var(--danger,#FF4D6D) 16%,transparent);
  border-color:color-mix(in srgb,var(--danger,#FF4D6D) 34%,transparent);color:var(--danger,#FF4D6D)}
.toast-card.error .toast-progress{color:var(--danger,#FF4D6D)}
.toast-card.info{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.toast-card.info .toast-icon{background:var(--accent-soft);
  border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--neon)}
.toast-card.info .toast-progress{color:var(--accent)}
@media (prefers-reduced-motion:reduce){
  .toast-card{transition:opacity .2s ease}
  .toast-card.show{transform:none}
  .toast-progress{transition:none}
}
@keyframes ring-pulse{0%{opacity:.75;transform:scale(.85)}70%{opacity:.08}100%{opacity:0;transform:scale(1.06)}}
/* ===================== دعم السوشل ميديا =====================
   شاشة طلب واحدة واضحة: منصة ← قسم ← خدمة ← حقول ← سعر ← طلب.
   لا أنماط مضمّنة (سياسة المحتوى)، وكل ما يتغيّر يُضبط عبر الأصناف. */
.smm-page{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:28px}
/* عنصر الشبكة يأخذ عرض محتواه الأدنى افتراضيًا — وشريط المنصات (49 أيقونة) كان يمطّ الصفحة
   كلها خارج الشاشة. minmax(0,1fr) يحصره في عرض الشاشة ويترك التمرير للشريط وحده. */
.smm-page>*,.smm-form>*,.smm-admin>*,.smm-orders>*{min-width:0}
.smm-ico{width:28px;height:28px;border-radius:8px;flex:0 0 auto;display:block}
.smm-ico.tiny{width:18px;height:18px;border-radius:5px;vertical-align:-4px}
.smm-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.smm-head h1{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.35}
.smm-head p{color:var(--sub);font-size:12.5px;font-weight:600;margin-top:2px}
.smm-orders-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:12px;
  background:var(--surface-2);border:1px solid var(--glass-line);color:var(--text);font-size:13px;font-weight:700;flex:0 0 auto}
.smm-orders-link .app-icon{width:16px;height:16px;color:var(--neon)}
.smm-orders-link em{font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff}
.smm-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-radius:14px;
  background:var(--surface);border:1px solid var(--glass-line)}
.smm-search .app-icon{width:17px;height:17px;color:var(--hint);flex:0 0 auto}
.smm-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:600 14px/1.4 var(--font-body)}
.smm-search input::placeholder{color:var(--hint)}
.smm-results{display:grid;gap:6px}
.smm-result{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:13px;
  background:var(--surface);border:1px solid var(--glass-line);color:var(--text);text-align:start}
.smm-result strong{display:block;font-size:13.5px;font-weight:700;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-result small{display:block;color:var(--sub);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-result em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--neon)}
/* المنصات: شريط أفقي من أيقونات التطبيقات */
.smm-platforms{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter)}
.smm-platforms::-webkit-scrollbar{display:none}
.smm-platform{flex:0 0 auto;width:74px;display:grid;justify-items:center;gap:6px;padding:10px 4px 9px;border-radius:16px;
  background:var(--surface);border:1px solid var(--glass-line);color:var(--sub);font-size:11px;font-weight:700;line-height:1.3;
  transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.smm-platform .smm-ico{width:36px;height:36px;border-radius:11px}
.smm-platform span{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-platform.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:var(--text)}
.smm-platform:active{transform:scale(.96)}
/* القوائم المنسدلة: تُفتح بورقة المتجر ذات البحث */
.smm-pickers{display:grid;gap:8px}
.smm-select{position:relative;display:grid;gap:5px}
.smm-select>span{color:var(--sub);font-size:12px;font-weight:700}
.smm-select select{appearance:none;-webkit-appearance:none;width:100%;min-height:50px;padding:0 14px 0 40px;border-radius:14px;
  background:var(--surface);border:1px solid var(--glass-line);color:var(--text);font:700 14px/1.4 var(--font-body);text-overflow:ellipsis}
.smm-select>.app-icon{position:absolute;inset-inline-end:14px;bottom:17px;width:15px;height:15px;color:var(--hint);transform:rotate(-90deg);pointer-events:none}
/* بطاقة الخدمة المختارة */
.smm-service{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.smm-service header{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center}
.smm-service header .smm-ico{width:36px;height:36px;border-radius:11px}
.smm-service strong{display:block;font-size:15px;font-weight:800;line-height:1.5}
.smm-service header small{display:block;color:var(--hint);font-size:11.5px;font-weight:600}
.smm-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.smm-tags li{padding:4px 10px;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line);color:var(--sub);font-size:11.5px;font-weight:600;line-height:1.5}
.smm-badges{display:flex;flex-wrap:wrap;gap:6px}
.smm-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;background:var(--fill);color:var(--sub);font-size:11.5px;font-weight:700}
.smm-badge .app-icon{width:13px;height:13px}
.smm-badge.ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.smm-badge.muted{color:var(--hint)}
.smm-note{color:var(--sub);font-size:11.5px;font-weight:600;line-height:1.7;padding-inline-start:10px;border-inline-start:2px solid color-mix(in srgb,var(--success) 45%,transparent)}
.smm-price-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--sub);font-size:12px;font-weight:600}
.smm-price-line .balance-value{color:var(--text);font-weight:800}
.smm-price-line>span{color:var(--hint)}
/* الحقول */
.smm-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.smm-field{display:grid;gap:6px}
.smm-field>span{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:12px;font-weight:700}
.smm-field>small:not(.smm-editable){color:var(--hint);font-size:11.5px;font-weight:600;line-height:1.6}
.smm-count{font-style:normal;min-width:24px;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--neon);text-align:center}
.smm-input{width:100%;min-height:48px;padding:0 14px;border-radius:13px;background:var(--surface);border:1px solid var(--glass-line);
  color:var(--text);font:600 14px/1.5 var(--font-body);outline:0;transition:border-color .16s var(--ease)}
textarea.smm-input{min-height:110px;padding:12px 14px;resize:vertical}
select.smm-input{appearance:none;-webkit-appearance:none}
.smm-input:focus{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}
.smm-input::placeholder{color:var(--hint)}
.smm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:360px){.smm-grid2{grid-template-columns:1fr}}
.smm-stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
.smm-stepper button{min-height:48px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--glass-line);color:var(--text)}
.smm-stepper button .app-icon{width:18px;height:18px}
.smm-stepper button:active{transform:scale(.94)}
.smm-stepper .smm-input{text-align:center;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.smm-presets{display:flex;gap:6px;flex-wrap:wrap}
.smm-presets button{min-height:32px;padding:0 12px;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line);
  color:var(--sub);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.smm-presets button.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--text)}
.smm-switch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:14px;
  background:var(--surface);border:1px solid var(--glass-line)}
.smm-switch input{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:var(--surface-2);
  border:1px solid var(--glass-line);position:relative;transition:background .18s var(--ease)}
.smm-switch input::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--sub);
  transition:inset-inline-start .2s var(--spring),background .18s var(--ease)}
.smm-switch input:checked{background:var(--accent)}
.smm-switch input:checked::after{inset-inline-start:20px;background:#fff}
.smm-switch strong{display:block;font-size:13.5px;font-weight:700}
.smm-switch small{display:block;color:var(--hint);font-size:11.5px;font-weight:600;line-height:1.6}
/* الملخص وزر الطلب */
/* الطلبات */
.smm-orders{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.smm-order{display:grid;gap:9px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.smm-order header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}
.smm-order header .smm-ico{width:32px;height:32px;border-radius:10px}
.smm-order header strong{display:block;font-size:13.5px;font-weight:700;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-order header small{display:block;color:var(--hint);font-size:11px;font-weight:600}
.smm-status{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--fill);color:var(--sub)}
.smm-status.completed{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.smm-status.in_progress,.smm-status.processing,.smm-status.pending,.smm-status.submitting{background:var(--accent-soft);color:var(--neon)}
.smm-status.partial,.smm-status.unknown{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.smm-status.canceled,.smm-status.failed{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}
.smm-order-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:0 12px;border-radius:11px;
  background:var(--fill);border:1px solid var(--glass-line);color:var(--sub);font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.smm-order-link bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smm-order-link .app-icon{width:14px;height:14px;flex:0 0 auto}
.smm-progress{height:6px;border-radius:999px;background:var(--fill);overflow:hidden}
.smm-progress i{display:block;height:100%;width:var(--progress,0%);border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--neon));transition:width .6s var(--ease)}
.smm-order.completed .smm-progress i{background:var(--success)}
.smm-progress-text{color:var(--sub);font-size:11.5px;font-weight:600}
.smm-order footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700}
.smm-order footer small{color:var(--hint);font-size:11px}
.smm-refund{font-style:normal;margin-inline-start:6px;color:var(--success);font-size:12px}
.smm-actions{display:flex;flex-wrap:wrap;gap:8px}
.smm-act{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:11px;background:var(--accent-soft);
  border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--text);font-size:12.5px;font-weight:700}
.smm-act .app-icon{width:14px;height:14px}
.smm-act.danger{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent);color:var(--danger)}
.smm-hint{color:var(--hint);font-size:11.5px;font-weight:600;align-self:center}
/* بطاقة المتجر */
.smm-cover{display:grid;place-items:center;background:var(--product-surface)}
/* شعارات المنصات بحجم يوازي شعار أي منتج آخر على نفس الخلفية العاجية */
.smm-cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:58%;max-width:132px}
.smm-cover-grid .smm-ico{position:static;width:100%;height:auto;aspect-ratio:1;border-radius:24%;box-shadow:0 6px 14px -8px rgba(40,24,8,.45)}
.product-card.smm-card .card-prices .card-price{font-size:14px;font-weight:600;color:var(--sub)}
/* لوحة المالك */
.smm-admin{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.smm-admin-card{display:grid;gap:12px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.smm-admin-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.smm-admin-meta{color:var(--hint);font-size:11.5px;font-weight:600;text-align:center}
.log-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.log-filters::-webkit-scrollbar{display:none}
.log-filters button{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--glass-line);background:var(--surface);color:var(--sub);font-size:12.5px;font-weight:700}
.log-filters button.selected{background:var(--accent);border-color:var(--accent);color:#fff}
.log-list{display:grid;gap:10px}
.log-row{display:grid;gap:7px;padding:13px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--glass-line);border-inline-start:3px solid var(--glass-line)}
.log-row.completed{border-inline-start-color:var(--success)}
.log-row.partial,.log-row.unknown{border-inline-start-color:var(--gold)}
.log-row.canceled,.log-row.failed{border-inline-start-color:var(--danger)}
.log-row.pending,.log-row.in_progress,.log-row.processing,.log-row.submitting{border-inline-start-color:var(--accent)}
.log-row header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--sub)}
.log-row header code{padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--neon);font:700 11px/1.3 ui-monospace,Menlo,monospace;direction:ltr}
.log-row header time{margin-inline-start:auto;color:var(--hint);font-size:11px}
.log-row>strong{font-size:13.5px;font-weight:700}
.log-row>strong small{color:var(--hint);font-size:11.5px;font-weight:600}
.log-what{color:var(--sub);font-size:12.5px;font-weight:600;line-height:1.6}
.log-money{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12.5px;color:var(--sub)}
.log-money em{font-style:normal;color:var(--text);font-weight:700}
.log-money b{margin-inline-start:auto;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}
.log-meta{color:var(--hint);font-size:11px;font-weight:600}
.log-pager{display:flex;align-items:center;justify-content:space-between;gap:10px}
.log-pager button{min-height:38px;padding:0 16px;border-radius:12px;border:1px solid var(--glass-line);background:var(--surface);color:var(--text);font-size:13px;font-weight:700}
.log-pager button:disabled{opacity:.4}
.log-pager span{color:var(--sub);font-size:12.5px;font-weight:700}
@media (prefers-reduced-motion:reduce){.smm-progress i,.smm-platform,.smm-switch input::after{transition:none}}
/* ===== السوشل ميديا: الكمية القابلة للكتابة، والتنبيه، والمتابعة ===== */
.smm-qty-input{position:relative;display:block;min-width:0}
.smm-qty-input .app-icon{position:absolute;inset-inline-start:12px;top:50%;translate:0 -50%;width:13px;height:13px;color:var(--neon);pointer-events:none}
.smm-qty-input .smm-input{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.smm-editable{display:flex;align-items:center;gap:5px;color:var(--neon);font-size:11.5px;font-weight:700}
.smm-editable .app-icon{width:11px;height:11px}
/* تعليمات القسم أعلى الصفحة: سطح بهيرلاين يميل للأحمر، والأحمر لأيقونة العنوان وحدها */
.smm-rules{padding:14px;border-radius:16px;background:var(--surface);border:1px solid color-mix(in srgb,var(--danger) 26%,var(--glass-line))}
.smm-rules h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-display);font-size:16px;font-weight:800;line-height:1.5;color:var(--text)}
.smm-rules h2 .app-icon{width:18px;height:18px;color:var(--danger)}
.smm-rules ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.smm-rules li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}
.smm-rules li>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--fill);border:1px solid var(--glass-line);color:var(--neon)}
.smm-rules li>i .app-icon{width:16px;height:16px}
.smm-rules strong{display:block;color:var(--text);font-size:13px;font-weight:800;line-height:1.6}
.smm-rules p{margin:0;color:var(--sub);font-size:12px;font-weight:600;line-height:1.85}
.smm-badge.inline{gap:3px;padding:0 7px;border-radius:999px;font-size:11px;line-height:1.75;vertical-align:1px}
.smm-badge.inline .app-icon{width:11px;height:11px}
.smm-badge.muted.inline{color:var(--sub);border:1px solid var(--glass-line)}
/* الموافقة قبل الطلب: ملخص ما سيُخصم، والبند الأخير ضمان الخدمة نفسها بلونه */
.smm-terms-sheet>p:first-of-type{margin-top:-4px;font-size:13px;line-height:1.7}
.smm-terms-sheet .summary{margin-top:12px;border-radius:12px;box-shadow:none}
.smm-terms-sheet .summary>div{min-height:44px;padding:9px 12px}
.smm-terms-sheet .summary strong{min-width:0;text-align:end;font-size:13px;line-height:1.6}
.smm-terms-sheet .summary .balance-value,.smm-terms-sheet .summary .balance-value>span:last-child{font-size:inherit;font-weight:800;color:var(--text)}
.smm-terms-link{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--sub);font-size:12.5px;font-weight:600}
.smm-terms-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.smm-terms-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;color:var(--text);font-size:13px;font-weight:600;line-height:1.75}
.smm-terms-list .app-icon{width:17px;height:17px;margin-top:3px;color:var(--neon)}
.smm-terms-list li.ok,.smm-terms-list li.risk{padding:8px 10px;margin-inline:-10px;border-radius:12px}
.smm-terms-list li.ok{background:color-mix(in srgb,var(--success) 10%,transparent)}
.smm-terms-list li.ok .app-icon{color:var(--success)}
.smm-terms-list li.risk{background:color-mix(in srgb,var(--danger) 10%,transparent);color:color-mix(in srgb,var(--danger) 72%,var(--text))}
.smm-terms-list li.risk .app-icon{color:var(--danger)}
.smm-terms-refund{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:12px;line-height:1.7}
.smm-terms-refund .app-icon{width:15px;height:15px;flex:0 0 auto;margin-top:3px}
.smm-tabs b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:4px;border-radius:999px;
  background:color-mix(in srgb,currentColor 18%,transparent);font-size:11px}
.smm-tab-hint{color:var(--sub);font-size:11.5px;font-weight:600;line-height:1.7;padding:0 2px}
.smm-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;position:relative}
.smm-steps li{display:grid;justify-items:center;gap:5px;color:var(--hint);font-size:10.5px;font-weight:700;position:relative}
.smm-steps li i{width:11px;height:11px;border-radius:50%;background:var(--surface-2);border:2px solid var(--glass-line);z-index:1}
.smm-steps li+li::before{content:"";position:absolute;top:5px;inset-inline-end:50%;width:100%;height:2px;background:var(--glass-line)}
.smm-steps li.on{color:var(--text)}
.smm-steps li.on i{background:var(--accent);border-color:var(--accent)}
.smm-steps li.on+li.on::before{background:var(--accent)}
.smm-order.completed .smm-steps li.on i{background:var(--success);border-color:var(--success)}
.smm-order.completed .smm-steps li.on+li.on::before{background:var(--success)}
.smm-guarantee{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--success)}
.smm-guarantee .app-icon{width:13px;height:13px}
.smm-guarantee.expired{color:var(--hint)}
.smm-chip{display:inline-flex;align-items:center;gap:6px;align-self:start;min-height:30px;padding:0 11px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--fill);color:var(--sub)}
.smm-chip .app-icon{width:13px;height:13px}
.smm-chip.ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.smm-chip.busy{background:var(--accent-soft);color:var(--neon)}
/* لوحة المالك */
.smm-remaining{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-radius:var(--radius);
  background:color-mix(in srgb,var(--gold) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}
.smm-remaining.clear{background:var(--surface);border-color:var(--glass-line)}
.smm-remaining>div{display:grid;gap:3px}
.smm-remaining small{color:var(--sub);font-size:11px;font-weight:700}
.smm-remaining strong{font-family:var(--font-display);font-size:19px;font-weight:800}
.smm-remaining .smm-act{grid-column:1 / -1;justify-content:center}
.smm-admin-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}
.smm-admin-title .app-icon{width:16px;height:16px;color:var(--neon)}
.smm-switch.compact{padding:10px 12px}
button.log-row{width:100%;text-align:start;color:var(--text);font:inherit}
.log-left{align-self:start;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--gold) 13%,transparent);color:var(--gold);font-size:11.5px;font-weight:700}
.smm-kvs{gap:0;padding:4px 14px}
.smm-kv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid var(--glass-line)}
.smm-kv:last-child{border-bottom:0}
.smm-kv>span{color:var(--sub);font-size:12px;font-weight:700}
.smm-kv>strong{justify-self:end;text-align:end;font-size:13px;font-weight:700;min-width:0;overflow-wrap:anywhere}
.smm-kv>button{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--fill);border:1px solid var(--glass-line);color:var(--sub)}
.smm-kv>button .app-icon{width:13px;height:13px}
.smm-kv:not(:has(button)){grid-template-columns:auto minmax(0,1fr)}
/* ===================== تحسينات عامة: المحفظة، طلباتي، ملفي =====================
   نفس الهوية (أوبسيديان + بنفسجي، نفس الخطوط)، لكن أهدأ وأوضح: صف واحد لكل
   معلومة، ألوان للحالة بدل شارات متكررة، ولا قوائم منسدلة تخفي المهم. */

/* لا مسافة فارغة تحت آخر عنصر: #app يحجز مكان الشريط السفلي أصلًا. */
.content:has(~ .bottom-nav){padding-bottom:28px}
/* الصفحة اللي لها شريط ثابت تحت (شراء، دفع، تقييم، مشاركة) ما فيها شريط التبويبات.
   #app يحجز ارتفاع شريطها بالضبط (--fixed-bar-h يقيسه app.js) بدل مكان التبويبات،
   والصفحة تكتفي بمسافة تنفّس. التقدير الثابت كان يترك فراغًا كبيرًا فوق الشريط. */
#app:has(>:is(.product-purchase-bar,.checkout-bar,.competition-sticky-action,.ladder-dock)){padding-bottom:var(--fixed-bar-h,calc(210px + var(--safe-bottom)))}
#app>:is(main,section):has(~:is(.product-purchase-bar,.checkout-bar,.competition-sticky-action,.ladder-dock)){padding-bottom:24px}
/* ===== بطاقة الرصيد: بطاقة بنكية حقيقية ===== */
.wallet-balance-card{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.586 / 1;min-height:0;
  padding:18px 20px;display:grid;grid-template-rows:auto auto 1fr auto;align-content:stretch;gap:0;border-radius:22px;
  border:1px solid rgba(255,255,255,.14);color:#fff;text-align:start;font:inherit;
  background:
    radial-gradient(110% 85% at 100% 0%,rgba(185,139,255,.5),transparent 55%),
    linear-gradient(140deg,#170C36 0%,#2E1872 45%,#5A2FD6 100%);
  box-shadow:0 22px 44px -22px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.16)}
:root[data-brand-theme='day'] .wallet-balance-card{border-color:rgba(255,255,255,.3)}
.wallet-card-pattern{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wallet-card-pattern::before,.wallet-card-pattern::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.wallet-card-pattern::before{width:340px;height:340px;inset-inline-start:-150px;bottom:-230px;box-shadow:0 0 0 28px rgba(255,255,255,.025)}
.wallet-card-pattern::after{width:220px;height:220px;inset-inline-start:-70px;bottom:-150px}
.wallet-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-card-issuer{font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.01em;opacity:.95}
.wallet-card-wave{width:22px;height:22px;color:rgba(255,255,255,.8);transform:scaleX(-1)}
.wallet-card-chip{position:relative;margin-top:14px;width:44px;height:33px;border-radius:8px;overflow:hidden;
  background:linear-gradient(135deg,#F6DE9C 0%,#D6AA4E 45%,#9C7424 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.wallet-card-chip i{position:absolute;inset-block:0;width:1px;background:rgba(80,55,10,.45)}
.wallet-card-chip i:first-child{inset-inline-start:33%}
.wallet-card-chip i:last-child{inset-inline-start:66%}
.wallet-card-chip::before,.wallet-card-chip::after{content:"";position:absolute;inset-inline:0;height:1px;background:rgba(80,55,10,.45)}
.wallet-card-chip::before{top:36%}
.wallet-card-chip::after{top:66%}
.wallet-card-balance{align-self:center}
.wallet-card-balance>span{display:block;color:rgba(255,255,255,.7);font-size:12px;font-weight:600}
.wallet-card-balance strong{display:block;margin-top:2px;font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.2}
.wallet-card-balance .balance-value,.wallet-card-balance .balance-value>span:last-child{font-size:inherit;font-weight:inherit;color:#fff}
.wallet-card-foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;color:rgba(255,255,255,.85);font-size:12.5px;font-weight:700}
.wallet-card-holder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}
.wallet-card-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.12em;opacity:.8}
.wallet-card-network{font-family:var(--font-display);font-size:16px;font-weight:800;font-style:italic;letter-spacing:.04em}
.wallet-balance-card.mini{aspect-ratio:auto;min-height:0;padding:16px 18px;grid-template-rows:auto 1fr auto;gap:10px}
.wallet-balance-card.mini .wallet-card-chip{display:none}
.wallet-balance-card.mini .wallet-card-balance strong{font-size:28px}
button.wallet-balance-card{cursor:pointer}
button.wallet-balance-card:active{transform:scale(.99)}
/* ===== أزرار المحفظة ===== */
.wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet-action{min-height:56px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;
  border:1px solid var(--glass-line);background:var(--surface);color:var(--text);font-size:14px;font-weight:700;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .15s var(--ease)}
.wallet-action:active{transform:scale(.97)}
.wallet-action-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--neon)}
.wallet-action-icon .app-icon{width:16px;height:16px}
.wallet-action.primary{background:var(--accent);border-color:transparent;color:#fff}
.wallet-action.primary .wallet-action-icon{background:rgba(255,255,255,.18);color:#fff}
/* ===== صف تنقّل موحّد (طلبات الشحن، ملفي) ===== */
.list-row{width:100%;min-height:64px;padding:10px 14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;
  border-radius:16px;background:var(--surface);border:1px solid var(--glass-line);color:var(--text);text-align:start;font:inherit}
.list-row:active{background:var(--surface-2)}
.list-row-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.list-row-icon .app-icon{width:18px;height:18px}
.list-row-copy{min-width:0;display:grid;gap:2px}
.list-row-copy strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row-copy small{color:var(--sub);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-row>.app-icon:last-child{width:15px;height:15px;color:var(--hint)}
.list-row-badge{min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:11.5px}
.list-group{display:grid;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--glass-line)}
.list-group .list-row{border:0;border-radius:0;background:none}
.list-group .list-row+.list-row{border-top:1px solid var(--separator)}
/* ===== حركة الرصيد: مجمّعة باليوم ===== */
.activity-card{border-radius:18px;background:var(--surface);border:1px solid var(--glass-line);overflow:hidden}
.activity-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 4px}
.activity-head h2{font-size:15px;font-weight:800}
.activity-head span{color:var(--hint);font-size:12px;font-weight:600}
.activity-list{display:grid;padding:0 6px 8px}
.activity-day{padding:12px 10px 4px;color:var(--hint);font-size:11.5px;font-weight:700}
.activity-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px}
.activity-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--fill);color:var(--sub)}
.activity-icon .app-icon{width:17px;height:17px}
.activity-row.credit .activity-icon{background:color-mix(in srgb,var(--success) 13%,transparent);color:var(--success)}
.activity-copy{min-width:0;display:grid;gap:1px}
.activity-copy strong{font-size:13.5px;font-weight:700}
.activity-copy small{color:var(--hint);font-size:11.5px}
.activity-amount{display:grid;justify-items:end;gap:1px}
.activity-amount strong{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.activity-row.credit .activity-amount strong{color:var(--success)}
.activity-amount small{color:var(--hint);font-size:11px;font-variant-numeric:tabular-nums}
.activity-pager{display:flex;justify-content:space-between;gap:10px;padding:6px 12px 14px}
.activity-pager button{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:12px;
  background:var(--fill);border:1px solid var(--glass-line);color:var(--text);font-size:12.5px;font-weight:700}
.activity-pager button .app-icon{width:13px;height:13px}
.activity-pager button:first-child .app-icon{transform:scaleX(-1)}
.activity-more{width:100%;min-height:48px;border:0;border-top:1px solid var(--separator);background:none;color:var(--neon);font-size:13px;font-weight:700}
/* سجل العميل في صفحة العضو: من وين رصيده ووين صرفه، ثم كل حركة */
.member-activity{display:grid;gap:12px}
.member-money .member-detail-grid{margin-top:8px;border-top:1px solid var(--separator)}
.member-money .member-detail-grid strong{font-variant-numeric:tabular-nums}
/* ===== طلبات الشحن ===== */
.wallet-request-row{min-height:68px;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;border-radius:16px;background:var(--surface)}
.wallet-request-copy strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.wallet-request-copy strong em{font-style:normal;color:var(--hint);font-size:11px;font-weight:700}
.wallet-request-side{display:grid;justify-items:end;gap:4px}
.wallet-request-side bdi{color:var(--hint);font-size:10.5px;font-family:ui-monospace,Menlo,monospace}
.activity-card .wallet-request-list{display:grid;gap:0;padding:4px 6px 6px}
.activity-card .wallet-request-row{min-height:60px;border:0;border-radius:12px;background:none;padding:8px 10px}
.activity-card .wallet-request-row+.wallet-request-row{border-top:1px solid var(--separator);border-radius:0}
/* ===== طلباتي: بطاقة أهدأ، والحالة نقطة ملوّنة بدل شارة ===== */
.order-card{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border-radius:18px}
.order-card .order-thumb{width:52px;height:52px;border-radius:14px}
.order-card-main{gap:3px}
.order-card-title{font-size:14px}
.order-card-side{display:grid;justify-items:end;gap:6px}
.order-card-side>.app-icon{display:none}
.order-dot{display:inline-flex;align-items:center;gap:5px;color:var(--hint);font-size:11px;font-weight:700;white-space:nowrap}
.order-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.order-dot.delivered::before{background:var(--success)}
.order-dot.refunded::before,.order-dot.canceled::before,.order-dot.failed::before{background:var(--danger)}
.order-dot.paid,.order-dot.pending,.order-dot.waiting,.order-dot.processing{color:var(--gold)}
.orders-month{margin:10px 4px 0;color:var(--hint);font-size:12px;font-weight:700}
/* ===== ملفي ===== */
.profile-hero{display:flex;align-items:center;gap:14px;padding:2px 2px 4px}
.profile-avatar{position:relative;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;
  background:var(--accent-soft);color:var(--neon);font-family:var(--font-display);font-size:22px;font-weight:800;
  border:2px solid color-mix(in srgb,var(--accent) 55%,transparent)}
.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-id{min-width:0;display:grid;gap:2px}
.profile-id h1{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-id small{color:var(--sub);font-size:12px;font-weight:600}
.profile-page{gap:12px}
/* الحالة الفارغة: العنوان فوق الوصف لا ملتصقًا به */
.wallet-empty-state>div{display:grid;gap:2px;min-width:0}
.wallet-empty-state strong{color:var(--text);font-size:14px;font-weight:700}
.wallet-empty-state small{color:var(--hint);font-size:12px;line-height:1.6}
/* «شحن جديد» زر أساسي واضح لا زر يبدو معطّلًا */
.wallet-requests-tools>button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:14px;
  background:var(--accent);color:#fff;font-size:13.5px;font-weight:700}
.wallet-requests-tools>button .app-icon{width:16px;height:16px}
.wallet-requests-tools span{color:var(--hint);font-size:12px;font-weight:600}
.wallet-requests-tools>button span,.wallet-requests-tools>button .app-icon{color:#fff}

/* ===== طلباتي الموحّدة: المنتجات والسوشل ميديا معًا ===== */
.order-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.02em;color:var(--sub)}
.order-kind{display:inline-flex;align-items:center;gap:4px;align-self:start;margin-top:1px;padding:2px 8px 2px 9px;border-radius:999px;
  background:var(--accent-soft);color:var(--neon);font-size:10.5px;font-weight:700}
.order-kind .app-icon{width:11px;height:11px}
.order-kind.big{padding:6px 12px;font-size:12px;flex:0 0 auto}
.order-kind.big .app-icon{width:13px;height:13px}
.order-thumb.smm-thumb{background:var(--product-surface)}
.order-thumb.smm-thumb .smm-ico{position:static;inset:auto;width:34px;height:34px;border-radius:10px}
.order-free{color:var(--success);font-size:12.5px;font-weight:800}
.orders-hint{color:var(--sub);font-size:12px;font-weight:600;line-height:1.7;padding:0 2px}


/* كسور السنت الطويلة أصغر، والمبالغ الطويلة لا تتكسر */
.balance-value.is-fraction{font-size:.84em}

/* ===== ملخص الطلب: معادلة واحدة، والمبلغ داخل زر الطلب ===== */
.smm-formula{display:grid;gap:4px;text-align:center}
.smm-formula>span{color:var(--hint);font-size:11.5px;font-weight:700}
.smm-formula>strong{font-size:15px;font-weight:600;color:var(--sub);line-height:1.8;font-variant-numeric:tabular-nums}
.smm-formula>strong b{color:var(--text);font-weight:800;font-size:17px}
.smm-formula>small{color:var(--hint);font-size:11px}
.smm-buy{display:flex;align-items:center;justify-content:center;gap:10px}
.smm-buy b{padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.2);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.smm-formula .balance-value,.smm-buy .balance-value{font-size:inherit;font-weight:inherit;color:inherit}
.smm-buy b .balance-value{color:#fff}

/* ===== بانر السوشل ميديا أعلى المتجر — يتبع ثيم الموقع ===== */
.smm-promo{--promo-a:#1B0E42;--promo-b:#35198E;--promo-c:#6A3CF0;--promo-glow:rgba(185,139,255,.42);
  --promo-text:#FFFFFF;--promo-sub:rgba(255,255,255,.78);--promo-line:rgba(255,255,255,.12);
  --promo-cta-bg:#FFFFFF;--promo-cta-fg:#2A1570;--promo-shine:rgba(255,255,255,.16);
  position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:128px;padding:14px 16px 14px 10px;
  display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:8px;
  border-radius:22px;border:1px solid var(--promo-line);color:var(--promo-text);text-align:start;font:inherit;
  background:radial-gradient(90% 130% at 0% 0%,var(--promo-glow),transparent 62%),linear-gradient(135deg,var(--promo-a) 0%,var(--promo-b) 55%,var(--promo-c) 100%);
  background-size:140% 140%;animation:promo-drift 12s ease-in-out infinite alternate}
:root[data-brand-theme="day"] .smm-promo{--promo-a:#F7F1FF;--promo-b:#ECE2FD;--promo-c:#D6C3FF;--promo-glow:rgba(255,255,255,.75);
  --promo-text:#1D1626;--promo-sub:#4B4060;--promo-line:rgba(109,40,217,.18);
  --promo-cta-bg:#6D28D9;--promo-cta-fg:#FFFFFF;--promo-shine:rgba(255,255,255,.55)}
@keyframes promo-drift{from{background-position:0% 0%}to{background-position:100% 100%}}
.smm-promo:active{transform:scale(.99)}

/* شعاع ضوء يمر كل بضع ثوانٍ */
.smm-promo-shine{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.smm-promo-shine::before{content:"";position:absolute;inset-block:-40%;width:38%;inset-inline-start:-50%;
  background:linear-gradient(100deg,transparent,var(--promo-shine),transparent);transform:skewX(-18deg);
  animation:promo-shine 5.5s ease-in-out infinite}
@keyframes promo-shine{0%,62%{inset-inline-start:-50%}100%{inset-inline-start:130%}}

/* المسرح: مدار ثلاثي الأبعاد، ومن دونه أيقونات تطفو */
.smm-promo-stage{position:relative;width:128px;height:112px;display:grid;place-items:center}
.smm-promo-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.smm-promo-fallback{display:grid;grid-template-columns:repeat(2,40px);gap:8px}
.smm-promo-fallback img{width:40px;height:40px;border-radius:11px;box-shadow:0 8px 16px -10px rgba(0,0,0,.6);
  animation:promo-float 3.6s ease-in-out infinite}
.smm-promo-fallback img[data-i="1"]{animation-delay:-.9s}
.smm-promo-fallback img[data-i="2"]{animation-delay:-1.8s}
.smm-promo-fallback img[data-i="3"]{animation-delay:-2.7s}
@keyframes promo-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}
.smm-promo-stage.is-3d .smm-promo-fallback{display:none}

.smm-promo-copy{display:grid;gap:4px;min-width:0;justify-items:start}
.smm-promo-copy small{padding:3px 10px;border-radius:999px;background:#FFB703;color:#1A1003;font-size:11px;font-weight:800}
.smm-promo-copy strong{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1.35}
.smm-promo-copy em{font-style:normal;color:var(--promo-sub);font-size:12px;font-weight:600;line-height:1.6}
.smm-promo-cta{margin-top:4px;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 14px;border-radius:999px;
  background:var(--promo-cta-bg);color:var(--promo-cta-fg);font-size:12.5px;font-weight:800}
.smm-promo-cta .app-icon{width:13px;height:13px;animation:promo-nudge 1.8s ease-in-out infinite}
@keyframes promo-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-3px)}}
@media (prefers-reduced-motion:reduce){
  .smm-promo,.smm-promo-shine::before,.smm-promo-fallback img,.smm-promo-cta .app-icon{animation:none}
}

/* صفحة السوشل ميديا بنفس هيكل صفحة المنتج: شريط شراء ثابت أسفلها، بلا شريط التنقل */
.smm-purchase-bar{gap:8px}
.smm-purchase-bar .smm-formula{gap:2px}
.smm-purchase-bar .smm-formula>strong{font-size:13.5px;line-height:1.7}
.smm-purchase-bar .smm-formula>strong b{font-size:15px}
.smm-detail-kind{display:flex;align-items:center;justify-content:space-between;gap:10px}
.smm-detail-kind bdi{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--sub)}

/* عمود الصفحة لا يتمدد بمحتوى أي عنصر: رابط طويل أو بانر عريض كان يدفع العمود
   أعرض من الشاشة فيخرج المحتوى عن الهوامش ويختفي خلف حافتها. */
.content,.detail-content{grid-template-columns:minmax(0,1fr)}
.content>*,.detail-content>*{min-width:0}
.smm-order,.smm-order>*{min-width:0}
.smm-order-link bdi{flex:1 1 auto;min-width:0;text-align:start}
.smm-kv>strong bdi{overflow-wrap:anywhere;word-break:break-word}
.smm-order header>div{min-width:0}

/* الإلغاء بانتظار المزوّد */
.smm-status.cancel-pending{background:rgba(255,183,3,.14);color:#E09A00}
:root[data-brand-theme="day"] .smm-status.cancel-pending{background:#FFF3D6;color:#8A5A00}
.smm-cancel-note{grid-column:1/-1;display:flex;gap:9px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;
  background:rgba(255,183,3,.1);border:1px solid rgba(255,183,3,.28);color:var(--sub);font-size:12px;font-weight:600;line-height:1.75}
.smm-actions .smm-cancel-note{flex:1 1 100%}
.smm-cancel-note b{display:block;color:var(--text);font-size:12.5px}
.smm-cancel-note .app-icon{width:16px;height:16px;flex:0 0 auto;margin-top:3px;color:#E09A00}

/* تقييم القسم في رأس صفحته */
.smm-head-rating{display:inline-flex;align-items:center;gap:3px}
.smm-head-rating .app-icon{width:12px;height:12px;color:#FFB703}
#smm-reviews:empty{display:none}

/* ترتيب البطاقة بين المنتجات (لوحة المالك) */
.smm-position-now{margin:0;color:var(--sub);font-size:13px;font-weight:600}
.smm-position-now b{color:var(--text)}
.smm-position-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.smm-position-list li{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:11px;background:var(--fill);
  color:var(--sub);font-size:12.5px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.smm-position-list li.on{background:rgba(138,92,255,.16);border:1px solid rgba(138,92,255,.4);color:var(--text);font-weight:800}
.smm-position-list li .app-icon{width:15px;height:15px;color:var(--brand-neon,#B98BFF)}
.smm-position .smm-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.smm-position .smm-act{justify-content:center;padding-inline:6px}
.smm-position .smm-act[disabled]{opacity:.4}
.smm-promo{min-width:0;max-width:100%}


/* ===== «الباقات»: عدة باقات (مثل 3 أشهر و6 أشهر) داخل منتج واحد =====
   البطاقة في المتجر تبدأ بأقل سعر («يبدأ من») وتذكر عدد الباقات. صفحة المنتج فيها
   قائمة اختيار واحدة تحت العنوان، والمختارة على سطح التمييز مثل قائمة الدفع. */
.card-price-from{color:var(--hint);font-size:10.5px;font-weight:600}
.package-count{display:inline-flex;align-items:center;gap:3px;color:var(--hint);font-size:10.5px;font-weight:650;white-space:nowrap}
/* «On demand» + «Two packages» are wider than «حسب الطلب» + «باقتان»: each chip keeps one line and the pair wraps */
.product-card-foot{flex-wrap:wrap}
.product-card-foot .stock-tag{white-space:nowrap}
/* Chinese «数量» may otherwise break one character per line in the narrow column */
.buy-quantity small{white-space:nowrap}
.package-count .app-icon{width:12px;height:12px}
.package-picker{display:grid;gap:8px}
.package-picker-title{margin:0;color:var(--sub);font-size:13px;font-weight:650}
.package-options{display:grid;overflow:hidden;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.package-option{min-height:62px;padding:12px 14px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer;transition:background .16s ease}
.package-option+.package-option{border-top:1px solid var(--separator)}
.package-option[aria-checked="true"]{background:var(--accent-soft)}
.package-option:not(:disabled):active{background:var(--fill)}
.package-option:disabled{cursor:default;opacity:.55}
.package-copy{min-width:0;display:grid;gap:2px}
.package-copy strong{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35}
.package-out{color:var(--danger);font-size:11.5px;font-weight:600}
.package-note{color:var(--sub);font-size:12px;font-weight:500;line-height:1.55}
.package-own-switch{margin-top:12px}
.package-prices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}
/* الإدارة: طريقة العرض بشرائح الفلاتر نفسها، وكل باقة سطح بهيرلاين مع أزرار الإدارة المعتادة. */
.package-mode{display:flex;flex-wrap:wrap;gap:6px}
.package-mode-hint{margin:0;color:var(--hint);font-size:12px;line-height:1.6}
.package-mode-hint.warn{color:var(--gold)}
.admin-package-list{display:grid;gap:10px}
.admin-package-row{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
.admin-package-main{min-width:0;display:grid;gap:4px}
.admin-package-main strong{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35}
.admin-package-price{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:13px;font-weight:700}
.admin-package-paid{color:var(--hint);font-size:11.5px}
.admin-package-main p{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.admin-package-actions{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}
.admin-package-actions button{min-height:40px;font-size:12.5px}
.package-paid-preview{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--sub);font-size:12.5px;line-height:1.6}

/* ===== إدارة الكوبونات: الحسبة، وفلاتر الحالة، وعدّاد الدفعة، والأكواد كاملة، وشريط التحديد، والاسترداد =====
   «غير مفعّلة» ما زالت تنباع، و«مفعّلة» انضافت لمحفظة عضو، و«مستردة» انلغت وجاها بديل. */
.coupon-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.coupon-books button{min-width:0;padding:12px 6px;display:grid;justify-items:center;gap:2px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease}
.coupon-books button.selected{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--glass-strong)}
.coupon-books small{color:var(--hint);font-size:11px;font-weight:650}
.coupon-books strong{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.15}
.coupon-books span{color:var(--sub);font-size:11px;font-weight:650;white-space:nowrap}
.coupon-status-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.coupon-status-chips::-webkit-scrollbar{display:none}
.coupon-batch-card .coupon-batch-meter{grid-column:1/-1;height:6px;display:flex;overflow:hidden;border-radius:999px;background:var(--fill)}
.coupon-batch-meter i{display:block;height:100%;width:0}
.coupon-batch-meter .used{background:var(--success)}
.coupon-batch-meter .left{background:var(--accent)}
.coupon-batch-card .coupon-batch-split{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--hint);font-size:10.5px;font-weight:650;line-height:1.5}
.coupon-batch-split .left{color:var(--neon)}
.coupon-batch-split .used{color:var(--success)}
.coupon-admin-row .coupon-admin-open{grid-template-columns:minmax(0,1fr) 14px;gap:8px;padding:10px 12px}
.coupon-admin-copy code{display:block;direction:ltr;unicode-bidi:isolate;text-align:end;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:650;line-height:1.55;letter-spacing:.01em;color:var(--text);word-break:break-all}
.coupon-admin-copy small{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.coupon-admin-copy .coupon-row-meta{color:var(--sub)}
.coupon-row-date{color:var(--hint)}
.coupon-admin-copy .coupon-row-meta.refund{color:var(--gold)}
.coupon-admin-row.is-refunded{opacity:.72}
.coupon-state.redeemed{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}
.coupon-state.refunded{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.coupon-select-bar{display:grid;gap:8px;padding:8px;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-line)}
/* Selected coupons: the actions float above the admin dock, whatever the scroll position. */
.coupon-bulk-actions.coupon-bulk-dock{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;position:fixed;z-index:30;bottom:calc(94px + var(--safe-bottom));inset-inline:max(12px,calc((100% - 616px) / 2));padding:8px 10px;border-radius:18px;background:var(--bar);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--glass-line));box-shadow:0 18px 40px -18px rgba(0,0,0,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.coupon-dock-open .coupon-admin-list{padding-bottom:76px}
.coupon-bulk-dock strong{flex:0 0 auto;grid-column:auto;padding:0 4px}
.coupon-bulk-dock button{flex:0 0 auto;min-height:38px;padding:0 10px}
/* the picked count doubles as the way out: ✕ clears the selection */
.coupon-bulk-dock .bulk-clear{gap:2px;padding-inline:8px 4px;color:var(--text)}
.coupon-bulk-dock .bulk-clear .app-icon{width:16px;height:16px;color:var(--hint)}
/* The order dock's four actions (إذاعة، إيميلات، تنفيذ، استرجاع) don't fit a phone row with icons: labels only there. */
@media (max-width:430px){
  #order-bulk-actions{gap:6px}
  #order-bulk-actions button:not(.bulk-clear){padding-inline:9px}
  #order-bulk-actions button:not(.bulk-clear) .app-icon{display:none}
}
.coupon-select-tools{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.coupon-select-tools::-webkit-scrollbar{display:none}
.coupon-select-tools>button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--glass-line);border-radius:10px;background:var(--glass);color:var(--link);font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.coupon-select-tools>button .app-icon{width:15px;height:15px}
.coupon-select-bar .coupon-bulk-picker{min-height:36px;padding:0;flex:0 0 auto;border:0;background:transparent;box-shadow:none}
.coupon-refund-box{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--glass);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--glass-line))}
.coupon-refund-box>div{display:grid;gap:6px}
.coupon-refund-box strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:750}
.coupon-refund-box strong .app-icon{width:18px;height:18px;color:var(--gold)}
.coupon-refund-box p{margin:0;color:var(--sub);font-size:12.5px;line-height:1.7}
.coupon-refund-box .wide-action{margin:0}
.coupon-refund-warn{margin:0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)!important;font-size:12.5px;font-weight:600;line-height:1.7}
.coupon-refund-sheet .field{margin-top:4px}
/* What a refund cannot take back, said before the money moves (order page and picked orders). */
.refund-warning{margin-top:12px;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gold) 13%,transparent);color:var(--text);font-size:13px;line-height:1.7}
.coupon-refund-pair{min-width:0;display:grid;gap:2px}
.coupon-refund-pair small{color:var(--hint);font-size:11px}
.wallet-page-indicator{color:var(--hint);font-size:12px;font-weight:600}

/* قسم السوشل ميديا: تبويبا «الطلبات / الإعدادات» مع عدّاد الباقي، وشرائح الحالة تمرّ أفقيًا مثل الكوبونات */
.smm-admin-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.smm-admin-tabs button b{min-width:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:18px}
.smm-admin-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
.smm-admin-chips::-webkit-scrollbar{display:none}

/* ===== هرم الدعوات (2026-10-03): سكة رأسية بالدرجات من أول هدية لقمة الهرم.
   كل درجة عقدة على السكة وبطاقة بهديتها. الواصلة عقدتها بنفسجية، والجاية حلقة تمتلي مع كل صديق يشتري،
   والمقفلة باهتة. المشاركة في شريط ثابت تحت، برا .content عشان يثبت على الشاشة. ===== */
.ladder-page{display:grid;gap:14px}
.ladder-hero{padding:16px 16px 14px;display:grid;gap:10px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.ladder-lead{margin:0;color:var(--sub);font-size:13px;line-height:1.75}
.ladder-score{display:flex;align-items:baseline;gap:10px}
.ladder-score strong{font-family:var(--font-display);font-size:58px;font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.ladder-score span{color:var(--sub);font-size:14px;font-weight:600}
.ladder-meter{position:relative;height:8px;overflow:hidden;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line)}
.ladder-meter i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p,0) * 100%);border-radius:inherit;background:var(--accent);transition:width .6s var(--ease)}
.ladder-meter.is-hero{height:10px}
.ladder-next{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--sub);font-size:13px}
.ladder-next b{color:var(--text);font-weight:700}
.ladder-next.is-top{color:var(--text);font-weight:600}
.ladder-next.is-top .app-icon{width:18px;height:18px;color:var(--neon)}
.ladder-pending{display:flex;align-items:center;gap:6px;color:var(--hint);font-size:12px}
.ladder-pending .app-icon{width:15px;height:15px}

.ladder-steps{list-style:none;margin:0;padding:0;display:grid}
.ladder-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding-block-end:12px}
.ladder-step:last-child{padding-block-end:0}
/* السكة بين العقدتين: رمادية، وتمتلي بنفسجي بقدر ما مشى العضو للدرجة اللي بعدها */
.ladder-step::before,.ladder-step::after{content:'';position:absolute;inset-inline-start:21px;width:2px;inset-block-start:44px;border-radius:2px}
.ladder-step::before{inset-block-end:0;background:var(--glass-line)}
.ladder-step::after{height:calc((100% - 44px) * var(--seg,0));background:var(--accent)}
.ladder-step:last-child::before,.ladder-step:last-child::after{display:none}
.ladder-node{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;
  background:var(--surface);border:1px solid var(--glass-line);color:var(--hint);
  font-family:var(--font-display);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.ladder-node .app-icon{width:20px;height:20px}
.is-claimed .ladder-node,.is-earned .ladder-node,.is-reached .ladder-node{background:var(--accent);border-color:transparent;color:#fff}
.is-earned .ladder-node,.is-reached .ladder-node{box-shadow:0 0 0 5px var(--accent-soft);animation:ladder-ring 2.2s var(--ease) infinite}
.is-next .ladder-node{border:0;color:var(--text);background:conic-gradient(var(--accent) calc(var(--p,0) * 1turn),var(--glass-line) 0)}
.is-next .ladder-node::after{content:'';position:absolute;inset:3px;z-index:-1;border-radius:50%;background:var(--surface)}
@keyframes ladder-ring{0%,100%{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 8px transparent}}

.ladder-card{min-width:0;padding:12px 14px;display:grid;gap:9px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.ladder-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
.ladder-card header strong{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text)}
.ladder-card header small{display:inline-flex;align-items:center;gap:4px;color:var(--hint);font-size:11.5px;font-weight:600}
.ladder-card header small .app-icon{width:14px;height:14px;color:var(--neon)}
.is-summit .ladder-card header small{color:var(--neon)}
.is-locked .ladder-card{background:transparent}
.is-locked .ladder-card header strong,.is-locked .ladder-gift{color:var(--sub)}
.is-earned .ladder-card,.is-reached .ladder-card{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.ladder-gifts{display:flex;flex-wrap:wrap;gap:6px}
.ladder-gift{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border-radius:999px;background:var(--fill);border:1px solid var(--glass-line);color:var(--text);font-size:12.5px;font-weight:600;line-height:1.4}
.ladder-gift b{color:var(--neon);font-weight:700}
.ladder-status{display:inline-flex;align-items:center;gap:6px;color:var(--sub);font-size:12.5px;font-weight:600}
.ladder-status .app-icon{width:16px;height:16px}
.ladder-status.is-claimed{color:var(--success)}
.ladder-status.is-soon{color:var(--neon)}
.ladder-status.is-locked{color:var(--hint)}
.ladder-claim{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;
  border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:transform .14s var(--ease)}
.ladder-claim:active{transform:scale(.97)}
.ladder-claim .app-icon{width:18px;height:18px}

.ladder-how{padding:14px 16px;display:grid;gap:10px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.ladder-how h2{margin:0;font-size:15px;color:var(--text)}
.ladder-how ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ladder-how li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;color:var(--sub);font-size:13px;line-height:1.75}
.ladder-how li b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--neon);font-size:12px}
.ladder-note{margin:0;color:var(--hint);font-size:12px;line-height:1.7}

.ladder-dock{position:fixed;z-index:40;inset-inline:0;bottom:0;width:min(100%,760px);margin-inline:auto;
  padding:10px var(--gutter) calc(10px + var(--safe-bottom));display:flex;align-items:center;gap:10px;
  background:color-mix(in srgb,var(--bar) 94%,transparent);border-top:1px solid var(--separator);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ladder-dock .checkout-continue{flex:1;min-height:52px;margin:0}
.ladder-copy{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--glass-line);background:var(--surface);color:var(--text);cursor:pointer}
.ladder-copy:active{transform:scale(.96)}

.ladder-claim-sheet .ladder-gifts{margin-block:4px 2px}
.ladder-unit{margin:0 0 12px;padding:12px 12px 0;border-radius:16px;border:1px solid var(--glass-line);background:var(--fill)}
.ladder-unit legend{padding:0 6px;color:var(--text);font-size:13px;font-weight:700}
.ladder-claimed-sheet{text-align:center}
.ladder-claimed-icon{width:56px;height:56px;margin:4px auto 0;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}
.ladder-claimed-icon .app-icon{width:26px;height:26px}
.ladder-claimed{list-style:none;margin:6px 0;padding:0;display:grid;gap:8px;text-align:start}
.ladder-claimed li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--fill);border:1px solid var(--glass-line)}
.ladder-claimed li>span{min-width:0;display:grid;gap:2px;font-size:13.5px;font-weight:600;color:var(--text)}
.ladder-claimed li small{color:var(--hint);font-size:11.5px;font-weight:500}
.ladder-claimed b,.ladder-pill{flex:0 0 auto;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}
.ladder-claimed b.is-done,.ladder-pill.is-done{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.ladder-claimed b.is-wait,.ladder-pill.is-wait{background:var(--accent-soft);color:var(--neon)}

/* صفحة المشرف */
.ladder-admin-page{display:grid;gap:14px}
.ladder-admin-link{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.ladder-admin-link>div{min-width:0;display:grid;gap:3px}
.ladder-admin-link strong{font-size:14px;color:var(--text)}
.ladder-admin-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hint);font-size:11.5px}
.ladder-admin-link button,.ladder-remove{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--glass-line);background:var(--fill);color:var(--text);cursor:pointer}
.ladder-remove:disabled{opacity:.35;cursor:not-allowed}
.ladder-remove .app-icon,.ladder-admin-link .app-icon{width:18px;height:18px}
.ladder-admin-hint{margin:-6px 2px 0;color:var(--hint);font-size:12px;line-height:1.7}
.ladder-admin-editor{display:grid;gap:10px}
.ladder-switch{min-height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;background:var(--surface);border:1px solid var(--glass-line);color:var(--text);font-size:14px;font-weight:600}
.ladder-switch input{width:20px;height:20px;accent-color:var(--accent)}
.ladder-tiers-edit{display:grid;gap:10px}
.ladder-tier-edit{padding:12px;display:grid;gap:8px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.ladder-tier-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:end;gap:8px}
.ladder-tier-index{width:30px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--neon);font-family:var(--font-display);font-weight:700}
.ladder-tier-head label{display:grid;gap:4px;color:var(--hint);font-size:12px;font-weight:600}
.ladder-tier-edit input,.ladder-tier-edit select{width:100%;min-height:42px;padding:8px 12px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);color:var(--text);font-size:14px;outline:none}
.ladder-tier-edit input:focus,.ladder-tier-edit select:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.ladder-reward-edit{display:grid;grid-template-columns:minmax(0,1fr) 64px 40px;align-items:center;gap:8px}
.ladder-add{justify-self:start;min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px dashed var(--glass-line);background:transparent;color:var(--neon);font-size:12.5px;font-weight:600;cursor:pointer}
.ladder-add .app-icon{width:16px;height:16px}
.ladder-leaders{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ladder-leaders button{width:100%;padding:10px 12px;display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line);color:var(--text);text-align:start;cursor:pointer}
.ladder-recent button{grid-template-columns:minmax(0,1fr) auto}
.ladder-rank{font-family:var(--font-display);font-size:16px;color:var(--hint);text-align:center}
.ladder-leaders li:first-child .ladder-rank{color:var(--neon)}
.ladder-who{min-width:0;display:grid;gap:3px}
.ladder-who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.ladder-who small{color:var(--hint);font-size:11.5px}
.ladder-who .ladder-gifts{margin-top:3px}
.ladder-score-cell{display:grid;justify-items:end;gap:1px}
.ladder-score-cell strong{font-family:var(--font-display);font-size:19px;font-variant-numeric:tabular-nums}
.ladder-score-cell small{color:var(--hint);font-size:11px}
@media (prefers-reduced-motion:reduce){
  .is-earned .ladder-node,.is-reached .ladder-node{animation:none}
  .ladder-meter i{transition:none}
}

/* ===== التسليم من المورد (2026-10-03): الخيار الثالث للتسليم في صفحة المنتج عند المشرف.
   مفتاح تشغيل، حالة بلون واحد، أرقام المورد الحية، حد التكلفة، وآخر المشتريات. ===== */
.supplier-panel{display:grid;gap:12px}
.supplier-panel[hidden]{display:none}
.supplier-switch{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;background:var(--surface);border:1px solid var(--glass-line);cursor:pointer}
.supplier-switch>span{min-width:0;display:grid;gap:3px}
.supplier-switch strong{font-size:14.5px;color:var(--text)}
.supplier-switch small{color:var(--hint);font-size:12px}
.supplier-switch input{flex:0 0 auto;width:22px;height:22px;accent-color:var(--accent)}
.supplier-state{justify-self:start;min-height:30px;padding:4px 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:12.5px;font-weight:700}
.supplier-state i{width:8px;height:8px;border-radius:50%;background:currentColor}
.supplier-state.is-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.supplier-state.is-warn{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}
.supplier-state.is-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.supplier-facts bdi{font-variant-numeric:tabular-nums}
.supplier-limit{margin:0}
.supplier-limit label{line-height:1.7}
.supplier-recent h4{margin:0 0 8px;color:var(--sub);font-size:13px}
.supplier-recent ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.supplier-recent li{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;background:var(--fill);border:1px solid var(--glass-line);font-size:12.5px}
.supplier-recent li>span{display:grid;gap:2px}
.supplier-recent li small{color:var(--hint);font-size:11px}

/* ===== بانر عرض جيمناي (2026-10-03، بدل بانر السوشل ميديا؛ قصّرناه 2026-10-09 بنفس العرض) =====
   الشخصية يمين (نصها الفوقاني: الوجه والجوال والإبهام)، وجنبها: الاسم والخصم، ثم السعر الكبير والقديم مشطوب
   وتحته سعر النجوم، وزر الشراء على اليسار. كل رقم في جزيرة LTR لحاله. */
.deal-banner{
  --deal-ground:#0A0617;--deal-ground-2:#1A0C3D;--deal-ink:#FFFFFF;--deal-sub:rgba(236,228,255,.74);
  --deal-spot:rgba(150,108,255,.55);--deal-line:color-mix(in srgb,var(--accent) 42%,transparent);
  position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:114px;margin:0 0 14px;padding:0;
  display:grid;grid-template-columns:27% minmax(0,1fr);align-items:stretch;
  border:1px solid var(--deal-line);border-radius:22px;
  background:linear-gradient(160deg,var(--deal-ground-2) 0%,var(--deal-ground) 66%);
  color:var(--deal-ink);text-align:start;cursor:pointer;
  box-shadow:0 16px 34px -24px rgba(98,52,230,.9);transition:transform .16s var(--ease);
}
.deal-banner:active{transform:scale(.985)}
:root[data-brand-theme="day"] .deal-banner{
  --deal-ground:#F7F2FF;--deal-ground-2:#E7DCFF;--deal-ink:#1A0E3D;--deal-sub:rgba(42,26,92,.74);
  --deal-spot:rgba(138,92,255,.30);box-shadow:0 16px 32px -26px rgba(98,52,230,.55);
}
.deal-stage{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.deal-stage>i{position:absolute;display:block}
/* the light falls on the mascot's column only */
.deal-spot{inset-block:-60% -20%;inset-inline-start:-6%;width:40%;
  background:radial-gradient(ellipse 60% 55% at 50% 45%,var(--deal-spot),transparent 72%)}
.deal-twinkle{position:absolute;fill:#D9C8FF;animation:deal-twinkle 2.8s var(--ease) infinite}
:root[data-brand-theme="day"] .deal-twinkle{fill:#8A5CFF}
.deal-twinkle.t1{width:10px;inset-block-start:10px;inset-inline-start:8px;animation-delay:.3s}
@keyframes deal-twinkle{0%,100%{transform:scale(.55) rotate(0deg);opacity:.35}50%{transform:scale(1) rotate(45deg);opacity:1}}
.deal-shine{inset-block:-40%;width:26%;inset-inline-start:-40%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:deal-shine 5.5s ease-in-out infinite}
@keyframes deal-shine{0%,62%{inset-inline-start:-40%}100%{inset-inline-start:130%}}

/* the mascot's top half: the whole figure is drawn at the column's width and the banner's bottom edge crops it */
.deal-figure{position:relative;min-height:0}
.deal-figure img{position:absolute;inset-inline:6px 2px;top:7px;width:calc(100% - 8px);height:auto;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));transform-origin:50% 30%;animation:deal-bob 2.8s ease-in-out infinite}
@keyframes deal-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.deal-copy{min-width:0;padding-block:12px;padding-inline:2px 12px;display:grid;
  grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title off" "price cta" "stars cta";
  align-items:center;column-gap:8px;row-gap:1px}
.deal-title{grid-area:title;display:flex;align-items:center;gap:5px;min-width:0;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.35;color:var(--deal-ink);white-space:nowrap}
.deal-title small{font-size:12.5px;color:var(--deal-sub)}
/* a longer title (English «Gemini Pro 18 months») gives way before the discount pill: the name stays whole and the
   duration beside it ends in … */
.deal-title>span{display:flex;align-items:baseline;gap:4px;min-width:0}
.deal-title>span>small{min-width:0;overflow:hidden;text-overflow:ellipsis}
.deal-mark{flex:0 0 15px;width:15px;height:15px}
.deal-off{grid-area:off;justify-self:end;padding:1px 9px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}
.deal-price{grid-area:price;display:flex;align-items:baseline;gap:8px;line-height:1}
.deal-now{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--deal-ink);animation:deal-pop .7s var(--spring) both}
.deal-now span{font-size:20px;margin-inline-start:2px}
.deal-price s{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--deal-sub);text-decoration-thickness:2px;text-decoration-color:#FF5C7A}
@keyframes deal-pop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.deal-stars{grid-area:stars;display:inline-flex;align-items:center;gap:5px;color:var(--deal-sub);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.deal-stars .stars-value{display:inline-flex;align-items:center;gap:3px;color:var(--deal-ink);font-weight:800}
.deal-stars .stars-value>:last-child{width:13px;height:13px;flex:0 0 13px}
.deal-cta{grid-area:cta;justify-self:end;padding:8px 12px 8px 9px;display:inline-flex;align-items:center;gap:3px;border-radius:999px;background:#FFFFFF;color:#2A0F72;font-size:12.5px;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(0,0,0,.6)}
:root[data-brand-theme="day"] .deal-cta{background:var(--accent);color:#fff}
.deal-cta .app-icon{width:14px;height:14px}
@media (max-width:360px){
  .deal-banner{grid-template-columns:25% minmax(0,1fr)}
  .deal-now{font-size:36px}
  .deal-title{font-size:14.5px}
  .deal-title small{display:none}
}
@media (prefers-reduced-motion:reduce){
  .deal-twinkle,.deal-shine,.deal-figure img,.deal-now{animation:none}
}
.supplier-hint{display:block;margin-top:6px;color:var(--hint);font-size:12px;line-height:1.6}

/* ===== سجل المشتريات من المورد (2026-10-03) ===== */
.supplier-log-page{display:grid;gap:12px}
.supplier-log-note{margin:0;color:var(--hint);font-size:12px;line-height:1.7}
.supplier-log-list{display:grid;gap:10px}
.supplier-log-card{padding:12px 14px;display:grid;gap:8px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.supplier-log-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.supplier-log-card header small{color:var(--hint);font-size:11.5px}
.supplier-log-state{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:12px;font-weight:700}
.supplier-log-state i{width:7px;height:7px;border-radius:50%;background:currentColor}
.supplier-log-state.is-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.supplier-log-state.is-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.supplier-log-state.is-wait{background:var(--accent-soft);color:var(--neon)}
.supplier-log-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.supplier-log-meta strong{font-size:14px;color:var(--text)}
.supplier-log-meta span{color:var(--sub);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.supplier-log-ref,.supplier-ref-copy{justify-self:start;min-height:32px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;border-radius:10px;border:1px solid var(--glass-line);background:var(--fill);color:var(--sub);font-size:12px;cursor:pointer}
.supplier-log-ref bdi,.supplier-ref-copy bdi{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
.supplier-log-ref .app-icon,.supplier-ref-copy .app-icon{width:15px;height:15px}
.supplier-log-fail{margin:0;color:var(--danger);font-size:12.5px;font-weight:600}
.supplier-log-codes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.supplier-log-codes li{padding:10px;display:grid;gap:6px;border-radius:12px;background:var(--fill);border:1px solid var(--glass-line)}
.supplier-log-who{display:flex;flex-wrap:wrap;gap:6px}
.supplier-log-who button{min-height:30px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid var(--glass-line);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:700;cursor:pointer}
.supplier-log-who button:first-child{background:var(--accent-soft);color:var(--neon);border-color:transparent}
.supplier-log-free{color:var(--hint);font-size:12px}
.supplier-log-codes small{color:var(--hint);font-size:11.5px;line-height:1.6}
.supplier-log-code{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px}
.supplier-log-code code{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;background:var(--surface);color:var(--sub);font-size:11.5px;text-align:left}
.supplier-log-code button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--glass-line);background:var(--surface);color:var(--text);cursor:pointer}
.supplier-log-code .app-icon{width:15px;height:15px}

/* ===== رئيسية الإدارة المرتبة (2026-10-04): مربعات ثلاثة في الصف بعناوين أقسام، والعدد شارة على المربع ===== */
.admin-home{display:grid;gap:16px}
.admin-home-group{display:grid;gap:8px}
.admin-home-group>h2{margin:0;padding-inline:4px;color:var(--sub);font-size:13px;font-weight:700}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.admin-tile{position:relative;min-width:0;min-height:88px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  border-radius:16px;background:var(--surface);border:1px solid var(--glass-line);color:var(--text);text-align:center;font:inherit;cursor:pointer;
  transition:transform .14s var(--ease),background-color .14s ease}
.admin-tile:active{transform:scale(.97);background:var(--surface-2)}
.admin-tile-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.admin-tile-icon .app-icon{width:19px;height:19px}
.admin-tile strong{max-width:100%;font-size:12.5px;font-weight:700;line-height:1.35}
.admin-tile small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hint);font-size:11px;line-height:1.3}
.admin-tile-badge{position:absolute;inset-block-start:7px;inset-inline-end:7px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;
  border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.admin-tile.is-alert .admin-tile-icon{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.admin-tile.is-alert .admin-tile-badge{background:var(--danger)}

/* ===== صفحات الإدارة أقصر (2026-10-04، طلب المالك: «نفس الطريقة في الإدارة في كثير أشياء») =====
   «عنوان: قيمة» صارت خانات صغيرة اثنتين في الصف بدل سطر كامل لكل وحدة (صفحة المنتج، تفاصيل الطلب، ملف العضو،
   المورد)، والإحصائيات ثلاث في الصف، والمنتجات مربعات ثلاثة في الصف. كله داخل صفحات الإدارة فقط. */
#app[data-page^="admin:"] .summary,
#app[data-page^="admin:"] .member-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--separator)}
#app[data-page^="admin:"] .summary>div,
#app[data-page^="admin:"] .member-detail-grid>div{min-width:0;min-height:0;padding:9px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
  border-bottom:0;background:var(--surface-card,var(--surface))}
#app[data-page^="admin:"] .summary>div:last-child:nth-child(odd),
#app[data-page^="admin:"] .member-detail-grid>div:last-child:nth-child(odd){grid-column:1/-1}
#app[data-page^="admin:"] .summary span,
#app[data-page^="admin:"] .member-detail-grid span{font-size:11.5px;line-height:1.4}
#app[data-page^="admin:"] .summary strong,
#app[data-page^="admin:"] .member-detail-grid strong{max-width:100%;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}

#app[data-page="admin:stats"] .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#app[data-page="admin:stats"] .metric{padding:10px}

#app[data-page="admin:products"] .admin-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#app[data-page="admin:products"] .admin-product-row{min-height:0;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
#app[data-page="admin:products"] .admin-product-row>.app-icon{display:none}
#app[data-page="admin:products"] .admin-product-cover{width:64px;height:64px;border-radius:14px}
#app[data-page="admin:products"] .admin-row-main{width:100%;display:grid;gap:6px;justify-items:center}
#app[data-page="admin:products"] .admin-row-main h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4}
#app[data-page="admin:products"] .admin-row-main p{margin:0;justify-content:center;gap:4px}
#app[data-page="admin:products"] .admin-row-main .admin-pill{font-size:10.5px;padding:2px 7px}

/* أزرار الإجراءات في صفحات الإدارة (المنتج، العضو، الطلب، المورد): مربعات ٣ في الصف بأيقونة بدل أزرار طويلة تحت بعض.
   شبكة ٦ أعمدة: كل زر عمودين. لو بقي زر واحد في آخر صف ياخذ الصف كله، ولو بقي زران ياخذ كل واحد نصه. */
.admin-actions.is-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.admin-actions.is-tiles>button{grid-column:span 2;min-width:0;min-height:72px;padding:10px 6px 9px;flex-direction:column;gap:6px;border-radius:14px;font-size:12px;font-weight:700;line-height:1.3;text-align:center}
.admin-actions.is-tiles>button .app-icon{width:20px;height:20px}
.admin-actions.is-tiles>button:not(.success):not(.danger):not(.primary) .app-icon{color:var(--neon)}
.admin-actions.is-tiles>button>span:not(.app-icon){max-width:100%;overflow-wrap:anywhere}
.admin-actions.is-tiles>button:nth-last-child(2):nth-child(3n+1),
.admin-actions.is-tiles>button:last-child:nth-child(3n+2){grid-column:span 3}
.admin-actions.is-tiles>button:last-child:nth-child(3n+1){grid-column:1/-1;min-height:46px;flex-direction:row;gap:8px}
.sale-section-title>.section-link{flex:none;min-height:32px;padding-inline:12px 9px;display:inline-flex;align-items:center;gap:3px;border:1px solid var(--glass-line);border-radius:999px;background:var(--glass);color:var(--neon);font-size:12px;font-weight:700;cursor:pointer}
.sale-section-title>.section-link .app-icon{width:15px;height:15px}
.sale-actions .review-request-state{width:fit-content;max-width:100%}
#app[data-page^="admin:smm:"] .log-row .log-what{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* «الدعم الآلي» للمشرف (2026-10-06): صرف اليوم مقابل الحد، النشاط، الأكثر استخدامًا، الأخطاء والمحادثات */
.ai-admin .empty{padding:18px 12px}
.ai-admin .admin-kpi.is-low{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}
.ai-admin .admin-kpi.is-low strong{color:var(--danger);font-size:17px}
.ai-state{display:inline-flex;align-items:center;gap:5px}
.ai-state i{width:6px;height:6px;border-radius:50%;background:currentColor}
.ai-state.is-bad{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}
.ai-state.is-warn{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.ai-budget,.ai-activity{padding:12px 14px;display:grid;gap:8px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.ai-budget header,.ai-activity header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ai-budget header strong,.ai-activity header strong{color:var(--text);font-size:13.5px}
.ai-budget header span{color:var(--sub);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ai-budget small,.ai-activity small{color:var(--hint);font-size:11.5px;line-height:1.6}
.ai-budget-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--fill)}
.ai-budget-bar i{width:var(--fill,0%);height:100%;display:block;border-radius:inherit;background:var(--accent)}
.ai-budget.is-near .ai-budget-bar i{background:var(--gold)}
.ai-budget.is-full .ai-budget-bar i{background:var(--danger)}
.ai-budget.is-full header span{color:var(--danger)}
.ai-bars{height:76px;display:flex;align-items:flex-end;gap:3px}
.ai-bar{flex:1 1 0;min-width:3px;height:var(--h,4%);display:flex;flex-direction:column;overflow:hidden;border-radius:4px 4px 1px 1px}
.ai-bar i{flex:1 1 0;display:block;min-height:2px;background:var(--accent)}
.ai-bar i.is-blocked{background:var(--danger)}
.ai-bars-axis{display:flex;justify-content:space-between;color:var(--hint);font-size:11px;font-variant-numeric:tabular-nums}
.ai-card{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer}
.ai-card .supplier-log-state{justify-self:start}
.ai-card-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ai-card code{min-width:0;max-width:55%;padding:3px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;background:var(--fill);color:var(--hint);font-size:11px}
.ai-who{min-width:0;display:inline-flex;align-items:center;gap:8px}
.ai-who .avatar{width:26px;height:26px;flex-basis:26px;border-radius:9px;font-size:12px}
.ai-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}
.ai-q{margin:0;font-size:13.5px;font-weight:700;line-height:1.7}
.ai-a{margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--sub);font-size:12.5px;line-height:1.7}
.ai-a.is-none{color:var(--hint)}
.ai-user-status{display:flex;flex-wrap:wrap;gap:6px}
.ai-chat{display:grid;gap:8px}
.ai-msg{max-width:88%;padding:9px 12px;display:grid;gap:4px;border-radius:14px}
.ai-msg p{margin:0;font-size:13px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.ai-msg small{color:var(--hint);font-size:10.5px}
.ai-msg.is-user{justify-self:start;background:var(--accent-soft);border-start-start-radius:4px}
.ai-msg.is-bot{justify-self:end;background:var(--surface);border:1px solid var(--glass-line);border-start-end-radius:4px}

/* ورقة تفعيل الكوبون (رابط startapp=redeem) */
.coupon-redeem-sheet p{margin:0 0 12px;color:var(--sub);font-size:13px;line-height:1.7}

/* ===== Spacing that only lived in telegram.css (owner 2026-10-10: «التصاق الصناديق») =====
   index.html stopped loading telegram.css when the brand skin took over, and these containers never got their
   layout here, so their boxes stacked edge to edge: the wallet payment methods, the wallet request buttons,
   checkout fields, admin and competition pages, discovery forms. Layout only (display, gap, margins, columns);
   colours, borders and surfaces stay brand.css's own. */
.wallet-payment-methods{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.wallet-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.wallet-detail-actions>*{margin:0}
.wallet-admin-topup-list{display:grid;gap:8px}
.wallet-consent{display:flex;align-items:center;justify-content:space-between;gap:12px}
.checkout-fields{display:grid;gap:10px}
.checkout-field{display:grid;gap:6px}
.purchase-review-section,.checkout-form-section{margin-top:14px}
.product-page-loading{display:grid;gap:12px}
.admin-competitions-page,.admin-stats-page,.user-competition-hero{display:grid;gap:12px}
.button-content-page{gap:10px}
.affiliate-admin-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.affiliate-admin-settings>label,.toggle-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.affiliate-admin-settings>label>span{flex:1;min-width:0}
.affiliate-admin-settings>label>input[type=number]{flex:0 0 96px;width:96px;min-width:0;text-align:center}
.affiliate-admin-withdrawal>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.content-fact{display:flex;align-items:center;gap:10px}
.content-poll{display:grid;gap:7px}
.discovery-form{display:grid;gap:13px}
.discovery-admin-search{margin-top:11px}
.price-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.discount-scope{margin:12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.notify-discount{margin-top:12px}
.stock-toolbar{margin:12px 0}
.identity{min-width:0;display:flex;align-items:center;gap:10px}
.compact-summary{margin:0}
.binance-claim-help{margin:0 0 12px}
/* the TxID sheets: «تحقق وأضف الرصيد» stays on one line, «إلغاء» only as wide as its word */
.binance-claim-sheet .sheet-actions{grid-template-columns:minmax(0,1fr) auto}
.wallet-binance-page .binance-claim-open{margin-top:12px;width:100%}
.skeleton-list-row{min-height:70px;padding:10px 14px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}
.discovery-upload>label{min-height:44px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:0 9px;cursor:pointer}
.discovery-upload>label>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--fill);color:var(--accent)}
.wallet-detail-actions .chain-claim-open{grid-column:1/-1}

/* ===== اللغات من اليسار لليمين (الإنجليزية والروسية والصينية) ===== */
:root[dir='ltr'] .icon-nav-arrow-left,:root[dir='ltr'] .icon-nav-arrow-right{transform:scaleX(-1)}
:root[dir='ltr'] .original-prices,:root[dir='ltr'] .original-label{direction:ltr}
/* arrows turned to point down (an open list, a select) stay pointing down */
:root[dir='ltr'] details[open]>summary .app-icon:last-child,:root[dir='ltr'] .reviews-more[open]>summary .app-icon,
:root[dir='ltr'] .competition-prizes[open] summary>.app-icon:last-child,:root[dir='ltr'] .smm-select>.app-icon{transform:scaleX(-1) rotate(-90deg)}
:root[lang='zh']{
  --font-body:'Plex Arabic',-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC',sans-serif;
  --font-display:'Modal3at','Plex Arabic',-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC','Noto Sans CJK SC',sans-serif;
}

/* ===== «إحصائيات ديب سيك»: الأعضاء حسب اللغة، والترجمات المحفوظة ===== */
.lang-stats{display:grid;gap:8px}
.lang-stat{padding:12px 14px;display:grid;gap:8px;border-radius:16px;background:var(--surface);border:1px solid var(--glass-line)}
.lang-stat header{min-width:0;display:flex;align-items:center;gap:8px}
.lang-stat header strong{flex:1 1 auto;color:var(--text);font-size:14px}
.lang-stat header b{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}
.lang-stat header span{min-width:46px;color:var(--sub);font-size:12px;font-weight:700;text-align:end;font-variant-numeric:tabular-nums}
.lang-stat small{color:var(--hint);font-size:11.5px;line-height:1.6}
.lang-stat .lang-flag,.deepseek-saved .lang-flag{flex:0 0 auto;border-radius:50%}
.deepseek-saved{display:grid;gap:8px}
.deepseek-saved>div{padding:11px 14px;display:grid;gap:7px;border-radius:14px;background:var(--surface);border:1px solid var(--glass-line)}
.deepseek-saved small{color:var(--sub);font-size:12px}
.deepseek-saved strong{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}
.deepseek-saved strong span{margin-inline-start:-10px}
.deepseek-saved .lang-flag{width:18px;height:18px}
.deepseek-admin .admin-note strong{color:var(--text)}

/* «نجوم البوت» (2026-10-15): the balance, the period's numbers, the income bars, the transactions and their sheet */
.stars-admin{display:grid;gap:14px}
.stars-admin .in,.stars-sheet .in{color:var(--success)}
.stars-admin .out,.stars-sheet .out{color:var(--danger)}
.stars-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.stars-hero-mark{flex:none;width:48px;height:48px}
.stars-hero div{display:grid;gap:3px;min-width:0}
.stars-hero small{color:var(--sub);font-size:12px;font-weight:600}
.stars-hero strong{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.15;color:var(--text)}
.stars-hero span{color:var(--hint);font-size:12px;line-height:1.6}
.stars-alert{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,77,109,.35);background:rgba(255,77,109,.07);color:var(--text);font:inherit;font-size:13px;font-weight:650;text-align:start;cursor:pointer}
.stars-alert .icon{flex:none;color:var(--danger)}
.stars-kpi-count{color:var(--hint);font-size:11px}
.stars-chart{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.stars-chart header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.stars-chart header strong{font-size:14px;font-weight:700}
.stars-chart header span{color:var(--sub);font-size:12px}
.stars-chart small{color:var(--hint);font-size:12px}
.stars-bars{display:flex;align-items:flex-end;gap:3px;height:96px;direction:ltr}
.stars-bar{flex:1 1 0;min-width:2px;height:100%;display:flex;align-items:flex-end}
.stars-bar i{display:block;width:100%;height:var(--level,2%);border-radius:4px 4px 2px 2px;background:var(--accent)}
.stars-bars-axis{display:flex;justify-content:space-between;color:var(--hint);font-size:11px;direction:ltr}
.stars-top{display:grid;gap:6px}
.stars-top div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--glass-line)}
.stars-top strong{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars-top span{color:var(--hint);font-size:12px}
.stars-top b{font-size:14px;font-weight:760}
.stars-list-group{display:grid;gap:10px}
.stars-tabs{gap:2px;overflow-x:auto;scrollbar-width:none}
.stars-tabs::-webkit-scrollbar{display:none}
.stars-tabs button{flex:1 0 auto;padding-inline:8px;font-size:12.5px}
.stars-tabs button b{min-width:18px;padding:1px 6px;border-radius:999px;background:rgba(255,77,109,.16);color:var(--danger);font-size:11px}
.stars-rows{display:grid;gap:8px}
.stars-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--glass-line);color:var(--text);font:inherit;text-align:start;cursor:pointer}
.stars-row:active{background:var(--surface-2)}
.stars-row.is-alert{border-color:rgba(255,77,109,.35)}
.stars-row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--neon)}
.stars-row.is-refund .stars-row-icon{background:rgba(255,77,109,.1);color:var(--danger)}
.stars-row.is-withdrawal .stars-row-icon,.stars-row.is-withdrawal_return .stars-row-icon{background:var(--surface-2);color:var(--sub)}
.stars-row-main{display:grid;gap:3px;min-width:0}
.stars-row-main strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars-row-main small{color:var(--hint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars-row-side{display:grid;justify-items:end;gap:4px}
.stars-row-side b{font-size:15px;font-weight:780}
.stars-badge{padding:2px 8px;border-radius:999px;background:var(--fill);color:var(--sub);font-size:10.5px;font-style:normal;font-weight:700;white-space:nowrap}
.stars-badge.is-alert{background:rgba(255,77,109,.12);color:var(--danger)}
.stars-badge.is-wait{background:var(--accent-soft);color:var(--neon)}
.stars-empty{padding:18px 0;color:var(--hint);font-size:13px;text-align:center}
.stars-sheet-amount{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--font-display);font-size:30px;font-weight:800}
.stars-sheet-amount img{width:22px;height:22px}
.stars-sheet-rows{display:grid;margin:6px 0 0}
.stars-sheet-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-block-end:1px solid var(--separator)}
.stars-sheet-rows dt{color:var(--hint);font-size:13px}
.stars-sheet-rows dd{margin:0;font-size:13px;font-weight:650;text-align:end}
.stars-sheet-note{margin:12px 0 0;color:var(--sub);font-size:13px;line-height:1.75}
.stars-refund-ask{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:14px;border-radius:14px;border:1px solid rgba(255,77,109,.4);background:transparent;color:var(--danger);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.stars-refund-confirm{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:rgba(255,77,109,.06);border:1px solid rgba(255,77,109,.3)}
.stars-refund-confirm p{margin:0;font-size:13.5px;line-height:1.75}
.stars-refund-confirm .sheet-actions{margin-top:12px}
.stars-sheet .confirm.danger{background:var(--danger);color:#fff;box-shadow:none}
.stars-sheet-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px}

/* «وضع الضيف» (2026-10-15): the sheet that explains it, its status, the copyable example and the BotFather steps */
.guest-sheet p{margin:0 0 12px;color:var(--sub);font-size:14px;line-height:1.75}
.guest-status{margin-inline-start:8px;padding:2px 10px;border-radius:999px;background:rgba(255,77,109,.12);color:var(--danger);font-size:12px;font-style:normal;font-weight:700;vertical-align:middle}
.guest-status.is-on{background:rgba(5,223,114,.12);color:var(--success)}
.guest-example{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 14px;padding:12px 14px;border-radius:var(--radius-sm);border:1px dashed var(--glass-line);background:var(--surface);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.guest-example .icon{flex:none;color:var(--neon)}
.guest-steps{display:grid;gap:8px;margin:0 0 14px;padding-inline-start:20px;color:var(--text);font-size:14px;line-height:1.7}
.guest-kpis{margin-bottom:12px}
.guest-sheet .guest-note{margin:0;color:var(--hint);font-size:12.5px}
.guest-actions{grid-template-columns:1fr}

/* «ربحك منه» (2026-10-16): what a creator's orders left the owner after his commission, and the bonus picks */
.creator-profit{display:grid;gap:12px;margin-top:14px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.creator-profit header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.creator-profit h2{margin:0;font-size:16px}
.creator-profit .orders-filters{margin:0}
.creator-profit-main{display:grid;gap:3px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--accent-soft)}
.creator-profit-main small{color:var(--sub);font-size:12px;font-weight:600}
.creator-profit-main strong{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.2;color:var(--success)}
.creator-profit-main span{color:var(--hint);font-size:12px}
.creator-profit-rows{display:grid;margin:0}
.creator-profit-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-block-end:1px solid var(--separator)}
.creator-profit-rows dt{color:var(--sub);font-size:13px}
.creator-profit-rows dd{margin:0;font-size:13px;font-weight:700}
.creator-profit-rows .is-total dt,.creator-profit-rows .is-total dd{color:var(--text);font-weight:800}
.creator-profit-note{margin:0;color:var(--hint);font-size:12.5px;line-height:1.7}
.creator-profit-top{display:grid;gap:6px}
.creator-profit-top small{color:var(--hint);font-size:12px}
.creator-profit-top div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;font-size:13px}
.creator-profit-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.creator-profit-top span{color:var(--hint);font-size:12px}
.creator-bonus{display:grid;gap:8px}
.creator-bonus small{color:var(--sub);font-size:12px;line-height:1.6}
.creator-bonus div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.creator-bonus button{display:grid;justify-items:center;gap:2px;padding:10px 6px;border-radius:14px;border:1px solid var(--glass-line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer}
.creator-bonus button span{color:var(--neon);font-size:13px;font-weight:800}
.creator-bonus button b{font-size:12px;font-weight:700}

/* «نجوم البوت» (2026-10-16): what opened for withdrawal today, tomorrow, and what is still within the 21 days */
.stars-open{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.stars-open-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stars-open-grid>*{display:grid;align-content:start;gap:4px;padding:10px;border-radius:var(--radius-sm);background:var(--surface-2)}
/* the figures open their batch's invoices («فواتير السحب», owner 2026-10-22) */
.stars-open-grid>button{width:100%;border:0;color:var(--text);font:inherit;text-align:start;cursor:pointer}
.stars-open-grid .is-primary{background:var(--accent-soft)}
.stars-open-grid small{color:var(--hint);font-size:11px;font-weight:600}
.stars-open-grid strong{font-size:18px;font-weight:780}
.stars-open-grid span{color:var(--hint);font-size:11px;line-height:1.5}
.stars-open-sure{margin:0;color:var(--text);font-size:13px}
.stars-open-note{margin:0;color:var(--hint);font-size:12px;line-height:1.7}
.stars-open-browse{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-line);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;font-weight:700;text-align:start;cursor:pointer}
.stars-open-browse span:not(.app-icon){flex:1}
.stars-open-browse .app-icon{flex:none;color:var(--neon)}
.stars-open-browse .app-icon:last-child{color:var(--hint)}
/* «فواتير السحب»: a chip per withdrawal batch (its day and Stars), the chosen batch, then its invoices */
.stars-batch-chip{gap:6px}
.stars-batch-chip img{width:14px;height:14px;margin-inline-start:2px}
.stars-batch-chip bdi{color:var(--text);font-weight:750}
.stars-batch-chip.active bdi{color:#fff}
.stars-batch-chip.is-withdrawn:not(.active){color:var(--hint)}
.stars-batch-chip.is-withdrawn:not(.active) bdi{color:var(--hint)}
.stars-batch-chip.is-ready:not(.active){border-color:var(--success)}
.stars-batch-head{display:grid;gap:4px;padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--glass-line)}
.stars-batch-head small{color:var(--hint);font-size:12px;font-weight:650}
.stars-batch-head strong{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:780;line-height:1.2}
.stars-batch-head span{color:var(--sub);font-size:12.5px}
.stars-batch-state{margin:6px 0 0;padding-top:8px;border-top:1px solid var(--glass-line);color:var(--text);font-size:13px;font-weight:650}
.stars-batch-head.is-ready .stars-batch-state{color:var(--success)}
.stars-batch-head.is-withdrawn .stars-batch-state{color:var(--sub)}