/* dzflexi Store visual tokens. Presentational only. */
.dz-shop{
  --dz-bg:#fbfbfd;
  --dz-surface:#ffffff;
  --dz-elevated:#ffffff;
  --dz-ink:#0b0b0f;
  --dz-muted:#6e6e73;
  --dz-line:rgba(11,11,15,.08);
  --dz-accent:#2563eb;
  --dz-ease:cubic-bezier(.22,1,.36,1);
  --dz-radius:18px;
  isolation:isolate;
  width:100%;
  min-height:100%;
  background:var(--dz-bg);
  color:var(--dz-ink);
  color-scheme:light;
}
:is(.dz-shop.dz-dark,html[data-dz-theme=dark] .dz-shop){
  --dz-bg:#0a0a0c;
  --dz-surface:#121214;
  --dz-elevated:#1a1a1f;
  --dz-ink:#f5f5f7;
  --dz-muted:#a1a1a6;
  --dz-line:rgba(255,255,255,.08);
  --dz-accent:#60a5fa;
  color-scheme:dark;
}
.dz-surface{background:var(--dz-surface);border:1px solid var(--dz-line);border-radius:var(--dz-radius)}
.dz-elevated{background:var(--dz-elevated);border:1px solid var(--dz-line);border-radius:var(--dz-radius)}
.dz-muted{color:var(--dz-muted)}
.dz-press{transition:transform .15s var(--dz-ease)}
.dz-press:active:not(:disabled){transform:scale(.97)}
.dz-glass{background:var(--dz-surface);border:1px solid var(--dz-line);backdrop-filter:blur(10px)}
@supports (color:color-mix(in lab,red,red)){.dz-glass{background:color-mix(in srgb,var(--dz-surface) 82%,transparent)}}
.dz-shop :is(a,button,input,select,textarea,[role=button]):focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.dz-shop :is(input,textarea,select){background:var(--dz-elevated);color:var(--dz-ink);border:1px solid var(--dz-line)}
.dz-shop-main{width:min(100%,1010px);min-width:0;margin-inline:auto;padding:18px 21px calc(96px + env(safe-area-inset-bottom,0px))}
@media(prefers-reduced-transparency:reduce){.dz-glass{background:var(--dz-surface);backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.dz-press{transition:none}}
/* /services only. The visual grammar follows Home's Flexi feature without sharing selectors. */
.dz-services{
  --svc-tint:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));
  --svc-stroke:color-mix(in srgb,var(--dz-accent) 17%,var(--dz-line));
  width:min(100%,960px);min-width:0;margin-inline:auto;padding:8px 0 38px;
  color:var(--dz-ink);font-family:var(--font-sans);line-height:1.5;
}
.dz-services *{box-sizing:border-box}.dz-services :is(h1,p){margin:0}.dz-services a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.dz-services a:focus-visible{outline:2px solid var(--dz-accent);outline-offset:4px}
.dz-shop:has(.dz-services)>.dz-shop-main{max-width:1010px;padding:18px 21px calc(96px + env(safe-area-inset-bottom,0px))}
.dz-services-header{padding:8px 1px 22px}.dz-services-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--dz-accent);font-size:9px;font-weight:700;letter-spacing:.12em;direction:ltr}.dz-services-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--dz-accent)}
.dz-services-header h1{margin-top:9px;font-size:clamp(24px,5.8vw,36px);font-weight:600;letter-spacing:-.045em;line-height:1.38}.dz-services-header em{font-style:normal;color:var(--dz-accent)}.dz-services-header p{margin-top:5px;color:var(--dz-muted);font-size:11px}
.dz-services-featured{display:grid;gap:12px;min-width:0}.dz-services-feature{position:relative;isolation:isolate;display:flex;align-items:center;min-height:191px;padding:21px;overflow:hidden;border:1px solid var(--svc-stroke);border-radius:23px;background:var(--svc-tint);transition:transform 180ms ease,border-color 180ms ease}.dz-services-feature:active,.dz-services-daily-card:active,.dz-services-card-row:active{transform:scale(.988)}.dz-services-feature-copy{position:relative;z-index:2;min-width:0;max-width:65%;display:grid;justify-items:start}.dz-services-eyebrow{display:inline-flex;align-items:center;gap:5px;color:var(--dz-accent);font-size:9px;font-weight:700;letter-spacing:.12em;direction:ltr}.dz-services-feature-copy>strong{margin-top:9px;font-size:clamp(21px,5.6vw,27px);font-weight:600;line-height:1.33;letter-spacing:-.04em}.dz-services-feature-copy>small{margin-top:8px;color:var(--dz-muted);font-size:10px}.dz-services-action{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--dz-accent);font-size:11px;font-weight:600}
.dz-services-orbit{position:absolute;display:block;width:148px;height:148px;border:1px solid var(--svc-stroke);border-radius:50%;pointer-events:none}.dz-services-phone-art,.dz-services-game-art{position:absolute;inset-inline-end:10px;top:50%;width:132px;height:150px;transform:translateY(-50%);pointer-events:none}.dz-services-phone-art .dz-services-orbit{top:1px;inset-inline-start:-9px}.dz-services-phone-back,.dz-services-phone-front{position:absolute;display:block;width:89px;height:125px;top:12px;inset-inline-start:20px;border-radius:16px}.dz-services-phone-back{background:var(--dz-surface);border:1px solid var(--svc-stroke);transform:rotate(-17deg) translateX(-12px)}.dz-services-phone-front{display:flex;flex-direction:column;align-items:flex-start;padding:17px 13px;color:#fff;background:var(--dz-accent);transform:rotate(12deg);box-shadow:0 13px 24px color-mix(in srgb,var(--dz-accent) 14%,transparent)}.dz-services-phone-front>svg{margin:auto}.dz-services-phone-front>b{font-size:7px;font-weight:600;letter-spacing:.14em}.dz-services-phone-front>i{width:21px;height:2px;margin-top:7px;background:#ffffffa0}
.dz-services-games{min-height:155px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}.dz-services-games .dz-services-feature-copy>strong{font-size:21px}.dz-services-games .dz-services-action{margin-top:10px}.dz-services-games .dz-services-game-art{transform:translateY(-50%) scale(.82)}.dz-services-game-art{display:grid;place-items:center;color:var(--dz-accent)}.dz-services-game-art .dz-services-orbit{top:1px;inset-inline-start:-6px}.dz-services-game-disc{position:absolute;width:91px;height:91px;border:1px solid var(--svc-stroke);border-radius:29px;transform:rotate(-16deg);background:var(--dz-surface);box-shadow:0 12px 28px color-mix(in srgb,var(--dz-accent) 8%,transparent)}.dz-services-game-art>svg{position:relative;z-index:1;transform:rotate(-16deg)}
.dz-services-section-head{display:flex;align-items:center;gap:14px;margin:27px 1px 12px;color:var(--dz-muted);font-size:10px;font-weight:600}.dz-services-section-head>i{flex:1;height:1px;background:var(--dz-line)}
.dz-services-daily{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dz-services-daily-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:158px;padding:15px;overflow:hidden;border:1px solid var(--svc-stroke);border-radius:21px;background:var(--dz-surface);transition:transform 180ms ease,border-color 180ms ease}.dz-services-daily-card:nth-child(2){background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface))}.dz-services-mini-art{position:absolute;top:8px;inset-inline-end:15px;width:86px;height:86px;display:grid;place-items:center;color:var(--dz-accent)}.dz-services-mini-art .dz-services-orbit{width:83px;height:83px;inset:0}.dz-services-mini-art>span{position:relative;display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--svc-stroke);border-radius:18px;background:var(--svc-tint);transform:rotate(-9deg)}.dz-services-mini-art>span>svg{transform:rotate(9deg)}.dz-services-wifi-art>b{position:absolute;bottom:13px;right:24px;width:5px;height:5px;border-radius:50%;background:var(--dz-accent)}.dz-services-bill-art>span{transform:rotate(9deg);background:var(--dz-surface)}.dz-services-bill-art>span>svg{transform:rotate(-9deg)}.dz-services-bill-art>b{position:absolute;top:14px;right:5px;width:37px;height:48px;border:1px solid var(--svc-stroke);border-radius:8px;background:var(--svc-tint);transform:rotate(-13deg);z-index:-1}.dz-services-daily-copy{position:relative;z-index:1;display:grid;gap:4px;min-width:0}.dz-services-daily-copy strong{font-size:15px;font-weight:600}.dz-services-daily-copy small{font-size:9px;color:var(--dz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-services-corner{position:absolute;bottom:16px;inset-inline-end:15px;color:var(--dz-accent)}
.dz-services-collection{display:grid;gap:0;border-top:1px solid var(--dz-line)}.dz-services-card-row{display:flex;align-items:center;gap:13px;min-width:0;min-height:82px;padding:11px 2px;border-bottom:1px solid var(--dz-line);transition:transform 180ms ease}.dz-services-card-row>svg:last-child{flex:none;color:var(--dz-accent);margin-inline-start:auto}.dz-services-row-art{position:relative;isolation:isolate;flex:none;display:grid;place-items:center;width:55px;height:55px;overflow:hidden;border:1px solid var(--svc-stroke);border-radius:16px;background:var(--svc-tint);color:var(--dz-accent)}.dz-services-row-art>i{position:absolute;width:48px;height:48px;border:1px solid var(--svc-stroke);border-radius:50%;transform:translate(-11px,9px);z-index:-1}.dz-services-card-art>svg{transform:rotate(-13deg)}.dz-services-sub-art>i{transform:rotate(-19deg);border-radius:14px;background:var(--dz-surface)}.dz-services-ai-art>i{width:39px;height:39px;transform:rotate(26deg);border-radius:13px}.dz-services-bein-art>i{width:42px;height:32px;border-radius:10px;transform:rotate(-12deg)}.dz-services-row-copy{display:grid;gap:5px;min-width:0}.dz-services-row-copy strong{font-size:13px;font-weight:600}.dz-services-row-copy small{font-size:10px;color:var(--dz-muted)}
.dz-services-notice{display:flex;align-items:center;gap:7px;margin:18px 2px 0!important;color:var(--dz-muted);font-size:10px}.dz-services-notice svg{flex:none;color:var(--dz-accent)}
@media(min-width:700px){.dz-services{padding-top:16px}.dz-services-featured{grid-template-columns:1.13fr .87fr}.dz-services-feature{min-height:220px}.dz-services-daily-card{min-height:170px}.dz-services-collection{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}.dz-services-header{padding-bottom:27px}}
@media(max-width:380px){.dz-shop:has(.dz-services)>.dz-shop-main{padding-inline:17px}.dz-services-feature{padding:18px}.dz-services-feature-copy>strong{font-size:20px}.dz-services-phone-art,.dz-services-game-art{inset-inline-end:0;transform:translateY(-50%) scale(.88)}.dz-services-daily{gap:8px}.dz-services-daily-card{padding:12px}.dz-services-mini-art{inset-inline-end:8px}}
@media(prefers-reduced-motion:reduce){.dz-services *{transition:none!important;animation:none!important}}
/* 2026-09-23 account review polish */
.dz-mobile-nav {
  padding-bottom: env(safe-area-inset-bottom, 0px);
  overflow: visible;
}

.dz-quick-trigger {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 3.5rem;
  border: 0;
  background: transparent;
  color: #fff;
}

.dz-quick-trigger > span {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: -1.35rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #2584ff, #6550f5);
  border: 5px solid var(--dz-bg);
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
}

.dz-quick-backdrop {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  background: rgba(3, 8, 20, 0.5);
  backdrop-filter: blur(4px);
}

.dz-quick-sheet {
  width: min(100%, 34rem);
  padding: 0.65rem 1rem calc(1.2rem + env(safe-area-inset-bottom, 0px));
  border-radius: 1.7rem 1.7rem 0 0;
  border: 1px solid var(--dz-line);
  background: var(--dz-surface);
  box-shadow: 0 -18px 46px rgba(0, 0, 0, 0.22);
}

.dz-quick-handle {
  width: 2.8rem;
  height: 0.26rem;
  margin: 0 auto 0.75rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--dz-muted) 55%, transparent);
}

.dz-quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.dz-quick-head strong {
  font-size: 1.05rem;
}

.dz-quick-close {
  display: grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border: 1px solid var(--dz-line);
  border-radius: 999px;
  background: var(--dz-elevated);
  color: inherit;
}

.dz-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.dz-quick-grid a {
  display: grid;
  place-items: center;
  gap: 0.5rem;
  min-height: 6rem;
  padding: 0.75rem 0.35rem;
  border: 1px solid var(--dz-line);
  border-radius: 1.15rem;
  background: var(--dz-elevated);
  color: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
}

.dz-quick-grid a svg {
  width: 1.65rem;
  height: 1.65rem;
  color: var(--dz-accountent);
}

.dz-bottom-link {
  position: relative;
  display: flex;
  min-height: 3.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  font-size: 11px;
  transition: color 160ms var(--dz-ease), background 160ms var(--dz-ease);
}

.dz-bottom-link::before {
  content: "";
  position: absolute;
  top: 0.18rem;
  width: 1.55rem;
  height: 0.16rem;
  border-radius: 999px;
  background: transparent;
}

.dz-bottom-link.is-active {
  color: var(--dz-ink);
}

.dz-bottom-link.is-active::before {
  background: var(--dz-accountent);
}

@media (width <= 767px) {
  .dz-shop-main {
    padding-bottom: calc(8rem + env(safe-area-inset-bottom, 0px));
  }

  .dz-account {
    padding-bottom: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dz-bottom-link {
    transition: none;
  }
}

html,body{margin:0;min-height:100%;background:#0a0a0c;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
button,a,input{font:inherit}
button,a{color:inherit}
.dz-store-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(10,10,12,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--dz-line)}
.dz-brand{display:flex;align-items:center;gap:7px;color:var(--dz-ink);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px}
.dz-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;font-size:14px;text-transform:uppercase}
.dz-store-badge{padding:6px 9px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-muted);font-size:11px}
.dz-hero{padding:22px;margin-bottom:20px;background:radial-gradient(circle at 85% -20%,rgba(37,99,235,.22),transparent 45%),var(--dz-surface)}
.dz-kicker{font-size:12px;color:#93c5fd;font-weight:700}
.dz-hero h1{margin:8px 0 10px;font-size:28px;line-height:1.15;letter-spacing:-.8px}
.dz-hero p{margin:0;color:var(--dz-muted);font-size:14px;line-height:1.7}
.dz-section-title{display:flex;align-items:end;justify-content:space-between;margin:20px 2px 10px}
.dz-section-title h2{margin:0;font-size:17px}.dz-section-title span{font-size:12px;color:var(--dz-muted)}
.dz-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dz-service-card{display:flex;min-height:104px;flex-direction:column;gap:10px;padding:15px;text-decoration:none;position:relative;overflow:hidden}
.dz-service-card:last-child{grid-column:1/-1;min-height:88px;flex-direction:row;align-items:center}
.dz-service-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--dz-elevated);border:1px solid var(--dz-line);font-size:18px}
.dz-service-copy{display:flex;flex-direction:column;gap:3px}.dz-service-copy b{font-size:14px}.dz-service-copy small{font-size:11px;color:var(--dz-muted)}
.dz-service-arrow{position:absolute;left:14px;bottom:13px;color:var(--dz-muted)}
.dz-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dz-product-card{appearance:none;text-align:right;padding:14px;min-height:112px;color:var(--dz-ink);cursor:pointer}
.dz-product-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.dz-product-type,.dz-product-state{font-size:10px;color:var(--dz-muted)}.dz-product-state{color:#86efac}
.dz-product-name{display:block;font-size:14px;line-height:1.35}.dz-product-code{display:block;margin-top:5px;color:var(--dz-muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}
.dz-empty{display:flex;flex-direction:column;gap:7px;padding:22px;text-align:center}.dz-empty strong{font-size:15px}.dz-empty span{font-size:12px;color:var(--dz-muted);line-height:1.6}
.dz-back{border:0;background:transparent;color:var(--dz-muted);padding:8px 0;cursor:pointer}
.dz-category-head{display:flex;align-items:center;gap:14px;margin:10px 0 20px}.dz-category-head>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:var(--dz-elevated);font-size:22px;border:1px solid var(--dz-line)}
.dz-category-head h1{margin:0 0 3px;font-size:24px}.dz-category-head p{margin:0;color:var(--dz-muted);font-size:12px}
.dz-product-dialog{border:0;padding:0;background:transparent;width:min(94vw,480px);color:var(--dz-ink)}
.dz-product-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}
.dz-dialog-card{padding:20px;background:var(--dz-surface)}.dz-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.dz-dialog-head small{color:var(--dz-muted);font-size:11px}.dz-dialog-head h2{margin:3px 0 0;font-size:20px}
.dz-dialog-close{width:36px;height:36px;border:1px solid var(--dz-line);background:var(--dz-elevated);border-radius:12px;color:var(--dz-ink);font-size:22px}
.dz-dialog-price{margin:20px 0;padding:14px;border-radius:14px;background:var(--dz-elevated);font-size:18px;font-weight:800}
.dz-dialog-fields{display:grid;gap:10px}.dz-dialog-field{display:grid;gap:6px}.dz-dialog-field span{font-size:11px;color:var(--dz-muted)}
.dz-dialog-field input{width:100%;padding:12px 13px;border-radius:12px}.dz-dialog-note{font-size:11px;line-height:1.6;color:var(--dz-muted)}
.dz-primary{width:100%;border:0;border-radius:13px;padding:13px;background:#2563eb;color:white;font-weight:800}
.dz-mobile-nav{position:fixed;right:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(50%);z-index:30;width:min(calc(100% - 28px),430px);display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border-radius:18px}
.dz-bottom-link{border:0;background:transparent;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;color:var(--dz-muted)}
.dz-bottom-link b{font-size:9px}.dz-bottom-link span{font-size:17px}.dz-bottom-link.is-active{color:var(--dz-ink)}
@media(min-width:720px){.dz-service-grid{grid-template-columns:repeat(5,1fr)}.dz-service-card:last-child{grid-column:auto;min-height:104px;flex-direction:column;align-items:stretch}.dz-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Store shell: visual adaptation of Ghaith navigation, with dzflexi routes. */
.dz-store-head{min-height:60px;gap:12px;padding:8px max(16px,calc((100vw - 1152px)/2));background:color-mix(in srgb,var(--dz-bg) 84%,transparent)}
.dz-desktop-nav{display:none;align-items:center;gap:5px;margin-inline-start:18px}
.dz-desktop-nav a{padding:10px 13px;border-radius:999px;text-decoration:none;font-size:13px;color:var(--dz-muted)}
.dz-desktop-nav a:hover,.dz-desktop-nav a:focus-visible{color:var(--dz-ink);background:var(--dz-elevated)}
.dz-header-search,.dz-header-account{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);cursor:pointer}
.dz-header-search{width:44px;margin-inline-start:auto}.dz-header-search span:last-child,.dz-header-account span:last-child{display:none}
.dz-header-search span:first-child,.dz-header-account span:first-child{font-size:22px;line-height:1}
.dz-header-account{width:44px}
.dz-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));width:min(calc(100% - 24px),480px);padding:7px 5px;border:1px solid var(--dz-line);border-radius:22px;background:color-mix(in srgb,var(--dz-surface) 90%,transparent);box-shadow:0 16px 45px #0005;backdrop-filter:blur(20px)}
.dz-mobile-nav .dz-bottom-link{min-width:0;min-height:54px;justify-content:center;border-radius:14px;gap:3px}
.dz-mobile-nav .dz-bottom-link>span{font-size:22px;line-height:1}.dz-mobile-nav .dz-bottom-link>b{font-size:10px;font-weight:700}
.dz-mobile-nav .dz-bottom-link.is-active{color:var(--dz-accent)}
.dz-mobile-nav .dz-bottom-link.is-active::before{background:var(--dz-accent)}
.dz-mobile-nav .dz-quick-trigger{color:var(--dz-ink)}
.dz-mobile-nav .dz-quick-trigger>span{display:grid;place-items:center;width:52px;height:52px;margin-top:-25px;border:4px solid var(--dz-bg);border-radius:50%;background:linear-gradient(135deg,#2584ff,#6550f5);box-shadow:0 10px 25px #2563eb55;color:#fff;font-size:27px}
.dz-quick-backdrop[hidden]{display:none}.dz-quick-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#03081499;backdrop-filter:blur(4px)}
.dz-quick-open{overflow:hidden}.dz-quick-sheet{width:min(100%,540px);padding:12px 16px calc(20px + env(safe-area-inset-bottom,0px));border:1px solid var(--dz-line);border-radius:26px 26px 0 0;background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 -18px 46px #0006}
.dz-quick-handle{width:44px;height:4px;margin:0 auto 12px;border-radius:999px;background:var(--dz-muted)}
.dz-quick-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dz-quick-head strong{font-size:17px}.dz-quick-head button{width:42px;height:42px;border:1px solid var(--dz-line);border-radius:50%;background:var(--dz-elevated);color:var(--dz-ink);font-size:23px}
.dz-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dz-quick-grid a{display:grid;justify-items:center;align-content:center;gap:9px;min-height:98px;padding:12px 6px;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-elevated);color:var(--dz-ink);text-align:center;text-decoration:none;font-size:12px;font-weight:700}.dz-quick-grid a span{font-size:24px;color:var(--dz-accent)}
@media(min-width:720px){.dz-desktop-nav{display:flex}.dz-header-search{width:min(30vw,300px);justify-content:flex-start;padding:0 15px}.dz-header-search span:last-child,.dz-header-account span:last-child{display:inline}.dz-header-account{width:auto;padding:0 15px}.dz-mobile-nav{display:none}.dz-quick-backdrop{align-items:center;padding:20px}.dz-quick-sheet{border-radius:26px}}
@media(prefers-reduced-motion:reduce){.dz-mobile-nav .dz-bottom-link{transition:none}}

/* Flexi flow foundation */
/* Flexi reference layout — storefront-integrated, 2026-09-27 */
.dz-flexi-reference{max-width:620px;gap:56px}
.dz-flexi-reference .dz-flexi-panel{padding:22px;border-radius:24px}
.dz-flexi-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.dz-flexi-title{display:flex;align-items:center;gap:10px}
.dz-flexi-title-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--dz-ink)}
.dz-flexi-title-icon svg{width:22px;height:22px}
.dz-flexi-title>div{display:grid;gap:0}
.dz-flexi-title strong{font-size:1.08rem;font-weight:900}
.dz-flexi-title span{font-size:.8rem;color:var(--dz-muted)}
.dz-flexi-reference .dz-flexi-wholesale{min-height:34px;padding:0 12px;background:var(--dz-elevated);font-size:.76rem}
.dz-flexi-number-box{height:112px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:4px;padding:0 12px;border:2px solid color-mix(in srgb,var(--dz-muted) 48%,var(--dz-line));border-radius:22px;background:var(--dz-elevated);overflow:hidden;transition:border-color .18s var(--dz-ease),box-shadow .18s var(--dz-ease)}
.dz-flexi-internet-line-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem .8rem;margin:.6rem .2rem 0;padding:.65rem .85rem;border:1px solid var(--dz-line);border-radius:.8rem;background:var(--dz-elevated);font-size:.75rem}
.dz-flexi-internet-line-info[hidden]{display:none}
.dz-flexi-internet-line-info strong{color:#ef9a9a}
.dz-flexi-line-retry{border:1px solid var(--dz-line);border-radius:999px;padding:.4rem .75rem;background:var(--dz-surface);color:var(--dz-accent);font-weight:800}
.dz-flexi-number-box:focus-within{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 12%,transparent)}
.dz-flexi-number-box.is-valid{border-color:#34d399}
.dz-flexi-number-box.is-invalid{border-color:color-mix(in srgb,#ef4444 60%,var(--dz-line))}
.dz-flexi-number-box input{min-width:0!important;width:100%!important;height:100%!important;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:0!important;text-align:center;font-size:clamp(1.45rem,7vw,2.25rem);font-weight:800;letter-spacing:.12em;color:var(--dz-ink)}
.dz-flexi-number-box input::placeholder{color:color-mix(in srgb,var(--dz-muted) 50%,transparent);opacity:1}
.dz-flexi-number-side{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--dz-muted);border-radius:12px}
.dz-flexi-number-side svg{width:20px;height:20px}
.dz-flexi-line-mark{font-size:.7rem;font-weight:900;color:#fff}
.dz-flexi-line-mark.is-mobilis{background:#16a34a}
.dz-flexi-line-mark.is-djezzy{background:#dc2626}
.dz-flexi-line-mark.is-ooredoo{background:#e11d48}
.dz-flexi-line-mark.is-4g{background:#2563eb}
.dz-flexi-line-mark.is-adsl{background:#7c3aed}
.dz-flexi-line-mark:not(.is-mobilis):not(.is-djezzy):not(.is-ooredoo):not(.is-4g):not(.is-adsl){background:transparent;color:var(--dz-muted)}
.dz-flexi-quick-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}
.dz-flexi-pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);font-size:.82rem;font-weight:800}
.dz-flexi-pill svg{width:17px;height:17px}
.dz-flexi-service-tabs,.dz-flexi-mode-tabs{display:flex;align-items:center;justify-content:center;gap:2px;width:max-content;max-width:100%;margin:16px auto 0;padding:4px;border:1px solid var(--dz-line);border-radius:999px;background:color-mix(in srgb,var(--dz-elevated) 76%,transparent)}
.dz-flexi-service-tabs button,.dz-flexi-mode-tabs button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--dz-muted);font-size:.74rem;font-weight:800;white-space:nowrap}
.dz-flexi-service-tabs button.is-active,.dz-flexi-mode-tabs button.is-active{background:var(--dz-accent);color:#fff}
.dz-flexi-service-tabs svg,.dz-flexi-mode-tabs svg{width:15px;height:15px}
.dz-flexi-denom-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.dz-flexi-denom{min-width:72px;min-height:44px;padding:0 16px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);font-size:.86rem;font-weight:800}
.dz-flexi-denom.is-active{border-color:var(--dz-accent);background:var(--dz-accent);color:#fff}
.dz-flexi-denom-custom{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:auto}
.dz-flexi-denom-custom svg{width:14px;height:14px}
.dz-flexi-reference .dz-flexi-custom-entry{max-width:360px;margin:12px auto 0}
.dz-flexi-reference .dz-flexi-custom-entry input{min-height:46px;text-align:center}
.dz-flexi-reference .dz-flexi-live-offers{margin-top:16px}
.dz-flexi-reference .dz-flexi-offer{border-radius:16px}
.dz-flexi-quiet-status{min-height:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:10px;text-align:center}
.dz-flexi-quiet-status:empty{min-height:0;margin-top:4px}
.dz-flexi-quiet-status span{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--dz-muted)}
.dz-flexi-quiet-status .is-info{color:var(--dz-accent)}
.dz-flexi-quiet-status .is-error{color:#ef4444}
.dz-flexi-quiet-status .is-success{color:#10b981}
.dz-flexi-quiet-status svg{width:14px;height:14px}
.dz-flexi-amount-display{position:relative;height:126px;display:grid;place-items:center;margin-top:18px;border-radius:20px;background:var(--dz-elevated);border:1px solid var(--dz-line)}
.dz-flexi-amount-display strong{font-size:2.8rem;line-height:1;font-weight:800;letter-spacing:-.04em;color:color-mix(in srgb,var(--dz-ink) 26%,transparent)}
.dz-flexi-amount-display span{position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%);font-size:.86rem;font-weight:700;color:var(--dz-muted)}
.dz-flexi-send{width:100%;min-height:58px;margin-top:14px;border:0;border-radius:18px;background:var(--dz-accent);color:#fff;font-size:1.02rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
.dz-flexi-send .dz-flexi-spin{width:19px;height:19px;flex:0 0 19px;stroke-width:2.25}
.dz-flexi-send:disabled{background:color-mix(in srgb,var(--dz-accent) 28%,var(--dz-elevated));color:color-mix(in srgb,var(--dz-ink) 42%,transparent)}
.dz-flexi-history{display:grid;gap:14px}
.dz-flexi-history-title{margin:0;text-align:center;font-size:1.45rem;font-weight:800}
.dz-flexi-history-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.dz-flexi-tool{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);font-size:.76rem;font-weight:800}
.dz-flexi-tool svg{width:17px;height:17px}
.dz-flexi-view-toggle{display:flex;align-items:center;padding:3px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated)}
.dz-flexi-view-toggle button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--dz-muted)}
.dz-flexi-view-toggle button.is-active{background:var(--dz-accent);color:#fff}
.dz-flexi-view-toggle svg{width:16px;height:16px}
.dz-flexi-reference .dz-flexi-history-list{display:grid;grid-template-columns:1fr;gap:12px}
.dz-flexi-reference .dz-flexi-history-list.is-grid{grid-template-columns:1fr}
.dz-flexi-reference .dz-flexi-history-list.is-list{grid-template-columns:1fr}
.dz-flexi-reference .dz-flexi-history-card{padding:18px 16px;border-radius:22px;gap:14px}
.dz-flexi-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dz-flexi-history-id{display:flex;align-items:center;gap:10px;min-width:0}
.dz-flexi-history-id>div{display:grid;gap:3px;min-width:0}
.dz-flexi-history-id strong{font-size:.88rem}
.dz-flexi-history-id span.dz-muted{font-size:.72rem}
.dz-flexi-history-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:.72rem;font-weight:900;flex:none}
.dz-flexi-history-logo.is-mobilis{background:#16a34a}
.dz-flexi-history-logo.is-djezzy{background:#dc2626}
.dz-flexi-history-logo.is-ooredoo{background:#e11d48}
.dz-flexi-history-logo.is-4g{background:#2563eb}
.dz-flexi-history-logo.is-adsl{background:#7c3aed}
.dz-flexi-history-logo.is-flexi{background:var(--dz-accent)}
.dz-flexi-plan{justify-self:start;max-width:100%;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-elevated));color:var(--dz-accent);font-size:.7rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-flexi-history-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:12px;border-top:1px solid var(--dz-line)}
.dz-flexi-history-price>div{display:grid;gap:2px}
.dz-flexi-history-price>div:last-child{text-align:start}
.dz-flexi-history-price span{font-size:.7rem}
.dz-flexi-history-price strong{font-size:.9rem}
.dz-flexi-reference .dz-flexi-status{font-size:.7rem}
.dz-flexi-reference .dz-flexi-history-empty{min-height:130px;border-radius:22px}
@media (max-width:640px){
  .dz-flexi-reference{gap:48px}
  .dz-flexi-reference .dz-flexi-panel{padding:16px 14px 18px;border-radius:22px}
  .dz-flexi-panel-head{margin-bottom:15px}
  .dz-flexi-number-box{height:104px;border-radius:20px;padding:0 9px;grid-template-columns:38px minmax(0,1fr) 38px}
  .dz-flexi-number-box input{font-size:clamp(1.32rem,7.4vw,1.9rem);letter-spacing:.1em}
  .dz-flexi-number-side{width:36px;height:36px}
  .dz-flexi-quick-actions{margin-top:14px;gap:8px}
  .dz-flexi-pill{min-height:40px;padding:0 14px;font-size:.76rem}
  .dz-flexi-service-tabs,.dz-flexi-mode-tabs{margin-top:14px}
  .dz-flexi-service-tabs button,.dz-flexi-mode-tabs button{min-height:36px;padding:0 11px;font-size:.69rem}
  .dz-flexi-denom-row{margin-top:14px;gap:7px}
  .dz-flexi-denom{min-width:66px;min-height:41px;padding:0 13px;font-size:.8rem}
  .dz-flexi-amount-display{height:116px;margin-top:15px}
  .dz-flexi-amount-display strong{font-size:2.5rem}
  .dz-flexi-send{min-height:56px;border-radius:17px}
  .dz-flexi-history-title{font-size:1.32rem}
  .dz-flexi-history-tools{gap:8px}
  .dz-flexi-tool{min-height:40px;padding:0 12px;font-size:.72rem}
  .dz-flexi-reference .dz-flexi-history-card{padding:16px 14px}
}
@media (min-width:760px){
  .dz-flexi-reference .dz-flexi-history-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.dz-flexi-number-box input::selection{background:transparent;color:var(--dz-ink)}
.dz-flexi-number-box input::-moz-selection{background:transparent;color:var(--dz-ink)}

/* Flexi final visual pass */
.dz-flexi-reference{gap:40px}
.dz-flexi-reference .dz-flexi-panel{padding:17px 16px 18px}
.dz-flexi-panel-head{margin-bottom:14px}
.dz-flexi-number-box{height:102px}
.dz-flexi-number-box input{scroll-margin-block:28vh}
.dz-flexi-number-box input::placeholder{font-size:.82em;letter-spacing:.08em}
.dz-flexi-line-mark.has-logo{padding:5px;background:#fff;color:transparent;overflow:hidden}
.dz-flexi-line-mark.has-logo img{display:block;width:100%;height:100%;object-fit:contain}
.dz-flexi-quick-actions{margin-top:12px}
.dz-flexi-service-tabs{margin-top:11px;padding:3px}
.dz-flexi-service-tabs button{min-height:32px;padding:0 10px;font-size:.66rem}
.dz-flexi-service-tabs svg{width:13px;height:13px}
.dz-flexi-mode-tabs{margin-top:11px;padding:3px}
.dz-flexi-mode-tabs button{min-height:34px;padding:0 11px;font-size:.68rem}
.dz-flexi-denom-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin-top:12px}
.dz-flexi-denom{min-width:0;min-height:40px;padding:0 6px;font-size:.76rem}
.dz-flexi-denom-custom{min-width:0;padding:0 5px;gap:4px;font-size:.65rem}
.dz-flexi-denom-custom svg{width:12px;height:12px}
.dz-flexi-reference .dz-flexi-live-offers{margin-top:12px}
.dz-flexi-reference .dz-flexi-offer{min-height:48px;padding:9px 12px}
.dz-flexi-reference .dz-flexi-offer span{font-size:.76rem}
.dz-flexi-quiet-status{margin-top:7px}
.dz-flexi-amount-display{height:104px;margin-top:12px}
.dz-flexi-amount-display strong{font-size:2.45rem}
.dz-flexi-amount-display.has-value strong{color:var(--dz-ink)}
.dz-flexi-send{min-height:54px;margin-top:10px}
.dz-flexi-history{gap:12px}
.dz-flexi-history-title{font-size:1.28rem}
.dz-flexi-history-tools{gap:7px}
.dz-flexi-tool{min-height:38px;padding:0 11px;font-size:.7rem}
.dz-flexi-view-toggle button{width:33px;height:33px}
.dz-flexi-reference .dz-flexi-history-list{gap:10px}
.dz-flexi-reference .dz-flexi-history-card{padding:14px 13px;border-radius:19px;gap:10px}
.dz-flexi-history-id{gap:9px}
.dz-flexi-history-logo{width:38px;height:38px;padding:5px;border-radius:12px;background:#fff!important;overflow:hidden}
.dz-flexi-history-logo img{display:block;width:100%;height:100%;object-fit:contain}
.dz-flexi-plan{padding:4px 8px;font-size:.67rem}
.dz-flexi-history-price{gap:8px;padding-top:9px}
.dz-flexi-history-price span{font-size:.66rem}
.dz-flexi-history-price strong{font-size:.84rem}
.dz-flexi-reference .dz-flexi-status{padding:4px 7px;font-size:.66rem}
@media (max-width:640px){
  .dz-flexi-reference{gap:36px}
  .dz-flexi-reference .dz-flexi-panel{padding:13px 12px 15px}
  .dz-flexi-panel-head{margin-bottom:11px}
  .dz-flexi-number-box{height:96px;padding:0 8px}
  .dz-flexi-number-box input{font-size:clamp(1.24rem,7vw,1.78rem);letter-spacing:.09em}
  .dz-flexi-number-box input::placeholder{font-size:.76em;letter-spacing:.07em}
  .dz-flexi-quick-actions{margin-top:10px}
  .dz-flexi-pill{min-height:38px;padding:0 13px;font-size:.73rem}
  .dz-flexi-service-tabs{margin-top:9px}
  .dz-flexi-mode-tabs{margin-top:9px}
  .dz-flexi-denom-row{margin-top:10px;gap:5px}
  .dz-flexi-denom{min-height:38px;padding:0 4px;font-size:.72rem}
  .dz-flexi-denom-custom{font-size:.61rem}
  .dz-flexi-reference .dz-flexi-live-offers{margin-top:10px}
  .dz-flexi-amount-display{height:94px;margin-top:10px}
  .dz-flexi-amount-display strong{font-size:2.25rem}
  .dz-flexi-send{min-height:52px;margin-top:9px}
  .dz-flexi-history-title{font-size:1.22rem}
  .dz-flexi-reference .dz-flexi-history-card{padding:13px 12px}
}


.dz-flexi-reference{margin-inline:auto}
.dz-flexi-network-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-muted);font-size:11px;font-weight:800}
.dz-flexi-amount-input{display:grid;gap:7px;margin-top:14px}
.dz-flexi-amount-input>span{font-size:11px;color:var(--dz-muted);font-weight:700}
.dz-flexi-amount-input>div{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 13px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-flexi-amount-input input{flex:1;min-width:0;border:0!important;background:transparent!important;outline:0!important;padding:0!important;font-size:16px;font-weight:800}
.dz-flexi-amount-input b{font-size:12px;color:var(--dz-muted)}
.dz-flexi-offer-list{display:grid;gap:8px;margin-top:12px}
.dz-flexi-offer{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:10px 13px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-flexi-offer.is-active{border-color:var(--dz-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--dz-accent) 12%,transparent)}
.dz-flexi-offer-copy{display:grid;gap:3px}.dz-flexi-offer-copy b{font-size:14px}.dz-flexi-offer-copy small{font-size:10px;color:var(--dz-muted)}
.dz-flexi-offer-arrow{color:var(--dz-accent);font-size:16px}

.dz-flexi-review{margin-top:12px;padding:16px;border-radius:22px}
.dz-flexi-review-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--dz-line)}
.dz-flexi-review-head>div{font-size:16px;font-weight:900}.dz-flexi-review-head>span{font-size:11px;color:var(--dz-accent);font-weight:800}
.dz-flexi-review-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 1px;border-bottom:1px solid var(--dz-line)}
.dz-flexi-review-row span{font-size:11px;color:var(--dz-muted)}.dz-flexi-review-row strong{font-size:13px;text-align:left}
.dz-flexi-review-note{margin:10px 2px 0;color:var(--dz-muted);font-size:11px;line-height:1.55;text-align:center}
.dz-flexi-send:disabled{cursor:not-allowed}
#shop-flexi[hidden]{display:none!important}
@media(max-width:420px){
 .dz-flexi-reference{width:100%}
 .dz-flexi-denom-row{grid-template-columns:repeat(4,minmax(0,1fr))}
 .dz-flexi-number-box{height:92px}
 .dz-flexi-review{padding:14px}
}

/* Internet flow foundation */
/* Internet ADSL / 4G verified flow */
.dz-service-stepbar i.is-done{
  background:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-elevated));
  border-color:color-mix(in srgb,var(--dz-accent) 48%,var(--dz-line));
  color:var(--dz-accent);
}
.dz-internet-number-field input{
  min-height:4.6rem;
  font-size:1.25rem;
  font-weight:900;
  letter-spacing:.06em;
}
.dz-internet-checking{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  margin-top:.65rem;
  padding:.7rem .85rem;
  border:1px solid color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));
  border-radius:.9rem;
  background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-elevated));
  color:var(--dz-accent);
  font-size:.72rem;
  font-weight:800;
}
.dz-internet-line-card,
.dz-internet-plan-card,
.dz-internet-debt-card{
  border:1px solid var(--dz-line);
  border-radius:1rem;
  background:var(--dz-elevated);
}
.dz-internet-line-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1rem;
  padding:.85rem;
}
.dz-internet-line-card:has(.dz-internet-line-detail){flex-direction:column;align-items:stretch}
.dz-internet-line-detail{display:flex;justify-content:space-between;gap:.7rem;border-top:1px solid var(--dz-line);padding-top:.6rem;font-size:.75rem}
.dz-internet-line-detail span{color:var(--dz-muted)}
.dz-internet-line-detail strong{overflow-wrap:anywhere;text-align:start}
.dz-internet-line-main{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
}
.dz-internet-provider-badge{
  display:grid;
  place-items:center;
  width:2.55rem;
  height:2.55rem;
  flex:0 0 auto;
  border-radius:.8rem;
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));
  color:var(--dz-accent);
}
.dz-internet-provider-badge svg{width:1.2rem;height:1.2rem}
.dz-internet-line-main>div{
  display:grid;
  gap:.12rem;
}
.dz-internet-line-main strong{
  font-size:.88rem;
  font-weight:950;
  letter-spacing:.03em;
}
.dz-internet-line-main small{
  color:var(--dz-muted);
  font-size:.62rem;
  font-weight:750;
}
.dz-internet-edit{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:2.4rem;
  padding:0 .75rem;
  border:1px solid var(--dz-line);
  border-radius:999px;
  background:var(--dz-surface);
  color:var(--dz-ink);
  font-size:.68rem;
  font-weight:850;
}
.dz-internet-plan-card{
  display:grid;
  gap:.35rem;
  margin-top:.7rem;
  padding:.8rem .9rem;
}
.dz-internet-plan-card>span{
  display:flex;
  align-items:center;
  gap:.35rem;
  color:var(--dz-accent);
  font-size:.64rem;
  font-weight:850;
}
.dz-internet-plan-card strong{
  direction:ltr;
  text-align:left;
  font-size:.78rem;
  overflow-wrap:anywhere;
}
.dz-internet-plan-card small{
  color:var(--dz-muted);
  font-size:.62rem;
}
.dz-internet-debt-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:.7rem;
  padding:.85rem .9rem;
}
.dz-internet-debt-card>div{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
}
.dz-internet-debt-card>div>svg{
  flex:0 0 auto;
  color:#f59e0b;
}
.dz-internet-debt-card span{
  display:grid;
  gap:.18rem;
}
.dz-internet-debt-card span strong{
  font-size:.72rem;
}
.dz-internet-debt-card span small{
  color:var(--dz-muted);
  font-size:.6rem;
}
.dz-internet-debt-card>b{
  flex:0 0 auto;
  color:#f59e0b;
  font-size:.92rem;
}
.dz-internet-offers{
  margin-top:1rem;
}
.dz-internet-offer-list{
  display:grid;
  gap:.65rem;
}
.dz-internet-offer-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  width:100%;
  min-height:4.65rem;
  padding:.75rem .85rem;
  border:1px solid var(--dz-line);
  border-radius:1rem;
  background:var(--dz-elevated);
  color:var(--dz-ink);
  text-align:right;
}
.dz-internet-offer-row:disabled{
  opacity:.48;
}
.dz-internet-offer-icon{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  border-radius:.8rem;
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));
  color:var(--dz-accent);
}
.dz-internet-offer-icon svg{width:1.15rem;height:1.15rem}
.dz-internet-offer-copy{
  display:grid;
  gap:.2rem;
}
.dz-internet-offer-copy strong{
  font-size:.86rem;
  font-weight:950;
}
.dz-internet-offer-copy small{
  color:var(--dz-muted);
  font-size:.68rem;
}
.dz-internet-offer-action{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  border-radius:999px;
  color:var(--dz-accent);
  font-size:1.5rem;
  font-weight:400;
}
.dz-root[class*="dz-accent-"] .dz-internet-edit:active,
.dz-root[class*="dz-accent-"] .dz-internet-offer-row:active{
  border-color:color-mix(in srgb,var(--dz-accent) 44%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-elevated));
}

.dz-internet-verify-error{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  margin-top:.65rem;
  padding:.7rem .8rem;
  border:1px solid rgba(239,68,68,.28);
  border-radius:.9rem;
  background:rgba(239,68,68,.07);
  color:#ef4444;
  font-size:.68rem;
  font-weight:800;
}
.dz-internet-verify-error button{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  flex:0 0 auto;
  min-height:2.2rem;
  padding:0 .7rem;
  border:1px solid rgba(239,68,68,.28);
  border-radius:999px;
  background:var(--dz-surface);
  color:#ef4444;
  font-size:.64rem;
  font-weight:850;
}

/* Internet verification progress */
.dz-internet-checking{
  display:grid;
  gap:.62rem;
  padding:.78rem .86rem;
}
.dz-internet-checking-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
}
.dz-internet-checking-head span{
  min-width:0;
}
.dz-internet-checking-head b{
  flex:0 0 auto;
  font-size:.67rem;
  font-variant-numeric:tabular-nums;
}
.dz-internet-progress{
  position:relative;
  height:.42rem;
  overflow:hidden;
  border-radius:999px;
  background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line));
}
.dz-internet-progress>i{
  display:block;
  height:100%;
  min-width:.35rem;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--dz-accent),var(--dz-accent-2));
  box-shadow:0 0 14px color-mix(in srgb,var(--dz-accent) 32%,transparent);
  transition:width .18s linear;
}
.dz-internet-verify-error{
  display:grid;
  gap:.62rem;
  padding:.72rem .8rem;
}
.dz-internet-error-progress{
  height:.38rem;
  overflow:hidden;
  border-radius:999px;
  background:rgba(239,68,68,.13);
}
.dz-internet-error-progress>i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#ef4444;
}
.dz-internet-verify-error-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
}


.dz-internet-flow{width:min(100%,620px);margin-inline:auto}
.dz-internet-shell{padding:16px;border-radius:22px}
.dz-internet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dz-internet-head h1{margin:4px 0 3px;font-size:24px;letter-spacing:-.5px}
.dz-internet-head p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.5}
.dz-internet-mode-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-accent);font-size:11px;font-weight:800}
.dz-internet-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding:4px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-internet-tabs button{min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--dz-muted);font-weight:800}
.dz-internet-tabs button.is-active{background:var(--dz-accent);color:white}
.dz-internet-number-field{display:grid;gap:7px;margin-top:14px}
.dz-internet-number-field>span{font-size:11px;color:var(--dz-muted);font-weight:700}
.dz-internet-number-field input{width:100%;min-height:58px!important;padding:0 14px!important;border-radius:15px!important;text-align:center;font-size:18px!important;letter-spacing:.08em}
.dz-internet-check-button{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:14px;background:var(--dz-accent);color:white;font-weight:900}
.dz-internet-status{min-height:18px;margin-top:9px;text-align:center;font-size:11px;color:var(--dz-muted)}
.dz-internet-status.is-error{color:#ef4444}.dz-internet-status.is-success{color:#10b981}.dz-internet-status.is-info{color:var(--dz-accent)}

.dz-internet-offers-head{margin-top:18px}
.dz-internet-offer-row.is-active{border-color:var(--dz-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--dz-accent) 12%,transparent)}
.dz-internet-review{margin-top:12px;padding:16px;border-radius:22px}
#shop-internet[hidden]{display:none!important}
@media(max-width:420px){
 .dz-internet-shell{padding:13px 12px 15px}
 .dz-internet-head h1{font-size:21px}
 .dz-internet-number-field input{min-height:54px!important;font-size:16px!important}
 .dz-internet-check-button{min-height:46px}
}

/* Games flow foundation */
/* 2026-09-29 Game Top-Up Hub redesign */
.dz-topup{max-width:72rem;margin-inline:auto}.dz-topup-hero-v2{position:relative;overflow:hidden;display:grid;gap:.8rem;min-height:7.7rem;padding:1rem 1.05rem;border:1px solid color-mix(in srgb,#8b5cf6 24%,var(--dz-line));border-radius:1.45rem;background:radial-gradient(70% 110% at 100% 0,rgba(124,58,237,.28),transparent 62%),radial-gradient(55% 85% at 0 100%,rgba(14,165,233,.18),transparent 62%),linear-gradient(145deg,#0a0b10,#11101a);box-shadow:0 18px 45px rgba(0,0,0,.18);color:#fff}
.dz-topup-hero-v2:after{content:"";position:absolute;inset:auto -3rem -5rem auto;width:10rem;height:10rem;border-radius:999px;background:rgba(124,58,237,.16);filter:blur(18px);pointer-events:none}.dz-topup-hero-copy{position:relative;z-index:1}.dz-topup-kicker,.dz-topup-section-eyebrow{display:inline-flex;align-items:center;gap:.3rem;color:#b9c5ff;font-size:.7rem;font-weight:850}.dz-topup-hero-copy h1{margin-top:.3rem;font-size:clamp(1.55rem,6vw,2.35rem);line-height:1.08;font-weight:900;letter-spacing:-.025em}.dz-topup-hero-copy p{margin-top:.35rem;max-width:34rem;color:#b9bac5;font-size:.74rem;line-height:1.65}
.dz-topup-flow{position:relative;z-index:1;display:flex;align-items:center;gap:.32rem;flex-wrap:wrap}.dz-topup-flow span{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);font-size:.66rem;font-weight:800;color:#dfe3ee}.dz-topup-flow b{display:grid;place-items:center;width:1rem;height:1rem;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#38bdf8);font-size:.55rem;color:#fff}.dz-topup-flow i{font-style:normal;color:#6b7280;font-size:.65rem}
.dz-topup-search-v2{position:sticky;top:.4rem;z-index:15;min-height:3.55rem;margin-top:.72rem;padding-inline:.95rem;background:color-mix(in srgb,var(--dz-bg) 88%,transparent);border-color:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-line));backdrop-filter:blur(16px);box-shadow:0 10px 26px rgba(0,0,0,.12)}.dz-topup-search-v2>svg{color:var(--dz-accent)}.dz-topup-search-hint{padding:.28rem .55rem;border-radius:999px;background:var(--dz-elevated);color:var(--dz-muted);font-size:.62rem;font-weight:800}
.dz-topup-featured,.dz-topup-catalog{margin-top:1rem}.dz-topup-section-head{display:flex;align-items:end;justify-content:space-between;gap:.8rem;margin-bottom:.65rem;padding-inline:.1rem}.dz-topup-section-head h2{margin-top:.08rem;font-size:1rem;font-weight:900}.dz-topup-live-dot,.dz-topup-count{display:inline-flex;align-items:center;gap:.28rem;color:var(--dz-muted);font-size:.62rem;font-weight:800}.dz-topup-live-dot:before{content:"";width:.38rem;height:.38rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.09)}
.dz-topup-featured-rail{display:flex;gap:.58rem;overflow-x:auto;padding:.1rem .05rem .35rem;scrollbar-width:none;scroll-snap-type:x proximity}.dz-topup-featured-rail::-webkit-scrollbar{display:none}.dz-topup-featured-item{flex:0 0 9.25rem;display:grid;grid-template-columns:2.9rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.48rem;border:1px solid var(--dz-line);border-radius:1rem;background:linear-gradient(150deg,color-mix(in srgb,var(--dz-surface) 92%,#7c3aed 8%),var(--dz-surface));scroll-snap-align:start}.dz-topup-featured-art{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:.85rem;overflow:hidden;background:linear-gradient(145deg,rgba(124,58,237,.28),rgba(14,165,233,.2));font-size:.65rem;font-weight:900}.dz-topup-featured-art img{width:100%;height:100%;object-fit:cover}.dz-topup-featured-copy{min-width:0;text-align:start}.dz-topup-featured-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:900}.dz-topup-featured-copy small{display:flex;align-items:center;gap:.2rem;margin-top:.2rem;color:#38bdf8;font-size:.57rem;font-weight:800}
.dz-topup-catalog-head{margin-top:.15rem}.dz-topup-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:.78rem .42rem;margin-top:0;padding-bottom:calc(10rem + env(safe-area-inset-bottom))}.dz-topup-icon{position:relative;min-height:7.15rem;padding:.22rem .12rem .35rem;border-radius:1.1rem}.dz-topup-icon.is-active{border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-elevated))}
.dz-topup-mark{position:relative;width:4rem;height:4rem;border-radius:1.15rem;background:radial-gradient(circle at 30% 15%,rgba(56,189,248,.22),transparent 46%),radial-gradient(circle at 75% 80%,rgba(124,58,237,.28),transparent 48%);box-shadow:0 10px 24px rgba(0,0,0,.14)}.dz-topup-mark>img{width:100%;height:100%;border-radius:1.15rem;object-fit:cover}.dz-topup-fallback{display:grid;place-items:center;width:100%;height:100%;border:1px solid rgba(255,255,255,.09);border-radius:1.15rem;background:linear-gradient(145deg,#171b27,#10121a);color:#fff}.dz-topup-fallback b{font-size:.78rem}.dz-topup-fallback small{margin-top:-.55rem;font-size:.38rem;letter-spacing:.12em;color:#8b93a7}.dz-topup-instant-dot{position:absolute;right:-.2rem;bottom:-.15rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;border:2px solid var(--dz-bg);border-radius:999px;background:#22c55e;color:#fff;font-style:normal}
.dz-topup-game-name{min-height:2.4em!important;max-height:2.4em!important;margin-top:.36rem;font-size:.67rem!important;line-height:1.2!important;font-weight:850!important}.dz-topup-game-meta{margin-top:.08rem;color:var(--dz-muted);font-size:.5rem;font-weight:750}.dz-topup-icon:active{transform:scale(.965)}
@media(min-width:640px){.dz-topup-hero-v2{grid-template-columns:1fr auto;align-items:end;padding:1.2rem 1.35rem}.dz-topup-featured-item{flex-basis:10rem}.dz-topup-rail{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.dz-topup-icon:active{transform:none}}

/* 2026-09-29 Top-Up refinement pass */
.dz-topup-appbar{background:color-mix(in srgb,#090b11 88%,transparent)!important;border-bottom-color:rgba(255,255,255,.08)!important;color:#f7f8fc!important;backdrop-filter:blur(18px) saturate(1.15)}
.dz-topup-appbar .dz-muted,.dz-topup-appbar button,.dz-topup-appbar a{color:#f7f8fc}.dz-topup-appbar .dz-elevated{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.dz-topup-appbar .dz-header-wishlist-count{color:#fff}
.dz-topup-hero-v2{min-height:6.55rem;padding:.82rem .95rem;gap:.55rem;border-radius:1.32rem}.dz-topup-hero-copy h1{margin-top:.2rem;font-size:clamp(1.45rem,5.5vw,2.05rem)}.dz-topup-hero-copy p{margin-top:.24rem;font-size:.7rem}.dz-topup-flow span{padding:.23rem .45rem}.dz-topup-search-v2{min-height:3.35rem;margin-top:.62rem}
.dz-topup-featured{margin-top:.72rem}.dz-topup-catalog{margin-top:.72rem}.dz-topup-section-head{margin-bottom:.5rem}.dz-topup-featured-rail{gap:.5rem}.dz-topup-featured-item{flex:0 0 10.8rem;grid-template-columns:3.1rem minmax(0,1fr);padding:.52rem}.dz-topup-featured-art{width:3.1rem;height:3.1rem}.dz-topup-featured-copy strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.15;font-size:.72rem}.dz-topup-featured-copy small{margin-top:.28rem}
.dz-topup-rail{gap:.62rem .4rem}.dz-topup-icon{min-height:6.55rem}.dz-topup-game-name{margin-top:.32rem!important}.dz-topup-game-meta{display:none!important}
@media(min-width:640px){.dz-topup-hero-v2{padding:1rem 1.2rem}.dz-topup-featured-item{flex-basis:11.5rem}}

/* 2026-09-29 Top-Up final catalog cleanup */
.dz-topup-featured-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;overflow:visible;padding:.05rem 0 .15rem;direction:rtl}
.dz-topup-featured-item{min-width:0;grid-template-columns:2.8rem minmax(0,1fr);padding:.48rem .45rem}
.dz-topup-featured-art{width:2.8rem;height:2.8rem}.dz-topup-featured-copy strong{font-size:.67rem}.dz-topup-featured-copy small{font-size:.54rem}
.dz-topup-catalog{margin-top:.55rem}.dz-topup-section-head{margin-bottom:.42rem}
@media(max-width:390px){.dz-topup-hero-copy p{display:none}.dz-topup-hero-v2{min-height:5.8rem}.dz-topup-featured-item{grid-template-columns:2.55rem minmax(0,1fr);padding:.42rem .38rem}.dz-topup-featured-art{width:2.55rem;height:2.55rem}.dz-topup-featured-copy strong{font-size:.63rem}}

/* 2026-09-29 Top-Up quick-start swipe rail */
.dz-topup-featured-rail{
  display:flex;
  grid-template-columns:none;
  gap:.5rem;
  overflow-x:auto;
  overflow-y:hidden;
  padding:.05rem .05rem .22rem;
  direction:rtl;
  scroll-snap-type:x proximity;
  scroll-padding-inline:.05rem;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-x pan-y;
}
.dz-topup-featured-rail::-webkit-scrollbar{display:none}
.dz-topup-featured-item{
  flex:0 0 10.65rem;
  scroll-snap-align:start;
}
@media(max-width:390px){
  .dz-topup-featured-item{flex-basis:9.9rem}
}

/* 2026-09-29 Top-Up swipe rail edge-safe snap */
.dz-topup-featured-rail{
  padding-inline:1rem;
  scroll-padding-inline:1rem;
}
.dz-topup-featured-item:first-child{margin-inline-start:.05rem}
.dz-topup-featured-item:last-child{margin-inline-end:.35rem}

/* 2026-09-29 Top-Up swipe rail hard edge snap */
.dz-topup-featured-rail{
  scroll-snap-type:x mandatory;
  scroll-padding-inline:1rem;
  padding-inline:1rem;
}
.dz-topup-featured-rail::before,
.dz-topup-featured-rail::after{
  content:"";
  flex:0 0 1rem;
  pointer-events:none;
}
.dz-topup-featured-item{
  scroll-snap-align:start;
  scroll-snap-stop:always;
  scroll-margin-inline:1rem;
}
.dz-topup-featured-item:first-child,
.dz-topup-featured-item:last-child{
  margin-inline:0;
}

/* 2026-09-29 Top-Up dark search field polish */
.dz-topup-search-v2 input[type="search"]{
  background:transparent!important;
  color:var(--dz-ink)!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
}
.dz-topup-search-v2 input[type="search"]::placeholder{
  color:var(--dz-muted);
  opacity:.85;
}
.dz-dark .dz-topup-search-v2{
  background:rgba(16,18,24,.72)!important;
  border-color:color-mix(in srgb,var(--dz-accent) 28%,rgba(255,255,255,.1))!important;
}
.dz-dark .dz-topup-search-v2 input[type="search"]{
  background:transparent!important;
  color:#f3f5f8!important;
}
.dz-dark .dz-topup-search-v2 input[type="search"]::placeholder{
  color:#9ca3af!important;
}

/* 2026-09-29 Top-Up unified games/cards hub */
.dz-topup-mode-switch{display:inline-flex;align-items:center;gap:.28rem;padding:.2rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.dz-topup-mode-switch button{display:inline-flex;align-items:center;gap:.3rem;min-height:1.85rem;padding:.3rem .58rem;border:0;border-radius:999px;background:transparent;color:#aeb5c5;font-size:.67rem;font-weight:850;transition:background .18s ease,color .18s ease,transform .18s ease}
.dz-topup-mode-switch button.is-active{background:linear-gradient(135deg,rgba(124,58,237,.9),rgba(14,165,233,.78));color:#fff;box-shadow:0 6px 18px rgba(76,29,149,.22)}
.dz-topup-mode-switch button:active{transform:scale(.97)}
.dz-topup-card-art{background:linear-gradient(145deg,rgba(59,130,246,.16),rgba(124,58,237,.2))}
.dz-topup-card-mark{background:radial-gradient(circle at 25% 15%,rgba(96,165,250,.24),transparent 48%),radial-gradient(circle at 78% 82%,rgba(168,85,247,.26),transparent 48%)}
.dz-topup-card-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:1.15rem;background:linear-gradient(145deg,#171b27,#10121a);color:#fff}
.dz-topup-card-fallback b{font-size:.78rem}.dz-topup-card-fallback small{margin-top:-.55rem;font-size:.38rem;letter-spacing:.12em;color:#8b93a7}
.dz-topup-card-icon .dz-topup-instant-dot{background:#7c3aed}

/* 2026-09-29 Flexi card logos: keep full operator artwork inside tile */
.dz-topup-card-mark > img.is-flexi-card-art,
.dz-topup-featured-art > img.is-flexi-card-art,
.dz-topup-sheet-icon.is-flexi-card-art{
  object-fit:contain!important;
  padding:.5rem;
  background:#fff;
}
.dz-topup-featured-art > img.is-flexi-card-art{padding:.38rem}
.dz-topup-sheet-icon.is-flexi-card-art{padding:.45rem}
.dz-dark .dz-topup-card-mark > img.is-flexi-card-art,
.dz-dark .dz-topup-featured-art > img.is-flexi-card-art,
.dz-dark .dz-topup-sheet-icon.is-flexi-card-art{background:#fff}
/* 2026-09-29 Game purchase flow rebuilt from zero */
.dz-topup-flow-backdrop{z-index:80;background:rgba(5,6,10,.72);backdrop-filter:blur(10px) saturate(.85);display:grid;place-items:end center}
.dz-topup-flow-sheet{width:min(100%,46rem);height:min(92dvh,58rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--dz-line) 84%,#7c3aed 16%);border-radius:1.75rem 1.75rem 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--dz-surface) 97%,#111827 3%),var(--dz-bg));box-shadow:0 -22px 80px rgba(0,0,0,.4);color:var(--dz-ink)}
.dz-topup-flow-handle{width:3.2rem;height:.3rem;margin:.65rem auto .2rem;border-radius:999px;background:color-mix(in srgb,var(--dz-muted) 35%,transparent)}
.dz-topup-flow-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem 1rem;border-bottom:1px solid var(--dz-line)}
.dz-topup-flow-game{display:flex;align-items:center;gap:.8rem;min-width:0}.dz-topup-flow-art{width:4rem;height:4rem;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:1.2rem;background:linear-gradient(145deg,#1d2440,#11131a);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.dz-topup-flow-art img{width:100%;height:100%;object-fit:cover}.dz-topup-flow-art>span{font-weight:900;color:#fff}.dz-topup-flow-title{min-width:0}.dz-topup-flow-eyebrow{display:inline-flex;align-items:center;gap:.28rem;margin-bottom:.18rem;color:#60a5fa;font-size:.67rem;font-weight:900}
.dz-topup-flow-title h2{margin:0;font-size:1.18rem;font-weight:950;line-height:1.2}.dz-topup-flow-title p{margin:.22rem 0 0;color:var(--dz-muted);font-size:.7rem;line-height:1.45}.dz-topup-flow-close{width:2.7rem;height:2.7rem;flex:none;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);font-size:1.55rem;line-height:1}
.dz-topup-flow-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.9rem 1rem 1.2rem;-webkit-overflow-scrolling:touch}.dz-topup-step{padding:.95rem;border:1px solid var(--dz-line);border-radius:1.35rem;background:color-mix(in srgb,var(--dz-surface) 92%,transparent)}
.dz-topup-step+.dz-topup-step{margin-top:.8rem}.dz-topup-step-head{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem}.dz-topup-step-no{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.75rem;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:.78rem;font-weight:950;box-shadow:0 6px 16px rgba(37,99,235,.22)}
.dz-topup-step-head h3{margin:0;font-size:.9rem;font-weight:950}.dz-topup-step-head p{margin:.1rem 0 0;color:var(--dz-muted);font-size:.64rem}.dz-topup-step-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .48rem;border-radius:999px;background:color-mix(in srgb,#22c55e 10%,var(--dz-elevated));color:#16a34a;font-size:.57rem;font-weight:900;white-space:nowrap}
.dz-topup-step-badge.is-done{background:color-mix(in srgb,#22c55e 14%,var(--dz-elevated))}
.dz-topup-id-card{margin-top:.8rem;padding:.8rem;border:1px solid var(--dz-line);border-radius:1rem;background:var(--dz-elevated)}.dz-topup-field{display:grid;gap:.38rem}.dz-topup-field>span{font-size:.72rem;font-weight:850}.dz-topup-input-wrap{min-height:3.35rem;display:flex;align-items:center;gap:.55rem;padding:0 .8rem;border:1px solid var(--dz-line);border-radius:.95rem;background:var(--dz-surface)}
.dz-topup-input-wrap>svg{flex:none;color:var(--dz-muted)}.dz-topup-input-wrap input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:1rem;font-weight:800;letter-spacing:.02em}.dz-topup-input-wrap:focus-within{border-color:color-mix(in srgb,var(--dz-accent) 55%,var(--dz-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 10%,transparent)}
.dz-topup-lookup-state{display:flex;align-items:center;gap:.55rem;min-height:2.75rem;margin-top:.65rem;padding:.58rem .68rem;border-radius:.85rem;background:color-mix(in srgb,var(--dz-muted) 7%,transparent);color:var(--dz-muted);font-size:.68rem;line-height:1.35}.dz-topup-lookup-state.is-loading{color:#60a5fa}.dz-topup-lookup-state.is-found{background:color-mix(in srgb,#22c55e 9%,var(--dz-surface));color:var(--dz-ink)}
.dz-topup-lookup-state.is-not_found{background:color-mix(in srgb,#ef4444 8%,var(--dz-surface));color:#ef4444}.dz-topup-lookup-icon{display:grid;place-items:center;width:1.45rem;height:1.45rem;flex:none;border-radius:999px;background:#22c55e;color:#fff}.dz-topup-lookup-error{display:grid;place-items:center;width:1.45rem;height:1.45rem;flex:none;border-radius:999px;background:#ef4444;color:#fff;font-weight:950}
.dz-topup-lookup-state div{display:grid;gap:.05rem}.dz-topup-lookup-state strong{font-size:.72rem}.dz-topup-lookup-state small{color:var(--dz-muted);font-size:.6rem}
.dz-topup-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.dz-topup-package{position:relative;min-height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.18rem;padding:.72rem .78rem;border:1px solid var(--dz-line);border-radius:1rem;background:var(--dz-elevated);text-align:start;color:var(--dz-ink)}
.dz-topup-package.is-compact{min-height:4.5rem}.dz-topup-package strong{max-width:100%;font-size:.78rem;line-height:1.25}.dz-topup-package small{color:var(--dz-muted);font-size:.68rem;font-weight:800}.dz-topup-package-check{position:absolute;top:.45rem;inset-inline-end:.45rem;width:1.2rem;height:1.2rem;display:grid;place-items:center;border:1px solid var(--dz-line);border-radius:999px;color:transparent}
.dz-topup-package.is-active{border-color:transparent;background:linear-gradient(var(--dz-elevated),var(--dz-elevated)) padding-box,linear-gradient(135deg,#7c3aed,#2563eb,#22d3ee) border-box;box-shadow:0 10px 24px rgba(37,99,235,.12)}.dz-topup-package.is-active .dz-topup-package-check{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.dz-topup-package.is-active small{color:#60a5fa}
.dz-topup-empty-state{margin-top:.8rem;padding:1rem;border:1px dashed var(--dz-line);border-radius:1rem;color:var(--dz-muted);font-size:.72rem;text-align:center}
.dz-topup-flow-footer{flex:none;padding:.75rem 1rem calc(.8rem + env(safe-area-inset-bottom));border-top:1px solid var(--dz-line);background:color-mix(in srgb,var(--dz-bg) 94%,transparent);backdrop-filter:blur(18px)}.dz-topup-flow-summary{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.62rem}.dz-topup-flow-summary>div:first-child{display:grid;gap:.08rem;min-width:0}.dz-topup-flow-summary span,.dz-topup-flow-price small{color:var(--dz-muted);font-size:.58rem;font-weight:750}
.dz-topup-flow-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.dz-topup-flow-price{display:grid;text-align:end;gap:.04rem}.dz-topup-flow-price b{font-size:1rem}.dz-topup-flow-cta{width:100%;min-height:3.35rem;display:flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:1rem;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 58%,#22d3ee 120%);color:#fff;font-size:.82rem;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.24)}
.dz-topup-flow-cta:disabled{cursor:not-allowed;box-shadow:none;background:color-mix(in srgb,var(--dz-muted) 18%,var(--dz-elevated));color:var(--dz-muted)}
.dz-dark .dz-topup-flow-sheet{background:linear-gradient(180deg,#0e1016 0%,#090a0d 100%)}.dz-dark .dz-topup-step{background:rgba(255,255,255,.025)}.dz-dark .dz-topup-id-card,.dz-dark .dz-topup-package{background:#12141a}.dz-dark .dz-topup-input-wrap{background:#0d0f14}
@media(min-width:640px){.dz-topup-flow-backdrop{place-items:center}.dz-topup-flow-sheet{height:min(88dvh,54rem);border-radius:1.75rem}.dz-topup-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:390px){.dz-topup-flow-head{padding-inline:.8rem}.dz-topup-flow-scroll{padding-inline:.8rem}.dz-topup-step{padding:.8rem}.dz-topup-step-head{grid-template-columns:1.8rem minmax(0,1fr)}.dz-topup-step-no{width:1.8rem;height:1.8rem}.dz-topup-step-badge{grid-column:2;justify-self:start}.dz-topup-flow-title p{display:none}.dz-topup-flow-art{width:3.55rem;height:3.55rem}.dz-topup-package{padding:.65rem;min-height:4.7rem}}

/* 2026-09-29 Top-Up review redesign */
.dz-topup-review{width:min(100%,44rem)}
.dz-topup-review .dz-dialog-content{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.dz-topup-review-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.35rem;padding:.85rem;border:1px solid var(--dz-line);border-radius:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 10%,var(--dz-surface)),color-mix(in srgb,#0ea5e9 8%,var(--dz-surface)))}
.dz-topup-review-game{display:flex;align-items:center;gap:.7rem;min-width:0}.dz-topup-review-game>img,.dz-topup-review-game>span{width:3.35rem;height:3.35rem;flex:none;border-radius:1rem;object-fit:cover;display:grid;place-items:center;background:var(--dz-elevated)}
.dz-topup-review-game>div{display:grid;gap:.12rem;min-width:0}.dz-topup-review-game small{display:flex;align-items:center;gap:.25rem;color:#22c55e;font-size:.6rem;font-weight:850}.dz-topup-review-game strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}
.dz-topup-review-price{display:grid;gap:.08rem;text-align:end;flex:none}.dz-topup-review-price span{color:var(--dz-muted);font-size:.58rem}.dz-topup-review-price b{font-size:1.05rem}
.dz-topup-review-card{margin-top:.72rem;padding:.8rem .85rem;border:1px solid var(--dz-line);border-radius:1.05rem;background:var(--dz-elevated)}
.dz-topup-review-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;color:var(--dz-muted);font-size:.66rem;font-weight:850}.dz-topup-review-card-head svg{color:#22c55e}
.dz-topup-review-pair{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.58rem 0;border-top:1px solid color-mix(in srgb,var(--dz-line) 78%,transparent)}.dz-topup-review-pair:first-of-type{border-top:0}.dz-topup-review-pair span{color:var(--dz-muted);font-size:.68rem}.dz-topup-review-pair strong{font-size:.78rem;text-align:end}
.dz-topup-review-card.is-package{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 8%,var(--dz-elevated)),color-mix(in srgb,#2563eb 7%,var(--dz-elevated)))}
.dz-topup-review-card.is-package>div{display:grid;gap:.12rem}.dz-topup-review-card.is-package span{color:var(--dz-muted);font-size:.62rem}.dz-topup-review-card.is-package strong{font-size:.82rem}.dz-topup-review-card.is-package>b{font-size:1rem}
.dz-topup-review-actions{display:grid;grid-template-columns:auto 1fr;gap:.55rem;margin-top:.85rem}.dz-topup-review-edit{min-width:6.3rem;min-height:3.2rem;display:flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--dz-line);border-radius:1rem;background:var(--dz-elevated);color:var(--dz-ink);font-size:.72rem;font-weight:850}
.dz-topup-review-buy{min-height:3.2rem;display:flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:1rem;background:linear-gradient(135deg,#7c3aed 0%,#2563eb 60%,#22d3ee 120%);color:#fff;font-size:.77rem;font-weight:950;box-shadow:0 12px 28px rgba(37,99,235,.22)}
.dz-topup-review-buy b{font-size:.73rem}.dz-topup-review-buy:disabled{background:color-mix(in srgb,var(--dz-muted) 18%,var(--dz-elevated));color:var(--dz-muted);box-shadow:none}
.dz-dark .dz-topup-review-card,.dz-dark .dz-topup-review-game>span{background:#12141a}
@media(max-width:390px){.dz-topup-review-actions{grid-template-columns:5.6rem 1fr}.dz-topup-review-edit{min-width:0}.dz-topup-review-game>img,.dz-topup-review-game>span{width:3rem;height:3rem}.dz-topup-review-buy{font-size:.72rem}}

/* 2026-09-29 Top-Up review alignment + theme-token polish */
.dz-topup-review-hero{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dz-accent) 14%,transparent),transparent 42%),
    linear-gradient(135deg,color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface)),color-mix(in srgb,var(--dz-accent-2) 6%,var(--dz-surface)));
  border-color:color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));
}
.dz-topup-review-card.is-package{
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--dz-accent) 7%,var(--dz-elevated)),color-mix(in srgb,var(--dz-accent-2) 5%,var(--dz-elevated)));
  border-color:color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));
}
.dz-topup-review-buy{
  background:linear-gradient(135deg,var(--dz-accent) 0%,var(--dz-accent-2) 100%);
  box-shadow:0 12px 28px color-mix(in srgb,var(--dz-accent) 22%,transparent);
}
.dz-topup-review-card{padding:.66rem .78rem}
.dz-topup-review-card-head{margin-bottom:.25rem}
.dz-topup-review-pair{padding:.43rem 0}
.dz-topup-review-actions{grid-template-columns:5rem 1fr}
.dz-topup-review-edit{min-width:0;min-height:2.95rem;padding-inline:.65rem;font-size:.68rem}
.dz-topup-review-buy{min-height:3.05rem}

@media (max-width:767px){
  .dz-dialog-content.dz-sheet.dz-topup-review{
    width:calc(100vw - 1rem);
    max-width:44rem;
    left:50vw;
    right:auto;
    bottom:0;
    transform:translateX(-50%);
    border-radius:1.45rem 1.45rem 0 0;
    max-height:min(88dvh,42rem);
  }
}
@media (prefers-reduced-motion:no-preference) and (max-width:767px){
  .dz-dialog-content.dz-sheet.dz-topup-review{animation:shopTopupReviewRise .22s var(--dz-ease)}
}
@keyframes shopTopupReviewRise{
  from{opacity:.72;transform:translate(-50%,12px)}
  to{opacity:1;transform:translate(-50%,0)}
}

/* 2026-09-29 Top-Up review final spacing polish */
.dz-dialog-content.dz-topup-review > .mb-3{
  padding-inline:.35rem;
  margin-bottom:.65rem;
}
.dz-dialog-content.dz-topup-review > .mb-3 > div:first-child{
  padding-inline-start:.12rem;
}
.dz-dialog-content.dz-topup-review > .mb-3 .font-display{
  line-height:1.2;
}
.dz-dialog-content.dz-topup-review > .mb-3 .dz-muted{
  margin-top:.22rem;
  line-height:1.4;
}
.dz-topup-review-hero{
  margin-top:.15rem;
  padding:.62rem .7rem;
  min-height:0;
  gap:.7rem;
  border-radius:1.05rem;
}
.dz-topup-review-game{gap:.55rem}
.dz-topup-review-game>img,
.dz-topup-review-game>span{
  width:3rem;
  height:3rem;
  border-radius:.85rem;
}
.dz-topup-review-game>div{gap:.06rem}
.dz-topup-review-game small{font-size:.56rem}
.dz-topup-review-game strong{font-size:.88rem}
.dz-topup-review-price span{font-size:.55rem}
.dz-topup-review-price b{font-size:.98rem}

/* 2026-09-29 Top-Up review final micro-polish */
.dz-dialog-content.dz-topup-review > .mb-3 > div:first-child{
  padding-inline-end:.7rem;
}
.dz-topup-review-hero{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(5.2rem,.9fr);
  align-items:center;
}
.dz-topup-review-price{
  padding-inline-start:.5rem;
  border-inline-start:1px solid color-mix(in srgb,var(--dz-line) 72%,transparent);
}
.dz-topup-review-actions{
  margin-bottom:.3rem;
}
.dz-dialog-content.dz-sheet.dz-topup-review{
  padding-bottom:calc(1.4rem + env(safe-area-inset-bottom));
}
@media(max-width:390px){
  .dz-topup-review-hero{
    grid-template-columns:minmax(0,1.7fr) minmax(4.8rem,.8fr);
  }
  .dz-dialog-content.dz-topup-review > .mb-3 > div:first-child{
    padding-inline-end:.55rem;
  }
}

/* 2026-09-29 Orders list redesign */

.dz-games-flow{width:min(100%,720px);margin-inline:auto}
.dz-games-shell{padding:16px;border-radius:22px}
.dz-games-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dz-games-head h1{margin:4px 0 3px;font-size:24px}
.dz-games-head p{margin:0;color:var(--dz-muted);font-size:11px}
.dz-games-count{padding:7px 10px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-muted);font-size:11px;font-weight:800}
.dz-games-search{display:flex;align-items:center;gap:9px;min-height:46px;margin-top:14px;padding:0 12px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated)}
.dz-games-search[hidden]{display:none!important}
.dz-games-search svg{width:18px;height:18px;color:var(--dz-muted);flex:0 0 auto}
.dz-games-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--dz-ink);font:inherit;font-size:13px}
.dz-games-search input::placeholder{color:var(--dz-muted)}
.dz-games-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.dz-game-card{display:flex;align-items:center;gap:10px;min-height:74px;padding:11px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-game-card-icon{display:block;width:44px;height:44px;flex:0 0 44px;border-radius:12px;object-fit:cover;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--dz-line) 82%,transparent)}
.dz-game-card-copy{display:grid;gap:3px;min-width:0;flex:1}
.dz-game-card-copy b{font-size:13px}.dz-game-card-copy small{font-size:10px;color:var(--dz-muted)}
.dz-game-card-arrow{color:var(--dz-accent)}

.dz-game-form{margin-top:14px}
.dz-game-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-game-selected>div{display:grid;gap:2px}.dz-game-selected strong{font-size:14px}.dz-game-selected small{font-size:10px;color:var(--dz-muted)}
.dz-game-selected button{border:0;background:transparent;color:var(--dz-accent);font-weight:800}
.dz-game-field{display:grid;gap:6px;margin-top:11px}.dz-game-field span{font-size:11px;color:var(--dz-muted);font-weight:700}
.dz-game-field input{width:100%;min-height:50px;padding:0 13px;border-radius:14px}
.dz-game-validate{width:100%;min-height:46px;margin-top:10px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);color:var(--dz-ink);font-weight:900}
.dz-game-validation{min-height:18px;margin-top:8px;text-align:center;font-size:11px;color:var(--dz-muted)}
.dz-game-validation.is-error{color:#ef4444}.dz-game-validation.is-success{color:#10b981}.dz-game-validation.is-info{color:var(--dz-accent)}
.dz-game-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dz-game-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:11px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-game-offer.is-active{border-color:var(--dz-accent)}
.dz-game-offer-copy{display:grid;gap:3px}.dz-game-offer-copy b{font-size:12px}.dz-game-offer-copy small{font-size:9px;color:var(--dz-muted)}

.dz-game-review{display:grid;gap:9px;margin-top:12px;padding:16px;border-radius:22px}
.dz-game-review>strong{font-size:15px}
.dz-game-review-line{font-size:11px;color:var(--dz-muted);overflow-wrap:anywhere}
#shop-games[hidden]{display:none!important}
@media(max-width:420px){.dz-games-list,.dz-game-offers{grid-template-columns:1fr}.dz-games-shell{padding:13px 12px 15px}}

/* Bills flow foundation */
/* Bills page — premium home-aligned visual language */
.dz-bills-page { gap: 1.1rem; }
.dz-bills-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 11.8rem;
  padding: 1.35rem 1.2rem;
  overflow: hidden;
  border: 1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));
  border-radius: 1.45rem;
  background: color-mix(in srgb,var(--dz-accent) 9%,var(--dz-bg));
}
.dz-bills-hero-copy { position: relative; z-index: 2; min-width: 0; }
.dz-bills-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--dz-accent);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .12em;
  direction: ltr;
}
.dz-bills-eyebrow svg { width: .86rem; height: .86rem; }
.dz-bills-hero h1 { margin: .55rem 0 0; font-size: clamp(1.55rem,7vw,2.15rem); line-height: 1.35; letter-spacing: -.035em; }

.dz-bills-hero p { margin: .45rem 0 0; color: var(--dz-muted); font-size: .72rem; }
.dz-bills-hero-trust {
  display: inline-flex;
  margin-top: .95rem;
  color: var(--dz-accent);
  font-size: .68rem;
  font-weight: 700;
}
.dz-bills-hero-art { position: relative; width: 7.7rem; height: 8.8rem; flex: 0 0 auto; }
.dz-bills-orbit {
  position: absolute;
  width: 9.4rem;
  height: 9.4rem;
  inset: -.3rem auto auto -1.1rem;
  border: 1px solid color-mix(in srgb,var(--dz-accent) 16%,transparent);
  border-radius: 50%;
}
.dz-bills-paper {
  position: absolute;
  width: 5.4rem;
  height: 7.5rem;
  top: .55rem;
  left: 1rem;
  border-radius: 1rem;
}
.dz-bills-paper-back {
  transform: rotate(-17deg) translateX(-.7rem);
  border: 1px solid color-mix(in srgb,var(--dz-accent) 15%,var(--dz-line));
  background: var(--dz-surface);
}
.dz-bills-paper-front {
  transform: rotate(10deg);
  display: flex;
  flex-direction: column;
  padding: .75rem;
  background: var(--dz-accent);
  color: #fff;
  box-shadow: 0 1rem 2rem color-mix(in srgb,var(--dz-accent) 16%,transparent);
}
.dz-bills-paper-front > span { font-size: .52rem; letter-spacing: .14em; direction: ltr; }
.dz-bills-paper-front > svg { width: 2rem; height: 2rem; margin: 1.15rem auto 0; stroke-width: 1.35; }
.dz-bills-paper-front > i { width: 1.7rem; height: .12rem; margin: .8rem auto 0; background: rgba(255,255,255,.55); border-radius: 999px; }
.dz-bills-paper-front > b { margin-top: auto; font-size: .48rem; letter-spacing: .15em; direction: ltr; }

.dz-bills-page .dz-bill-grid {
  gap: .62rem;
  margin-top: .1rem;
}
.dz-bills-page .dz-bill-card {
  min-height: 6.8rem;
  padding: .8rem .6rem;
  gap: .35rem;
  border-radius: 1.1rem;
  background: color-mix(in srgb,var(--dz-surface) 90%,var(--dz-bg));
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.dz-bills-page .dz-bill-card > span {
  width: 2.65rem;
  height: 2.65rem;
  border-radius: .85rem;
  font-size: .82rem;
}
.dz-bills-page .dz-bill-card strong { font-size: .78rem; }
.dz-bills-page .dz-bill-card small { font-size: .61rem; }
.dz-bills-page .dz-bill-card.is-selected {
  border-color: color-mix(in srgb,var(--dz-accent) 72%,white 8%);
  background: color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));
  box-shadow: 0 0 0 1px color-mix(in srgb,var(--dz-accent) 14%,transparent), 0 .8rem 2rem color-mix(in srgb,var(--dz-accent) 7%,transparent);
}
.dz-bills-page .dz-bill-card.is-selected > span {
  background: color-mix(in srgb,var(--dz-accent) 12%,var(--dz-elevated));
}
.dz-bills-page .dz-bill-card:not(:disabled):active { transform: scale(.985); }
.dz-bills-page .dz-bill-card.is-disabled { opacity: .32; filter: saturate(.55); }

.dz-bills-page .dz-bill-form,
.dz-bills-page .dz-bill-results,
.dz-bills-page .dz-bill-payment-status,
.dz-bills-page .dz-services-note {
  border: 1px solid var(--dz-line);
  border-radius: 1.35rem;
  background: var(--dz-surface);
}
.dz-bills-page .dz-bill-form { padding: 1rem; gap: .8rem; }
.dz-bills-page .dz-service-section-title { align-items: center; }
.dz-bills-page .dz-service-section-title > div { display: grid; gap: .15rem; }
.dz-bills-page .dz-service-section-title strong { font-size: .9rem; }
.dz-bills-page .dz-service-section-title small { color: var(--dz-muted); font-size: .66rem; }
.dz-bills-page .dz-bill-qr-button {
  min-height: 2.35rem;
  padding: 0 .72rem;
  border: 1px solid var(--dz-line);
  border-radius: .85rem;
  background: var(--dz-bg);
  color: var(--dz-accent);
  font-size: .68rem;
}
.dz-bills-page .dz-service-field {
  display: grid;
  gap: .42rem;
}
.dz-bills-page .dz-service-field > span { font-size: .7rem; font-weight: 700; }
.dz-bills-page .dz-service-field input {
  min-height: 3.15rem;
  padding: 0 .9rem;
  border: 1px solid var(--dz-line);
  border-radius: 1rem;
  background: var(--dz-bg);
  color: var(--dz-ink);
  font-size: .9rem;
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.dz-bills-page .dz-service-field input:focus {
  border-color: var(--dz-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--dz-accent) 10%,transparent);
}
.dz-bills-page .dz-bill-lookup {
  min-height: 3.25rem;
  border-radius: 1rem;
  box-shadow: 0 .7rem 1.4rem color-mix(in srgb,var(--dz-accent) 10%,transparent);
}
.dz-bills-page .dz-bill-results { padding: 1rem; }
.dz-bills-page .dz-bill-result {
  grid-template-columns: 1fr auto;
  min-height: auto;
  padding: .85rem 0;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}
.dz-bills-page .dz-bill-result:last-child { border-bottom: 0; }
.dz-bills-page .dz-bill-result > div { display: grid; gap: .12rem; }
.dz-bills-page .dz-bill-result > div:nth-child(2) { justify-items: end; text-align: end; }
.dz-bills-page .dz-bill-result .dz-bill-total {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding-top: .7rem;
}
.dz-bills-page .dz-bill-total button {
  min-height: 2.3rem;
  padding: 0 .85rem;
  border: 0;
  border-radius: .8rem;
  background: var(--dz-accent);
  color: #fff;
  font-weight: 800;
}
.dz-bills-page .dz-services-note { padding: .9rem 1rem; }
.dz-bills-page .dz-services-note strong { font-size: .76rem; }
.dz-bills-page .dz-services-note p { margin-top: .3rem; color: var(--dz-muted); font-size: .66rem; line-height: 1.7; }

@media (max-width: 380px) {
  .dz-bills-hero { min-height: 10.9rem; padding: 1.1rem .95rem; }
  .dz-bills-hero-art { width: 6.4rem; transform: scale(.9); transform-origin: left center; }
  .dz-bills-hero h1 { font-size: 1.48rem; }
  .dz-bills-hero-trust { font-size: .61rem; }
}
@media (min-width: 720px) {
  .dz-bills-page .dz-bill-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
  .dz-bills-hero { min-height: 13rem; padding-inline: 1.6rem; }
  .dz-bills-hero-art { margin-inline-end: 1.2rem; transform: scale(1.08); }
}


.dz-bills-flow{width:min(100%,720px);margin-inline:auto}
.dz-bills-shell{padding:16px;border-radius:22px}
.dz-bills-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dz-bills-head h1{margin:4px 0 3px;font-size:24px}
.dz-bills-head p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.5}
.dz-bills-count{padding:7px 10px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-muted);font-size:11px;font-weight:800}
.dz-billers-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.dz-biller-card{display:flex;align-items:center;gap:10px;min-height:74px;padding:11px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-biller-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent)}
.dz-biller-copy{display:grid;gap:3px;min-width:0;flex:1}.dz-biller-copy b{font-size:13px}.dz-biller-copy small{font-size:10px;color:var(--dz-muted)}
.dz-bill-form{margin-top:14px}.dz-bill-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-bill-selected>div{display:grid;gap:2px}.dz-bill-selected strong{font-size:14px}.dz-bill-selected small{font-size:10px;color:var(--dz-muted)}.dz-bill-selected button{border:0;background:transparent;color:var(--dz-accent);font-weight:800}
.dz-bill-field{display:grid;gap:6px;margin-top:11px}.dz-bill-field span{font-size:11px;color:var(--dz-muted);font-weight:700}
.dz-bill-field input{width:100%;min-height:50px;padding:0 13px;border-radius:14px}
.dz-bill-discover{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:14px;background:var(--dz-accent);color:#fff;font-weight:900}

.dz-bill-results{display:grid;gap:8px;margin-top:12px}.dz-bill-results.is-error{color:#ef4444}.dz-bill-results.is-success{color:#10b981}.dz-bill-results.is-info{color:var(--dz-accent)}
.dz-bill-message,.dz-bill-results-title{font-size:11px}.dz-bill-results-title{color:var(--dz-muted)}
.dz-bill-result{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:11px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-bill-result.is-active{border-color:var(--dz-accent)}
.dz-bill-result-copy{display:grid;gap:3px}.dz-bill-result-copy b{font-size:12px}.dz-bill-result-copy small{font-size:9px;color:var(--dz-muted)}
.dz-bill-result-amount{font-size:13px;font-weight:900;white-space:nowrap}
.dz-bill-review{margin-top:12px;padding:16px;border-radius:22px}
#shop-bills[hidden]{display:none!important}
@media(max-width:420px){.dz-billers-list{grid-template-columns:1fr}.dz-bills-shell{padding:13px 12px 15px}}

.dz-digital-flow{width:min(100%,760px);margin-inline:auto}
.dz-digital-shell{padding:16px;border-radius:22px}
.dz-digital-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dz-digital-head h1{margin:4px 0 3px;font-size:24px}
.dz-digital-head p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.5}
.dz-digital-count{padding:7px 10px;border:1px solid var(--dz-line);border-radius:999px;color:var(--dz-muted);font-size:11px;font-weight:800}
.dz-digital-products-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.dz-digital-product{display:flex;align-items:center;gap:10px;min-height:74px;padding:11px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-digital-product-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);font-weight:900}
.dz-digital-product-copy{display:grid;gap:3px;min-width:0;flex:1}
.dz-digital-product-copy b{font-size:13px}.dz-digital-product-copy small{font-size:10px;color:var(--dz-muted)}
.dz-digital-plan-panel{margin-top:14px}.dz-digital-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-digital-selected>div{display:grid;gap:2px}.dz-digital-selected strong{font-size:14px}.dz-digital-selected small{font-size:10px;color:var(--dz-muted)}
.dz-digital-selected button{border:0;background:transparent;color:var(--dz-accent);font-weight:800}
.dz-digital-loading,.dz-digital-empty{padding:20px 8px;text-align:center;color:var(--dz-muted);font-size:11px}

.dz-digital-plans{display:grid;gap:8px;margin-top:10px}
.dz-digital-plan{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:11px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated);color:var(--dz-ink);text-align:right}
.dz-digital-plan.is-active{border-color:var(--dz-accent)}
.dz-digital-plan-copy{display:grid;gap:3px}.dz-digital-plan-copy b{font-size:12px}.dz-digital-plan-copy small{font-size:9px;color:var(--dz-muted)}
.dz-digital-review{margin-top:12px;padding:16px;border-radius:22px}
.dz-digital-inputs{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--dz-line)}
.dz-digital-inputs>strong{font-size:12px}
.dz-digital-field{display:grid;gap:6px}.dz-digital-field span{font-size:10px;color:var(--dz-muted);font-weight:700}
.dz-digital-field input{width:100%;min-height:48px;padding:0 12px;border-radius:13px}
.dz-digital-local-note,.dz-digital-error{font-size:10px;line-height:1.55;color:var(--dz-muted)}
#shop-digital[hidden]{display:none!important}
@media(max-width:420px){.dz-digital-products-list{grid-template-columns:1fr}.dz-digital-shell{padding:13px 12px 15px}}

/* Private shell stays covered until session verification finishes. */
.dz-auth-check{visibility:visible!important}
.dz-auth-check>.dz-shop-main,.dz-auth-check>.dz-mobile-nav{visibility:hidden}
.dz-shop-boot{display:none}
.dz-auth-check .dz-shop-boot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top,0px) 24px env(safe-area-inset-bottom,0px);box-sizing:border-box;background:var(--dz-bg,#fbfbfd);color:var(--dz-ink,#151821);font-family:"IBM Plex Sans Arabic",sans-serif;text-align:center}
.dz-shop-boot-brand{position:absolute;top:max(28px,calc(env(safe-area-inset-top,0px) + 18px));inset-inline:0;display:grid;place-items:center}.dz-shop-boot-brand img{width:154px;height:auto;max-height:48px;object-fit:contain}
.dz-shop-boot-content{width:min(100%,340px);display:grid;justify-items:center;gap:10px;margin-top:-22px}
.dz-shop-boot-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:21px;background:color-mix(in srgb,var(--dz-accent,#3584ed) 12%,var(--dz-bg,#fff));color:var(--dz-accent,#3584ed);font-size:28px;box-shadow:0 12px 30px color-mix(in srgb,var(--dz-accent,#3584ed) 10%,transparent)}
.dz-shop-boot h1{margin:8px 0 0;font-size:22px;line-height:1.5}.dz-shop-boot p{margin:0;min-height:26px;color:var(--dz-muted,#6f7480);font-size:13px;line-height:1.8}
.dz-shop-boot-progress{width:min(220px,75%);height:4px;margin-top:15px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--dz-accent,#3584ed) 13%,var(--dz-bg,#fff))}.dz-shop-boot-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--dz-accent,#3584ed);animation:dz-boot-move 1.35s ease-in-out infinite alternate}
.dz-shop-boot button{margin-top:10px;border:0;border-radius:13px;background:var(--dz-accent,#3584ed);color:#fff;font:700 13px "IBM Plex Sans Arabic",sans-serif;padding:12px 25px;cursor:pointer}.dz-shop-boot button[hidden]{display:none}
.dz-shop-boot a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:130px;padding:8px 18px;border:1px solid var(--dz-accent,#3584ed);border-radius:13px;color:var(--dz-accent,#3584ed);font:700 13px "IBM Plex Sans Arabic",sans-serif;text-decoration:none;box-sizing:border-box}.dz-shop-boot a[hidden],.dz-shop-boot[data-state="error"] .dz-shop-boot-progress{display:none}
.dz-shop-boot-foot{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 14px));color:var(--dz-muted,#6f7480);font-size:11px}
@keyframes dz-boot-move{from{transform:translateX(75%)}to{transform:translateX(-75%)}}
@media(prefers-reduced-motion:reduce){.dz-shop-boot-progress i{animation:none;width:100%}}
/* Keep the five-slot shell above legacy three-slot layout rules. */
.dz-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));width:min(calc(100% - 24px),480px);padding:7px 5px;border-radius:22px;overflow:visible}
.dz-mobile-nav .dz-bottom-link{min-width:0;min-height:54px;justify-content:center;gap:3px}
.dz-mobile-nav .dz-bottom-link>span{font-size:22px;line-height:1}.dz-mobile-nav .dz-bottom-link>b{font-size:10px}
.dz-mobile-nav .dz-quick-trigger>span{display:grid;place-items:center;width:52px;height:52px;margin-top:-25px;border:4px solid var(--dz-bg);border-radius:50%;background:linear-gradient(135deg,#2584ff,#6550f5);box-shadow:0 10px 25px #2563eb55;color:#fff;font-size:27px}
.dz-quick-backdrop[hidden]{display:none!important}
@media(min-width:720px){.dz-mobile-nav{display:none}}

/* Ghaith-inspired home composition, dzflexi visual identity. */
.dz-shop:has(.dz-home)>.dz-shop-main{width:min(100%,1190px);padding:28px 24px calc(108px + env(safe-area-inset-bottom,0px))}
.dz-home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:start}
.dz-home-primary,.dz-home-secondary{min-width:0}
.dz-home-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 15px}
.dz-home-intro span{font-size:12px;color:var(--dz-muted)}.dz-home-intro h1{margin:0;font-size:17px;letter-spacing:-.025em}
.dz-home-welcome{position:relative;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;min-height:205px;padding:22px 25px;border:1px solid color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));border-radius:23px;background:radial-gradient(circle at 10% 4%,color-mix(in srgb,var(--dz-accent) 21%,transparent),transparent 53%),linear-gradient(145deg,var(--dz-elevated),var(--dz-surface))}
.dz-home-welcome-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:var(--dz-muted);font-size:10px;letter-spacing:.06em}.dz-home-welcome-top span:first-child{direction:ltr}
.dz-home-welcome>strong{display:block;font-size:clamp(25px,3vw,36px);line-height:1.3;letter-spacing:-.055em}.dz-home-welcome p{margin:8px 0 0;font-size:12px;color:var(--dz-muted)}
.dz-home-welcome>a{position:static;align-self:flex-end;margin-top:auto;padding:10px 13px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-accent);text-decoration:none;font-size:12px;font-weight:800}
.dz-home-discover{display:flex;align-items:center;gap:12px;width:100%;min-height:70px;margin:15px 0 24px;padding:11px 14px;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface);color:var(--dz-ink);text-align:right;cursor:pointer}
.dz-home-discover-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 15%,var(--dz-elevated));color:var(--dz-accent);font-size:22px}.dz-home-discover>span:nth-child(2){display:grid;gap:2px;flex:1}.dz-home-discover strong{font-size:13px}.dz-home-discover small{font-size:10px;color:var(--dz-muted)}.dz-home-discover-search{font-size:26px;color:var(--dz-muted)}
.dz-home-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 24px}
.dz-home-services .dz-service-card,.dz-home-services .dz-service-card:last-child{display:grid;justify-items:center;align-content:start;gap:8px;min-height:0;padding:5px 2px;border:0;background:transparent;box-shadow:none;text-align:center}
.dz-home-services .dz-service-card:last-child{grid-column:auto;flex-direction:column}
.dz-home-services .dz-service-icon{width:50px;height:50px;border-radius:16px;background:var(--dz-surface);font-size:23px}.dz-home-services .dz-service-copy b{font-size:11px}.dz-home-services .dz-service-copy small,.dz-home-services .dz-service-arrow{display:none}
.dz-home-flexi{position:relative;display:flex;min-height:201px;overflow:hidden;padding:23px 25px;border:1px solid color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line));border-radius:23px;background:linear-gradient(130deg,color-mix(in srgb,var(--dz-accent) 16%,var(--dz-surface)),var(--dz-surface));text-decoration:none;color:var(--dz-ink)}
.dz-home-flexi-copy{position:relative;z-index:1;display:grid;justify-items:start;gap:7px}.dz-home-flexi-copy small{color:var(--dz-accent);font-size:10px;font-weight:800;letter-spacing:.1em}.dz-home-flexi-copy strong{font-size:27px;line-height:1.25;letter-spacing:-.045em}.dz-home-flexi-copy>span{color:var(--dz-muted);font-size:10px}.dz-home-flexi-copy b{margin-top:10px;color:var(--dz-accent);font-size:11px}
.dz-home-flexi-art{position:absolute;inset-inline-end:28px;top:19px;width:180px;height:180px}.dz-home-orbit{position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--dz-accent) 25%,transparent);border-radius:50%}.dz-home-sim{position:absolute;top:26px;left:48px;display:flex;flex-direction:column;justify-content:space-between;width:105px;height:147px;padding:17px;border:1px solid #ffffff55;border-radius:19px;background:linear-gradient(145deg,#2584ff,#5446e8);box-shadow:0 13px 32px #2563eb55;color:#fff;transform:rotate(-13deg)}.dz-home-sim span{font-size:12px;font-weight:900}.dz-home-sim i{width:30px;height:38px;border:2px solid #fff9;border-radius:7px;align-self:center}.dz-home-sim em{font-style:normal;font-size:8px;letter-spacing:.18em}
.dz-home-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 21px}.dz-home-products-head small{font-size:9px;letter-spacing:.15em;color:var(--dz-muted)}.dz-home-products-head h2{margin:4px 0 0;font-size:25px;letter-spacing:-.04em}.dz-home-products-head a{color:var(--dz-muted);font-size:11px;text-decoration:none}
.dz-home-products-tabs{display:flex;justify-content:space-between;padding:0 0 15px;border-bottom:1px solid var(--dz-line);font-size:11px;color:var(--dz-muted)}.dz-home-products-tabs .is-active{position:relative;color:var(--dz-ink);font-weight:800}.dz-home-products-tabs .is-active:after{content:"";position:absolute;bottom:-16px;right:0;width:100%;height:2px;background:var(--dz-accent)}
.dz-home-secondary .dz-product-grid{display:grid;grid-template-columns:1fr;gap:0}.dz-home-secondary .dz-product-card{min-height:76px;border:0;border-bottom:1px solid var(--dz-line);border-radius:0;background:transparent}
.dz-home-secondary .dz-empty{min-height:160px;display:flex;justify-content:center;margin:20px 0 0;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface)}
.dz-home-help{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--dz-line);font-size:11px;color:var(--dz-muted)}.dz-home-help button{border:0;background:transparent;color:var(--dz-accent);font-size:11px;cursor:pointer}
.dz-home-secondary .dz-empty[hidden]{display:none!important}
@media(max-width:760px){.dz-shop:has(.dz-home)>.dz-shop-main{padding:18px 18px calc(110px + env(safe-area-inset-bottom,0px))}.dz-home-layout{grid-template-columns:1fr;gap:29px}.dz-home-intro{margin:3px 0 12px}.dz-home-welcome{min-height:196px}.dz-home-products-head{margin-top:0}}
@media(max-width:390px){.dz-home-services{gap:4px}.dz-home-services .dz-service-icon{width:44px;height:44px}.dz-home-services .dz-service-copy b{font-size:10px}.dz-home-flexi-art{inset-inline-end:-10px;opacity:.65}.dz-home-welcome>a{position:static;display:inline-block;margin-top:14px}.dz-home-welcome{padding:18px}}
@media(prefers-reduced-motion:no-preference){.dz-home-services .dz-service-card,.dz-home-flexi,.dz-home-discover{transition:transform .18s ease,border-color .18s ease}.dz-home-services .dz-service-card:hover,.dz-home-flexi:hover,.dz-home-discover:hover{transform:translateY(-2px)}}

/* Adopted dzflexi symbol and compact mobile rhythm. */
.dz-brand-icon{display:block;width:40px;height:40px;object-fit:contain;border-radius:12px}
.dz-brand{gap:8px}.dz-brand>span{font-size:16px;font-weight:900;letter-spacing:.015em}
.dz-home-services .dz-service-card{border:0;cursor:pointer;color:var(--dz-ink)}
.dz-home-services .dz-service-card>.dz-service-copy{display:grid;place-items:center;font-size:11px;font-weight:800}
@media(max-width:760px){
 .dz-store-head{min-height:72px;padding:12px 21px}
 .dz-home-intro{margin:13px 0 18px}
 .dz-home-welcome{min-height:228px;padding:18px 20px}
 .dz-home-welcome-top{margin-bottom:12px}
 .dz-home-welcome>strong{font-size:clamp(25px,7vw,31px);line-height:1.18}
 .dz-home-welcome p{margin-top:5px}
 .dz-home-welcome>a{padding:8px 12px}
 .dz-home-discover{margin:16px 0 22px}
 .dz-home-services{margin-bottom:21px}
 .dz-home-flexi{min-height:198px}
}

.dz-mobile-nav .dz-bottom-link>span svg{display:block;width:23px;height:23px}
.dz-home-services .dz-service-icon svg{display:block;width:25px;height:25px;color:var(--dz-ink)}
.dz-home-services .dz-service-card:hover .dz-service-icon{border-color:var(--dz-accent);color:var(--dz-accent)}

.dz-mobile-nav .dz-coming-link:disabled{opacity:.65;cursor:default}

/* Original dzflexi wordmark on a contrast surface for the dark header. */
.dz-brand-wordmark{display:block;width:150px;height:45px;padding:5px 9px;object-fit:contain;border-radius:13px;background:#fff}
@media(max-width:420px){.dz-brand-wordmark{width:130px;height:42px}}


/* 2026-10-06 storefront alignment pass: Ghaith composition, dzflexi identity. */
html{background:#fbfbfd}
html:has(body.dz-dark){background:#0a0a0c}
body.dz-shop{background:var(--dz-bg)}
.dz-store-head{
  min-height:70px;
  padding:10px max(22px,calc((100vw - 1040px)/2));
  border-bottom:0;
  background:var(--dz-bg);
  box-shadow:none;
  backdrop-filter:none;
}
.dz-brand-wordmark{
  width:148px;height:44px;padding:0;
  border-radius:0;background:transparent;object-fit:contain;
}
.dz-dark .dz-brand-wordmark{
  padding:5px 9px;border-radius:13px;background:#fff;
}
.dz-header-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.dz-header-tool{
  display:grid;place-items:center;width:46px;height:46px;padding:0;
  border:1px solid var(--dz-line);border-radius:16px;
  background:var(--dz-surface);color:var(--dz-ink);cursor:pointer;
}
.dz-header-tool svg{width:22px;height:22px}
@media(min-width:720px){
  .dz-header-actions{margin-inline-start:12px}
  .dz-header-tool{width:42px;height:42px;border-radius:14px}
}
@media(max-width:420px){
  .dz-store-head{padding-inline:22px}
  .dz-brand-wordmark{width:132px;height:42px}
  .dz-header-tool{width:45px;height:45px}
}

.dz-shop:has(.dz-home)>.dz-shop-main{
  width:min(100%,1040px);
  padding:12px 22px calc(88px + env(safe-area-inset-bottom,0px));
}
.dz-home-layout{gap:58px}
.dz-home-intro{margin:0 0 17px}
.dz-home-intro h1{font-size:14px;font-weight:600;letter-spacing:-.02em}
.dz-home-intro span{font-size:10px}
.dz-home-welcome{
  min-height:187px;padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg)),var(--dz-surface) 66%);
}
.dz-home-welcome-top{min-height:22px;margin-bottom:13px;font-size:9px}
.dz-home-welcome>strong{font-size:clamp(24px,6.8vw,31px);line-height:1.28}
.dz-home-welcome p{margin-top:6px;font-size:10px}
.dz-home-welcome>a{padding:8px 12px;font-size:11px;border-radius:12px}
.dz-home-discover{
  min-height:64px;margin:18px 0 25px;padding:12px 14px;
  gap:12px;border-radius:17px;text-align:start;
}
.dz-home-discover-search{display:grid;place-items:center;width:24px;height:24px;color:var(--dz-muted)}
.dz-home-discover-search svg{width:21px;height:21px}
.dz-home-discover-icon{width:31px;height:31px;border-radius:10px;font-size:0}
.dz-home-discover-icon svg{width:18px;height:18px}
.dz-home-discover>span:nth-child(2){gap:3px}
.dz-home-discover strong{font-size:12px;font-weight:700}
.dz-home-discover small{font-size:10px}
.dz-home-services{
  position:relative;isolation:isolate;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;margin:0 0 26px;
}
.dz-home-services::before{
  content:"";position:absolute;z-index:-1;
  inset-inline:11%;top:29px;height:1px;background:var(--dz-line);
}
.dz-home-services .dz-service-card,.dz-home-services .dz-service-card:last-child{
  gap:9px;padding:5px 2px;background:transparent;
}
.dz-home-services .dz-service-icon{
  width:49px;height:49px;border-radius:17px;
  border:1px solid var(--dz-line);background:var(--dz-bg);
}
.dz-home-services .dz-service-copy b,.dz-home-services .dz-service-card>.dz-service-copy{
  font-size:11px;font-weight:600;white-space:nowrap;
}
.dz-home-flexi{
  min-height:187px;padding:22px;border-radius:23px;
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));
}
.dz-home-flexi-copy{gap:6px}
.dz-home-flexi-copy small{font-size:9px}
.dz-home-flexi-copy strong{font-size:25px;line-height:1.35}
.dz-home-flexi-copy>span{font-size:10px}
.dz-home-flexi-copy b{margin-top:8px;font-size:11px}
.dz-home-flexi-art{inset-inline-end:10px;top:17px;width:142px;height:150px}
.dz-home-orbit{inset:-2px 0 0 -3px;width:148px;height:148px}
.dz-home-sim{
  top:13px;left:27px;width:89px;height:125px;padding:13px;
  border-radius:16px;transform:rotate(-12deg);
}
.dz-home-sim span{font-size:9px}.dz-home-sim i{width:25px;height:34px}.dz-home-sim em{font-size:6px}
.dz-home-products-head{margin:0 0 12px}
.dz-home-products-head small{font-size:8px;letter-spacing:.1em}
.dz-home-products-head h2{font-size:20px;margin-top:4px}
.dz-home-products-head a{font-size:10px}
.dz-home-products-tabs{padding-bottom:12px;font-size:11px}
.dz-home-products-tabs .is-active:after{bottom:-13px}
.dz-home-secondary .dz-product-card{min-height:84px}
.dz-home-help{margin-top:22px;padding-top:19px}

.dz-mobile-nav{
  right:0;bottom:0;transform:none;
  width:100%;max-width:none;min-height:65px;
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));
  border:0;border-top:1px solid var(--dz-line);border-radius:0;
  background:var(--dz-bg);box-shadow:none;backdrop-filter:none;
}
.dz-mobile-nav .dz-bottom-link{
  min-height:47px;padding:4px;border-radius:11px;gap:4px;
  font-size:9px;color:var(--dz-muted);
}
.dz-mobile-nav .dz-bottom-link>span{font-size:0}
.dz-mobile-nav .dz-bottom-link>span svg{width:20px;height:20px;stroke-width:1.65}
.dz-mobile-nav .dz-bottom-link>b{font-size:9px;font-weight:600}
.dz-mobile-nav .dz-bottom-link.is-active{color:var(--dz-accent)}
.dz-mobile-nav .dz-bottom-link::before{top:0;width:25px;height:2px}
.dz-mobile-nav .dz-quick-trigger{transform:none;color:var(--dz-ink)}
.dz-mobile-nav .dz-quick-trigger>span{
  width:43px;height:43px;margin-top:0;border:0;border-radius:15px;
  background:linear-gradient(135deg,#2584ff,#6550f5);
  box-shadow:0 8px 20px color-mix(in srgb,var(--dz-accent) 28%,transparent);
  color:#fff;font-size:25px;
}
.dz-mobile-nav .dz-coming-link:disabled{opacity:.72}
@media(max-width:760px){
  .dz-shop:has(.dz-home)>.dz-shop-main{
    padding:12px 22px calc(88px + env(safe-area-inset-bottom,0px));
  }
  .dz-home-layout{gap:27px}
  .dz-home-intro{margin:0 0 17px}
  .dz-home-welcome{min-height:187px;padding:18px 19px}
  .dz-home-discover{margin:18px 0 25px}
  .dz-home-services{margin-bottom:26px}
  .dz-home-flexi{min-height:187px;padding:20px}
}
@media(max-width:380px){
  .dz-shop:has(.dz-home)>.dz-shop-main{padding-inline:17px}
  .dz-home-services{gap:8px}
  .dz-home-services .dz-service-icon{width:46px;height:46px}
  .dz-home-services::before{top:27px}
  .dz-home-flexi{padding:18px}
  .dz-home-flexi-copy strong{font-size:23px}
  .dz-home-flexi-art{inset-inline-end:-2px;opacity:.82}
}


/* 2026-10-06 home balance shell: visual parity without inventing financial data. */
.dz-home-balance-card{
  position:relative;overflow:hidden;min-height:226px;
  padding:23px 27px 17px;border-radius:27px;
  border-color:color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--dz-accent) 11%,transparent),transparent 50%),
    linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 5%,var(--dz-bg)),var(--dz-surface) 68%);
}
.dz-home-balance-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;color:var(--dz-muted)}
.dz-home-balance-label{display:inline-flex;align-items:center;gap:7px;font-size:11px}
.dz-home-balance-label svg{width:18px;height:18px}
.dz-home-balance-scope{direction:ltr;font-size:9px;letter-spacing:.08em}
.dz-home-balance-main{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.dz-home-balance-value{display:flex;align-items:center;gap:7px;min-width:0}
.dz-home-balance-value>button{
  display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:var(--dz-muted);cursor:pointer;
}
.dz-home-balance-value>button svg{width:22px;height:22px}
.dz-home-balance-value strong{
  display:flex;align-items:baseline;gap:8px;direction:ltr;
  font-size:38px;line-height:1;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums;
}
.dz-home-balance-value strong small{font-size:20px;font-weight:650}
.dz-home-balance-value strong.is-hidden>span{font-size:0}
.dz-home-balance-value strong.is-hidden>span::after{content:"••••";font-size:28px;letter-spacing:.12em}
.dz-home-balance-add{
  display:grid;place-items:center;flex:none;width:62px;height:62px;padding:0;border:0;border-radius:20px;
  background:linear-gradient(145deg,#2584ff,#3b82f6);color:#fff;box-shadow:0 10px 22px rgba(37,99,235,.16);
}
.dz-home-balance-add span{font-size:34px;font-weight:300;line-height:1}
.dz-home-balance-add:disabled{opacity:.92}
.dz-home-balance-meta{
  display:flex;align-items:center;gap:14px;min-height:42px;margin-top:22px;padding-top:13px;
  border-top:1px solid var(--dz-line);color:var(--dz-muted);font-size:9px;
}
.dz-home-balance-meta>span{display:inline-flex;align-items:center;gap:5px}
.dz-home-balance-meta b{color:var(--dz-ink);font-weight:600}
.dz-home-balance-note{margin-inline-start:auto;white-space:nowrap}
.dz-home-processing-status{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;
  min-height:36px;padding:0 4px;color:var(--dz-muted);font-size:10px;
}
.dz-home-processing-status>span:first-child{width:6px;height:6px;border-radius:50%;background:var(--dz-accent)}
.dz-home-processing-status b{font-weight:500}
@media(max-width:760px){
  .dz-home-balance-card{min-height:226px;padding:21px 27px 15px}
  .dz-home-balance-main{margin-top:21px}
  .dz-home-balance-value strong{font-size:36px}
  .dz-home-balance-add{width:62px;height:62px}
  .dz-home-balance-meta{margin-top:21px}
}
@media(max-width:390px){
  .dz-home-balance-card{padding-inline:20px;border-radius:24px}
  .dz-home-balance-value strong{font-size:33px}
  .dz-home-balance-value strong small{font-size:17px}
  .dz-home-balance-add{width:56px;height:56px;border-radius:18px}
  .dz-home-balance-meta{gap:9px}
  .dz-home-balance-note{display:none}
}

/* Keep the home density close to the accepted Ghaith reference. */
@media(max-width:760px){
  .dz-store-head{min-height:77px}
  .dz-brand-wordmark{width:139px;height:41px}
  .dz-home-intro{margin-top:16px;margin-bottom:17px}
  .dz-home-discover{margin-top:14px}
  .dz-home-flexi{min-height:190px}
}

/* === EXACT_GHAITH_HOME_SOURCE_PORT_START === */
/* Only mounted by /shop. No Tailwind entry, global reset, or shared theme overrides. */
.dzx-home{--home-tint:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));--home-stroke:color-mix(in srgb,var(--dz-accent) 17%,var(--dz-line));display:grid;gap:30px;max-width:100%;min-width:0;color:var(--dz-ink);font-family:var(--dz-font-sans);font-size:14px;line-height:1.5}
.dzx-home :is(h1,h2,p){margin:0}.dzx-home :is(button,a){-webkit-tap-highlight-color:transparent}.dzx-home svg{flex-shrink:0}.dzx-home :is(a,button):focus-visible,.dzx-home-command-sheet :is(button,input,[cmdk-item]):focus-visible{outline:2px solid var(--dz-accent);outline-offset:4px}.dzx-home button{cursor:pointer}
.dzx-home-primary,.dzx-home-secondary{min-width:0}.dzx-home-secondary{display:grid;gap:27px;align-content:start}
.dzx-home-greeting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.dzx-home-greeting h1{font-size:14px;font-weight:500;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dzx-home-greeting>span{font-size:10px;color:var(--dz-muted)}
.dzx-home-wallet{position:relative;border:1px solid var(--home-stroke);border-radius:22px;background:linear-gradient(115deg,var(--home-tint),var(--dz-surface) 65%);padding:17px 19px 12px;overflow:hidden}
.dzx-home-wallet-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}.dzx-home-wallet-top>span:first-child{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--dz-muted)}.dzx-home-wallet-stamp{font-size:8px;letter-spacing:.12em;color:var(--dz-muted);direction:ltr}.dzx-home-tier{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--dz-accent);min-width:0}
.dzx-home-balance-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.dzx-home-balance{display:flex;align-items:center;min-width:0;gap:2px}.dzx-home-balance strong{font-size:clamp(24px,7.7vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dzx-home-balance button{width:36px;height:44px;display:grid;place-items:center;color:var(--dz-muted);background:none;border:0;flex-shrink:0}.dzx-home-fund{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:var(--dz-accent);color:white;border-radius:15px}
.dzx-home-wallet-meta{display:flex;align-items:center;gap:14px;font-size:9px;color:var(--dz-muted);margin-top:11px;border-top:1px solid var(--dz-line);padding-top:8px;flex-wrap:wrap}.dzx-home-wallet-meta>span{display:inline-flex;gap:5px}.dzx-home-wallet-meta bdi{color:var(--dz-ink);font-variant-numeric:tabular-nums}.dzx-home-wallet-meta>a{margin-inline-start:auto;display:grid;place-items:center;width:28px;min-height:29px}
.dzx-home-tier-progress{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--dz-muted);padding:3px 0 5px}.dzx-home-tier-progress meter{flex:1;min-width:25px;height:6px;accent-color:var(--dz-accent)}.dzx-home-tier-progress meter::-webkit-meter-bar{background:var(--dz-line);border:0}.dzx-home-tier-progress meter::-webkit-meter-optimum-value{background:var(--dz-accent)}.dzx-home-tier-progress b{font-weight:500}
.dzx-home-guest{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0 8px}.dzx-home-guest strong{display:block;font-size:25px;font-weight:600;line-height:1.5;letter-spacing:-.04em}.dzx-home-guest p{font-size:10px;color:var(--dz-muted);margin-top:9px;max-width:230px}.dzx-home-login{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;min-height:43px;padding:0 14px;border:1px solid var(--home-stroke);border-radius:14px;color:var(--dz-accent);background:var(--dz-surface);font-size:12px;font-weight:600}
.dzx-home-status{display:flex;align-items:center;gap:7px;margin:11px 3px 0;font-size:10px;color:var(--dz-muted)}.dzx-home-status>i{width:5px;height:5px;border-radius:50%;background:var(--dz-accent)}.dzx-home-status>svg:last-child{margin-inline-start:auto}
.dzx-home-search-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 14px;margin-top:18px;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-surface);text-align:start;color:var(--dz-ink)}.dzx-home-search-trigger>svg{color:var(--dz-muted)}.dzx-home-search-trigger>span:nth-child(2){display:grid;gap:3px;font-size:12px;font-weight:500;flex:1}.dzx-home-search-trigger small{font-size:10px;font-weight:400;color:var(--dz-muted)}.dzx-home-search-badge{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--home-tint);color:var(--dz-accent)}
.dzx-home-shortcuts{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 26px;isolation:isolate}.dzx-home-shortcuts-rule{position:absolute;height:1px;left:11%;right:11%;top:24px;background:var(--dz-line);z-index:-1}.dzx-home-shortcuts>a{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0}.dzx-home-shortcuts>a>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-bg);color:var(--dz-ink)}.dzx-home-shortcuts strong{font-size:11px;font-weight:500}
.dzx-home-feature{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;min-height:187px;padding:22px;border:1px solid var(--home-stroke);border-radius:23px;background:var(--home-tint);overflow:hidden}.dzx-home-feature-copy{position:relative;z-index:2}.dzx-home-eyebrow{display:inline-flex;gap:5px;align-items:center;font-size:8px;letter-spacing:.1em;font-weight:600;color:var(--dz-muted);direction:ltr}.dzx-home-feature .dzx-home-eyebrow{color:var(--dz-accent);font-size:9px}.dzx-home-feature h2{font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.04em;margin-top:9px}.dzx-home-feature p{font-size:10px;color:var(--dz-muted);margin-top:8px}.dzx-home-feature-link{display:inline-flex;align-items:center;gap:9px;color:var(--dz-accent);font-size:11px;font-weight:600;margin-top:15px}
.dzx-home-sim-art{position:relative;width:119px;height:139px;flex-shrink:0;margin-inline-end:-4px}.dzx-home-sim-back,.dzx-home-sim-front{position:absolute;width:87px;height:123px;border-radius:15px;inset-inline-start:13px;top:8px}.dzx-home-sim-back{transform:rotate(-18deg) translateX(-13px);border:1px solid var(--home-stroke);background:var(--dz-surface)}.dzx-home-sim-front{transform:rotate(12deg);background:var(--dz-accent);color:white;display:flex;flex-direction:column;padding:12px;box-shadow:0 13px 24px color-mix(in srgb,var(--dz-accent) 12%,transparent)}.dzx-home-sim-front>span{font-size:7px;letter-spacing:.12em;direction:ltr}.dzx-home-sim-front>svg:nth-child(2){margin-top:12px}.dzx-home-sim-front>svg:nth-child(3){position:absolute;left:12px;top:56px}.dzx-home-sim-front>b{font-size:6px;letter-spacing:.12em;margin-top:auto;direction:ltr}.dzx-home-sim-front>i{width:24px;height:2px;background:#ffffff90;margin-top:8px}.dzx-home-sim-orbit{position:absolute;width:148px;height:148px;border:1px solid var(--home-stroke);border-radius:50%;inset-inline-start:-16px;top:-6px;z-index:-1}
.dzx-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dzx-home-section-head h2{font-size:20px;letter-spacing:-.02em;font-weight:600}.dzx-home-section-head>div>h2{margin-top:4px}.dzx-home-section-head>a{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--dz-muted);min-height:40px;flex-shrink:0}
.dzx-home-tabs{display:flex;gap:21px;border-bottom:1px solid var(--dz-line);margin-bottom:4px}.dzx-home-tabs>button{position:relative;display:flex;align-items:center;gap:5px;min-height:43px;padding:0 0 12px;border:0;background:transparent;color:var(--dz-muted);font-size:11px;white-space:nowrap}.dzx-home-tabs>button[data-state="active"]{color:var(--dz-ink);font-weight:600}.dzx-home-tabs>button>span{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dz-accent);border-radius:2px}
.dzx-home-product-list{outline-offset:5px}.dzx-home-product{display:flex;align-items:center;gap:12px;width:100%;min-height:84px;padding:14px 0;border:0;border-bottom:1px solid var(--dz-line);background:none;color:var(--dz-ink);text-align:start}.dzx-home-product:last-child{border-bottom:0}.dzx-home-product-art{display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-surface);overflow:hidden}.dzx-home-product-art img{width:33px;height:33px;object-fit:contain;border-radius:8px}.dzx-home-product-name{display:grid;min-width:0;flex:1;gap:5px}.dzx-home-product-name>strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;text-align:start}.dzx-home-product-name>small{font-size:9px;color:var(--dz-muted)}.dzx-home-product-price{display:grid;gap:4px;text-align:end;flex-shrink:0}.dzx-home-product-price>small{font-size:9px;color:var(--dz-muted)}.dzx-home-product-price>bdi{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.dzx-home-product>svg{color:var(--dz-muted)}
.dzx-home-activity .dzx-home-section-head h2{font-size:15px}.dzx-home-activity .dzx-home-section-head{margin-bottom:0}.dzx-home-transaction{display:flex;align-items:center;gap:10px;min-height:66px}.dzx-home-tx-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--dz-surface);border:1px solid var(--dz-line);color:var(--dz-muted)}.dzx-home-transaction>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.dzx-home-transaction strong{font-size:11px;font-weight:500}.dzx-home-transaction small{font-size:9px;color:var(--dz-muted)}.dzx-home-transaction>bdi{font-size:12px;font-weight:500}.dzx-home-transaction>.is-credit{color:var(--dz-accent)}
.dzx-home-campaign{display:flex;align-items:center;gap:10px;font-size:12px;border-top:1px solid var(--dz-line);padding-block:15px}.dzx-home-campaign>span{flex:1;min-width:0}.dzx-home-support{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--dz-muted);font-size:10px;border-top:1px solid var(--dz-line);padding-top:19px;min-height:44px}.dzx-home-support>span:last-child{display:flex;align-items:center;gap:5px}
.dzx-home-command-sheet{background:var(--dz-surface);color:var(--dz-ink)}.dzx-home-command-input{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-bg)}.dzx-home-command-input>input{width:100%;min-width:0;min-height:48px;background:transparent;border:0;outline:none;color:var(--dz-ink);font-size:14px}.dzx-home-command [cmdk-list]{margin-top:10px;max-height:min(48dvh,390px);overflow-y:auto;overscroll-behavior:contain}.dzx-home-command [cmdk-group-heading]{font-size:11px;color:var(--dz-muted);padding:14px 10px 5px}.dzx-home-command [cmdk-item]{display:flex;align-items:center;gap:10px;min-height:47px;padding:11px 10px;border-radius:11px;font-size:13px;cursor:pointer}.dzx-home-command [cmdk-item]>span{min-width:0;flex:1;overflow-wrap:anywhere}.dzx-home-command [cmdk-item] small{display:block;font-size:10px;color:var(--dz-muted);margin-top:3px}.dzx-home-command [cmdk-item]>svg{flex-shrink:0;color:var(--dz-muted)}.dzx-home-command [cmdk-item][data-selected="true"]{background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg))}
/* Shell adjustments apply only while this Home component is mounted. */
.dz-shop:has(.dzx-home)>.dz-shop-main{max-width:1040px;padding:12px 22px calc(100px + env(safe-area-inset-bottom))}.dz-shop:has(.dzx-home)>.dz-store-head{border:0;background:var(--dz-bg);box-shadow:none;backdrop-filter:none}.dz-shop:has(.dzx-home)>.dz-store-head>div{min-height:70px;max-width:1040px;padding-inline:22px}.dz-shop:has(.dzx-home)>.dz-store-head>div>a:first-child{margin-inline-end:auto;gap:9px}.dz-shop:has(.dzx-home)>.dz-store-head>div>a:first-child>img{width:33px;height:33px;border-radius:11px}.dz-shop:has(.dzx-home)>.dz-store-head>div>a:first-child>span{display:block;font-family:var(--dz-font-sans);font-size:12px;letter-spacing:.04em}.dz-shop:has(.dzx-home)>.dz-store-head>div>button[aria-label="بحث"]{display:none}.dz-shop:has(.dzx-home)>.dz-store-head .dz-home-profile{border-radius:14px}.dz-shop:has(.dzx-home)>footer{display:none}
.dz-shop:has(.dzx-home)>.dz-mobile-nav{background:var(--dz-bg);backdrop-filter:none;border-top:1px solid var(--dz-line);box-shadow:none;min-height:65px;padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.dz-shop:has(.dzx-home) .dz-bottom-link{font-size:9px;gap:4px;min-height:47px;padding:4px}.dz-shop:has(.dzx-home) .dz-bottom-link>svg{width:20px;height:20px;stroke-width:1.65}.dz-shop:has(.dzx-home) .dz-quick-trigger{transform:none}.dz-shop:has(.dzx-home) .dz-quick-trigger>span{width:43px;height:43px;border:0;border-radius:15px;background:var(--dz-accent);box-shadow:none;transform:none}.dz-shop:has(.dzx-home) .dz-quick-trigger>span>svg{width:21px;height:21px}
@media(min-width:768px){.dzx-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:start}.dz-shop:has(.dzx-home)>.dz-shop-main{padding-top:30px}.dzx-home-secondary{padding-top:4px}.dzx-home-feature{min-height:200px}.dzx-home-wallet{padding-inline:23px}.dzx-home-guest strong{font-size:28px}}
@media(max-width:380px){.dz-shop:has(.dzx-home)>.dz-shop-main{padding-inline:17px}.dzx-home-wallet{padding-inline:15px}.dzx-home-feature{padding:19px}.dzx-home-feature h2{font-size:23px}.dzx-home-sim-art{width:106px}.dzx-home-product{gap:9px}.dzx-home-product>svg{display:none}.dzx-home-wallet-meta{gap:8px}}
@media(prefers-reduced-motion:reduce){.dzx-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.dzx-home-amount{display:inline-flex;align-items:baseline;gap:.3em;white-space:nowrap;font-variant-numeric:tabular-nums}.dzx-home-amount>span{font-size:.7em;font-weight:500}.dzx-home-balance strong:has([data-long="true"]){font-size:20px}.dzx-home-product-price>.dzx-home-amount{font-size:13px;font-weight:600}.dzx-home-wallet-meta .dzx-home-amount{color:var(--dz-ink)}


/* Exact source-port shell glue: Tailwind layout equivalents + dzflexi branding. */
.dz-shop{--dz-font-sans:"IBM Plex Sans Arabic","Alexandria",ui-sans-serif,system-ui,sans-serif}
html,body{font-family:var(--dz-font-sans)}
.dz-store-head{padding:0!important}
.dz-store-head-inner{
  width:100%;min-height:70px;max-width:1040px;margin-inline:auto;
  display:flex;align-items:center;gap:8px;padding-inline:22px;
}
.dz-store-head-inner .dz-brand{min-height:44px;margin-inline-end:auto}
.dz-store-head-inner .dz-brand-wordmark{
  display:block!important;width:126px!important;height:38px!important;padding:0!important;
  border-radius:0!important;background:transparent!important;object-fit:contain!important;
}
.dz-dark .dz-store-head-inner .dz-brand-wordmark{
  padding:4px 7px!important;border-radius:10px!important;background:#fff!important;
}
.dz-store-head-inner .dz-header-actions{display:flex;align-items:center;gap:7px}
.dz-store-head-inner .dz-header-tool{
  display:grid;place-items:center;width:44px;height:44px;padding:0;
  border-radius:999px;color:var(--dz-ink);cursor:pointer;
}
.dz-store-head-inner .dz-settings-trigger{border-color:transparent;background:transparent}
.dz-store-head-inner .dz-home-profile{border:1px solid var(--dz-line);background:var(--dz-elevated)}
.dz-store-head-inner .dz-header-tool svg{width:20px;height:20px}
.dzx-home-wallet-note{margin-inline-start:auto;display:grid;place-items:center;width:28px;min-height:29px;color:var(--dz-muted)}
.dzx-home-fund:disabled{opacity:1;cursor:default}
.dzx-home-tabs{align-items:end}
.dzx-home-tabs>small{margin-inline-start:auto;padding-bottom:12px;color:var(--dz-muted);font-size:9px}
.dzx-home-product-list>.dz-product-card{border-radius:0!important;border-width:0 0 1px!important;background:transparent!important}
.dzx-home-product-list>.dz-product-card:last-child{border-bottom:0!important}
.dzx-home-product-list>.dz-product-card .dz-product-card-head{margin-bottom:8px}
@media(max-width:767px){
  .dz-store-head-inner{min-height:70px;padding-inline:22px}
  .dz-store-head-inner .dz-brand-wordmark{width:124px!important;height:37px!important}
  .dz-store-head-inner .dz-header-tool{width:44px;height:44px}
}

/* === EXACT_GHAITH_HOME_SOURCE_PORT_END === */


/* dzflexi all-services button follows the same source shortcut geometry. */
.dzx-home-shortcuts>button{display:flex;align-items:center;flex-direction:column;gap:9px;min-width:0;padding:0;border:0;background:transparent;color:var(--dz-ink);font-family:inherit}
.dzx-home-shortcuts>button>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-bg);color:var(--dz-ink)}
.dzx-home-shortcuts>button strong{font-size:11px;font-weight:500}


/* 2026-10-06 screenshot parity fixes after direct Ghaith source port. */
.dzx-home[hidden],#shop-home[hidden],.dzx-home-status[hidden],#home-processing-status[hidden]{display:none!important}
.dzx-home{font-synthesis:none}
.dzx-home a{color:inherit;text-decoration:none}
.dzx-home button{font-family:inherit}
.dzx-home-shortcuts>a,.dzx-home-shortcuts>button{text-decoration:none}
.dzx-home-shortcuts>a>span>svg,.dzx-home-shortcuts>button>span>svg{
  display:block;width:23px;height:23px;max-width:23px;max-height:23px;
  stroke-width:1.65;overflow:visible;
}
.dzx-home-feature,.dzx-home-feature:visited,.dzx-home-section-head>a{
  color:var(--dz-ink);text-decoration:none;
}
.dzx-home-feature-link{color:var(--dz-accent)}
.dzx-home-section-head>a{color:var(--dz-muted)}
.dz-shop:has(.dzx-home)>.dz-store-head{min-height:70px!important}
.dzx-home-wallet,.dzx-home-search-trigger,.dzx-home-feature{box-shadow:none}

/* 2026-10-06 preserve Ghaith home vertical rhythm when no live status row exists. */
.dzx-home-wallet:has(+ .dzx-home-status[hidden]){margin-bottom:37px}

/* 2026-10-06 storefront display settings sheet, adapted from the accepted Ghaith shell. */
.dz-shop{--dz-accent-2:#22d3ee}
html .dz-shop.dz-accent-blue{--dz-accent:#3b82f6;--dz-accent-2:#22d3ee}
html .dz-shop.dz-accent-violet{--dz-accent:#8b5cf6;--dz-accent-2:#d946ef}
html .dz-shop.dz-accent-cyan{--dz-accent:#06b6d4;--dz-accent-2:#3b82f6}
html .dz-shop.dz-accent-coral{--dz-accent:#f97360;--dz-accent-2:#fb7185}
html .dz-shop.dz-accent-emerald{--dz-accent:#10b981;--dz-accent-2:#22c55e}

.dz-settings-backdrop[hidden]{display:none!important}
.dz-settings-backdrop{
  position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(3,8,20,.56);backdrop-filter:blur(6px);
  animation:dz-settings-fade .16s ease-out both;
}
.dz-settings-sheet{
  width:min(100%,36rem);max-height:min(82dvh,46rem);overflow:auto;
  padding:.65rem 1rem calc(1.15rem + env(safe-area-inset-bottom,0px));
  border:1px solid var(--dz-line);border-radius:1.7rem 1.7rem 0 0;
  background:color-mix(in srgb,var(--dz-surface) 97%,var(--dz-accent) 3%);
  color:var(--dz-ink);box-shadow:0 -22px 60px rgba(0,0,0,.34);
  animation:dz-settings-rise .2s var(--dz-ease) both;
}
.dz-settings-handle{
  width:2.8rem;height:.26rem;margin:0 auto .8rem;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 52%,transparent);
}
.dz-settings-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.dz-settings-head>div{display:grid;gap:.16rem}
.dz-settings-head strong{font-size:1.02rem;font-weight:800}
.dz-settings-head small{color:var(--dz-muted);font-size:.66rem}
.dz-settings-close{
  display:grid;place-items:center;width:2.55rem;height:2.55rem;flex:0 0 auto;padding:0;
  border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);
}
.dz-settings-close svg{width:18px;height:18px}
.dz-settings-section{display:grid;gap:.58rem;padding:.78rem 0;border-top:1px solid var(--dz-line)}
.dz-settings-section-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.dz-settings-section-title strong{font-size:.78rem;font-weight:700}
.dz-settings-section-title small{color:var(--dz-accent);font-size:.62rem;font-weight:700}

.dz-settings-language-static{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;
  min-height:4rem;padding:.65rem .75rem;border:1px solid var(--dz-line);
  border-radius:1rem;background:var(--dz-elevated);
}
.dz-settings-language-static>span{
  display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.78rem;
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));color:var(--dz-accent);
  font-size:.72rem;font-weight:800;direction:ltr;
}
.dz-settings-language-static>div{display:grid;gap:.1rem}
.dz-settings-language-static b{font-size:.73rem}
.dz-settings-language-static small{font-size:.6rem;color:var(--dz-muted)}
.dz-settings-language-static>svg{width:17px;height:17px;color:var(--dz-accent)}

.dz-settings-theme-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.dz-settings-theme-row button{
  display:grid;place-items:center;align-content:center;gap:.38rem;min-height:4.15rem;padding:.5rem .35rem;
  border:1px solid var(--dz-line);border-radius:1rem;background:var(--dz-elevated);color:var(--dz-muted);
}
.dz-settings-theme-row button svg{width:18px;height:18px}
.dz-settings-theme-row button span{font-size:.64rem;font-weight:700}
.dz-settings-theme-row button.is-active{
  border-color:color-mix(in srgb,var(--dz-accent) 58%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-elevated));color:var(--dz-accent);
}

.dz-settings-accent-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem}
.dz-settings-accent-row button{
  display:grid;place-items:center;align-content:center;gap:.35rem;min-width:0;min-height:4.15rem;padding:.45rem .2rem;
  border:1px solid var(--dz-line);border-radius:.95rem;background:var(--dz-elevated);color:var(--dz-muted);
}
.dz-settings-accent-row button>span{width:1.9rem;height:1.9rem;border-radius:999px;box-shadow:inset 0 0 0 1px #fff5,0 4px 12px #0001}
.dz-settings-accent-row button>small{font-size:.54rem;white-space:nowrap}
.dz-settings-accent-row .is-blue{background:#2563eb}
.dz-settings-accent-row .is-violet{background:#7c3aed}
.dz-settings-accent-row .is-cyan{background:#0891b2}
.dz-settings-accent-row .is-coral{background:#f97360}
.dz-settings-accent-row .is-emerald{background:#059669}
.dz-settings-accent-row button.is-active{
  border-color:color-mix(in srgb,var(--dz-accent) 58%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-elevated));color:var(--dz-accent);
}

.dz-settings-sound-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;
  min-height:4rem;padding:.65rem .75rem;border:1px solid var(--dz-line);border-radius:1rem;
  background:var(--dz-elevated);cursor:pointer;
}
.dz-settings-sound-icon{
  display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.78rem;
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));color:var(--dz-accent);
}
.dz-settings-sound-icon svg{width:18px;height:18px}
.dz-settings-sound-copy{display:grid;gap:.1rem;min-width:0}
.dz-settings-sound-copy b{font-size:.73rem}
.dz-settings-sound-copy small{font-size:.58rem;line-height:1.55;color:var(--dz-muted)}
.dz-settings-sound-row input{
  position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;
}
.dz-settings-sound-switch{
  position:relative;width:2.55rem;height:1.5rem;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 26%,var(--dz-bg));transition:.18s ease;
}
.dz-settings-sound-switch::after{
  content:'';position:absolute;top:.18rem;right:.18rem;width:1.14rem;height:1.14rem;border-radius:999px;
  background:var(--dz-elevated);box-shadow:0 2px 8px #0002;transition:.18s ease;
}
.dz-settings-sound-row input:checked+.dz-settings-sound-switch{
  background:linear-gradient(135deg,var(--dz-accent),var(--dz-accent-2));
}
.dz-settings-sound-row input:checked+.dz-settings-sound-switch::after{transform:translateX(-1.05rem)}
.dz-settings-sound-row:has(input:focus-visible){
  outline:2px solid color-mix(in srgb,var(--dz-accent) 48%,transparent);outline-offset:2px;
}
.dz-settings-sound-preview-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.5rem;
}
.dz-settings-sound-preview{
  width:100%;padding:.62rem .55rem;border:1px solid color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));
  border-radius:.85rem;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-elevated));color:var(--dz-accent);
  font:inherit;font-size:.64rem;font-weight:800;cursor:pointer;transition:transform .12s ease,background .12s ease;
}
.dz-settings-sound-preview:active{transform:scale(.98)}
.dz-settings-sound-preview:disabled{opacity:.45;cursor:not-allowed}
.dz-settings-sound-preview:focus-visible{outline:2px solid color-mix(in srgb,var(--dz-accent) 48%,transparent);outline-offset:2px}

.dz-settings-preview{
  display:grid;gap:.42rem;margin-top:.3rem;padding:.75rem;
  border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));border-radius:1rem;
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dz-accent) 13%,transparent),transparent 45%),var(--dz-elevated);
}
.dz-settings-preview>span{color:var(--dz-muted);font-size:.6rem;font-weight:600}
.dz-settings-preview>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem}
.dz-settings-preview i{
  width:1.8rem;height:1.8rem;border-radius:.58rem;
  background:linear-gradient(135deg,var(--dz-accent),var(--dz-accent-2));
  box-shadow:0 7px 18px color-mix(in srgb,var(--dz-accent) 22%,transparent);
}
.dz-settings-preview b{font-size:.7rem}
.dz-settings-preview em{
  padding:.42rem .65rem;border-radius:999px;
  background:linear-gradient(135deg,var(--dz-accent),var(--dz-accent-2));
  color:#fff;font-size:.58rem;font-style:normal;font-weight:700;
}
.dz-settings-open{overflow:hidden}
@keyframes dz-settings-rise{from{transform:translateY(22px);opacity:.76}to{transform:translateY(0);opacity:1}}
@keyframes dz-settings-fade{from{opacity:0}to{opacity:1}}
@media(min-width:768px){
  .dz-settings-backdrop{align-items:center;padding:1.5rem}
  .dz-settings-sheet{border-radius:1.7rem}
}
@media(max-width:380px){
  .dz-settings-sheet{padding-inline:.85rem}
  .dz-settings-accent-row{gap:.3rem}
  .dz-settings-accent-row button>small{font-size:.49rem}
}
@media(prefers-reduced-motion:reduce){.dz-settings-backdrop,.dz-settings-sheet{animation:none}}

/* Optional app setup on the authenticated storefront. */
.dz-setup-open{overflow:hidden!important}.dz-setup-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:#0b142ab8;backdrop-filter:blur(9px);overscroll-behavior:contain}
.dz-setup-card{position:relative;width:min(100%,410px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--line,#e4e7ed);border-radius:28px;padding:26px;background:var(--surface,#fff);color:var(--ink,#16191f);box-shadow:0 28px 90px #07152c55;text-align:center;display:grid;gap:11px}
.dz-setup-card img{margin:0 auto;border-radius:16px}.dz-setup-card h2{margin:2px 0 0;font-size:21px}.dz-setup-card p{margin:0;color:var(--muted,#747a85);font-size:13px}.dz-setup-card button{min-height:45px;border-radius:13px;border:1px solid var(--line,#e4e7ed);background:var(--soft,#f5f7fa);color:var(--ink,#16191f);font:inherit;cursor:pointer}.dz-setup-card button[data-action=install]{background:var(--accent,#3679ec);border-color:var(--accent,#3679ec);color:#fff;font-weight:700}.dz-setup-card button:disabled{opacity:.55}.dz-setup-card .dz-setup-close{position:absolute;top:12px;left:12px;width:35px;min-height:35px;font-size:22px;background:transparent}.dz-setup-card .dz-setup-skip{border:0;background:transparent;color:var(--accent,#3679ec)}.dz-setup-card .dz-setup-status{min-height:20px;color:var(--accent,#3679ec)}
/* 2026-10-06 persistent storefront shell navigation. */
@keyframes dz-route-enter{
  from{opacity:.55;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:.12s ease-in both dz-page-out}
 ::view-transition-new(root){animation:.2s cubic-bezier(.22,.8,.25,1) both dz-page-in}
}
@keyframes dz-page-out{to{opacity:0;transform:translateY(-4px)}}
@keyframes dz-page-in{from{opacity:0;transform:translateY(8px)}}
.dz-route-enter{animation:dz-route-enter .18s cubic-bezier(.22,.8,.25,1) both}
@media(prefers-reduced-motion:reduce){.dz-route-enter{animation:none}}

/* 2026-10-06 Ghaith quick destinations port, adapted to dzflexi routes only. */
.dz-mobile-nav .dz-quick-trigger{
  position:relative;display:grid;place-items:center;min-height:3.5rem;padding:0;
  border:0;background:transparent;color:#fff;
}
.dz-shop .dz-mobile-nav .dz-quick-trigger>span,
.dz-shop[class*="dz-accent-"] .dz-mobile-nav .dz-quick-trigger>span{
  display:grid;place-items:center;width:3.05rem;height:3.05rem;margin-top:-1.05rem;
  border:3px solid var(--dz-bg);border-radius:999px;background:#367df2;
  box-shadow:0 7px 17px rgba(38,106,216,.25);
  transition:transform 170ms ease,box-shadow 170ms ease;
}
.dz-shop .dz-mobile-nav .dz-quick-trigger>span>svg{width:1.25rem;height:1.25rem}
.dz-shop .dz-mobile-nav .dz-quick-trigger:active>span{transform:scale(.93)}
.dz-shop .dz-mobile-nav .dz-quick-trigger:focus-visible{outline:2px solid #367df2;outline-offset:-3px}

.dz-quick-backdrop:has(.dz-destinations){background:rgba(5,12,25,.46)}
.dz-destinations.dz-quick-sheet{
  box-sizing:border-box;width:min(100%,34rem);max-height:min(89dvh,700px);
  overflow-y:auto;overflow-x:hidden;padding:.5rem 1.05rem calc(1.25rem + env(safe-area-inset-bottom,0px));
  border-radius:1.55rem 1.55rem 0 0;background:var(--dz-surface);
  animation:dz-destinations-in 210ms cubic-bezier(.2,.8,.2,1) both;
}
@keyframes dz-destinations-in{
  from{transform:translateY(20px);opacity:.75}
  to{transform:translateY(0);opacity:1}
}
.dz-destinations .dz-quick-handle{margin-bottom:.65rem}
.dz-destinations .dz-quick-head{margin-bottom:.9rem;align-items:center}
.dz-destinations .dz-quick-head>div{display:grid;gap:.12rem}
.dz-destinations .dz-quick-head small{color:var(--dz-muted);font-size:.64rem;font-weight:700}
.dz-destinations .dz-quick-head strong{
  color:var(--dz-ink);font-size:1.12rem;font-weight:800;letter-spacing:-.035em;
}
.dz-destinations .dz-quick-close-fab{
  position:static;display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;
  border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);
}
.dz-destinations .dz-quick-close-fab svg{width:1rem;height:1rem}
.dz-destinations-featured{display:grid;gap:.55rem}
.dz-destinations-featured>a{
  display:grid;grid-template-columns:2.65rem minmax(0,1fr) 1.2rem;align-items:center;gap:.8rem;
  min-width:0;min-height:4.35rem;padding:.58rem .75rem;border:1px solid var(--dz-line);
  border-radius:1.05rem;background:var(--dz-elevated);color:var(--dz-ink);text-decoration:none;
}
.dz-destinations-featured>a:first-child{
  border-color:color-mix(in srgb,#367df2 26%,var(--dz-line));
  background:color-mix(in srgb,#367df2 9%,var(--dz-surface));
}
.dz-destinations-featured-icon{
  display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.78rem;
  background:var(--dz-surface);color:#367df2;
}
.dz-destinations-featured-icon svg{width:1.24rem;height:1.24rem}
.dz-destinations-featured>a>span:nth-child(2){display:grid;gap:.06rem;min-width:0}
.dz-destinations-featured strong{font-size:.83rem;font-weight:800}
.dz-destinations-featured small{color:var(--dz-muted);font-size:.64rem}
.dz-destinations-arrow{color:#367df2;font-size:1rem}
.dz-destinations-section-label{
  margin:.95rem .12rem .42rem;color:var(--dz-muted);font-size:.66rem;font-weight:700;
}
.dz-destinations-links{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.18rem .45rem;
}
.dz-destinations-links a{
  display:flex;align-items:center;gap:.6rem;min-width:0;min-height:2.8rem;padding:.45rem;
  border-radius:.7rem;color:var(--dz-ink);font-size:.74rem;font-weight:700;text-decoration:none;
}
.dz-destinations-links a svg{flex:none;width:1.05rem;height:1.05rem;color:var(--dz-muted)}
.dz-destinations-links a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-destinations-links a:active{background:var(--dz-elevated)}
.dz-destinations a:focus-visible,.dz-destinations button:focus-visible{outline:2px solid #367df2;outline-offset:2px}
@media(max-width:350px){
  .dz-destinations.dz-quick-sheet{padding-inline:.75rem}
  .dz-destinations-featured>a{gap:.55rem}
}
@media(min-width:720px){
  .dz-destinations.dz-quick-sheet{border-radius:1.55rem}
}
@media(prefers-reduced-motion:reduce){
  .dz-destinations.dz-quick-sheet{animation:none}
  .dz-shop .dz-mobile-nav .dz-quick-trigger>span{transition:none}
}

/* 2026-10-06 storefront chrome glass: match Ghaith glass treatment on top/bottom bars. */
.dz-store-head,
.dz-shop:has(.dzx-home)>.dz-store-head{
  background:color-mix(in srgb,var(--dz-surface) 82%,transparent)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  border-bottom:1px solid var(--dz-line)!important;
}
.dz-mobile-nav,
.dz-shop:has(.dzx-home)>.dz-mobile-nav{
  background:color-mix(in srgb,var(--dz-surface) 82%,transparent)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
  border-top:1px solid var(--dz-line)!important;
  box-shadow:none!important;
}
@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){
  .dz-store-head,.dz-shop:has(.dzx-home)>.dz-store-head,
  .dz-mobile-nav,.dz-shop:has(.dzx-home)>.dz-mobile-nav{
    background:var(--dz-surface)!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .dz-store-head,.dz-shop:has(.dzx-home)>.dz-store-head,
  .dz-mobile-nav,.dz-shop:has(.dzx-home)>.dz-mobile-nav{
    background:var(--dz-surface)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* 2026-10-06 dzflexi header identity: clean wordmark + white-to-black glass gradient. */
.dz-store-head,
.dz-shop:has(.dzx-home)>.dz-store-head{
  background:linear-gradient(90deg,
    rgba(14,16,20,.94) 0%,
    rgba(34,38,45,.88) 28%,
    rgba(118,124,134,.72) 52%,
    rgba(232,235,239,.90) 78%,
    rgba(255,255,255,.98) 100%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  border-bottom-color:rgba(127,127,127,.14)!important;
}
.dz-store-head-inner .dz-brand,
.dz-store-head-inner .dz-brand-wordmark,
.dz-dark .dz-store-head-inner .dz-brand-wordmark{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.dz-store-head-inner .dz-header-actions .dz-header-tool{
  color:#fff;
}
.dz-store-head-inner .dz-settings-trigger{
  background:transparent!important;
  border-color:transparent!important;
}
.dz-store-head-inner .dz-home-profile{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.dz-store-head-inner .dz-home-profile:active,
.dz-store-head-inner .dz-settings-trigger:active{
  background:rgba(255,255,255,.14)!important;
}
@media(min-width:720px){
  .dz-store-head-inner .dz-desktop-nav a{color:rgba(255,255,255,.88)}
  .dz-store-head-inner .dz-desktop-nav a:hover,
  .dz-store-head-inner .dz-desktop-nav a:focus-visible{background:rgba(255,255,255,.10);color:#fff}
}
@media(prefers-reduced-transparency:reduce){
  .dz-store-head,
  .dz-shop:has(.dzx-home)>.dz-store-head{
    background:linear-gradient(90deg,#101216 0%,#3a3f48 34%,#e6e9ed 76%,#fff 100%)!important;
  }
}

/* 2026-10-07 adaptive SVG logo: keep colored symbol, switch wordmark contrast with site theme. */
.dz-dark .dz-store-head,
.dz-dark:has(.dzx-home)>.dz-store-head{
  background:linear-gradient(90deg,
    rgba(7,9,13,.98) 0%,
    rgba(12,16,23,.96) 34%,
    rgba(20,28,40,.94) 68%,
    rgba(4,10,20,.98) 100%)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.dz-dark .dz-store-head-inner .dz-brand-wordmark{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* 2026-10-07 split brand mark: symbol image + CSS wordmark. */
.dz-store-head-inner .dz-brand{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:44px;
  margin-inline-end:auto;
  text-decoration:none!important;
}
.dz-store-head-inner .dz-brand-symbol{
  display:block;
  width:40px;
  height:40px;
  flex:0 0 40px;
  object-fit:contain;
  border:0;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}
.dz-store-head-inner .dz-brand-name{
  display:inline-flex;
  align-items:baseline;
  direction:ltr;
  font-family:"Alexandria","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;
  font-size:22px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.055em;
  color:#0b1f3a;
  white-space:nowrap;
}
.dz-store-head-inner .dz-brand-dz,
.dz-store-head-inner .dz-brand-flex,
.dz-store-head-inner .dz-brand-i{
  color:inherit;
}
.dz-store-head-inner .dz-brand-i{
  color:#2563eb;
  margin-inline-start:.02em;
}

/* Algeria palette is used only in dark mode. */
.dz-dark .dz-store-head-inner .dz-brand-dz{color:#00843d}
.dz-dark .dz-store-head-inner .dz-brand-flex{color:#ffffff}
.dz-dark .dz-store-head-inner .dz-brand-i{color:#d21034}

@media(max-width:420px){
  .dz-store-head-inner .dz-brand{gap:6px!important}
  .dz-store-head-inner .dz-brand-symbol{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .dz-store-head-inner .dz-brand-name{
    font-size:20px;
    letter-spacing:-.06em;
  }
}

/* 2026-10-07 clean header: no gradient, transparent full logo, larger wordmark. */
.dz-store-head,
.dz-shop:has(.dzx-home)>.dz-store-head{
  background:color-mix(in srgb,var(--dz-surface) 88%,transparent)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
  border-bottom:1px solid var(--dz-line)!important;
}
.dz-store-head-inner .dz-brand{
  display:flex!important;
  align-items:center!important;
  min-height:54px!important;
  margin-inline-end:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.dz-store-head-inner .dz-brand-wordmark-clean,
.dz-dark .dz-store-head-inner .dz-brand-wordmark-clean{
  display:block!important;
  width:176px!important;
  height:53px!important;
  max-width:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  filter:none!important;
}
.dz-store-head-inner .dz-header-actions .dz-header-tool{
  color:var(--dz-ink)!important;
}
.dz-store-head-inner .dz-settings-trigger{
  background:transparent!important;
  border-color:transparent!important;
}
.dz-store-head-inner .dz-home-profile{
  color:var(--dz-ink)!important;
  border-color:var(--dz-line)!important;
  background:color-mix(in srgb,var(--dz-surface) 72%,transparent)!important;
}
.dz-dark .dz-store-head-inner .dz-header-actions .dz-header-tool{
  color:#fff!important;
}
@media(max-width:420px){
  .dz-store-head-inner{min-height:76px!important}
  .dz-store-head-inner .dz-brand-wordmark-clean,
  .dz-dark .dz-store-head-inner .dz-brand-wordmark-clean{
    width:172px!important;
    height:52px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .dz-store-head,
  .dz-shop:has(.dzx-home)>.dz-store-head{
    background:var(--dz-surface)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* 2026-10-07 compact transparent header. */
.dz-store-head,
.dz-shop:has(.dzx-home)>.dz-store-head{
  min-height:64px!important;
  background:color-mix(in srgb,var(--dz-surface) 72%,transparent)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  border-bottom-color:color-mix(in srgb,var(--dz-line) 68%,transparent)!important;
}
.dz-store-head-inner,
.dz-shop:has(.dzx-home)>.dz-store-head>div{
  min-height:64px!important;
  padding-inline:22px!important;
}
.dz-store-head-inner .dz-brand{
  min-height:46px!important;
}
.dz-store-head-inner .dz-brand-wordmark-clean,
.dz-dark .dz-store-head-inner .dz-brand-wordmark-clean{
  width:158px!important;
  height:47px!important;
}
.dz-store-head-inner .dz-header-tool{
  width:42px!important;
  height:42px!important;
}
@media(max-width:420px){
  .dz-store-head,
  .dz-shop:has(.dzx-home)>.dz-store-head,
  .dz-store-head-inner,
  .dz-shop:has(.dzx-home)>.dz-store-head>div{
    min-height:64px!important;
  }
  .dz-store-head-inner .dz-brand-wordmark-clean,
  .dz-dark .dz-store-head-inner .dz-brand-wordmark-clean{
    width:158px!important;
    height:47px!important;
  }
}

/* 2026-10-07 slightly smaller home shortcut glyphs for Ghaith visual parity. */
.dzx-home-shortcuts>a>span>svg,
.dzx-home-shortcuts>button>span>svg{
  width:21px!important;
  height:21px!important;
  max-width:21px!important;
  max-height:21px!important;
  stroke-width:1.55!important;
}

/* 2026-10-07 Flexi page port from the accepted Ghaith storefront UI.
   Visual structure only; dzflexi Core/API remains the source of data and execution state. */
.dz-flexi-reference{
  display:grid;
  width:min(100%,620px);
  max-width:620px;
  margin-inline:auto;
  gap:40px;
  padding-bottom:34px;
}
.dz-flexi-back-home{display:none}
.dz-flexi-reference .dz-flexi-panel{
  padding:17px 16px 18px;
  border-radius:24px;
  background:color-mix(in srgb,var(--dz-surface) 96%,transparent);
}
.dz-flexi-panel-tools{display:flex;align-items:center;gap:8px}
.dz-flexi-settings-trigger{
  display:grid;place-items:center;width:38px;height:38px;padding:0;
  border:1px solid var(--dz-line);border-radius:999px;
  background:var(--dz-elevated);color:var(--dz-muted);
}
.dz-flexi-settings-trigger svg{width:18px;height:18px}
.dz-flexi-reference .dz-flexi-wholesale{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 12px;border:1px solid var(--dz-line);
  border-radius:999px;background:var(--dz-elevated);color:var(--dz-muted);
  font-size:.7rem;font-weight:700;
}
.dz-flexi-number-box{direction:ltr}
.dz-flexi-number-box input{letter-spacing:.035em!important}
.dz-flexi-line-mark>span{display:grid;place-items:center;width:100%;height:100%}
.dz-flexi-recent-numbers{display:grid;gap:7px;margin-top:10px}
.dz-flexi-recent-numbers[hidden]{display:none!important}
.dz-flexi-recent-numbers>span{font-size:.68rem;font-weight:800;color:var(--dz-muted)}
.dz-flexi-recent-numbers>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.dz-flexi-recent-numbers>div::-webkit-scrollbar{display:none}
.dz-flexi-recent-numbers button{
  flex:0 0 auto;min-height:34px;padding:0 10px;
  border:1px solid var(--dz-line);border-radius:999px;
  background:var(--dz-elevated);color:var(--dz-ink);font-size:.68rem;font-weight:800;
}
.dz-flexi-reference .dz-flexi-live-offers{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:10px;
}
.dz-flexi-reference .dz-flexi-live-offers:empty{display:none}
.dz-flexi-reference .dz-flexi-offer{
  min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;border:1px solid var(--dz-line);border-radius:15px;
  background:var(--dz-elevated);color:var(--dz-ink);text-align:start;
}
.dz-flexi-offer-copy{display:grid;gap:3px;min-width:0}
.dz-flexi-offer-copy b{font-size:.78rem}
.dz-flexi-offer-copy small{font-size:.66rem;color:var(--dz-muted)}
.dz-flexi-amount-display{
  position:relative;height:104px;display:grid;place-items:center;margin-top:12px;
  border:1px solid var(--dz-line);border-radius:20px;background:var(--dz-elevated);overflow:hidden;
}
.dz-flexi-amount-display input{
  width:100%!important;height:100%!important;min-width:0!important;padding:0 64px 0 24px!important;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:color-mix(in srgb,var(--dz-ink) 32%,transparent)!important;
  text-align:center!important;font-size:2.45rem!important;font-weight:800!important;
  line-height:1!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums;
  appearance:textfield;
}
.dz-flexi-amount-display input::-webkit-inner-spin-button,
.dz-flexi-amount-display input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dz-flexi-amount-display.has-value input{color:var(--dz-ink)!important}
.dz-flexi-amount-display:focus-within{
  border-color:var(--flexi-network,var(--dz-accent));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 11%,transparent);
}
.dz-flexi-amount-display>span{
  position:absolute;inset-inline-start:20px;top:50%;transform:translateY(-50%);
  color:var(--dz-muted);font-size:.82rem;font-weight:800;direction:ltr;
}
.dz-flexi-history-summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:10px;padding-top:10px;border-top:1px solid var(--dz-line);
}
.dz-flexi-history-summary>strong{font-size:.84rem;font-weight:800}
.dz-flexi-status{
  display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;
  background:var(--dz-elevated);color:var(--dz-muted);font-size:.66rem;font-weight:800;
}
.dz-flexi-status.is-success{background:rgba(16,185,129,.12);color:#10b981}
.dz-flexi-status.is-failed{background:rgba(239,68,68,.12);color:#ef4444}
.dz-flexi-status.is-reversed{background:rgba(245,158,11,.12);color:#f59e0b}
.dz-flexi-status.is-processing,.dz-flexi-status.is-pending{background:rgba(59,130,246,.12);color:#3b82f6}
.dz-flexi-history-empty{
  display:grid;place-items:center;align-content:center;gap:8px;min-height:130px;
  color:var(--dz-muted);text-align:center;
}
.dz-flexi-history-empty[hidden]{display:none!important}
.dz-flexi-history-empty svg{width:25px;height:25px}
.dz-flexi-history-empty strong{font-size:.78rem}
.dz-flexi-tool.is-loading svg{animation:dzFlexiSpin .8s linear infinite}
@keyframes dzFlexiSpin{to{transform:rotate(360deg)}}

/* Network identity is visual only. Routing/pricing/provider selection stays server-side. */
.dz-flexi-reference.is-network-mobile{--flexi-network:var(--dz-accent);--flexi-network-2:var(--dz-accent-2)}
.dz-flexi-reference.is-network-mobilis{--flexi-network:#16a34a;--flexi-network-2:#22c55e}
.dz-flexi-reference.is-network-ooredoo,
.dz-flexi-reference.is-network-djezzy{--flexi-network:#dc2626;--flexi-network-2:#ef4444}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-title-icon,
.dz-flexi-reference[class*="is-network-"] .dz-flexi-quiet-status .is-info{color:var(--flexi-network)}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-number-box:focus-within,
.dz-flexi-reference[class*="is-network-"] .dz-flexi-number-box.is-valid{
  border-color:var(--flexi-network);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--flexi-network) 13%,transparent);
}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-service-tabs button.is-active,
.dz-flexi-reference[class*="is-network-"] .dz-flexi-denom.is-active{
  border-color:var(--flexi-network);background:var(--flexi-network);color:#fff;
}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-offer.is-active{
  border-color:color-mix(in srgb,var(--flexi-network) 70%,var(--dz-line));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--flexi-network) 12%,transparent);
}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-send{
  background:linear-gradient(135deg,var(--flexi-network),var(--flexi-network-2));
}
.dz-flexi-reference[class*="is-network-"] .dz-flexi-send:disabled{
  background:color-mix(in srgb,var(--flexi-network) 26%,var(--dz-elevated));
  color:color-mix(in srgb,var(--dz-ink) 42%,transparent);
}

/* Flexi route gets the same compact mobile shell rhythm as Ghaith. */
.dz-shop:has(#shop-flexi:not([hidden]))>.dz-shop-main{
  padding-top:16px;
  padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
}
@media(max-width:640px){
  .dz-flexi-reference{gap:36px}
  .dz-flexi-reference .dz-flexi-panel{padding:13px 12px 15px;border-radius:22px}
  .dz-flexi-panel-head{margin-bottom:11px}
  .dz-flexi-number-box{height:96px;padding:0 8px}
  .dz-flexi-number-box input{font-size:clamp(1.24rem,7vw,1.78rem)!important}
  .dz-flexi-quick-actions{margin-top:10px}
  .dz-flexi-service-tabs{margin-top:9px}
  .dz-flexi-denom-row{margin-top:10px;gap:5px}
  .dz-flexi-denom{min-height:38px;padding:0 4px;font-size:.72rem}
  .dz-flexi-amount-display{height:94px;margin-top:10px}
  .dz-flexi-amount-display input{font-size:2.25rem!important}
  .dz-flexi-send{min-height:52px;margin-top:9px}
  .dz-flexi-history-title{font-size:1.22rem}
  .dz-flexi-reference .dz-flexi-history-card{padding:13px 12px}
}
@media(max-width:390px){
  .dz-flexi-reference .dz-flexi-live-offers{grid-template-columns:1fr}
}

/* 2026-10-07 unified Flexi identifier routing colors. */
.dz-flexi-reference.is-network-adsl,
.dz-flexi-reference.is-network-4g{--flexi-network:#2563eb;--flexi-network-2:#3b82f6}
.dz-flexi-reference.is-network-adsl .dz-flexi-line-mark,
.dz-flexi-reference.is-network-4g .dz-flexi-line-mark{background:#2563eb;color:#fff}
.dz-flexi-line-mark.is-adsl,.dz-flexi-line-mark.is-4g{font-size:.58rem;letter-spacing:.02em}

/* 2026-10-07 per-number personalized Flexi offers (Ghaith visual pattern, dzflexi Core data). */
.dz-flexi-mobile-mode-tabs{
  width:max-content;max-width:100%;display:flex;align-items:center;gap:4px;
  margin:12px auto 2px;padding:4px;border:1px solid var(--dz-line);
  border-radius:999px;background:var(--dz-elevated);
}
.dz-flexi-mobile-mode-tabs[hidden]{display:none!important}
.dz-flexi-mobile-mode-tabs button{
  min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--dz-muted);
  font-size:.7rem;font-weight:850;
}
.dz-flexi-mobile-mode-tabs button.is-active{
  background:var(--flexi-network,var(--dz-accent));color:#fff;
}
.dz-flexi-personalized-dot{
  width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)
}
.dz-flexi-personalized{display:grid;justify-items:center;gap:12px;margin-top:14px;padding-bottom:4px}
.dz-flexi-personalized[hidden],#flexi-normal-panel[hidden]{display:none!important}
.dz-flexi-offers-loading,.dz-flexi-offers-empty{
  width:100%;min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:14px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);
  color:var(--dz-muted);text-align:center;font-size:.76rem;font-weight:700;
}
.dz-flexi-offers-loading[hidden],.dz-flexi-offers-empty[hidden]{display:none!important}
.dz-flexi-offers-empty.is-error{flex-direction:column;color:var(--dz-muted)}
.dz-flexi-spin{
  width:17px;height:17px;border:2px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 24%,transparent);
  border-top-color:var(--flexi-network,var(--dz-accent));border-radius:50%;
  animation:dzFlexiSpin .8s linear infinite;
}
.dz-flexi-offers-summary{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:var(--dz-muted);font-size:.72rem;
}
.dz-flexi-offers-summary[hidden]{display:none!important}
.dz-flexi-offers-summary strong{color:var(--dz-ink);font-size:.78rem}
.dz-flexi-offers-summary span{
  min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 15%,var(--dz-elevated));
  color:var(--flexi-network,var(--dz-accent));font-weight:900;
}
.dz-flexi-offer-amounts{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.dz-flexi-offer-amounts button{
  min-width:48px;height:36px;padding:0 11px;border:1px solid var(--dz-line);border-radius:999px;
  background:var(--dz-elevated);color:var(--dz-ink);font-size:.72rem;font-weight:850;
}
.dz-flexi-offer-amounts button.is-active{
  border-color:var(--flexi-network,var(--dz-accent));background:var(--flexi-network,var(--dz-accent));color:#fff;
}
.dz-flexi-show-all{
  justify-self:center;min-height:36px;padding:0 14px;border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 68%,var(--dz-line));
  border-radius:10px;background:transparent;color:var(--flexi-network,var(--dz-accent));font-size:.7rem;font-weight:800;
}
.dz-flexi-show-all[hidden]{display:none!important}
.dz-flexi-personalized-list{
  width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
.dz-flexi-personalized-offer{
  min-width:0;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated);overflow:hidden;
}
.dz-flexi-personalized-offer.is-unmapped{opacity:1;border-style:dashed}
.dz-flexi-personalized-offer.is-unmapped .dz-flexi-personalized-pick{opacity:.78}
.dz-flexi-personalized-pick{
  width:100%;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:10px 11px;border:0;background:transparent;color:var(--dz-ink);text-align:start;
}
.dz-flexi-personalized-pick:disabled{cursor:not-allowed}
.dz-flexi-personalized-copy{min-width:0;display:grid;gap:4px}
.dz-flexi-personalized-copy strong{
  min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  font-size:.74rem;line-height:1.45;
}
.dz-flexi-personalized-copy small{
  min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:var(--dz-muted);font-size:.61rem;line-height:1.45;
}
.dz-flexi-personalized-pick>b{
  color:var(--flexi-network,var(--dz-accent));font-size:.78rem;white-space:nowrap;
}
.dz-flexi-debt-offer{
  width:100%;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0;padding:12px 13px;border:1px solid color-mix(in srgb,#ef4444 50%,var(--dz-line));
  border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 9%,var(--dz-elevated)),color-mix(in srgb,#f59e0b 5%,var(--dz-elevated)));
  color:var(--dz-ink);text-align:start;box-shadow:0 8px 22px color-mix(in srgb,#ef4444 9%,transparent);
}
.dz-flexi-debt-offer[hidden]{display:none!important}
.dz-flexi-debt-offer:disabled{opacity:.7}
.dz-flexi-debt-offer>span{display:grid;gap:3px;min-width:0}
.dz-flexi-debt-offer small{
  width:max-content;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,#ef4444 12%,var(--dz-elevated));
  color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 24%,var(--dz-line));font-size:.56rem;font-weight:900;
}
.dz-flexi-debt-offer strong{font-size:1.18rem;line-height:1.2;color:#ef4444}
.dz-flexi-debt-offer em{font-style:normal;font-size:.62rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-debt-offer>b{
  flex:none;min-width:88px;min-height:40px;display:grid;place-items:center;padding:8px 11px;border-radius:12px;
  background:linear-gradient(135deg,#ef4444,#ff4d56);color:#fff;font-size:.68rem;
  box-shadow:0 7px 16px color-mix(in srgb,#ef4444 20%,transparent);
}
.dz-flexi-normal-debt{
  display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;
  border:1px solid color-mix(in srgb,#f59e0b 38%,var(--dz-line));border-radius:14px;
  background:color-mix(in srgb,#f59e0b 8%,var(--dz-elevated));color:var(--dz-ink);text-align:start;
}
.dz-flexi-normal-debt[hidden]{display:none!important}
.dz-flexi-normal-debt>span{display:grid;gap:2px;min-width:0}
.dz-flexi-normal-debt small{color:#b7791f;font-size:.57rem;font-weight:900}
.dz-flexi-normal-debt strong{color:#dc2626;font-size:1rem;line-height:1.25}
.dz-flexi-normal-debt em{font-style:normal;color:var(--dz-muted);font-size:.6rem;line-height:1.45}
.dz-flexi-debt-choice{
  display:grid;gap:9px;margin-top:12px;padding:11px;border:1px solid color-mix(in srgb,#f59e0b 34%,var(--dz-line));
  border-radius:15px;background:color-mix(in srgb,#f59e0b 6%,var(--dz-elevated));
}
.dz-flexi-debt-choice-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dz-flexi-debt-choice-head span{color:var(--dz-muted);font-size:.64rem;font-weight:800}
.dz-flexi-debt-choice-head strong{color:#dc2626;font-size:.82rem}
.dz-flexi-debt-choice-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dz-flexi-debt-choice-options button{
  min-height:48px;padding:8px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);
  color:var(--dz-ink);font:inherit;font-size:.64rem;font-weight:900;line-height:1.35;
}
.dz-flexi-debt-choice-options button.is-active{
  border-color:color-mix(in srgb,var(--dz-accent) 65%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);
}
.dz-flexi-debt-choice-options button:disabled{opacity:.55}
.dz-flexi-debt-choice-error{margin:0;color:#dc2626;font-size:.6rem;line-height:1.45;text-align:center}
@media(max-width:420px){
 .dz-flexi-mobile-mode-tabs button{padding:0 11px;font-size:.67rem}
 .dz-flexi-personalized-list{gap:6px}
 .dz-flexi-personalized-pick{min-height:72px;padding:9px}
 .dz-flexi-offer-amounts{gap:5px}
 .dz-flexi-offer-amounts button{min-width:44px;height:34px;padding:0 8px;font-size:.68rem}
}
@media(max-width:360px){.dz-flexi-personalized-list{grid-template-columns:1fr}}

/* 2026-10-07 Flexi offer review modal. */
.dz-flexi-review-dialog{
  width:min(calc(100% - 28px),430px);
  max-width:430px;
  margin:auto;
  padding:0;
  border:0;
  border-radius:24px;
  background:transparent;
  color:var(--dz-ink);
  overflow:visible;
}
.dz-flexi-review-dialog::backdrop{
  background:rgba(3,7,18,.58);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.dz-flexi-review-dialog[open]{
  animation:dzFlexiModalIn .18s cubic-bezier(.2,.8,.2,1);
}
.dz-flexi-review-dialog .dz-flexi-review{
  width:100%;
  margin:0!important;
  padding:18px;
  border:1px solid var(--dz-line);
  border-radius:24px;
  background:color-mix(in srgb,var(--dz-surface) 96%,transparent);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.dz-flexi-review-title-side{
  display:flex;align-items:center;gap:9px;
}
.dz-flexi-review-close{
  width:34px;height:34px;display:grid;place-items:center;
  padding:0;border:1px solid var(--dz-line);border-radius:50%;
  background:var(--dz-elevated);color:var(--dz-ink);
}
.dz-flexi-review-close svg{width:17px;height:17px}
.dz-flexi-review-dialog .dz-flexi-review-head{
  padding-bottom:13px;
}
.dz-flexi-review-dialog .dz-flexi-review-head>div:first-child{
  font-size:1rem;font-weight:900;
}
.dz-flexi-review-dialog .dz-flexi-review-row{
  min-height:47px;padding:11px 2px;
}
.dz-flexi-review-dialog .dz-flexi-send{
  margin-top:16px;
}
@keyframes dzFlexiModalIn{
  from{opacity:0;transform:translateY(14px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:560px){
  .dz-flexi-review-dialog{
    width:calc(100% - 24px);
    max-width:none;
  }
  .dz-flexi-review-dialog .dz-flexi-review{
    padding:16px 15px 15px;
    border-radius:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .dz-flexi-review-dialog[open]{animation:none}
}

/* 2026-10-07 Flexi number: true geometric centering independent of side controls. */
.dz-flexi-number-box{
  position:relative!important;
  display:block!important;
  padding:0!important;
}
.dz-flexi-number-box input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0 64px!important;
  direction:ltr!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.dz-flexi-number-box #flexi-clear,
.dz-flexi-number-box #flexi-line-mark{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  margin-block:auto!important;
  z-index:2!important;
}
.dz-flexi-number-box #flexi-clear{left:12px!important}
.dz-flexi-number-box #flexi-line-mark{right:12px!important}
@media(max-width:640px){
  .dz-flexi-number-box input{padding-inline:58px!important}
  .dz-flexi-number-box #flexi-clear{left:9px!important}
  .dz-flexi-number-box #flexi-line-mark{right:9px!important}
}

/* 2026-10-07 Flexi number parity with the production Ghaith field. */
.dz-flexi-number-box{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:4px!important;
  height:96px!important;
  padding:0 8px!important;
  overflow:hidden!important;
}
.dz-flexi-number-box input{
  position:static!important;
  inset:auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  direction:ltr!important;
  text-align:center!important;
  font-size:clamp(1.24rem,7vw,1.78rem)!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  line-height:1!important;
  background:transparent!important;
  color:var(--dz-ink)!important;
  -webkit-text-fill-color:var(--dz-ink)!important;
  box-shadow:none!important;
}
.dz-flexi-number-box input:-webkit-autofill,
.dz-flexi-number-box input:-webkit-autofill:hover,
.dz-flexi-number-box input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--dz-ink)!important;
  -webkit-box-shadow:0 0 0 1000px var(--dz-elevated) inset!important;
  transition:background-color 9999s ease-out 0s;
}
.dz-flexi-number-box #flexi-clear,
.dz-flexi-number-box #flexi-line-mark{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  width:36px!important;
  height:36px!important;
  z-index:2!important;
}
.dz-flexi-line-mark.has-logo{
  padding:5px!important;
  background:#fff!important;
  color:transparent!important;
  overflow:hidden!important;
}
.dz-flexi-line-mark.has-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* 5 quick amounts on the first row; any remaining amounts stay centered below. */
.dz-flexi-denom-row{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
}
.dz-flexi-denom{
  flex:0 0 calc((100% - 24px)/5)!important;
  min-width:0!important;
  max-width:calc((100% - 24px)/5)!important;
}

/* Keep phone/service identifiers readable inside RTL review rows. */
.dz-flexi-review-row strong.is-phone{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}

/* Match Ghaith validation treatment: valid identifiers are neutral-success, not carrier-colored. */
.dz-flexi-reference .dz-flexi-number-box.is-valid{
  border-color:#34d399!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#34d399 12%,transparent)!important;
}
.dz-flexi-reference .dz-flexi-number-box.is-invalid{
  border-color:color-mix(in srgb,#ef4444 60%,var(--dz-line))!important;
  box-shadow:none!important;
}

/* 2026-10-07 Flexi page-only settings + identifier-driven service lock. */
.dz-flexi-number-box input::placeholder{
  color:color-mix(in srgb,var(--dz-muted) 46%,transparent)!important;
  opacity:.72!important;
}
.dz-flexi-service-tabs.is-locked button{
  cursor:default!important;
}
.dz-flexi-service-tabs.is-locked button:not(.is-active){
  opacity:.38!important;
  filter:saturate(.55);
}
.dz-flexi-service-tabs.is-locked button.is-active{
  opacity:1!important;
}

.dz-flexi-settings-backdrop{
  position:fixed;inset:0;z-index:145;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(3,8,20,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.dz-flexi-settings-backdrop[hidden]{display:none!important}
.dz-flexi-settings-sheet{
  width:min(100%,520px);max-height:84dvh;overflow:auto;
  padding:.65rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));
  border:1px solid var(--dz-line);border-radius:1.65rem 1.65rem 0 0;
  background:var(--dz-surface);color:var(--dz-ink);
  box-shadow:0 -20px 60px rgba(0,0,0,.34);
  animation:dzFlexiSettingsRise .18s ease-out both;
}
.dz-flexi-settings-handle{
  width:2.8rem;height:4px;margin:0 auto .8rem;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 48%,transparent);
}
.dz-flexi-settings-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:.8rem;border-bottom:1px solid var(--dz-line);
}
.dz-flexi-settings-head>div{display:grid;gap:3px}
.dz-flexi-settings-head strong{display:flex;align-items:center;gap:7px;font-size:1rem}
.dz-flexi-settings-head strong svg{width:18px;height:18px;color:var(--flexi-network,var(--dz-accent))}
.dz-flexi-settings-head small{font-size:.66rem;color:var(--dz-muted)}
.dz-flexi-settings-head>button{
  display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dz-line);
  border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);
}
.dz-flexi-settings-head>button svg{width:18px;height:18px}
.dz-flexi-settings-list{display:grid;gap:8px;margin-top:10px}
.dz-flexi-setting-row{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:11px 10px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);
  color:var(--dz-ink);text-align:right;
}
.dz-flexi-setting-icon{
  display:grid;place-items:center;width:38px;height:38px;border-radius:12px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,var(--dz-surface));
  color:var(--flexi-network,var(--dz-accent));
}
.dz-flexi-setting-icon svg{width:19px;height:19px}
.dz-flexi-setting-row>span:nth-child(2){display:grid;gap:2px;min-width:0}
.dz-flexi-setting-row strong{font-size:.77rem}
.dz-flexi-setting-row small{font-size:.63rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-setting-row>i{
  position:relative;width:42px;height:24px;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 24%,var(--dz-line));transition:.18s ease;
}
.dz-flexi-setting-row>i>b{
  position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:.18s ease;
}
.dz-flexi-setting-row>i.is-on{background:var(--flexi-network,var(--dz-accent))}
.dz-flexi-setting-row>i.is-on>b{right:21px}
.dz-flexi-sound-settings{
  border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);overflow:hidden;
}
.dz-flexi-sound-settings-toggle{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:11px 10px;border:0;background:transparent;color:var(--dz-ink);text-align:right;
}
.dz-flexi-sound-settings-toggle>span:nth-child(2){display:grid;gap:2px;min-width:0}
.dz-flexi-sound-settings-toggle strong{font-size:.77rem}
.dz-flexi-sound-settings-toggle small{font-size:.63rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-sound-chevron{font-size:1.05rem;color:var(--dz-muted);transition:transform .18s ease}
.dz-flexi-sound-settings-toggle[aria-expanded="true"] .dz-flexi-sound-chevron{transform:rotate(180deg)}
.dz-flexi-sound-settings-panel{
  display:grid;gap:7px;padding:0 8px 8px;border-top:1px solid var(--dz-line);
}
.dz-flexi-sound-settings-panel[hidden]{display:none!important}
.dz-flexi-setting-row.is-sub{
  grid-template-columns:minmax(0,1fr) auto;margin-top:7px;padding:9px 10px;background:var(--dz-surface);
}
.dz-flexi-setting-row.is-sub>span:first-child{display:grid;gap:2px;min-width:0}
.dz-flexi-setting-row.is-sub strong{font-size:.72rem}
.dz-flexi-setting-row.is-sub small{font-size:.59rem}
.dz-flexi-setting-row.is-disabled{opacity:.55;cursor:not-allowed}
.dz-flexi-voice-preview{
  width:100%;margin-top:7px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 26%,var(--dz-line));
  border-radius:12px;background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 7%,var(--dz-surface));
  color:var(--flexi-network,var(--dz-accent));font:inherit;font-size:.64rem;font-weight:800;
}
.dz-flexi-settings-note{
  display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;border-radius:12px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 7%,var(--dz-elevated));
  color:var(--dz-muted);font-size:.62rem;line-height:1.5;
}
.dz-flexi-settings-note svg{width:16px;height:16px;flex:none;color:var(--flexi-network,var(--dz-accent))}
.dz-flexi-settings-done{
  width:100%;min-height:46px;margin-top:10px;border:0;border-radius:14px;
  background:linear-gradient(135deg,var(--flexi-network,var(--dz-accent)),var(--dz-accent-2,var(--dz-accent)));
  color:#fff;font-weight:900;
}
.dz-flexi-reference.is-compact-amounts .dz-flexi-denom{min-height:34px!important;font-size:.68rem!important}
.dz-flexi-reference.is-compact-amounts .dz-flexi-denom-row{gap:5px!important}
body.dz-flexi-settings-open{overflow:hidden}
@keyframes dzFlexiSettingsRise{from{transform:translateY(18px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(min-width:768px){
 .dz-flexi-settings-backdrop{padding:20px}
 .dz-flexi-settings-sheet{border-radius:1.65rem}
}
@media(prefers-reduced-motion:reduce){.dz-flexi-settings-sheet{animation:none}}

/* 2026-10-07 Flexi confirmation review — ported from Ghaith UI, dzflexi data/Core only. */
.dz-flexi-review-dialog{
  width:min(calc(100% - 28px),440px)!important;
  max-width:440px!important;
  max-height:min(84dvh,680px)!important;
  overflow:visible!important;
}
.dz-flexi-review-dialog::backdrop{
  background:rgba(2,6,23,.66)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
.dz-flexi-review-dialog .dz-flexi-review{
  position:relative!important;
  max-height:min(84dvh,680px)!important;
  overflow:auto!important;
  padding:22px 18px 18px!important;
  border-radius:24px!important;
  background:var(--dz-surface)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
}
.dz-flexi-review-close{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  width:36px!important;
  height:36px!important;
  background:var(--dz-elevated)!important;
  color:var(--dz-muted)!important;
  z-index:2;
}
.dz-flexi-review-kicker{
  margin:0 42px 8px!important;
  text-align:center;
  color:var(--dz-muted);
  font-size:.7rem;
  line-height:1.4;
}
.dz-flexi-review-confirm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 14px;
}
.dz-flexi-review-confirm-head h3{
  margin:0;
  font-size:1.08rem;
  line-height:1.35;
  font-weight:900;
}
.dz-flexi-review-network{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:4px 8px 4px 5px;
  border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 22%,var(--dz-line));
  border-radius:999px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 6%,var(--dz-elevated));
}
.dz-flexi-review-network img{
  display:block;
  width:34px;
  height:34px;
  padding:4px;
  border-radius:10px;
  background:#fff;
  object-fit:contain;
}
.dz-flexi-review-network span{
  color:var(--dz-muted);
  font-size:.72rem;
  font-weight:850;
  white-space:nowrap;
}
.dz-flexi-review-rows{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid var(--dz-line);
  border-radius:17px;
  background:var(--dz-elevated);
}
.dz-flexi-review-rows>div{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:8px 13px;
  border-bottom:1px solid var(--dz-line);
}
.dz-flexi-review-rows>div:last-child{border-bottom:0}
.dz-flexi-review-rows span{color:var(--dz-muted);font-size:.7rem}
.dz-flexi-review-rows strong{
  min-width:0;
  max-width:70%;
  color:var(--dz-ink);
  font-size:.8rem;
  font-weight:900;
  overflow-wrap:anywhere;
}
.dz-flexi-review-rows strong.is-phone{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.dz-flexi-review-wallet{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:11px;
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 18%,var(--dz-line));
  border-radius:13px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 6%,var(--dz-elevated));
  color:var(--dz-muted);
  font-size:.7rem;
}
.dz-flexi-review-wallet svg{
  width:17px;height:17px;flex:none;color:var(--flexi-network,var(--dz-accent));
}
.dz-flexi-review-wallet strong{color:var(--dz-ink);font-weight:950}
.dz-flexi-review-note{
  margin:9px 2px 0!important;
  padding:0;
  text-align:center;
  color:var(--dz-muted);
  font-size:.64rem;
  line-height:1.5;
}
.dz-flexi-review-note.is-info{color:var(--dz-accent)}
.dz-flexi-review-note.is-success{color:#059669}
.dz-flexi-review-note.is-warning{color:#b7791f}
.dz-flexi-review-note.is-error{color:#dc2626}
.dz-flexi-review-actions{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:9px;
  margin-top:15px;
}
.dz-flexi-review-actions button{
  min-height:49px;
  border-radius:15px;
  font-size:.8rem;
  font-weight:900;
}
.dz-flexi-review-actions .is-recovery{
  grid-column:1 / -1;
  min-height:42px;
  border:1px solid var(--dz-line);
  background:transparent;
  color:var(--dz-muted);
  font-size:.74rem;
}
.dz-flexi-review-actions .is-recovery:disabled{opacity:.6}
.dz-flexi-review-actions .is-secondary{
  border:1px solid var(--dz-line);
  background:var(--dz-elevated);
  color:var(--dz-ink);
}
.dz-flexi-review-actions .is-primary{
  border:0;
  background:var(--flexi-network,var(--dz-accent));
  color:#fff;
}
.dz-flexi-review-actions .is-primary:disabled{
  opacity:.68;
  cursor:not-allowed;
}
.dz-flexi-review-actions .is-primary.is-busy{opacity:.78}
.dz-flexi-review-actions .is-primary.is-success{background:#059669!important;color:#fff!important}
.dz-flexi-review-actions .is-primary.is-error{background:#dc2626!important;color:#fff!important}
.dz-flexi-review-actions .is-primary.is-warning,
.dz-flexi-review-actions .is-primary.is-auth,
.dz-flexi-review-actions .is-primary.is-pending{background:#b7791f!important;color:#fff!important}

/* Keep actionable Flexi controls clear of the fixed mobile navigation on short screens. */
@media(max-width:719px){
  .dz-flexi-reference{padding-bottom:112px!important}
  .dz-flexi-panel{scroll-margin-bottom:92px}
  .dz-flexi-send{scroll-margin-bottom:92px}
}
@media(max-width:380px){
  .dz-flexi-review-dialog{width:calc(100% - 20px)!important}
  .dz-flexi-review-dialog .dz-flexi-review{padding:20px 15px 15px!important;border-radius:21px!important}
  .dz-flexi-review-actions{grid-template-columns:1fr 1.25fr}
}

/* Account shell: approved retail account inside persistent store shell */
/* Retail account concept: calm paper surfaces and a focused DZFlexi signature. */
body[data-account-role=retail]{color-scheme:light;--ink:#171d2b;--muted:#667184;background:#f5f7fb;color:#172033}
body[data-account-role=retail] .layout{max-width:1040px}
body[data-account-role=retail] .page-title{margin:22px 0 19px}
body[data-account-role=retail] .page-title h2{font-size:31px;letter-spacing:-.035em}
body[data-account-role=retail] .context-tag{background:#eaf0fb;border-color:#d9e3f3;color:#5373a5}
body[data-account-role=retail] .demo-foot{color:#7b8799}
.retail-v2{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:24px;align-items:start}
.retail-v2-identity,.retail-v2-content{min-width:0}
.retail-profile{position:relative;overflow:hidden;padding:23px 24px 0;border:1px solid #dae3f1;border-radius:25px;background:#fff;box-shadow:0 15px 40px #283f6610}
.retail-profile:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#25c5d5,#407ffc 45%,#6d55eb)}
.retail-profile-top,.retail-profile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.retail-profile-kicker{display:inline-flex;align-items:center;gap:7px;color:#52637d;font-size:11px;font-weight:700}
.retail-mini-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(140deg,#15b8d4,#3d76f8 60%,#6953e8);color:#fff;font:800 10px system-ui,sans-serif;letter-spacing:-.08em}
.retail-proof{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#e9f7f3;color:#23876f;font-size:10px;white-space:nowrap}
.retail-proof span{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#3aa886;color:#fff;font:700 10px system-ui,sans-serif}
.retail-person{display:flex;align-items:center;gap:15px;margin:28px 0 24px}
.retail-avatar{display:grid;place-items:center;flex:none;width:61px;height:61px;border-radius:19px;background:#e9f0fe;color:#306bde;font-size:26px;font-weight:700}
.retail-person small{display:block;color:#738095;font-size:11px}
.retail-person h3{margin:2px 0;font-size:24px;letter-spacing:-.045em;line-height:1.35}
.retail-person-phone{display:inline-block;color:#54647a;font:600 12px system-ui,sans-serif}
.retail-profile-bottom{margin:0 -24px;padding:13px 24px;border-top:1px solid #ecf0f5;background:#fbfcff;color:#708098;font-size:11px}
.retail-profile-bottom strong{color:#315fbc;font:700 12px system-ui,sans-serif}
.retail-current{display:flex;align-items:center;gap:12px;margin-top:13px;padding:14px 16px;border:1px solid #dde6f1;border-radius:18px;background:#fff}
.retail-current-icon,.retail-trade-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:12px;background:#eaf1ff;color:#3474dc}
.retail-current-icon svg,.retail-item-icon svg,.retail-trade-icon svg{width:20px;height:20px}
.retail-current>div{display:grid;gap:2px;flex:1;min-width:0}
.retail-current small{color:#75849b;font-size:10px}
.retail-current strong{font-size:12px}
.retail-current-status{padding:5px 8px;border-radius:99px;background:#eef4ff;color:#4579c5;font-size:10px;white-space:nowrap}
.retail-phrase{margin:24px 7px;color:#8391a4;font-size:12px;line-height:1.7}
.retail-phrase b{color:#326cdb}
.retail-group{margin-bottom:19px}
.retail-group h3{margin:0 3px 9px;color:#34445d;font-size:13px;font-weight:700}
.retail-group-list{overflow:hidden;border:1px solid #dee5ee;border-radius:20px;background:#fff;box-shadow:0 9px 25px #283f6608}
.retail-item{display:flex;align-items:center;gap:12px;min-height:69px;padding:12px 15px}
.retail-item+.retail-item{border-top:1px solid #edf0f4}
.retail-item-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#f1f4f9;color:#496788}
.retail-item-copy{display:grid;gap:2px;flex:1;min-width:0}
.retail-item-copy strong{font-size:13px;color:#202a3b}
.retail-item-copy small{font-size:10px;color:#7a8799}
.retail-item-badge{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:#eaf1ff;color:#3672d8;font:700 10px system-ui,sans-serif}
.retail-item-arrow{color:#aab5c4;font:23px system-ui,sans-serif;line-height:1}
.retail-trade{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #cdddf6;border-radius:19px;background:linear-gradient(115deg,#f0f6ff,#fff)}
.retail-trade>div{display:grid;gap:2px;flex:1}
.retail-trade strong{font-size:12px;color:#243d68}
.retail-trade small{font-size:10px;color:#7488a6}
.retail-trade>span:last-child{color:#8ea6c8;font:23px system-ui,sans-serif}
body[data-account-role=retail] .bottom-nav{background:#fffffff0;border-color:#e2e6ed;box-shadow:0 12px 35px #233c6329}
body[data-account-role=retail] .bottom-nav span{color:#7d899b}
body[data-account-role=retail] .bottom-nav .active{color:#376fda}
body[data-account-role=retail] .bottom-nav .plus{color:#fff}
@media(max-width:780px){
 body[data-account-role=retail] .layout{padding:11px 16px 125px}
 body[data-account-role=retail] .page-title{margin:16px 0 14px}
 body[data-account-role=retail] .page-title h2{font-size:25px}
 .retail-v2{grid-template-columns:1fr;gap:8px}
 .retail-profile{padding:18px 19px 0;border-radius:22px}
 .retail-person{margin:21px 0 19px}
 .retail-person h3{font-size:21px}
 .retail-avatar{width:53px;height:53px;border-radius:16px;font-size:23px}
 .retail-profile-bottom{margin:0 -19px;padding:12px 19px}
 .retail-current{margin-top:11px}
 .retail-phrase{margin:15px 5px 21px}
 .retail-group{margin-bottom:16px}
 .retail-item{min-height:64px}
}
@media(max-width:375px){.retail-proof{font-size:9px}.retail-person h3{font-size:19px}.retail-item-copy small{font-size:9px}.retail-current-status{font-size:9px}}


/* Phone polish after reviewing the account preview on Android. */
@media(max-width:780px){
 .retail-person{margin:17px 0 16px}
 .retail-profile{padding-top:16px}
 .retail-profile-bottom{padding-top:10px;padding-bottom:10px}
 .retail-phrase{display:none}
 .retail-v2{gap:22px}
 body[data-account-role=retail] .bottom-nav{display:grid;position:fixed;z-index:50;bottom:calc(9px + env(safe-area-inset-bottom,0px))}
}


/* Customer wallet disclosure in the account card. */
.retail-balance-toggle{width:calc(100% + 48px);margin:0 -24px;display:flex;align-items:center;gap:12px;min-height:74px;padding:13px 24px;border:0;border-top:1px solid #e9eef6;background:#f2f6fe;color:#1c3152;text-align:right;cursor:pointer}
.retail-balance-toggle:focus-visible,.retail-fund-toggle:focus-visible{outline:2px solid #3476e8;outline-offset:-3px}
.retail-balance-label{display:grid;gap:2px;flex:1}
.retail-balance-label strong{font-size:12px}
.retail-balance-label small{color:#7a8da9;font-size:10px}
.retail-balance-number{display:flex;align-items:baseline;gap:5px;white-space:nowrap;color:#1953ba}
.retail-balance-number strong{font:800 25px system-ui,sans-serif;letter-spacing:-.05em}
.retail-balance-number small{font-size:11px;font-weight:700}
.retail-balance-chevron{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #d4e1f6;border-radius:9px;background:#fff;color:#3d73c6;font:22px system-ui,sans-serif;line-height:1;transition:transform .2s}
.retail-balance-toggle[aria-expanded=true] .retail-balance-chevron{transform:rotate(180deg)}
.retail-balance-details{margin:0 -24px;padding:17px 24px 19px;background:#fff;border-top:1px solid #e3eaf5}
.retail-balance-details[hidden],.retail-fund-preview[hidden]{display:none}
.retail-deposits-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}
.retail-deposits-head strong{font-size:12px}
.retail-deposits-head small{color:#8a99ac;font-size:10px}
.retail-deposit{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}
.retail-deposit+.retail-deposit{border-top:1px solid #edf0f5}
.retail-deposit>span{display:grid;gap:2px}
.retail-deposit b{font-size:11px;font-weight:600}
.retail-deposit small{font-size:10px;color:#8794a6}
.retail-deposit>strong{font:700 11px system-ui,sans-serif;color:#24856c;white-space:nowrap}
.retail-fund-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:10px;border:0;border-radius:11px;background:#3078ec;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.retail-fund-toggle span{font:20px system-ui,sans-serif}
.retail-fund-preview{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid #dce7f8;border-radius:12px;background:#f8fbff}
.retail-fund-preview>strong{font-size:11px;color:#2f527e}
.retail-fund-preview>div{display:flex;justify-content:space-between;gap:9px;color:#253c5d;font-size:11px}
.retail-fund-preview>div span{color:#6f85a3;font-size:10px}
.retail-fund-preview>small{color:#8898ad;font-size:9px;line-height:1.5}
@media(max-width:780px){.retail-balance-toggle{width:calc(100% + 38px);margin:0 -19px;padding:12px 19px;min-height:68px}.retail-balance-details{margin:0 -19px;padding:15px 19px}.retail-balance-number strong{font-size:23px}}
@media(max-width:375px){.retail-balance-number strong{font-size:21px}.retail-balance-toggle{gap:8px}}


/* Wallet refinement: compact disclosure and a separate funding sheet. */
.retail-balance-toggle{min-height:65px;background:#fbfcff;border-top:1px solid #edf1f6}
.retail-balance-label strong{font-size:11px;color:#62728b}
.retail-balance-label small{font-size:9px;color:#9aa7ba}
.retail-balance-number strong{font-size:23px}
.retail-balance-chevron{width:25px;height:25px;border-color:#e0e8f3;background:#f2f6fe;font-size:18px}
.retail-balance-details{padding-top:11px;padding-bottom:11px;background:#f8faff}
.retail-deposits-head{margin-bottom:2px}
.retail-deposits-head strong{font-size:11px;color:#425674}
.retail-deposit{padding:6px 0}
.retail-deposit b{font-size:10px}
.retail-deposit small{font-size:9px}
.retail-deposit>strong{font-size:10px}
.retail-fund-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:28px;margin:0;padding:4px 10px;border:1px solid #ccddfa;border-radius:9px;background:#e9f1ff;color:#2867c8;font-size:10px;font-weight:700;white-space:nowrap}
.retail-fund-modal[hidden]{display:none}
.retail-fund-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center}
.retail-fund-backdrop{position:absolute;inset:0;background:#0e1a2aa8;backdrop-filter:blur(4px)}
.retail-fund-sheet{position:relative;width:min(410px,calc(100vw - 30px));padding:23px;border:1px solid #d9e3f3;border-radius:23px;background:#fff;box-shadow:0 25px 70px #13284c55;color:#17243a}
.retail-sheet-head{display:flex;align-items:start;justify-content:space-between;gap:15px}
.retail-sheet-head small{color:#3d78d5;font-size:10px;font-weight:700}
.retail-sheet-head h3{margin:2px 0;font-size:21px}
.retail-sheet-head button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e0e7f0;border-radius:10px;background:#f5f7fa;color:#596b84;font:24px system-ui,sans-serif;cursor:pointer}
.retail-fund-sheet>p{margin:0 0 18px;color:#7a879a;font-size:11px}
.retail-method{display:flex;align-items:center;gap:12px;min-height:63px;padding:11px;border:1px solid #e3e9f2;border-radius:13px;margin-bottom:8px}
.retail-method-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf4ff;color:#3d75d3;font-size:17px}
.retail-method>span:nth-child(2){display:grid;gap:2px;flex:1}
.retail-method strong{font-size:12px}
.retail-method small{font-size:10px;color:#8492a5}
.retail-method>span:last-child{color:#9cacbf;font-size:20px}
.retail-sheet-note{margin-top:13px;padding:9px 11px;border-radius:10px;background:#f3f6fb;color:#78879b;font-size:10px}
@media(max-width:780px){
 .retail-balance-toggle{min-height:59px;padding-top:8px;padding-bottom:8px}
 .retail-balance-details{padding-top:10px;padding-bottom:10px}
 .retail-fund-modal{align-items:end}
 .retail-fund-sheet{width:100%;padding:22px 19px calc(25px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border-bottom:0}
}


.retail-more-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:34px;margin-top:7px;border:0;border-top:1px solid #e4ebf5;background:transparent;color:#3672cd;font-size:10px;font-weight:700;cursor:pointer}
.retail-more-toggle:focus-visible{outline:2px solid #3672cd;outline-offset:-2px}
.retail-more-chevron{display:inline-block;font:17px system-ui,sans-serif;line-height:1;transition:transform .2s}
.retail-more-toggle[aria-expanded=true] .retail-more-chevron{transform:rotate(180deg)}
.retail-more-operations[hidden]{display:none}
.retail-more-heading{padding:8px 0 2px;color:#8190a5;font-size:9px}
.retail-more-operations .retail-deposit:first-of-type{border-top:1px solid #e4ebf5}
.retail-deposit>strong.retail-outgoing{color:#697b94}



/* DZFlexi Pearl: iPhone wallet inspired beginner view. */
body[data-account-role=beginner]{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--accent:#007aff;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,'IBM Plex Sans Arabic',system-ui,sans-serif}
body[data-account-role=beginner] .topbar{background:#fafafcda;backdrop-filter:blur(24px) saturate(160%);border-color:#d2d2d740}
body[data-account-role=beginner] .top-inner{min-height:65px;max-width:1100px}
body[data-account-role=beginner] .brand img{background:transparent;padding:0;border-radius:0}
body[data-account-role=beginner] .view-menu-trigger{background:#fff9;color:#343438;border:1px solid #d6d6dc;border-radius:99px;box-shadow:0 2px 8px #00000004}
body[data-account-role=beginner] .view-menu-trigger b{color:#48484e}
body[data-account-role=beginner] .preview-tag{color:#777780;background:#eaeaf0;border:0}
body[data-account-role=beginner] .back{color:#6e6e73}
body[data-account-role=beginner] .layout{max-width:1050px;padding-top:23px}
body[data-account-role=beginner] .page-title{margin:0 0 22px}
body[data-account-role=beginner] .page-title h2{font-size:34px;letter-spacing:-.045em}
body[data-account-role=beginner] .eyebrow{color:#8e8e93;letter-spacing:.12em;font-size:9px}
body[data-account-role=beginner] .context-tag{color:#6e6e73;background:#eaeaf0;border:0}
body[data-account-role=beginner] .demo-foot{color:#86868b;max-width:540px;margin:25px auto 0;line-height:1.8}
.bm-shell svg{width:24px;height:24px;flex:none}.bm-shell button{cursor:pointer;touch-action:manipulation}.bm-shell [hidden]{display:none!important}
.bm-profile{display:flex;align-items:center;gap:12px;margin-bottom:22px}.bm-avatar{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:50%;background:linear-gradient(150deg,#fff,#e6e7ec);color:#6a6b73;box-shadow:0 3px 9px #00000006,inset 0 1px 0 #fff}.bm-avatar svg{width:24px;height:24px}.bm-person{flex:1;min-width:0}.bm-person small{font-size:10px;color:#86868b}.bm-person h3{margin:1px 0 3px;font-size:22px;line-height:1.35;letter-spacing:-.025em}.bm-person>span{font:500 11px system-ui;color:#8e8e93}.bm-tier{font:650 9px system-ui;letter-spacing:.1em;text-align:center;color:#696972;border:1px solid #d8d9df;background:#eeeeF2;border-radius:9px;padding:8px 10px}.bm-tier small{display:block;letter-spacing:0;font:500 9px 'IBM Plex Sans Arabic',sans-serif;margin-top:4px;color:#93939c}
.bm-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:25px;align-items:start}.bm-main,.bm-side{min-width:0;display:grid;gap:24px}
.bm-wallet{position:relative;isolation:isolate;overflow:hidden;padding:24px 25px 0;border:1px solid #fff;border-radius:25px;background:linear-gradient(135deg,#fff 10%,#f0f1f5 55%,#e6e8ed);box-shadow:0 12px 30px #1d273313,0 2px 5px #1d273305,inset 0 1px 0 #fff;color:#242429}
.bm-wallet:before{content:'';position:absolute;inset:-60px -60px -20px 15%;z-index:-1;background:radial-gradient(ellipse at 75% 10%,#e7ddfa80,transparent 50%),radial-gradient(ellipse at 30% 40%,#dae7f975,transparent 45%),radial-gradient(ellipse at 70% 90%,#f5e4d750,transparent 45%);filter:blur(20px);pointer-events:none}
.bm-wallet:after{content:'';position:absolute;pointer-events:none;z-index:-1;width:220px;height:340px;top:-90px;left:-80px;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent)}
.bm-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.bm-wallet-head>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#55555e}.bm-wallet-head svg{width:18px;height:18px}.bm-wallet-head button{min-height:30px;padding:4px 11px;border:1px solid #ffffffa0;background:#ffffff80;color:#73737b;border-radius:99px;font-size:10px;box-shadow:0 2px 8px #00000003}.bm-caption{display:block;font-size:11px;color:#777780;margin-top:24px}.bm-amount{display:flex;gap:8px;align-items:baseline;margin-top:2px}.bm-amount>strong{font:600 48px system-ui;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.bm-amount strong span{font-size:25px;font-weight:400;color:#9a9aa3;letter-spacing:-.035em}.bm-amount>span{font-size:14px;color:#73737b}.bm-wallet-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#888890;margin-top:6px}.bm-wallet-note i{width:5px;height:5px;border-radius:50%;background:#7a9d92}
.bm-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.bm-wallet-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;border:1px solid #ffffffa0;border-radius:99px;background:#ffffffa0;color:#44444b;font-size:12px;font-weight:500;box-shadow:0 3px 10px #00000003;transition:background .18s,transform .18s}.bm-wallet-actions button:first-child{background:#242429;border-color:#242429;color:#fff;box-shadow:0 4px 10px #1c1c2518}.bm-wallet-actions button:active{transform:scale(.98)}.bm-wallet-actions svg{width:16px;height:16px}.bm-wallet-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -25px;padding:13px 25px;border-top:1px solid #b0b0bb20;background:#ffffff30;color:#93939d;font:500 9px system-ui;letter-spacing:.12em}.bm-wallet-foot b{color:#777780;font-weight:500;letter-spacing:.035em}
.bm-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.bm-heading h3{font-size:16px;letter-spacing:-.02em;font-weight:600;margin:0}.bm-heading>span,.bm-heading>small{font-size:10px;color:#98989f}.bm-heading button{border:0;background:none;color:#007aff;font-size:11px;padding:5px;min-height:30px}
.bm-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #fff;background:#fff;border-radius:22px;padding:16px 5px 14px;box-shadow:0 3px 15px #1d273304}.bm-service{--art:#168dff;--deep:#007aff;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;min-height:119px;padding:0 5px;border:0;border-radius:15px;background:none;color:#42424a;text-align:center;transition:background .18s}.bm-service:hover{background:#f5f5f7}.bm-service-top{display:none}.bm-art{position:relative;width:62px;height:63px;display:grid;place-items:center;margin:0 auto 9px}.bm-art-shadow{position:absolute;bottom:2px;width:34px;height:9px;border-radius:50%;background:var(--deep);opacity:.09;filter:blur(5px)}.bm-art-object{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid #ffffffa0;background:linear-gradient(150deg,color-mix(in srgb,var(--art) 72%,white),var(--deep));color:#fff;box-shadow:0 4px 9px color-mix(in srgb,var(--deep) 15%,transparent),inset 0 1px 1px #ffffff60;transform:none}.bm-art-object:after{content:'';position:absolute;inset:1px;border-radius:14px;background:linear-gradient(140deg,#ffffff20,transparent 60%);pointer-events:none}.bm-art svg{width:25px;height:25px;stroke-width:1.6;filter:drop-shadow(0 1px 1px #00000012)}.bm-art i,.bm-art b{display:none}.bm-internet{--art:#31bfaa;--deep:#169f8d}.bm-games{--art:#a88deb;--deep:#795ccc}.bm-digital{--art:#edb65e;--deep:#cf973c}.bm-service>strong{display:block;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap}.bm-service-sub{display:block;font-size:8px;color:#98989f;line-height:1.7;margin-top:4px;max-width:110px}.bm-operators{display:none}
.bm-panel,.bm-day{border:1px solid #fff;border-radius:22px;background:#fff;padding:19px;box-shadow:0 3px 15px #1d273303}.bm-panel{scroll-margin-top:90px}.bm-transaction{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #f0f0f3}.bm-tx-icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0f5fe;color:#4584d2}.bm-tx-icon svg{width:19px;height:19px}.bm-tx-game{background:#f5f1fb;color:#9375c6}.bm-tx-wallet{background:#eff7f3;color:#55977e}.bm-transaction>div{min-width:0;flex:1}.bm-transaction b{display:block;font-size:12px;font-weight:500}.bm-transaction>div>small{display:block;font-size:9px;color:#9a9aa3;margin-top:4px}.bm-transaction>div>small span{display:inline-block;font:8px system-ui;margin-inline-start:4px}.bm-tx-amount{text-align:left;flex:none}.bm-tx-amount strong{display:block;font:550 13px system-ui;color:#37373f}.bm-tx-amount strong small{font:9px 'IBM Plex Sans Arabic',sans-serif;color:#a2a2aa}.bm-tx-amount em{display:block;font-size:9px;font-style:normal;margin-top:4px}.bm-tx-amount .done{color:#6a9684}.bm-tx-amount .pending{color:#a58a58}
.bm-day .bm-heading{margin-bottom:16px}.bm-day-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:0 0 2px}.bm-day-stats>div{display:grid;gap:6px;text-align:center}.bm-day-stats>div+div{border-right:1px solid #f0f0f3}.bm-day-stats strong{font:550 27px system-ui;color:#4a4a53;letter-spacing:-.04em}.bm-day-stats small{font-size:9px;color:#a0a0a8}
.bm-upgrade{position:relative;background:linear-gradient(130deg,#f0f1f5,#fdfdfe);border:1px solid #e2e3e9;border-radius:20px;padding:18px 20px 16px;overflow:hidden}.bm-upgrade-symbol{position:absolute;top:21px;left:19px;width:34px;height:38px;display:grid;place-items:center;font:550 20px system-ui;color:#999baa;border-radius:11px;border:1px solid #fff;background:linear-gradient(140deg,#fff,#e5e6ed);box-shadow:0 3px 6px #00000004}.bm-upgrade-symbol span{display:none}.bm-upgrade>small{font-size:9px;color:#98989f}.bm-upgrade h3{font-size:15px;font-weight:500;margin:4px 0;letter-spacing:-.02em}.bm-upgrade p{font-size:10px;color:#9999a2;line-height:1.8;margin:5px 0 10px;max-width:85%}.bm-upgrade button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid #ddddE630;border-radius:0;background:none;color:#007aff;font-size:11px;padding:10px 0 0;min-height:33px}
.bm-account-row{display:flex;align-items:center;gap:10px;width:100%;padding:13px 0;text-align:right;color:#3c3c43;border:0;border-top:1px solid #f0f0f3;background:none}.bm-account-row>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#f4f4f7;color:#808089}.bm-account-row svg{width:18px;height:18px}.bm-account-row>div{flex:1;min-width:0}.bm-account-row b{display:block;font-size:12px;font-weight:500}.bm-account-row small{display:block;font-size:9px;color:#a0a0a8;margin-top:3px}.bm-account-row i{font:20px system-ui;color:#c3c3cb}.bm-confirmed{font-size:9px!important;color:#879c91!important}.bm-support{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:11px 0 0;min-height:35px;border:0;border-top:1px solid #f0f0f3;background:none;color:#98989f;font-size:9px}.bm-support strong{font-size:11px;font-weight:500;color:#007aff}
.bm-modal{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px}.bm-backdrop{position:absolute;inset:0;background:#2b2b3440;backdrop-filter:blur(9px)}.bm-sheet{position:relative;width:min(440px,100%);max-height:85dvh;overflow:auto;background:#fafafcee;color:#33333b;border:1px solid #fff;border-radius:28px;padding:25px;box-shadow:0 25px 75px #15151e25}.bm-sheet h3{margin:0 0 20px;font-size:23px;letter-spacing:-.035em}.bm-sheet .bm-heading button{font:26px system-ui;color:#8e8e96;min-width:32px;background:#e9e9ef;border-radius:50%}.bm-option,.bm-network{border:1px solid #fff;border-radius:16px;background:#fff;padding:15px;margin-top:10px}.bm-option b,.bm-option small,.bm-network small{display:block}.bm-option b{font-size:13px;font-weight:500}.bm-option small,.bm-network small{font-size:10px;color:#93939b;margin-top:5px;line-height:1.9}.bm-network{font:650 15px system-ui;border-inline-start:3px solid #3aa675}.bm-network.ooredoo{border-inline-start-color:#d94052}.bm-network.djezzy{border-inline-start-color:#e76545}.bm-network small{font-family:'IBM Plex Sans Arabic',sans-serif}.bm-modal-note{font-size:10px;color:#98989f;line-height:1.9;margin:18px 0 0}
body[data-account-role=beginner] .bottom-nav{background:#fafafce8;border-color:#ffffffc0;box-shadow:0 4px 25px #1c1c2715,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(160%);border-radius:99px}
body[data-account-role=beginner] .bottom-nav span{color:#9a9aa2}body[data-account-role=beginner] .bottom-nav .active{color:#007aff}body[data-account-role=beginner] .bottom-nav .plus{color:#fff}body[data-account-role=beginner] .bottom-nav .plus:before{background:#242429;border-radius:50%}
@media(max-width:780px){body[data-account-role=beginner] .layout{padding:18px 18px calc(120px + env(safe-area-inset-bottom,0px))}body[data-account-role=beginner] .page-title{margin:3px 0 18px}body[data-account-role=beginner] .page-title h2{font-size:30px}.bm-columns{grid-template-columns:1fr;gap:22px}.bm-main,.bm-side{gap:22px}.bm-profile{margin-bottom:20px}.bm-person h3{font-size:20px}.bm-person small{font-size:9px}.bm-avatar{width:43px;height:43px}.bm-tier{font-size:8px;padding:7px 9px}.bm-wallet{border-radius:23px;padding:22px 22px 0}.bm-wallet-foot{margin:0 -22px;padding:12px 22px}.bm-amount>strong{font-size:44px}.bm-wallet-actions{margin:20px 0}.bm-wallet-actions button{font-size:11px;min-height:42px}.bm-service-grid{padding:15px 3px 12px}.bm-service{padding:0 2px;min-height:109px}.bm-service>strong{font-size:10px}.bm-service-sub{font-size:7px;max-width:75px}.bm-art{height:58px;margin-bottom:7px}.bm-art-object{width:44px;height:44px;border-radius:14px}.bm-art svg{width:24px;height:24px}.bm-heading h3{font-size:15px}.bm-heading>span{font-size:9px}.bm-panel,.bm-day{padding:18px;border-radius:22px}.bm-upgrade{padding:16px 18px}.bm-modal{align-items:flex-end;padding:12px}.bm-sheet{padding:23px 20px calc(23px + env(safe-area-inset-bottom,0px))}.bm-transaction>div>small span{display:none}body[data-account-role=beginner] .bottom-nav{display:grid!important;min-height:65px;left:18px;right:18px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6}}
@media(max-width:360px){body[data-account-role=beginner] .layout{padding-inline:14px}.bm-service>strong{font-size:9px}.bm-service-sub{font-size:6.5px}.bm-art{width:52px}.bm-wallet{padding:20px 18px 0}.bm-wallet-foot{margin-inline:-18px;padding-inline:18px}.bm-amount>strong{font-size:40px}.bm-profile{gap:9px}.bm-tier{padding:6px}.bm-person h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.bm-service,.bm-wallet-actions button{transition:none}}

/* Preserve readable secondary text on phone-sized layouts. */
body[data-account-role=beginner] .bm-wallet-note{color:#73737d}.bm-service-sub{color:#767680}.bm-transaction>div>small,.bm-account-row small{color:#83838d}.bm-upgrade p{color:#80808b}
@media(max-width:780px){.bm-service>strong{font-size:11px}.bm-service-sub{display:none}.bm-service{min-height:89px}.bm-service-grid{padding:14px 4px 13px}.bm-heading>span{font-size:10px}.bm-account-row small{font-size:10px}.bm-transaction>div>small{font-size:10px}.bm-upgrade p{font-size:11px}}
@media(max-width:360px){.bm-service>strong{font-size:10px}}


body.dz-account-route{background:var(--dz-bg)!important;color:var(--dz-ink)!important}
body.dz-account-route.dz-dark{color-scheme:dark}
.dz-account-shell{padding:4px 0 24px}
.dz-account-page-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:4px 0 18px}
.dz-account-page-head h1{margin:3px 0 0;font-size:31px;line-height:1.15;letter-spacing:-.035em}
.dz-account-kind{padding:6px 12px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-surface);color:var(--dz-muted);font-size:11px}
.account-loading{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:24px}
.account-skeleton{height:340px;border:1px solid var(--dz-line);border-radius:24px;background:linear-gradient(100deg,var(--dz-surface) 30%,var(--dz-elevated) 45%,var(--dz-surface) 60%);background-size:220% 100%;animation:account-shimmer 1.2s linear infinite}
.account-skeleton:last-child{height:430px}
@keyframes account-shimmer{to{background-position:-220% 0}}
.retail-item,.retail-current,.retail-trade{width:100%;font:inherit;text-align:right;color:inherit;cursor:pointer}
button.retail-item{border:0;background:#fff}button.retail-current{border:1px solid #dde6f1}button.retail-trade{border:1px solid #cdddf6}
.retail-current:hover,.retail-item:hover,.retail-trade:hover{filter:brightness(.99)}
.retail-item:focus-visible,.retail-current:focus-visible,.retail-trade:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.retail-current[hidden]{display:none}.retail-empty-activity{padding:12px 0;color:#8794a6;font-size:10px}
.account-sheet-modal[hidden]{display:none}.account-sheet-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:16px}
.account-sheet-backdrop{position:absolute;inset:0;background:#102039a6;backdrop-filter:blur(5px)}
.account-sheet{position:relative;width:min(470px,calc(100vw - 28px));max-height:min(78dvh,720px);overflow:auto;padding:22px;border:1px solid #dbe4f0;border-radius:24px;background:#fff;color:#17243a;box-shadow:0 28px 90px #10254b55}
.account-sheet-head{position:sticky;top:-22px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:-22px -22px 15px;padding:20px 22px 15px;background:#fff;border-bottom:1px solid #edf1f6}
.account-sheet-head small{display:block;color:#4b7bd3;font-size:9px;font-weight:700}.account-sheet-head h3{margin:2px 0 0;font-size:20px}
.account-sheet-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e1e7ef;border-radius:10px;background:#f6f8fb;color:#62728a;font:23px/1 system-ui;cursor:pointer}
.account-sheet-list{display:grid;gap:8px}.account-sheet-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e6ebf2;border-radius:14px;background:#fbfcfe}
.account-sheet-row>div{display:grid;gap:2px;flex:1;min-width:0}.account-sheet-row strong{font-size:12px}.account-sheet-row small{color:#7d8999;font-size:10px;line-height:1.55}.account-sheet-row>span:last-child{font-size:10px;color:#5f7392;white-space:nowrap}
.account-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.account-sheet-actions button,.account-sheet-actions a,.account-action-button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #d7e1ef;border-radius:12px;background:#f6f9fe;color:#315f9f;text-decoration:none;font:700 11px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer}
.account-sheet-actions .primary,.account-action-button.primary{border-color:#2f76e8;background:#2f76e8;color:#fff}.account-sheet-actions .danger{border-color:#f0d7d7;background:#fff7f7;color:#b64a4a}
.account-sheet-note{margin:10px 0;padding:10px 12px;border-radius:11px;background:#f3f6fb;color:#74849b;font-size:10px;line-height:1.7}
.account-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-inline-card{padding:13px;border:1px solid #e4e9f1;border-radius:13px;background:#fafcff}.account-inline-card small{display:block;color:#8490a1;font-size:9px}.account-inline-card strong{display:block;margin-top:3px;font-size:12px;overflow-wrap:anywhere}
.account-device-revoke{flex:none;border:1px solid #e0e6ef;border-radius:9px;background:#fff;color:#62728a;padding:6px 9px;font-size:9px;cursor:pointer}.account-device-revoke:disabled{opacity:.45;cursor:not-allowed}
.account-pin-input{width:86px;min-height:36px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#17243a;text-align:center;font:700 15px system-ui,sans-serif}
.account-toast{position:fixed;z-index:150;right:50%;bottom:105px;transform:translateX(50%) translateY(10px);max-width:calc(100vw - 32px);padding:10px 14px;border-radius:12px;background:#172033;color:#fff;font-size:11px;box-shadow:0 12px 35px #17203355;opacity:0;pointer-events:none;transition:.18s ease}.account-toast.is-visible{opacity:1;transform:translateX(50%) translateY(0)}
.account-error{max-width:560px;margin:40px auto;padding:26px;border:1px solid #eadde0;border-radius:20px;background:var(--dz-surface);color:var(--dz-ink);text-align:center}.account-error h3{margin:0 0 6px}.account-error p{margin:0 0 16px;color:var(--dz-muted);font-size:11px}.account-error a{display:inline-flex;padding:9px 14px;border-radius:10px;background:var(--dz-accent);color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.dz-dark .retail-profile,.dz-dark .retail-current,.dz-dark .retail-group-list,.dz-dark button.retail-item{background:#151b24;border-color:#283342;color:#edf2f9}
.dz-dark .retail-profile-bottom,.dz-dark .retail-balance-toggle,.dz-dark .retail-balance-details{background:#111821;border-color:#263243}
.dz-dark .retail-person h3,.dz-dark .retail-item-copy strong,.dz-dark .retail-current strong{color:#eef3fa}.dz-dark .retail-group h3{color:#bdc8d8}
.dz-dark .retail-person small,.dz-dark .retail-person-phone,.dz-dark .retail-item-copy small,.dz-dark .retail-current small,.dz-dark .retail-phrase{color:#8e9bad}.dz-dark .retail-item+.retail-item{border-color:#26303d}
.dz-dark button.retail-trade{background:linear-gradient(115deg,#17243a,#151b24);border-color:#2c4264}.dz-dark .retail-trade strong{color:#dbe8ff}.dz-dark .retail-balance-label strong{color:#aebbd0}.dz-dark .retail-balance-number{color:#79a9ff}
.dz-dark .account-sheet{background:#151b24;color:#edf2f9;border-color:#2c3747}.dz-dark .account-sheet-head{background:#151b24;border-color:#283342}.dz-dark .account-sheet-close,.dz-dark .account-sheet-row,.dz-dark .account-inline-card{background:#111821;color:#dce6f4;border-color:#283342}.dz-dark .account-sheet-row small,.dz-dark .account-sheet-note{color:#9ba8ba}.dz-dark .account-sheet-note{background:#111821}.dz-dark .account-pin-input{background:#0f151e;border-color:#2b3747;color:#eef3fa}
@media(max-width:780px){.dz-account-shell{padding-top:0}.dz-account-page-head{margin:2px 0 14px}.dz-account-page-head h1{font-size:26px}.account-loading{grid-template-columns:1fr;gap:14px}.account-skeleton{height:330px}.account-skeleton:last-child{height:420px}.account-sheet-modal{place-items:end center;padding:10px}.account-sheet{width:100%;max-height:82dvh;border-radius:23px 23px 18px 18px;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.account-sheet-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.account-toast,.account-skeleton{animation:none;transition:none}}

/* Auth bottom sheet: preserves the current store page as visual context. */
.dz-auth-backdrop[hidden]{display:none!important}
.dz-auth-backdrop{
 position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;
 padding:0;background:transparent
}
.dz-auth-dim{
 position:absolute;inset:0;background:rgba(7,13,25,.48);
 -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)
}
.dz-auth-sheet{
 position:relative;z-index:1;width:min(100%,560px);max-height:92dvh;overflow:hidden;
 padding:9px 0 calc(8px + env(safe-area-inset-bottom,0px));
 border:1px solid color-mix(in srgb,var(--dz-line) 86%,transparent);
 border-bottom:0;border-radius:28px 28px 0 0;
 background:color-mix(in srgb,var(--dz-surface) 96%,transparent);
 box-shadow:0 -24px 70px rgba(0,0,0,.24);
 transform:translateY(16px);opacity:0;
 animation:dzAuthSheetIn .24s cubic-bezier(.2,.8,.2,1) forwards
}
.dz-auth-sheet-handle{width:42px;height:5px;margin:0 auto 8px;border-radius:999px;background:color-mix(in srgb,var(--dz-muted) 40%,transparent)}
.dz-auth-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 18px 9px}
.dz-auth-sheet-head>div{display:grid;gap:1px}
.dz-auth-sheet-head small{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--dz-muted)}
.dz-auth-sheet-head strong{font-size:15px;color:var(--dz-ink)}
.dz-auth-sheet-close{
 display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dz-line);border-radius:13px;
 background:var(--dz-elevated);color:var(--dz-ink);cursor:pointer
}
.dz-auth-sheet-close svg{width:18px;height:18px}
.dz-auth-sheet-open{overflow:hidden}
@keyframes dzAuthSheetIn{to{transform:translateY(0);opacity:1}}
@media(min-width:720px){
 .dz-auth-backdrop{padding:22px;align-items:flex-end}
 .dz-auth-sheet{border-bottom:1px solid var(--dz-line);border-radius:28px}
}
@media(prefers-reduced-motion:reduce){
 .dz-auth-sheet{animation:none;transform:none;opacity:1}
}

/* Retail account follows the storefront theme + accent tokens. */
body.dz-account-route[data-account-role=retail]{
  background:var(--dz-bg)!important;
  color:var(--dz-ink)!important;
  --ink:var(--dz-ink);
  --muted:var(--dz-muted);
}
body.dz-account-route[data-account-role=retail] .dz-account-page-head .dz-kicker{color:var(--dz-accent)}
body.dz-account-route[data-account-role=retail] .dz-account-kind{
  border-color:var(--dz-line);background:var(--dz-surface);color:var(--dz-muted)
}
body.dz-account-route[data-account-role=retail] .retail-profile{
  border-color:var(--dz-line);background:var(--dz-surface);
  box-shadow:0 15px 40px color-mix(in srgb,var(--dz-accent) 7%,transparent)
}
body.dz-account-route[data-account-role=retail] .retail-profile:before{
  background:linear-gradient(90deg,var(--dz-accent),color-mix(in srgb,var(--dz-accent) 72%,var(--dz-accent-2)),var(--dz-accent-2))
}
body.dz-account-route[data-account-role=retail] .retail-mini-mark{
  background:linear-gradient(140deg,var(--dz-accent),var(--dz-accent-2));color:#fff
}
body.dz-account-route[data-account-role=retail] .retail-avatar{
  background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface));
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-profile-bottom{
  border-color:var(--dz-line);
  background:color-mix(in srgb,var(--dz-accent) 2.5%,var(--dz-surface));
  color:var(--dz-muted)
}
body.dz-account-route[data-account-role=retail] .retail-profile-bottom strong,
body.dz-account-route[data-account-role=retail] .retail-balance-number,
body.dz-account-route[data-account-role=retail] .retail-phrase b{
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-current,
body.dz-account-route[data-account-role=retail] .retail-group-list,
body.dz-account-route[data-account-role=retail] button.retail-item{
  border-color:var(--dz-line);background:var(--dz-surface);color:var(--dz-ink)
}
body.dz-account-route[data-account-role=retail] .retail-current-icon,
body.dz-account-route[data-account-role=retail] .retail-trade-icon,
body.dz-account-route[data-account-role=retail] .retail-item-icon{
  background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-elevated));
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-current-status,
body.dz-account-route[data-account-role=retail] .retail-item-badge{
  background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-group h3,
body.dz-account-route[data-account-role=retail] .retail-item-copy strong,
body.dz-account-route[data-account-role=retail] .retail-current strong{
  color:var(--dz-ink)
}
body.dz-account-route[data-account-role=retail] .retail-person small,
body.dz-account-route[data-account-role=retail] .retail-person-phone,
body.dz-account-route[data-account-role=retail] .retail-item-copy small,
body.dz-account-route[data-account-role=retail] .retail-current small,
body.dz-account-route[data-account-role=retail] .retail-phrase{
  color:var(--dz-muted)
}
body.dz-account-route[data-account-role=retail] .retail-item+.retail-item{border-color:var(--dz-line)}
body.dz-account-route[data-account-role=retail] .retail-balance-toggle,
body.dz-account-route[data-account-role=retail] .retail-balance-details{
  border-color:var(--dz-line);
  background:color-mix(in srgb,var(--dz-accent) 3.5%,var(--dz-surface));
  color:var(--dz-ink)
}
body.dz-account-route[data-account-role=retail] .retail-balance-chevron{
  border-color:color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-fund-toggle{
  border-color:color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));
  color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] .retail-balance-toggle:focus-visible,
body.dz-account-route[data-account-role=retail] .retail-fund-toggle:focus-visible{
  outline-color:var(--dz-accent)
}
body.dz-account-route[data-account-role=retail] button.retail-trade{
  border-color:color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line));
  background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface)),var(--dz-surface))
}
body.dz-account-route[data-account-role=retail] .retail-trade strong{color:color-mix(in srgb,var(--dz-accent) 68%,var(--dz-ink))}
body.dz-account-route[data-account-role=retail] .retail-trade>span:last-child{color:color-mix(in srgb,var(--dz-accent) 52%,var(--dz-muted))}
body.dz-account-route .account-sheet{border-color:var(--dz-line);background:var(--dz-surface);color:var(--dz-ink)}
body.dz-account-route .account-sheet-head{border-color:var(--dz-line);background:var(--dz-surface)}
body.dz-account-route .account-sheet-head small{color:var(--dz-accent)}
body.dz-account-route .account-sheet-close,
body.dz-account-route .account-sheet-row,
body.dz-account-route .account-inline-card{
  border-color:var(--dz-line);background:var(--dz-elevated);color:var(--dz-ink)
}
body.dz-account-route .account-sheet-row small,
body.dz-account-route .account-sheet-note{color:var(--dz-muted)}
body.dz-account-route .account-sheet-note{background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-elevated))}
body.dz-account-route .account-sheet-actions button,
body.dz-account-route .account-sheet-actions a,
body.dz-account-route .account-action-button{
  border-color:color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-elevated));
  color:var(--dz-accent)
}
body.dz-account-route .account-sheet-actions .primary,
body.dz-account-route .account-action-button.primary{
  border-color:var(--dz-accent);background:var(--dz-accent);color:#fff
}
body.dz-account-route .account-device-revoke{
  border-color:var(--dz-line);background:var(--dz-elevated);color:var(--dz-muted)
}
body.dz-account-route .account-pin-input{
  border-color:var(--dz-line);background:var(--dz-elevated);color:var(--dz-ink)
}

.dz-auth-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:0 18px 10px}
.dz-auth-progress i{height:3px;border-radius:999px;background:color-mix(in srgb,var(--dz-muted) 20%,transparent);transition:background .2s ease,transform .2s ease}
.dz-auth-progress i.is-active{background:var(--dz-accent);transform:scaleY(1.25)}

/* Home wallet V2 */
.dzx-home-wallet-v2{isolation:isolate;min-height:185px;border-radius:25px;padding:20px 22px 14px;background:radial-gradient(circle at 9% 4%,color-mix(in srgb,var(--dz-accent) 13%,transparent),transparent 55%),linear-gradient(130deg,var(--dz-surface),var(--home-tint));box-shadow:0 15px 40px -32px color-mix(in srgb,var(--dz-accent) 45%,transparent);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.dzx-home-wallet-v2:hover{border-color:color-mix(in srgb,var(--dz-accent) 34%,var(--dz-line));box-shadow:0 20px 45px -31px color-mix(in srgb,var(--dz-accent) 47%,transparent)}
.dzx-home-wallet-v2 .dzx-home-balance-row{margin-top:16px}
.dzx-home-wallet-v2 .dzx-home-balance strong{font-size:clamp(28px,8vw,40px);font-weight:700;letter-spacing:-.045em}
.dzx-home-wallet-v2 .dzx-home-fund{border:1px solid color-mix(in srgb,var(--dz-accent) 70%,white);box-shadow:0 7px 18px -8px var(--dz-accent);text-decoration:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
.dzx-home-wallet-v2 .dzx-home-fund:hover,.dzx-home-wallet-v2 .dzx-home-fund:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 24px -9px var(--dz-accent)}
.dzx-home-wallet-v2 .dzx-home-fund:active{transform:scale(.96)}
.dzx-home-wallet-v2 .dzx-home-wallet-meta{margin-top:17px;padding-top:12px;min-height:34px;justify-content:space-between;font-size:11px}
.dzx-home-wallet-v2 .dzx-home-wallet-note{width:auto;display:inline-flex;align-items:center;gap:7px;color:var(--dz-accent);text-decoration:none;font-weight:600;white-space:nowrap}
.dzx-home-wallet-v2 .dzx-home-wallet-note svg{transition:transform .22s ease}
.dzx-home-wallet-v2 .dzx-home-wallet-note:hover svg{transform:translate(-2px,-2px)}
.dzx-home-wallet-v2 #home-wallet-caption.is-error{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dzx-home-wallet-v2[aria-busy="true"] #home-balance-value{opacity:.52}
@media(max-width:380px){.dzx-home-wallet-v2{padding:17px 16px 13px}.dzx-home-wallet-v2 .dzx-home-wallet-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dzx-home-wallet-v2,.dzx-home-wallet-v2 .dzx-home-fund,.dzx-home-wallet-v2 .dzx-home-wallet-note svg{transition:none}}

/* Shared auth flow mounted directly in the shop sheet (Ghaith-style, no iframe). */
.dz-auth-flow-host{padding:2px 18px 16px;max-height:min(72dvh,42rem);overflow:auto;overscroll-behavior:contain;color:var(--dz-ink)}
.dz-auth-flow-intro{margin:0 0 14px;color:var(--dz-muted);font-size:13px;line-height:1.75}
.dz-auth-flow-host .flow-step{display:grid;gap:11px}
.dz-auth-flow-host .flow-step[hidden]{display:none}
.dz-auth-flow-host .flow-step h2{margin:2px 0;font-size:18px;line-height:1.45}
.dz-auth-flow-host .flow-step>p,.dz-auth-flow-host .selected-number{margin:0;color:var(--dz-muted);font-size:13px;line-height:1.7}
.dz-auth-flow-host form{display:grid;gap:10px}
.dz-auth-flow-host label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--dz-ink)}
.dz-auth-flow-host input,.dz-auth-flow-host select{
 width:100%;min-height:50px;border:1px solid var(--dz-line);border-radius:15px;
 background:var(--dz-elevated);color:var(--dz-ink);font:inherit;padding:0 14px;outline:none
}
.dz-auth-flow-host input:focus-visible,.dz-auth-flow-host select:focus-visible,
.dz-auth-flow-host button:focus-visible{outline:3px solid color-mix(in srgb,var(--dz-accent) 35%,transparent);outline-offset:2px}
.dz-auth-flow-host button{
 min-height:48px;border:0;border-radius:15px;padding:0 15px;
 background:var(--dz-accent);color:#fff;font:inherit;font-weight:850;cursor:pointer
}
.dz-auth-flow-host button:disabled{opacity:.52;cursor:not-allowed}
.dz-auth-flow-host .method-list{display:grid;gap:9px}
.dz-auth-flow-host .method-button{
 min-height:64px;height:auto;display:grid;gap:2px;text-align:start;padding:12px 15px
}
.dz-auth-flow-host .method-button span{font-weight:900}
.dz-auth-flow-host .method-button small{font-size:11px;font-weight:600;opacity:.82}
.dz-auth-flow-host .method-button.secondary,.dz-auth-flow-host .secondary-button{
 background:var(--dz-elevated);color:var(--dz-ink);border:1px solid var(--dz-line)
}
.dz-auth-flow-host .text-button{
 min-height:44px;margin:0;background:transparent;color:var(--dz-accent);border:1px solid var(--dz-line)
}
.dz-auth-flow-host .gps-box{
 margin-top:4px;padding:13px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated)
}
.dz-auth-flow-host .gps-box p{margin:4px 0 9px;color:var(--dz-muted);font-size:12px;line-height:1.65}
.dz-auth-flow-host .inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dz-auth-flow-host .message{min-height:22px;margin:10px 0 0;font-size:12px;color:var(--dz-muted)}
.dz-auth-flow-host .message.error{color:#e85b65}
.dz-auth-flow-host #login-code{text-align:center;font-size:20px;font-weight:800;letter-spacing:.24em}
.dz-auth-sheet{max-height:92dvh;overflow:hidden}
@media(max-width:560px){
 .dz-auth-flow-host{padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));max-height:74dvh}
 .dz-auth-flow-host .inline-actions{grid-template-columns:1fr}
 .dz-auth-sheet{border-radius:24px 24px 0 0}
}

/* Flexi V2: responsive layout and stable tap targets */
.dz-flexi-reference{gap:24px}
.dz-flexi-reference .dz-flexi-panel{min-width:0}
.dz-flexi-reference .dz-flexi-panel-head{flex-wrap:wrap}
.dz-flexi-reference .dz-flexi-number-box{height:76px}
.dz-flexi-reference .dz-flexi-number-box input{font-variant-numeric:tabular-nums;letter-spacing:.02em!important}
.dz-flexi-reference .dz-flexi-service-tabs button{min-height:42px}
.dz-flexi-reference .dz-flexi-service-tabs.is-locked button:not(.is-active){opacity:1!important;filter:none}
.dz-flexi-reference .dz-flexi-history-tools button{min-width:40px;min-height:40px}
@media(max-width:420px){
 .dz-flexi-reference{gap:20px}
 .dz-flexi-reference .dz-flexi-panel{padding:14px!important}
 .dz-flexi-reference .dz-flexi-number-box{height:72px!important}
 .dz-flexi-reference .dz-flexi-number-box input{font-size:clamp(1.1rem,5.6vw,1.55rem)!important}
 .dz-flexi-reference .dz-flexi-service-tabs{width:100%;justify-content:stretch}
 .dz-flexi-reference .dz-flexi-service-tabs button{flex:1;min-width:0;padding:0 5px}
}
@media(prefers-reduced-motion:reduce){.dz-flexi-reference *{scroll-behavior:auto!important}}

/* Flexi input and options: one authoritative final layer */
.dz-flexi-reference .dz-flexi-number-box{
 position:relative!important;display:block!important;height:78px!important;
 padding:0!important;overflow:hidden!important;
}
.dz-flexi-reference .dz-flexi-number-box input{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 padding:0 48px!important;box-sizing:border-box!important;
 text-align:center!important;direction:ltr!important;z-index:1!important;
 font-size:clamp(1.25rem,5.2vw,1.85rem)!important;letter-spacing:.025em!important;
}
.dz-flexi-reference .dz-flexi-number-box #flexi-clear,
.dz-flexi-reference .dz-flexi-number-box #flexi-line-mark{
 position:absolute!important;top:50%!important;bottom:auto!important;
 transform:translateY(-50%)!important;z-index:2!important;
 width:38px!important;height:44px!important;margin:0!important;
}
.dz-flexi-reference .dz-flexi-number-box #flexi-clear{left:6px!important}
.dz-flexi-reference .dz-flexi-number-box #flexi-line-mark{right:6px!important;pointer-events:none}
.dz-flexi-reference .dz-flexi-amount-display input{
 padding:0 15px!important;text-align:center!important;direction:ltr!important;
 caret-color:var(--dz-accent);touch-action:manipulation;
}
.dz-flexi-reference .dz-flexi-amount-display>span{inset-inline-start:16px;pointer-events:none}
.dz-flexi-panel-tools #flexi-discounts-open{font-size:1.18rem;font-weight:850;color:var(--dz-accent)}
.dz-flexi-history-pricing{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;padding-top:10px;
  border-top:1px solid var(--dz-line)
}
.dz-flexi-history-pricing>div{
  min-width:0;display:grid;gap:3px;align-content:center;padding:8px 6px;border-radius:11px;
  background:var(--dz-elevated);text-align:center
}
.dz-flexi-history-pricing>div>span{font-size:.58rem;color:var(--dz-muted);white-space:nowrap}
.dz-flexi-history-pricing>div>strong{font-size:.76rem;font-weight:900;white-space:nowrap}
.dz-flexi-history-pricing .is-amount strong{color:var(--dz-ink)}
.dz-flexi-history-pricing .is-deduction strong{color:#c83243}
.dz-flexi-history-pricing .is-profit{
  background:color-mix(in srgb,#16a36f 12%,var(--dz-elevated));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#16a36f 22%,transparent)
}
.dz-flexi-discounts-dialog{width:min(92vw,430px);max-height:min(78dvh,640px);margin:auto;padding:0;border:0;border-radius:24px;background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 24px 70px #0005}
.dz-flexi-discounts-dialog::backdrop{background:#07142891;backdrop-filter:blur(4px)}
.dz-flexi-discounts-card{position:relative;padding:26px 22px 22px;text-align:right}
.dz-flexi-discounts-card>button{position:absolute;left:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--dz-elevated);color:var(--dz-ink);font-size:1.5rem}
.dz-flexi-discounts-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 14%,var(--dz-surface));color:var(--dz-accent);font-size:1.4rem}
.dz-flexi-discounts-card h2{margin:13px 0;font-size:1.22rem}
.dz-flexi-discounts-card p{font-size:.82rem;line-height:1.8}
.dz-flexi-discounts-tier{font-weight:850;color:var(--dz-accent)}
.dz-flexi-discounts-card small{display:block;line-height:1.8;color:var(--dz-muted)}
.dz-flexi-discounts-progress{height:9px;margin:15px 0;border-radius:99px;background:var(--dz-elevated);overflow:hidden}
.dz-flexi-discounts-progress span{display:block;width:0;height:100%;border-radius:99px;background:var(--dz-accent);transition:width .35s ease}
@keyframes flexiProgress{to{transform:translateX(-70%)}}
.dz-flexi-discounts-card>a{display:block;margin-top:20px;padding:13px;border-radius:13px;background:var(--dz-accent);color:white;text-align:center;text-decoration:none;font-weight:800}
@media(prefers-reduced-motion:reduce){.dz-flexi-discounts-progress span{animation:none}}

.dz-flexi-custom-name-setting{display:grid;gap:9px;padding:14px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);font-size:.78rem}
.dz-flexi-custom-name-setting>label:first-child{font-weight:800}
.dz-flexi-custom-name-setting>input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-ink);font:inherit}
.dz-flexi-remember-name{display:flex;align-items:center;gap:8px;font-size:.74rem}
.dz-flexi-custom-name-setting small{color:var(--dz-muted)}

.dz-flexi-history-pricing .is-profit strong{color:#16845e}
.dz-flexi-mobile-mode-tabs button[hidden]{display:none!important}

.dz-flexi-personalized-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:4px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-flexi-personalized-groups[hidden]{display:none!important}
.dz-flexi-personalized-groups button{min-height:38px;padding:5px 12px;border:0;border-radius:11px;background:transparent;color:var(--dz-muted);font:inherit;font-size:.73rem;font-weight:750}
.dz-flexi-personalized-groups button.is-active{background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 1px 5px #00000012}


/* 2026-10-08 trader-first Flexi workflow preferences. */
.dz-flexi-title>div{min-width:0}
#flexi-title-name{display:block;max-width:min(48vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-flexi-last-amount-suggestion{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 11px;
  border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 22%,var(--dz-line));border-radius:14px;
  background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 6%,var(--dz-elevated));
}
.dz-flexi-last-amount-suggestion[hidden]{display:none!important}
.dz-flexi-last-amount-suggestion>span{display:grid;gap:2px;min-width:0}
.dz-flexi-last-amount-suggestion small{font-size:.59rem;color:var(--dz-muted)}
.dz-flexi-last-amount-suggestion strong{font-size:.82rem;color:var(--dz-ink)}
.dz-flexi-last-amount-suggestion button{
  flex:none;min-height:34px;padding:0 11px;border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 36%,var(--dz-line));
  border-radius:10px;background:var(--dz-surface);color:var(--flexi-network,var(--dz-accent));font-size:.63rem;font-weight:850;
}
.dz-flexi-trader-settings{
  border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);overflow:hidden;
}
.dz-flexi-trader-settings-toggle{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:11px 10px;border:0;background:transparent;color:var(--dz-ink);text-align:right;
}
.dz-flexi-trader-settings-toggle>span:nth-child(2){display:grid;gap:2px;min-width:0}
.dz-flexi-trader-settings-toggle strong{font-size:.77rem}
.dz-flexi-trader-settings-toggle small{font-size:.63rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-trader-chevron{font-size:1.05rem;color:var(--dz-muted);transition:transform .18s ease}
.dz-flexi-trader-settings-toggle[aria-expanded="true"] .dz-flexi-trader-chevron{transform:rotate(180deg)}
.dz-flexi-trader-settings-panel{display:grid;gap:7px;padding:0 8px 8px;border-top:1px solid var(--dz-line)}
.dz-flexi-trader-settings-panel[hidden]{display:none!important}
.dz-flexi-workflow-field{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:7px;padding:9px 10px;
  border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-ink);
}
.dz-flexi-workflow-field>span{display:grid;gap:2px;min-width:0}
.dz-flexi-workflow-field strong{font-size:.72rem}
.dz-flexi-workflow-field small{font-size:.59rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-workflow-field select,.dz-flexi-workflow-field input{
  min-height:38px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-elevated);color:var(--dz-ink);
  font:inherit;font-size:.68rem;font-weight:800;padding:0 9px;outline:0;
}
.dz-flexi-workflow-field select:focus,.dz-flexi-workflow-field input:focus{border-color:var(--flexi-network,var(--dz-accent))}
.dz-flexi-workflow-field select:disabled,.dz-flexi-workflow-field input:disabled{opacity:.45}
.dz-flexi-workflow-field>div{display:flex;align-items:center;gap:6px}
.dz-flexi-workflow-field input{width:94px;text-align:center}
.dz-flexi-workflow-field>div>b{font-size:.65rem;color:var(--dz-muted)}
.dz-flexi-reference.is-shop-mode .dz-flexi-history-pricing{display:none!important}
.dz-flexi-reference.is-shop-mode #flexi-discounts-open{display:none!important}
@media(max-width:380px){
  #flexi-title-name{max-width:42vw}
  .dz-flexi-workflow-field{grid-template-columns:1fr}
  .dz-flexi-workflow-field select,.dz-flexi-workflow-field>div{width:100%}
  .dz-flexi-workflow-field input{width:100%}
}

/* 2026-10-08 compact network-colored Flexi history rows. */
.dz-flexi-history-card{--tx-accent:var(--dz-accent);position:relative;overflow:hidden}
.dz-flexi-history-card.is-just-accepted{outline:2px solid color-mix(in srgb,var(--tx-accent) 55%,transparent);outline-offset:2px;box-shadow:0 7px 24px color-mix(in srgb,var(--tx-accent) 13%,transparent);scroll-margin-block:110px}
.dz-flexi-history-card.is-network-mobilis{--tx-accent:#16a34a;background:linear-gradient(90deg,color-mix(in srgb,#16a34a 4%,var(--dz-surface)),var(--dz-surface) 32%)}
.dz-flexi-history-card.is-network-ooredoo{--tx-accent:#e11d48;background:linear-gradient(90deg,color-mix(in srgb,#e11d48 4%,var(--dz-surface)),var(--dz-surface) 32%)}
.dz-flexi-history-card.is-network-djezzy{--tx-accent:#dc2626;background:linear-gradient(90deg,color-mix(in srgb,#dc2626 4%,var(--dz-surface)),var(--dz-surface) 32%)}
.dz-flexi-history-card.is-network-4g{--tx-accent:#2563eb;background:linear-gradient(90deg,color-mix(in srgb,#2563eb 4%,var(--dz-surface)),var(--dz-surface) 32%)}
.dz-flexi-history-card.is-network-adsl{--tx-accent:#7c3aed;background:linear-gradient(90deg,color-mix(in srgb,#7c3aed 4%,var(--dz-surface)),var(--dz-surface) 32%)}
.dz-flexi-history-card::after{content:"";position:absolute;inset-block:13px;inset-inline-start:0;width:3px;border-radius:99px;background:var(--tx-accent);opacity:.72}
.dz-flexi-history-logo{border:1px solid color-mix(in srgb,var(--tx-accent) 22%,var(--dz-line));box-shadow:0 3px 10px color-mix(in srgb,var(--tx-accent) 10%,transparent)}
.dz-flexi-history-logo img{width:100%;height:100%;object-fit:contain}
.dz-flexi-history-logo svg{width:21px;height:21px;color:var(--tx-accent)}
.dz-flexi-history-card .dz-flexi-plan{background:color-mix(in srgb,var(--tx-accent) 10%,var(--dz-elevated));color:var(--tx-accent)}
.dz-flexi-history-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:8px;padding-top:8px}
.dz-flexi-history-summary .dz-flexi-plan{flex:0 1 auto;max-width:38%;padding:4px 7px;font-size:.61rem}
.dz-flexi-history-single-amount{font-size:.72rem!important;white-space:nowrap}
.dz-flexi-history-summary .dz-flexi-history-pricing{
  flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;border:0;min-width:0
}
.dz-flexi-history-summary .dz-flexi-history-pricing>div{
  min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 5px;border-radius:8px;background:transparent;text-align:center
}
.dz-flexi-history-summary .dz-flexi-history-pricing>div>span{font-size:.49rem;line-height:1;color:var(--dz-muted);white-space:nowrap}
.dz-flexi-history-summary .dz-flexi-history-pricing>div>strong{font-size:.61rem;line-height:1.1;font-weight:900;white-space:nowrap}
.dz-flexi-history-summary .dz-flexi-history-pricing .is-amount strong{color:var(--dz-ink)}
.dz-flexi-history-summary .dz-flexi-history-pricing .is-deduction strong{color:#c83243}
.dz-flexi-history-summary .dz-flexi-history-pricing .is-profit{
  background:color-mix(in srgb,#16a36f 13%,var(--dz-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,#16a36f 20%,transparent)
}
.dz-flexi-history-summary .dz-flexi-history-pricing .is-profit strong{color:#16845e}
@media(max-width:380px){
  .dz-flexi-history-summary{gap:5px}
  .dz-flexi-history-summary .dz-flexi-plan{max-width:32%;padding-inline:6px;font-size:.56rem}
  .dz-flexi-history-summary .dz-flexi-history-pricing{gap:2px}
  .dz-flexi-history-summary .dz-flexi-history-pricing>div{gap:2px;padding-inline:3px}
  .dz-flexi-history-summary .dz-flexi-history-pricing>div>span{font-size:.44rem}
  .dz-flexi-history-summary .dz-flexi-history-pricing>div>strong{font-size:.56rem}
}

/* 2026-10-08 Flexi transaction details sheet. */
.dz-flexi-history-card[role="button"]{cursor:pointer;outline:none}
.dz-flexi-history-card[role="button"]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--tx-accent,var(--dz-accent)) 20%,transparent)}
.dz-flexi-plan{border:0;cursor:pointer;font:inherit}
.dz-flexi-plan.is-copied{background:color-mix(in srgb,#16a36f 14%,var(--dz-elevated));color:#16845e}
.dz-flexi-transaction-dialog{
  width:min(94vw,460px);max-height:min(82dvh,690px);margin:auto;padding:0;border:0;background:transparent;color:var(--dz-ink)
}
.dz-flexi-transaction-dialog::backdrop{background:#0714288f;backdrop-filter:blur(5px)}
.dz-flexi-transaction-sheet{
  padding:18px;border:1px solid var(--dz-line);border-radius:24px;background:var(--dz-surface);box-shadow:0 24px 70px #0005
}
.dz-flexi-transaction-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.dz-flexi-transaction-head small{font-size:.63rem;color:var(--dz-muted)}
.dz-flexi-transaction-head h2{margin:2px 0 0;font-size:1.05rem}
.dz-flexi-transaction-head>button{width:38px;height:38px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-elevated);color:var(--dz-ink);font-size:1.35rem}
.dz-flexi-transaction-content{display:grid;gap:10px}
.dz-flexi-transaction-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:15px;background:var(--dz-elevated)}
.dz-flexi-transaction-hero>strong{font-size:1.15rem;font-weight:950}
.dz-flexi-transaction-copy{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;
  border:1px dashed color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line));border-radius:13px;background:transparent;color:var(--dz-ink);text-align:right
}
.dz-flexi-transaction-copy>span{font-size:.63rem;color:var(--dz-muted)}
.dz-flexi-transaction-copy>strong{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-elevated));color:var(--dz-accent);font-size:.68rem}
.dz-flexi-transaction-copy>strong.is-copied{background:color-mix(in srgb,#16a36f 14%,var(--dz-elevated));color:#16845e}
.dz-flexi-transaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dz-flexi-transaction-row{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-elevated)}
.dz-flexi-transaction-row>span{font-size:.59rem;color:var(--dz-muted)}
.dz-flexi-transaction-row>strong{font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}
.dz-flexi-transaction-row.is-deduction>strong{color:#c83243}
.dz-flexi-transaction-row.is-profit{background:color-mix(in srgb,#16a36f 10%,var(--dz-elevated));border-color:color-mix(in srgb,#16a36f 20%,var(--dz-line))}
.dz-flexi-transaction-row.is-profit>strong{color:#16845e}
@media(max-width:480px){
  .dz-flexi-transaction-dialog{width:calc(100% - 16px);margin:auto auto 8px;max-height:88dvh}
  .dz-flexi-transaction-sheet{border-radius:23px;padding:17px 14px calc(14px + env(safe-area-inset-bottom))}
}

/* 2026-10-08 shop-mode keyboard help + transaction sheet polish. */
.dz-flexi-shop-shortcuts{
  display:grid;gap:10px;margin-top:7px;padding:11px;border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 18%,var(--dz-line));
  border-radius:13px;background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 5%,var(--dz-surface))
}
.dz-flexi-shop-shortcuts[hidden]{display:none!important}
.dz-flexi-shop-shortcuts-head{display:grid;gap:2px}
.dz-flexi-shop-shortcuts-head strong{font-size:.72rem}
.dz-flexi-shop-shortcuts-head small{font-size:.58rem;color:var(--dz-muted)}
.dz-flexi-shop-shortcuts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.dz-flexi-shop-shortcuts-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:10px;background:var(--dz-elevated)}
.dz-flexi-shop-shortcuts-grid kbd{
  min-width:38px;padding:4px 7px;border:1px solid var(--dz-line);border-bottom-width:2px;border-radius:7px;
  background:var(--dz-surface);color:var(--dz-ink);font:700 .58rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;direction:ltr
}
.dz-flexi-shop-shortcuts-grid span{font-size:.58rem;line-height:1.35;color:var(--dz-muted)}
.dz-flexi-shop-shortcuts-note{font-size:.56rem;line-height:1.5;color:var(--dz-muted)}
@media(max-width:390px){.dz-flexi-shop-shortcuts-grid{grid-template-columns:1fr}}

.dz-flexi-transaction-dialog{--tx-detail-accent:var(--dz-accent)}
.dz-flexi-transaction-dialog.is-network-mobilis{--tx-detail-accent:#16a34a}
.dz-flexi-transaction-dialog.is-network-ooredoo{--tx-detail-accent:#e11d48}
.dz-flexi-transaction-dialog.is-network-djezzy{--tx-detail-accent:#dc2626}
.dz-flexi-transaction-dialog.is-network-4g{--tx-detail-accent:#2563eb}
.dz-flexi-transaction-dialog.is-network-adsl{--tx-detail-accent:#7c3aed}
.dz-flexi-transaction-dialog .dz-flexi-transaction-sheet{position:relative;overflow:hidden}
.dz-flexi-transaction-dialog .dz-flexi-transaction-sheet::before{
  content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--tx-detail-accent)
}
.dz-flexi-transaction-dialog .dz-flexi-transaction-head h2{color:var(--tx-detail-accent)}
.dz-flexi-transaction-dialog .dz-flexi-transaction-hero{
  background:linear-gradient(135deg,color-mix(in srgb,var(--tx-detail-accent) 9%,var(--dz-elevated)),var(--dz-elevated));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tx-detail-accent) 14%,transparent)
}
.dz-flexi-transaction-dialog .dz-flexi-transaction-copy{
  border-color:color-mix(in srgb,var(--tx-detail-accent) 28%,var(--dz-line))
}
.dz-flexi-transaction-dialog .dz-flexi-transaction-copy>strong{
  background:color-mix(in srgb,var(--tx-detail-accent) 9%,var(--dz-elevated));color:var(--tx-detail-accent)
}
.dz-flexi-shop-shortcuts.is-disabled{opacity:.72}
.dz-flexi-shop-shortcuts.is-disabled .dz-flexi-shop-shortcuts-grid{filter:saturate(.45)}
.dz-flexi-shop-shortcuts.is-disabled .dz-flexi-shop-shortcuts-note{color:#b7791f}

/* 2026-10-08 trader operations center: shift, search, filters, duplicate guard, timeline. */
.dz-flexi-shift-strip{
  display:grid;gap:10px;padding:12px;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface)
}
.dz-flexi-shift-strip[hidden]{display:none!important}
.dz-flexi-shift-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dz-flexi-shift-head strong{font-size:.78rem}
.dz-flexi-shift-head span{font-size:.58rem;color:var(--dz-muted)}
.dz-flexi-shift-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.dz-flexi-shift-metrics>div{display:grid;gap:3px;padding:8px 6px;border-radius:11px;background:var(--dz-elevated);text-align:center}
.dz-flexi-shift-metrics small{font-size:.51rem;color:var(--dz-muted);white-space:nowrap}
.dz-flexi-shift-metrics strong{font-size:.72rem;font-weight:900;white-space:nowrap}
.dz-flexi-shift-metrics .is-success strong{color:#16845e}
.dz-flexi-shift-metrics .is-processing strong{color:#3478d8}
.dz-flexi-shift-metrics .is-failed strong{color:#c83243}
.dz-flexi-shift-metrics .is-profit{background:color-mix(in srgb,#16a36f 10%,var(--dz-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,#16a36f 18%,transparent)}
.dz-flexi-shift-metrics .is-profit strong{color:#16845e}

.dz-flexi-ops-center{display:grid;gap:8px;padding:10px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-surface)}
.dz-flexi-history-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 11px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-elevated)}
.dz-flexi-history-search:focus-within{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 10%,transparent)}
.dz-flexi-history-search svg{width:17px;height:17px;flex:none;color:var(--dz-muted)}
.dz-flexi-history-search input{width:100%;border:0;outline:0;background:transparent;color:var(--dz-ink);font:inherit;font-size:.7rem}
.dz-flexi-history-search input::placeholder{color:var(--dz-muted)}
.dz-flexi-history-filters{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.dz-flexi-history-filters::-webkit-scrollbar{display:none}
.dz-flexi-history-filters button{flex:none;min-height:32px;padding:0 10px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-muted);font:inherit;font-size:.6rem;font-weight:800}
.dz-flexi-history-filters button.is-active{border-color:color-mix(in srgb,var(--dz-accent) 36%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-elevated));color:var(--dz-accent)}
.dz-flexi-history-filters select{flex:none;min-height:32px;padding:0 28px 0 10px;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.6rem;font-weight:800;outline:0}
.dz-flexi-history-filters select:focus{border-color:color-mix(in srgb,var(--dz-accent) 36%,var(--dz-line))}
.dz-flexi-history-filter-foot{display:flex;align-items:center;justify-content:flex-end;min-height:18px}
.dz-flexi-history-filter-foot>span{font-size:.58rem;color:var(--dz-muted);font-weight:750}

.dz-flexi-duplicate-warning{border-color:color-mix(in srgb,#f59e0b 26%,var(--dz-line))!important;background:color-mix(in srgb,#f59e0b 8%,var(--dz-surface))!important}

.dz-flexi-transaction-timeline{display:grid;gap:0;padding:12px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-elevated)}
.dz-flexi-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.dz-flexi-timeline-head strong{font-size:.7rem}
.dz-flexi-timeline-head span{font-size:.58rem;color:var(--tx-detail-accent,var(--dz-accent));font-weight:850}
.dz-flexi-timeline-step{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;min-height:42px}
.dz-flexi-timeline-step:not(:last-of-type)::after{content:"";position:absolute;right:7px;top:16px;bottom:-2px;width:1px;background:var(--dz-line)}
.dz-flexi-timeline-step>i{position:relative;z-index:1;width:10px;height:10px;margin:4px 2px 0;border:2px solid var(--dz-line);border-radius:50%;background:var(--dz-surface)}
.dz-flexi-timeline-step>span{display:grid;align-content:start;gap:2px}
.dz-flexi-timeline-step strong{font-size:.65rem;font-weight:820}
.dz-flexi-timeline-step small{font-size:.54rem;color:var(--dz-muted)}
.dz-flexi-timeline-step.is-done>i{border-color:var(--tx-detail-accent,var(--dz-accent));background:var(--tx-detail-accent,var(--dz-accent))}
.dz-flexi-timeline-step.is-terminal>i{border-color:#16845e;background:#16845e;box-shadow:0 0 0 3px color-mix(in srgb,#16a36f 12%,transparent)}
.dz-flexi-timeline-step.is-current>i{border-color:#3478d8;background:#3478d8;box-shadow:0 0 0 3px color-mix(in srgb,#3478d8 12%,transparent)}
.dz-flexi-timeline-step.is-waiting{opacity:.55}
.dz-flexi-timeline-reconcile{margin-top:3px;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,#3478d8 8%,var(--dz-surface));color:#3478d8;font-size:.56rem;line-height:1.45}

@media(max-width:430px){
  .dz-flexi-shift-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dz-flexi-shift-metrics>div:nth-child(4),.dz-flexi-shift-metrics>div:nth-child(5){grid-column:auto}
}

/* Bills v2 — provider-aware, mobile-first */
.dz-bills-flow{width:min(100%,720px);margin-inline:auto}
.dz-bills-flow .dz-bills-shell{padding:15px;border-radius:22px;overflow:hidden}
.dz-bills-flow .dz-bills-head{align-items:center}
.dz-bills-flow .dz-bills-head h1{margin:4px 0 2px;font-size:22px;letter-spacing:-.02em}
.dz-bills-flow .dz-bills-head .dz-kicker{color:var(--dz-accent);font-size:10px;font-weight:900}
.dz-bills-flow .dz-bills-head p{max-width:330px;font-size:10.5px;line-height:1.65}
.dz-bills-safety{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 4px;padding:9px 10px;border:1px solid var(--dz-line);border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-bg));color:var(--dz-muted);font-size:9px;font-weight:800}
.dz-bills-safety span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.dz-bills-safety b{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-elevated));color:var(--dz-accent);font-size:9px}
.dz-bills-safety i{width:16px;height:1px;background:var(--dz-line)}
.dz-billers-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.dz-biller-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-areas:'icon copy' 'state state';align-items:center;gap:7px 9px;min-height:94px;padding:11px;border-radius:17px;background:color-mix(in srgb,var(--dz-elevated) 94%,var(--dz-bg));overflow:hidden}
.dz-biller-card::after{content:'';position:absolute;inset-inline-end:-18px;bottom:-24px;width:62px;height:62px;border-radius:50%;background:color-mix(in srgb,var(--dz-accent) 7%,transparent);pointer-events:none}
.dz-biller-icon{grid-area:icon;width:42px;height:42px;border-radius:13px;font-size:10px;font-weight:950;letter-spacing:-.03em;direction:ltr}
.dz-biller-copy{grid-area:copy;gap:2px;align-self:center}
.dz-biller-copy b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-biller-copy small{font-size:9px}
.dz-biller-state{grid-area:state;justify-self:start;display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border:1px solid var(--dz-line);border-radius:999px;font-size:8.5px;font-weight:850;color:var(--dz-muted);background:var(--dz-bg)}
.dz-biller-state.is-on{color:#059669;border-color:color-mix(in srgb,#10b981 32%,var(--dz-line));background:color-mix(in srgb,#10b981 8%,var(--dz-bg))}
.dz-biller-state.is-soon{color:var(--dz-accent);border-color:color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-bg))}
.dz-biller-state.is-off{color:#dc2626;border-color:color-mix(in srgb,#ef4444 28%,var(--dz-line));background:color-mix(in srgb,#ef4444 6%,var(--dz-bg))}
.dz-bill-form{display:grid;gap:10px;margin-top:13px}
.dz-bill-selected{min-height:64px;padding:10px 11px;border-radius:16px}
.dz-bill-selected-copy{display:flex!important;align-items:center;gap:9px;min-width:0}
.dz-bill-selected-copy>span:last-child{display:grid;gap:2px;min-width:0}
.dz-bill-selected-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-bg));color:var(--dz-accent);font-size:9px;font-weight:950;direction:ltr}
.dz-bill-change{flex:none;padding:7px 9px!important;border:1px solid var(--dz-line)!important;border-radius:10px!important;background:var(--dz-bg)!important;font-size:9px!important}
.dz-bill-guide{display:grid;gap:3px;padding:10px 11px;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-bg));border:1px solid color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line))}
.dz-bill-guide strong{font-size:10px}
.dz-bill-guide p{margin:0;color:var(--dz-muted);font-size:9.5px;line-height:1.65}
.dz-bill-field{margin-top:0;gap:5px}
.dz-bill-field-title{color:var(--dz-ink)!important;font-size:10px!important}
.dz-bill-field input{min-height:52px;padding-inline:14px;border:1px solid var(--dz-line);background:var(--dz-bg);color:var(--dz-ink);font-size:15px;font-weight:750;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.dz-bill-field input:focus{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 9%,transparent)}
.dz-bill-field-hint{color:var(--dz-muted);font-size:8.5px;padding-inline:2px}
.dz-bill-query-note{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,#10b981 7%,var(--dz-bg));color:var(--dz-muted)}
.dz-bill-query-note span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,#10b981 14%,transparent);color:#059669;font-size:10px;font-weight:900}
.dz-bill-query-note p{margin:0;font-size:9px;line-height:1.5}
.dz-bill-discover{min-height:50px;margin-top:0;border-radius:15px}
.dz-bill-discover:disabled{background:color-mix(in srgb,var(--dz-muted) 18%,var(--dz-elevated));color:var(--dz-muted);box-shadow:none;cursor:not-allowed}
.dz-bill-results{padding:11px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-bg)}
.dz-bill-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 4px}
.dz-bill-results-head strong{font-size:11px;color:var(--dz-ink)}
.dz-bill-results-head span{font-size:9px;color:var(--dz-muted)}
.dz-bill-result{min-height:68px;padding:10px 4px;border-width:0 0 1px;border-radius:0;background:transparent}
.dz-bill-result:last-of-type{border-bottom:0}
.dz-bill-result.is-active{border-color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 5%,transparent);border-radius:12px;padding-inline:8px}
.dz-bill-result-money{display:grid;gap:2px;justify-items:end;white-space:nowrap}
.dz-bill-result-money strong{font-size:12px}
.dz-bill-result-money small{font-size:8px;color:var(--dz-muted)}
.dz-bill-results-note{margin:7px 0 0;color:var(--dz-muted);font-size:8.5px;line-height:1.55}
.dz-bill-refresh{width:100%;min-height:40px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-elevated);color:var(--dz-accent);font-weight:850;font-size:10px}
.dz-bill-review{margin-top:10px;padding:14px;border-radius:20px}
@media(max-width:360px){.dz-billers-list{grid-template-columns:1fr}.dz-biller-card{min-height:76px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:'icon copy state'}.dz-biller-state{align-self:center}.dz-bills-safety{gap:4px}.dz-bills-safety i{width:8px}}

/* Auth sheet parity with /ar/login */
.dz-auth-flow-host .selected-number{
 display:flex;align-items:center;justify-content:flex-start;gap:4px;
 padding:8px 11px;border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-elevated));
 color:var(--dz-ink)!important;font-size:11px
}
.dz-auth-flow-host .selected-number b{font-size:12px;font-weight:800;letter-spacing:.01em}
.dz-auth-flow-host .method-list{display:grid;gap:8px}
.dz-auth-flow-host .method-button{
 min-height:64px;height:auto;display:grid;grid-template-columns:40px minmax(0,1fr);
 align-items:center;gap:11px;text-align:right;padding:11px 13px
}
.dz-auth-flow-host .method-icon{
 width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px;
 display:grid;place-items:center;background:color-mix(in srgb,#fff 14%,transparent);color:currentColor
}
.dz-auth-flow-host .method-icon svg{width:20px;height:20px}
.dz-auth-flow-host .method-copy{display:grid;gap:2px;min-width:0}
.dz-auth-flow-host .method-copy strong{font-size:13px;font-weight:850}
.dz-auth-flow-host .method-copy small{font-size:10.5px;font-weight:500;opacity:.86;line-height:1.55}
.dz-auth-flow-host .method-button.secondary{
 background:color-mix(in srgb,var(--dz-elevated) 90%,var(--dz-surface));
 border:1px solid color-mix(in srgb,var(--dz-line) 82%,var(--dz-ink));
 color:var(--dz-ink);box-shadow:0 4px 14px -12px rgba(20,30,50,.28)
}
.dz-auth-flow-host .method-button.secondary .method-icon{
 background:var(--dz-surface);border:1px solid var(--dz-line);color:#229ed9
}
.dz-auth-flow-host .method-icon-sms{position:relative}
.dz-auth-flow-host .method-icon-sms::before{
 content:"";width:19px;height:14px;border:2px solid currentColor;border-radius:4px;display:block
}
.dz-auth-flow-host .method-icon-sms::after{
 content:"";position:absolute;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
 transform:rotate(45deg);top:8px;left:13px
}
.dz-auth-flow-host .change-phone-button{
 min-height:auto;width:max-content;padding:4px 2px;border:0;border-radius:0;
 background:transparent;color:var(--dz-accent);font-size:11px;font-weight:800;justify-self:start;
 margin-top:-2px;margin-bottom:-3px
}
.dz-auth-flow-host .change-phone-button:hover{background:transparent;text-decoration:underline}

/* Compact OTP */
.dz-auth-flow-host .otp-head{
 display:flex;align-items:baseline;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin-bottom:2px
}
.dz-auth-flow-host .otp-head p{margin:0;color:var(--dz-muted)}
.dz-auth-flow-host .otp-head strong{font-size:12.5px;font-weight:800;color:var(--dz-ink);letter-spacing:.02em}
.dz-auth-flow-host .otp-input-shell{
 position:relative;width:100%;height:52px;max-width:470px;margin-inline:auto
}
.dz-auth-flow-host .otp-cells{
 display:grid;grid-template-columns:repeat(6,1fr);gap:9px;width:100%;height:100%;max-width:470px;margin-inline:auto
}
.dz-auth-flow-host .otp-cells span{
 display:grid;place-items:center;border:1px solid var(--dz-line);border-radius:13px;
 background:var(--dz-elevated);font-size:18px;font-weight:800;color:var(--dz-ink);
 transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease
}
.dz-auth-flow-host .otp-cells span.is-filled{
 background:var(--dz-surface);border-color:color-mix(in srgb,var(--dz-accent) 40%,var(--dz-line))
}
.dz-auth-flow-host .otp-cells span.is-current{
 border-color:var(--dz-accent);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 12%,transparent);
 transform:translateY(-1px)
}
.dz-auth-flow-host .otp-input-shell.is-complete .otp-cells span{
 border-color:color-mix(in srgb,var(--dz-accent) 62%,var(--dz-line))
}
.dz-auth-flow-host .otp-input-shell.is-error .otp-cells span{
 border-color:#cf4f5a;
 background:color-mix(in srgb,#cf4f5a 11%,var(--dz-surface));
 box-shadow:0 0 0 1px color-mix(in srgb,#cf4f5a 12%,transparent)
}
.dz-auth-flow-host .otp-real-input{
 position:absolute;inset:0;width:100%;height:100%;opacity:.01;z-index:2;
 padding:0;border:0!important;background:transparent!important;color:transparent!important;
 caret-color:transparent;box-shadow:none!important;font-size:16px
}
.dz-auth-flow-host .otp-actions{display:grid;gap:8px}
.dz-auth-flow-host .otp-resend{
 min-height:38px;border:0;background:transparent;color:var(--dz-accent);
 font-size:11px;font-weight:800;padding:2px 0
}
.dz-auth-flow-host .otp-resend:hover:not(:disabled){box-shadow:none;background:transparent;text-decoration:underline}
.dz-auth-flow-host .otp-resend:disabled{opacity:.62;cursor:default}
.dz-auth-flow-host .otp-change-method{
 min-height:auto;width:max-content;justify-self:center;padding:5px 4px;
 border:0;background:transparent;color:var(--dz-accent);font-size:11px;font-weight:800
}
.dz-auth-flow-host .otp-change-method:hover:not(:disabled){background:transparent;text-decoration:underline}
.dz-auth-flow-host #code-step>label{margin-top:3px}
.dz-auth-flow-host #login-message.error{margin-top:2px;color:#cf4f5a}
@media(max-width:390px){
 .dz-auth-flow-host .otp-cells{gap:7px}
 .dz-auth-flow-host .otp-cells span{font-size:17px;border-radius:12px}
}

/* 2026-10-08 trader quick deck, parked drafts, delayed alerts and receipts. */
.dz-flexi-quick-deck{
  display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 16%,var(--dz-line));
  border-radius:15px;background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 4%,var(--dz-surface))
}
.dz-flexi-quick-deck[hidden]{display:none!important}
.dz-flexi-quick-deck-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dz-flexi-quick-deck-head>span{display:grid;gap:1px}
.dz-flexi-quick-deck-head strong{font-size:.72rem}
.dz-flexi-quick-deck-head small{font-size:.54rem;color:var(--dz-muted)}
.dz-flexi-quick-deck-head>button{min-height:30px;padding:0 9px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.58rem;font-weight:800}
.dz-flexi-quick-deck-head b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-inline-start:3px;border-radius:999px;background:var(--flexi-network,var(--dz-accent));color:#fff;font-size:.52rem}
.dz-flexi-quick-deck-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.dz-flexi-quick-deck-row::-webkit-scrollbar{display:none}
.dz-flexi-quick-deck-row button{flex:none;min-height:34px;padding:0 10px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.6rem;font-weight:820;white-space:nowrap}
.dz-flexi-quick-deck-row button:disabled{opacity:.42}
.dz-flexi-quick-deck-row .is-park{border-color:color-mix(in srgb,#d79a22 30%,var(--dz-line));color:#a46b08;background:color-mix(in srgb,#f4b740 8%,var(--dz-elevated))}

.dz-flexi-drafts-list{display:grid;gap:8px;max-height:60dvh;overflow:auto}
.dz-flexi-draft-empty{display:grid;gap:4px;padding:22px 12px;text-align:center;color:var(--dz-muted)}
.dz-flexi-draft-empty strong{font-size:.75rem;color:var(--dz-ink)}
.dz-flexi-draft-empty small{font-size:.58rem;line-height:1.5}
.dz-flexi-draft-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-elevated)}
.dz-flexi-draft-card>div:first-child{display:grid;gap:3px;min-width:0}
.dz-flexi-draft-card strong{font-size:.72rem;direction:ltr;text-align:right}
.dz-flexi-draft-card small{font-size:.56rem;color:var(--dz-muted)}
.dz-flexi-draft-actions{display:flex;gap:5px;flex:none}
.dz-flexi-draft-actions button{min-height:30px;padding:0 8px;border:1px solid var(--dz-line);border-radius:9px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:.55rem;font-weight:800}
.dz-flexi-draft-actions .is-danger{color:#c83243}

.dz-flexi-delayed-alert{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid color-mix(in srgb,#e39b18 28%,var(--dz-line));
  border-radius:15px;background:color-mix(in srgb,#f5b942 9%,var(--dz-surface));box-shadow:inset 3px 0 0 color-mix(in srgb,#e39b18 68%,transparent)
}
.dz-flexi-delayed-alert[hidden]{display:none!important}
.dz-flexi-delayed-alert>div{display:grid;gap:2px;min-width:0}
.dz-flexi-delayed-alert strong{font-size:.72rem;color:#9a6508}
.dz-flexi-delayed-alert span{font-size:.62rem;font-weight:760;color:var(--dz-ink)}
.dz-flexi-delayed-alert small{font-size:.54rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-delayed-alert button{flex:none;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,#e39b18 30%,var(--dz-line));border-radius:10px;background:var(--dz-surface);color:#9a6508;font:inherit;font-size:.58rem;font-weight:850}

.dz-flexi-receipt-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dz-flexi-receipt-actions button{min-height:38px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.6rem;font-weight:820}
.dz-flexi-receipt-actions button:first-child{border-color:color-mix(in srgb,var(--tx-detail-accent,var(--dz-accent)) 28%,var(--dz-line));color:var(--tx-detail-accent,var(--dz-accent));background:color-mix(in srgb,var(--tx-detail-accent,var(--dz-accent)) 7%,var(--dz-elevated))}
.dz-flexi-receipt-actions button.is-copied{color:#16845e;background:color-mix(in srgb,#16a36f 10%,var(--dz-elevated))}

@media(max-width:380px){
  .dz-flexi-delayed-alert{align-items:flex-start;flex-direction:column}
  .dz-flexi-delayed-alert button{width:100%}
  .dz-flexi-receipt-actions{grid-template-columns:1fr 1fr}
  .dz-flexi-receipt-actions button:first-child{grid-column:1/-1}
}

/* Bills v3 — aligned with /, /ar and /ar/flexi */
.dz-bills-flow{
  width:min(100%,680px);margin-inline:auto;display:grid;gap:12px;padding-bottom:18px;
  --bill-tint:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-bg));
  --bill-stroke:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-line));
}
.dz-bills-flow>.dz-back{justify-self:start;margin:0 2px 1px;font-size:10px}
.dz-bills-intro{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:185px;padding:22px;border:1px solid var(--bill-stroke);border-radius:24px;background:var(--bill-tint);overflow:hidden}
.dz-bills-intro>div:first-child{position:relative;z-index:2;max-width:360px}
.dz-bills-eyebrow{display:inline-flex;color:var(--dz-accent);font-size:8px;font-weight:800;letter-spacing:.11em;direction:ltr}
.dz-bills-intro h1{margin:7px 0 6px;font-size:clamp(25px,7vw,32px);font-weight:650;line-height:1.42;letter-spacing:-.045em}
.dz-bills-intro p{margin:0;max-width:330px;color:var(--dz-muted);font-size:10.5px;line-height:1.75}
.dz-bills-paper-art{position:relative;width:116px;height:136px;flex:0 0 116px;margin-inline-end:-4px}
.dz-bills-paper-art>span{position:absolute;display:block}
.dz-bills-paper-back,.dz-bills-paper-front{width:76px;height:108px;inset-inline-start:18px;top:13px;border-radius:13px}
.dz-bills-paper-back{transform:rotate(-15deg) translateX(-10px);border:1px solid var(--bill-stroke);background:var(--dz-surface)}
.dz-bills-paper-front{transform:rotate(10deg);display:flex!important;flex-direction:column;padding:13px;background:var(--dz-accent);color:white;box-shadow:0 13px 26px color-mix(in srgb,var(--dz-accent) 15%,transparent)}
.dz-bills-paper-front i{height:3px;margin-bottom:8px;border-radius:99px;background:#ffffffc7}.dz-bills-paper-front i:nth-child(2){width:70%}.dz-bills-paper-front i:nth-child(3){width:46%}
.dz-bills-paper-front b{margin-top:auto;font-size:7px;letter-spacing:.11em;direction:ltr}
.dz-bills-paper-orbit{width:142px;height:142px;border:1px solid var(--bill-stroke);border-radius:50%;inset-inline-start:-11px;top:-2px;z-index:-1}
.dz-bills-progress{display:grid;grid-template-columns:auto minmax(12px,1fr) auto minmax(12px,1fr) auto;align-items:center;gap:7px;padding:6px 12px;color:var(--dz-muted)}
.dz-bills-progress>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.dz-bills-progress b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:var(--dz-surface);border:1px solid var(--dz-line);color:var(--dz-accent);font-size:9px}.dz-bills-progress small{font-size:9px}.dz-bills-progress>i{height:1px;background:var(--dz-line)}
.dz-bills-flow .dz-bills-shell{padding:16px 14px 15px;border-radius:22px}
.dz-bills-flow .dz-bills-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px}
.dz-bills-flow .dz-bills-head .dz-kicker{color:var(--dz-accent);font-size:8px;font-weight:800;letter-spacing:.02em}
.dz-bills-flow .dz-bills-head h2{margin:2px 0 1px;font-size:18px;font-weight:650;letter-spacing:-.02em}.dz-bills-flow .dz-bills-head p{margin:0;color:var(--dz-muted);font-size:9px}
.dz-bills-flow .dz-bills-count{padding:6px 9px;font-size:9px;background:var(--dz-bg)}
.dz-bills-flow .dz-billers-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
.dz-bills-flow .dz-biller-card{grid-template-columns:40px minmax(0,1fr);min-height:88px;padding:10px;border-radius:16px;background:var(--dz-bg)}
.dz-bills-flow .dz-biller-icon{width:40px;height:40px;border-radius:12px;background:var(--dz-surface);font-size:9px}
.dz-bills-flow .dz-biller-copy b{font-size:11.5px;font-weight:650}.dz-bills-flow .dz-biller-copy small{font-size:8.5px}
.dz-bills-flow .dz-biller-state{font-size:7.5px;min-height:20px;padding:3px 6px}
.dz-bills-flow .dz-bill-form{gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid var(--dz-line)}
.dz-bills-flow .dz-bill-selected{min-height:60px;padding:9px 10px;background:var(--dz-bg)}
.dz-bill-selected-copy>span:last-child strong{font-size:12px}.dz-bill-selected-copy>span:last-child small{font-size:8.5px}
.dz-bills-flow .dz-bill-guide{padding:9px 10px;border-radius:13px;background:var(--bill-tint);border-color:var(--bill-stroke)}
.dz-bills-flow .dz-bill-guide strong{font-size:9.5px}.dz-bills-flow .dz-bill-guide p{font-size:8.8px}
.dz-bill-smart-scan{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:60px;padding:9px 10px;border:1px solid var(--bill-stroke);border-radius:15px;background:var(--bill-tint);color:var(--dz-ink);text-align:start}
.dz-bill-smart-scan-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--dz-accent);color:#fff;font-size:18px;font-weight:800}
.dz-bill-smart-scan-copy{display:grid;gap:2px}.dz-bill-smart-scan-copy strong{font-size:10.5px}.dz-bill-smart-scan-copy small{font-size:8.5px;color:var(--dz-muted)}.dz-bill-smart-scan-arrow{color:var(--dz-accent);font-size:14px}
.dz-bill-field{display:grid;gap:5px;margin:0}.dz-bill-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.dz-bill-field-title{font-size:9.5px!important;font-weight:700;color:var(--dz-ink)!important}
.dz-bill-field-scan{min-height:26px;padding:0 8px;border:1px solid var(--dz-line);border-radius:9px;background:var(--dz-bg);color:var(--dz-accent);font-family:inherit;font-size:8px;font-weight:750}
.dz-bills-flow .dz-bill-field input{min-height:54px;border-radius:15px;background:var(--dz-bg);font-size:16px;font-weight:650;letter-spacing:.01em}
.dz-bills-flow .dz-bill-field input::placeholder{color:color-mix(in srgb,var(--dz-muted) 70%,transparent);font-weight:450;font-size:12px}
.dz-bills-flow .dz-bill-field-hint{font-size:8px}.dz-bills-flow .dz-bill-query-note{padding:8px 9px}.dz-bills-flow .dz-bill-query-note p{font-size:8.3px}
.dz-bills-flow .dz-bill-discover{min-height:54px;border-radius:16px;font-size:13px}
.dz-bills-flow .dz-bill-results{margin-top:10px;padding:10px;border-radius:15px;background:var(--dz-bg)}
.dz-bills-flow .dz-bill-review{margin-top:0;padding:14px;border-radius:20px}
body.dz-bill-scanner-open{overflow:hidden}
.dz-bill-scanner[hidden]{display:none!important}.dz-bill-scanner{position:fixed;inset:0;z-index:95;display:flex;align-items:flex-end;justify-content:center;padding:0;color:var(--dz-ink)}
.dz-bill-scanner-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#03060bb8;backdrop-filter:blur(8px)}
.dz-bill-scanner-sheet{position:relative;z-index:1;width:min(100%,520px);padding:14px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--dz-line);border-radius:26px 26px 0 0;background:var(--dz-surface);box-shadow:0 -18px 60px #0008}
.dz-bill-scanner-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:3px 2px 12px}.dz-bill-scanner-sheet>header>div{display:grid;gap:2px}.dz-bill-scanner-sheet>header span{font-size:7px;color:var(--dz-accent);font-weight:800;letter-spacing:.12em;direction:ltr}.dz-bill-scanner-sheet>header strong{font-size:15px}.dz-bill-scanner-sheet>header small{font-size:9px;color:var(--dz-muted)}
#bill-scanner-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dz-line);border-radius:50%;background:var(--dz-bg);color:var(--dz-ink);font-size:22px;line-height:1}
.dz-bill-scanner-view{position:relative;height:min(56dvh,410px);min-height:280px;overflow:hidden;border-radius:20px;background:#05070a;border:1px solid #ffffff12}
.dz-bill-scanner-view video{width:100%;height:100%;display:block;object-fit:cover;background:#05070a}
.dz-bill-scanner-view::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 28%,#00000032 74%);pointer-events:none}
.dz-bill-scanner-frame{position:absolute;z-index:2;width:min(68vw,250px);aspect-ratio:1;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.dz-bill-scanner-frame i{position:absolute;width:34px;height:34px;border-color:#fff;border-style:solid}.dz-bill-scanner-frame i:nth-child(1){top:0;left:0;border-width:3px 0 0 3px;border-radius:11px 0 0 0}.dz-bill-scanner-frame i:nth-child(2){top:0;right:0;border-width:3px 3px 0 0;border-radius:0 11px 0 0}.dz-bill-scanner-frame i:nth-child(3){bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 11px}.dz-bill-scanner-frame i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0;border-radius:0 0 11px 0}
#bill-scanner-status{position:absolute;z-index:3;left:14px;right:14px;bottom:12px;display:block;padding:8px 10px;border-radius:10px;background:#05070ac9;color:#fff;font-size:9px;text-align:center;backdrop-filter:blur(7px)}
.dz-bill-scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.dz-bill-scanner-actions button{min-height:48px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-bg);color:var(--dz-ink);font-family:inherit;font-size:10px;font-weight:800}.dz-bill-scanner-actions button:first-child{background:var(--dz-accent);border-color:var(--dz-accent);color:#fff}
.dz-bill-scanner-privacy{margin:9px 2px 0;color:var(--dz-muted);font-size:8.5px;line-height:1.6;text-align:center}
@media(max-width:420px){
 .dz-bills-flow{gap:10px}.dz-bills-intro{min-height:166px;padding:18px 16px}.dz-bills-intro h1{font-size:25px}.dz-bills-intro p{font-size:9.5px;max-width:250px}.dz-bills-paper-art{width:96px;height:119px;flex-basis:96px}.dz-bills-paper-back,.dz-bills-paper-front{width:66px;height:94px;inset-inline-start:15px;top:12px}.dz-bills-paper-orbit{width:120px;height:120px;inset-inline-start:-10px}.dz-bills-flow .dz-bills-shell{padding:13px 11px 14px}.dz-bills-flow .dz-billers-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-bills-flow .dz-biller-card{min-height:84px;padding:9px}.dz-bills-flow .dz-biller-icon{width:37px;height:37px}.dz-bills-progress{padding-inline:5px}.dz-bills-progress small{font-size:8px}
}
@media(max-width:345px){.dz-bills-flow .dz-billers-list{grid-template-columns:1fr}.dz-bills-intro{padding-inline:14px}.dz-bills-paper-art{transform:scale(.9);transform-origin:left center}.dz-bills-progress small{display:none}}
@media(min-width:720px){.dz-bill-scanner{align-items:center;padding:20px}.dz-bill-scanner-sheet{border-radius:26px}.dz-bills-flow .dz-billers-list{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Bills v3.1 — selected-state cleanup after mobile review */
.dz-bills-flow :is(.dz-billers-list,.dz-bill-form,.dz-bill-results,.dz-bill-review)[hidden]{display:none!important}
.dz-bills-flow.has-biller-selection .dz-bills-head{display:none}
.dz-bills-flow.has-biller-selection .dz-bills-shell{padding-top:12px}
.dz-bill-smart-scan-icon{position:relative;font-size:0!important;overflow:hidden}
.dz-bill-smart-scan-icon::before{
  content:'';width:21px;height:21px;color:#fff;background:
  linear-gradient(currentColor 0 0) 0 0/8px 2px,
  linear-gradient(currentColor 0 0) 0 0/2px 8px,
  linear-gradient(currentColor 0 0) 100% 0/8px 2px,
  linear-gradient(currentColor 0 0) 100% 0/2px 8px,
  linear-gradient(currentColor 0 0) 0 100%/8px 2px,
  linear-gradient(currentColor 0 0) 0 100%/2px 8px,
  linear-gradient(currentColor 0 0) 100% 100%/8px 2px,
  linear-gradient(currentColor 0 0) 100% 100%/2px 8px;
  background-repeat:no-repeat;
}
.dz-bill-smart-scan-icon::after{content:'';position:absolute;width:5px;height:5px;border:2px solid #fff;border-radius:2px}

/* Bills v3.2 — focused selected state */
.dz-bills-flow.has-biller-selection .dz-bills-intro,
.dz-bills-flow.has-biller-selection .dz-bills-progress{display:none!important}
.dz-bills-flow.has-biller-selection>.dz-back{margin-bottom:2px}
.dz-bills-flow.has-biller-selection .dz-bills-shell{margin-top:0}
@media(max-width:719px){
 .dz-bills-flow:not(.has-biller-selection) .dz-biller-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:'icon copy state';min-height:72px}
 .dz-bills-flow:not(.has-biller-selection) .dz-biller-card:last-child:nth-child(odd) .dz-biller-state{align-self:center;justify-self:end}
}

#bill-form{scroll-margin-top:86px}

/* Merchant account workspace: shared store theme, mobile-first RTL. */
.ma-workspace{color:var(--dz-ink);display:grid;gap:22px;min-width:0}
.ma-workspace *{box-sizing:border-box}.ma-workspace svg{width:21px;height:21px;flex:none}.ma-workspace :is(h2,h3,h4,p){margin:0}.ma-workspace button,.ma-workspace a{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.ma-workspace button{color:inherit;background:none;border:0}.ma-workspace small{color:var(--dz-muted);font-size:10px}.ma-workspace button:disabled{opacity:.38;cursor:default}.ma-workspace button:focus-visible,.ma-workspace a:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}.ma-toolbar,.ma-toolbar>div,.ma-heading,.ma-card-top,.ma-id,.ma-held,.ma-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ma-toolbar{min-height:42px}.ma-live{font-size:10px;font-weight:600;color:var(--dz-accent)}.ma-toolbar>div{gap:7px}.ma-toolbar button{display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);font-size:11px}.ma-toolbar select{max-width:190px;min-height:42px;font:inherit;border-radius:12px;padding:6px;font-size:11px}
.ma-top{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ma-identity,.ma-wallet{padding:23px;border:1px solid var(--dz-line);border-radius:25px;overflow:hidden;min-width:0}.ma-identity{background:radial-gradient(circle at 95% 0%,color-mix(in srgb,var(--dz-accent) 15%,transparent),transparent 65%),var(--dz-surface)}.ma-wallet{background:var(--dz-surface)}.ma-card-top>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.ma-card-top>small{color:#219375;font-size:10px}.ma-card-top button{font-size:10px;color:var(--dz-accent);min-height:35px}.ma-person{display:flex;align-items:center;gap:15px;padding:27px 0 23px}.ma-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:21px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);font-size:27px;font-weight:700}.ma-person>div{min-width:0}.ma-person h2{font-size:clamp(20px,3vw,26px);line-height:1.5;overflow-wrap:anywhere}.ma-person>div>span{display:inline-block;margin-top:4px;font:500 12px system-ui;color:var(--dz-muted)}.ma-id{padding:14px 0;border-top:1px solid var(--dz-line)}.ma-id button{font:600 12px system-ui;color:var(--dz-accent);min-height:35px;overflow-wrap:anywhere}.ma-profile{min-height:38px;color:var(--dz-accent)!important;font-size:11px!important}.ma-wallet>small{display:block;margin-top:23px}.ma-wallet-value{display:block;margin-top:5px;font:700 clamp(29px,4vw,43px) system-ui;text-align:right;letter-spacing:-.04em;overflow-wrap:anywhere}.ma-wallet-value small{font:500 13px system-ui;letter-spacing:0}.ma-held{margin:20px 0;padding:13px 0;border-block:1px solid var(--dz-line);font-size:10px;color:var(--dz-muted)}.ma-held b{color:var(--dz-ink);font:600 12px system-ui}.ma-primary{display:flex;align-items:center;gap:8px;min-height:47px;padding:12px 15px;border-radius:14px;background:var(--dz-accent);color:white!important;text-decoration:none;font-size:12px!important}.ma-primary b{margin-inline-start:auto;font-size:18px}.ma-alert{display:flex;align-items:center;gap:12px;border:1px solid #d6a54b66!important;border-radius:17px;padding:16px;background:color-mix(in srgb,#d6a54b 8%,var(--dz-surface))!important;text-align:right}.ma-alert strong{font-size:12px}.ma-alert span{font-size:10px;color:var(--dz-muted)}.ma-alert>b{margin-inline-start:auto;font-size:11px}.ma-today{display:grid;grid-template-columns:1.1fr .7fr .7fr 1.4fr;gap:15px;align-items:center;padding:19px 23px;border:1px solid var(--dz-line);border-radius:20px;background:var(--dz-surface)}.ma-today>div{display:grid;gap:6px;min-width:0}.ma-today strong{font-size:13px}.ma-today b{font:700 17px system-ui;overflow-wrap:anywhere;text-align:start}.ma-today>div:first-child{border-inline-end:1px solid var(--dz-line)}
.ma-analysis{display:grid;gap:16px}.ma-heading{align-items:center}.ma-heading h3,.ma-settings h3{font-size:17px;font-weight:600}.ma-heading small{display:block;margin-top:5px}.ma-period{display:flex;gap:4px;padding:4px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface)}.ma-period button{padding:9px 10px;min-height:36px;border-radius:9px;font-size:10px;white-space:nowrap;color:var(--dz-muted)}.ma-period button[aria-pressed=true]{background:var(--dz-accent);color:#fff}.ma-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.ma-stat{min-width:0;border:1px solid var(--dz-line);border-radius:19px;padding:19px 17px;background:var(--dz-surface)}.ma-stat:nth-child(3){background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line))}.ma-stat strong{display:block;font:700 clamp(19px,2.7vw,28px) system-ui;margin-block:13px 9px;text-align:right;letter-spacing:-.03em;overflow-wrap:anywhere}.ma-stat>span{font-size:9px;color:var(--dz-muted);display:block}.ma-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.ma-chart,.ma-services{padding:21px;border:1px solid var(--dz-line);border-radius:21px;background:var(--dz-surface);min-width:0}.ma-chart h4,.ma-services h4{font-size:12px;font-weight:600;margin-bottom:18px}.ma-bars{height:125px;display:flex;align-items:end;gap:5px;direction:ltr;padding-top:5px;border-bottom:1px solid var(--dz-line)}.ma-bars>div{flex:1;min-width:0;height:100%;display:flex;align-items:end}.ma-bars i{display:block;min-height:2px;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(0deg,var(--dz-accent),color-mix(in srgb,var(--dz-accent) 45%,var(--dz-surface)))}.ma-chart-labels{display:flex;justify-content:space-between;direction:ltr;font:10px system-ui;color:var(--dz-muted);margin-top:9px}.ma-chart details{font-size:10px;color:var(--dz-muted);margin-top:15px}.ma-chart summary{cursor:pointer;min-height:30px}.ma-day{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--dz-line)}.ma-service{display:grid;gap:7px;margin-top:16px}.ma-service>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.ma-service strong{font-weight:500}.ma-service b{font:600 11px system-ui;color:var(--dz-accent)}.ma-service>small{text-align:left;font:10px system-ui}.ma-workspace progress{width:100%;height:5px;border:0;appearance:none;accent-color:var(--dz-accent);border-radius:5px;overflow:hidden}.ma-workspace progress::-webkit-progress-bar{background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-bg))}.ma-workspace progress::-webkit-progress-value{background:var(--dz-accent)}.ma-workspace progress::-moz-progress-bar{background:var(--dz-accent)}.ma-profit{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border:1px solid var(--dz-line)!important;border-radius:15px;text-align:right;background:var(--dz-surface)!important}.ma-profit span{display:grid;gap:4px}.ma-profit strong{font-size:11px;font-weight:600}.ma-profit>b{font-size:22px;color:var(--dz-accent)}
.ma-history{scroll-margin-top:85px;padding:21px;border:1px solid var(--dz-line);border-radius:23px;background:var(--dz-surface);min-width:0}.ma-history .ma-heading>span{font-size:10px;color:var(--dz-muted)}.ma-filters{display:flex;gap:8px;margin:19px 0 6px}.ma-filters input{min-width:0;flex:1;min-height:43px;padding:10px 12px;border-radius:12px;font:inherit;font-size:11px}.ma-filters select{max-width:145px;min-width:0;min-height:43px;padding:8px;border-radius:12px;font:inherit;font-size:10px}.ma-filters button{background:var(--dz-accent);color:white;padding:9px 15px;border-radius:11px;font-size:11px}.ma-tx{display:grid;grid-template-columns:minmax(0,1fr) 120px 100px 85px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--dz-line)}.ma-tx>button:first-child{display:grid;gap:6px;text-align:right;min-width:0;min-height:40px;padding:0}.ma-tx>button:first-child strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.ma-tx small{font-size:9px;display:block}.ma-tx>strong{font:600 13px system-ui;text-align:left;overflow-wrap:anywhere}.ma-tx-status{justify-self:start;padding:5px 8px;border-radius:8px;font-size:9px;color:var(--dz-muted);background:var(--dz-bg);white-space:nowrap}.ma-success{background:#23a47712;color:#239573}.ma-failed,.ma-reversed{background:#d6585810;color:#c96363}.ma-processing,.ma-pending{background:#e5b64d15;color:#b88c26}.ma-tx .ma-copy{font:10px system-ui;color:var(--dz-accent);min-height:40px;word-break:break-all;text-align:left}.ma-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:10px;color:var(--dz-muted)}.ma-pagination button{border:1px solid var(--dz-line);border-radius:10px;min-height:35px;padding:8px 13px;font-size:10px}.ma-empty{display:grid;place-content:center;justify-items:center;gap:9px;min-height:162px;text-align:center}.ma-empty strong{font-size:12px;font-weight:500}.ma-empty small{font-size:10px;line-height:1.7}.ma-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}.ma-settings h3{margin:3px 0 13px}.ma-setting{width:100%;display:flex;align-items:center;gap:13px;min-height:70px;padding:12px 16px;background:var(--dz-surface)!important;border:1px solid var(--dz-line)!important;border-bottom:0!important;text-align:right}.ma-setting:nth-child(2){border-radius:18px 18px 0 0}.ma-setting:last-child{border-radius:0 0 18px 18px;border-bottom:1px solid var(--dz-line)!important}.ma-setting>svg{color:var(--dz-accent);width:20px;height:20px}.ma-setting>span{display:grid;gap:5px;flex:1}.ma-setting strong{font-size:11px;font-weight:600}.ma-setting small{font-size:9px}.ma-setting>b{font-size:22px;color:var(--dz-muted)}.ma-growth{display:grid;gap:12px;padding:24px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:22px;margin-top:36px}.ma-growth>svg{width:35px;height:35px;color:var(--dz-accent);padding:5px;border:1px solid var(--dz-line);border-radius:11px}.ma-growth h3{font-size:21px}.ma-growth p{font-size:11px;line-height:1.9;color:var(--dz-muted)}.ma-growth>span{font-size:10px}.ma-growth>button{justify-self:start;font-size:11px;color:var(--dz-accent);min-height:40px}.ma-footer{font-size:9px;color:var(--dz-muted);flex-wrap:wrap}.ma-private .ma-sensitive{visibility:hidden}.ma-private .ma-stat>span,.ma-private .ma-alert strong,.ma-private .ma-chart details,.ma-private .ma-service progress{visibility:hidden}.ma-private .ma-stat strong::after{content:'••••';visibility:visible}.ma-private .ma-wallet-value::after{content:'••••';visibility:visible}.ma-timeline{padding:15px;border-inline-start:2px solid var(--dz-accent);margin:20px 5px}.ma-timeline p{font-size:12px;margin:9px 0;display:flex;justify-content:space-between;gap:15px}.ma-timeline span{font-size:10px;color:var(--dz-muted)}#ma-feedback{font-size:11px;color:var(--dz-muted)}
@media(max-width:700px){.ma-workspace{gap:19px}.ma-top,.ma-charts,.ma-bottom{grid-template-columns:1fr}.ma-identity,.ma-wallet{padding:20px;border-radius:22px}.ma-person{padding:23px 0 18px}.ma-wallet-value{font-size:38px}.ma-today{grid-template-columns:1fr 1fr;padding:17px;gap:18px}.ma-today>div:first-child{border:0}.ma-today b{font-size:16px}.ma-heading{flex-wrap:wrap;gap:13px}.ma-heading h3{font-size:16px}.ma-period{width:100%}.ma-period button{flex:1}.ma-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ma-stat{padding:17px 14px}.ma-stat strong{font-size:23px}.ma-stat small{font-size:9px}.ma-history{padding:17px;border-radius:21px}.ma-filters{flex-wrap:wrap;gap:7px}.ma-filters input{flex-basis:100%}.ma-filters select{flex:1;max-width:none}.ma-filters button{min-width:67px}.ma-tx{grid-template-columns:minmax(0,1fr) 95px;gap:9px;padding:14px 0}.ma-tx-status{grid-column:1;grid-row:auto}.ma-tx .ma-copy{grid-column:2;min-height:26px}.ma-tx>strong{font-size:12px}.ma-growth{margin-top:0}.ma-alert{flex-wrap:wrap;padding:14px}.ma-alert span{flex-basis:100%;order:3}.ma-alert>b{font-size:10px}.ma-chart,.ma-services{padding:19px}.ma-toolbar select{max-width:118px;font-size:10px}.ma-live{font-size:9px}.ma-toolbar button{min-width:35px;min-height:38px}.ma-toolbar>div{gap:5px}}
@media(prefers-reduced-motion:reduce){.ma-workspace *{scroll-behavior:auto!important;transition:none!important}}


/* Unified merchant navigation: account sections and all shop services. */
.dz-trader-shell{--trader-width:248px}
.dz-trader-shell .dz-shop-main,.dz-trader-shell .dz-store-head{margin-inline-start:var(--trader-width)}
#trader-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--trader-width);z-index:60;background:var(--dz-elevated,#fff);color:var(--dz-ink,#17213b);border-inline-end:1px solid var(--dz-line,#e5e8ef);padding:24px 16px;overflow-y:auto}
.trader-brand{padding:8px 12px 24px;display:grid;gap:5px}.trader-brand strong{font-size:23px;color:var(--dz-accent,#5065ed)}.trader-brand small{color:var(--dz-muted,#738099)}
#trader-sidebar nav,#trader-drawer nav{display:grid;gap:5px}
[data-trader-link]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;font-weight:650}
[data-trader-link] svg{width:22px;height:22px;flex-shrink:0}
[data-trader-link]:hover{background:color-mix(in srgb,var(--dz-accent,#5065ed) 8%,transparent)}
[data-trader-link][aria-current=page]{background:color-mix(in srgb,var(--dz-accent,#5065ed) 13%,transparent);color:var(--dz-accent,#5065ed)}
.trader-group{font-size:12px;color:var(--dz-muted,#738099);padding:14px 12px 0;margin:0}
#trader-collapse,#trader-close,#trader-menu{border:1px solid var(--dz-line,#e5e8ef);background:var(--dz-elevated,#fff);color:var(--dz-ink,#17213b);border-radius:10px;padding:8px 12px;cursor:pointer}
#trader-collapse{float:inline-end}#trader-menu{display:none}
.dz-trader-collapsed{--trader-width:80px}.dz-trader-collapsed #trader-sidebar{padding:18px 10px}.dz-trader-collapsed #trader-sidebar .trader-brand,.dz-trader-collapsed #trader-sidebar [data-trader-link] span,.dz-trader-collapsed #trader-sidebar .trader-group{display:none}.dz-trader-collapsed #trader-sidebar nav{clear:both;padding-top:20px}.dz-trader-collapsed #trader-sidebar [data-trader-link]{justify-content:center}
#trader-drawer{margin:0;margin-inline-start:auto;inset-block:0;inset-inline-end:0;width:min(310px,90vw);height:100dvh;max-height:100dvh;border:0;padding:22px;background:var(--dz-elevated,#fff);color:var(--dz-ink,#17213b);overflow:auto}
#trader-drawer::backdrop{background:#11182788}#trader-close{float:inline-end}
#ma-view-title{font-size:24px;margin:8px 0 18px}
#account-view[data-merchant-view] .ma-analysis,#account-view[data-merchant-view] .ma-history,#account-view[data-merchant-view] .ma-bottom{display:none}
#account-view[data-merchant-view=stats] .ma-analysis,#account-view[data-merchant-view=orders] .ma-history{display:block}
#account-view[data-merchant-view=settings] .ma-bottom{display:grid}
#account-view[data-merchant-view]:not([data-merchant-view=overview]) .ma-today,#account-view[data-merchant-view]:not([data-merchant-view=overview]) .ma-alert{display:none}
#account-view[data-merchant-view]:not([data-merchant-view=overview]):not([data-merchant-view=wallet]) .ma-top{display:none}
#account-view[data-merchant-view=wallet] .ma-identity{display:none}
#account-view[data-merchant-view=wallet] .ma-top{grid-template-columns:1fr}
@media(min-width:901px){.dz-trader-shell .dz-mobile-nav{display:none}}
@media(max-width:900px){.dz-trader-shell .dz-shop-main,.dz-trader-shell .dz-store-head{margin-inline-start:0}#trader-sidebar{display:none}#trader-menu{display:inline-flex;font-size:12px;white-space:nowrap}.dz-trader-shell .dz-header-actions{gap:5px}.dz-trader-shell .dz-store-head{flex-wrap:wrap}}

.ma-shared-period{margin:0 0 18px;display:flex;width:fit-content;flex-wrap:wrap}
#account-view[data-merchant-view=overview] .ma-shared-period,#account-view[data-merchant-view=wallet] .ma-shared-period,#account-view[data-merchant-view=settings] .ma-shared-period{display:none}

@media(min-width:901px){
.dz-shop.dz-trader-shell>.dz-shop-main{width:min(1040px,calc(100% - var(--trader-width)))!important;margin-inline-start:var(--trader-width)!important;margin-inline-end:auto}
.dz-shop.dz-trader-shell>.dz-store-head{margin-inline-start:var(--trader-width)!important}
}
@media(max-width:900px){.dz-shop.dz-trader-shell>.dz-shop-main{width:100%!important;margin-inline:0!important}}

/* 2026-10-08 transaction refresh + same-page receipt printing. */
.dz-flexi-transaction-refresh{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:10px 11px;border:1px dashed color-mix(in srgb,var(--tx-detail-accent,var(--dz-accent)) 24%,var(--dz-line));
  border-radius:12px;background:color-mix(in srgb,var(--tx-detail-accent,var(--dz-accent)) 4%,var(--dz-elevated))
}
.dz-flexi-transaction-refresh>span{display:grid;gap:2px;min-width:0}
.dz-flexi-transaction-refresh>span>strong{font-size:.62rem}
.dz-flexi-transaction-refresh>span>small{font-size:.53rem;line-height:1.45;color:var(--dz-muted)}
.dz-flexi-transaction-refresh>button{
  min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--tx-detail-accent,var(--dz-accent)) 24%,var(--dz-line));
  border-radius:9px;background:var(--dz-surface);color:var(--tx-detail-accent,var(--dz-accent));font:inherit;font-size:.57rem;font-weight:850;white-space:nowrap
}
.dz-flexi-transaction-refresh>button:disabled{opacity:.62;cursor:wait}
.dz-flexi-transaction-refresh-note{grid-column:1/-1;min-height:0;font-size:.52rem;line-height:1.4;color:var(--dz-muted)}

.dz-flexi-print-receipt{display:none}
@media print{
  @page{margin:10mm}
  html,body{background:#fff!important}
  html.dz-page-locked{overflow:visible!important}
  body.is-printing-flexi-receipt.dz-page-locked{position:static!important;inset:auto!important;overflow:visible!important;height:auto!important;min-height:0!important;transform:none!important}
  body.is-printing-flexi-receipt{margin:0!important;padding:0!important}
  body.is-printing-flexi-receipt>*:not(.dz-flexi-print-receipt){display:none!important}
  body.is-printing-flexi-receipt>.dz-flexi-print-receipt{
    display:block!important;box-sizing:border-box;width:100%;max-width:170mm;margin:0 auto;padding:6mm;
    direction:rtl;background:#fff!important;color:#111!important;font-family:Arial,"Noto Sans Arabic",sans-serif
  }
  .dz-flexi-print-receipt header{display:grid;gap:2mm;padding-bottom:4mm;border-bottom:1px solid #d8d8d8;text-align:right}
  .dz-flexi-print-receipt h1{margin:0;font-size:22pt;line-height:1.2}
  .dz-flexi-print-receipt header p{margin:0;color:#666;font-size:9pt}
  .dz-flexi-print-status{justify-self:start;padding:1.5mm 3mm;border:1px solid #b8dcc8;border-radius:999px;color:#187b50;font-size:8pt}
  .dz-flexi-print-row{display:flex;align-items:flex-start;justify-content:space-between;gap:5mm;padding:3mm 0;border-bottom:1px solid #e5e5e5}
  .dz-flexi-print-row span{color:#666;font-size:8.5pt}
  .dz-flexi-print-row strong{max-width:60%;font-size:9pt;font-weight:800;text-align:left;overflow-wrap:anywhere}
  .dz-flexi-print-receipt footer{padding-top:5mm;color:#777;font-size:7.5pt;text-align:center}
}

/* Refined trader shell: logo-side controls and stable right-side navigation. */
.dz-shop.dz-trader-shell>.dz-store-head{position:sticky!important;top:0!important;z-index:65;background:var(--dz-bg)}
.dz-trader-shell .dz-store-head-inner{gap:12px!important}
.dz-trader-shell .dz-brand{margin-inline-end:auto!important;flex:0 1 auto}
.dz-trader-shell #store-brand-logo{width:132px!important;height:auto!important;max-width:132px!important}
#trader-menu{align-items:center;justify-content:center;width:40px;height:40px;padding:8px;flex:0 0 40px;border-radius:12px}
#trader-menu svg,#trader-collapse svg,#trader-close svg{width:22px;height:22px}
#trader-sidebar{position:fixed!important;top:0;right:0;left:auto;bottom:0;padding:22px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface)),var(--dz-surface) 35%);border-left:1px solid var(--dz-line);border-right:0;box-shadow:-8px 0 36px #00000008;overscroll-behavior:contain}
.trader-brand{min-height:76px;align-content:center;gap:9px;padding:4px 10px 20px}
.trader-brand img{width:144px;height:auto;max-width:100%;object-fit:contain}
.trader-brand small{font-size:12px;font-weight:600}
#trader-collapse,#trader-close{display:grid;place-items:center;width:36px;height:36px;padding:6px;float:left;border-radius:11px}
[data-trader-link]{position:relative;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4;font-weight:650;border:1px solid transparent;transition:background .16s,color .16s,border-color .16s}
[data-trader-link] svg{width:20px;height:20px;opacity:.8}
[data-trader-link][aria-current=page]{border-color:color-mix(in srgb,var(--dz-accent) 22%,transparent);background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface))}
[data-trader-link][aria-current=page]::before{content:"";position:absolute;right:-1px;top:12px;bottom:12px;width:3px;border-radius:4px;background:var(--dz-accent)}
[data-trader-link][aria-current=page] svg{opacity:1}
[data-trader-link]:focus-visible,#trader-menu:focus-visible,#trader-collapse:focus-visible,#trader-close:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
.trader-group{padding:18px 12px 9px;font-size:11px;letter-spacing:.02em}
#trader-drawer{position:fixed!important;direction:rtl;top:0;right:0;left:auto;bottom:0;margin:0!important;width:min(300px,86vw);height:100dvh;max-height:100dvh;max-width:86vw;padding:20px 14px 24px;border-left:1px solid var(--dz-line);border-radius:20px 0 0 20px;overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #00000035;background:var(--dz-surface)}
#trader-drawer::backdrop{background:#08101b88;backdrop-filter:blur(3px)}
#trader-drawer[open]{animation:trader-drawer-in .2s ease-out}
.trader-menu-open{overflow:hidden}
@keyframes trader-drawer-in{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#trader-drawer[open]{animation:none}[data-trader-link]{transition:none}}
@media(max-width:900px){.dz-trader-shell .dz-desktop-nav{display:none!important}.dz-trader-shell .dz-store-head-inner{padding-inline:14px!important;min-height:64px!important}.dz-trader-shell .dz-header-actions{margin-inline-start:auto;gap:5px!important}.dz-trader-shell .dz-header-tool{width:36px;height:36px}.dz-trader-shell #store-brand-logo{width:122px!important;max-width:122px!important}.dz-trader-shell .dz-brand{margin-inline-end:0!important}}
@media(max-width:360px){.dz-trader-shell #store-brand-logo{width:105px!important;max-width:105px!important}.dz-trader-shell .dz-store-head-inner{gap:8px!important}}

/* Drawer follows its content on tall screens, with bounded scrolling on short screens. */
#trader-drawer{bottom:auto!important;height:auto!important;max-height:100dvh;padding-bottom:16px;border-bottom-left-radius:20px}
.trader-brand img{filter:none!important}

/* 2026-10-08 lock background scroll while transaction dialog is open. */
html{overscroll-behavior-y:none}
body.dz-flexi-dialog-open{
  position:fixed!important;left:0;right:0;width:100%;overflow:hidden!important;overscroll-behavior:none;touch-action:none
}
body.dz-flexi-dialog-open .dz-flexi-transaction-dialog{touch-action:pan-y}
.dz-flexi-transaction-dialog{
  overflow:hidden!important;overscroll-behavior:none
}
.dz-flexi-transaction-sheet{
  display:flex;flex-direction:column;max-height:min(88dvh,720px);overflow:hidden;overscroll-behavior:none
}
.dz-flexi-transaction-content{
  min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:2px
}
@media(max-width:480px){
  .dz-flexi-transaction-dialog{margin:auto auto max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - max(16px,env(safe-area-inset-bottom)))}
  .dz-flexi-transaction-sheet{max-height:calc(100dvh - max(24px,env(safe-area-inset-bottom)))}
}

/* Merchant colour cards and working preferences. */
#trader-drawer{bottom:0!important;height:100dvh!important;max-height:100dvh;border-bottom-left-radius:0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.trader-menu-open .dz-mobile-nav{display:none!important}
.dz-account-route.dz-trader-shell .dz-account-page-head{margin-bottom:10px;padding-block:8px}
.dz-account-route.dz-trader-shell .dz-account-page-head .dz-kicker{display:none}
.dz-account-route.dz-trader-shell .dz-account-page-head h1{font-size:22px}
.dz-trader-shell #ma-view-title{margin:0 0 10px;font-size:19px}
.ma-workspace{gap:16px}
.ma-top .ma-wallet{order:-1}
.ma-wallet{position:relative;background:radial-gradient(ellipse at 10% 0%,#38cbe75c,transparent 55%),linear-gradient(135deg,#172e68,#2457b5 62%,#447ce2);color:#fff;border-color:#ffffff24;box-shadow:0 16px 34px #16438322}
.ma-wallet::before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff18;border-radius:50%;left:-70px;top:-80px;pointer-events:none}
.ma-wallet .ma-card-top>span,.ma-wallet .ma-wallet-value,.ma-wallet .ma-held b{color:#fff}
.ma-wallet small,.ma-wallet .ma-held{color:#e0eaff!important}
.ma-wallet .ma-card-top button{color:#fff}
.ma-wallet .ma-held{border-color:#ffffff28}
.ma-wallet .ma-primary{background:#ffffff!important;color:#1b479b!important;box-shadow:0 5px 16px #0a235e18}
.ma-identity .ma-person{padding:16px 0 12px}
.ma-identity{padding:19px}
.ma-avatar{width:50px;height:50px;border-radius:16px}
.ma-identity .ma-person h2{font-size:21px}
.ma-identity .ma-id{padding:10px 0}
.ma-service-deck{border:1px solid var(--dz-line);border-radius:22px;padding:18px;background:var(--dz-surface)}
.ma-service-deck .ma-heading h3{font-size:15px}
.ma-service-deck .ma-heading a{font-size:10px;color:var(--dz-accent);text-decoration:none}
.ma-service-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.ma-service-tile{--tile:#3c79d8;position:relative;display:flex;align-items:center;gap:10px;min-height:96px;padding:16px;border-radius:17px;overflow:hidden;text-decoration:none;color:var(--dz-ink);border:1px solid color-mix(in srgb,var(--tile) 28%,var(--dz-line));background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--tile) 23%,transparent),transparent 85%),var(--dz-surface)}
.ma-service-tile::after{content:"";width:85px;height:85px;position:absolute;left:-40px;bottom:-45px;border:1px solid color-mix(in srgb,var(--tile) 25%,transparent);border-radius:24px;transform:rotate(25deg);pointer-events:none}
.ma-tone-cyan{--tile:#169fb8}.ma-tone-violet{--tile:#8b63dd}.ma-tone-coral{--tile:#e66d50}.ma-tone-green{--tile:#24a080}
.ma-tile-art{display:grid;place-items:center;flex-shrink:0;width:43px;height:48px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile) 15%,var(--dz-surface)),color-mix(in srgb,var(--tile) 30%,var(--dz-surface)));border:1px solid color-mix(in srgb,var(--tile) 32%,transparent);color:var(--tile);box-shadow:3px 5px 0 color-mix(in srgb,var(--tile) 8%,transparent);transform:rotate(-6deg)}
.ma-service-tile>span:nth-child(2){display:grid;gap:6px;min-width:0}.ma-service-tile strong{font-size:12px}.ma-service-tile small{font-size:9px;line-height:1.6}.ma-service-tile>b{margin-inline-start:auto;color:var(--tile)}
#account-view[data-merchant-view]:not([data-merchant-view=overview]) .ma-service-deck{display:none}
.ma-preferences{display:grid;gap:18px;padding-top:14px}
.ma-preferences label{display:grid;gap:9px;font-size:13px}
.ma-preferences select{width:100%;min-height:44px;border:1px solid var(--dz-line);border-radius:12px;padding:9px;background:var(--dz-surface);color:var(--dz-ink);font:inherit}
.ma-preferences .ma-pref-check{display:flex;align-items:center;gap:10px}
.ma-preferences input{width:18px;height:18px;accent-color:var(--dz-accent)}
.ma-preferences p{font-size:11px;line-height:1.8;color:var(--dz-muted)}
.ma-pref-save{min-height:44px;background:var(--dz-accent);color:#fff;border:0;border-radius:12px;font:inherit}
.ma-compact .ma-tx{padding-block:8px}.ma-compact .ma-tx>button:first-child{gap:3px}
@media(max-width:700px){.ma-top{display:flex;flex-direction:column}.ma-top>section{width:100%}.ma-service-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.ma-service-tile{min-height:100px;padding:13px;gap:9px}.ma-service-tile:last-child{grid-column:1/-1}.ma-tile-art{width:34px;height:42px}.ma-service-tile>b{font-size:12px}.ma-today{background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--dz-accent) 10%,transparent),transparent 75%),var(--dz-surface)}}

/* 2026-10-08 merchant-only Flexi settings gate. */
[data-merchant-locked="1"]{position:relative;cursor:pointer}
[data-merchant-locked="1"]::after{
  content:"🔒 للتجار";position:absolute;inset-inline-start:10px;top:9px;z-index:2;
  padding:3px 7px;border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));border-radius:999px;
  background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent);font-size:.5rem;font-weight:850;line-height:1.2
}
.dz-flexi-setting-row.is-merchant-locked,.dz-flexi-trader-settings.is-merchant-locked,.dz-flexi-custom-name-setting.is-merchant-locked{
  opacity:.82
}
.dz-flexi-setting-row.is-merchant-locked i,.dz-flexi-trader-settings.is-merchant-locked .dz-flexi-trader-chevron{opacity:.45}
.dz-flexi-custom-name-setting.is-merchant-locked input{pointer-events:none;filter:saturate(.55)}
.dz-flexi-merchant-upgrade-dialog{
  width:min(92vw,420px);padding:0;border:0;background:transparent;color:var(--dz-ink)
}
.dz-flexi-merchant-upgrade-dialog::backdrop{background:#07142894;backdrop-filter:blur(6px)}
.dz-flexi-merchant-upgrade-card{
  position:relative;display:grid;gap:10px;padding:22px 18px 18px;border:1px solid var(--dz-line);border-radius:24px;
  background:var(--dz-surface);box-shadow:0 28px 80px #0005;text-align:right
}
.dz-flexi-merchant-upgrade-close{
  position:absolute;inset-inline-start:14px;top:14px;width:36px;height:36px;border:1px solid var(--dz-line);border-radius:11px;
  background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:1.15rem
}
.dz-flexi-merchant-upgrade-lock{display:grid;place-items:center;width:46px;height:46px;margin-top:2px;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-elevated));font-size:20px}
.dz-flexi-merchant-upgrade-card>small:first-of-type{color:var(--dz-accent);font-size:.6rem;font-weight:850}
.dz-flexi-merchant-upgrade-card h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}
.dz-flexi-merchant-upgrade-card p{margin:0;color:var(--dz-muted);font-size:.72rem;line-height:1.8}
.dz-flexi-merchant-upgrade-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:4px}
.dz-flexi-merchant-upgrade-actions a,.dz-flexi-merchant-upgrade-actions button{
  min-height:42px;display:grid;place-items:center;padding:0 13px;border-radius:12px;font:inherit;font-size:.68rem;font-weight:850;text-decoration:none
}
.dz-flexi-merchant-upgrade-actions a{border:1px solid color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line));background:var(--dz-accent);color:#fff}
.dz-flexi-merchant-upgrade-actions button{border:1px solid var(--dz-line);background:var(--dz-elevated);color:var(--dz-ink)}
.dz-flexi-merchant-upgrade-note{font-size:.54rem!important;line-height:1.55;color:var(--dz-muted)!important}
@media(max-width:390px){.dz-flexi-merchant-upgrade-actions{grid-template-columns:1fr}.dz-flexi-merchant-upgrade-actions button{order:2}}

/* Compact services dropdown, real recent purchases, and tier progress. */
#trader-drawer[open]{display:flex;flex-direction:column;gap:0}
#trader-drawer #trader-close{position:absolute;left:14px;top:20px}
#trader-sidebar{display:flex;flex-direction:column}
#trader-sidebar #trader-collapse{position:absolute;left:14px;top:20px}
#trader-sidebar>nav,#trader-drawer>nav{flex-shrink:0}
.trader-services-dropdown{margin-top:12px;border-top:1px solid var(--dz-line);padding-top:10px}
.trader-services-dropdown summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:650;cursor:pointer;list-style:none}
.trader-services-dropdown summary::-webkit-details-marker{display:none}
.trader-services-dropdown summary>svg{width:20px;height:20px}
.trader-services-dropdown summary>b{margin-inline-start:auto;transition:transform .16s}
.trader-services-dropdown[open] summary>b{transform:rotate(180deg)}
.trader-services-dropdown>div{padding:5px 12px 0 0;border-inline-start:1px solid var(--dz-line);margin-inline-start:20px}
.trader-services-dropdown [data-trader-link]{font-size:13px;min-height:40px;padding-block:8px}
.trader-recent{padding:18px 10px 14px;border-top:1px solid var(--dz-line);margin-top:18px}
.trader-recent h3{font-size:11px;color:var(--dz-muted);margin:0 0 10px;font-weight:600}
.trader-recent-row{display:flex;align-items:center;gap:10px;padding:9px 0}
.trader-product-logo{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-bg)}
.trader-product-logo img{object-fit:contain;max-width:28px;max-height:28px}
.trader-product-logo svg{width:20px;height:20px;color:var(--dz-accent)}
.trader-recent-row>span:last-child{display:grid;gap:5px;min-width:0}
.trader-recent-row strong{font-size:11px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.trader-recent-row small{font-size:10px;color:var(--dz-muted)}
.trader-recent-row .trader-status-success{color:#249977}.trader-recent-row .trader-status-failed,.trader-recent-row .trader-status-reversed{color:#d76565}
.trader-upgrade{margin-top:auto;padding:18px 12px 5px;flex-shrink:0;border-top:1px solid var(--dz-line)}
.trader-upgrade>small{font-size:11px;color:var(--dz-accent)}
.trader-upgrade-count{font-size:10px;color:var(--dz-muted);margin:9px 0}
.trader-upgrade progress{display:block;width:100%;height:6px;accent-color:var(--dz-accent);border-radius:8px;overflow:hidden}
.trader-upgrade progress::-webkit-progress-bar{background:var(--dz-line)}
.trader-upgrade progress::-webkit-progress-value{background:var(--dz-accent);border-radius:8px}
.trader-upgrade-button{width:100%;margin-top:12px;min-height:40px;border:0;border-radius:12px;background:var(--dz-accent);color:#fff;font:inherit;font-size:12px;cursor:pointer}
.trader-summary-note{font-size:11px;line-height:1.8;color:var(--dz-muted);margin:0}
.dz-trader-collapsed #trader-sidebar .trader-recent,.dz-trader-collapsed #trader-sidebar .trader-upgrade,.dz-trader-collapsed #trader-sidebar .trader-services-dropdown{display:none}
@media(max-width:900px){#trader-sidebar{display:none}}


/* Merchant workspace v2: one view at a time, compact operating surfaces. */
.dz-account-route.dz-trader-shell .dz-account-page-head{display:none}
#account-view .mw2{display:grid;gap:16px;padding-top:12px}
.mw-page-heading,.mw-records-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mw-page-heading h2{font-size:21px;line-height:1.4}.mw-page-heading>div:first-child{display:grid;gap:5px}.mw-page-heading small{font-size:10px}
.mw-tools{display:flex;align-items:center;gap:6px}
.mw-tools button{display:grid;place-items:center;width:35px;height:35px;padding:7px;border:1px solid var(--dz-line)!important;border-radius:10px;background:var(--dz-surface)!important;color:var(--dz-muted)}
.mw-tools button svg{width:18px;height:18px}.mw-tools button:hover{color:var(--dz-accent);border-color:var(--dz-accent)!important}
.mw-tools select{max-width:105px;min-height:35px;border:1px solid var(--dz-line);border-radius:9px;font:inherit;font-size:10px;background:var(--dz-surface);color:var(--dz-ink)}
.mw-wallet{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px;min-height:110px;border-radius:20px;background:radial-gradient(ellipse at 0% 0%,#4fc6db66,transparent 70%),linear-gradient(120deg,#173873,#285cb6);color:#fff;border:1px solid #ffffff24}
.mw-wallet>div:first-child{display:grid;gap:7px}.mw-wallet small{color:#e2edff}.mw-wallet strong{font:700 29px system-ui;letter-spacing:-.03em}.mw-wallet strong small{font:500 12px system-ui}
.mw-wallet-side{display:grid;gap:13px;justify-items:end}.mw-wallet-side>span{font-size:10px;color:#d3e4ff}.mw-wallet-side a{display:flex;align-items:center;gap:7px;font-size:11px;text-decoration:none;color:#fff;padding:8px 10px;border:1px solid #ffffff30;border-radius:10px}.mw-wallet-side svg{width:16px;height:16px}
.ma-private .mw-wallet strong::after{content:'••••';visibility:visible}
.mw-shift{border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface);padding:15px 16px}
.mw-shift-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.mw-shift-head>span{display:flex;align-items:center;gap:8px}.mw-shift-head strong{font-size:13px}.mw-shift-head svg{width:18px;height:18px;color:var(--dz-accent)}
.mw-shift-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}
.mw-shift-numbers>div{display:grid;gap:7px;text-align:center;min-width:0;border-inline-end:1px solid var(--dz-line)}.mw-shift-numbers>div:last-child{border:0}
.mw-shift-numbers b{font:700 19px system-ui;overflow-wrap:anywhere}.mw-shift-numbers em{font-size:9px;font-style:normal}.mw-shift-numbers small{font-size:9px;line-height:1.5}
.mw-shift-success b{color:#229d75}
.mw-attention{display:flex;align-items:center;gap:9px;text-align:right;padding:12px!important;border:1px solid #d5a33d55!important;border-radius:12px;background:color-mix(in srgb,#d5a33d 7%,var(--dz-surface))!important;font-size:11px!important}.mw-attention b{margin-inline-start:auto}
.mw-quick-links{display:flex;gap:9px}.mw-quick-links a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:42px;border-radius:12px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink);text-decoration:none;font-size:11px}.mw-quick-links a:first-child{background:var(--dz-accent);color:#fff;border-color:var(--dz-accent)}.mw-quick-links svg{width:17px;height:17px}
.mw-latest,.mw-records{min-width:0;border:1px solid var(--dz-line);border-radius:18px;padding:16px;background:var(--dz-surface)}
.mw-records-head h3{font-size:14px}.mw-records-head a{font-size:10px;color:var(--dz-accent);text-decoration:none}
.mw-latest .trader-recent-list{margin-top:9px}.mw-latest .trader-recent-row{padding-block:10px;border-bottom:1px solid var(--dz-line)}.mw-latest .trader-recent-row:last-child{border-bottom:0}
.mw-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface)}
.mw-tabs button{min-height:36px;flex:1;border-radius:9px;font-size:12px}.mw-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface));color:var(--dz-accent);font-weight:700}
.mw-period{width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;margin:0}
.mw-record-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.mw-record-list.mw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mw-transaction,.mw-deposit{display:grid;gap:11px;padding:14px!important;border:1px solid var(--dz-line)!important;border-radius:14px;background:var(--dz-bg)!important;text-align:right;min-width:0;width:100%}
.mw-transaction:hover{border-color:color-mix(in srgb,var(--dz-accent) 40%,var(--dz-line))!important}
.mw-tx-top,.mw-tx-bottom{display:flex;align-items:center;gap:8px;min-width:0}
.mw-tx-top time{margin-inline-start:auto;font-size:9px;color:var(--dz-muted);white-space:nowrap}.mw-type,.mw-tx-top>strong{font-size:10px;font-weight:600}
.mw-product-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:9px;flex:none}.mw-product-icon img{max-width:23px;max-height:23px;object-fit:contain}.mw-product-icon svg{width:17px;height:17px;color:var(--dz-accent)}
.mw-tx-money{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mw-tx-money strong{font:650 17px system-ui;overflow-wrap:anywhere}.mw-tx-money strong>span{color:var(--dz-muted);font-size:14px;margin-inline:7px}.mw-tx-money small{font-size:10px;color:var(--dz-muted)}
.mw-product-name{font-size:11px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.mw-tx-bottom{justify-content:space-between}.mw-tx-bottom>span:first-child{font:10px system-ui;color:var(--dz-muted);overflow-wrap:anywhere}.mw-tx-bottom button{color:var(--dz-accent);font:10px system-ui}
.mw-deposit-value{font:700 20px system-ui}
.mw-record-note{font-size:9px;line-height:1.7;color:var(--dz-muted);margin-top:13px}.mw-empty{grid-column:1/-1;text-align:center;padding:32px 12px;font-size:11px;color:var(--dz-muted)}
.mw-error{font-size:11px;color:#cf6b62;line-height:1.8}
.mw-settings{min-width:0}.mw-settings-identity{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:12px}.mw-settings-identity button{font-size:11px;color:var(--dz-accent)}
.mw-settings .ma-setting{min-height:59px;padding:12px}.mw-dense .mw-transaction{padding:10px!important;gap:7px}
#account-view .mw2 .ma-analysis{display:block}#account-view .mw2 .ma-period{display:flex}
@media(max-width:480px){.mw-record-list.mw-grid{grid-template-columns:1fr}.mw-wallet{padding:16px;min-height:104px}.mw-wallet strong{font-size:26px}.mw-page-heading h2{font-size:19px}.mw-records{padding:13px}.mw-shift-numbers{gap:7px}.mw-shift-numbers b{font-size:17px}.mw-shift-numbers small{font-size:8px}.mw-tools{gap:4px}.mw-tools button{width:32px;height:32px}.mw-tx-money strong{font-size:16px}.mw-page-heading>div:first-child{min-width:0}}

@media(min-width:380px) and (max-width:480px){
.mw-record-list.mw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mw-grid .mw-transaction,.mw-grid .mw-deposit{padding:11px!important;gap:9px}
.mw-grid .mw-tx-top{flex-wrap:wrap}
.mw-grid .mw-tx-top time{width:100%;margin-inline-start:0}
.mw-grid .mw-tx-money{display:grid;gap:6px}
.mw-grid .mw-tx-money strong{font-size:13px}
.mw-grid .mw-tx-money strong>span{margin-inline:2px}
.mw-grid .mw-tx-bottom{flex-wrap:wrap;gap:7px}
.mw-grid .mw-deposit-value{font-size:17px}
}

/* 2026-10-08 Quick Deck collapsed beside contacts + help. */
.dz-flexi-quick-actions{flex-wrap:wrap}
.dz-flexi-quick-deck-toggle{border-color:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 22%,var(--dz-line));color:var(--flexi-network,var(--dz-accent))}
.dz-flexi-quick-deck-toggle[aria-expanded="true"]{background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,var(--dz-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,transparent)}
.dz-flexi-quick-deck-head-actions{display:flex;align-items:center;gap:6px;flex:none}
.dz-flexi-quick-deck-head-actions>button{min-height:30px;padding:0 9px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.58rem;font-weight:800}
#flexi-quick-deck-help{width:30px;padding:0;border-radius:999px;color:var(--flexi-network,var(--dz-accent));font-size:.78rem;font-weight:950}
.dz-flexi-quick-deck-help-list{display:grid;gap:7px;margin-top:2px}
.dz-flexi-quick-deck-help-list>div{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-elevated)}
.dz-flexi-quick-deck-help-list strong{font-size:.64rem}
.dz-flexi-quick-deck-help-list span{font-size:.56rem;line-height:1.45;color:var(--dz-muted)}
@media(max-width:380px){
  .dz-flexi-quick-actions{gap:6px}
  .dz-flexi-quick-actions .dz-flexi-pill{padding-inline:11px}
}

/* 2026-10-08 Quick Deck compact trigger + inline help. */
.dz-flexi-quick-actions{flex-wrap:wrap}
.dz-flexi-quick-deck-toggle{border-color:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 22%,var(--dz-line));color:var(--flexi-network,var(--dz-accent))}
.dz-flexi-quick-deck-toggle[aria-expanded="true"]{background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,var(--dz-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,transparent)}
.dz-flexi-quick-deck-head-actions{display:flex;align-items:center;gap:6px}
.dz-flexi-quick-deck-head-actions>button{min-height:30px;padding:0 9px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;font-size:.58rem;font-weight:800}
#flexi-quick-deck-help{width:30px;padding:0;border-radius:50%;font-size:.7rem;font-weight:950;color:var(--flexi-network,var(--dz-accent))}
#flexi-quick-deck-help[aria-expanded="true"]{background:color-mix(in srgb,var(--flexi-network,var(--dz-accent)) 10%,var(--dz-elevated))}
.dz-flexi-quick-deck-help-panel{display:grid;gap:6px;padding:9px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-elevated)}
.dz-flexi-quick-deck-help-panel[hidden]{display:none!important}
.dz-flexi-quick-deck-help-panel>strong{font-size:.63rem}
.dz-flexi-quick-deck-help-panel>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 72%,transparent)}
.dz-flexi-quick-deck-help-panel>div:last-of-type{border-bottom:0}
.dz-flexi-quick-deck-help-panel b{font-size:.56rem;color:var(--dz-ink);white-space:nowrap}
.dz-flexi-quick-deck-help-panel span{font-size:.53rem;line-height:1.4;color:var(--dz-muted);text-align:left}
.dz-flexi-quick-deck-help-panel>small{font-size:.51rem;line-height:1.5;color:var(--dz-muted)}

/* 2026-10-08 unified popup scroll isolation. */
body.dz-flexi-dialog-open{
  position:fixed!important;left:0!important;right:0!important;width:100%!important;height:100%!important;
  overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important
}
body.dz-flexi-dialog-open dialog[open]{
  max-height:calc(100dvh - max(16px,env(safe-area-inset-bottom)))!important;
  overscroll-behavior:contain!important;touch-action:pan-y!important
}
body.dz-flexi-dialog-open dialog[open]>*{
  overscroll-behavior:contain!important
}
.dz-flexi-settings-backdrop{
  overscroll-behavior:none!important;touch-action:none!important
}
.dz-flexi-settings-sheet{
  overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch
}

/* Account payments and shared order records */
.mw2 [hidden],.wallet-form [hidden]{display:none!important}
.dz-account-subview .dz-account-page-head{display:none}
.mw-wallet button,.mw-wallet a{display:inline-flex;gap:6px;align-items:center;border:1px solid #ffffff40;border-radius:12px;color:white;background:#ffffff0c;padding:10px 12px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.mw-records{padding:16px!important}
.mw-records-head{gap:10px;margin-bottom:12px}
.mw-records-head h3{display:flex;align-items:center;gap:8px;font-size:16px;margin:0}
.mw-count{font-size:11px;background:var(--surface-2,#8080800b);border:1px solid var(--border,#80808022);padding:3px 7px;border-radius:8px;color:var(--muted,#888);font-weight:500}
.mw-empty{padding:22px 10px!important;min-height:0!important;font-size:13px;line-height:1.8}
.mw-record-note{margin-top:12px;font-size:10px!important;line-height:1.7}
.mw-records .ma-filters{margin-bottom:12px;gap:8px}
.mw-records .ma-filters input,.mw-records .ma-filters select,.mw-records .ma-filters button{min-height:40px!important;height:40px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12px}
.mw-tools button{width:32px!important;height:32px!important;border-radius:10px!important}
.mw-tools svg{width:17px!important;height:17px!important}
.mw-period{justify-self:start;padding:4px!important;border-radius:12px!important;gap:2px!important}
.mw-period button{min-height:34px!important;padding:6px 12px!important;font-size:12px!important;border-radius:9px!important;white-space:nowrap}
.mw-page-heading{align-items:center;margin-bottom:0!important}
.mw-page-heading h2{font-size:21px!important;margin:0 0 4px}
.mw-page-heading small{font-size:11px!important}
.mw-back{color:var(--accent,#3b82f6);font-size:13px;text-decoration:none}
.mw-transaction{padding:12px!important;gap:8px!important;border-radius:13px!important}
.mw-product-icon{width:32px!important;height:32px!important}
.mw-product-icon img{width:27px!important;height:27px!important;object-fit:contain}
.mw-type{font-size:11px!important}
.mw-tx-top time{font-size:10px!important}
.mw-product-name{font-size:13px!important;line-height:1.7}
.mw-tx-money{padding:0!important;gap:4px!important;flex-wrap:wrap;align-items:center}
.mw-tx-money strong{font-size:18px!important}
.mw-tx-money small{font-size:10px!important}
.mw-tx-bottom{font-size:10px!important;gap:6px;flex-wrap:wrap}
.mw-deposit-open{border:0;background:transparent;color:var(--accent,#3b82f6);font:inherit;font-size:11px;cursor:pointer}
.mw-deposit-value{font-size:22px!important}
.mw-latest{padding:16px!important}
.mw-latest .trader-recent-empty{padding:8px 0!important;margin:0;font-size:12px}
.wallet-intro{font-size:14px;color:var(--muted,#888);margin:0 0 14px}
.wallet-methods{display:grid;gap:10px}
.wallet-methods>button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border,#80808025);border-radius:14px;background:var(--surface,#80808008);color:inherit;font:inherit;text-align:right;cursor:pointer}
.wallet-methods svg{width:25px;height:25px;color:#3b82f6;flex-shrink:0}
.wallet-methods span{display:grid;gap:5px;flex:1}
.wallet-methods strong{font-size:14px}.wallet-methods small{font-size:11px;color:var(--muted,#888)}
.wallet-form{display:grid;gap:10px;margin-top:16px}
.wallet-form label{font-size:13px;font-weight:600}
.wallet-form input{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--border,#80808030);border-radius:11px;padding:12px;background:var(--surface,#80808006);color:inherit;font:inherit;font-size:14px}
.wallet-form input[type=file]{font-size:12px;padding:10px}
.wallet-form small{color:var(--muted,#888);font-size:11px}
.wallet-amount-input{display:flex;align-items:center;gap:10px}
.wallet-amount-input input{flex:1;text-align:center;font-size:25px}
.wallet-feedback{color:#df6e52;font-size:12px;line-height:1.8;margin:0}
.wallet-primary{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;background:#3479ee!important;color:white!important;border:0!important;border-radius:12px;padding:13px!important;font:inherit;font-size:14px!important;cursor:pointer;margin-top:8px}
.wallet-primary:disabled{opacity:.5;cursor:wait}
.wallet-form button:not(.wallet-primary),#deposit-view-history,#deposit-status-check,#wallet-method-retry{display:block;width:100%;font:inherit;font-size:13px;padding:11px;margin-top:8px;border-radius:11px;border:1px solid var(--border,#80808025);background:transparent;color:inherit;cursor:pointer}
.wallet-transfer-amount{display:grid;gap:8px;justify-items:center;padding:18px;border-radius:15px;background:linear-gradient(125deg,#297bdb20,#15c5b010);margin-bottom:16px}
.wallet-transfer-amount small{font-size:12px;color:var(--muted,#888)}.wallet-transfer-amount strong{font-size:28px}
.wallet-bank-data{display:grid;gap:0;margin:0;border:1px solid var(--border,#80808025);border-radius:13px;overflow:hidden}
.wallet-bank-data>div{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--border,#80808015)}.wallet-bank-data>div:last-child{border:0}
.wallet-bank-data dt{color:var(--muted,#888);font-size:12px;min-width:40px}.wallet-bank-data dd{flex:1;text-align:end;margin:0;font-size:13px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.wallet-bank-data button{background:transparent;border:0;color:#3b82f6;font-size:19px;padding:0 5px;cursor:pointer}
@media(max-width:600px){
 .mw2{gap:12px!important;padding-top:8px!important}.mw-wallet{min-height:98px!important;padding:18px!important;border-radius:20px!important}
 .mw-wallet strong{font-size:27px!important}.mw-wallet-side>span{font-size:10px!important}
 .mw-records{padding:12px!important;border-radius:18px!important}.mw-period button{padding:6px 9px!important}
 .mw-records .ma-filters{grid-template-columns:1fr 68px!important}.mw-records .ma-filters input{grid-column:1/-1}.mw-records .ma-filters select{grid-column:1!important}.mw-records .ma-filters button{grid-column:2!important}
 .mw-records-head h3{font-size:14px}.mw-tools{gap:4px!important}.mw-tx-money strong{font-size:17px!important}
 .mw-retail .mw-page-heading{margin-top:8px}.mw-retail .mw-page-heading h2{font-size:23px!important}
}
/* Shared support messenger and compact service history */
#home-support{margin-inline-start:auto;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-accent);cursor:pointer;flex-shrink:0}
#home-support svg{width:21px;height:21px}.dzx-home-greeting{flex-wrap:wrap}
.mw-support-entry{display:flex;align-items:center;gap:10px;width:100%;text-align:start;border:0;background:transparent;color:var(--dz-ink);font:inherit;cursor:pointer;padding:0 2px 4px}.mw-support-entry>svg{width:21px;height:21px;color:var(--dz-accent);flex-shrink:0}.mw-support-entry>svg:last-child{width:16px;margin-inline-start:auto}.mw-support-entry span{display:grid;gap:2px}.mw-support-entry strong{font-size:12px}.mw-support-entry small{font-size:10px;color:var(--dz-muted)}
.mw-service-mobilis{--service:#18a365}.mw-service-ooredoo{--service:#df3c4b}.mw-service-djezzy{--service:#ed6d31}.mw-service-internet{--service:#1396ba}.mw-service-bills{--service:#8862d9}.mw-service-games{--service:#d39525}.mw-service-digital{--service:#687ce8}.mw-service-flexi{--service:#3983dd}
.mw-record-list .mw-transaction{border:1px solid color-mix(in srgb,var(--service) 23%,var(--dz-line))!important;border-inline-start:3px solid var(--service)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--service) 4%,transparent),transparent)!important;padding:10px 12px!important;gap:5px!important;min-height:0!important;box-shadow:none!important}
.mw-transaction .mw-tx-top{display:flex;align-items:center;gap:7px}.mw-transaction .mw-type{background:color-mix(in srgb,var(--service) 11%,transparent);color:var(--service);font-size:10px!important;padding:3px 7px;border-radius:6px}.mw-transaction .mw-tx-top time{margin-inline-start:auto;font-size:10px!important}.mw-transaction .mw-product-icon{width:26px!important;height:26px!important;border:0!important;background:transparent!important}.mw-transaction .mw-product-icon img{width:24px!important;height:24px!important}.mw-transaction .mw-tx-money{display:flex!important;justify-content:space-between;align-items:center;padding:0!important;gap:6px!important}.mw-transaction .mw-tx-money strong{font-size:15px!important}.mw-transaction .mw-discount{font-size:10px!important;color:var(--dz-muted)}.mw-transaction .mw-tx-bottom{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:nowrap!important;gap:7px}.mw-transaction .mw-product-name{font-size:11px!important;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:78%}.mw-transaction .ma-tx-status{font-size:9px!important;padding:3px 7px!important;white-space:nowrap}.mw-recipient{font-size:10px;color:var(--dz-muted);text-align:start}.mw-record-list{gap:8px!important}.mw-deposit{padding:12px!important;gap:8px!important;min-height:0!important}.mw-deposit-value{font-size:20px!important}.wallet-expiry{text-align:center;font-size:13px;font-weight:600;color:var(--dz-accent);padding:8px;background:color-mix(in srgb,var(--dz-accent) 7%,transparent);border-radius:10px}
body.dz-support-open .account-sheet-modal{z-index:12000}body.dz-support-open .account-sheet{width:min(440px,calc(100vw - 24px));height:min(700px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;padding:0;border-radius:24px;overflow:hidden}body.dz-support-open .account-sheet-head{padding:14px 18px!important;flex-shrink:0}body.dz-support-open #account-sheet-body{padding:0!important;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--dz-elevated,#fff)}body.dz-support-open .account-sheet h3{font-size:16px}body.dz-support-open .support-brand{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--dz-line);flex-shrink:0}.support-brand>img{border-radius:11px}.support-brand>span{display:grid;gap:3px;flex:1}.support-brand strong{font-size:14px}.support-brand small{font-size:10px;color:var(--dz-muted)}.support-brand>button,.support-thread-meta>button{border:1px solid var(--dz-line);border-radius:10px;display:grid;place-items:center;background:transparent;color:var(--dz-ink);width:30px;height:30px;cursor:pointer}.support-brand svg,.support-thread-meta svg{width:16px;height:16px}
body.dz-support-open .account-support-tabs{padding:10px 18px;margin:0;display:flex;gap:6px;background:transparent}.account-support-tabs button{font-size:11px;border-radius:9px!important;padding:7px 10px!important}.support-start{display:flex;gap:10px;align-items:center;margin:6px 18px 16px;padding:13px;border:0;border-radius:13px;background:linear-gradient(115deg,var(--dz-accent,#3b82f6),color-mix(in srgb,var(--dz-accent,#3b82f6) 80%,#09baa2));color:#fff;font:inherit;font-size:13px;cursor:pointer}.support-start svg{width:21px;height:21px}.support-start b{margin-inline-start:auto}.support-list-title{display:flex;gap:8px;font-size:11px;font-weight:600;color:var(--dz-muted);margin:0 18px 8px}.support-list-title span{margin-inline-start:auto}
body.dz-support-open .account-support-list{padding:0 18px 16px}body.dz-support-open .account-support-row{display:flex;align-items:center;gap:10px;padding:12px 0;border:0;border-radius:0;border-bottom:1px solid var(--dz-line);background:transparent;color:var(--dz-ink);width:100%;font:inherit;text-align:start}.support-row-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--dz-accent) 9%,transparent);color:var(--dz-accent);flex:0 0 34px}.support-row-icon svg{width:18px;height:18px}.account-support-row>span:nth-child(2){flex:1;min-width:0}.account-support-row strong{font-size:12px}.account-support-row small{font-size:10px;color:var(--dz-muted)}.account-support-row em{font-style:normal;font-size:9px;border-radius:7px;padding:3px 6px;background:color-mix(in srgb,var(--dz-accent) 8%,transparent);color:var(--dz-accent)}.account-support-row>svg{width:15px;height:15px;flex-shrink:0}.account-support-empty{padding:34px 18px!important;text-align:center;display:grid;justify-items:center;gap:10px;background:transparent!important;border:0!important}.account-support-empty>svg{width:44px;height:44px;color:var(--dz-accent);opacity:.65}.account-support-empty strong{font-size:15px}.account-support-empty small{font-size:12px;line-height:1.9;color:var(--dz-muted);max-width:260px}
.support-thread{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.support-thread-meta{display:flex;align-items:center;gap:8px;padding:8px 18px;border-bottom:1px solid var(--dz-line);flex-shrink:0}.support-thread-meta strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-state{font-size:10px;color:var(--dz-accent)}body.dz-support-open .account-support-messages{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0;padding:15px 18px;background:color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface));overscroll-behavior:contain}.support-day{align-self:center;margin:8px 0;font-size:9px;color:var(--dz-muted)}.support-day span{padding:4px 8px;border-radius:7px;background:var(--dz-surface)}body.dz-support-open .account-support-message{max-width:85%;min-width:72px;width:fit-content;margin:0;padding:10px 12px;border:1px solid var(--dz-line);border-radius:15px 15px 4px 15px;background:var(--dz-surface);align-self:flex-start;color:var(--dz-ink);box-shadow:none}body.dz-support-open .account-support-message.own{align-self:flex-end;border-radius:15px 15px 15px 4px;background:var(--dz-accent,#3b82f6);border-color:transparent;color:#fff}.account-support-message>div strong{font-size:9px;font-weight:500;opacity:.8}body.dz-support-open .account-support-message p{margin:5px 0 7px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.account-support-message time{display:block;text-align:end;font-size:9px;opacity:.65}.account-support-message.system{align-self:center;background:transparent!important;border:0!important;font-size:10px}
.support-composer{display:grid;grid-template-columns:1fr 38px;align-items:end;gap:8px;padding:12px 18px;border-top:1px solid var(--dz-line);background:var(--dz-surface);flex-shrink:0}.support-composer textarea{width:100%;min-height:42px;max-height:100px;resize:vertical;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:13px;padding:10px;box-sizing:border-box}.support-composer>button{width:38px;height:38px;border:0;border-radius:12px;background:var(--dz-accent);color:#fff;display:grid;place-items:center;cursor:pointer}.support-composer svg{width:19px;height:19px;transform:scaleX(-1)}.support-composer small{grid-column:1/-1;font-size:9px;color:var(--dz-muted)}body.dz-support-open .account-support-create{margin:10px 18px;padding:0;background:transparent;border:0}.account-support-create input,.account-support-create textarea,.account-support-create select{box-sizing:border-box;font:inherit;font-size:13px;background:var(--dz-surface);color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:12px;padding:11px;width:100%;margin-top:6px}.account-support-create label{font-size:12px}.account-support-create small{font-size:10px;color:var(--dz-muted);line-height:1.8}.account-support-create .primary svg{width:16px;height:16px;vertical-align:middle}.account-support-error{margin:8px 18px!important;padding:10px;font-size:11px}.support-closed{padding:14px 18px;font-size:12px;border-top:1px solid var(--dz-line)}
@media(max-width:600px){body.dz-support-open .account-sheet{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top);box-sizing:border-box}body.dz-support-open .support-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}body.dz-support-open .bottom-nav,body.dz-support-open .dz-bottom-nav{display:none!important}.mw-records{padding:10px!important}.mw-transaction .mw-tx-money strong{font-size:15px!important}.mw-page-heading{margin-bottom:0!important}.mw-wallet{min-height:88px!important;padding:16px!important}}

body.dz-support-open .account-sheet-head{padding:14px 18px!important;flex-shrink:0;align-items:center;border-bottom:1px solid var(--dz-line)}body.dz-support-open .account-sheet-head h3{margin:3px 0 0}body.dz-support-open .account-support-tabs button{font:inherit;font-size:11px;border:1px solid var(--dz-line);background:transparent;color:var(--dz-muted);cursor:pointer}body.dz-support-open .account-support-tabs button[aria-pressed="true"]{border-color:transparent;background:color-mix(in srgb,var(--dz-accent) 10%,transparent);color:var(--dz-accent)}body.dz-support-open .dzx-bottom-nav{display:none!important}

/* 2026-10-08 upgrade support shortcut. */
.dz-flexi-discounts-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-inline-start:0;padding-inline-end:0}
.dz-flexi-discounts-support{
  display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));
  border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-elevated));color:var(--dz-accent)
}
.dz-flexi-discounts-support svg{width:21px;height:21px}
.dz-flexi-discounts-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.dz-flexi-discounts-actions>a,.dz-flexi-discounts-actions>button{
  min-height:44px;display:grid;place-items:center;padding:0 12px;border-radius:13px;font:inherit;font-size:.68rem;font-weight:850;text-decoration:none
}
.dz-flexi-discounts-actions>a{border:1px solid transparent;background:var(--dz-accent);color:#fff}
.dz-flexi-discounts-actions>button{border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));background:var(--dz-elevated);color:var(--dz-accent)}
.dz-flexi-discounts-card>a{display:none!important}
@media(max-width:370px){.dz-flexi-discounts-actions{grid-template-columns:1fr}}

body.dz-support-open .account-sheet-head{position:relative;top:auto;margin:0;width:100%;box-sizing:border-box;background:var(--dz-surface);color:var(--dz-ink)}body.dz-support-open .support-composer{grid-template-columns:minmax(0,1fr) 38px}body.dz-support-open .support-composer label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.dz-support-open .support-composer textarea{min-width:0;grid-column:1}body.dz-support-open .support-composer>button{grid-column:2;grid-row:1}
.dz-flexi-discounts-top{min-height:46px;padding-inline-start:52px}
.dz-flexi-discounts-support{width:38px;height:38px;border-radius:12px}
.dz-flexi-discounts-support svg{width:19px;height:19px}
.dz-flexi-discounts-card h2{margin-top:14px}

/* Dedicated support page: same messenger identity, inline workspace. */
.dz-support-page .account-sheet-modal{z-index:12000}.dz-support-page .account-sheet{width:min(440px,calc(100vw - 24px));height:min(700px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);display:flex;flex-direction:column;padding:0;border-radius:24px;overflow:hidden}.dz-support-page .account-sheet-head{padding:14px 18px!important;flex-shrink:0}.dz-support-page #account-sheet-body{padding:0!important;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--dz-elevated,#fff)}.dz-support-page .account-sheet h3{font-size:16px}.dz-support-page .support-brand{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--dz-line);flex-shrink:0}.support-brand>img{border-radius:11px}.support-brand>span{display:grid;gap:3px;flex:1}.support-brand strong{font-size:14px}.support-brand small{font-size:10px;color:var(--dz-muted)}.support-brand>button,.support-thread-meta>button{border:1px solid var(--dz-line);border-radius:10px;display:grid;place-items:center;background:transparent;color:var(--dz-ink);width:30px;height:30px;cursor:pointer}.support-brand svg,.support-thread-meta svg{width:16px;height:16px}
.dz-support-page .account-support-tabs{padding:10px 18px;margin:0;display:flex;gap:6px;background:transparent}.account-support-tabs button{font-size:11px;border-radius:9px!important;padding:7px 10px!important}.support-start{display:flex;gap:10px;align-items:center;margin:6px 18px 16px;padding:13px;border:0;border-radius:13px;background:linear-gradient(115deg,var(--dz-accent,#3b82f6),color-mix(in srgb,var(--dz-accent,#3b82f6) 80%,#09baa2));color:#fff;font:inherit;font-size:13px;cursor:pointer}.support-start svg{width:21px;height:21px}.support-start b{margin-inline-start:auto}.support-list-title{display:flex;gap:8px;font-size:11px;font-weight:600;color:var(--dz-muted);margin:0 18px 8px}.support-list-title span{margin-inline-start:auto}
.dz-support-page .account-support-list{padding:0 18px 16px}.dz-support-page .account-support-row{display:flex;align-items:center;gap:10px;padding:12px 0;border:0;border-radius:0;border-bottom:1px solid var(--dz-line);background:transparent;color:var(--dz-ink);width:100%;font:inherit;text-align:start}.support-row-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--dz-accent) 9%,transparent);color:var(--dz-accent);flex:0 0 34px}.support-row-icon svg{width:18px;height:18px}.account-support-row>span:nth-child(2){flex:1;min-width:0}.account-support-row strong{font-size:12px}.account-support-row small{font-size:10px;color:var(--dz-muted)}.account-support-row em{font-style:normal;font-size:9px;border-radius:7px;padding:3px 6px;background:color-mix(in srgb,var(--dz-accent) 8%,transparent);color:var(--dz-accent)}.account-support-row>svg{width:15px;height:15px;flex-shrink:0}.account-support-empty{padding:34px 18px!important;text-align:center;display:grid;justify-items:center;gap:10px;background:transparent!important;border:0!important}.account-support-empty>svg{width:44px;height:44px;color:var(--dz-accent);opacity:.65}.account-support-empty strong{font-size:15px}.account-support-empty small{font-size:12px;line-height:1.9;color:var(--dz-muted);max-width:260px}
.support-thread{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.support-thread-meta{display:flex;align-items:center;gap:8px;padding:8px 18px;border-bottom:1px solid var(--dz-line);flex-shrink:0}.support-thread-meta strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-state{font-size:10px;color:var(--dz-accent)}.dz-support-page .account-support-messages{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0;padding:15px 18px;background:color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface));overscroll-behavior:contain}.support-day{align-self:center;margin:8px 0;font-size:9px;color:var(--dz-muted)}.support-day span{padding:4px 8px;border-radius:7px;background:var(--dz-surface)}.dz-support-page .account-support-message{max-width:85%;min-width:72px;width:fit-content;margin:0;padding:10px 12px;border:1px solid var(--dz-line);border-radius:15px 15px 4px 15px;background:var(--dz-surface);align-self:flex-start;color:var(--dz-ink);box-shadow:none}.dz-support-page .account-support-message.own{align-self:flex-end;border-radius:15px 15px 15px 4px;background:var(--dz-accent,#3b82f6);border-color:transparent;color:#fff}.account-support-message>div strong{font-size:9px;font-weight:500;opacity:.8}.dz-support-page .account-support-message p{margin:5px 0 7px;font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.account-support-message time{display:block;text-align:end;font-size:9px;opacity:.65}.account-support-message.system{align-self:center;background:transparent!important;border:0!important;font-size:10px}
.support-composer{display:grid;grid-template-columns:1fr 38px;align-items:end;gap:8px;padding:12px 18px;border-top:1px solid var(--dz-line);background:var(--dz-surface);flex-shrink:0}.support-composer textarea{width:100%;min-height:42px;max-height:100px;resize:vertical;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:13px;padding:10px;box-sizing:border-box}.support-composer>button{width:38px;height:38px;border:0;border-radius:12px;background:var(--dz-accent);color:#fff;display:grid;place-items:center;cursor:pointer}.support-composer svg{width:19px;height:19px;transform:scaleX(-1)}.support-composer small{grid-column:1/-1;font-size:9px;color:var(--dz-muted)}.dz-support-page .account-support-create{margin:10px 18px;padding:0;background:transparent;border:0}.account-support-create input,.account-support-create textarea,.account-support-create select{box-sizing:border-box;font:inherit;font-size:13px;background:var(--dz-surface);color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:12px;padding:11px;width:100%;margin-top:6px}.account-support-create label{font-size:12px}.account-support-create small{font-size:10px;color:var(--dz-muted);line-height:1.8}.account-support-create .primary svg{width:16px;height:16px;vertical-align:middle}.account-support-error{margin:8px 18px!important;padding:10px;font-size:11px}.support-closed{padding:14px 18px;font-size:12px;border-top:1px solid var(--dz-line)}
@media(max-width:600px){.dz-support-page .account-sheet{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0;padding-top:env(safe-area-inset-top);box-sizing:border-box}.dz-support-page .support-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.dz-support-page .bottom-nav,.dz-support-page .dz-bottom-nav{display:none!important}.mw-records{padding:10px!important}.mw-transaction .mw-tx-money strong{font-size:15px!important}.mw-page-heading{margin-bottom:0!important}.mw-wallet{min-height:88px!important;padding:16px!important}}

.dz-support-page .account-sheet-head{padding:14px 18px!important;flex-shrink:0;align-items:center;border-bottom:1px solid var(--dz-line)}.dz-support-page .account-sheet-head h3{margin:3px 0 0}.dz-support-page .account-support-tabs button{font:inherit;font-size:11px;border:1px solid var(--dz-line);background:transparent;color:var(--dz-muted);cursor:pointer}.dz-support-page .account-support-tabs button[aria-pressed="true"]{border-color:transparent;background:color-mix(in srgb,var(--dz-accent) 10%,transparent);color:var(--dz-accent)}.dz-support-page .dzx-bottom-nav{display:none!important}

/* 2026-10-08 upgrade support shortcut. */
.dz-flexi-discounts-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-inline-start:0;padding-inline-end:0}
.dz-flexi-discounts-support{
  display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));
  border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-elevated));color:var(--dz-accent)
}
.dz-flexi-discounts-support svg{width:21px;height:21px}
.dz-flexi-discounts-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.dz-flexi-discounts-actions>a,.dz-flexi-discounts-actions>button{
  min-height:44px;display:grid;place-items:center;padding:0 12px;border-radius:13px;font:inherit;font-size:.68rem;font-weight:850;text-decoration:none
}
.dz-flexi-discounts-actions>a{border:1px solid transparent;background:var(--dz-accent);color:#fff}
.dz-flexi-discounts-actions>button{border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));background:var(--dz-elevated);color:var(--dz-accent)}
.dz-flexi-discounts-card>a{display:none!important}
@media(max-width:370px){.dz-flexi-discounts-actions{grid-template-columns:1fr}}

.dz-support-page .account-sheet-head{position:relative;top:auto;margin:0;width:100%;box-sizing:border-box;background:var(--dz-surface);color:var(--dz-ink)}.dz-support-page .support-composer{grid-template-columns:minmax(0,1fr) 38px}.dz-support-page .support-composer label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dz-support-page .support-composer textarea{min-width:0;grid-column:1}.dz-support-page .support-composer>button{grid-column:2;grid-row:1}
.dz-flexi-discounts-top{min-height:46px;padding-inline-start:52px}
.dz-flexi-discounts-support{width:38px;height:38px;border-radius:12px}
.dz-flexi-discounts-support svg{width:19px;height:19px}
.dz-flexi-discounts-card h2{margin-top:14px}

.dz-support-page{max-width:1060px;margin:0 auto;color:var(--dz-ink);min-width:0}.dz-support-page *{box-sizing:border-box}.support-page-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0 22px}.support-page-heading h1{font-size:27px;line-height:1.4;margin:6px 0}.support-page-heading p{font-size:12px;color:var(--dz-muted);margin:0}.support-page-heading>a{font-size:12px;color:var(--dz-accent);text-decoration:none;white-space:nowrap}.support-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);height:min(720px,calc(100dvh - 190px));min-height:420px;border:1px solid var(--dz-line);border-radius:22px;overflow:hidden;background:var(--dz-surface)}.support-sidebar{min-width:0;overflow:auto;border-inline-end:1px solid var(--dz-line);display:flex;flex-direction:column}.dz-support-page .support-thread{min-width:0;background:var(--dz-surface)}.dz-support-page .support-brand{border-bottom:1px solid var(--dz-line);padding:18px}.dz-support-page .account-support-row{cursor:pointer}.dz-support-page .account-support-row.is-selected{background:color-mix(in srgb,var(--dz-accent) 7%,transparent);border-radius:12px;padding-inline:8px}.dz-support-page .account-support-row>span:nth-child(2){display:grid;gap:4px}.dz-support-page .account-support-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:165px}.dz-support-page .account-support-tabs{flex-shrink:0}.dz-support-page .account-support-list{flex:1}.support-list-empty,.support-page-loading{font-size:12px;color:var(--dz-muted);padding:18px;line-height:1.8}.dz-support-page .account-support-empty{flex:1;align-content:center;padding:30px!important}.support-empty-start{margin-top:8px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-accent);font:inherit;font-size:12px;padding:10px 18px;cursor:pointer}.dz-support-page .support-composer{padding:14px 18px}.dz-support-page .support-composer textarea{min-height:45px}.dz-support-page .account-support-message{max-width:85%}.dz-support-page .support-thread-meta{min-height:44px}.dz-support-page .support-thread-meta>button{display:none}.dz-support-page .support-day{font-size:10px}.dz-support-page .account-support-message p{font-size:14px}.dz-support-page .support-state{font-size:11px}
body.dz-support-route.dz-support-open .account-sheet{height:auto;max-height:85dvh;min-height:0}body.dz-support-route.dz-support-open .support-brand,body.dz-support-route.dz-support-open .account-support-tabs{display:none}body.dz-support-route.dz-support-open .account-support-create{display:grid;gap:12px;margin:18px}body.dz-support-route.dz-support-open .account-support-create>div{display:flex;justify-content:space-between;gap:10px}body.dz-support-route.dz-support-open .account-support-create button{font:inherit;font-size:12px;border:1px solid var(--dz-line);border-radius:11px;padding:10px 16px;color:var(--dz-ink);background:var(--dz-surface);cursor:pointer}body.dz-support-route.dz-support-open .account-support-create button.primary{background:var(--dz-accent);border-color:transparent;color:#fff}body.dz-support-route.dz-support-open .account-support-create label{display:block}
@media(max-width:700px){.support-page-heading{padding:6px 2px 18px}.support-page-heading h1{font-size:23px}.support-page-heading p{font-size:11px}.support-workspace{display:flex;height:auto;min-height:calc(100dvh - 245px);border-radius:18px}.support-sidebar{width:100%;border:0;min-height:370px}.support-workspace>.support-thread{display:none}.support-has-thread .support-workspace{height:calc(100dvh - 145px);min-height:320px}.support-has-thread .support-sidebar{display:none}.support-has-thread .support-workspace>.support-thread{display:flex;width:100%}.support-has-thread .support-page-heading{display:none}.support-has-thread .dz-shop-main{padding-bottom:16px}.dz-support-page .support-thread-meta>button{display:grid}.dz-support-page .support-brand{padding:12px 14px}.dz-support-page .account-support-messages{padding:12px 14px}.dz-support-page .support-composer{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.dz-support-page .account-support-message p{font-size:13px}.dz-support-page .account-support-row strong{max-width:210px}body.dz-support-route.support-has-thread .dzx-bottom-nav{display:none!important}body.dz-support-route.dz-support-open .account-sheet{position:relative;inset:auto;margin:auto;width:calc(100vw - 24px);height:auto;max-height:85dvh;border-radius:22px;padding-top:0}}
@media(max-width:700px){body.dz-support-route.support-has-thread .dz-mobile-nav,body.dz-support-route.dz-support-open .dz-mobile-nav{display:none!important}}
.dz-flexi-discounts-orders{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 2px;padding:12px 14px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated)}
.dz-flexi-discounts-orders span{font-size:.7rem;color:var(--dz-muted)}
.dz-flexi-discounts-orders strong{font-size:1.05rem;color:var(--dz-ink);font-weight:900}
.dz-flexi-discounts-progress-note{margin-top:-5px;margin-bottom:8px;font-size:.6rem}
/* Wallet deposits: compact mobile-first rows and sheets. */
.mw-deposit{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px!important;padding:10px 12px!important;border-radius:14px!important;background:var(--dz-surface)!important;border:1px solid var(--dz-line)!important;min-height:0!important}.mw-deposit-main{display:flex;gap:8px;align-items:center;min-width:0}.mw-deposit-main>span:last-child{display:grid;gap:4px;min-width:0}.mw-deposit-main strong{font-size:11px;line-height:1.5;font-weight:600}.mw-deposit-main time{font-size:10px;color:var(--dz-muted);line-height:1.4}.mw-deposit .mw-product-icon{width:30px!important;height:30px!important;flex:0 0 30px;border-radius:9px!important;border:1px solid var(--dz-line);background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}.mw-deposit .mw-product-icon svg{width:17px;height:17px;color:var(--dz-accent)}.mw-deposit .mw-deposit-value{font-size:18px!important;white-space:nowrap;font-weight:700;text-align:end;line-height:1.4;margin:0!important;padding:0!important}.mw-deposit-value small{font-size:10px;font-weight:500;color:var(--dz-muted)}.mw-deposit-foot{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0}.mw-deposit-foot button{min-height:32px;border:0;background:transparent;color:var(--dz-accent);font:inherit;font-size:10px;padding:3px 2px;cursor:pointer}.mw-deposit-foot button:first-child{direction:ltr}.mw-deposit-foot .mw-deposit-open{margin-inline-start:auto}.mw-deposit-foot .ma-tx-status{font-size:9px!important;padding:4px 7px!important;line-height:1.4;white-space:nowrap}.mw-record-list{gap:7px!important}
body.dz-wallet-open .account-sheet{padding:0;display:flex;flex-direction:column;width:min(430px,calc(100vw - 24px));max-height:86dvh;overflow:hidden;border-radius:22px;background:var(--dz-surface);color:var(--dz-ink)}body.dz-wallet-open .account-sheet-head{position:relative;top:auto;margin:0;padding:14px 16px;flex:0 0 auto;align-items:center;border-bottom:1px solid var(--dz-line);background:var(--dz-surface)}body.dz-wallet-open .account-sheet-head h3{font-size:19px;margin:3px 0 0;line-height:1.4}body.dz-wallet-open .account-sheet-close{width:36px;height:36px;font-size:23px;flex:0 0 36px}body.dz-wallet-open #account-sheet-body{padding:14px 16px max(14px,env(safe-area-inset-bottom));overflow:auto;min-height:0;overscroll-behavior:contain}body.dz-wallet-open .wallet-intro{font-size:12px;color:var(--dz-muted);margin:0 0 12px}body.dz-wallet-open .wallet-methods{display:grid;gap:8px}body.dz-wallet-open .wallet-methods>button{padding:12px!important;gap:10px!important;min-height:64px;border-radius:13px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink);width:100%}body.dz-wallet-open .wallet-methods strong{font-size:14px!important}body.dz-wallet-open .wallet-methods small{font-size:11px!important;line-height:1.6;color:var(--dz-muted)}body.dz-wallet-open .wallet-methods svg{width:22px;height:22px;flex:0 0 22px;color:var(--dz-accent)}body.dz-wallet-open .wallet-form{margin-top:12px;gap:8px}body.dz-wallet-open .wallet-form label{font-size:12px;font-weight:600;margin-top:4px}body.dz-wallet-open .wallet-form input{min-height:44px;font-size:16px;padding:9px 11px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink);border-radius:11px}body.dz-wallet-open .wallet-amount-input{gap:8px}body.dz-wallet-open .wallet-amount-input input{font-size:26px;min-height:56px}body.dz-wallet-open .wallet-amount-input>span{font-size:13px;color:var(--dz-muted)}body.dz-wallet-open .wallet-form small{font-size:10px;color:var(--dz-muted);line-height:1.6}body.dz-wallet-open .wallet-feedback:empty{display:none}body.dz-wallet-open .wallet-primary{font-size:13px!important;padding:12px!important;border-radius:12px;min-height:44px;margin-top:4px}body.dz-wallet-open #deposit-method-back,body.dz-wallet-open #deposit-amount-back,body.dz-wallet-open #deposit-status-check,body.dz-wallet-open #deposit-view-history{font-size:12px;padding:10px;margin-top:4px;min-height:40px}body.dz-wallet-open .wallet-transfer-amount{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;margin:0 0 12px;border-radius:13px;flex-wrap:wrap}body.dz-wallet-open .wallet-transfer-amount small{font-size:11px}body.dz-wallet-open .wallet-transfer-amount strong{font-size:24px}body.dz-wallet-open .wallet-bank-data{border-color:var(--dz-line);border-radius:12px}body.dz-wallet-open .wallet-bank-data>div{padding:9px 11px;gap:8px;min-height:38px;border-color:var(--dz-line)}body.dz-wallet-open .wallet-bank-data dt{font-size:11px;min-width:32px;color:var(--dz-muted)}body.dz-wallet-open .wallet-bank-data dd{font-size:12px;line-height:1.5}body.dz-wallet-open .wallet-bank-data button{font-size:20px;min-width:32px;min-height:32px;padding:0;color:var(--dz-accent)}body.dz-wallet-open .wallet-form input[type=file]{font-size:11px;min-height:46px;padding:6px;max-width:100%;overflow:hidden}body.dz-wallet-open input[type=file]::file-selector-button{font:inherit;font-size:11px;border:0;border-radius:8px;padding:9px 10px;margin-inline-end:8px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);cursor:pointer}body.dz-wallet-open .wallet-receipt-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:4px}body.dz-wallet-open .wallet-receipt-actions button{margin-top:0!important}body.dz-wallet-open .account-sheet-note{font-size:10px;line-height:1.8;padding:9px 11px;margin:10px 0 0;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface));color:var(--dz-muted)}body.dz-wallet-open .dz-mobile-nav{display:none!important}
@media(max-width:600px){.mw-page-heading .mw-tools{gap:5px!important}.mw-page-heading .mw-tools>button{width:36px;height:36px;min-width:36px;padding:8px!important}.mw-page-heading .mw-tools>button svg{width:19px;height:19px}.mw-records-head{gap:8px}.mw-records-head .mw-tools>button{width:32px;height:32px;padding:6px!important}.mw-records-head h3{font-size:13px!important}.mw-deposit .mw-deposit-value{font-size:17px!important}.mw-deposit-main strong{font-size:11px}.mw-deposit .mw-product-icon{width:28px!important;height:28px!important;flex-basis:28px}.mw-records .mw-grid{grid-template-columns:minmax(0,1fr)!important}body.dz-wallet-open .account-sheet-modal{padding:12px 0 calc(12px + env(safe-area-inset-bottom))}body.dz-wallet-open .account-sheet{max-height:88dvh;margin:auto auto 0;border-radius:22px}body.dz-wallet-open .wallet-form{gap:7px}body.dz-wallet-open .account-sheet-head{padding:12px 16px}body.dz-wallet-open .account-sheet-head h3{font-size:18px}body.dz-wallet-open #account-sheet-body{padding-top:12px}.mw-period{max-width:100%;overflow-x:auto;scrollbar-width:none}.mw-period button{white-space:nowrap}}

/* Wallet deposit flow v2 — card first, explicit manual channels, compact guidance. */
body.dz-wallet-open .wallet-deposit-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--dz-accent) 16%,var(--dz-line));border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
body.dz-wallet-open .wallet-deposit-balance>span{font-size:11px;color:var(--dz-muted)}body.dz-wallet-open .wallet-deposit-balance>strong{font-size:18px;white-space:nowrap}body.dz-wallet-open .wallet-deposit-balance small{font-size:10px;font-weight:500;color:var(--dz-muted)}
body.dz-wallet-open .wallet-deposit-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:2px 1px 10px}body.dz-wallet-open .wallet-deposit-heading>span{font-size:13px;font-weight:800}body.dz-wallet-open .wallet-deposit-heading>small{font-size:9px;color:var(--dz-muted)}
body.dz-wallet-open .wallet-methods .wallet-method{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-align:right;min-height:70px!important;padding:11px 12px!important;gap:11px!important;transition:transform .14s ease,border-color .14s ease,background .14s ease}body.dz-wallet-open .wallet-methods .wallet-method:active{transform:scale(.985)}
body.dz-wallet-open .wallet-method-icon{display:grid!important;place-items:center!important;width:39px;height:39px;flex:0 0 39px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent)}body.dz-wallet-open .wallet-method-icon svg{width:21px!important;height:21px!important}
body.dz-wallet-open .wallet-method-copy{display:grid!important;gap:4px!important;min-width:0}body.dz-wallet-open .wallet-method-copy>span{display:flex!important;align-items:center;gap:7px!important;min-width:0}body.dz-wallet-open .wallet-method-copy strong{font-size:13px!important;line-height:1.4}body.dz-wallet-open .wallet-method-copy em{font-style:normal;font-size:8px;font-weight:800;white-space:nowrap;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--dz-accent) 9%,transparent);color:var(--dz-accent)}body.dz-wallet-open .wallet-method-copy small{font-size:10px!important;line-height:1.55!important}body.dz-wallet-open .wallet-method>b{font-size:20px;color:var(--dz-muted);font-weight:400}
body.dz-wallet-open .wallet-method-oneclick_card{border-color:color-mix(in srgb,var(--dz-accent) 26%,var(--dz-line))!important;background:color-mix(in srgb,var(--dz-accent) 3.5%,var(--dz-surface))!important}body.dz-wallet-open .wallet-method-oneclick_card .wallet-method-copy em{background:color-mix(in srgb,#21a66f 11%,transparent);color:#24966a}
body.dz-wallet-open .wallet-deposit-safety{margin:11px 2px 0;font-size:9.5px;line-height:1.75;color:var(--dz-muted)}
body.dz-wallet-open .wallet-deposit-step{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface));border:1px solid var(--dz-line)}body.dz-wallet-open .wallet-deposit-step>span{font-size:12px;font-weight:800}body.dz-wallet-open .wallet-deposit-step>small{font-size:9px;line-height:1.6;color:var(--dz-muted)}
body.dz-wallet-open .wallet-manual-guide{display:grid;gap:12px}body.dz-wallet-open .wallet-manual-warning{display:grid;gap:3px;padding:11px 12px;border:1px solid color-mix(in srgb,#d39a2d 24%,var(--dz-line));border-radius:13px;background:color-mix(in srgb,#d39a2d 6%,var(--dz-surface))}body.dz-wallet-open .wallet-manual-warning strong{font-size:11px}body.dz-wallet-open .wallet-manual-warning span{font-size:9.5px;line-height:1.7;color:var(--dz-muted)}
body.dz-wallet-open .wallet-transfer-section{display:grid;gap:8px}body.dz-wallet-open .wallet-transfer-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}body.dz-wallet-open .wallet-transfer-section-title strong{font-size:12px}body.dz-wallet-open .wallet-transfer-section-title small{font-size:9px;color:var(--dz-accent);font-weight:800}
body.dz-wallet-open .wallet-purpose-note{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface));border:1px solid var(--dz-line)}body.dz-wallet-open .wallet-purpose-note strong{font-size:11px}body.dz-wallet-open .wallet-purpose-note span{font-size:9.5px;line-height:1.7;color:var(--dz-muted)}
body.dz-wallet-open .wallet-ccp-guide{border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface));overflow:hidden}body.dz-wallet-open .wallet-ccp-guide>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 13px;cursor:pointer;user-select:none}body.dz-wallet-open .wallet-ccp-guide>summary::-webkit-details-marker{display:none}body.dz-wallet-open .wallet-ccp-guide>summary>span{display:grid;gap:3px;flex:1}body.dz-wallet-open .wallet-ccp-guide>summary strong{font-size:11.5px}body.dz-wallet-open .wallet-ccp-guide>summary small{font-size:9px;color:var(--dz-muted)}body.dz-wallet-open .wallet-ccp-guide>summary>b{font:500 18px/1 system-ui;color:var(--dz-accent);transition:transform .16s ease}body.dz-wallet-open .wallet-ccp-guide[open]>summary>b{transform:rotate(180deg)}body.dz-wallet-open .wallet-ccp-guide-body{padding:0 12px 12px;border-top:1px solid var(--dz-line)}body.dz-wallet-open .wallet-ccp-guide-body ol{list-style:none;padding:8px 0 0;margin:0;display:grid;gap:2px}body.dz-wallet-open .wallet-ccp-guide-body li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 70%,transparent)}body.dz-wallet-open .wallet-ccp-guide-body li:last-child{border-bottom:0}body.dz-wallet-open .wallet-ccp-guide-body li>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--dz-accent) 10%,transparent);color:var(--dz-accent);font-size:9px}body.dz-wallet-open .wallet-ccp-guide-body li>span{display:grid;gap:3px}body.dz-wallet-open .wallet-ccp-guide-body li strong{font-size:10.5px}body.dz-wallet-open .wallet-ccp-guide-body li small{font-size:9.5px;line-height:1.7;color:var(--dz-muted)}body.dz-wallet-open .wallet-ccp-words{display:grid!important;gap:7px!important;margin-top:5px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border:1px dashed color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line))}body.dz-wallet-open .wallet-ccp-words q{quotes:none;font-size:11px;line-height:1.8;font-weight:750;color:var(--dz-ink)}body.dz-wallet-open .wallet-ccp-words button{width:max-content;max-width:100%;border:0;background:transparent;color:var(--dz-accent);font:inherit;font-size:9px;font-weight:800;padding:0;cursor:pointer}body.dz-wallet-open .wallet-ccp-code{display:flex!important;align-items:center!important;gap:8px!important;margin-top:5px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));border:1px dashed color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line))}body.dz-wallet-open .wallet-ccp-code code{font:800 13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;color:var(--dz-ink);direction:ltr}body.dz-wallet-open .wallet-ccp-code button{margin-inline-start:auto;border:0;background:transparent;color:var(--dz-accent);font:inherit;font-size:9px;font-weight:800;padding:0;cursor:pointer}body.dz-wallet-open .wallet-ccp-marker{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:7px!important;margin-top:7px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,#21a66f 7%,var(--dz-surface));border:1px solid color-mix(in srgb,#21a66f 22%,var(--dz-line));direction:ltr}body.dz-wallet-open .wallet-ccp-marker b,body.dz-wallet-open .wallet-ccp-marker strong,body.dz-wallet-open .wallet-ccp-marker code{font-size:10px;line-height:1.5;color:var(--dz-ink)}body.dz-wallet-open .wallet-ccp-marker code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;color:var(--dz-accent)}body.dz-wallet-open .wallet-ccp-marker>*+*::before{content:'•';margin-inline-end:7px;color:var(--dz-muted)}body.dz-wallet-open .wallet-ccp-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}body.dz-wallet-open .wallet-ccp-guide-actions button,body.dz-wallet-open .wallet-ccp-guide-actions a{min-height:38px;display:grid;place-items:center;padding:8px 10px;border-radius:10px;font:inherit;font-size:9.5px;text-align:center;text-decoration:none;cursor:pointer}body.dz-wallet-open .wallet-ccp-guide-actions button{border:0;background:var(--dz-accent);color:#fff}body.dz-wallet-open .wallet-ccp-guide-actions a{border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-accent)}body.dz-wallet-open .wallet-ccp-guide-body>p{margin:9px 0 0;font-size:8.8px;line-height:1.7;color:var(--dz-muted)}
@media(max-width:380px){body.dz-wallet-open .wallet-deposit-heading{display:grid;gap:2px}body.dz-wallet-open .wallet-method-copy>span{align-items:flex-start;flex-direction:column;gap:3px!important}body.dz-wallet-open .wallet-method-copy em{font-size:7.5px}body.dz-wallet-open .wallet-ccp-guide-actions{grid-template-columns:1fr}}

/* === Support Chat V3 · 2026-10-08 · mobile-first conversation UI === */
.dz-support-page .support-workspace{
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--dz-line) 88%,transparent);
  box-shadow:0 22px 60px rgba(15,23,42,.07);
}
.dz-support-page .support-sidebar{
  background:color-mix(in srgb,var(--dz-surface) 97%,var(--dz-bg));
}
.dz-support-page .support-inbox-head{
  min-height:70px;padding:14px 16px 10px;display:flex;align-items:center;gap:12px;
}
.dz-support-page .support-inbox-head>span{display:grid;gap:2px;flex:1;min-width:0}
.dz-support-page .support-inbox-head strong{font-size:18px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.dz-support-page .support-inbox-head small{font-size:10px;color:var(--dz-muted)}
.dz-support-page .support-inbox-head>button{
  width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;
  background:var(--dz-accent);color:#fff;font:600 22px/1 sans-serif;cursor:pointer;
  box-shadow:0 7px 18px color-mix(in srgb,var(--dz-accent) 24%,transparent);
}
.dz-support-page .account-support-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 14px 10px;
}
.dz-support-page .account-support-tabs button{
  min-height:34px;border:0!important;border-radius:10px!important;background:transparent!important;
  font-size:11px!important;font-weight:700;color:var(--dz-muted)!important;
}
.dz-support-page .account-support-tabs button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--dz-accent) 9%,transparent)!important;color:var(--dz-accent)!important;
}
.dz-support-page .support-list-title{
  margin:4px 16px 6px;font-size:10px;font-weight:650;color:var(--dz-muted);
}
.dz-support-page .account-support-list{padding:0 10px 12px}
.dz-support-page .account-support-row{
  min-height:62px;padding:8px;border:0!important;border-radius:14px!important;gap:10px;
  background:transparent!important;transition:background .16s ease,transform .16s ease;
}
.dz-support-page .account-support-row:hover,
.dz-support-page .account-support-row.is-selected{
  background:color-mix(in srgb,var(--dz-accent) 7%,transparent)!important;
}
.dz-support-page .account-support-row:active{transform:scale(.99)}
.dz-support-page .support-row-icon{
  width:42px;height:42px;flex:0 0 42px;border-radius:50%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--dz-accent) 94%,#6d5dfc),var(--dz-accent));
  color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--dz-accent) 18%,transparent);
}
.dz-support-page .support-row-icon svg{width:19px;height:19px}
.dz-support-page .account-support-row>span:nth-child(2){display:grid;gap:3px}
.dz-support-page .account-support-row strong{font-size:12.5px;max-width:178px;font-weight:700}
.dz-support-page .account-support-row small{font-size:9.5px}
.dz-support-page .account-support-row em{
  padding:3px 7px;border-radius:999px;font-size:8.5px;background:color-mix(in srgb,var(--dz-accent) 8%,transparent)
}
.dz-support-page .support-list-empty{
  padding:28px 14px;text-align:center;font-size:11px;line-height:1.8;color:var(--dz-muted)
}
.dz-support-page .support-list-empty button{
  margin-top:8px;border:0;border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 9%,transparent);
  color:var(--dz-accent);padding:8px 12px;font:700 10px "IBM Plex Sans Arabic",sans-serif
}

.dz-support-page .support-thread{
  min-width:0;position:relative;background:var(--dz-surface);
}
.dz-support-page .support-chat-head{
  min-height:66px;padding:10px 14px;display:flex;align-items:center;gap:10px;
  border-bottom:1px solid color-mix(in srgb,var(--dz-line) 88%,transparent);
  background:color-mix(in srgb,var(--dz-surface) 94%,transparent);backdrop-filter:blur(18px);
  flex:0 0 auto;z-index:4;
}
.dz-support-page .support-chat-back,
.dz-support-page .support-chat-tool{
  width:36px;height:36px;flex:0 0 36px;border:0;border-radius:50%;display:grid;place-items:center;
  background:transparent;color:var(--dz-ink);cursor:pointer;
}
.dz-support-page .support-chat-back:hover,
.dz-support-page .support-chat-tool:hover{background:color-mix(in srgb,var(--dz-ink) 5%,transparent)}
.dz-support-page .support-chat-back{display:none}
.dz-support-page .support-chat-back svg,.dz-support-page .support-chat-tool svg{width:19px;height:19px}
.dz-support-page .support-chat-avatar{
  width:40px;height:40px;border-radius:13px;object-fit:cover;box-shadow:0 6px 16px rgba(15,23,42,.12)
}
.dz-support-page .support-chat-identity{display:grid;gap:2px;flex:1;min-width:0}
.dz-support-page .support-chat-identity strong{
  font-size:13px;line-height:1.35;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.dz-support-page .support-chat-identity small{display:flex;align-items:center;gap:5px;font-size:9.5px;color:var(--dz-muted)}
.dz-support-page .support-chat-identity small i{
  width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px color-mix(in srgb,#34c759 11%,transparent)
}
.dz-support-page .support-thread-meta{
  min-height:36px;padding:5px 14px;display:flex;align-items:center;gap:8px;
  border-bottom:1px solid color-mix(in srgb,var(--dz-line) 72%,transparent);
  background:color-mix(in srgb,var(--dz-surface) 97%,var(--dz-bg));
}
.dz-support-page .support-thread-meta strong{
  flex:1;min-width:0;font-size:10.5px;font-weight:650;color:var(--dz-muted);
}
.dz-support-page .support-state{
  padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--dz-accent) 8%,transparent);
  color:var(--dz-accent);font-size:8.5px;font-weight:700
}
.dz-support-page .support-state.closed{background:color-mix(in srgb,#8b95a5 10%,transparent);color:var(--dz-muted)}

.dz-support-page .account-support-messages{
  flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:14px 18px 18px;display:flex;flex-direction:column;gap:3px;
  background:
    radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--dz-accent) 4%,transparent),transparent 28%),
    color-mix(in srgb,var(--dz-bg) 58%,var(--dz-surface));
  scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--dz-muted) 34%,transparent) transparent;
}
.dz-support-page .support-day{
  align-self:center;margin:8px 0 10px;font-size:8.5px;color:var(--dz-muted)
}
.dz-support-page .support-day span{
  padding:4px 8px;border:0;border-radius:999px;
  background:color-mix(in srgb,var(--dz-surface) 90%,transparent);
  box-shadow:0 1px 6px rgba(15,23,42,.04)
}
.dz-support-page .support-message-row{
  width:100%;display:flex;align-items:flex-end;gap:6px;direction:ltr;margin-top:5px;
}
.dz-support-page .support-message-row.is-grouped{margin-top:1px}
.dz-support-page .support-message-row.staff,
.dz-support-page .support-message-row.peer{justify-content:flex-start}
.dz-support-page .support-message-row.own{justify-content:flex-end}
.dz-support-page .support-message-avatar{
  width:28px;height:28px;flex:0 0 28px;align-self:flex-end;margin-bottom:1px
}
.dz-support-page .support-message-avatar img{width:28px;height:28px;border-radius:10px;display:block}
.dz-support-page .support-message-avatar.is-placeholder{visibility:hidden}
.dz-support-page .support-message-bubble{
  direction:rtl;text-align:right;width:fit-content;max-width:min(76%,520px);
  padding:8px 11px 6px;border-radius:18px;background:var(--dz-surface);color:var(--dz-ink);
  border:1px solid color-mix(in srgb,var(--dz-line) 76%,transparent);
  box-shadow:0 2px 10px rgba(15,23,42,.045);
}
.dz-support-page .support-message-row.staff .support-message-bubble,
.dz-support-page .support-message-row.peer .support-message-bubble{border-bottom-left-radius:6px}
.dz-support-page .support-message-row.staff.is-grouped .support-message-bubble,
.dz-support-page .support-message-row.peer.is-grouped .support-message-bubble{border-top-left-radius:8px}
.dz-support-page .support-message-row.own .support-message-bubble{
  border-color:transparent;border-bottom-right-radius:6px;
  color:#fff;background:linear-gradient(145deg,#438af5,#3377e9);
  box-shadow:0 5px 14px rgba(51,119,233,.13)
}
.dz-support-page .support-message-row.own.is-grouped .support-message-bubble{border-top-right-radius:8px}
.dz-support-page .support-message-speaker{
  display:block;margin-bottom:2px;font-size:8.5px;font-weight:700;color:var(--dz-accent)
}
.dz-support-page .support-message-bubble p{
  margin:0!important;font-size:13.5px!important;line-height:1.62!important;white-space:pre-wrap;overflow-wrap:anywhere
}
.dz-support-page .support-message-bubble time{
  display:block;margin-top:3px;text-align:left;direction:ltr;font-size:8px;line-height:1;opacity:.58
}
.dz-support-page .support-message-row.own .support-message-bubble time{opacity:.7}
.dz-support-page .support-system-pill{
  align-self:center;display:flex;align-items:center;gap:6px;margin:8px 0;
  padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--dz-muted) 8%,transparent);
  color:var(--dz-muted);font-size:8.5px
}
.dz-support-page .support-system-pill time{font-size:7.5px;opacity:.7}

.dz-support-page .support-composer{
  display:flex!important;align-items:flex-end;gap:8px;direction:rtl;
  padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;
  border-top:1px solid color-mix(in srgb,var(--dz-line) 82%,transparent);
  background:color-mix(in srgb,var(--dz-surface) 96%,transparent);backdrop-filter:blur(18px);
}
.dz-support-page .support-composer-field{
  flex:1;min-width:0;position:relative;display:flex;align-items:flex-end;
  border:1px solid color-mix(in srgb,var(--dz-line) 92%,transparent);
  border-radius:23px;background:color-mix(in srgb,var(--dz-bg) 55%,var(--dz-surface));
  transition:border-color .16s ease,background .16s ease;
}
.dz-support-page .support-composer-field:focus-within{
  border-color:color-mix(in srgb,var(--dz-accent) 44%,var(--dz-line));
  background:var(--dz-surface)
}
.dz-support-page .support-composer textarea{
  flex:1;min-width:0;width:100%;height:42px;min-height:42px!important;max-height:118px!important;
  resize:none!important;overflow-y:auto;border:0!important;outline:0;border-radius:23px!important;
  background:transparent!important;color:var(--dz-ink);font:500 13.5px/1.55 "IBM Plex Sans Arabic",sans-serif;
  padding:10px 13px 9px 32px!important;box-sizing:border-box
}
.dz-support-page .support-composer textarea::placeholder{color:color-mix(in srgb,var(--dz-muted) 86%,transparent)}
.dz-support-page .support-composer-info{
  position:absolute;left:10px;bottom:11px;width:15px;height:15px;border-radius:50%;
  display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--dz-muted) 48%,transparent);
  color:var(--dz-muted);font:700 9px/1 sans-serif;opacity:.72
}
.dz-support-page .support-send-button{
  width:42px!important;height:42px!important;flex:0 0 42px;border-radius:50%!important;border:0!important;
  display:grid!important;place-items:center!important;padding:0!important;background:var(--dz-accent)!important;color:#fff!important;
  box-shadow:0 7px 17px color-mix(in srgb,var(--dz-accent) 22%,transparent);cursor:pointer
}
.dz-support-page .support-send-button:disabled{opacity:.45;box-shadow:none}
.dz-support-page .support-send-button svg{width:19px!important;height:19px!important;transform:scaleX(-1)}
.dz-support-page .support-closed{
  padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:9px;
  border-top:1px solid var(--dz-line);background:var(--dz-surface);font-size:10px;color:var(--dz-muted)
}
.dz-support-page .support-closed button{
  border:0;border-radius:9px;padding:7px 9px;background:color-mix(in srgb,var(--dz-accent) 9%,transparent);
  color:var(--dz-accent);font:700 10px "IBM Plex Sans Arabic",sans-serif
}
.dz-support-page .account-support-error{
  margin:8px 14px!important;border-radius:12px!important;font-size:10px!important
}
.dz-support-page .account-support-error button{border:0;background:none;color:inherit;font:700 10px inherit;text-decoration:underline}
.dz-support-page .account-support-empty{
  align-content:center;justify-items:center;gap:8px;padding:32px!important;background:transparent!important
}
.dz-support-page .account-support-empty>svg{
  width:42px;height:42px;padding:9px;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 8%,transparent);
  color:var(--dz-accent);opacity:1
}
.dz-support-page .account-support-empty strong{font-size:14px}
.dz-support-page .account-support-empty small{font-size:10.5px;line-height:1.75}
.dz-support-page .support-empty-start{
  margin-top:4px;border:0;border-radius:11px;padding:9px 13px;
  background:var(--dz-accent);color:#fff;font-size:10.5px;font-weight:700
}

/* New conversation sheet: lighter, message-first */
body.dz-support-route.dz-support-open .account-sheet{
  border-radius:24px!important;box-shadow:0 24px 75px rgba(15,23,42,.18)
}
body.dz-support-route.dz-support-open .account-sheet-head{
  border-bottom:0!important;padding:16px 18px 6px!important
}
body.dz-support-route.dz-support-open .account-support-create{
  gap:10px!important;margin:8px 18px 18px!important
}
body.dz-support-route.dz-support-open .account-support-create input,
body.dz-support-route.dz-support-open .account-support-create select,
body.dz-support-route.dz-support-open .account-support-create textarea{
  border-radius:14px!important;background:color-mix(in srgb,var(--dz-bg) 52%,var(--dz-surface))!important
}
body.dz-support-route.dz-support-open .account-support-create textarea{min-height:120px!important}
body.dz-support-route.dz-support-open .account-support-create>div button{border-radius:12px!important}

@media(max-width:700px){
  .dz-support-page{max-width:none!important;margin:0!important}
  body.dz-support-route:not(.support-has-thread) .support-page-heading{display:none!important}
  body.dz-support-route:not(.support-has-thread) .dz-shop-main{
    padding-top:8px!important;padding-inline:10px!important
  }
  body.dz-support-route:not(.support-has-thread) .support-workspace{
    min-height:calc(100dvh - 150px)!important;border-radius:20px!important
  }
  .dz-support-page .support-inbox-head{padding:14px 12px 9px}
  .dz-support-page .support-sidebar{min-height:0!important}
  .dz-support-page .support-chat-back{display:grid}

  body.dz-support-route.support-has-thread{
    overflow:hidden!important;background:var(--dz-surface)!important
  }
  body.dz-support-route.support-has-thread .dz-store-head,
  body.dz-support-route.support-has-thread .support-page-heading,
  body.dz-support-route.support-has-thread .dz-mobile-nav,
  body.dz-support-route.support-has-thread .dzx-bottom-nav{
    display:none!important
  }
  body.dz-support-route.support-has-thread .dz-shop-main{
    width:100%!important;max-width:none!important;height:100dvh!important;
    margin:0!important;padding:0!important;overflow:hidden!important
  }
  body.dz-support-route.support-has-thread #shop-support{
    display:block!important;width:100%!important;height:100dvh!important;min-height:100dvh!important
  }
  body.dz-support-route.support-has-thread #support-page-body{
    height:100dvh!important;min-height:100dvh!important
  }
  body.dz-support-route.support-has-thread .support-workspace{
    width:100%!important;height:100dvh!important;min-height:100dvh!important;
    border:0!important;border-radius:0!important;box-shadow:none!important
  }
  body.dz-support-route.support-has-thread .support-thread{
    width:100%!important;height:100dvh!important;min-height:0!important
  }
  body.dz-support-route.support-has-thread .support-chat-head{
    min-height:64px;padding:calc(9px + env(safe-area-inset-top)) 10px 9px;
    box-shadow:0 1px 10px rgba(15,23,42,.04)
  }
  body.dz-support-route.support-has-thread .support-chat-avatar{
    width:38px;height:38px;border-radius:12px
  }
  body.dz-support-route.support-has-thread .support-chat-identity strong{font-size:13px}
  body.dz-support-route.support-has-thread .support-thread-meta{
    min-height:32px;padding:4px 12px
  }
  body.dz-support-route.support-has-thread .account-support-messages{
    padding:12px 10px 14px;gap:2px
  }
  body.dz-support-route.support-has-thread .support-message-bubble{
    max-width:78%;padding:7px 10px 6px
  }
  body.dz-support-route.support-has-thread .support-message-bubble p{
    font-size:13.5px!important;line-height:1.58!important
  }
  body.dz-support-route.support-has-thread .support-message-avatar{
    width:25px;height:25px;flex-basis:25px
  }
  body.dz-support-route.support-has-thread .support-message-avatar img{width:25px;height:25px;border-radius:9px}
  body.dz-support-route.support-has-thread .support-composer{
    padding:8px 10px max(8px,env(safe-area-inset-bottom))!important
  }
  body.dz-support-route.support-has-thread .support-send-button{
    width:42px!important;height:42px!important;flex-basis:42px
  }
  body.dz-support-route.support-has-thread .support-composer textarea{
    font-size:14px;min-height:42px!important;padding-block:9px!important
  }
}
@media(max-width:370px){
  body.dz-support-route.support-has-thread .support-message-bubble{max-width:82%}
  .dz-support-page .support-chat-head{gap:7px}
  .dz-support-page .support-chat-tool,.dz-support-page .support-chat-back{width:34px;height:34px;flex-basis:34px}
}
@media(prefers-reduced-motion:reduce){
  .dz-support-page .account-support-row{transition:none}
}
.dz-flexi-discounts-icon svg{width:24px;height:24px}
.dz-flexi-discounts-target{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:.65rem;color:var(--dz-muted)}
.dz-flexi-discounts-target strong{font-size:.68rem;color:var(--dz-ink);font-weight:900}
.dz-flexi-discounts-target.is-unset strong{color:var(--dz-muted)}
.dz-flexi-discounts-progress.is-disabled span{width:0!important}
.dz-flexi-discounts-actions{grid-template-columns:1fr 1fr}
.dz-flexi-discounts-deposit{grid-column:1/-1}
.dz-flexi-discounts-actions>.dz-flexi-discounts-deposit{background:var(--dz-accent);color:#fff;border-color:transparent}
.dz-flexi-discounts-actions>.dz-flexi-discounts-deposit:disabled{background:var(--dz-elevated);color:var(--dz-muted);border-color:var(--dz-line);opacity:.62;cursor:not-allowed}
/* Order rows: balance movement, then offer and recipient on one line. */
.mw-record-list .mw-transaction{padding:8px 10px!important;gap:4px!important}.mw-transaction .mw-tx-top{gap:6px!important}.mw-transaction .mw-tx-top time{font-size:9px!important;white-space:nowrap}.mw-transaction .mw-tx-top .ma-tx-status{margin-inline-start:2px;font-size:9px!important;padding:3px 6px!important}.mw-transaction .mw-tx-money{gap:7px!important}.mw-transaction .mw-tx-money strong{font-size:14px!important;line-height:1.5}.mw-balance-label,.mw-balance-unavailable{font-size:10px;color:var(--dz-muted);white-space:nowrap}.mw-transaction .mw-offer-recipient{gap:9px!important;min-width:0;padding:1px 0}.mw-transaction .mw-offer-recipient .mw-product-name{flex:1;font-size:10px!important;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mw-transaction .mw-offer-recipient .mw-recipient{font-size:10px;white-space:nowrap;flex-shrink:0;line-height:1.5;color:var(--dz-muted)}.mw-transaction .mw-product-icon{width:22px!important;height:22px!important}.mw-transaction .mw-product-icon img{width:22px!important;height:22px!important}.mw-transaction .mw-type{font-size:9px!important;padding:3px 5px}.mw-record-note{font-size:10px;line-height:1.7;color:var(--dz-muted);padding-top:8px}
@media(max-width:380px){.mw-transaction .mw-tx-top{gap:4px!important}.mw-transaction .mw-tx-top time{font-size:8px!important}.mw-transaction .mw-tx-money strong{font-size:13px!important}}
/* Silver merchant: mobile first, real account data, shared DZFlexi themes. */
.sw-workspace{--sw-tint:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface))}
.sw-overview{display:grid;gap:12px;min-width:0}.sw-overview *{box-sizing:border-box}.sw-primary-column,.sw-secondary-column{display:grid;gap:12px;align-content:start;min-width:0}.sw-identity{display:flex;align-items:center;gap:10px;padding:12px 0;min-width:0}.sw-medal{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #98a7bd55;border-radius:15px;background:linear-gradient(145deg,#f3f6fb,#bdc9db);color:#3d4c65;box-shadow:inset 0 1px #fff9}.sw-medal svg{width:30px;height:30px}.sw-identity>div{min-width:0;flex:1}.sw-rank{font-size:10px;color:var(--dz-accent);font-weight:600}.sw-identity h3{font-size:17px;line-height:1.5;margin:2px 0;overflow-wrap:anywhere}.sw-identity small{font-size:10px;color:var(--dz-muted)}.sw-id{font:inherit;font-size:9px;color:var(--dz-muted);border:1px solid var(--dz-line);border-radius:9px;padding:9px 7px;background:var(--dz-surface);cursor:pointer;max-width:105px;overflow-wrap:anywhere}
.sw-wallet{padding:18px;border-radius:22px;border:1px solid #8099be50;background:radial-gradient(ellipse at 0 0,#e6f2ff40,transparent 65%),linear-gradient(115deg,#243b5e,#526d92);color:#fff;box-shadow:0 8px 24px #15386312;min-width:0}.sw-wallet-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#e3ebf6}.sw-wallet-title>span{display:flex;align-items:center;gap:7px}.sw-wallet svg{width:17px;height:17px}.sw-wallet a{color:inherit;font-size:10px;text-decoration:none;min-height:30px;display:flex;align-items:center}.sw-wallet-value{display:grid;gap:4px;margin:15px 0}.sw-wallet-value>small{font-size:10px;color:#d1ddec}.sw-wallet-value>strong{font:700 32px/1.3 system-ui;text-align:right;overflow-wrap:anywhere;letter-spacing:-.02em}.sw-wallet-value em{font:500 12px system-ui;font-style:normal}.sw-wallet-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff20;padding-top:13px}.sw-wallet-bottom>span{display:grid;gap:4px;font-size:9px;color:#e3ebf6}.sw-wallet-bottom b{font:500 11px system-ui}.sw-wallet-bottom button{border:1px solid #ffffff45;border-radius:11px;background:#ffffff14;color:#fff;padding:11px 14px;font:inherit;font-size:11px;cursor:pointer;min-height:42px}.ma-private .sw-wallet-value>strong::after{content:'••••';visibility:visible}
.sw-quick{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px}.sw-quick a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:9px 6px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-ink);font-size:10px;text-decoration:none}.sw-quick svg{width:17px;height:17px;flex-shrink:0}.sw-quick .sw-primary{background:var(--dz-accent);color:#fff;border-color:transparent}
.sw-today,.sw-discounts,.sw-growth,.sw-services{padding:15px;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface);min-width:0}.sw-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.sw-section-head h3{font-size:13px;margin:0;line-height:1.5}.sw-section-head>span{font-size:9px;color:var(--dz-muted)}.sw-today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sw-today-grid article{display:grid;gap:7px;min-width:0}.sw-today-grid article+article{border-inline-start:1px solid var(--dz-line);padding-inline-start:9px}.sw-today-grid small{font-size:9px;color:var(--dz-muted)}.sw-today-grid strong{font:700 18px/1.3 system-ui;text-align:right;overflow-wrap:anywhere}.sw-today-grid em{font:500 8px system-ui;font-style:normal}.sw-today-grid span,.sw-today-grid button{font-size:8px;color:var(--dz-muted);line-height:1.5}.sw-today-grid button{font-family:inherit;text-align:start;border:0;background:transparent;padding:0;cursor:pointer;color:var(--dz-accent)}.sw-active{margin-top:12px;border-top:1px solid var(--dz-line);padding-top:10px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--dz-muted);text-decoration:none}.sw-active span{color:var(--dz-accent)}
.sw-discount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sw-rate{display:grid;justify-items:center;gap:7px;padding:12px 6px;min-width:0;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-ink);text-decoration:none;border-top:2px solid var(--dz-accent)}.sw-rate img{width:28px;height:28px;object-fit:contain}.sw-rate>span{font-size:10px}.sw-rate strong{font:700 18px system-ui}.sw-rate small{font-size:8px;color:var(--dz-muted)}.sw-mobilis{border-top-color:#38a86c}.sw-ooredoo{border-top-color:#ef4d62}.sw-djezzy{border-top-color:#ee893d}.sw-adsl,.sw-idoom4g{border-top-color:#4f91d7}.sw-discounts p,.sw-growth p{font-size:9px;line-height:1.8;color:var(--dz-muted);margin:11px 0 0}
.sw-growth{background:linear-gradient(135deg,var(--sw-tint),var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line))}.sw-growth-title{display:flex;gap:8px;align-items:center}.sw-growth-title>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,#d2aa50 12%,var(--dz-surface));color:#b18c30}.sw-growth-title svg{width:22px;height:22px}.sw-section-head>button{width:34px;height:34px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-surface);color:var(--dz-muted);cursor:pointer;display:grid;place-items:center;padding:7px}.sw-section-head>button svg{width:18px;height:18px}.sw-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:4px 0 8px;color:var(--dz-muted)}.sw-progress-label strong{font:600 12px system-ui;color:var(--dz-ink);direction:ltr}.sw-growth progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;appearance:none;background:var(--dz-line);display:block;accent-color:var(--dz-accent)}.sw-growth progress::-webkit-progress-bar{background:var(--dz-line);border-radius:10px}.sw-growth progress::-webkit-progress-value{background:var(--dz-accent);border-radius:10px}.sw-growth progress::-moz-progress-bar{background:var(--dz-accent);border-radius:10px}.sw-growth-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin-top:12px}.sw-growth-actions button{display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:10px;min-height:42px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--dz-accent);cursor:pointer;padding:8px}.sw-growth-actions button:first-child:not(:disabled){background:var(--dz-accent);border-color:transparent;color:#fff}.sw-growth-actions button:disabled{color:var(--dz-muted);opacity:.6;cursor:not-allowed}.sw-growth-actions svg{width:17px;height:17px;flex-shrink:0}.sw-growth>small{display:block;font-size:8px;line-height:1.8;color:var(--dz-muted);margin-top:9px}.sw-services>div:last-child{display:grid;gap:0}.sw-services a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--dz-ink);font-size:11px;border-bottom:1px solid var(--dz-line)}.sw-services a:last-child{border:0}.sw-services a>svg{width:18px;height:18px;color:var(--dz-accent)}.sw-services a>svg:last-child{margin-inline-start:auto;width:14px;color:var(--dz-muted)}.sw-recent .mw-records-head h3{font-size:13px}.sw-recent .mw-records-head a{font-size:10px}
@media(min-width:1000px){.sw-overview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.sw-identity{grid-column:1/-1}.sw-wallet{padding:24px}.sw-wallet-value>strong{font-size:38px}.sw-discount-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:370px){.sw-identity h3{font-size:15px}.sw-id{font-size:8px;max-width:85px}.sw-today,.sw-discounts,.sw-growth,.sw-services{padding:12px}.sw-today-grid strong{font-size:16px}.sw-quick a{font-size:9px;gap:4px}.sw-growth-actions button{font-size:9px}}
/* Account summaries and compact five-operator strip. */
.sw-discount-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.sw-rate{gap:5px;padding:9px 3px;min-height:85px;border-radius:10px}.sw-rate img{width:23px;height:23px}.sw-rate>span{font-size:8px;white-space:nowrap}.sw-rate strong{font-size:15px}.sw-rate small{font-size:7px}.sw-section-head>a{font-size:10px;color:var(--dz-accent);text-decoration:none;min-height:30px;display:flex;align-items:center}.sw-recent{order:0}.nw-preview,.nw-members,.nw-invites{padding:15px;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-surface);min-width:0}.nw-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nw-numbers article{display:grid;gap:7px;min-width:0}.nw-numbers strong{font:700 20px system-ui;overflow-wrap:anywhere;text-align:right}.nw-numbers small{font-size:9px;color:var(--dz-muted);line-height:1.7}.nw-preview>small{font-size:9px;color:var(--dz-muted)}.nw-page{display:grid;gap:12px;min-width:0}.nw-page>.nw-preview .sw-section-head>a{display:none}.nw-note{font-size:10px;color:var(--dz-muted);line-height:1.8}.nw-member{border:1px solid var(--dz-line);border-radius:14px;padding:12px;margin-top:8px;min-width:0}.nw-member-head{display:flex;gap:8px;align-items:center}.nw-member-head>div{display:grid;gap:5px;min-width:0;flex:1}.nw-member-head strong{font-size:12px;overflow-wrap:anywhere}.nw-member-head small,.nw-member-head>span:last-child{font-size:9px;color:var(--dz-muted);overflow-wrap:anywhere;max-width:100px}.nw-avatar{width:32px;height:32px;display:grid;place-items:center;color:var(--dz-accent);background:var(--dz-bg);border-radius:10px}.nw-avatar svg{width:18px;height:18px}.nw-rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px;padding:9px 0;border-top:1px solid var(--dz-line)}.nw-rates>span{display:grid;gap:5px;text-align:center}.nw-rates small{font-size:9px;color:var(--dz-muted)}.nw-rates b{font:600 13px system-ui}.nw-member>button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:38px;border:1px solid var(--dz-line);background:var(--dz-bg);color:var(--dz-accent);font:inherit;font-size:10px;border-radius:10px;cursor:pointer}.nw-member>button svg{width:15px;height:15px}.nw-page .sw-section-head>button{width:auto;min-width:35px;font:inherit;font-size:10px;padding:8px 10px}.nw-page #network-search{display:flex;gap:6px}.nw-page #network-search input{width:100%;min-width:0;min-height:42px;border:1px solid var(--dz-line);border-radius:11px;padding:9px 11px;background:var(--dz-bg);color:var(--dz-ink);font:inherit;font-size:12px}.nw-page #network-search button,.nw-invites button{font:inherit;font-size:11px;border:1px solid var(--dz-line);border-radius:10px;padding:8px 12px;background:var(--dz-surface);color:var(--dz-accent);cursor:pointer}.nw-invites h3{font-size:13px;margin:0 0 12px}.nw-invites p{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--dz-line);margin:0}.nw-invites small{font-size:10px;color:var(--dz-muted)}.nw-form{display:grid;gap:12px;min-width:0}.nw-form p{font-size:11px;line-height:1.8;color:var(--dz-muted)}.nw-form label{display:grid;gap:7px;font-size:12px}.nw-form input,.nw-form select{min-width:0;width:100%;min-height:44px;font:inherit;font-size:16px;padding:9px 11px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--dz-ink)}.nw-form button{border:0;background:var(--dz-accent);color:#fff;min-height:44px;font:inherit;font-size:12px;border-radius:12px;cursor:pointer}.nw-form button:disabled{opacity:.5;cursor:wait}.nw-form .nw-rate-field{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center}.nw-rate-field>span{display:grid;gap:5px}.nw-rate-field small{font-size:9px;color:var(--dz-muted)}.nw-rate-field input{direction:ltr}#nw-feedback{color:#c75d5d;font-size:11px}.trader-recent-row time{font-size:9px;color:var(--dz-muted)}
@media(max-width:370px){.sw-discounts{padding:10px}.sw-discount-grid{gap:3px}.sw-rate strong{font-size:14px}.sw-rate>span{font-size:7px}.nw-preview,.nw-members,.nw-invites{padding:12px}.nw-numbers strong{font-size:17px}}

/* === Support UX V4 · keyboard-safe + support-first hub === */
.dz-support-page .support-workspace{
  grid-template-columns:360px minmax(0,1fr);
  background:linear-gradient(180deg,color-mix(in srgb,var(--dz-surface) 98%,var(--dz-accent) 2%),var(--dz-surface));
}
.dz-support-page .support-sidebar{
  padding:10px;
  gap:0;
}
.dz-support-page .support-hub-card{
  margin:0 0 8px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--dz-accent) 12%,var(--dz-line));
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--dz-accent) 12%,transparent),transparent 36%),
    linear-gradient(160deg,color-mix(in srgb,var(--dz-surface) 96%,var(--dz-accent) 4%),var(--dz-surface));
  box-shadow:0 10px 26px rgba(15,23,42,.045);
}
.dz-support-page .support-hub-top{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px
}
.dz-support-page .support-hub-mark{
  width:38px;height:38px;border-radius:13px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,#4189f6,#326fde);
  box-shadow:0 8px 18px rgba(50,111,222,.22)
}
.dz-support-page .support-hub-mark svg{width:19px;height:19px}
.dz-support-page .support-hub-top>div{display:grid;gap:2px;min-width:0}
.dz-support-page .support-hub-top strong{font-size:13px;font-weight:800}
.dz-support-page .support-hub-top small{font-size:9.5px;line-height:1.55;color:var(--dz-muted)}
.dz-support-page .support-hub-settings{
  width:34px;height:34px;border:0;border-radius:11px;display:grid;place-items:center;
  color:var(--dz-muted);background:color-mix(in srgb,var(--dz-ink) 4%,transparent)
}
.dz-support-page .support-hub-settings svg{width:18px;height:18px}
.dz-support-page .support-hub-benefits{
  display:flex;gap:6px;overflow:auto;margin:12px -2px 10px;padding:0 2px 2px;scrollbar-width:none
}
.dz-support-page .support-hub-benefits::-webkit-scrollbar,.dz-support-page .support-topic-strip::-webkit-scrollbar{display:none}
.dz-support-page .support-hub-benefits span{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--dz-line) 82%,transparent);border-radius:999px;
  background:color-mix(in srgb,var(--dz-surface) 84%,transparent);color:var(--dz-muted);font-size:8.5px
}
.dz-support-page .support-hub-benefits svg{width:13px;height:13px;color:var(--dz-accent)}
.dz-support-page .support-hub-primary{
  width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;
  border:0;border-radius:13px;background:linear-gradient(135deg,#367ff0,#246de4);color:#fff;
  font:800 11.5px "IBM Plex Sans Arabic",sans-serif;box-shadow:0 9px 20px rgba(36,109,228,.18)
}
.dz-support-page .support-hub-primary svg{width:17px;height:17px}.dz-support-page .support-hub-primary b{font-size:17px}
.dz-support-page .support-mini-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px
}
.dz-support-page .support-mini-stats span{
  min-width:0;padding:7px 5px;border-radius:11px;text-align:center;
  background:color-mix(in srgb,var(--dz-bg) 56%,var(--dz-surface));
  border:1px solid color-mix(in srgb,var(--dz-line) 74%,transparent)
}
.dz-support-page .support-mini-stats b{display:block;font-size:13px;line-height:1.2}
.dz-support-page .support-mini-stats small{font-size:8px;color:var(--dz-muted)}
.dz-support-page .support-topic-strip{
  display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:10px -2px 0;padding:0 2px 2px
}
.dz-support-page .support-topic-strip button{
  scroll-snap-align:start;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:32px;
  padding:6px 9px;border:1px solid color-mix(in srgb,var(--dz-line) 84%,transparent);
  border-radius:999px;background:var(--dz-surface);color:var(--dz-ink);
  font:700 9px "IBM Plex Sans Arabic",sans-serif
}
.dz-support-page .support-topic-strip button:hover,.dz-support-page .support-topic-strip button.is-active{
  border-color:color-mix(in srgb,var(--dz-accent) 36%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent)
}
.dz-support-page .support-topic-strip svg{width:14px;height:14px}
body.support-hide-quick-topics .support-topic-strip{display:none!important}
.dz-support-page .support-search-box{
  margin:4px 4px 7px;min-height:38px;display:flex;align-items:center;gap:7px;padding:0 9px;
  border:1px solid color-mix(in srgb,var(--dz-line) 88%,transparent);border-radius:12px;
  background:color-mix(in srgb,var(--dz-bg) 45%,var(--dz-surface));color:var(--dz-muted)
}
.dz-support-page .support-search-box>svg{width:16px;height:16px;flex:0 0 16px}
.dz-support-page .support-search-box input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--dz-ink);
  font:500 10.5px "IBM Plex Sans Arabic",sans-serif
}
.dz-support-page .support-search-box input::placeholder{color:color-mix(in srgb,var(--dz-muted) 85%,transparent)}
.dz-support-page .support-search-box button{
  width:26px;height:26px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--dz-muted)
}
.dz-support-page .support-search-box button svg{width:14px;height:14px}
.dz-support-page .support-list-title{margin-top:7px}
.dz-support-page .account-support-row[hidden]{display:none!important}

.dz-support-page .support-chat-head{
  padding-inline:12px;gap:8px;
}
.dz-support-page .support-chat-tool{width:34px;height:34px;flex-basis:34px}
.dz-support-page .support-chat-tool svg{width:18px;height:18px}
.dz-support-page .support-thread-meta{
  background:color-mix(in srgb,var(--dz-surface) 97%,var(--dz-bg));transition:min-height .18s ease,padding .18s ease
}
.dz-support-page .support-draft-state{
  position:absolute;bottom:2px;right:62px;font-size:7.5px;color:var(--dz-muted);pointer-events:none;opacity:.75
}
.dz-support-page .support-composer{position:relative}
.dz-support-page .support-composer-field{box-shadow:inset 0 1px 1px rgba(15,23,42,.02)}
.dz-support-page .support-composer-info{
  cursor:pointer;background:transparent!important;padding:0!important
}
.dz-support-page .support-composer-info:hover{color:var(--dz-accent)}
body.support-dense .dz-support-page .support-message-row{margin-top:2px}
body.support-dense .dz-support-page .support-message-row.is-grouped{margin-top:0}
body.support-dense .dz-support-page .support-message-bubble{padding:6px 9px 5px}
body.support-dense .dz-support-page .support-day{margin-block:5px 7px}
body.support-large-text .dz-support-page .support-message-bubble p{font-size:15.5px!important;line-height:1.65!important}
body.support-large-text .dz-support-page .support-message-bubble time{font-size:8.5px}

/* New ticket: topic-first, low-friction */
body.dz-support-route.dz-support-open .support-brand{border-bottom:0!important;padding-bottom:8px!important}
body.dz-support-route.dz-support-open .account-support-tabs{padding-top:0!important}
body.dz-support-route.dz-support-open .support-new-intro{display:grid;gap:2px;margin:2px 0 1px}
body.dz-support-route.dz-support-open .support-new-intro strong{font-size:14px}
body.dz-support-route.dz-support-open .support-new-intro small{font-size:9.5px;color:var(--dz-muted)}
body.dz-support-route.dz-support-open .support-topic-strip{
  margin:2px 0 6px!important;padding-bottom:3px!important
}
body.dz-support-route.dz-support-open .support-safe-note{
  display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border-radius:11px;
  background:color-mix(in srgb,#31a86b 7%,var(--dz-surface));color:color-mix(in srgb,#237b50 82%,var(--dz-ink));
  font-size:9px;line-height:1.7
}
body.dz-support-route.dz-support-open .support-safe-note svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px}

/* Preferences sheet */
.support-settings-layer{
  position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:18px
}
.support-settings-backdrop{
  position:absolute;inset:0;border:0;background:rgba(12,18,30,.46);backdrop-filter:blur(5px)
}
.support-settings-card{
  position:relative;width:min(430px,calc(100vw - 24px));max-height:min(82dvh,690px);overflow:auto;
  border:1px solid color-mix(in srgb,var(--dz-line) 86%,transparent);border-radius:24px;padding:16px;
  background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 30px 90px rgba(15,23,42,.22)
}
.support-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.support-settings-head>span{display:grid;gap:2px}.support-settings-head strong{font-size:15px}.support-settings-head small{font-size:9px;color:var(--dz-muted)}
.support-settings-head>button{
  width:34px;height:34px;border:1px solid var(--dz-line);border-radius:11px;background:color-mix(in srgb,var(--dz-bg) 45%,var(--dz-surface));
  color:var(--dz-ink);font:22px/1 system-ui
}
.support-settings-list{display:grid;gap:3px}
.support-pref-row{
  width:100%;display:flex;align-items:center;gap:12px;padding:10px 2px;border:0;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 72%,transparent);
  background:transparent;color:var(--dz-ink);text-align:right
}
.support-pref-row>span{display:grid;gap:2px;flex:1;min-width:0}.support-pref-row strong{font-size:11.5px}.support-pref-row small{font-size:8.5px;line-height:1.6;color:var(--dz-muted)}
.support-pref-row>i{
  position:relative;width:40px;height:23px;flex:0 0 40px;border-radius:999px;background:color-mix(in srgb,var(--dz-muted) 20%,transparent);transition:.18s
}
.support-pref-row>i>b{
  position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18);transition:.18s
}
.support-pref-row[aria-checked="true"]>i{background:var(--dz-accent)}
.support-pref-row[aria-checked="true"]>i>b{transform:translateX(-17px)}
.support-settings-why{
  margin-top:13px;padding:12px;border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface)),var(--dz-surface));
  border:1px solid color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line))
}
.support-settings-why strong{display:flex;align-items:center;gap:6px;font-size:11.5px}.support-settings-why strong svg{width:16px;height:16px;color:var(--dz-accent)}
.support-settings-why p{margin:7px 0 6px;font-size:9.5px;line-height:1.85;color:var(--dz-muted)}
.support-settings-why small{display:block;font-size:8.5px;color:#b45a5a}

/* Mobile keyboard: bind the whole chat to the VisualViewport. */
@media(max-width:700px){
  body.dz-support-route:not(.support-has-thread) .dz-shop-main{padding:8px 8px calc(92px + env(safe-area-inset-bottom))!important}
  body.dz-support-route:not(.support-has-thread) .support-workspace{
    min-height:calc(100dvh - 150px)!important;border-radius:18px!important
  }
  body.dz-support-route:not(.support-has-thread) .support-sidebar{padding:7px}
  body.dz-support-route:not(.support-has-thread) .support-hub-card{border-radius:18px;padding:12px}
  body.dz-support-route:not(.support-has-thread) .support-hub-top small{font-size:9px}
  body.dz-support-route:not(.support-has-thread) .account-support-tabs{margin-top:2px}
  body.dz-support-route:not(.support-has-thread) .support-search-box{margin-inline:2px}

  body.dz-support-route.support-has-thread .dz-shop-main{
    position:fixed!important;
    top:var(--support-vv-top,0px)!important;
    left:0!important;right:0!important;
    width:100%!important;max-width:none!important;
    height:var(--support-vv-height,100dvh)!important;
    min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important
  }
  body.dz-support-route.support-has-thread #shop-support,
  body.dz-support-route.support-has-thread #support-page-body,
  body.dz-support-route.support-has-thread .support-workspace,
  body.dz-support-route.support-has-thread .support-thread{
    height:var(--support-vv-height,100dvh)!important;
    min-height:0!important;max-height:var(--support-vv-height,100dvh)!important
  }
  body.dz-support-route.support-has-thread .support-thread{
    display:flex!important;flex-direction:column!important;overflow:hidden!important
  }
  body.dz-support-route.support-has-thread .support-chat-head{flex:0 0 auto}
  body.dz-support-route.support-has-thread .support-thread-meta{flex:0 0 auto}
  body.dz-support-route.support-has-thread .account-support-messages{flex:1 1 auto!important;min-height:0!important}
  body.dz-support-route.support-has-thread .support-composer{flex:0 0 auto!important}

  body.support-keyboard-open.dz-support-route.support-has-thread .support-chat-head{
    min-height:52px!important;padding-top:6px!important;padding-bottom:6px!important
  }
  body.support-keyboard-open.dz-support-route.support-has-thread .support-chat-avatar{width:34px;height:34px;border-radius:10px}
  body.support-keyboard-open.dz-support-route.support-has-thread .support-chat-identity small{display:none}
  body.support-keyboard-open.dz-support-route.support-has-thread .support-thread-meta{
    min-height:26px!important;padding-block:2px!important
  }
  body.support-keyboard-open.dz-support-route.support-has-thread .support-composer{
    padding-top:6px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important
  }
  body.support-keyboard-open.dz-support-route.support-has-thread .account-support-messages{padding-bottom:8px!important}

  .support-settings-layer{align-items:end;padding:0}
  .support-settings-card{
    width:100%;max-height:88dvh;border-radius:24px 24px 0 0;border-inline:0;border-bottom:0;
    padding:16px 16px max(16px,env(safe-area-inset-bottom))
  }
  body.dz-support-route.dz-support-open .account-sheet-modal{place-items:end center!important;padding:0!important}
  body.dz-support-route.dz-support-open .account-sheet{
    width:100%!important;max-width:none!important;max-height:92dvh!important;margin:0!important;
    border-radius:24px 24px 0 0!important;border-inline:0!important;border-bottom:0!important
  }
  body.dz-support-route.dz-support-open #account-sheet-body{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  .dz-support-page .support-hub-benefits span{font-size:8px}
  .dz-support-page .support-mini-stats small{font-size:7.5px}
  .dz-support-page .support-topic-strip button{font-size:8.5px;padding-inline:8px}
}
/* DZFlexi client workspace: mobile first, independent records and exact balances. */
.nc-network,.nc-profile,.st-dashboard{display:grid;gap:14px;min-width:0}.nc-network-hero,.nc-profile-hero{padding:20px;border:1px solid var(--dz-line,#e3e8f0);border-radius:24px;background:linear-gradient(135deg,rgba(54,124,236,.1),rgba(33,167,155,.045))}.nc-network-hero h3,.nc-profile h3,.st-dashboard h3{margin:4px 0 10px;font-size:18px}.nc-network-hero .sw-section-head>span{font-size:12px;background:rgba(61,126,238,.12);padding:6px 10px;border-radius:20px}.nc-network-kpis{display:grid;grid-template-columns:1fr 1fr;padding:10px 0 18px;gap:12px}.nc-network-kpis article{display:grid;gap:6px}.nc-network-kpis strong{font-size:27px}.nc-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}.nc-money article{display:grid;gap:8px;padding:12px 8px;border-radius:14px;background:rgba(128,145,169,.075);min-width:0}.nc-money small{font-size:11px;color:var(--dz-muted,#7b8492)}.nc-money strong{font-size:16px;overflow-wrap:anywhere}.nc-money em{font-size:10px;font-style:normal;font-weight:400}.nc-money .nc-debt{background:rgba(230,160,53,.1);color:#b68122}.nc-quick-add,.nc-panel,.st-panel{padding:18px;border-radius:22px;border:1px solid var(--dz-line,#e3e8f0);background:var(--dz-elevated,#fff)}.nc-quick-add h3{margin:0 0 4px;font-size:17px}.nc-quick-add small{color:var(--dz-muted,#7b8492);font-size:12px}.nc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.nc-actions button,.nc-primary,.nc-profile-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid var(--dz-line,#e3e8f0);border-radius:12px;background:var(--dz-elevated,#fff);color:inherit;font:inherit;font-size:13px;cursor:pointer;flex:1}.nc-actions svg{width:18px;height:18px}.nc-actions .nc-primary,.nc-profile-link{background:#377ded;color:#fff;border-color:#377ded}.nc-client-list{padding:16px!important}.nc-client-list h3 small{font-size:12px;color:var(--dz-muted,#7b8492)}.nc-client-grid{display:grid;gap:10px}.nc-client-card{text-align:start;width:100%;border:1px solid var(--dz-line,#e3e8f0);border-radius:18px;padding:14px;background:var(--dz-elevated,#fff);color:inherit;font:inherit;cursor:pointer;transition:border-color .15s}.nc-client-card:hover{border-color:#377ded}.nc-client-head{display:flex;gap:10px;align-items:center;min-width:0}.nc-client-head>span:nth-child(2),.nc-client-head>div{display:grid;gap:4px;flex:1;min-width:0}.nc-client-head strong{font-size:15px}.nc-client-head small{font-size:12px;color:var(--dz-muted,#7b8492);text-align:start}.nc-client-head .nw-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:rgba(61,126,238,.12);color:#377ded;font-weight:700;display:grid;place-items:center}.nc-client-card .nc-money{margin:14px 0 10px}.nc-status{padding:4px 8px;border-radius:8px;font-size:11px;white-space:nowrap;background:rgba(122,139,163,.1)}.nc-active{color:#239b72;background:rgba(35,155,114,.1)}.nc-client-foot{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--dz-muted,#7b8492)}.nc-client-foot b{font-weight:500;color:#377ded}.nc-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;padding:24px 8px;gap:8px}.nc-empty>span{width:48px;height:48px;border-radius:16px;background:rgba(61,126,238,.08);color:#377ded;display:grid;place-items:center}.nc-empty svg{width:24px;height:24px}.nc-empty p{font-size:13px;line-height:1.8;color:var(--dz-muted,#7b8492);margin:0}.nc-updated,.nc-scope{font-size:11px;color:var(--dz-muted,#7b8492);line-height:1.8}.nc-client-head>button{width:40px;height:40px;border:1px solid var(--dz-line,#e3e8f0);border-radius:12px;background:transparent;color:inherit}.nc-client-head>button svg{width:18px}.nc-profile-hero .nc-money{margin-top:20px}.nc-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:4px 0}.nc-tabs button{flex-shrink:0;border:1px solid var(--dz-line,#e3e8f0);border-radius:12px;background:var(--dz-elevated,#fff);color:inherit;font:inherit;font-size:12px;padding:10px 12px;min-height:44px}.nc-tabs button[aria-pressed=true]{background:#377ded;color:#fff;border-color:#377ded}.nc-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;padding:14px 0}.nc-activity article{display:grid;gap:5px}.nc-activity strong{font-size:20px}.nc-activity small{font-size:11px;color:var(--dz-muted,#7b8492)}.nc-rates{padding:12px 0!important}.nc-details{margin:0}.nc-details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--dz-line,#e3e8f0);font-size:13px}.nc-details dt{color:var(--dz-muted,#7b8492)}.nc-details dd{margin:0;max-width:66%;overflow-wrap:anywhere;text-align:end}.nc-records>article{display:flex;gap:10px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--dz-line,#e3e8f0);font-size:13px}.nc-records>article>div{display:grid;gap:5px;min-width:0}.nc-records>article>div:last-child{text-align:end;flex-shrink:0}.nc-records time,.nc-records small,.nc-records span{font-size:11px;color:var(--dz-muted,#7b8492)}.nc-records small[dir=ltr]{max-width:150px;overflow-wrap:anywhere}.nc-profile-link{margin-top:18px;text-decoration:none}.nc-funding-choice{border:0;padding:0;display:flex;gap:8px}.nc-funding-choice legend{font-size:14px;margin-bottom:10px}.nc-funding-choice label{display:flex;gap:6px;align-items:center;padding:12px;border:1px solid var(--dz-line,#e3e8f0);border-radius:12px;flex:1}.nc-funding-choice input{width:18px!important;min-height:18px!important}.nc-confirm-value{font-size:32px;font-weight:700;text-align:center;padding:18px;border-radius:18px;background:rgba(61,126,238,.08)}.nc-preview .nc-money{margin:20px 0 8px}.nc-return{font-size:13px;color:#377ded;text-decoration:none}
.st-intro h3{font-size:20px;margin:6px 0}.st-intro>div>small,.st-intro p{font-size:12px;color:var(--dz-muted,#7b8492);margin:0}.st-period{display:flex;gap:4px;padding:5px;margin-top:16px;border:1px solid var(--dz-line,#e3e8f0);border-radius:15px;background:var(--dz-elevated,#fff)}.st-period button{flex:1;min-height:42px;border:0;border-radius:11px;background:transparent;color:inherit;font:inherit;font-size:13px}.st-period button[aria-pressed=true]{background:#377ded;color:#fff}.st-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 18px;border-radius:24px;background:linear-gradient(130deg,#23639d,#316fe0);color:#fff}.st-total{display:grid;gap:10px;min-width:0}.st-total small,.st-total>span,.st-completion small{font-size:12px;opacity:.8}.st-total strong{font-size:30px;overflow-wrap:anywhere}.st-total em{font-style:normal;font-size:13px;font-weight:400}.st-completion{display:grid;gap:9px;text-align:center;flex:0 0 85px}.st-completion strong{font-size:24px}.st-completion progress{width:85px;height:5px;accent-color:#91e1ce}.st-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-kpi{display:grid;gap:12px;border:1px solid var(--dz-line,#e3e8f0);background:var(--dz-elevated,#fff);border-radius:18px;padding:16px}.st-kpi small,.st-kpi span{font-size:11px;color:var(--dz-muted,#7b8492)}.st-kpi strong{font-size:22px}.st-savings{background:rgba(40,159,126,.06)}.st-panel h3{font-size:16px}.st-panel .sw-section-head>span,.st-panel .sw-section-head>small{font-size:11px;color:var(--dz-muted,#7b8492)}.st-legend{display:flex;gap:14px;font-size:11px;margin:12px 0;color:#377ded}.st-legend span:last-child{color:#249f7a}.st-chart-scroll{overflow:auto;direction:ltr}.st-bars{display:grid;grid-template-columns:repeat(var(--st-columns),minmax(18px,1fr));gap:7px;align-items:end;height:155px;min-width:calc(var(--st-columns)*25px);padding:0 2px}.st-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:155px;gap:6px;font-size:10px;color:var(--dz-muted,#7b8492)}.st-bar>div{width:100%;max-width:32px;border-radius:6px 6px 2px 2px;background:rgba(55,125,237,.35);display:flex;align-items:flex-end;overflow:hidden}.st-bar i{width:100%;background:#249f7a;border-radius:4px 4px 0 0;min-height:0}.st-chart-labels{display:flex;justify-content:space-between;direction:ltr;margin-top:12px;font-size:10px;color:var(--dz-muted,#7b8492)}.st-daily{font-size:12px;margin-top:16px}.st-daily summary{cursor:pointer;padding:8px 0;color:#377ded}.st-daily>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--dz-line,#e3e8f0);font-size:11px}.st-outcome-track{height:9px;display:flex;gap:3px;border-radius:10px;overflow:hidden;margin:16px 0}.st-success{background:#249f7a}.st-pending{background:#e0ab44}.st-failed{background:#de697d}.st-reversed{background:#9a78d0}.st-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.st-outcomes>div{display:flex;align-items:center;gap:6px;font-size:12px}.st-outcomes b{margin-inline-start:auto}.st-outcomes small{color:var(--dz-muted,#7b8492);font-size:10px}.st-dot{width:7px;height:7px;border-radius:50%}.st-service{display:grid;gap:8px;padding:13px 0;border-bottom:1px solid var(--dz-line,#e3e8f0)}.st-service>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.st-service progress{width:100%;height:4px;accent-color:#377ded}.st-service small{font-size:11px;color:var(--dz-muted,#7b8492)}.st-profit{display:flex;gap:10px;align-items:center;text-align:start;padding:16px;border:1px solid var(--dz-line,#e3e8f0);border-radius:18px;background:var(--dz-elevated,#fff);color:inherit;font:inherit}.st-profit svg{width:22px;height:22px;color:#377ded}.st-profit span{flex:1;display:grid;gap:5px}.st-profit strong{font-size:13px}.st-profit small{font-size:11px;color:var(--dz-muted,#7b8492)}
.dz-shop.dz-dark .nc-panel,.dz-shop.dz-dark .nc-quick-add,.dz-shop.dz-dark .nc-client-card,.dz-shop.dz-dark .nc-actions button:not(.nc-primary),.dz-shop.dz-dark .nc-tabs button:not([aria-pressed=true]),.dz-shop.dz-dark .st-panel,.dz-shop.dz-dark .st-kpi,.dz-shop.dz-dark .st-period,.dz-shop.dz-dark .st-profit{background:var(--dz-elevated,#171d2b)}
@media(min-width:800px){.nc-client-grid{grid-template-columns:1fr 1fr}.st-dashboard{grid-template-columns:1fr 1fr}.st-intro,.st-summary,.st-kpis,.st-profit{grid-column:1/-1}.st-summary{padding:30px}.st-total strong{font-size:42px}.nc-profile{max-width:960px}.nc-money strong{font-size:20px}.nc-network-kpis{grid-template-columns:1fr 1fr}.nc-quick-add{display:flex;align-items:center;justify-content:space-between;gap:16px}.nc-quick-add .nc-actions{margin:0}.nc-profile .nc-activity strong{font-size:28px}}
@media(max-width:370px){.nc-money strong{font-size:14px}.nc-money article{padding:10px 6px}.nc-money small{font-size:10px}.st-total strong{font-size:25px}.st-completion{flex-basis:70px}.st-completion progress{width:70px}}

/* === Support new-conversation sheet fixes · 2026-10-09 === */
body.dz-support-route.dz-support-open #account-sheet-body{
  overflow-x:hidden!important;
}
body.dz-support-route.dz-support-open .account-support-create{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.dz-support-route.dz-support-open .account-support-create>*{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body.dz-support-route.dz-support-open .account-support-create>div.support-new-intro{
  display:grid!important;
  justify-content:stretch!important;
  gap:2px!important;
  width:100%;
}
body.dz-support-route.dz-support-open .account-support-create>div.support-topic-strip{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 1px 5px!important;
  margin:2px 0 6px!important;
  overscroll-behavior-inline:contain;
  scroll-padding-inline:1px;
}
body.dz-support-route.dz-support-open .support-topic-strip button{
  flex:0 0 108px!important;
  width:108px!important;
  min-width:108px!important;
  min-height:92px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:7px!important;
  padding:10px 7px!important;
  border-radius:16px!important;
  white-space:normal!important;
  line-height:1.45!important;
  text-align:center!important;
}
body.dz-support-route.dz-support-open .support-topic-strip button svg{
  width:26px!important;height:26px!important
}
body.dz-support-route.dz-support-open .support-topic-strip button span{
  display:block;max-width:88px;overflow-wrap:anywhere
}
body.dz-support-route.dz-support-open .account-support-create>div.support-safe-note{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.dz-support-route.dz-support-open .support-safe-note span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
body.dz-support-route.dz-support-open .account-support-create>div.support-new-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.32fr)!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:2px!important;
  padding:10px 0 2px!important;
  background:linear-gradient(to bottom,color-mix(in srgb,var(--dz-surface) 82%,transparent),var(--dz-surface) 26%)!important;
  backdrop-filter:blur(10px);
}
body.dz-support-route.dz-support-open .support-new-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
body.dz-support-route.dz-support-open .support-new-actions button.primary{
  box-shadow:0 8px 18px color-mix(in srgb,var(--dz-accent) 22%,transparent);
}
body.dz-support-route.dz-support-open .account-support-create label{
  min-width:0!important;
  overflow:hidden;
}
body.dz-support-route.dz-support-open .account-support-create input,
body.dz-support-route.dz-support-open .account-support-create select,
body.dz-support-route.dz-support-open .account-support-create textarea{
  max-width:100%!important;
  min-width:0!important;
}
@media(max-width:700px){
  body.dz-support-route.dz-support-open .account-sheet{
    max-height:min(92dvh,var(--support-vv-height,92dvh))!important;
    height:auto!important;
    overflow:hidden!important;
  }
  body.dz-support-route.dz-support-open #account-sheet-body{
    max-height:calc(min(92dvh,var(--support-vv-height,92dvh)) - 74px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
  }
  body.dz-support-route.dz-support-open .account-support-create{
    margin:12px 14px 0!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body.dz-support-route.dz-support-open .support-topic-strip button{
    flex-basis:101px!important;
    width:101px!important;
    min-width:101px!important;
    min-height:88px!important;
  }
  body.dz-support-route.dz-support-open .support-new-actions{
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
}

/* === Network messaging start flow · direct-chat, not support ticket === */
body.dz-support-route.dz-support-open .support-network-picker,
body.dz-support-route.dz-support-open .support-network-compose{
  width:auto!important;max-width:100%!important;min-width:0!important;
  margin:10px 16px 16px!important;padding:0!important;box-sizing:border-box;
}
body.dz-support-route.dz-support-open .support-network-new-intro{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;justify-content:stretch!important;gap:11px!important;
  width:100%!important;padding:7px 2px 12px!important
}
body.dz-support-route.dz-support-open .support-network-intro-icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,#3f8bf7,#286fe6);
  box-shadow:0 8px 18px rgba(40,111,230,.19)
}
body.dz-support-route.dz-support-open .support-network-intro-icon svg{width:20px;height:20px}
body.dz-support-route.dz-support-open .support-network-new-intro>div{
  display:grid!important;gap:2px!important;min-width:0!important
}
body.dz-support-route.dz-support-open .support-network-new-intro strong{
  font-size:14px;font-weight:800;line-height:1.45
}
body.dz-support-route.dz-support-open .support-network-new-intro small{
  font-size:9.5px;line-height:1.65;color:var(--dz-muted)
}
body.dz-support-route.dz-support-open .support-network-search{
  min-height:44px;display:flex!important;align-items:center!important;gap:8px!important;
  width:100%;padding:0 11px!important;border:1px solid color-mix(in srgb,var(--dz-line) 92%,transparent);
  border-radius:14px;background:color-mix(in srgb,var(--dz-bg) 48%,var(--dz-surface));
  color:var(--dz-muted);box-sizing:border-box
}
body.dz-support-route.dz-support-open .support-network-search svg{
  width:17px;height:17px;flex:0 0 17px
}
body.dz-support-route.dz-support-open .support-network-search input{
  flex:1;min-width:0;border:0!important;outline:0!important;margin:0!important;padding:10px 0!important;
  background:transparent!important;color:var(--dz-ink)!important;
  font:500 12px "IBM Plex Sans Arabic",sans-serif!important
}
body.dz-support-route.dz-support-open .support-network-search input::placeholder{
  color:color-mix(in srgb,var(--dz-muted) 85%,transparent)
}
body.dz-support-route.dz-support-open .support-network-peer-list{
  display:grid!important;gap:5px!important;margin-top:10px;max-height:min(48dvh,390px);
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:1px;
  scrollbar-width:thin
}
body.dz-support-route.dz-support-open .support-network-peer-card{
  width:100%;min-width:0;min-height:64px;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:8px 9px;border:0;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 75%,transparent);
  border-radius:12px;background:transparent;color:var(--dz-ink);text-align:right;
  font:inherit;cursor:pointer;transition:background .15s ease,transform .15s ease
}
body.dz-support-route.dz-support-open .support-network-peer-card:hover{
  background:color-mix(in srgb,var(--dz-accent) 6%,transparent)
}
body.dz-support-route.dz-support-open .support-network-peer-card:active{transform:scale(.992)}
body.dz-support-route.dz-support-open .support-network-peer-card[hidden]{display:none!important}
body.dz-support-route.dz-support-open .support-network-peer-avatar{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;
  color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));
  border:1px solid color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line))
}
body.dz-support-route.dz-support-open .support-network-peer-avatar svg{width:19px;height:19px}
body.dz-support-route.dz-support-open .support-network-peer-main{
  min-width:0;display:grid;gap:2px
}
body.dz-support-route.dz-support-open .support-network-peer-main strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:750
}
body.dz-support-route.dz-support-open .support-network-peer-main small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--dz-muted)
}
body.dz-support-route.dz-support-open .support-network-peer-card em{
  font-style:normal;font-size:8.5px;font-weight:700;padding:5px 7px;border-radius:999px;
  color:#24845a;background:color-mix(in srgb,#31a86b 9%,transparent)
}
body.dz-support-route.dz-support-open .support-network-peer-card>b{
  font-size:20px;font-weight:400;color:var(--dz-muted);transform:translateY(-1px)
}
body.dz-support-route.dz-support-open .support-network-empty{
  display:grid!important;gap:4px!important;padding:34px 12px!important;text-align:center!important
}
body.dz-support-route.dz-support-open .support-network-empty strong{font-size:12.5px}
body.dz-support-route.dz-support-open .support-network-empty small{font-size:9.5px;color:var(--dz-muted);line-height:1.7}
body.dz-support-route.dz-support-open .support-network-cancel{
  width:100%;min-height:42px;margin-top:10px;border:1px solid var(--dz-line);border-radius:12px;
  background:var(--dz-surface);color:var(--dz-ink);font:700 11px "IBM Plex Sans Arabic",sans-serif
}

/* Selected network contact → message-only composer */
body.dz-support-route.dz-support-open .support-network-compose{
  display:grid!important;gap:12px!important
}
body.dz-support-route.dz-support-open .support-network-selected{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;justify-content:stretch!important;gap:10px!important;
  width:100%!important;padding:10px!important;border-radius:15px;
  background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));
  border:1px solid color-mix(in srgb,var(--dz-accent) 12%,var(--dz-line))
}
body.dz-support-route.dz-support-open .support-network-selected>span:nth-child(2){
  min-width:0;display:grid;gap:2px
}
body.dz-support-route.dz-support-open .support-network-selected strong{
  font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
body.dz-support-route.dz-support-open .support-network-selected small{
  font-size:9px;color:var(--dz-muted)
}
body.dz-support-route.dz-support-open .support-network-selected>button{
  min-width:auto!important;min-height:32px!important;padding:6px 9px!important;
  border-radius:9px!important;color:var(--dz-accent)!important;
  background:transparent!important;border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line))!important
}
body.dz-support-route.dz-support-open .support-network-message{
  display:grid!important;gap:6px!important;font-size:11.5px!important;font-weight:650
}
body.dz-support-route.dz-support-open .support-network-message textarea{
  min-height:128px!important;max-height:240px!important;margin:0!important;
  border-radius:15px!important;resize:vertical!important;font-size:13px!important;line-height:1.75!important
}
body.dz-support-route.dz-support-open .support-network-note{
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;
  width:100%!important;padding:9px 10px!important;border-radius:12px;
  background:color-mix(in srgb,#31a86b 6%,var(--dz-surface));
  color:color-mix(in srgb,#237b50 82%,var(--dz-ink));font-size:9px;line-height:1.7;
  box-sizing:border-box!important
}
body.dz-support-route.dz-support-open .support-network-note svg{
  width:15px;height:15px;flex:0 0 15px;margin-top:1px
}
body.dz-support-route.dz-support-open .support-network-note span{
  min-width:0;overflow-wrap:anywhere
}
@media(max-width:700px){
  body.dz-support-route.dz-support-open .support-network-picker,
  body.dz-support-route.dz-support-open .support-network-compose{
    margin:8px 14px max(10px,env(safe-area-inset-bottom))!important
  }
  body.dz-support-route.dz-support-open .support-network-peer-list{
    max-height:min(50dvh,360px)
  }
  body.dz-support-route.dz-support-open .support-network-peer-card{
    min-height:62px;padding-inline:7px
  }
  body.dz-support-route.dz-support-open .support-network-message textarea{
    min-height:118px!important
  }
}

/* === Support message sound micro-interactions · 2026-10-09 === */
.support-settings-group{
  display:grid;gap:2px;margin:12px 0 2px;padding-top:10px;
  border-top:1px solid color-mix(in srgb,var(--dz-line) 72%,transparent)
}
.support-settings-group strong{font-size:11.5px}
.support-settings-group small{font-size:8.5px;line-height:1.55;color:var(--dz-muted)}
.support-sound-preview-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 0 2px
}
.support-sound-preview-grid button{
  min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;gap:5px;
  border:1px solid color-mix(in srgb,var(--dz-accent) 16%,var(--dz-line));
  border-radius:11px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));
  color:var(--dz-ink);font:700 9.5px "IBM Plex Sans Arabic",sans-serif;
  transition:transform .14s ease,background .14s ease,border-color .14s ease
}
.support-sound-preview-grid button span{
  display:grid;place-items:center;width:20px;height:20px;border-radius:8px;
  background:color-mix(in srgb,var(--dz-accent) 10%,transparent);color:var(--dz-accent);
  font:800 12px/1 system-ui
}
.support-sound-preview-grid button:active{transform:scale(.96)}
.support-sound-preview-grid button:hover{
  border-color:color-mix(in srgb,var(--dz-accent) 32%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface))
}

/* Refresh: one subtle rotation only for user-requested refresh. */
body.support-refreshing [data-support-action="refresh"] svg{
  animation:support-refresh-spin .55s cubic-bezier(.4,0,.2,1) infinite
}
body.support-refresh-effect .support-chat-head,
body.support-refresh-effect .support-search-box{
  animation:support-refresh-breathe .42s ease-out
}

/* Send: tiny lift / pulse, like a message leaving the composer. */
body.support-send-effect .support-send-button{
  animation:support-send-pop .42s cubic-bezier(.2,.9,.25,1)
}
body.support-send-effect .support-composer-field{
  animation:support-composer-flash .4s ease-out
}

/* Receive: emphasize only the latest bubble, not the whole thread. */
body.support-receive-effect #support-message-log .support-message-row:last-of-type .support-message-bubble,
body.support-receive-effect #support-message-log .support-system-pill:last-child{
  animation:support-receive-arrive .72s cubic-bezier(.2,.9,.25,1)
}
body.support-receive-effect .support-chat-avatar{
  animation:support-avatar-pulse .7s ease-out
}

@keyframes support-refresh-spin{to{transform:rotate(-360deg)}}
@keyframes support-refresh-breathe{
  0%{box-shadow:inset 0 0 0 0 color-mix(in srgb,var(--dz-accent) 0%,transparent)}
  45%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dz-accent) 14%,transparent)}
  100%{box-shadow:inset 0 0 0 0 color-mix(in srgb,var(--dz-accent) 0%,transparent)}
}
@keyframes support-send-pop{
  0%{transform:scale(1)}
  35%{transform:scale(.88) rotate(-5deg)}
  70%{transform:scale(1.08) rotate(2deg)}
  100%{transform:scale(1)}
}
@keyframes support-composer-flash{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dz-accent) 0%,transparent)}
  35%{box-shadow:0 0 0 4px color-mix(in srgb,var(--dz-accent) 9%,transparent)}
  100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--dz-accent) 0%,transparent)}
}
@keyframes support-receive-arrive{
  0%{opacity:.25;transform:translateY(7px) scale(.97);box-shadow:0 0 0 0 color-mix(in srgb,var(--dz-accent) 0%,transparent)}
  55%{opacity:1;transform:translateY(-1px) scale(1.015);box-shadow:0 8px 22px color-mix(in srgb,var(--dz-accent) 10%,transparent)}
  100%{opacity:1;transform:none;box-shadow:0 2px 10px rgba(15,23,42,.045)}
}
@keyframes support-avatar-pulse{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  body.support-refreshing [data-support-action="refresh"] svg,
  body.support-refresh-effect .support-chat-head,
  body.support-refresh-effect .support-search-box,
  body.support-send-effect .support-send-button,
  body.support-send-effect .support-composer-field,
  body.support-receive-effect #support-message-log .support-message-row:last-of-type .support-message-bubble,
  body.support-receive-effect #support-message-log .support-system-pill:last-child,
  body.support-receive-effect .support-chat-avatar{animation:none!important}
}

/* === Support topic cards · compact ordered grid === */
body.dz-support-route.dz-support-open .account-support-create>div.support-topic-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  padding:2px 0 5px!important;
  margin:3px 0 7px!important;
  scroll-snap-type:none!important;
}
body.dz-support-route.dz-support-open .support-topic-strip button{
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:76px!important;
  padding:8px 4px!important;
  gap:5px!important;
  border-radius:14px!important;
  font-size:8.7px!important;
  line-height:1.35!important;
  white-space:normal!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.dz-support-route.dz-support-open .support-topic-strip button svg{
  width:19px!important;
  height:19px!important;
  stroke-width:1.8!important;
}
body.dz-support-route.dz-support-open .support-topic-strip button span{
  display:-webkit-box!important;
  max-width:100%!important;
  min-width:0!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  text-overflow:ellipsis;
}
body.dz-support-route.dz-support-open .support-topic-strip button.is-active{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dz-accent) 30%,transparent);
}
@media(max-width:390px){
  body.dz-support-route.dz-support-open .account-support-create>div.support-topic-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.dz-support-route.dz-support-open .support-topic-strip button{
    min-height:72px!important;
    padding:7px 3px!important;
    font-size:8.2px!important;
  }
  body.dz-support-route.dz-support-open .support-topic-strip button svg{
    width:18px!important;
    height:18px!important;
  }
}
@media(max-width:340px){
  body.dz-support-route.dz-support-open .account-support-create>div.support-topic-strip{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Bills v4.1 — verified company/app identities */
.dz-bills-flow .dz-biller-icon,
.dz-bills-flow .dz-bill-selected-mark{
  display:grid;place-items:center;overflow:hidden;padding:0;
  background:#fff!important;border:1px solid color-mix(in srgb,#0f172a 9%,var(--dz-line));
  color:var(--dz-ink);box-shadow:0 4px 14px #0f172a0b;
}
.dz-bills-flow .dz-biller-icon{width:42px;height:42px;border-radius:13px}
.dz-bills-flow .dz-bill-selected-mark{width:42px;height:42px;border-radius:13px;flex:none}
.dz-bills-flow .dz-biller-icon img,
.dz-bills-flow .dz-bill-selected-mark img{
  display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;
}
.dz-bills-flow [data-biller='ADE'] :is(.dz-biller-icon,.dz-bill-selected-mark) img,
.dz-bills-flow [data-biller='SEAAL'] :is(.dz-biller-icon,.dz-bill-selected-mark) img,
.dz-bills-flow [data-biller='Algérie Télécom'] :is(.dz-biller-icon,.dz-bill-selected-mark) img{object-fit:cover}
.dz-bills-flow [data-biller='AADL'] :is(.dz-biller-icon,.dz-bill-selected-mark) img,
.dz-bills-flow [data-biller='SONELGAZ'] :is(.dz-biller-icon,.dz-bill-selected-mark) img{padding:5px;object-fit:contain}
.dz-bills-flow .dz-biller-icon.is-fallback,
.dz-bills-flow .dz-bill-selected-mark.is-fallback{font-size:9px;font-weight:900;letter-spacing:-.02em;direction:ltr}
@media(max-width:420px){
 .dz-bills-flow .dz-biller-icon{width:40px;height:40px;border-radius:12px}
 .dz-bills-flow .dz-bill-selected-mark{width:40px;height:40px;border-radius:12px}
}

/* Bills v4.2 — selected form visual cleanup after device review */
.dz-bills-flow.has-biller-selection>.dz-back{display:none!important}
.dz-bills-flow.has-biller-selection .dz-bill-form{padding-top:0;border-top:0;margin-top:0}
.dz-bills-flow.has-biller-selection .dz-bills-shell{padding-top:12px}
.dz-bills-flow.has-biller-selection .dz-bill-selected{margin-top:0}
.dz-bills-flow.has-biller-selection .dz-bill-selected-mark{width:46px;height:46px;border-radius:14px}
.dz-bills-flow.has-biller-selection .dz-bill-selected-copy{gap:10px}
.dz-bills-flow.has-biller-selection .dz-bill-selected-copy>span:last-child strong{font-size:12.5px}
.dz-bills-flow.has-biller-selection .dz-bill-selected-copy>span:last-child small{font-size:8.7px}
.dz-bills-flow.has-biller-selection .dz-bill-guide{margin-top:2px}
.dz-bills-flow.has-biller-selection .dz-bill-smart-scan{margin-top:1px}
.dz-bills-flow.has-biller-selection .dz-bill-query-note{margin-top:2px}
.dz-bills-flow.has-biller-selection .dz-bill-discover{margin-top:1px}
@media(max-width:420px){
 .dz-bills-flow.has-biller-selection{gap:8px}
 .dz-bills-flow.has-biller-selection .dz-bills-shell{padding:11px 10px 13px}
 .dz-bills-flow.has-biller-selection .dz-bill-selected{min-height:62px}
}

/* === DZ Pulse + Activity Center · 2026-10-09 === */
.dz-notification-trigger{position:relative}
.dz-notification-badge{
  position:absolute;top:5px;left:5px;min-width:17px;height:17px;padding:0 4px;
  display:grid;place-items:center;border-radius:999px;border:2px solid var(--dz-surface);
  background:#ff4d61;color:#fff;font:800 8px/1 "IBM Plex Sans Arabic",sans-serif;
  box-shadow:0 3px 10px rgba(255,77,97,.28);transform:translate(-25%,-18%);
}
.dz-notification-trigger.has-unread::after{
  content:"";position:absolute;top:10px;left:10px;width:7px;height:7px;border-radius:50%;
  background:#ff4d61;box-shadow:0 0 0 0 rgba(255,77,97,.45);animation:dz-bell-pulse 2.4s ease-out infinite;
}
.dz-notification-trigger.has-unread .dz-notification-badge:not([hidden])~*{display:none}
@keyframes dz-bell-pulse{0%{box-shadow:0 0 0 0 rgba(255,77,97,.35)}45%,100%{box-shadow:0 0 0 7px rgba(255,77,97,0)}}
.dz-pulse-root{
  position:fixed;z-index:220;top:calc(78px + env(safe-area-inset-top));left:50%;
  width:min(460px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;
  transform:translateX(-50%);pointer-events:none;
}
.dz-pulse-card{
  --pulse:#3981ef;--pulse-soft:rgba(57,129,239,.09);
  position:relative;pointer-events:auto;opacity:0;transform:translateY(-14px) scale(.975);
  border:1px solid color-mix(in srgb,var(--pulse) 17%,var(--dz-line));
  border-radius:18px;background:color-mix(in srgb,var(--dz-surface) 94%,transparent);
  color:var(--dz-ink);box-shadow:0 18px 42px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.06);
  backdrop-filter:blur(18px) saturate(1.18);overflow:hidden;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.25,1);
}
.dz-pulse-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--pulse);opacity:.8
}
.dz-pulse-card.is-visible{opacity:1;transform:none}
.dz-pulse-card.is-leaving{opacity:0;transform:translateY(-7px) scale(.98)}
.dz-pulse-card.is-money{--pulse:#20a56b;--pulse-soft:rgba(32,165,107,.1)}
.dz-pulse-card.is-message{--pulse:#3d83ef;--pulse-soft:rgba(61,131,239,.1)}
.dz-pulse-card.is-processing{--pulse:#8a6cf6;--pulse-soft:rgba(138,108,246,.1)}
.dz-pulse-card.is-success{--pulse:#2c9d68;--pulse-soft:rgba(44,157,104,.1)}
.dz-pulse-card.is-error{--pulse:#e65b68;--pulse-soft:rgba(230,91,104,.1)}
.dz-pulse-card.is-reversed{--pulse:#d8912d;--pulse-soft:rgba(216,145,45,.11)}
.dz-pulse-card.is-warning{--pulse:#d99125;--pulse-soft:rgba(217,145,37,.12)}
/* Compact top status banners: reference-inspired, with DZ Pulse as the only renderer. */
.dz-pulse-card.dz-pulse-alert{
  display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:9px;
  direction:rtl;min-height:56px;padding:8px 40px 8px 12px;
  border:1px solid var(--pulse);border-radius:12px;background:var(--pulse);color:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.17);backdrop-filter:none;
}
.dz-pulse-card.dz-pulse-alert::before{display:none}
.dz-pulse-card.dz-pulse-alert.is-warning{--pulse:#b5660a}
.dz-pulse-card.dz-pulse-alert.is-success{--pulse:#0e805c}
.dz-pulse-alert .dz-pulse-icon{
  width:26px;height:26px;border-radius:50%;color:#fff;
  background:rgba(255,255,255,.15);box-shadow:none;
}
.dz-pulse-alert .dz-pulse-icon svg{width:17px;height:17px}
.dz-pulse-alert .dz-pulse-copy{gap:1px}
.dz-pulse-alert .dz-pulse-copy small{display:none}
.dz-pulse-alert .dz-pulse-copy strong{
  white-space:normal;font-size:12.5px;line-height:1.35;font-weight:800;color:#fff;
}
.dz-pulse-alert .dz-pulse-copy>span{
  font-size:10.5px;line-height:1.35;color:rgba(255,255,255,.93);-webkit-line-clamp:2;
}
.dz-pulse-alert .dz-pulse-dismiss{
  top:50%;left:8px;transform:translateY(-50%);width:26px;height:26px;
  border-radius:8px;background:rgba(255,255,255,.16);color:#fff;font-size:17px;
}
.dz-pulse-alert .dz-pulse-dismiss:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:700px){
  .dz-pulse-root{width:calc(100vw - 24px)}
  .dz-pulse-card.dz-pulse-alert{grid-template-columns:24px minmax(0,1fr);min-height:54px;padding:7px 38px 7px 10px;gap:8px}
  .dz-pulse-alert .dz-pulse-icon{width:24px;height:24px}
}
.dz-pulse-card.is-security{--pulse:#7a65df;--pulse-soft:rgba(122,101,223,.1)}
.dz-pulse-card.is-account{--pulse:#4c7cd9;--pulse-soft:rgba(76,124,217,.1)}
.dz-pulse-main{
  width:100%;min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;gap:10px;padding:11px 42px 11px 12px;border:0;background:transparent;
  color:inherit;text-align:right;cursor:pointer;font:inherit
}
.dz-pulse-icon,.dz-activity-icon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  color:var(--pulse);background:var(--pulse-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pulse) 12%,transparent);
}
.dz-pulse-icon svg,.dz-activity-icon svg{width:20px;height:20px}
.dz-pulse-card.is-processing .dz-pulse-icon svg{animation:dz-pulse-spin 1.1s linear infinite}
@keyframes dz-pulse-spin{to{transform:rotate(-360deg)}}
.dz-pulse-copy{min-width:0;display:grid;gap:1px}
.dz-pulse-copy small{font-size:8.5px;font-weight:700;color:var(--pulse)}
.dz-pulse-copy strong{font-size:12px;line-height:1.45;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-pulse-copy>span{font-size:9.5px;line-height:1.6;color:var(--dz-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dz-pulse-value{
  white-space:nowrap;padding:5px 7px;border-radius:9px;background:var(--pulse-soft);color:var(--pulse);
  font-size:10px
}
.dz-pulse-arrow{font-size:22px;line-height:1;color:var(--dz-muted)}
.dz-pulse-dismiss{
  position:absolute;top:8px;left:8px;width:27px;height:27px;border:0;border-radius:9px;
  background:color-mix(in srgb,var(--dz-ink) 4%,transparent);color:var(--dz-muted);
  font:400 18px/1 system-ui;cursor:pointer
}

/* Activity Center */
.dz-activity-overlay[hidden]{display:none!important}
.dz-activity-overlay{
  position:fixed;inset:0;z-index:210;display:grid;place-items:start center;padding:72px 14px 14px;
}
.dz-activity-backdrop{
  position:absolute;inset:0;border:0;background:rgba(8,12,20,.38);backdrop-filter:blur(5px);
  opacity:0;transition:opacity .18s ease
}
.dz-activity-center{
  --activity-width:min(460px,calc(100vw - 28px));
  position:relative;width:var(--activity-width);max-height:min(78dvh,760px);display:flex;flex-direction:column;
  border:1px solid color-mix(in srgb,var(--dz-line) 90%,transparent);border-radius:24px;
  background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 28px 80px rgba(15,23,42,.22);
  overflow:hidden;opacity:0;transform:translateY(-12px) scale(.985);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.25,1);outline:0
}
.dz-activity-overlay.is-open .dz-activity-backdrop{opacity:1}
.dz-activity-overlay.is-open .dz-activity-center{opacity:1;transform:none}
.dz-activity-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--dz-line) 74%,transparent);
}
.dz-activity-head>div:first-child{display:grid;gap:1px}
.dz-activity-head small{font-size:8.5px;font-weight:800;letter-spacing:.12em;color:var(--dz-accent)}
.dz-activity-head h2{margin:0;font-size:20px;line-height:1.35;font-weight:850}
.dz-activity-head p{margin:0;font-size:10px;color:var(--dz-muted)}
.dz-activity-head>div:last-child{display:flex;align-items:center;gap:7px}
.dz-activity-head button{
  min-height:34px;border:1px solid color-mix(in srgb,var(--dz-line) 78%,transparent);border-radius:10px;background:color-mix(in srgb,var(--dz-ink) 5%,transparent);
  color:var(--dz-ink);padding:7px 10px;font:750 10px "IBM Plex Sans Arabic",sans-serif
}
.dz-activity-head button:disabled{opacity:.4}
.dz-activity-head #activity-preferences{
  border-color:color-mix(in srgb,var(--dz-accent) 34%,var(--dz-line));
  background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface));color:var(--dz-accent);font-weight:850;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dz-accent) 5%,transparent)
}
.dz-activity-head #activity-read-all{background:color-mix(in srgb,var(--dz-ink) 7%,transparent)}
.dz-activity-head [data-activity-close]{width:34px;padding:0;font:400 21px/1 system-ui}
.dz-activity-tabs{
  display:flex;gap:5px;overflow-x:auto;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 65%,transparent);
  scrollbar-width:none
}
.dz-activity-tabs::-webkit-scrollbar{display:none}
.dz-activity-tabs button{
  flex:0 0 auto;min-height:33px;padding:6px 11px;border:1px solid transparent;border-radius:999px;
  background:transparent;color:var(--dz-muted);font:750 10.5px "IBM Plex Sans Arabic",sans-serif
}
.dz-activity-tabs button[aria-selected="true"]{
  color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 8%,transparent);
  border-color:color-mix(in srgb,var(--dz-accent) 12%,transparent)
}
.dz-activity-list{flex:1;min-height:0;overflow-y:auto;padding:4px 9px 14px;overscroll-behavior:contain}
.dz-activity-group{
  position:sticky;top:0;z-index:2;padding:10px 8px 5px;
  background:linear-gradient(var(--dz-surface) 72%,color-mix(in srgb,var(--dz-surface) 0%,transparent));
  color:var(--dz-muted);font-size:9.5px;font-weight:750
}
.dz-activity-item{
  --pulse:#547dd6;--pulse-soft:rgba(84,125,214,.09);
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:69px;padding:9px;border:0;border-radius:15px;background:transparent;color:inherit;text-align:right;
  font:inherit;cursor:pointer;position:relative
}
.dz-activity-item:hover{background:color-mix(in srgb,var(--dz-ink) 3.5%,transparent)}
.dz-activity-item.is-unread{background:color-mix(in srgb,var(--pulse) 4%,transparent)}
.dz-activity-item.is-unread::after{
  content:"";position:absolute;right:3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--pulse);transform:translateY(-50%)
}
.dz-activity-item.is-money{--pulse:#20a56b;--pulse-soft:rgba(32,165,107,.09)}
.dz-activity-item.is-message{--pulse:#3d83ef;--pulse-soft:rgba(61,131,239,.09)}
.dz-activity-item.is-processing{--pulse:#8a6cf6;--pulse-soft:rgba(138,108,246,.09)}
.dz-activity-item.is-success{--pulse:#2c9d68;--pulse-soft:rgba(44,157,104,.09)}
.dz-activity-item.is-error{--pulse:#e65b68;--pulse-soft:rgba(230,91,104,.09)}
.dz-activity-item.is-reversed{--pulse:#d8912d;--pulse-soft:rgba(216,145,45,.1)}
.dz-activity-item.is-security{--pulse:#7a65df;--pulse-soft:rgba(122,101,223,.09)}
.dz-activity-item.is-account{--pulse:#4c7cd9;--pulse-soft:rgba(76,124,217,.09)}
.dz-activity-copy{min-width:0;display:grid;gap:3px}
.dz-activity-copy strong{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-activity-copy>span{font-size:10.2px;line-height:1.55;color:var(--dz-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dz-activity-copy small{font-size:8.8px;color:color-mix(in srgb,var(--dz-muted) 84%,transparent)}
.dz-activity-chevron{font-size:20px;color:var(--dz-muted)}
.dz-activity-empty{display:grid;justify-items:center;gap:6px;padding:42px 24px;text-align:center}
.dz-activity-empty>span{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  background:color-mix(in srgb,#2ea86c 9%,transparent);color:#2ea86c;font-size:20px
}
.dz-activity-empty strong{font-size:13px}.dz-activity-empty p{margin:0;font-size:9.5px;line-height:1.7;color:var(--dz-muted)}
body.dz-activity-open{overflow:hidden}

@media(max-width:700px){
  .dz-pulse-root{top:calc(70px + env(safe-area-inset-top));width:calc(100vw - 18px);gap:6px}
  .dz-pulse-card{border-radius:16px}
  .dz-pulse-main{min-height:72px;padding:9px 38px 9px 10px;gap:8px}
  .dz-pulse-icon{width:36px;height:36px;border-radius:12px}.dz-pulse-icon svg{width:18px;height:18px}
  .dz-pulse-copy strong{font-size:11.5px}.dz-pulse-copy>span{font-size:9px}
  .dz-pulse-value{display:none}
  .dz-activity-overlay{place-items:end center;padding:0}
  .dz-activity-center{
    width:100%;max-height:88dvh;border-radius:24px 24px 0 0;border-inline:0;border-bottom:0;
    transform:translateY(18px);padding-bottom:env(safe-area-inset-bottom)
  }
  .dz-activity-head{padding:16px 15px 11px}
  .dz-activity-head h2{font-size:19px}
  .dz-activity-list{padding-inline:8px}
  .dz-activity-item{min-height:66px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .dz-notification-trigger.has-unread::after,
  .dz-pulse-card.is-processing .dz-pulse-icon svg{animation:none!important}
  .dz-pulse-card,.dz-activity-backdrop,.dz-activity-center{transition:none!important}
}


/* Service Focus Mode — bills, Flexi and Internet (ADSL/4G) */
body.dz-service-focus .dz-store-head{
  position:fixed!important;z-index:76;inset:0 0 auto 0!important;
  width:100%;height:0!important;min-height:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;pointer-events:none;
}
body.dz-service-focus .dz-store-head-inner{
  width:100%!important;max-width:none!important;height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;pointer-events:none;
}
body.dz-service-focus .dz-store-head-inner>:not(.dz-header-actions){display:none!important}
body.dz-service-focus .dz-header-actions{
  position:fixed!important;z-index:77;top:calc(10px + env(safe-area-inset-top,0px));
  inset-inline-start:12px;margin:0!important;display:block!important;pointer-events:auto;
}
body.dz-service-focus .dz-header-actions>:not(#settings-open){display:none!important}
body.dz-service-focus #settings-open{
  display:grid!important;place-items:center;width:46px!important;height:46px!important;padding:0!important;
  border:1px solid var(--dz-line)!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--dz-surface) 86%,transparent)!important;color:var(--dz-ink)!important;
  box-shadow:0 10px 28px #00000014!important;backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.dz-service-focus #settings-open svg{width:21px!important;height:21px!important}
body.dz-service-focus>.dz-shop-main{
  padding-top:calc(64px + env(safe-area-inset-top,0px))!important;
}
body.dz-service-focus :is(#bills-back-home,#flexi-back-home,#internet-back-home){display:none!important}
body.dz-service-focus .dz-settings-language-section,
body.dz-service-focus .dz-settings-sound-section{display:none!important}
body.dz-service-focus .dz-settings-sheet .dz-settings-head small{font-size:0}
body.dz-service-focus .dz-settings-sheet .dz-settings-head small::after{content:'المظهر والألوان';font-size:10px}
body.dz-service-focus[data-service-focus='bills'] #shop-bills,
body.dz-service-focus[data-service-focus='flexi'] #shop-flexi,
body.dz-service-focus[data-service-focus='internet'] #shop-internet{scroll-margin-top:62px}
@media(max-width:420px){
 body.dz-service-focus .dz-header-actions{top:calc(8px + env(safe-area-inset-top,0px));inset-inline-start:10px}
 body.dz-service-focus #settings-open{width:44px!important;height:44px!important;border-radius:14px!important}
 body.dz-service-focus>.dz-shop-main{padding-top:calc(58px + env(safe-area-inset-top,0px))!important;padding-inline:14px}
}

/* Service Focus Mode refinements */
body.dz-service-input-focus .dz-mobile-nav,
body.dz-service-scanner-open .dz-mobile-nav{display:none!important}
body.dz-service-input-focus>.dz-shop-main,
body.dz-service-scanner-open>.dz-shop-main{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-intro{
  min-height:150px;padding:16px 17px;border-radius:21px;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-intro h1{
  margin:5px 0 4px;font-size:clamp(22px,6.6vw,29px);line-height:1.34;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-intro p{font-size:9.4px;line-height:1.65}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-paper-art{
  width:88px;height:108px;flex-basis:88px;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-paper-back,
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-paper-front{
  width:61px;height:86px;inset-inline-start:13px;top:11px;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-paper-orbit{
  width:108px;height:108px;inset-inline-start:-8px;top:0;
}
#shop-bills.has-biller-selection .dz-bill-selected{
  margin:0;padding:0 2px 11px;min-height:58px;border:0;border-bottom:1px solid var(--dz-line);
  border-radius:0;background:transparent;
}
#shop-bills.has-biller-selection .dz-bill-guide{border-color:var(--dz-line)}
#shop-bills.has-bill-review .dz-bills-shell{display:none!important}
#shop-bills.has-bill-review .dz-bill-review{display:grid;gap:11px;margin-top:0;padding:14px;border-radius:20px}
.dz-bill-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dz-bill-review-identity{display:flex;align-items:center;gap:9px;min-width:0}
.dz-bill-review-identity>span:last-child{display:grid;gap:1px}.dz-bill-review-identity small{color:var(--dz-muted);font-size:8.5px}.dz-bill-review-identity strong{font-size:12.5px}
.dz-bill-review-edit{min-height:34px;padding:0 11px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-bg);color:var(--dz-accent);font-size:9px;font-weight:800}
.dz-bill-review-total{display:grid;gap:4px;padding:14px;border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));border-radius:16px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-bg))}
.dz-bill-review-total span{font-size:9px;color:var(--dz-muted)}.dz-bill-review-total strong{font-size:24px;line-height:1.25;color:var(--dz-ink)}
.dz-bill-review-details{display:grid;border:1px solid var(--dz-line);border-radius:15px;overflow:hidden;background:var(--dz-bg)}
.dz-bill-review-details .dz-flexi-review-row{margin:0;padding:10px 11px;border:0;border-bottom:1px solid var(--dz-line);border-radius:0;background:transparent}
.dz-bill-review-details .dz-flexi-review-row:last-child{border-bottom:0}
.dz-bill-results.is-loading{display:grid;gap:9px}
.dz-bill-results.is-loading .dz-bill-message{font-size:9px;color:var(--dz-muted)}
.dz-bill-loading-skeleton{display:grid;gap:6px}
.dz-bill-loading-skeleton i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--dz-line),color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line)),var(--dz-line));background-size:220% 100%;animation:dz-bill-loading 1.1s linear infinite}
.dz-bill-loading-skeleton i:nth-child(1){width:82%}.dz-bill-loading-skeleton i:nth-child(2){width:64%}.dz-bill-loading-skeleton i:nth-child(3){width:43%}
@keyframes dz-bill-loading{to{background-position:-220% 0}}
body.dz-dark .dz-bills-flow :is(.dz-bill-guide,.dz-bill-smart-scan){
  border-color:var(--dz-line)!important;background:color-mix(in srgb,var(--dz-elevated) 86%,var(--dz-bg))!important;
}
body.dz-dark .dz-bills-flow .dz-bill-selected{border-color:var(--dz-line)!important}
@media(prefers-reduced-motion:reduce){.dz-bill-loading-skeleton i{animation:none}}
@media(max-width:420px){
 body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-intro{min-height:138px;padding:14px 14px}
 body.dz-service-focus[data-service-focus='bills'] #shop-bills:not(.has-biller-selection) .dz-bills-intro h1{font-size:22px}
 #shop-bills.has-bill-review .dz-bill-review{padding:12px}
}

/* Service Focus Header v2 — compact shell after device review */
body.dz-service-focus .dz-store-head{
  position:fixed!important;z-index:76!important;inset:0 0 auto 0!important;
  width:100%!important;height:auto!important;min-height:62px!important;
  padding:0!important;border:0!important;border-bottom:1px solid var(--dz-line)!important;
  background:color-mix(in srgb,var(--dz-bg) 90%,transparent)!important;
  box-shadow:0 8px 24px #0000000d!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  pointer-events:auto!important;
}
body.dz-service-focus .dz-store-head-inner{
  position:relative!important;width:100%!important;max-width:680px!important;
  height:auto!important;min-height:62px!important;margin-inline:auto!important;
  padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  pointer-events:auto!important;
}
body.dz-service-focus .dz-store-head-inner>.dz-brand{
  display:flex!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;
  min-height:40px!important;margin:0!important;align-items:center!important;justify-content:center!important;
}
body.dz-service-focus .dz-store-head-inner .dz-brand-wordmark{
  width:116px!important;height:35px!important;object-fit:contain!important;
}
body.dz-service-focus .dz-desktop-nav{display:none!important}
body.dz-service-focus .dz-header-actions{
  position:absolute!important;z-index:1!important;top:50%!important;transform:translateY(-50%)!important;
  inset-inline-start:14px!important;margin:0!important;display:flex!important;align-items:center!important;
  pointer-events:auto!important;
}
body.dz-service-focus .dz-header-actions>:not(#settings-open){display:none!important}
body.dz-service-focus #settings-open{
  display:grid!important;place-items:center;width:42px!important;height:42px!important;padding:0!important;
  border:1px solid var(--dz-line)!important;border-radius:14px!important;
  background:var(--dz-surface)!important;color:var(--dz-ink)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.dz-service-focus #settings-open svg{width:20px!important;height:20px!important}
body.dz-service-focus>.dz-shop-main{
  padding-top:calc(76px + env(safe-area-inset-top,0px))!important;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills,
body.dz-service-focus[data-service-focus='flexi'] #shop-flexi,
body.dz-service-focus[data-service-focus='internet'] #shop-internet{scroll-margin-top:78px}
@media(max-width:420px){
 body.dz-service-focus .dz-store-head{min-height:58px!important}
 body.dz-service-focus .dz-store-head-inner{min-height:58px!important;padding-inline:12px!important}
 body.dz-service-focus .dz-store-head-inner .dz-brand-wordmark{width:108px!important;height:33px!important}
 body.dz-service-focus .dz-header-actions{inset-inline-start:12px!important}
 body.dz-service-focus #settings-open{width:40px!important;height:40px!important;border-radius:13px!important}
 body.dz-service-focus>.dz-shop-main{padding-top:calc(70px + env(safe-area-inset-top,0px))!important}
}

/* Service Focus Header v2.1 — sticky shell with compact content spacing */
body.dz-service-focus .dz-store-head{
  position:sticky!important;top:0!important;inset:auto!important;
}
body.dz-service-focus>.dz-shop-main{
  padding-top:14px!important;
}
body.dz-service-focus[data-service-focus='bills'] #shop-bills,
body.dz-service-focus[data-service-focus='flexi'] #shop-flexi,
body.dz-service-focus[data-service-focus='internet'] #shop-internet{scroll-margin-top:72px}
@media(max-width:420px){
 body.dz-service-focus>.dz-shop-main{padding-top:12px!important}
}

/* Service Focus Header v3 — no top bar, keep appearance control only */
body.dz-service-focus .dz-store-head{
  position:fixed!important;z-index:76!important;inset:0 0 auto 0!important;
  width:100%!important;height:0!important;min-height:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
body.dz-service-focus .dz-store-head-inner{
  width:100%!important;max-width:none!important;height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;display:block!important;pointer-events:none!important;
}
body.dz-service-focus .dz-store-head-inner>.dz-brand,
body.dz-service-focus .dz-desktop-nav{display:none!important}
body.dz-service-focus .dz-header-actions{
  position:fixed!important;z-index:77!important;
  top:calc(10px + env(safe-area-inset-top,0px))!important;
  inset-inline-start:12px!important;margin:0!important;transform:none!important;
  display:block!important;pointer-events:auto!important;
}
body.dz-service-focus .dz-header-actions>:not(#settings-open){display:none!important}
body.dz-service-focus #settings-open{
  display:grid!important;place-items:center;width:42px!important;height:42px!important;padding:0!important;
  border:1px solid var(--dz-line)!important;border-radius:14px!important;
  background:color-mix(in srgb,var(--dz-surface) 88%,transparent)!important;color:var(--dz-ink)!important;
  box-shadow:0 8px 24px #00000012!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
body.dz-service-focus>.dz-shop-main{padding-top:14px!important}
body.dz-service-focus[data-service-focus='bills'] #shop-bills,
body.dz-service-focus[data-service-focus='flexi'] #shop-flexi,
body.dz-service-focus[data-service-focus='internet'] #shop-internet{scroll-margin-top:14px}
@media(max-width:420px){
 body.dz-service-focus .dz-header-actions{top:calc(8px + env(safe-area-inset-top,0px))!important;inset-inline-start:10px!important}
 body.dz-service-focus #settings-open{width:40px!important;height:40px!important;border-radius:13px!important}
 body.dz-service-focus>.dz-shop-main{padding-top:12px!important}
}

/* Shared overlay containment: mobile first, including nested overlays. */
html.dz-page-locked{overflow:hidden!important;overscroll-behavior:none!important}
body.dz-page-locked{position:fixed!important;left:0!important;right:0!important;width:auto!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:auto!important;box-sizing:border-box!important}
.dz-shop{overflow-x:clip}
.account-sheet-modal,.account-sheet-modal * ,#trader-drawer,#trader-drawer *{box-sizing:border-box}
.account-sheet-modal{overflow:hidden;overscroll-behavior:none;padding:12px;max-width:100vw}
.account-sheet{min-width:0;width:min(470px,100%);max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding-block:76px 24px}
.account-sheet input,.account-sheet select,.account-sheet textarea{min-width:0;max-width:100%}
#trader-drawer{width:min(300px,86vw)!important;max-width:86vw!important;height:100dvh!important;bottom:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
#settings-backdrop,#quick-backdrop,#auth-backdrop{overscroll-behavior:none}
#settings-backdrop>*,#quick-backdrop>*,#auth-backdrop>*{overscroll-behavior:contain;touch-action:pan-y}
@media(max-width:600px){
 .account-sheet-modal{padding:8px 8px max(8px,env(safe-area-inset-bottom));place-items:end center}
 .account-sheet{max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-bottom:24px}
 .nc-network-hero{padding:16px!important;border-radius:20px!important}
 .nc-network-hero .nc-money{gap:6px}
 .nc-quick-add{padding:16px!important}
 .nc-funding-choice{min-width:0;gap:8px}
 .nc-funding-choice label{min-width:0}
}

/* Service Focus Header v3.1 — two compact side controls, no bar */
body.dz-service-focus .dz-header-actions{
  position:fixed!important;z-index:77!important;
  top:calc(10px + env(safe-area-inset-top,0px))!important;
  inset-inline-start:10px!important;margin:0!important;transform:none!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  pointer-events:auto!important;
}
body.dz-service-focus .dz-header-actions>:not(#settings-open):not(#notifications-open){display:none!important}
body.dz-service-focus #settings-open,
body.dz-service-focus #notifications-open{
  position:relative!important;display:grid!important;place-items:center!important;
  width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;
  border:1px solid var(--dz-line)!important;border-radius:13px!important;
  background:color-mix(in srgb,var(--dz-surface) 88%,transparent)!important;
  color:var(--dz-ink)!important;box-shadow:0 7px 20px #00000010!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
body.dz-service-focus #settings-open svg,
body.dz-service-focus #notifications-open svg{width:19px!important;height:19px!important}
body.dz-service-focus #notifications-badge{
  position:absolute!important;top:-4px!important;inset-inline-end:-4px!important;
  min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid var(--dz-bg)!important;
  border-radius:999px!important;font-size:8px!important;line-height:13px!important;font-weight:900!important;
}
@media(max-width:420px){
 body.dz-service-focus .dz-header-actions{top:calc(8px + env(safe-area-inset-top,0px))!important;inset-inline-start:8px!important;gap:5px!important}
 body.dz-service-focus #settings-open,
 body.dz-service-focus #notifications-open{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important}
}

#bill-scanner,#activity-center,.dz-setup-overlay{overscroll-behavior:none}
.dz-activity-center,.dz-setup-card{overscroll-behavior:contain;touch-action:pan-y}

/* Super wholesale: separate own wallet from network allocations. */
.gw-workspace{--gw-gold:#aa7a25;--gw-tint:color-mix(in srgb,var(--gw-gold) 7%,var(--dz-surface))}
.gw-overview .sw-medal{color:var(--gw-gold);background:var(--gw-tint);border-color:color-mix(in srgb,var(--gw-gold) 25%,var(--dz-line))}
.gw-overview .sw-rank{color:var(--gw-gold)}
.gw-overview .sw-wallet{background:linear-gradient(125deg,#26344a,#162238 65%,#433a2a);border:1px solid #ad8c4540;box-shadow:0 12px 32px #16223812}
.gw-overview .sw-wallet-title{color:#e7d4ab}
.gw-overview .sw-wallet-title a{color:#e7d4ab}
.gw-network-summary{min-width:0;padding:20px;border:1px solid color-mix(in srgb,var(--gw-gold) 23%,var(--dz-line));border-radius:24px;background:var(--gw-tint)}
.gw-network-summary .sw-section-head>div>small{font-size:10px;color:var(--dz-muted)}
.gw-network-summary h3{margin:4px 0 0;font-size:17px}
.gw-network-activity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.gw-network-metric{display:grid;gap:5px;min-width:0}
.gw-network-metric>small,.gw-network-metric>span{font-size:11px;color:var(--dz-muted)}
.gw-network-metric>strong{font-size:27px;line-height:1.3;text-align:start;color:var(--dz-ink)}
.gw-network-summary .nc-money{margin:12px 0}
.gw-funds-note{font-size:11px;line-height:1.8;color:var(--dz-muted);margin:10px 0}
.gw-network-volume{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--dz-line);padding:12px 0;margin-top:12px}
.gw-network-volume>span{font-size:11px;color:var(--dz-muted)}
.gw-network-volume>strong{font-size:17px;color:var(--dz-ink)}
.gw-network-volume small{font-size:10px;font-weight:400}
.gw-pending{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--gw-gold);text-decoration:none}
.gw-loading{font-size:11px;color:var(--dz-muted)}
.dz-dark .gw-workspace{--gw-gold:#d5b56a}
@media(max-width:600px){.gw-network-summary{padding:16px;border-radius:20px}.gw-network-summary .nc-money{gap:6px}.gw-network-summary .nc-money strong{font-size:16px}.gw-network-summary .nc-actions{gap:8px}.gw-overview .sw-wallet-value>small{font-size:11px}}

/* Network workspace v3: directory controls and reviewed invitations. */
.nv-directory-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid var(--dz-line);padding-top:14px;margin-top:14px}
.nv-directory-counts article{display:grid;gap:4px;min-width:0}.nv-directory-counts strong{font-size:21px}.nv-directory-counts small{font-size:10px;color:var(--dz-muted)}
.nv-filter-bar{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.nv-filter-bar button,.nv-clear{padding:8px 14px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-muted);font:inherit;font-size:12px;cursor:pointer}
.nv-filter-bar button[aria-pressed="true"]{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);border-color:color-mix(in srgb,var(--dz-accent) 35%,var(--dz-line))}
.nv-status-filter{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dz-muted);margin-bottom:12px}.nv-status-filter select{flex:1;min-width:0;padding:10px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-ink);font:inherit}.nv-clear{margin-bottom:12px}
.nv-step{display:flex;gap:8px;margin-bottom:16px;font-size:11px;color:var(--dz-muted)}.nv-step span{flex:1;padding:9px;border-bottom:2px solid var(--dz-line)}.nv-step .is-current{color:var(--dz-accent);border-color:var(--dz-accent)}
.nv-role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0 0 16px;min-width:0}.nv-role-picker legend{font-size:13px;margin-bottom:8px}.nv-role-picker label{display:flex!important;align-items:flex-start;gap:8px;padding:12px;border:1px solid var(--dz-line);border-radius:14px;cursor:pointer}.nv-role-picker label:has(input:checked){border-color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface))}.nv-role-picker input{width:17px!important;height:17px!important;min-height:0!important;margin:4px 0;flex:none;accent-color:var(--dz-accent)}.nv-role-picker span{display:grid;gap:5px}.nv-role-picker small{font-size:10px;color:var(--dz-muted);line-height:1.7}.nv-role-picker strong{font-size:14px}
.nv-rules{padding:12px;border:1px solid var(--dz-line);border-radius:12px;margin:14px 0;color:var(--dz-muted);font-size:12px}.nv-rules summary{cursor:pointer;color:var(--dz-ink)}.nv-rules ul{padding-inline-start:18px;line-height:1.9}
.nv-review{display:grid;justify-items:center;gap:10px;padding:24px;background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));border:1px solid var(--dz-line);border-radius:18px}.nv-review svg{width:32px;height:32px;color:var(--dz-accent)}.nv-review b{font-size:23px}.nv-followup{display:grid;gap:8px;font-size:12px;margin:18px 0}.nv-followup span{color:var(--dz-muted)}.nv-empty-invites{font-size:12px;color:var(--dz-muted)}
@media(max-width:600px){.nv-directory-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nv-role-picker label{padding:10px}.nv-invite>p{font-size:12px;line-height:1.8}.nc-network-kpis{margin-block:14px!important}}

/* Wallet actions, recipient review and immutable transfer history. */
.wt-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}.wt-actions button{display:grid;justify-items:center;gap:6px;min-width:0;padding:14px 6px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;cursor:pointer}.wt-actions svg{width:22px;height:22px;color:var(--dz-accent)}.wt-actions strong{font-size:12px}.wt-actions small{font-size:10px;color:var(--dz-muted)}
.wt-review,.wt-receive,.wt-success{display:grid;justify-items:center;gap:12px;padding:22px 12px;text-align:center;min-width:0}.wt-review{border:1px solid var(--dz-line);border-radius:18px;background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}.wt-review h4,.wt-receive h4,.wt-success h4{margin:0;font-size:19px}.wt-review>strong{font-size:30px;margin-top:10px}.wt-review>span,.wt-review>small,.wt-receive p{font-size:12px;color:var(--dz-muted)}.wt-review strong small{font-size:14px}.wt-receive svg{width:32px;height:32px;color:var(--dz-accent)}.wt-receive>strong{font-size:23px;overflow-wrap:anywhere}.wt-receive button{width:100%}.wt-success>strong{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#10b98115;color:#10b981;font-size:29px}.wt-success small{overflow-wrap:anywhere}.wt-history{display:grid;gap:8px}.wt-history article{display:flex;align-items:center;gap:10px;padding:12px 8px;border:1px solid var(--dz-line);border-radius:14px}.wt-history article>div{flex:1;min-width:0;display:grid;gap:5px}.wt-history small{font-size:10px;color:var(--dz-muted);overflow-wrap:anywhere}.wt-history strong{font-size:13px}.wt-history b{font-size:13px;white-space:nowrap}.wt-direction{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--dz-bg);color:var(--dz-accent);flex:none}.wt-direction.received{color:#10b981;background:#10b98110}

/* Service Focus v4 — no top bar; bottom launcher hosts settings + notifications */
body.dz-service-focus .dz-store-head{display:none!important}
body.dz-service-focus>.dz-shop-main{padding-top:10px!important}
body.dz-service-focus .dz-header-actions{display:none!important}
body.dz-service-focus[data-service-focus='bills'] #shop-bills,
body.dz-service-focus[data-service-focus='flexi'] #shop-flexi,
body.dz-service-focus[data-service-focus='internet'] #shop-internet{scroll-margin-top:10px}

body.dz-service-focus .dz-quick-trigger.is-service-hub-trigger>span{
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
body.dz-service-focus .dz-quick-trigger.is-service-hub-trigger>span svg{
  width:24px;height:24px;transition:transform .22s cubic-bezier(.2,.8,.2,1)
}
body.dz-service-focus .dz-quick-trigger.is-service-hub-open>span svg{transform:rotate(180deg)}
body.dz-service-focus .dz-quick-trigger.is-service-hub-open>span{
  box-shadow:0 12px 30px color-mix(in srgb,var(--dz-accent) 42%,transparent)
}
.dz-service-hub-badge{
  display:none;position:absolute;z-index:3;top:-14px;inset-inline-end:calc(50% - 31px);
  min-width:18px;height:18px;padding:0 4px;border:2px solid var(--dz-bg);border-radius:999px;
  background:#ef4444;color:#fff;font:800 8px/14px system-ui;text-align:center
}
body.dz-service-focus .dz-service-hub-badge:not([hidden]){display:block}

.dz-service-hub-backdrop[hidden]{display:none!important}
.dz-service-hub-backdrop{
  position:fixed;z-index:29;inset:0 0 calc(84px + env(safe-area-inset-bottom,0px)) 0;
  display:flex;align-items:flex-end;justify-content:center;padding:10px 12px 0;
  opacity:0;pointer-events:none;transition:opacity .18s ease
}
.dz-service-hub-backdrop.is-open{opacity:1;pointer-events:auto}
.dz-service-hub-dim{position:absolute;inset:0;border:0;background:#0307127d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.dz-service-hub{
  position:relative;z-index:1;width:min(100%,520px);max-height:min(66dvh,590px);padding:9px 10px 10px;
  border:1px solid var(--dz-line);border-radius:24px;background:color-mix(in srgb,var(--dz-surface) 96%,transparent);
  box-shadow:0 22px 70px #0007;transform:translateY(18px) scale(.985);opacity:.72;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;overflow:hidden;outline:0
}
.dz-service-hub-backdrop.is-open .dz-service-hub{transform:none;opacity:1}
.dz-service-hub-handle{width:34px;height:4px;margin:1px auto 8px;border-radius:99px;background:var(--dz-line)}
.dz-service-hub-tabs{
  position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:8px;
  border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-bg)
}
.dz-service-hub-tabs button{
  position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 10px;
  border:0;border-radius:11px;background:transparent;color:var(--dz-muted);font:700 10px inherit;
  transition:background .18s ease,color .18s ease,transform .18s ease
}
.dz-service-hub-tabs button:active{transform:scale(.98)}
.dz-service-hub-tabs button.is-active{background:var(--dz-surface);color:var(--dz-accent);box-shadow:0 5px 14px #0000000c}
.dz-service-hub-tabs svg{width:18px;height:18px}
.dz-service-hub-tabs button>b{display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font:800 7px system-ui}
.dz-service-hub-stage{position:relative;height:min(52dvh,445px);overflow:hidden}
.dz-service-hub-pane{
  position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(16px);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility .18s linear
}
.dz-service-hub-pane[data-service-hub-pane='notifications']{transform:translateX(-16px)}
.dz-service-hub-pane.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.dz-service-hub-settings{display:grid;gap:8px}
.dz-service-hub-settings .dz-settings-section{margin:0;padding:12px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-bg)}
.dz-service-hub-settings .dz-settings-preview{margin:0;border-radius:15px}
.dz-service-hub-notifications #activity-center-body{display:grid;gap:8px}
.dz-service-hub-notifications .dz-activity-head{position:static!important;padding:4px 2px 8px;background:transparent!important;border:0!important}
.dz-service-hub-notifications .dz-activity-head [data-activity-close]{display:none!important}
.dz-service-hub-notifications .dz-activity-tabs{position:static!important;top:auto!important}
.dz-service-hub-notifications .dz-activity-list{padding-bottom:6px}
body.dz-service-hub-open{overflow:hidden}

@media(max-width:420px){
 body.dz-service-focus>.dz-shop-main{padding-top:8px!important;padding-inline:14px}
 .dz-service-hub-backdrop{inset-bottom:calc(78px + env(safe-area-inset-bottom,0px));padding-inline:8px}
 .dz-service-hub{padding:8px 8px 9px;border-radius:21px;max-height:min(68dvh,560px)}
 .dz-service-hub-stage{height:min(54dvh,430px)}
 .dz-service-hub-tabs button{min-height:40px;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){
 .dz-service-hub-backdrop,.dz-service-hub,.dz-service-hub-pane,.dz-service-hub-tabs button,
 body.dz-service-focus .dz-quick-trigger.is-service-hub-trigger>span,
 body.dz-service-focus .dz-quick-trigger.is-service-hub-trigger>span svg{transition:none!important}
}


/* Dedicated wallet: tier-specific presentation, one shared financial core. */
.wallet-page{--wp-accent:#0f8c81;--wp-soft:#e7f8f3;--wp-ink:#083e39;display:grid;gap:18px;min-width:0}
.wp-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.wp-intro h3{font-size:clamp(20px,4vw,27px);margin:9px 0 0;letter-spacing:-.4px}.wp-intro>a{color:var(--wp-accent);font-size:13px;white-space:nowrap}.wp-tier{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.1px;color:var(--wp-accent)}.wp-tier svg{width:17px;height:17px}.wp-balance{position:relative;overflow:hidden;border-radius:32px;padding:24px;color:#fff;background:linear-gradient(130deg,#167d74,#064c47);box-shadow:0 14px 28px #087b7018;isolation:isolate}.wp-balance:after{content:"";position:absolute;z-index:-1;width:290px;height:290px;border:1px solid #ffffff24;border-radius:50%;inset-inline-start:-100px;top:-90px;box-shadow:0 0 0 32px #ffffff05,0 0 0 64px #ffffff05}.wp-card-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;direction:ltr;opacity:.85}.wp-card-top b{letter-spacing:2px;font-size:9px;margin-inline-start:4px;font-weight:500}.wp-card-top>span:last-child{overflow-wrap:anywhere}.wp-balance-main{padding:25px 0 21px;display:grid;gap:8px}.wp-balance-main>small{font-size:13px;opacity:.8}.wp-balance-main>strong{font-size:clamp(32px,7.5vw,48px);font-weight:750;text-align:right;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wp-balance em{font-size:16px;font-weight:500;font-style:normal;letter-spacing:0}.wp-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff25;padding-top:15px;font-size:11px}.wp-card-bottom>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wp-card-bottom svg{width:17px;height:17px}.wp-card-bottom button{width:40px;height:40px;border-radius:13px;border:1px solid #ffffff30;background:#ffffff14;color:inherit;display:grid;place-items:center;padding:8px}.wp-card-bottom button svg{width:22px;height:22px}
.wp-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wp-actions button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:22px;padding:15px 5px;color:var(--dz-ink);cursor:pointer}.wp-actions svg{height:24px;width:24px;background:var(--wp-soft);color:var(--wp-accent);padding:10px;box-sizing:content-box;border-radius:16px}.wp-actions strong{font-size:13px}.wp-actions small{font-size:10px;color:var(--dz-muted)}.wp-actions button:hover{border-color:var(--wp-accent);background:var(--wp-soft)}.wallet-page button:focus-visible,.wallet-page a:focus-visible{outline:2px solid var(--wp-accent);outline-offset:3px}
.wp-layout,.wp-main,.wp-aside{display:grid;gap:16px;min-width:0}.wp-flow{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--dz-surface);border:1px solid var(--dz-line);border-radius:24px;overflow:hidden}.wp-flow article{display:grid;gap:9px;padding:18px}.wp-flow article+article{border-inline-start:1px solid var(--dz-line)}.wp-flow article>span{display:flex;align-items:center;gap:5px;color:var(--dz-muted);font-size:12px}.wp-flow svg{width:15px;height:15px}.wp-flow strong{font-size:20px;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.wp-flow strong small{font-size:11px;font-weight:400}.wp-flow>small{grid-column:1/-1;font-size:10px;color:var(--dz-muted);text-align:center;padding:9px;border-top:1px solid var(--dz-line)}
.wp-ledger,.wp-network{border:1px solid var(--dz-line);border-radius:26px;padding:18px;background:var(--dz-surface);min-width:0}.wp-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.wp-ledger-head h3{margin:0;font-size:17px}.wp-ledger-head button{width:35px;height:35px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-muted);padding:8px}.wp-ledger-head svg{width:17px;height:17px}.wp-ledger-head a,.wp-ledger-head small{font-size:11px;color:var(--wp-accent)}.wp-tabs{display:flex;gap:4px;padding:4px;background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:15px;margin-bottom:12px}.wp-tabs button{flex:1;min-width:0;background:transparent;border:0;border-radius:11px;color:var(--dz-muted);padding:11px 4px;font-size:12px;font-weight:650}.wp-tabs button[aria-pressed=true]{background:var(--wp-soft);color:var(--wp-accent)}.wp-empty{display:grid;justify-items:center;text-align:center;gap:9px;padding:32px 8px;color:var(--dz-muted);font-size:12px}.wp-empty>svg{width:26px;height:26px;color:var(--wp-accent);padding:14px;background:var(--wp-soft);border-radius:18px;box-sizing:content-box}.wp-empty strong{color:var(--dz-ink);font-size:15px}.wp-empty p{margin:0;max-width:300px;line-height:1.8}.wp-empty button{background:var(--wp-soft);color:var(--wp-accent);border:0;border-radius:10px;padding:10px}
.wp-transfer{display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-bottom:1px solid var(--dz-line);min-width:0}.wp-transfer:last-child{border-bottom:0}.wp-transfer-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--wp-soft);border-radius:12px;flex-shrink:0;color:var(--wp-accent)}.wp-transfer-icon svg{width:18px;height:18px}.wp-transfer>div{flex:1;min-width:0;display:grid;gap:4px}.wp-transfer strong{font-size:13px}.wp-transfer small,.wp-transfer time,.wp-transfer details{font-size:10px;color:var(--dz-muted);overflow-wrap:anywhere}.wp-transfer details>span{display:block;direction:ltr;padding-top:5px}.wp-transfer>b{font-size:15px;text-align:left;white-space:nowrap}.wp-transfer>b small{font-weight:400}.wp-transfer>b.received{color:#219b76}.wp-network-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 12px}.wp-network-values article{display:grid;gap:9px;background:var(--wp-soft);padding:13px 8px;border-radius:12px;min-width:0}.wp-network-values article:last-child{background:#b0832010}.wp-network-values small{font-size:10px;color:var(--dz-muted)}.wp-network-values strong{font-size:17px;text-align:right;overflow-wrap:anywhere}.wp-network-values em{font-style:normal;font-size:10px;font-weight:400}.wp-network>p{color:var(--dz-muted);font-size:11px;line-height:1.8;margin:0}.wp-help{display:flex;gap:11px;padding:18px;background:var(--wp-soft);border-radius:22px}.wp-help>span svg{width:21px;height:21px;color:var(--wp-accent)}.wp-help strong{font-size:13px}.wp-help p{color:var(--dz-muted);font-size:11px;line-height:1.8;margin:7px 0}.wp-help button{padding:0;background:transparent;border:0;font-size:11px;color:var(--wp-accent);cursor:pointer}.wp-ledger .mw-records{border:0;background:transparent;padding:6px 0;margin:0;box-shadow:none}.wp-ledger .mw-records-head h3{font-size:13px}.wp-ledger .mw-period{width:100%;margin:10px 0}.wp-ledger .mw-transaction,.wp-ledger .mw-deposit{border-radius:15px}.wp-ledger .mw-tools button{width:30px;height:30px;padding:6px}
/* Merchant uses squared utility surfaces; Silver uses a split metallic card; Gold uses restrained gold. */
.wp-merchant{--wp-accent:#356bd4;--wp-soft:#edf3ff}.wp-merchant .wp-balance{border-radius:20px;background:linear-gradient(120deg,#193b73,#3065ba);box-shadow:none}.wp-merchant .wp-balance:after{border-radius:35px;transform:rotate(25deg);left:-80px;top:-110px}.wp-merchant .wp-actions button{border-radius:14px;align-items:flex-start;padding:14px 11px}.wp-merchant .wp-actions svg{border-radius:10px;padding:7px}.wp-merchant .wp-ledger,.wp-merchant .wp-flow,.wp-merchant .wp-help{border-radius:16px}
.wp-silver{--wp-accent:#6753b6;--wp-soft:#f1eefb}.wp-silver .wp-balance{background:linear-gradient(115deg,#dfe4ee,#fafbff 55%,#d8d7ec);color:#252b44;border:1px solid #c7cada;border-radius:26px 26px 8px 26px;box-shadow:0 10px 24px #384c7812}.wp-silver .wp-balance:after{border-color:#9d8db54d;box-shadow:0 0 0 35px #5e56b208,0 0 0 70px #5e56b208}.wp-silver .wp-card-bottom{border-color:#9a9ebc40}.wp-silver .wp-card-bottom button{background:#ffffff75;border-color:#a2a7bb50}.wp-silver .wp-actions button{border-radius:16px;border-top:2px solid #7769b94d}.wp-silver .wp-actions svg{border-radius:50%}
.wp-gold{--wp-accent:#a27c2b;--wp-soft:#b3984e12}.wp-gold .wp-balance{border-radius:22px;background:linear-gradient(115deg,#20241f,#333429 65%,#4b4530);border:1px solid #bca45c80;color:#f4efd9;box-shadow:0 10px 24px #161b2215}.wp-gold .wp-balance:after{border-color:#d9bc7030;box-shadow:0 0 0 32px #dfbe7005,0 0 0 64px #dfbe7005}.wp-gold .wp-card-top{color:#e7cc8a}.wp-gold .wp-actions button{border-radius:15px;background:var(--dz-surface);border-color:#b9a56b40}.wp-gold .wp-actions svg{background:transparent;padding:6px;color:#b18c3d;border:1px solid #bba36a35;border-radius:10px}.wp-gold .wp-ledger,.wp-gold .wp-network{border-radius:18px}.wp-gold .wp-flow{border-radius:18px;border-color:#b9a56b45}.wp-gold .wp-network{border-color:#b9a56b45}.wp-gold .wp-help{border-radius:16px}
.dz-dark .wp-retail{--wp-accent:#59c7b2;--wp-soft:#173632}.dz-dark .wp-merchant{--wp-accent:#86adfb;--wp-soft:#192842}.dz-dark .wp-silver{--wp-accent:#b4a4ed;--wp-soft:#292539}.dz-dark .wp-gold{--wp-accent:#d6b55d;--wp-soft:#2b281f}.dz-dark .wp-silver .wp-balance{background:linear-gradient(115deg,#303648,#242a3a 55%,#403d55);color:#eff0fb;border-color:#646779}.dz-dark .wp-silver .wp-card-bottom button{background:#ffffff12}
.wqr-receive,.wqr-scan{display:grid;gap:16px}.wqr-receive{text-align:center}.wqr-brand{font-size:11px;letter-spacing:1px;color:var(--dz-muted)}.wqr-receive h4{margin:0;font-size:20px}.wqr-paper{background:#fff;border:1px solid #e8e9ef;border-radius:24px;padding:18px 15px;max-width:310px;width:100%;box-sizing:border-box;margin:auto;color:#111}.wqr-paper canvas{display:block;max-width:100%;width:250px;height:auto;margin:auto;aspect-ratio:1}.wqr-paper strong{display:block;font-size:16px;padding-top:8px;overflow-wrap:anywhere}.wqr-receive>small,.wqr-request small{font-size:11px;color:var(--dz-muted);line-height:1.7}.wqr-receive p,.wqr-scan>p{font-size:13px;line-height:1.8;color:var(--dz-muted);margin:0}.wqr-receive-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.wqr-receive-actions button,.wqr-receive-actions a,.wqr-request button,.wqr-scan>button:not(.wallet-primary){padding:12px 14px;font-size:12px;border:1px solid var(--dz-line);border-radius:12px;color:var(--dz-ink);background:var(--dz-surface);cursor:pointer;text-decoration:none}.wqr-request{border:1px solid var(--dz-line);padding:14px;border-radius:14px;text-align:right}.wqr-request summary{font-size:12px;cursor:pointer}.wqr-request label{display:grid;gap:7px;font-size:12px;margin-top:14px}.wqr-request input{padding:11px;border:1px solid var(--dz-line);border-radius:10px;color:var(--dz-ink);background:var(--dz-bg);width:100%;box-sizing:border-box;font-size:16px}.wqr-request button{margin:10px 0;display:block}.wqr-viewfinder{position:relative;aspect-ratio:1.2;background:#111820;border:1px solid #ffffff15;border-radius:24px;overflow:hidden;display:grid;place-items:center;max-height:320px}.wqr-viewfinder>span{color:#a7b4c6;width:72px;height:72px}.wqr-viewfinder>span svg{width:100%;height:100%}.wqr-viewfinder video{width:100%;height:100%;object-fit:cover;display:none}.wqr-viewfinder.is-live video{display:block}.wqr-viewfinder.is-live>span{position:absolute;color:#ffffff80;width:74%;height:74%;pointer-events:none}.wqr-upload{padding:15px;border:1px dashed var(--dz-line);border-radius:13px;text-align:center;font-size:13px;display:grid;gap:10px;color:var(--dz-ink)}.wqr-upload input{width:100%;min-width:0;font-size:12px;color:var(--dz-muted)}
@media(min-width:1000px){.wp-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);align-items:start}.wp-retail .wp-layout,.wp-merchant .wp-layout{grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr)}.wp-balance{padding:28px 32px}.wp-balance-main>strong{font-size:48px}}
@media(max-width:430px){.wallet-page{gap:14px}.wp-balance{padding:20px}.wp-intro h3{font-size:21px}.wp-actions{gap:6px}.wp-actions button{padding:13px 4px;border-radius:16px;gap:7px}.wp-actions svg{width:22px;height:22px;padding:8px}.wp-actions small{font-size:9px}.wp-actions strong{font-size:12px}.wp-merchant .wp-actions button{padding:12px 7px}.wp-ledger{padding:14px}.wp-flow article{padding:15px}.wp-network-values strong{font-size:15px}.wp-transfer>b{font-size:13px}.wp-card-top{font-size:10px}}

.wp-intro-tools{display:flex;align-items:center;gap:10px}.wp-intro-tools a{font-size:12px;color:var(--wp-accent)}.wp-intro-tools button{width:34px;height:34px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--wp-accent);padding:7px}.wp-intro-tools svg{width:18px;height:18px}

/* Service Hub v4.1 — reliable notification scrolling + compact settings */
.dz-service-hub[data-active-tab='settings'] .dz-service-hub-stage{
  height:min(36dvh,300px);
  transition:height .22s cubic-bezier(.2,.8,.2,1)
}
.dz-service-hub[data-active-tab='notifications'] .dz-service-hub-stage{
  height:min(54dvh,440px);
  transition:height .22s cubic-bezier(.2,.8,.2,1)
}
.dz-service-hub-pane{touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--dz-line) transparent}
.dz-service-hub-pane::-webkit-scrollbar{width:4px}
.dz-service-hub-pane::-webkit-scrollbar-thumb{background:var(--dz-line);border-radius:999px}
.dz-service-hub-notifications #activity-center-body{display:block!important;height:auto!important;min-height:0!important}
.dz-service-hub-notifications .dz-activity-list{
  display:block!important;overflow:visible!important;max-height:none!important;min-height:0!important;
  overscroll-behavior:auto!important;padding-bottom:18px!important;touch-action:auto!important
}
.dz-service-hub-notifications .dz-activity-group{position:static!important;background:transparent!important}
.dz-service-hub-notifications .dz-activity-item{touch-action:manipulation}
.dz-service-hub-settings{padding-bottom:4px}
@media(max-width:420px){
 .dz-service-hub[data-active-tab='settings'] .dz-service-hub-stage{height:min(34dvh,265px)}
 .dz-service-hub[data-active-tab='notifications'] .dz-service-hub-stage{height:min(56dvh,435px)}
}
@media(prefers-reduced-motion:reduce){
 .dz-service-hub[data-active-tab] .dz-service-hub-stage{transition:none!important}
}

.wp-balance .wp-balance-main>small{color:inherit;opacity:.82}.wallet-page button,.wqr-receive button,.wqr-scan button{font-family:inherit}.wp-actions small{font-size:10px}

/* Service Hub v4.2 — compact fixed settings panel, no settings scrolling */
.dz-service-hub[data-active-tab='settings'] .dz-service-hub-stage{height:210px!important}
.dz-service-hub-pane[data-service-hub-pane='settings']{
 overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;padding:0 2px!important
}
.dz-service-hub-settings{gap:6px!important;padding:0!important}
.dz-service-hub-settings .dz-settings-section{
 padding:8px 9px!important;gap:5px!important;border-radius:13px!important
}
.dz-service-hub-settings .dz-settings-section-title strong{font-size:.69rem!important}
.dz-service-hub-settings .dz-settings-section-title small{font-size:.55rem!important}
.dz-service-hub-settings .dz-settings-theme-row{gap:4px!important}
.dz-service-hub-settings .dz-settings-theme-row button{min-height:40px!important;padding:5px 3px!important;border-radius:10px!important}
.dz-service-hub-settings .dz-settings-theme-row button svg{width:16px!important;height:16px!important}
.dz-service-hub-settings .dz-settings-theme-row button span{font-size:.57rem!important}
.dz-service-hub-settings .dz-settings-accent-row{gap:3px!important}
.dz-service-hub-settings .dz-settings-accent-row button{min-height:42px!important;padding:3px!important;border-radius:10px!important}
.dz-service-hub-settings .dz-settings-accent-row button>span{width:1.45rem!important;height:1.45rem!important}
.dz-service-hub-settings .dz-settings-accent-row button>small{display:none!important}
.dz-service-hub-settings .dz-settings-preview{display:none!important}
@media(max-width:420px){
 .dz-service-hub[data-active-tab='settings'] .dz-service-hub-stage{height:202px!important}
}

/* Installed Android app: recover phone layout if its WebView reports a desktop-sized viewport. */
@media (display-mode:standalone) and (orientation:portrait) and (pointer:coarse) and (min-width:901px) and (max-width:1300px){
 body.dz-shop{zoom:1.45;width:100%!important;min-width:0!important;overflow-x:clip}
 .dz-shop.dz-trader-shell>.dz-shop-main{width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:28px!important}
 .dz-shop.dz-trader-shell>.dz-store-head{width:100%!important;margin-inline:0!important}
 #trader-sidebar{display:none!important}
 #trader-menu{display:inline-flex!important;width:58px;height:58px;flex-basis:58px}
 .dz-trader-shell .dz-desktop-nav{display:none!important}
 .dz-trader-shell .dz-mobile-nav{display:flex!important}
 .dzx-home{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 .dzx-home-primary,.dzx-home-secondary{min-width:0!important;width:100%!important}
 .dzx-home-secondary{padding-top:0!important}
 .dz-shop:has(.dzx-home)>.dz-shop-main{max-width:100%!important;padding-inline:28px!important}
 .dz-shop:has(.dzx-home)>.dz-store-head>div{max-width:100%!important}
 .dzx-home-greeting h1{font-size:30px!important}
 .dzx-home-wallet{min-height:230px!important}
 .dzx-home-search-trigger{min-height:76px!important}
 .dzx-home-feature{min-height:230px!important}
 .dzx-home-feature h2{font-size:34px!important}
 .dzx-home-shortcuts>a>span{width:70px!important;height:70px!important}
 .dzx-home-shortcuts strong{font-size:17px!important}
 #trader-drawer{width:min(520px,86vw)!important;max-width:86vw!important}
}

/* === DZ Pulse notification preferences === */
.dz-pref-head{align-items:center}
.dz-pref-channel-note{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px;
  padding:11px 15px;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 65%,transparent);
  background:color-mix(in srgb,var(--dz-accent) 3.5%,var(--dz-surface))
}
.dz-pref-channel-note span{font-size:8.5px;font-weight:800;color:var(--dz-muted)}
.dz-pref-channel-note b{font-size:9px;font-weight:700;color:var(--dz-ink)}
.dz-pref-list{
  flex:1;min-height:0;overflow-y:auto;padding:7px 10px 14px;overscroll-behavior:contain
}
.dz-pref-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
  min-height:76px;padding:10px 7px;border-bottom:1px solid color-mix(in srgb,var(--dz-line) 55%,transparent)
}
.dz-pref-row:last-child{border-bottom:0}
.dz-pref-icon{
  width:36px;height:36px;display:grid;place-items:center;border-radius:12px;
  background:color-mix(in srgb,var(--dz-accent) 7%,transparent);color:var(--dz-accent);
  font:800 16px/1 system-ui
}
.dz-pref-copy{display:grid;gap:2px;min-width:0}
.dz-pref-copy strong{font-size:11px;font-weight:800}
.dz-pref-copy small{font-size:8.5px;line-height:1.55;color:var(--dz-muted)}
.dz-pref-actions{display:grid;gap:6px;min-width:105px}
.dz-pref-toggle{
  min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:5px 7px;border:1px solid color-mix(in srgb,var(--dz-line) 85%,transparent);
  border-radius:10px;background:color-mix(in srgb,var(--dz-ink) 2%,transparent);
  color:var(--dz-ink);font:700 8.5px "IBM Plex Sans Arabic",sans-serif
}
.dz-pref-toggle i{
  width:29px;height:17px;padding:2px;display:flex;align-items:center;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 24%,transparent);transition:background .16s ease
}
.dz-pref-toggle i b{
  width:13px;height:13px;border-radius:50%;background:var(--dz-surface);
  box-shadow:0 1px 3px rgba(15,23,42,.18);transform:translateX(0);transition:transform .16s ease
}
.dz-pref-toggle[aria-pressed="true"] i{background:var(--dz-accent)}
.dz-pref-toggle[aria-pressed="true"] i b{transform:translateX(-12px)}
.dz-pref-toggle:disabled{opacity:.4;cursor:not-allowed}
.dz-pref-toggle.is-saving{opacity:.65}
.dz-pref-foot{
  display:grid;gap:2px;padding:10px 15px 13px;border-top:1px solid color-mix(in srgb,var(--dz-line) 65%,transparent);
  background:color-mix(in srgb,#2ea86c 4%,var(--dz-surface))
}
.dz-pref-foot strong{font-size:9px;color:#2b8d62}
.dz-pref-foot span{font-size:8px;line-height:1.55;color:var(--dz-muted)}
@media(max-width:390px){
  .dz-pref-row{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .dz-pref-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0;padding-inline-start:46px}
}

/* === Web Push device controls === */
.dz-push-device-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  margin:10px 10px 2px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--dz-accent) 14%,var(--dz-line));
  border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface))
}
.dz-push-device-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:13px;
  background:color-mix(in srgb,var(--dz-accent) 9%,transparent);color:var(--dz-accent);
  font:800 15px/1 system-ui
}
.dz-push-device-card>span:nth-child(2){display:grid;gap:2px;min-width:0}
.dz-push-device-card strong{font-size:10.5px;font-weight:800}
.dz-push-device-card small{font-size:8.5px;color:var(--dz-muted);line-height:1.5}
.dz-push-device-card button{
  min-height:34px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));
  border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 7%,transparent);color:var(--dz-accent);
  font:800 8.5px "IBM Plex Sans Arabic",sans-serif
}
.dz-push-device-card button:disabled{opacity:.42;cursor:not-allowed}
.dz-pref-actions{min-width:112px}
@media(max-width:390px){
  .dz-push-device-card{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .dz-push-device-card button{grid-column:1/-1;width:100%}
  .dz-pref-actions{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline-start:46px}
  .dz-pref-toggle{min-width:0;gap:4px;padding-inline:5px}
  .dz-pref-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Digital storefront — scoped to the signed-in shop. */
.dcx-hidden,[hidden]{display:none!important}
.dc-eyebrow{display:block;color:var(--dz-accent);font-size:10px;font-weight:700;letter-spacing:.3px}
.dc-home-section{margin-top:26px;min-width:0}.dc-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}.dc-section-head h2{font-size:20px;line-height:1.6;margin:4px 0 0}.dc-section-head>a{font-size:11px;white-space:nowrap;color:var(--dz-muted)}
.dc-game-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 13px;scrollbar-width:thin}.dc-home-game{flex:0 0 94px;scroll-snap-align:start;display:grid;justify-items:center;align-content:start;gap:7px;border:0;background:transparent;color:var(--dz-ink);padding:0;cursor:pointer;min-width:0}.dc-home-game img{width:84px;height:84px;object-fit:cover;border-radius:24px;border:1px solid var(--dz-line);background:var(--dz-surface)}.dc-home-game strong{font-size:11px;line-height:1.6;text-align:center;max-width:94px}.dc-home-game small{font-size:10px;color:var(--dz-muted)}
.dc-discover{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:218px;padding:24px;border:1px solid #a495ef35;border-radius:27px;background:linear-gradient(125deg,#eee9fc,#f8f6ff 70%);color:#242139;overflow:hidden;text-decoration:none}.dc-discover .dc-eyebrow{color:#7b62b2}.dc-discover h2{font-size:27px;line-height:1.6;margin:9px 0}.dc-discover p{font-size:11px;color:#716a82;margin:0}.dc-discover-link{display:block;margin-top:18px;font-size:12px;font-weight:700;color:#7754b0}.dc-discover-art{position:relative;flex:0 0 112px;height:165px;display:grid;place-items:center;isolation:isolate}.dc-discover-art>span{font-size:94px;color:#8d75d5;text-shadow:2px 8px 20px #8570d340;line-height:1}.dc-discover-art:before{content:"";position:absolute;width:120px;height:120px;border:1px solid #9a86dd40;border-radius:50%;z-index:-1;transform:rotate(-30deg) scaleY(1.25)}.dc-discover-art i,.dc-discover-art b,.dc-discover-art small{position:absolute;background:#ffffffc9;border:1px solid #9e8bcf20;box-shadow:0 8px 20px #8370b515;padding:10px 13px;border-radius:13px;font:600 9px system-ui;letter-spacing:1px;color:#746287;transform:rotate(-12deg)}.dc-discover-art i{top:8px;right:0}.dc-discover-art b{bottom:14px;left:-6px;transform:rotate(9deg)}.dc-discover-art small{top:76px;right:-18px;font-size:8px;padding:7px;transform:rotate(7deg)}
.dc-home-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dc-home-count{display:block;font-size:10px;color:var(--dz-muted);margin:12px 2px 0}
.dc-home-help{display:flex;align-items:center;gap:12px;background:var(--dz-surface);border:1px solid var(--dz-line);padding:16px;border-radius:20px;margin-top:23px;color:var(--dz-ink);text-decoration:none}.dc-home-help>span{display:grid;place-items:center;background:var(--dz-bg);border-radius:12px;width:36px;height:36px;color:var(--dz-accent);font-size:18px}.dc-home-help>div{display:grid;gap:5px;flex:1}.dc-home-help strong{font-size:12px}.dc-home-help small{font-size:10px;color:var(--dz-muted)}.dc-home-help>b{font-size:18px;color:var(--dz-muted)}
.dc-store{width:min(100%,1040px);margin-inline:auto}.dc-hero{position:relative;isolation:isolate;background:linear-gradient(120deg,#eee9fc,#f8f6ff 75%);border:1px solid #aa97d52b;border-radius:28px;overflow:hidden;color:#252037;padding:27px 24px 0}.dc-hero .dc-eyebrow{color:#8260b0}.dc-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.65;margin:12px 0;letter-spacing:-.6px}.dc-hero h1 em{font-style:normal;color:#8561b7}.dc-hero p{font-size:12px;max-width:75%;line-height:1.9;color:#777080;margin:0 0 25px}.dc-hero-mark{position:absolute;left:20px;top:30px;font-size:100px;color:#a688d44d;transform:rotate(12deg);z-index:-1}.dc-hero-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #9a81c625;padding:14px 0;font-size:11px;color:#777080}
.dc-toolbar{display:flex;gap:9px;margin:22px 0 13px}.dc-search{display:flex;align-items:center;gap:10px;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-surface);padding:0 14px;min-height:51px;flex:1;min-width:0}.dc-search>span{font-size:28px;color:var(--dz-muted)}.dc-search input{min-width:0;width:100%;background:transparent;border:0;outline:none;color:var(--dz-ink);font:inherit;font-size:13px;padding:10px 0}.dc-search:focus-within{border-color:var(--dz-accent)}.dc-search input::placeholder{color:var(--dz-muted)}.dc-toolbar>button{flex:0 0 51px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-surface);color:var(--dz-ink);font-size:25px}.dc-toolbar>button[aria-pressed=true]{border-color:var(--dz-accent);color:var(--dz-accent)}
.dc-filters{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;padding:2px 1px 10px}.dc-filters button{white-space:nowrap;flex:none;min-height:39px;padding:8px 15px;border:1px solid var(--dz-line);border-radius:13px;font:600 11px "IBM Plex Sans Arabic",sans-serif;background:var(--dz-surface);color:var(--dz-muted);cursor:pointer}.dc-filters button[aria-pressed=true]{background:var(--dz-ink);border-color:var(--dz-ink);color:var(--dz-surface)}.dc-results-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 1px}.dc-results-heading h2,.dc-results-heading h3{margin:0;font-size:16px}.dc-results-heading small{font-size:10px;color:var(--dz-muted)}
.dc-store .dc-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.dc-product{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:16px 13px 12px;border:1px solid var(--dz-line);border-radius:22px;background:var(--dz-surface);color:var(--dz-ink);text-align:start;cursor:pointer;transition:border-color .15s,transform .15s;min-height:191px}.dc-product:hover{border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line))}.dc-product-top{display:flex;align-items:start;justify-content:space-between;gap:6px}.dc-brand-mark{flex:none;display:grid;place-items:center;width:49px;height:49px;border:1px solid #9b8bb91a;border-radius:16px;background:#f0eafd;color:#7e56b1;font:700 19px system-ui;letter-spacing:-.5px}.dc-tone-ai{background:#e8f5ef;color:#238064}.dc-tone-design{background:#f1e9fc;color:#9061b7}.dc-tone-work{background:#eaf0fc;color:#577eb4}.dc-tone-play{background:#fbeaea;color:#c35f70}.dc-tone-privacy{background:#e8f2f5;color:#50889b}.dc-product-category{max-width:58%;font-size:8px;color:var(--dz-muted);text-align:end;line-height:1.7}.dc-product-copy{display:grid;gap:6px;margin:15px 0 17px;flex:1;min-width:0}.dc-product-copy>b{font-size:14px;line-height:1.5;overflow-wrap:anywhere;unicode-bidi:plaintext}.dc-product-copy>small{font-size:10px;color:var(--dz-muted);line-height:1.7}.dc-product-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid var(--dz-line);padding-top:11px}.dc-product-foot strong{font-size:10px;line-height:1.7;font-weight:500;color:var(--dz-muted)}.dc-product-foot>span{color:var(--dz-accent);font-size:17px}
.dc-product-grid.is-list{grid-template-columns:1fr}.dc-product-grid.is-list .dc-product{min-height:90px;display:grid;grid-template-columns:51px 1fr;gap:0 12px;align-items:center;padding:13px 16px;border-radius:18px}.dc-product-grid.is-list .dc-product-top{grid-row:1/3}.dc-product-grid.is-list .dc-product-category{display:none}.dc-product-grid.is-list .dc-product-copy{margin:0;gap:4px}.dc-product-grid.is-list .dc-product-foot{border:0;padding-top:5px}
.dc-empty{grid-column:1/-1;display:grid;align-content:center;justify-items:center;text-align:center;gap:9px;padding:30px 20px;min-height:165px;border:1px solid var(--dz-line);border-radius:22px;background:var(--dz-surface);color:var(--dz-ink);width:100%;box-sizing:border-box}.dc-empty-symbol{font-size:24px;color:var(--dz-muted)}.dc-empty strong{font-size:14px}.dc-empty p{font-size:11px;color:var(--dz-muted);margin:0;line-height:1.9;max-width:300px}.dc-empty button{font:600 12px "IBM Plex Sans Arabic",sans-serif;border:1px solid var(--dz-line);background:var(--dz-bg);border-radius:12px;padding:10px 18px;color:var(--dz-accent);margin-top:5px}
.dc-help{border:1px solid var(--dz-line);border-radius:22px;background:var(--dz-surface);padding:19px 20px;margin-top:23px}.dc-help strong{font-size:13px}.dc-help p{font-size:11px;color:var(--dz-muted);line-height:1.9;margin:9px 0 13px}.dc-help a,.dc-support-link{font-size:12px;color:var(--dz-accent);text-decoration:none;font-weight:600}
.dc-store .dz-digital-plan-panel{margin-top:21px}.dc-product-back{background:transparent;border:0;color:var(--dz-muted);font:600 12px "IBM Plex Sans Arabic",sans-serif;padding:8px 0;min-height:44px}.dc-product-detail-head{display:flex;align-items:center;gap:15px;padding:23px 18px;border:1px solid var(--dz-line);border-radius:24px;background:var(--dz-surface);margin:10px 0 20px}.dc-product-detail-head .dc-brand-mark{width:64px;height:64px;border-radius:20px;font-size:24px}.dc-product-detail-head h2{margin:7px 0;font-size:22px;overflow-wrap:anywhere}.dc-product-detail-head p{margin:0;font-size:11px;line-height:1.9;color:var(--dz-muted)}
.dc-plans{display:grid;grid-template-columns:1fr;gap:10px}.dc-store .dc-plan{padding:18px;min-height:92px;border-radius:20px;background:var(--dz-surface);text-align:start}.dc-plan .dz-digital-plan-copy{min-width:0;flex:1;gap:7px}.dc-plan .dz-digital-plan-copy b{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.dc-plan .dz-digital-plan-copy small{font-size:10px;line-height:1.8}.dc-plan-price{display:grid;gap:7px;text-align:end;flex-shrink:0;max-width:42%}.dc-plan-price strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.dc-plan-price small{font-size:10px;color:var(--dz-muted)}.dc-plan.is-active{border-color:var(--dz-accent);box-shadow:0 0 0 1px var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}.dc-plan:disabled{opacity:.55;cursor:not-allowed}.dc-review-head h2{font-size:19px;margin:8px 0 15px}.dc-review-note{font-size:12px;line-height:1.9;color:var(--dz-muted);padding:15px;background:var(--dz-bg);border-radius:14px}
.dc-store button:focus-visible,.dc-store a:focus-visible,.dc-home-section button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
body.dz-dark .dc-hero,body.dz-dark .dc-discover{background:linear-gradient(120deg,#292335,#1c1924);color:#f1eafa;border-color:#79629350}body.dz-dark .dc-hero h1 em,body.dz-dark .dc-hero .dc-eyebrow,body.dz-dark .dc-discover .dc-eyebrow,body.dz-dark .dc-discover-link{color:#c4a0ee}body.dz-dark .dc-hero p,body.dz-dark .dc-hero-foot,body.dz-dark .dc-discover p{color:#b8adc6}body.dz-dark .dc-brand-mark{filter:brightness(.85)}body.dz-dark .dc-discover-art i,body.dz-dark .dc-discover-art b,body.dz-dark .dc-discover-art small{background:#322940;color:#cdb8e4}
@media(min-width:700px){.dc-store .dc-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-home-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-hero-mark{font-size:160px;left:65px;top:0}.dc-hero{padding:32px 35px 0}.dc-product{min-height:205px;padding:19px}.dc-store .dc-product-grid.is-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.dc-store .dc-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.dc-section-head h2{font-size:18px}.dc-discover{padding:21px 19px}.dc-discover h2{font-size:24px}.dc-product{padding:13px 11px;min-height:186px}.dc-product-copy>b{font-size:13px}.dc-product-category{font-size:9px}.dc-hero{padding:22px 19px 0}.dc-hero h1{font-size:27px}.dc-brand-mark{width:44px;height:44px;border-radius:14px}.dc-hero p{max-width:83%}}
@media(prefers-reduced-motion:reduce){.dc-product{transition:none}.dc-game-rail{scroll-behavior:auto}}

/* Account balance refresh + themed commerce dialogs. */
#home-wallet-caption{cursor:pointer;outline-offset:4px}
.dzx-home-wallet.is-refreshing .dzx-home-wallet-top>span:first-child svg{animation:dc-wallet-pulse 1s ease-in-out infinite alternate}
@keyframes dc-wallet-pulse{to{opacity:.35}}
.dc-discover,.dc-hero{background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface)),color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface)) 75%);border-color:color-mix(in srgb,var(--dz-accent) 19%,var(--dz-line));color:var(--dz-ink)}
.dc-discover .dc-eyebrow,.dc-discover-link,.dc-hero .dc-eyebrow,.dc-hero h1 em{color:var(--dz-accent)}
.dc-discover p,.dc-hero p,.dc-hero-foot{color:var(--dz-muted)}.dc-hero-foot{border-color:color-mix(in srgb,var(--dz-accent) 15%,var(--dz-line))}
.dc-discover-art>span{color:color-mix(in srgb,var(--dz-accent) 70%,var(--dz-surface));text-shadow:2px 8px 20px color-mix(in srgb,var(--dz-accent) 15%,transparent)}
.dc-hero-mark{color:color-mix(in srgb,var(--dz-accent) 28%,transparent)}
.dc-discover-art:before{border-color:color-mix(in srgb,var(--dz-accent) 25%,transparent)}
.dc-discover-art i,.dc-discover-art b,.dc-discover-art small{background:color-mix(in srgb,var(--dz-surface) 85%,transparent);border-color:color-mix(in srgb,var(--dz-accent) 16%,transparent);color:var(--dz-muted);box-shadow:0 8px 20px color-mix(in srgb,var(--dz-accent) 7%,transparent)}
body.dz-dark .dc-hero,body.dz-dark .dc-discover{background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 16%,var(--dz-surface)),color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface)));color:var(--dz-ink);border-color:color-mix(in srgb,var(--dz-accent) 26%,var(--dz-line))}
body.dz-dark .dc-hero h1 em,body.dz-dark .dc-hero .dc-eyebrow,body.dz-dark .dc-discover .dc-eyebrow,body.dz-dark .dc-discover-link{color:var(--dz-accent)}
body.dz-dark .dc-hero p,body.dz-dark .dc-hero-foot,body.dz-dark .dc-discover p{color:var(--dz-muted)}
body.dz-dark .dc-discover-art i,body.dz-dark .dc-discover-art b,body.dz-dark .dc-discover-art small{background:var(--dz-elevated);color:var(--dz-muted)}
.dc-game-rail{scrollbar-width:none}.dc-game-rail::-webkit-scrollbar{display:none}
.dc-home-section{margin-top:19px}.dc-home-section+.dc-home-section{margin-top:21px}
.dc-modal{width:min(600px,calc(100vw - 24px));max-width:600px;max-height:min(88dvh,820px);padding:0;border:1px solid var(--dz-line);border-radius:27px;background:var(--dz-surface);color:var(--dz-ink);box-shadow:0 24px 100px #0005;margin:auto;overflow:hidden}
.dc-modal::backdrop{background:#090e1c75;backdrop-filter:blur(5px)}
.dc-modal-shell{display:flex;flex-direction:column;max-height:min(88dvh,820px)}
.dc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px 15px;border-bottom:1px solid var(--dz-line);flex:none;background:var(--dz-surface)}
.dc-modal-head h2{font-size:19px;margin:5px 0 0;line-height:1.6;overflow-wrap:anywhere}.dc-modal-head .dc-eyebrow{font-size:9px}
.dc-modal-close{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-bg);color:var(--dz-ink);font:400 26px system-ui;cursor:pointer}
.dc-modal-body{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:19px 20px 23px;scrollbar-width:thin}
.dc-modal .dz-game-form{margin:0;border:0;background:transparent;padding:0;display:grid;gap:14px}
.dc-game-identity{display:flex;align-items:center;gap:12px}.dc-game-identity img{width:58px;height:58px;border-radius:18px;object-fit:cover}.dc-game-identity>div{display:grid;gap:6px}.dc-game-identity strong{font-size:16px}.dc-game-identity small{font-size:11px;color:var(--dz-muted)}
.dc-modal .dz-game-field{margin:0;display:grid;gap:8px}.dc-modal .dz-game-field>span{font-size:12px;color:var(--dz-muted)}
.dc-modal .dz-game-field :is(input,select){font:500 17px "IBM Plex Sans Arabic",sans-serif;background:var(--dz-bg);color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:15px;width:100%;height:52px;padding:0 14px;box-sizing:border-box}
.dc-modal .dz-game-field :is(input,select):focus{outline:2px solid color-mix(in srgb,var(--dz-accent) 50%,transparent);outline-offset:1px}
.dc-modal .dz-game-validate{margin:0;min-height:48px;border-radius:15px;background:var(--dz-accent);color:#fff;font-size:13px;font-weight:650;border:0}
.dc-modal .dz-game-validate:disabled{opacity:.65;cursor:wait}
.dc-modal .dz-game-validation{font-size:12px;line-height:1.9;margin:0;padding:10px 12px;border-radius:12px;background:var(--dz-bg)}
.dc-modal .dz-game-validation.is-success{background:color-mix(in srgb,#27a877 9%,var(--dz-surface));color:#209a71}
.dc-modal .dz-game-validation.is-error{background:color-mix(in srgb,#df5966 8%,var(--dz-surface));color:#c14d59}
.dc-game-packages{border-top:1px solid var(--dz-line);padding-top:14px}
.dc-modal .dz-game-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dc-modal .dz-game-offer{padding:13px 11px;min-height:70px;border-radius:15px;min-width:0;background:var(--dz-surface)}
.dc-modal .dz-game-offer-copy b{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.dc-modal .dz-game-offer-copy small{font-size:10px}.dc-modal .dz-game-offer:disabled{opacity:.5}
.dc-modal .dz-game-review,.dc-modal .dz-digital-review{margin:17px 0 0;padding:16px;border:1px solid var(--dz-line);border-radius:19px;background:var(--dz-bg)}
.dc-modal .dz-digital-plan-panel{margin:0}.dc-modal .dc-product-back{display:none}.dc-modal .dc-product-detail-head{padding:0 0 18px;border:0;border-bottom:1px solid var(--dz-line);background:transparent;margin:0 0 17px;border-radius:0}.dc-modal .dc-product-detail-head h2{font-size:20px}
.dc-modal .dc-plans{display:grid;grid-template-columns:1fr}.dc-modal .dc-plan{padding:16px;background:var(--dz-surface)}.dc-modal .dc-plan.is-active{border-color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.dc-modal .dc-plan-price strong{font-size:15px}.dc-modal .dc-plan .dz-digital-plan-copy b{font-size:13px}.dc-modal .dc-plan .dz-digital-plan-copy small{font-size:10px}
.dc-modal .dc-product-detail-head .dc-brand-mark{width:53px;height:53px;font-size:21px}
.dc-modal button:focus-visible,.dc-modal a:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
@media(max-width:420px){.dc-modal-head{padding:15px 16px}.dc-modal-body{padding:16px}.dc-modal{border-radius:23px}.dc-modal-head h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.dzx-home-wallet.is-refreshing svg{animation:none}}

/* Account statistics: phone-first, scoped to this page. */
.st-v2{--st-success:#239c77;--st-active:#b87b18;--st-failed:#cb4d63;--st-reversed:#8d64c5;gap:16px;grid-template-columns:minmax(0,1fr)}
.st-v2 :is(button,a){-webkit-tap-highlight-color:transparent}
.st-v2 button:focus-visible,.st-v2 a:focus-visible,.st-v2 summary:focus-visible{outline:2px solid var(--dz-accent);outline-offset:4px}
.st-v2 .st-intro{position:relative;display:grid;gap:16px;margin:0;padding:0;grid-column:1/-1}
.st-v2 .st-intro-copy{display:grid;gap:7px}
.st-v2 .st-scope{display:flex;align-items:center;gap:6px;color:var(--dz-muted);font-size:11px}
.st-v2 .st-scope svg{width:15px;height:15px;color:var(--dz-accent)}
.st-v2 .st-intro h3{font-size:25px;line-height:1.5;letter-spacing:-.035em;margin:0;font-weight:700}
.st-v2 .st-intro p{font-size:11px;line-height:1.7;margin:0;color:var(--dz-muted)}
.st-v2 .st-period{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--dz-line);padding:4px;border-radius:16px;background:var(--dz-surface);gap:4px}
.st-v2 .st-period button{min-height:43px;border:0;background:transparent;color:inherit;font:inherit;border-radius:12px;cursor:pointer;font-size:12px;transition:background .16s,color .16s}
.st-v2 .st-period button[aria-pressed=true]{background:var(--dz-accent);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--dz-accent) 15%,transparent)}
.st-v2 .st-period button:disabled{cursor:wait;opacity:.7}
.st-v2 .st-loading-note{font-size:11px;color:var(--dz-accent)}
.st-v2 .st-loading-note:empty{display:none}
.st-v2 .st-summary{display:flex;grid-column:1/-1;align-items:center;gap:18px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:25px;padding:23px 20px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--dz-accent) 16%,transparent),transparent 70%),var(--dz-surface);color:var(--dz-ink);box-shadow:none;min-width:0}
.st-v2 .st-total{flex:1;min-width:0;gap:8px}
.st-v2 .st-summary-label{font-size:12px;line-height:1.7;color:var(--dz-muted)}
.st-v2 .st-total>strong{font:750 clamp(25px,7vw,38px)/1.35 system-ui;text-align:right;letter-spacing:-.04em;margin-block:3px;overflow-wrap:anywhere}
.st-v2 .st-total em{font:500 12px system-ui;color:var(--dz-muted);letter-spacing:0;margin-inline-start:4px}
.st-v2 .st-summary-note{font-size:11px;line-height:1.8;color:var(--dz-muted)}
.st-v2 .st-summary-link{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dz-accent);text-decoration:none;border-top:1px solid var(--dz-line);padding-top:12px;margin-top:7px;min-height:36px}
.st-v2 .st-summary-link svg{width:15px;height:15px;flex-shrink:0}.st-v2 .st-summary-link>b{margin-inline-start:auto;font-size:15px}
.st-v2 .st-completion{flex:0 0 85px;gap:8px;align-self:center;display:grid;justify-items:center}
.st-v2 .st-completion small{font-size:11px;color:var(--dz-muted);opacity:1}
.st-v2 .st-ring{width:82px;height:82px;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--dz-accent) calc(var(--st-rate)*1%),color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface)) 0)}
.st-v2 .st-ring::before{content:'';position:absolute;inset:6px;border-radius:50%;background:var(--dz-surface)}
.st-v2 .st-ring strong{position:relative;font:700 19px system-ui;color:var(--dz-ink)}
.st-v2 .st-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.st-v2 .st-kpi{display:grid;gap:10px;padding:15px 14px;border-radius:19px;min-width:0;background:var(--dz-surface);border:1px solid var(--dz-line)}
.st-v2 .st-kpi-heading{display:flex;align-items:center;gap:7px}.st-v2 .st-kpi-heading>span{display:grid;place-items:center;width:26px;height:26px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent);border-radius:9px;flex-shrink:0}
.st-v2 .st-kpi-heading svg{width:15px;height:15px}.st-v2 .st-kpi small{font-size:11px;color:var(--dz-muted)}
.st-v2 .st-kpi>strong{font:700 clamp(19px,5.5vw,25px)/1.3 system-ui;text-align:right;letter-spacing:-.03em;overflow-wrap:anywhere}
.st-v2 .st-kpi>span{font-size:11px;line-height:1.7;color:var(--dz-muted)}
.st-v2 .st-kpi-active .st-kpi-heading>span{color:var(--st-active);background:color-mix(in srgb,var(--st-active) 8%,var(--dz-surface))}
.st-v2 .st-kpi-savings .st-kpi-heading>span{color:var(--st-success);background:color-mix(in srgb,var(--st-success) 8%,var(--dz-surface))}
.st-v2 .st-attention{grid-column:1/-1;display:flex;align-items:center;gap:11px;padding:14px 16px;min-height:64px;border:1px solid color-mix(in srgb,var(--st-active) 20%,var(--dz-line));background:color-mix(in srgb,var(--st-active) 5%,var(--dz-surface));color:var(--dz-ink);border-radius:17px;text-align:start;font:inherit;cursor:pointer}
.st-v2 .st-attention svg{width:19px;height:19px;color:var(--st-active);flex-shrink:0}.st-v2 .st-attention>span{display:grid;gap:4px;flex:1}.st-v2 .st-attention strong{font-size:11px;font-weight:600}.st-v2 .st-attention small{font-size:11px;color:var(--dz-muted)}.st-v2 .st-attention>b{color:var(--st-active);font-size:16px}
.st-v2 .st-panel{padding:19px 17px;min-width:0;border-radius:22px;background:var(--dz-surface)}
.st-v2 .st-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.st-v2 .st-panel-head>div{display:grid;gap:5px;min-width:0}.st-v2 .st-panel h3{font-size:15px;line-height:1.5;margin:0;font-weight:650}.st-v2 .st-panel-head small{font-size:11px;color:var(--dz-muted)}.st-v2 .st-panel-head>svg,.st-v2 .st-panel-head>span>svg{width:20px;height:20px;color:var(--dz-muted)}
.st-v2 .st-count{font-size:11px;white-space:nowrap;padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent)}
.st-v2 .st-legend{display:flex;gap:16px;margin:0 0 17px;color:var(--dz-muted);font-size:11px}.st-v2 .st-legend>span{display:flex;align-items:center;gap:5px;color:var(--dz-muted)}.st-v2 .st-legend i{width:7px;height:7px;border-radius:2px;background:color-mix(in srgb,var(--dz-accent) 35%,var(--dz-surface))}.st-v2 .st-legend>span:last-child i{background:var(--st-success)}
.st-v2 .st-chart{display:flex;direction:ltr;gap:9px;height:158px;width:100%;min-width:0;margin-block:10px 14px}
.st-v2 .st-axis{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 17px;height:130px;font:9px system-ui;color:var(--dz-muted);text-align:right;padding-top:12px}
.st-v2 .st-plot{position:relative;display:flex;gap:3px;flex:1;min-width:0}
.st-v2 .st-grid-lines{position:absolute;inset:12px 0 23px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.st-v2 .st-grid-lines i{border-top:1px dashed var(--dz-line);display:block;width:100%}
.st-v2 .st-column{position:relative;min-width:0;flex:1;padding:0 2px 3px;height:158px;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;border:0;border-radius:7px;color:var(--dz-muted);cursor:pointer;font:inherit}
.st-v2 .st-column-value{height:14px;flex:0 0 14px;font:10px system-ui;color:var(--dz-muted)}
.st-v2 .st-pair{display:flex;gap:3px;align-items:flex-end;width:100%;max-width:27px;flex:1;min-height:0;border-radius:5px;padding:0 2px}
.st-v2 .st-pair>i{display:block;width:50%;border-radius:4px 4px 0 0;min-width:0}.st-v2 .st-all-bar{background:color-mix(in srgb,var(--dz-accent) 35%,var(--dz-surface))}.st-v2 .st-done-bar{background:var(--st-success)}
.st-v2 .st-column small{font:9px system-ui;flex:0 0 12px;color:var(--dz-muted)}
.st-v2 .st-column[aria-pressed=true]{background:color-mix(in srgb,var(--dz-accent) 6%,transparent)}.st-v2 .st-column[aria-pressed=true] .st-column-value,.st-v2 .st-column[aria-pressed=true] small{color:var(--dz-accent);font-weight:700}.st-v2 .st-column[aria-pressed=true] .st-all-bar{background:var(--dz-accent)}
.st-v2 .st-selected{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));font-size:11px;line-height:1.6}.st-v2 .st-selected time{color:var(--dz-muted)}.st-v2 .st-selected>span{display:grid;gap:4px;color:var(--dz-muted)}.st-v2 .st-selected b{font:650 14px system-ui;color:var(--dz-ink)}.st-v2 .st-selected>span:last-child b{color:var(--st-success)}
.st-v2 .st-daily{margin-top:10px;font-size:11px}.st-v2 .st-daily summary{display:flex;justify-content:space-between;align-items:center;padding:10px 0;min-height:40px;color:var(--dz-accent);list-style:none}.st-v2 .st-daily summary::-webkit-details-marker{display:none}.st-v2 .st-daily[open] summary>span{transform:rotate(180deg)}
.st-v2 .st-daily-table{max-height:260px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--dz-line);border-radius:12px;scrollbar-width:thin}
.st-v2 .st-daily table{width:100%;border-collapse:collapse;text-align:start;font-size:11px}.st-v2 .st-daily th,.st-v2 .st-daily td{padding:11px;text-align:start;border-bottom:1px solid var(--dz-line);font-weight:400;color:var(--dz-ink)}.st-v2 .st-daily thead th{position:sticky;top:0;background:var(--dz-surface);color:var(--dz-muted)}
.st-v2 .st-outcome-track{height:7px;margin:17px 0;gap:3px;min-height:7px;background:var(--dz-line)}.st-v2 .st-success{background:var(--st-success)}.st-v2 .st-active{background:var(--st-active)}.st-v2 .st-failed{background:var(--st-failed)}.st-v2 .st-reversed{background:var(--st-reversed)}
.st-v2 .st-outcomes{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.st-v2 .st-outcomes>button{display:flex;align-items:center;gap:9px;min-height:49px;padding:11px 0;border:0;border-bottom:1px solid var(--dz-line);background:transparent;font:inherit;font-size:11px;color:var(--dz-ink);text-align:start;cursor:pointer}
.st-v2 .st-outcomes>button:last-child{border-bottom:0}.st-v2 .st-outcomes>button:disabled{cursor:default}.st-v2 .st-outcomes b{font:650 16px system-ui;margin-inline-start:auto}.st-v2 .st-outcomes small{font:10px system-ui;color:var(--dz-muted);min-width:34px;text-align:end}.st-v2 .st-outcomes .st-dot{width:7px;height:7px;flex-shrink:0}.st-v2 .st-row-arrow{font-size:14px;color:var(--dz-muted);margin-inline-start:6px}.st-v2 .st-outcomes>button:disabled .st-row-arrow{visibility:hidden}
.st-v2 .st-service{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-bottom:1px solid var(--dz-line)}.st-v2 .st-service:last-child{border:0;padding-bottom:0}
.st-v2 .st-service-rank{display:grid;place-items:center;border:1px solid var(--dz-line);width:27px;height:27px;border-radius:9px;flex:0 0 27px;font:600 11px system-ui;color:var(--dz-muted)}.st-v2 .st-service:first-of-type .st-service-rank{color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border-color:transparent}
.st-v2 .st-service-copy{display:grid;flex:1;gap:10px;min-width:0}.st-v2 .st-service-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.st-v2 .st-service-copy strong{font-weight:600;overflow-wrap:anywhere}.st-v2 .st-service-copy>div>span{font-size:11px;white-space:nowrap;color:var(--dz-muted)}.st-v2 .st-service progress{height:4px;width:100%;border:0;border-radius:6px;appearance:none;accent-color:var(--dz-accent);overflow:hidden}.st-v2 .st-service progress::-webkit-progress-bar{background:var(--dz-line)}.st-v2 .st-service progress::-webkit-progress-value{background:var(--dz-accent)}.st-v2 .st-service progress::-moz-progress-bar{background:var(--dz-accent)}.st-v2 .st-service-foot b{font:600 12px system-ui;color:var(--dz-ink)}.st-v2 .st-service-foot b small{font:400 9px system-ui;color:var(--dz-muted)}
.st-v2 .st-empty{display:grid;justify-items:center;gap:9px;padding:26px 7px;text-align:center}.st-v2 .st-empty>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent)}.st-v2 .st-empty svg{width:21px;height:21px}.st-v2 .st-empty strong{font-size:12px}.st-v2 .st-empty p{font-size:11px;color:var(--dz-muted);line-height:1.8;margin:0}.st-v2 .st-empty a{font-size:11px;min-height:35px;display:flex;align-items:center;color:var(--dz-accent);text-decoration:none}.st-v2 .st-empty-small{padding:22px 8px}
.st-v2 .st-profit{grid-column:1/-1;padding:15px;gap:10px;min-height:68px;border-radius:17px;cursor:pointer}.st-v2 .st-profit svg{width:20px;height:20px;flex-shrink:0;color:var(--dz-accent)}.st-v2 .st-profit strong{font-size:11px}.st-v2 .st-profit small{font-size:11px;line-height:1.6}.st-v2 .st-profit>b{font-size:16px;color:var(--dz-muted)}.st-v2 .st-scope-note{grid-column:1/-1;font-size:11px;color:var(--dz-muted);line-height:1.9;text-align:center;margin:0}
.st-v2 .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ma-private .st-v2 .ma-sensitive{position:relative}.ma-private .st-v2 .ma-sensitive::after{content:'••••';visibility:visible;position:absolute;inset:0;color:var(--dz-muted)}
.ma-private .st-v2 .st-data{visibility:hidden;pointer-events:none}.ma-private .st-v2 .st-ring{background:var(--dz-line)}.ma-private .st-v2 .st-kpi>span{visibility:hidden}
#account-view[data-merchant-view=stats] .ma-footer{gap:8px;font-size:11px;padding-top:2px}
body.dz-dark .st-v2{--st-success:#60c5a2;--st-active:#e0b063;--st-failed:#ec8a9a;--st-reversed:#b69be3}
@media(min-width:800px){.st-v2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.st-v2 .st-intro{grid-template-columns:1fr auto;align-items:center}.st-v2 .st-period{min-width:340px}.st-v2 .st-intro h3{font-size:30px}.st-v2 .st-summary{padding:27px 28px}.st-v2 .st-total>strong{font-size:42px}.st-v2 .st-total em{font-size:15px}.st-v2 .st-completion{flex-basis:112px}.st-v2 .st-ring{width:95px;height:95px}.st-v2 .st-ring strong{font-size:23px}.st-v2 .st-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.st-v2 .st-kpi{padding:18px}.st-v2 .st-kpi>strong{font-size:26px}.st-v2 .st-activity{grid-column:1;grid-row:span 2}.st-v2 .st-services-panel{grid-column:2}.st-v2 .st-panel{padding:22px}.st-v2 .st-chart,.st-v2 .st-column{height:205px}.st-v2 .st-axis{height:179px}.st-v2 .st-selected{font-size:11px;padding:15px}.st-v2 .st-selected b{font-size:17px}}
@media(max-width:359px){.st-v2 .st-summary{gap:10px;padding:19px 15px}.st-v2 .st-completion{flex-basis:68px}.st-v2 .st-ring{width:64px;height:64px}.st-v2 .st-ring strong{font-size:16px}.st-v2 .st-kpi{padding:13px 11px}.st-v2 .st-kpi-heading{gap:5px}.st-v2 .st-kpi small{font-size:11px}.st-v2 .st-panel{padding:17px 12px}.st-v2 .st-selected{gap:7px}}
@media(prefers-reduced-motion:reduce){.st-v2 *{transition:none!important}}

/* === Authenticated install / notification sheet v2 === */
.dz-setup-overlay{
 padding:16px;background:rgba(7,12,22,.46);
 -webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%);
 animation:dz-setup-fade .16s ease both
}
.dz-setup-card{
 width:min(100%,430px);max-height:min(86dvh,620px);overflow:auto;
 padding:24px 22px 18px;border:1px solid var(--dz-line);border-radius:25px;
 background:color-mix(in srgb,var(--dz-surface) 97%,transparent);color:var(--dz-ink);
 box-shadow:0 28px 75px rgba(7,15,30,.22);text-align:right;gap:10px;
 animation:dz-setup-card-in .22s cubic-bezier(.22,.8,.25,1) both
}
.dz-setup-card:after{
 content:"";position:absolute;z-index:0;width:180px;height:180px;border-radius:50%;
 top:-102px;inset-inline-end:-75px;border:1px solid color-mix(in srgb,var(--dz-accent) 11%,transparent);
 box-shadow:0 0 0 30px color-mix(in srgb,var(--dz-accent) 2.5%,transparent);
 pointer-events:none
}
.dz-setup-card>*{position:relative;z-index:1}
.dz-setup-card img{
 margin:2px 0 2px auto;width:58px;height:58px;object-fit:cover;border-radius:17px;
 box-shadow:0 10px 24px -18px rgba(25,75,160,.4)
}
.dz-setup-card h2{
 margin:3px 0 0;font-size:20px;line-height:1.42;font-weight:800;letter-spacing:-.025em
}
.dz-setup-card .dz-setup-description{
 max-width:345px;color:var(--dz-muted);font-size:11px;line-height:1.75
}
.dz-setup-card button{
 min-height:46px;border-radius:14px;border:1px solid var(--dz-line);
 background:var(--dz-elevated);color:var(--dz-ink);font:750 11px "IBM Plex Sans Arabic",sans-serif;
 transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease
}
.dz-setup-card button[data-action=primary]{
 margin-top:6px;border-color:color-mix(in srgb,var(--dz-accent) 76%,var(--dz-line));
 background:linear-gradient(180deg,color-mix(in srgb,var(--dz-accent) 94%,#fff),var(--dz-accent));
 color:#fff;font-weight:800;
 box-shadow:0 12px 25px -18px color-mix(in srgb,var(--dz-accent) 88%,transparent)
}
.dz-setup-card button[data-action=primary]:active{transform:scale(.985)}
.dz-setup-card .dz-setup-close{
 top:12px;left:12px;width:34px;height:34px;min-height:34px;border:0;border-radius:11px;
 background:color-mix(in srgb,var(--dz-ink) 4%,transparent);color:var(--dz-muted);font-size:20px
}
.dz-setup-card .dz-setup-skip{
 min-height:36px;border:0;background:transparent;color:var(--dz-muted);font-size:10px
}
.dz-setup-card .dz-setup-status{
 min-height:18px;padding:0 2px;color:var(--dz-accent);font-size:9.5px;line-height:1.6;text-align:center
}
.dz-setup-overlay[data-mode=open] .dz-setup-card button[data-action=primary]{
 --dz-accent:#168b64
}
.dz-setup-overlay[data-mode=notify] .dz-setup-card img{
 padding:7px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface))
}
@keyframes dz-setup-fade{from{opacity:0}to{opacity:1}}
@keyframes dz-setup-card-in{from{opacity:.7;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .dz-setup-overlay{place-items:end center;padding:0;background:rgba(7,12,22,.38)}
 .dz-setup-card{
  width:100%;max-height:min(78dvh,590px);padding:26px 18px calc(16px + env(safe-area-inset-bottom,0px));
  border-inline:0;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 55px rgba(7,15,30,.18);
  animation:dz-setup-sheet-in .24s cubic-bezier(.2,.85,.25,1) both
 }
 .dz-setup-card:before{
  content:"";display:block;width:38px;height:4px;margin:-15px auto 7px;border-radius:999px;
  background:color-mix(in srgb,var(--dz-muted) 28%,transparent)
 }
 .dz-setup-card img{width:54px;height:54px;border-radius:16px}
 .dz-setup-card h2{font-size:19px}
 .dz-setup-card button[data-action=primary]{min-height:50px;font-size:11.5px}
}
@keyframes dz-setup-sheet-in{from{transform:translateY(28px);opacity:.72}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){
 .dz-setup-overlay,.dz-setup-card{animation:none!important}
}

/* DZ Pulse notification detail v1 */
.dz-notification-detail-dialog{
  width:min(92vw,500px);max-width:500px;margin:auto;padding:0;border:0;background:transparent;color:var(--dz-ink);
  overflow:visible
}
.dz-notification-detail-dialog::backdrop{background:#0206179a;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.dz-notification-detail-sheet{
  display:grid;gap:14px;padding:18px;border:1px solid var(--dz-line);border-radius:24px;
  background:color-mix(in srgb,var(--dz-surface) 97%,transparent);box-shadow:0 26px 80px #0008
}
.dz-notification-detail-head{display:grid;grid-template-columns:46px minmax(0,1fr) 40px;gap:10px;align-items:center}
.dz-notification-detail-head>div{min-width:0}
.dz-notification-detail-head small{display:block;margin-bottom:2px;color:var(--dz-accent);font-size:.64rem;font-weight:800;letter-spacing:.08em}
.dz-notification-detail-head h2{margin:0;font-size:1.12rem;line-height:1.35}
.dz-notification-detail-icon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:15px;
  background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-bg));color:var(--dz-accent)
}
.dz-notification-detail-icon svg{width:23px;height:23px}
#notification-detail-close{
  width:40px;height:40px;padding:0;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-bg);color:var(--dz-ink);
  font-size:1.35rem;line-height:1
}
.dz-notification-detail-body{margin:0;color:var(--dz-muted);font-size:.86rem;line-height:1.9}
.dz-notification-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dz-notification-detail-meta>div{min-width:0;padding:10px 11px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-bg)}
.dz-notification-detail-meta small{display:block;margin-bottom:4px;color:var(--dz-muted);font-size:.62rem}
.dz-notification-detail-meta strong{display:block;overflow-wrap:anywhere;font-size:.78rem;line-height:1.55}
.dz-notification-detail-time{display:block;color:var(--dz-muted);font-size:.65rem;text-align:start}
.dz-notification-detail-actions{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px}
.dz-notification-detail-actions button{min-height:48px;border-radius:14px;font-weight:800}
.dz-notification-detail-actions .is-secondary{border:1px solid var(--dz-line);background:var(--dz-bg);color:var(--dz-ink)}
.dz-notification-detail-actions .is-primary{border:1px solid color-mix(in srgb,var(--dz-accent) 38%,var(--dz-line));background:var(--dz-accent);color:#fff}
@media(max-width:420px){
 .dz-notification-detail-dialog{width:calc(100vw - 24px)}
 .dz-notification-detail-sheet{gap:11px;padding:14px;border-radius:21px}
 .dz-notification-detail-head{grid-template-columns:42px minmax(0,1fr) 38px;gap:8px}
 .dz-notification-detail-icon{width:42px;height:42px;border-radius:13px}
 #notification-detail-close{width:38px;height:38px;border-radius:12px}
 .dz-notification-detail-meta{gap:6px}
 .dz-notification-detail-meta>div{padding:8px 9px}
 .dz-notification-detail-actions button{min-height:46px}
}

/* Digital products icons + compact home six-up v1 */
.dc-brand-mark{position:relative;overflow:hidden}
.dc-brand-mark .dc-brand-fallback{display:grid;place-items:center;width:100%;height:100%;font:inherit;color:inherit}
.dc-brand-mark.has-image{padding:4px;background:var(--dz-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dz-line) 78%,transparent)}
.dc-brand-mark.has-image>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
.dc-brand-mark.has-image>.dc-brand-fallback{display:none}
.dc-store .dc-product-grid .dc-brand-mark{width:72px;height:72px;border-radius:21px}
.dc-store .dc-product-grid .dc-brand-mark.has-image{padding:5px}
.dc-store .dc-product-grid .dc-brand-mark.has-image>img{border-radius:16px}
.dc-home-products{gap:8px}
.dc-home-products .dc-product{min-height:166px;padding:11px 10px 9px;border-radius:18px}
.dc-home-products .dc-brand-mark{width:58px;height:58px;border-radius:16px}
.dc-home-products .dc-brand-mark.has-image{padding:3px}
.dc-home-products .dc-brand-mark.has-image>img{border-radius:10px}
.dc-home-products .dc-product-category{font-size:7.5px;line-height:1.55}
.dc-home-products .dc-product-copy{gap:3px;margin:9px 0 10px}
.dc-home-products .dc-product-copy>b{font-size:12px;line-height:1.4}
.dc-home-products .dc-product-copy>small{font-size:8.5px;line-height:1.5}
.dc-home-products .dc-product-foot{padding-top:8px;gap:4px}
.dc-home-products .dc-product-foot strong{font-size:8.3px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dc-home-products .dc-product-foot>span{font-size:15px}
@media(max-width:420px){
 .dc-home-products{gap:7px}
 .dc-home-products .dc-product{min-height:160px;padding:10px 9px 8px;border-radius:17px}
 .dc-home-products .dc-brand-mark{width:56px;height:56px;border-radius:15px}
 .dc-home-products .dc-product-copy>b{font-size:11.5px}
 .dc-home-products .dc-product-copy>small{font-size:8px}
 .dc-store .dc-product-grid .dc-brand-mark{width:68px;height:68px;border-radius:19px}
}

/* Digital catalog — game-card presentation v2 */
.dc-product.dc-product-game{
  display:flex;flex-direction:row;align-items:center;gap:10px;min-height:88px;
  padding:10px 11px;border:1px solid var(--dz-line);border-radius:16px;
  background:var(--dz-elevated);color:var(--dz-ink);text-align:right
}
.dc-product.dc-product-game .dc-brand-mark{
  flex:0 0 58px;width:58px;height:58px;border-radius:15px;padding:3px
}
.dc-product.dc-product-game .dc-brand-mark.has-image>img{border-radius:12px}
.dc-product-game-copy{display:grid;gap:4px;min-width:0;flex:1;align-content:center}
.dc-product-game-copy b{font-size:13.2px;line-height:1.42;overflow-wrap:anywhere;unicode-bidi:plaintext}
.dc-product-game-copy small{font-size:9.6px;line-height:1.45;color:var(--dz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-product-game-arrow{flex:0 0 auto;color:var(--dz-accent);font-size:18px;line-height:1}
.dc-product.dc-product-game:hover{border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line));transform:none}
.dc-home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dc-store .dc-product-grid{gap:9px}
.dc-store .dc-product-grid.is-list{grid-template-columns:1fr}
.dc-store .dc-product-grid.is-list .dc-product.dc-product-game{
  display:flex;grid-template-columns:none;min-height:82px;padding:10px 12px;border-radius:15px
}
.dc-store .dc-product-grid.is-list .dc-product.dc-product-game .dc-brand-mark{width:56px;height:56px;flex-basis:56px}
@media(max-width:420px){
 .dc-product.dc-product-game{min-height:86px;padding:9px;gap:8px;border-radius:15px}
 .dc-product.dc-product-game .dc-brand-mark{width:56px;height:56px;flex-basis:56px;border-radius:14px;padding:3px}
 .dc-product-game-copy{gap:3px}
 .dc-product-game-copy b{font-size:12.4px}
 .dc-product-game-copy small{font-size:9px}
 .dc-product-game-arrow{font-size:17px}
 .dc-home-products,.dc-store .dc-product-grid{gap:8px}
}

.dc-stock-watch{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:14px 0}.dc-stock-watch button{min-height:44px}.dc-stock-watch small{line-height:1.7;color:inherit;opacity:.75}

.dc-stock-button{min-height:44px;padding:10px 14px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-surface);color:var(--dz-ink);font:600 13px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}

/* Digital catalog compact upper section v3 */
#shop-digital>.dz-back{margin:0 2px 6px;padding:3px 0;font-size:10px}
#shop-digital .dc-hero-compact{padding:17px 17px 0;border-radius:21px;min-height:0}
#shop-digital .dc-hero-compact .dc-eyebrow{font-size:9px;font-weight:700}
#shop-digital .dc-hero-compact h1{margin:5px 0 4px;font-size:24px;line-height:1.35;letter-spacing:-.35px}
#shop-digital .dc-hero-compact p{margin:0 0 10px;max-width:82%;font-size:10px;line-height:1.65}
#shop-digital .dc-hero-compact .dc-hero-mark{left:17px;top:10px;font-size:62px}
#shop-digital .dc-hero-compact .dc-hero-foot{padding:8px 0;font-size:9px}
#shop-digital .dc-toolbar{margin:11px 0 7px;gap:7px}
#shop-digital .dc-search{min-height:45px;border-radius:14px;padding-inline:12px}
#shop-digital .dc-search>span{font-size:24px}
#shop-digital .dc-search input{font-size:12px;padding:7px 0}
#shop-digital .dc-toolbar>button{flex-basis:45px;min-height:45px;border-radius:14px;font-size:22px}
#shop-digital .dc-filters{gap:6px;padding:1px 1px 5px}
#shop-digital .dc-filters button{min-height:34px;padding:6px 12px;border-radius:11px;font-size:10px}
#shop-digital .dc-stock-watch{display:flex;flex-direction:row;align-items:center;gap:7px;margin:5px 0 2px}
#shop-digital .dc-stock-watch button{min-height:34px;padding:6px 10px;border-radius:11px;font-size:10px}
#shop-digital .dc-stock-watch small:empty{display:none}
#shop-digital .dc-stock-watch small{font-size:8.5px;line-height:1.45}
#shop-digital .dc-results-heading{margin:8px 1px 7px}
#shop-digital .dc-results-heading h2{font-size:15px}
#shop-digital .dc-results-heading small{font-size:9px}
@media(max-width:420px){
 #shop-digital .dc-hero-compact{padding:14px 15px 0;border-radius:19px}
 #shop-digital .dc-hero-compact h1{font-size:21px;line-height:1.32}
 #shop-digital .dc-hero-compact p{font-size:9.5px;max-width:88%;margin-bottom:8px}
 #shop-digital .dc-hero-compact .dc-hero-mark{font-size:52px;left:14px;top:9px}
 #shop-digital .dc-hero-compact .dc-hero-foot{padding:7px 0;font-size:8.5px}
 #shop-digital .dc-toolbar{margin-top:9px}
 #shop-digital .dc-filters button{padding-inline:11px}
}

/* Settings review: compact, independently scrolling content */
.dz-settings-sheet{display:flex;flex-direction:column;overflow:hidden;max-height:88dvh;padding-bottom:0}
.dz-settings-head{flex-shrink:0;padding-bottom:.65rem;margin-bottom:0}
body.dz-service-focus .dz-settings-sheet .dz-settings-head small{font-size:.66rem}
body.dz-service-focus .dz-settings-sheet .dz-settings-head small::after{content:none}
.dz-settings-content{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));min-height:0}
.dz-settings-theme-row button{min-height:54px;padding:.45rem;display:flex;justify-content:center;align-items:center;gap:.4rem}
.dz-settings-accent-row button{padding:.45rem .2rem;min-height:60px}
.dz-settings-accent-row button>span{width:25px;height:25px}
.dz-settings-sound-row{min-height:60px;padding:.6rem}
.dz-settings-group,.dz-settings-link{border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);color:var(--dz-ink);margin:.6rem 0;width:100%;text-align:right}
.dz-settings-group summary,.dz-settings-link{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem;min-height:54px;cursor:pointer;font:inherit;list-style:none}
.dz-settings-group summary::-webkit-details-marker{display:none}
.dz-settings-group summary b,.dz-settings-link b{font-size:.8rem}
.dz-settings-group summary small,.dz-settings-link small,.dz-settings-content .dz-pref-row small{display:block;color:var(--dz-muted);font-size:.65rem;margin-top:.2rem}
.dz-settings-group[open] summary>span:last-child{transform:rotate(-90deg)}
.dz-settings-group-body{padding:0 .8rem .7rem}
.dz-settings-group-body .dz-settings-link{margin:.3rem 0;font-size:.78rem}
.dz-settings-content .dz-pref-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;font-size:.8rem}
.dz-settings-content .dz-pref-row select{background:var(--dz-surface);color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:9px;padding:.5rem;font:inherit}
.dz-settings-content .dz-pref-row input{width:22px;height:22px;accent-color:var(--dz-accent)}
.dz-settings-device-note{color:var(--dz-muted);font-size:.65rem}
body.dz-large-text .dz-view{font-size:112%}
body.dz-large-text .dz-settings-content b,body.dz-large-text .dz-settings-content strong{font-size:.94rem}
body.dz-large-text .dz-settings-content small{font-size:.78rem}
body.dz-xlarge-text .dz-view{font-size:125%}
body.dz-xlarge-text .dz-settings-content b,body.dz-xlarge-text .dz-settings-content strong{font-size:1.06rem}
body.dz-xlarge-text .dz-settings-content small{font-size:.86rem}
body.dz-large-text .dz-activity-copy strong{font-size:13.5px}
body.dz-large-text .dz-activity-copy>span{font-size:11.4px}
body.dz-large-text .dz-activity-copy small{font-size:9.6px}
body.dz-xlarge-text .dz-activity-copy strong{font-size:15px}
body.dz-xlarge-text .dz-activity-copy>span{font-size:12.6px}
body.dz-xlarge-text .dz-activity-copy small{font-size:10.4px}
body.dz-xlarge-text .dz-activity-tabs button{font-size:12px}
body.dz-xlarge-text .dz-activity-head button{font-size:11.5px}
body.dz-reduce-motion *,body.dz-reduce-motion *::before,body.dz-reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.dz-settings-content [hidden]{display:none!important}

/* Digital plans: two compact choices per row on phones. */
.dc-modal .dc-plans,.dc-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dc-modal .dc-plan,.dc-store .dc-plan{padding:13px;min-height:135px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px}
.dc-plan .dz-digital-plan-copy{flex:initial;gap:4px}.dc-plan .dz-digital-plan-copy b{font-size:13px;line-height:1.6}
.dc-plan-price{max-width:none;text-align:start;gap:4px}.dc-plan-price strong{font-size:17px}
.dc-digital-form{display:grid;gap:12px;margin-top:16px}.dc-digital-form label{display:grid;gap:7px;font-size:13px}
.dc-digital-form input:not([type=checkbox]),.dc-digital-form select{width:100%;min-height:48px;border:1px solid var(--dz-line);border-radius:12px;padding:12px;background:var(--dz-surface);color:var(--dz-text);font:inherit}
.dc-digital-confirm{display:flex!important;align-items:center;gap:10px!important;line-height:1.8}
.dc-digital-form .dz-flexi-send{width:100%;min-height:50px}.dc-delivery{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left;user-select:text;border:1px solid var(--dz-line);border-radius:12px;padding:14px;max-height:300px;overflow:auto}

#shop-digital #digital-stock-controls{position:relative;flex:0 0 45px;align-self:stretch;display:flex;margin:0;gap:0}
#shop-digital #digital-stock-controls .dc-stock-button{display:grid;place-items:center;width:45px;height:45px;min-height:45px;padding:0;border-radius:14px;color:var(--dz-ink)}
#shop-digital #digital-stock-controls .dc-stock-button[aria-pressed=true]{color:var(--dz-accent);border-color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface))}
#shop-digital #digital-stock-controls small:not(:empty){position:fixed;inset-inline:16px;top:auto;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:auto;max-width:420px;margin-inline:auto;padding:13px 16px;background:var(--dz-surface);color:var(--dz-ink);border:1px solid var(--dz-line);border-radius:16px;box-shadow:0 10px 32px #0004;font-size:13px;line-height:1.7;text-align:center;z-index:1000;pointer-events:none}

/* DZFLEXI game workspace — unified responsive package selection. */
.dc-modal.is-game-workspace{width:min(660px,calc(100vw - 20px));max-width:660px;max-height:min(92dvh,880px);border-radius:24px}
.is-game-workspace .dc-modal-shell{max-height:min(92dvh,880px)}
.is-game-workspace .dc-modal-head{gap:11px;padding:14px 16px;background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface)),var(--dz-surface))}
.gp-header-icon{width:44px;height:44px;border-radius:14px;object-fit:cover;flex:none}
.is-game-workspace .dc-modal-head>div{flex:1;min-width:0}
.is-game-workspace .dc-modal-head h2{font-size:17px;margin:2px 0 0;line-height:1.5}
.is-game-workspace .dc-modal-body{padding:14px 16px 18px;scrollbar-gutter:stable}
.is-game-workspace .dz-game-form{gap:10px}
.gp-player-editor{display:grid;gap:10px}
.gp-player-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}
.gp-player-intro small{font-size:10px;color:var(--dz-muted)}
.is-game-workspace .dz-game-field{gap:5px}
.is-game-workspace .dz-game-field :is(input,select){height:48px;font-size:17px;border-radius:13px}
.is-game-workspace .dz-game-validate{min-height:44px;border-radius:13px}
.is-game-workspace .is-verified .gp-player-editor,.is-game-workspace .is-verified #game-validation.is-success{display:none}
.gp-player-summary{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));border-radius:15px;padding:10px 12px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.gp-player-summary[hidden]{display:none}
.gp-verified-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface));color:var(--dz-accent);font:700 14px system-ui}
.gp-player-summary-copy{display:grid;gap:3px;min-width:0;flex:1}
.gp-player-summary-copy b{font-size:13px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.gp-player-summary-copy small{font-size:11px;letter-spacing:.04em;color:var(--dz-muted);text-align:start;overflow-wrap:anywhere}
.gp-edit-player{min-height:40px;border:0;background:transparent;color:var(--dz-accent);padding:5px 8px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.is-game-workspace .dc-game-packages{border-top:0;padding-top:4px}
.is-game-workspace .dc-game-packages .dz-section-title{margin:2px 0 10px;align-items:center}
.is-game-workspace .dc-game-packages .dz-section-title h2{font-size:17px;margin:0}
.is-game-workspace .dz-game-offer-count{font-size:11px;color:var(--dz-muted)}
.gp-tools{display:grid;gap:8px;position:sticky;top:-14px;z-index:2;background:var(--dz-surface);padding:8px 0 10px}
.gp-filters{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-bg)}
.gp-filters[hidden],.gp-pack-search[hidden]{display:none}
.gp-filter{flex:1;white-space:nowrap;min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--dz-muted);padding:6px 10px;font:600 11px "IBM Plex Sans Arabic",sans-serif;cursor:pointer;transition:background .16s,color .16s}
.gp-filter[aria-pressed=true]{background:var(--dz-surface);color:var(--dz-accent);box-shadow:0 2px 6px #0000000c}
.gp-pack-search{width:100%;min-width:0;min-height:42px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-ink);font:inherit;font-size:12px;padding:8px 12px}
.gp-pack-search:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.gp-catalog{display:grid;gap:15px}
.gp-group-heading{display:flex;align-items:center;gap:8px;margin:0 0 7px}
.gp-group-heading h3{font-size:11px;font-weight:600;color:var(--dz-muted);margin:0}
.gp-group-heading small{font:10px system-ui;color:var(--dz-muted);background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:6px;padding:2px 5px}
.gp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gp-group-credit .gp-grid,.gp-group-level .gp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gp-package{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-height:83px;min-width:0;padding:9px 11px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);color:var(--dz-ink);text-align:start;font:inherit;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}
.gp-package-top{display:flex;align-items:center;justify-content:space-between;height:17px}
.gp-pack-symbol{font:700 13px system-ui;color:var(--dz-accent);opacity:.85}
.gp-choice-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--dz-line);border-radius:6px;color:transparent;font:700 10px system-ui;flex:none}
.gp-pack-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere;unicode-bidi:plaintext;min-width:0;flex:1}
.gp-group-credit .gp-pack-title{font-size:19px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gp-group-level .gp-pack-title{font-size:12px}
.gp-pack-price{font-size:11px;font-weight:600;line-height:1.6;color:var(--dz-accent);overflow-wrap:anywhere}
.gp-package:not(:disabled):hover{border-color:color-mix(in srgb,var(--dz-accent) 55%,var(--dz-line))}
.gp-package:not(:disabled):active{transform:scale(.98)}
.gp-package.is-active{border-color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));box-shadow:0 0 0 1px var(--dz-accent)}
.gp-package.is-active .gp-choice-check{border-color:var(--dz-accent);background:var(--dz-accent);color:#fff}
.gp-package:disabled{opacity:1;cursor:not-allowed;background:var(--dz-surface)}
.gp-package:disabled .gp-choice-check{visibility:hidden}
.gp-package:disabled .gp-pack-symbol{color:var(--dz-muted);opacity:.7}
.gp-package:disabled .gp-pack-price{font-size:10px;color:var(--dz-muted);font-weight:400}
.gp-catalog-note{font-size:10px;color:var(--dz-muted);line-height:1.9;margin:0;padding:8px 11px;border-radius:11px;background:var(--dz-bg)}
.gp-empty{padding:20px 12px;font-size:12px;color:var(--dz-muted);text-align:center}
.is-game-workspace .dz-game-review{position:sticky;bottom:-18px;background:var(--dz-surface);box-shadow:0 -8px 24px #0000000a;margin:12px -16px -18px;padding:14px 16px;border-radius:0;border:0;border-top:1px solid var(--dz-line);z-index:3}
.is-game-workspace [hidden]{display:none!important}
@media(min-width:640px){.gp-package{min-height:90px}.gp-pack-title{font-size:14px}.gp-group-credit .gp-pack-title{font-size:21px}.gp-pack-price{font-size:12px}}
@media(max-width:360px){.is-game-workspace .dc-modal-body{padding-inline:12px}.gp-grid{gap:6px}.gp-package{padding:8px;min-height:81px}.gp-filter{font-size:10px;padding-inline:8px}.gp-group-credit .gp-pack-title{font-size:17px}.gp-group-level .gp-pack-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gp-package,.gp-filter{transition:none}}
body.dz-reduce-motion .gp-package,body.dz-reduce-motion .gp-filter{transition:none}

html[data-dz-theme=dark]{background:#0a0a0c;color-scheme:dark}
html[data-dz-theme=light]{background:#fbfbfd;color-scheme:light}

/* Gift card artwork is CSS; brand hues blend with the live site theme. */
.dc-store.is-cards .dc-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px 18px;align-items:start}
.cc-card{display:grid;gap:11px;min-width:0;width:100%;padding:0;border:0;border-radius:18px;background:transparent;color:var(--dz-ink);text-align:start;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.cc-card-face{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:5/7;min-width:0;padding:13px;border:1px solid color-mix(in srgb,var(--cc-brand) 45%,var(--dz-line));border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--dz-accent) 32%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--cc-brand) 35%,var(--dz-surface)),color-mix(in srgb,var(--cc-brand) 14%,var(--dz-surface)));box-shadow:0 7px 18px color-mix(in srgb,var(--cc-brand) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--dz-ink) 7%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cc-card-face::before,.cc-card-face::after{content:'';position:absolute;pointer-events:none;z-index:-1;width:115%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--dz-ink) 9%,transparent);border-radius:50%;inset-inline-start:38%;top:2%;transform:rotate(-20deg)}
.cc-card-face::after{inset-inline-start:48%;top:14%;background:color-mix(in srgb,var(--dz-accent) 5%,transparent)}
.cc-card-top,.cc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;z-index:1}
.cc-card-region{font-size:10px;line-height:1.4;color:var(--dz-ink);opacity:.82}.cc-card-orbit{color:var(--dz-accent);font-size:19px;line-height:1}
.dc-store.is-cards .dc-product-grid .cc-card-logo{position:relative;z-index:1;width:70%;height:auto;aspect-ratio:1;align-self:center;max-width:128px;flex-shrink:0;border-radius:20px;margin:8px 0;padding:5px;border:1px solid color-mix(in srgb,var(--dz-ink) 8%,transparent);background:color-mix(in srgb,var(--dz-surface) 90%,transparent);filter:none;box-shadow:0 4px 10px #0000000a}
.dc-store.is-cards .dc-product-grid .cc-card-logo img{border-radius:15px;object-fit:contain}
.cc-card-signature{direction:ltr;font:700 8px system-ui;letter-spacing:.12em;opacity:.65}
.cc-card-code{display:block;width:30px;height:10px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 7px);color:var(--dz-ink);opacity:.25}
.cc-card-copy{display:grid;gap:4px;min-width:0;padding:0 2px}
.cc-card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em;font-size:14px;line-height:1.4;font-weight:700;unicode-bidi:plaintext;overflow-wrap:anywhere}
.cc-card-count{font-size:10px;color:var(--dz-muted)}.cc-card-price{font-size:11px;color:color-mix(in srgb,var(--dz-accent) 65%,var(--dz-ink));font-weight:600;line-height:1.5}
.cc-card:focus-visible{outline:2px solid var(--dz-accent);outline-offset:5px}
@media(hover:hover){.cc-card:hover .cc-card-face{transform:translateY(-4px) rotate(-1deg);border-color:var(--dz-accent);box-shadow:0 11px 25px color-mix(in srgb,var(--dz-accent) 18%,transparent)}}
.cc-card:active .cc-card-face{transform:scale(.97)}
@media(max-width:699px){.dc-store.is-cards .dc-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 9px}.cc-card{gap:8px;border-radius:12px}.cc-card-face{padding:8px;border-radius:12px;aspect-ratio:5/7}.dc-store.is-cards .dc-product-grid .cc-card-logo{width:76%;height:auto;aspect-ratio:1;margin:5px 0;padding:4px;border-radius:15px}.dc-store.is-cards .dc-product-grid .cc-card-logo img{border-radius:11px}.cc-card-region{font-size:8px}.cc-card-orbit{font-size:13px}.cc-card-signature{font-size:6px;letter-spacing:.06em}.cc-card-code{width:19px;height:7px}.cc-card-name{font-size:11px;min-height:2.8em}.cc-card-count{font-size:9px}.cc-card-price{font-size:9px}}
@media(max-width:359px){.dc-store.is-cards .dc-product-grid{gap:15px 7px}.cc-card-face{padding:6px}.cc-card-name{font-size:10px}.cc-card-price{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cc-card-face{transition:none}.cc-card:hover .cc-card-face{transform:none}}body.dz-reduce-motion .cc-card-face{transition:none}body.dz-reduce-motion .cc-card:hover .cc-card-face{transform:none}
.cc-from-price{color:var(--dz-accent);font-size:13px;line-height:1.6}.cc-region-notice{padding:16px;margin:16px 0;border-radius:16px;border:1px solid color-mix(in srgb,var(--dz-accent) 35%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-ink)}
.cc-region-notice p{line-height:1.8;font-size:13px;white-space:pre-line}.cc-region-notice details{margin-top:10px}.cc-region-notice summary{cursor:pointer;font-weight:700}
.is-card-plans .dc-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.is-card-plans .dc-plan{opacity:1;min-height:108px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.is-card-plans .dc-plan:disabled{color:var(--dz-ink);cursor:not-allowed}.is-card-plans .dc-plan-price{align-items:flex-start}

/* Optional player-name lookup fallback */
.gp-skip-validation{width:100%;min-height:42px;padding:10px 14px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-text);font:inherit;font-size:12px;cursor:pointer}
.gp-skip-validation[hidden]{display:none}
.gp-skip-validation:hover{border-color:var(--dz-accent)}
.gp-player-summary.is-unverified .gp-verified-mark{color:#b47a18;background:color-mix(in srgb,#c38c28 12%,var(--dz-surface))}
.gp-unverified-notice{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#c38c28 10%,var(--dz-surface));color:var(--dz-text);font-size:12px;line-height:1.8}

/* Card denominations share the portrait gift-card identity. */
.is-card-plans .cc-region-notice{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 14px;margin:12px 0 18px;border-radius:14px;font-size:12px}
.is-card-plans .cc-region-notice details{margin:0;max-width:100%}.is-card-plans .cc-region-notice details[open]{flex-basis:100%}.is-card-plans .cc-region-notice summary{font-size:11px;color:var(--dz-accent)}
.is-card-plans .dc-product-detail-head{padding-bottom:12px;margin-bottom:0}.is-card-plans .dc-product-detail-head h2{font-size:17px}.is-card-plans .dc-product-detail-head p{font-size:11px}
.dc-modal .is-card-plans .dc-plans{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px 12px;align-items:start}
.dc-modal .is-card-plans .dc-plan.cc-plan{display:grid;padding:0;gap:7px;min-height:0;border:0;background:transparent;border-radius:14px;opacity:1;text-align:start;color:var(--dz-ink);box-shadow:none}
.cc-plan .cc-card-face{width:100%;box-sizing:border-box;padding:11px;aspect-ratio:5/7;border-radius:15px}
.dc-modal .is-card-plans .cc-plan .cc-card-logo{width:66%;height:auto;aspect-ratio:1;align-self:center;flex-shrink:0;max-width:100px;padding:4px;background:var(--dz-surface);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000010}
.cc-plan .cc-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px}.cc-plan .cc-plan-value{font:800 23px/1.3 system-ui;direction:ltr;text-align:center;unicode-bidi:isolate;color:var(--dz-ink)}
.cc-plan-copy{min-width:0;padding:0 2px}.cc-plan-name{display:block;font-size:11px;line-height:1.5;unicode-bidi:plaintext;overflow-wrap:anywhere;min-height:3em}
.dc-modal .cc-plan .dc-plan-price{display:grid;gap:3px;max-width:none;padding:0 2px;text-align:start}.dc-modal .cc-plan .dc-plan-price strong{font-size:11px;line-height:1.5;color:color-mix(in srgb,var(--dz-accent) 65%,var(--dz-ink))}.dc-modal .cc-plan .dc-plan-price small{font-size:9px;color:var(--dz-muted)}
.cc-plan:focus-visible{outline:2px solid var(--dz-accent);outline-offset:4px}.dc-modal .is-card-plans .cc-plan.is-active .cc-card-face{border-color:var(--dz-accent);box-shadow:0 0 0 2px var(--dz-accent)}
@media(hover:hover){.cc-plan:not(:disabled):hover .cc-card-face{transform:translateY(-3px);border-color:var(--dz-accent)}}.cc-plan:not(:disabled):active .cc-card-face{transform:scale(.97)}
@media(max-width:699px){.dc-modal .is-card-plans .dc-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 8px}.cc-plan .cc-card-face{padding:8px;border-radius:12px}.dc-modal .is-card-plans .cc-plan .cc-card-logo{width:76%;padding:3px;border-radius:13px}.cc-plan .cc-plan-value{font-size:19px}.cc-plan-name{font-size:10px}.dc-modal .cc-plan .dc-plan-price strong{font-size:9px}.dc-modal .cc-plan .dc-plan-price small{font-size:8px}.cc-plan .cc-card-region{font-size:8px}.cc-plan .cc-card-orbit{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cc-plan .cc-card-face{transition:none;transform:none!important}}body.dz-reduce-motion .cc-plan .cc-card-face{transition:none;transform:none!important}

/* Incoming network invitations: readable and actionable for retail and merchants. */
.nv-received{border-color:color-mix(in srgb,var(--dz-accent) 32%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface));margin-bottom:12px}
.nv-received>h3{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nv-received>h3 small{color:var(--dz-accent);font-size:12px}
.nv-received-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;min-width:0;border-top:1px solid var(--dz-line)}
.nv-received-row>span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
.nv-received-row strong{font-size:13px;color:var(--dz-ink)}
.nv-received-row small{color:var(--dz-muted);font-size:11px}
.nv-received-row>button{flex-shrink:0;min-height:38px;border:1px solid var(--dz-accent);background:var(--dz-accent);color:#fff;cursor:pointer;border-radius:10px;padding:8px 13px;font:inherit;font-size:12px}
@media(max-width:420px){.nv-received-row{flex-wrap:wrap}.nv-received-row>button{width:100%}}

/* Flexi mobile modes: independent Wafarli bill and international tabs. */
.dz-flexi-mobile-mode-tabs{width:min(100%,410px);justify-content:space-between}
.dz-flexi-mobile-mode-tabs button{flex:1 1 0;min-width:0;padding-inline:9px;white-space:nowrap}
.dz-flexi-mode-unavailable{line-height:1.8;max-width:100%}
#flexi-amount-display[hidden],#flexi-send-main[hidden]{display:none!important}
@media(max-width:370px){.dz-flexi-mobile-mode-tabs button{padding-inline:6px;font-size:.63rem;gap:3px}}

/* Network invitations: high-visibility, theme-aware account card and reviewed action sheet. */
.nv-invite-stack{display:grid;gap:12px;min-width:0;margin:0 0 16px}
.nv-invite-spotlight{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:start;min-width:0;padding:18px;border-radius:21px;border:1px solid color-mix(in srgb,var(--dz-accent) 32%,var(--dz-line));background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface)),var(--dz-surface) 74%);box-shadow:0 12px 30px -27px var(--dz-accent);color:var(--dz-ink)}
.nv-invite-spotlight::before{content:"";position:absolute;z-index:-1;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--dz-accent)}
.nv-spotlight-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-surface));color:var(--dz-accent)}
.nv-spotlight-symbol svg{width:26px;height:26px}
.nv-spotlight-main{display:grid;gap:8px;min-width:0}
.nv-spotlight-eyebrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:10px;font-weight:750;color:var(--dz-accent)}
.nv-spotlight-state{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:5px 8px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line));color:var(--dz-ink);font-size:9px}
.nv-spotlight-state i{width:6px;height:6px;border-radius:50%;background:var(--dz-accent)}
.nv-spotlight-main h3{margin:0;font-size:clamp(15px,3.9vw,19px);line-height:1.55;font-weight:800;color:var(--dz-ink)}
.nv-spotlight-main p{margin:0;color:var(--dz-muted);line-height:1.7;font-size:12px;overflow-wrap:anywhere}
.nv-spotlight-main p strong{color:var(--dz-ink);font-weight:800}
.nv-spotlight-role{width:max-content;max-width:100%;padding:5px 10px;border:1px solid var(--dz-line);border-radius:9px;font-size:11px;color:var(--dz-ink);font-weight:750;background:var(--dz-bg)}
.nv-spotlight-actions{display:flex;gap:8px;align-items:center;margin-top:5px;min-width:0}
.nv-spotlight-actions button{font:inherit;font-weight:800;font-size:12px;min-height:43px;border-radius:12px;padding:9px 13px;cursor:pointer;transition:transform .15s ease,background .15s ease}
.nv-spotlight-review{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;border:1px solid var(--dz-accent);color:#fff;background:var(--dz-accent)}
.nv-spotlight-review span{font-size:17px}
.nv-spotlight-later{border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink)}
.nv-spotlight-actions button:active{transform:scale(.98)}
.nv-review-profile{display:grid;justify-items:center;gap:9px;text-align:center;border:1px solid color-mix(in srgb,var(--dz-accent) 19%,var(--dz-line));border-radius:18px;padding:19px 12px;background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}
.nv-review-network-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 14%,var(--dz-surface))}
.nv-review-network-icon svg{width:25px;height:25px}
.nv-review-profile small{font-size:11px;font-weight:750;color:var(--dz-accent)}
.nv-review-profile h3{margin:0;color:var(--dz-ink);font-size:20px;overflow-wrap:anywhere}
.nv-review-role{font-size:12px;font-weight:750;border-radius:999px;padding:7px 12px;background:var(--dz-bg);border:1px solid var(--dz-line);color:var(--dz-ink)}
.nv-review-safety{display:grid;gap:11px;margin:14px 0;font-size:12px;line-height:1.75;color:var(--dz-muted)}
.nv-review-safety span{display:block;padding-inline-start:5px}
.nv-review-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.nv-review-buttons button{min-height:45px;border-radius:12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#nv-review-accept{background:var(--dz-accent);color:#fff;border:1px solid var(--dz-accent)}
#nv-review-reject{background:var(--dz-surface);border:1px solid color-mix(in srgb,#c9494c 36%,var(--dz-line));color:color-mix(in srgb,#cc4449 72%,var(--dz-ink))}
#nv-review-reject[data-confirm="yes"]{background:color-mix(in srgb,#cf444a 11%,var(--dz-surface));border-color:#cf444a}
#nv-review-close{grid-column:1/-1;background:transparent;border:1px solid var(--dz-line);color:var(--dz-muted)}
.nv-review-buttons button:disabled{opacity:.55;cursor:wait}
.dz-pulse-card.is-invitation,.dz-activity-item.is-invitation{--pulse:var(--dz-accent);--pulse-soft:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface))}
.dz-activity-item.is-invitation{border:1px solid color-mix(in srgb,var(--dz-accent) 29%,var(--dz-line));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface)),var(--dz-surface));margin:5px 0;padding:13px 11px}
.dz-activity-item.is-invitation .dz-activity-copy strong{white-space:normal;font-size:12.5px;line-height:1.5}
.dz-activity-invite-cta{display:inline-flex;width:max-content;max-width:100%;margin-top:4px;padding:5px 10px;border-radius:9px;background:var(--dz-accent);color:#fff;font-style:normal;font-size:10px;font-weight:800}
.dz-pulse-card.is-invitation{border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line))}
@media(max-width:420px){.nv-invite-spotlight{padding:14px;grid-template-columns:40px minmax(0,1fr);gap:10px;border-radius:18px}.nv-spotlight-symbol{width:40px;height:40px;border-radius:12px}.nv-spotlight-symbol svg{width:22px;height:22px}.nv-spotlight-main{gap:7px}.nv-spotlight-eyebrow{font-size:9px}.nv-spotlight-actions button{font-size:11px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.nv-spotlight-actions button{transition:none}}

/* DZFlexi network identity and invite preferences (mobile-first). */
.nv-network-brand{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0;border:1px solid color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));border-radius:19px;padding:16px;background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface)),var(--dz-surface));color:var(--dz-ink)}
.nv-network-brand .nv-brand-emblem{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface));color:var(--dz-accent)}
.nv-network-brand .nv-brand-emblem svg{width:24px;height:24px}
.nv-network-brand>div{flex:1;min-width:160px;display:grid;gap:4px}
.nv-network-brand small{color:var(--dz-accent);font-size:11px;font-weight:750}
.nv-network-brand h3{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.nv-network-brand p{font-size:11px;color:var(--dz-muted);line-height:1.7;margin:0}
.nv-network-brand>button{border:1px solid var(--dz-accent);color:#fff;background:var(--dz-accent);font:inherit;font-size:12px;font-weight:800;border-radius:11px;min-height:42px;padding:9px 14px;cursor:pointer}
.nv-network-setup h3{margin:0;font-size:18px;color:var(--dz-ink)}
.nv-network-setup .nv-network-logo{height:56px;width:56px;display:grid;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface));color:var(--dz-accent);margin:0 auto}
.nv-network-setup .nv-network-logo svg{width:27px;height:27px}
.nv-network-setup>p{color:var(--dz-muted);line-height:1.85;font-size:12px}
.nv-rates-title{display:grid;gap:4px;margin-top:7px}
.nv-rates-title strong{color:var(--dz-ink);font-size:13px}
.nv-rates-title small,.nv-rate-help{color:var(--dz-muted);font-size:11px;line-height:1.7}
.nv-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.nv-rate-input{display:grid;gap:7px;min-width:0;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);padding:10px}
.nv-rate-input>span:first-child{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:12px;font-weight:750;color:var(--dz-ink)}
.nv-rate-input small{font-size:9px;color:var(--dz-muted)}
.nv-rate-control{display:flex;align-items:center;gap:4px}
.nv-rate-control input{width:100%;min-width:0;height:38px;border:1px solid var(--dz-line);border-radius:9px;padding:6px 8px;background:var(--dz-bg);color:var(--dz-ink);font:inherit;font-size:13px;direction:ltr;text-align:center}
.nv-rate-control input:read-only{opacity:.65;cursor:not-allowed}
.nv-rate-control b{font-size:12px;color:var(--dz-accent)}
.nv-review-details{display:grid;gap:6px;margin:11px 0;color:var(--dz-ink);font-size:12px}
.nv-review-details p{margin:0;line-height:1.75;overflow-wrap:anywhere}
.nv-review-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.nv-review-rates>span{display:grid;gap:6px;place-items:center;padding:9px 5px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-bg)}
.nv-review-rates small{font-size:10px;color:var(--dz-muted)}
.nv-review-rates b{font-size:13px;color:var(--dz-accent)}
@media(max-width:500px){.nv-network-brand>button{width:100%}.nv-rate-grid{gap:7px}.nv-review-rates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:760px){.nv-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Member location: optional and private to the network manager. */
.nv-location-settings{min-width:0;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-surface);overflow:hidden}
.nv-location-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:13px 14px;color:var(--dz-ink);font-size:13px;font-weight:800}
.nv-location-settings>summary::-webkit-details-marker{display:none}
.nv-location-settings>summary span{display:grid;gap:4px}
.nv-location-settings>summary small{font-size:10px;font-weight:500;color:var(--dz-muted)}
.nv-location-settings>summary b{color:var(--dz-accent);font-size:19px;font-weight:500;transition:transform .2s}
.nv-location-settings[open]>summary b{transform:rotate(45deg)}
.nv-location-fields{display:grid;gap:11px;min-width:0;padding:0 14px 15px;border-top:1px solid var(--dz-line)}
.nv-location-fields>p{font-size:11px;line-height:1.75;color:var(--dz-muted);margin:12px 0 0}
.nv-location-fields>label{min-width:0}
.nv-location-fields input[name=coordinates]{direction:ltr;text-align:left;unicode-bidi:plaintext;font-family:inherit}
.nv-location-maps{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid var(--dz-line);color:var(--dz-accent);background:var(--dz-bg);border-radius:10px;min-height:39px;padding:8px 12px;font-size:12px;font-weight:750}
.nv-location-settings .nv-location-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.75;font-size:11px;color:var(--dz-muted);cursor:pointer}
.nv-location-consent>input{width:17px;height:17px;flex-shrink:0;accent-color:var(--dz-accent);margin-top:3px}
.nv-member-location{display:grid;gap:10px}
.nv-member-location p{margin:0;color:var(--dz-ink);font-weight:700;font-size:13px}
.nv-member-location>a{display:inline-flex;width:max-content;max-width:100%;padding:10px 13px;border-radius:11px;background:var(--dz-accent);color:#fff;font-weight:800;text-decoration:none;font-size:12px}
.nv-member-location>small{display:block;font-size:10px;line-height:1.65;color:var(--dz-muted)}
@media(prefers-reduced-motion:reduce){.nv-location-settings>summary b{transition:none}}

/* Network identity and member invitation 2026-10: compact, mobile-first */
.nv-network-identity{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;position:relative;padding:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface)),var(--dz-surface) 78%);border-color:color-mix(in srgb,var(--dz-accent) 37%,var(--dz-line));box-shadow:0 12px 32px -30px var(--dz-accent)}
.nv-network-identity .nv-network-brand-copy{min-width:0;display:grid;gap:4px;flex:auto}
.nv-network-identity .nv-network-brand-copy h3{font-size:18px;overflow-wrap:anywhere}
.nv-network-identity.is-new .nv-network-brand-copy h3{color:var(--dz-accent)}
.nv-network-identity .nv-name-action{flex:none;white-space:nowrap;min-height:40px;padding:8px 11px}
.nv-invite-flow,.nv-invite-review-flow{display:grid;gap:13px;min-width:0;max-width:100%;color:var(--dz-ink)}
.nv-flow-progress{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:1px 0 0;font-size:11px}
.nv-flow-progress>span{display:flex;justify-content:center;align-items:center;min-height:34px;padding:8px 6px;background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:10px;color:var(--dz-muted);font-weight:650;text-align:center}
.nv-flow-progress>.active{color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 46%,var(--dz-line));font-weight:800}
.nv-flow-progress>.done{color:var(--dz-ink);background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.nv-flow-intro{display:flex;align-items:center;gap:11px;border-radius:15px;padding:11px 12px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 17%,var(--dz-line))}
.nv-flow-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:var(--dz-accent);color:#fff;font-size:26px}
.nv-flow-intro>div{display:grid;gap:3px;min-width:0}.nv-flow-intro strong{font-size:14px}.nv-flow-intro small{font-size:10.5px;color:var(--dz-muted);line-height:1.7}
.nv-flow-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 0}
.nv-flow-section-heading strong{font-size:12px;font-weight:850}.nv-flow-section-heading small{font-size:10px;color:var(--dz-muted)}
.nv-invite-flow .nv-role-picker{margin:0;gap:7px}
.nv-invite-flow .nv-role-picker legend{font-size:11px;color:var(--dz-muted);margin-bottom:7px}
.nv-invite-flow .nv-role-picker label{min-width:0;min-height:70px;align-items:center;gap:8px;padding:9px 11px!important}
.nv-invite-flow .nv-role-picker span{min-width:0}.nv-invite-flow .nv-role-picker strong{font-size:13px}
.nv-flow-fields{display:grid;gap:11px;min-width:0}
.nv-invite-flow .nv-flow-fields>label{display:grid;gap:6px;font-size:12px;color:var(--dz-ink);font-weight:700}
.nv-invite-flow .nv-flow-fields>label>small{font-size:10px;font-weight:500;color:var(--dz-muted)}
.nv-invite-flow .nv-flow-fields input,.nv-invite-flow .nv-flow-fields textarea{font:inherit;font-weight:500;color:var(--dz-ink);background:var(--dz-surface);border:1px solid var(--dz-line);border-radius:11px;padding:10px 12px;min-height:43px;width:100%;resize:vertical}
.nv-invite-flow .nv-flow-fields input:focus,.nv-invite-flow .nv-flow-fields textarea:focus{outline:2px solid color-mix(in srgb,var(--dz-accent) 38%,transparent);border-color:var(--dz-accent)}
.nv-invite-flow .nv-rate-grid{gap:8px}
.nv-invite-flow .nv-rate-help{margin:0}
.nv-invite-flow #nw-feedback,.nv-invite-review-flow #nw-feedback{font-size:12px;color:#bd3e49;min-height:0;margin:0}
.nv-flow-footer{display:grid;gap:7px;margin-top:3px;padding-top:11px;border-top:1px solid var(--dz-line)}
.nv-flow-footer small{text-align:center;color:var(--dz-muted);font-size:10px}
.nv-flow-footer button{min-height:47px;border:1px solid var(--dz-accent);border-radius:12px;background:var(--dz-accent);color:white;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.nv-review-member{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 13%,var(--dz-surface)),var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 27%,var(--dz-line));border-radius:17px}
.nv-review-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 14%,var(--dz-surface));color:var(--dz-accent)}
.nv-review-icon svg{width:27px;height:27px}.nv-review-member>div{min-width:0;display:grid;gap:4px}
.nv-review-member small{color:var(--dz-muted);font-size:10px;line-height:1.5}.nv-review-member small b{color:var(--dz-ink);font-weight:800}
.nv-review-member h3{margin:0;font-size:19px;line-height:1.5;overflow-wrap:anywhere;color:var(--dz-ink)}
.nv-review-member-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:var(--dz-muted)}
.nv-review-member-meta b{font-size:10px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface));padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line))}
.nv-review-summary{display:grid;gap:0;border:1px solid var(--dz-line);border-radius:14px;padding:0 13px;background:var(--dz-surface)}
.nv-review-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;line-height:1.6}
.nv-review-row+.nv-review-row{border-top:1px solid var(--dz-line)}.nv-review-row>span:first-child{color:var(--dz-muted);flex:none}
.nv-review-row strong{font-size:11px;overflow-wrap:anywhere;text-align:start}.nv-review-row a{color:var(--dz-accent);font-weight:700}
.nv-review-rate-summary{display:grid;gap:9px}.nv-review-rate-summary h4{margin:0;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.nv-review-rate-summary h4 small{font-size:10px;color:var(--dz-muted);font-weight:500}
.nv-invite-review-flow .nv-review-rates{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:7px}
.nv-invite-review-flow .nv-review-rates>span{padding:8px 4px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface))}
.nv-review-warning{margin:0;padding:11px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--dz-accent) 10%,var(--dz-line));background:var(--dz-bg);font-size:10.5px;line-height:1.85;color:var(--dz-muted)}
.nv-invite-review-flow .nv-flow-review-actions{margin:0;gap:8px}
.nv-invite-review-flow .nv-flow-review-actions button{min-height:47px;font-size:12px;font-weight:800}
@media(max-width:540px){.nv-network-identity{grid-template-columns:42px minmax(0,1fr);padding:13px;gap:10px}.nv-network-identity .nv-brand-emblem{width:42px;height:42px}.nv-network-identity .nv-name-action{grid-column:1/-1;width:100%;min-height:42px}.nv-network-identity .nv-network-brand-copy{min-width:0}.nv-invite-flow,.nv-invite-review-flow{gap:11px}.nv-invite-flow .nv-role-picker label{padding:9px!important}.nv-flow-intro{padding:10px}.nv-invite-review-flow .nv-review-rates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.nv-invite-flow *,.nv-invite-review-flow *{scroll-behavior:auto;transition:none}}

/* Network invitation management, identity/QR and private storefront photography */
.nv-pending-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.nv-pending-heading h3{margin:0;color:var(--dz-ink);font-size:15px}
.nv-pending-heading>small{color:var(--dz-muted);font-size:10px;line-height:1.6}
.nv-pending-invites{display:grid;gap:9px}
.nv-pending-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--dz-line)}
.nv-pending-card:last-child{border-bottom:0}
.nv-pending-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent)}
.nv-pending-avatar svg{width:20px;height:20px}
.nv-pending-card>div{min-width:0;display:grid;gap:4px}.nv-pending-card strong{font-size:12px;color:var(--dz-ink);overflow-wrap:anywhere}.nv-pending-card small{font-size:10px;color:var(--dz-muted)}
.nv-pending-card>button{min-height:37px;border:1px solid color-mix(in srgb,var(--dz-accent) 43%,var(--dz-line));border-radius:10px;padding:7px 11px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.nv-entry-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.nv-entry-options button{display:flex;gap:4px;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--dz-muted);font:inherit;font-size:10px;font-weight:700;cursor:pointer;padding:6px 4px}
.nv-entry-options button[aria-pressed="true"]{border-color:var(--dz-accent);color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface))}
.nv-entry-options svg{width:16px;height:16px;flex-shrink:0}
.nv-identity-existing{display:grid;gap:5px;padding:12px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-bg);color:var(--dz-ink);font-size:12px}
.nv-identity-existing b{font-size:14px}.nv-identity-existing small,.nv-id-hint{font-size:10px;line-height:1.7;color:var(--dz-muted);margin:0}
.nv-shop-photo-section{display:grid;gap:9px;padding:13px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-surface)}
.nv-shop-photo-section>label:first-child{display:grid;gap:6px;color:var(--dz-ink);font-size:12px;font-weight:800}
.nv-shop-photo-section>label:first-child small{font-size:10px;color:var(--dz-muted);font-weight:500}
.nv-shop-photo-section input[type=file]{max-width:100%;min-width:0;font-size:11px;color:var(--dz-muted);padding:10px;border:1px dashed var(--dz-line);border-radius:11px;background:var(--dz-bg)}
.nv-shop-photo-section input[type=file]::file-selector-button{border:1px solid var(--dz-line);border-radius:8px;background:var(--dz-surface);color:var(--dz-ink);padding:8px;margin-inline-end:6px;font:inherit;font-weight:700}
.nv-photo-preview[hidden]{display:none!important}.nv-photo-preview{overflow:hidden;max-height:220px;border-radius:12px;background:var(--dz-bg)}.nv-photo-preview img{width:100%;max-height:220px;object-fit:contain}
.nv-shop-photo-section .nv-location-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;color:var(--dz-muted)}
.nv-shop-photo-section .nv-location-consent input{width:17px;height:17px;min-height:0;flex-shrink:0;accent-color:var(--dz-accent)}
#nv-photo-status{font-size:10px;color:var(--dz-accent);margin:0}
.nv-review-shop-photo{display:grid;gap:9px;padding:10px;border-radius:13px;border:1px solid var(--dz-line);color:var(--dz-ink);font-size:12px}
.nv-review-shop-photo img{width:100%;height:160px;object-fit:contain;border-radius:11px;background:var(--dz-bg)}
.nv-shop-photo-panel{display:grid;gap:9px}.nv-shop-photo-panel h3{margin:0}.nv-shop-photo-panel small{color:var(--dz-muted);font-size:10px}
.nv-shop-profile-image{display:block;width:100%;max-height:270px;object-fit:contain;border-radius:14px;background:var(--dz-bg)}
.nv-manage-sheet{display:grid;gap:12px;color:var(--dz-ink)}.nv-manage-identity{display:flex;align-items:center;gap:11px;padding:14px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));border:1px solid var(--dz-line);border-radius:15px}
.nv-manage-identity>span{display:grid;place-items:center;width:41px;height:41px;flex:none;background:color-mix(in srgb,var(--dz-accent) 14%,var(--dz-surface));color:var(--dz-accent);border-radius:13px}
.nv-manage-identity svg{width:23px;height:23px}.nv-manage-identity>div{display:grid;gap:4px;min-width:0}.nv-manage-identity h3{margin:0;font-size:16px}.nv-manage-identity small{font-size:10px;color:var(--dz-muted)}
.nv-manage-sheet dl{margin:0;display:grid;gap:0;border:1px solid var(--dz-line);border-radius:13px;padding:0 11px}
.nv-manage-sheet dl>div{display:flex;justify-content:space-between;gap:13px;padding:10px 0;font-size:11px;line-height:1.7;min-width:0}.nv-manage-sheet dl>div+div{border-top:1px solid var(--dz-line)}
.nv-manage-sheet dt{color:var(--dz-muted);flex:none}.nv-manage-sheet dd{margin:0;overflow-wrap:anywhere;text-align:start}
.nv-manage-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nv-manage-rates span{display:grid;place-items:center;gap:6px;font-size:10px;padding:9px 3px;border:1px solid var(--dz-line);border-radius:11px;color:var(--dz-muted)}.nv-manage-rates b{font-size:12px;color:var(--dz-accent)}
#nv-manage-photo img{max-width:100%;max-height:185px;object-fit:contain;display:block;border-radius:12px;margin:auto}
.nv-manage-sheet>button{width:100%;min-height:44px;background:var(--dz-surface);color:var(--dz-ink);border:1px solid var(--dz-line);font:inherit;font-size:12px;font-weight:800;border-radius:12px;cursor:pointer}
.nv-manage-sheet>button.primary{background:var(--dz-accent);color:#fff;border-color:var(--dz-accent)}
.nv-manage-sheet>button.nv-danger-outline{color:#c2454f;border-color:color-mix(in srgb,#c2454f 40%,var(--dz-line))}
.nv-manage-sheet>button.nv-danger-outline[data-confirm="yes"]{background:color-mix(in srgb,#c2454f 10%,var(--dz-surface))}
#nv-manage-status{font-size:11px;line-height:1.65;color:var(--dz-muted);margin:0}
.nv-qr-scanner{display:grid;gap:12px;font-size:12px;color:var(--dz-ink)}.nv-qr-scanner p{margin:0;font-size:11px;line-height:1.7;color:var(--dz-muted)}
.nv-qr-scanner video{width:100%;height:175px;object-fit:cover;background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:13px}
.nv-qr-scanner button{min-height:42px;border-radius:11px;border:1px solid var(--dz-accent);background:var(--dz-accent);color:#fff;font:inherit;font-weight:750;cursor:pointer}
.nv-qr-scanner label{display:grid;gap:7px;font-size:11px}.nv-qr-scanner label input{width:100%;min-height:39px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-surface);color:var(--dz-ink);padding:9px}
.nv-qr-scanner #nv-qr-status{font-size:11px;min-height:12px;color:var(--dz-accent)}
@media(max-width:420px){.nv-pending-card{grid-template-columns:33px minmax(0,1fr);gap:8px}.nv-pending-card>button{grid-column:2;justify-self:start}.nv-entry-options button{font-size:9px;padding:5px 3px}.nv-manage-rates{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* DZFlexi network invitation 2026-10: native shop/flexi tokens, fully CSS (no images). */
.account-sheet.is-network-invitation{
  --nv-invite-accent:var(--dz-accent,#2563eb);
  width:min(462px,100%);
  max-height:min(90dvh,780px);
  padding:18px 18px calc(16px + env(safe-area-inset-bottom,0px));
  background:var(--dz-elevated,#fff);
  color:var(--dz-ink,#10121a);
  border:1px solid var(--dz-line,rgba(0,0,0,.09));
  border-radius:26px;
  box-shadow:0 24px 90px rgba(9,18,38,.22),0 3px 16px rgba(9,18,38,.07);
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--nv-invite-accent) 25%,transparent) transparent;
}
.account-sheet.is-network-invitation .account-sheet-head{
  position:sticky;
  top:-18px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  margin:-18px -18px 12px;
  padding:20px 19px 15px;
  border-bottom:1px solid var(--dz-line,rgba(0,0,0,.08));
  background:var(--dz-elevated,#fff);
  color:var(--dz-ink,#10121a);
}
.account-sheet.is-network-invitation .account-sheet-head small{
  color:var(--nv-invite-accent);
  font-size:10px;
  font-weight:800;
}
.account-sheet.is-network-invitation .account-sheet-head h3{
  margin:4px 0 0;
  font-size:clamp(17px,4.8vw,22px);
  font-weight:850;
  line-height:1.5;
  letter-spacing:-.025em;
  color:var(--dz-ink,#10121a);
}
.account-sheet.is-network-invitation .account-sheet-close{
  width:38px;
  height:38px;
  border:1px solid var(--dz-line,rgba(0,0,0,.1));
  border-radius:13px;
  background:var(--dz-elevated,#fafafa);
  color:var(--dz-ink,#10121a);
  font-size:23px;
  transition:background .15s ease,transform .15s ease;
}
.account-sheet.is-network-invitation .account-sheet-close:active{transform:scale(.94)}
.nv-join{display:grid;gap:13px;min-width:0;color:var(--dz-ink,#10121a)}
.nv-join-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 2px}
.nv-join-status-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--nv-invite-accent)}
.nv-join-status-label svg{width:16px;height:16px}
.nv-join-pending{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:700;color:var(--dz-muted,#777);border:1px solid var(--dz-line,rgba(0,0,0,.1));border-radius:999px;background:var(--dz-elevated,#f9f9fb)}
.nv-join-pending i{width:6px;height:6px;border-radius:50%;background:var(--nv-invite-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nv-invite-accent) 11%,transparent)}
.nv-join-network{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 15px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--nv-invite-accent) 26%,var(--dz-line));
  border-radius:20px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--nv-invite-accent) 9%,var(--dz-elevated)) 0%,var(--dz-elevated) 77%);
}
.nv-join-network::after{
  content:"";
  position:absolute;
  width:135px;
  height:135px;
  inset-inline-end:-83px;
  top:-87px;
  border:1px solid color-mix(in srgb,var(--nv-invite-accent) 15%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 22px color-mix(in srgb,var(--nv-invite-accent) 3%,transparent),0 0 0 45px color-mix(in srgb,var(--nv-invite-accent) 2%,transparent);
  pointer-events:none;
  z-index:-1;
}
.nv-join-network-art{
  flex:none;
  display:grid;
  place-items:center;
  width:55px;
  height:55px;
  border:1px solid color-mix(in srgb,var(--nv-invite-accent) 20%,var(--dz-line));
  border-radius:17px;
  color:var(--nv-invite-accent);
  background:color-mix(in srgb,var(--nv-invite-accent) 12%,var(--dz-surface));
}
.nv-join-network-art svg{width:27px;height:27px;stroke-width:1.9}
.nv-join-network-info{display:grid;justify-items:start;gap:4px;min-width:0}
.nv-join-network-info>small{font-size:11px;font-weight:550;color:var(--dz-muted,#6e6e73)}
.nv-join-network-info h4{margin:0;font-size:clamp(21px,6vw,28px);font-weight:850;line-height:1.4;letter-spacing:-.035em;color:var(--dz-ink,#111);overflow-wrap:anywhere}
.nv-join-role{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:4px;padding:5px 10px;border-radius:9px;background:color-mix(in srgb,var(--nv-invite-accent) 10%,var(--dz-surface));color:var(--nv-invite-accent);font-size:11px;font-weight:800;border:1px solid color-mix(in srgb,var(--nv-invite-accent) 18%,var(--dz-line))}
.nv-join-role svg{width:14px;height:14px}
.nv-join-explainer{display:grid;min-width:0;padding:3px 14px 4px;border:1px solid var(--dz-line,rgba(0,0,0,.08));border-radius:18px;background:var(--dz-elevated,#fafafa)}
.nv-join-explainer>h4{font-size:11px;font-weight:850;margin:8px 0 1px;color:var(--dz-muted,#6e6e73)}
.nv-join-promise{display:flex;align-items:flex-start;gap:11px;padding:11px 0;min-width:0}
.nv-join-promise+.nv-join-promise{border-top:1px solid var(--dz-line,rgba(0,0,0,.08))}
.nv-join-promise-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--nv-invite-accent) 9%,var(--dz-surface));color:var(--nv-invite-accent)}
.nv-join-promise-icon.is-secure{background:color-mix(in srgb,#20a885 10%,var(--dz-surface));color:#129779}
.nv-join-promise-icon.is-network{background:color-mix(in srgb,var(--nv-invite-accent) 9%,var(--dz-surface))}
.nv-join-promise-icon svg{width:18px;height:18px;stroke-width:1.8}
.nv-join-promise p{min-width:0;margin:0;display:grid;gap:3px}
.nv-join-promise strong{font-size:12px;line-height:1.6;font-weight:800;color:var(--dz-ink,#10121a)}
.nv-join-promise small{font-size:11px;line-height:1.8;color:var(--dz-muted,#777);font-weight:400;overflow-wrap:anywhere}
.nv-join-feedback{margin:0;color:#c64b54;font-size:11px;line-height:1.6;min-height:0}
.nv-join-feedback:empty{display:none}
.nv-join-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:9px;padding-top:11px;border-top:1px solid var(--dz-line,rgba(0,0,0,.08));background:var(--dz-elevated,#fff)}
.nv-join-actions button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:49px;padding:11px 8px;border-radius:14px;font:inherit;font-size:13px;font-weight:850;line-height:1.3;cursor:pointer;transition:transform .15s var(--dz-ease,ease),box-shadow .15s ease}
.nv-join-actions button:active:not(:disabled){transform:scale(.98)}
.nv-join-actions button:disabled{opacity:.58;cursor:wait}
.nv-join-accept{border:1px solid var(--nv-invite-accent);color:#fff;background:var(--nv-invite-accent);box-shadow:0 9px 18px -14px var(--nv-invite-accent)}
.nv-join-accept span{font-size:19px;font-weight:500}
.nv-join-reject{border:1px solid color-mix(in srgb,#c34857 35%,var(--dz-line));background:var(--dz-elevated,#fff);color:color-mix(in srgb,#cf4355 85%,var(--dz-ink))}
.nv-join-reject[data-confirm="yes"]{background:color-mix(in srgb,#cf4355 10%,var(--dz-surface));border-color:#cf4355}
.nv-join-dismiss{grid-column:1/-1;min-height:34px!important;padding:5px 10px!important;border:0;background:transparent;color:var(--dz-muted,#777);font-size:11px!important;font-weight:600!important}
@media(max-width:600px){
 .account-sheet-modal:has(.is-network-invitation){padding:0;place-items:end center}
 .account-sheet.is-network-invitation{width:100%;max-width:100%;max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px));padding:16px 17px calc(9px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;border-bottom:0}
 .account-sheet.is-network-invitation::before{content:"";display:block;position:relative;width:38px;height:4px;margin:-6px auto 11px;border-radius:99px;background:color-mix(in srgb,var(--dz-muted) 30%,transparent)}
 .account-sheet.is-network-invitation .account-sheet-head{top:-16px;margin:-3px -17px 10px;padding:7px 17px 14px}
 .nv-join{gap:10px}
 .nv-join-network{padding:14px 13px;gap:11px}
 .nv-join-network-art{height:49px;width:49px;border-radius:15px}
 .nv-join-explainer{padding:2px 12px}
 .nv-join-promise{padding:9px 0;gap:10px}
 .nv-join-actions{position:sticky;bottom:-10px;z-index:2;margin-bottom:-9px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));background:var(--dz-surface)}
}
@media(max-width:350px){.nv-join-network-info h4{font-size:19px}.nv-join-promise small{font-size:10.5px}.nv-join-actions button{font-size:12px}.nv-join-status{gap:5px}.nv-join-pending{font-size:9px}}
@media(prefers-reduced-motion:reduce){.nv-join-actions button,.account-sheet.is-network-invitation .account-sheet-close{transition:none}}

/* Network invitation v2 — compact decision sheet; CSS-only, token-led, RTL/mobile first. */
.account-sheet.is-network-invitation{
  width:min(438px,100%);
  max-height:min(86dvh,660px);
  padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));
  border-radius:25px;
  background:var(--dz-elevated,#fff);
  border:1px solid var(--dz-line,rgba(20,32,48,.1));
  box-shadow:0 25px 75px rgba(4,13,31,.26);
}
.account-sheet.is-network-invitation .account-sheet-head{
  align-items:center;
  top:-16px;
  margin:-16px -16px 13px;
  padding:15px 17px 13px;
  gap:12px;
  background:var(--dz-elevated,#fff);
  border-bottom:1px solid var(--dz-line,rgba(0,0,0,.08));
}
.account-sheet.is-network-invitation .account-sheet-head small{font-size:10px;font-weight:750;letter-spacing:.01em}
.account-sheet.is-network-invitation .account-sheet-head h3{margin:2px 0 0;font-size:20px;line-height:1.4;font-weight:850;letter-spacing:-.02em}
.account-sheet.is-network-invitation .account-sheet-close{height:37px;width:37px;border-radius:12px;flex:none}
.nvi2{--nvi2-accent:var(--dz-accent,#2563eb);display:grid;gap:12px;min-width:0;color:var(--dz-ink,#10121a)}
.nvi2-hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;gap:13px;
  padding:17px 15px;min-height:121px;
  border:1px solid color-mix(in srgb,var(--nvi2-accent) 26%,var(--dz-line));
  border-radius:20px;
  background:linear-gradient(130deg,color-mix(in srgb,var(--nvi2-accent) 12%,var(--dz-surface)) 0%,color-mix(in srgb,var(--nvi2-accent) 3%,var(--dz-surface)) 75%);
}
.nvi2-hero::before{content:"";position:absolute;inset-inline-end:-60px;top:-75px;height:165px;width:165px;border-radius:50%;border:1px solid color-mix(in srgb,var(--nvi2-accent) 13%,transparent);box-shadow:0 0 0 20px color-mix(in srgb,var(--nvi2-accent) 3%,transparent),0 0 0 45px color-mix(in srgb,var(--nvi2-accent) 2%,transparent);z-index:-1;pointer-events:none}
.nvi2-emblem{display:grid;place-items:center;flex:none;height:58px;width:58px;border-radius:18px;color:#fff;background:linear-gradient(140deg,var(--nvi2-accent),color-mix(in srgb,var(--nvi2-accent) 69%,#04a8de));box-shadow:0 12px 20px -15px var(--nvi2-accent)}
.nvi2-emblem svg{width:27px;height:27px;stroke-width:1.8}
.nvi2-identity{display:grid;gap:6px;min-width:0;flex:1}
.nvi2-overline{font-size:10.5px;font-weight:650;color:var(--dz-muted,#6e6e73);line-height:1.5}
.nvi2-identity h3{font-size:clamp(20px,5vw,26px);line-height:1.35;font-weight:900;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere;color:var(--dz-ink,#10121a)}
.nvi2-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:3px}
.nvi2-tags>span{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;min-height:26px;line-height:1.3;padding:5px 8px;border-radius:9px;white-space:nowrap}
.nvi2-role{color:var(--nvi2-accent);background:color-mix(in srgb,var(--nvi2-accent) 12%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--nvi2-accent) 23%,var(--dz-line))}
.nvi2-role svg{width:13px;height:13px}
.nvi2-tags .nvi2-pending{color:var(--dz-muted,#6e6e73);background:var(--dz-surface);border:1px solid var(--dz-line)}
.nvi2-pending i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--nvi2-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nvi2-accent) 12%,transparent)}
.nvi2-protection{display:grid;gap:11px;padding:14px 14px 12px;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-elevated,var(--dz-surface))}
.nvi2-protection-main{display:flex;align-items:center;gap:11px;min-width:0}
.nvi2-shield{display:grid;place-items:center;flex:none;width:41px;height:41px;border-radius:13px;background:color-mix(in srgb,#129e82 11%,var(--dz-surface));color:#159c81}
.nvi2-shield svg{height:21px;width:21px}
.nvi2-protection-main>div{display:grid;gap:4px;min-width:0}
.nvi2-protection strong{font-size:13px;font-weight:850;line-height:1.5;color:var(--dz-ink)}
.nvi2-protection p{margin:0;font-size:11px;color:var(--dz-muted);line-height:1.7}
.nvi2-highlights{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--dz-line)}
.nvi2-highlights span{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:5px 8px;color:var(--dz-ink);background:var(--dz-surface);border:1px solid var(--dz-line);font-size:10px;line-height:1.5;font-weight:700}
.nvi2-more{border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);overflow:hidden}
.nvi2-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:11px 13px;color:var(--dz-ink);font-size:11.5px;font-weight:800}
.nvi2-more summary::-webkit-details-marker{display:none}
.nvi2-more summary:focus-visible{outline:2px solid var(--nvi2-accent);outline-offset:-2px}
.nvi2-chevron{display:grid;place-items:center;width:23px;height:23px;flex:none;border-radius:7px;color:var(--nvi2-accent);background:color-mix(in srgb,var(--nvi2-accent) 8%,var(--dz-surface));font-size:20px;font-weight:400;line-height:1;transition:transform .2s ease}
.nvi2-more[open] .nvi2-chevron{transform:rotate(180deg)}
.nvi2-more>div{border-top:1px solid var(--dz-line);padding:10px 13px 12px;display:grid;gap:9px}
.nvi2-more p{color:var(--dz-muted);margin:0;font-size:11px;line-height:1.8}
.nvi2-more strong{color:var(--dz-ink)}
.nvi2-feedback{margin:0;font-size:11px;line-height:1.7;color:#b14c59}
.nvi2-feedback:empty{display:none}
.nvi2.is-reject-confirming .nvi2-feedback{background:color-mix(in srgb,#c64756 8%,var(--dz-surface));border:1px solid color-mix(in srgb,#c64756 22%,var(--dz-line));padding:8px 10px;border-radius:10px}
.nvi2-actions{display:grid;gap:8px;margin-top:2px;padding-top:12px;border-top:1px solid var(--dz-line);background:var(--dz-surface)}
.nvi2-actions button{min-height:47px;width:100%;min-width:0;padding:10px 12px;border-radius:13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease;outline-offset:2px}
.nvi2-actions button:active:not(:disabled){transform:scale(.985)}
.nvi2-actions button:focus-visible{outline:2px solid var(--nvi2-accent)}
.nvi2-actions button:disabled{opacity:.56;cursor:wait}
.nvi2-accept{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--nvi2-accent);border:1px solid var(--nvi2-accent);box-shadow:0 9px 20px -16px var(--nvi2-accent)}
.nvi2-accept>span{font-size:19px;font-weight:400}
.nvi2-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nvi2-reject{border:1px solid color-mix(in srgb,#bf4652 23%,var(--dz-line));background:var(--dz-surface);color:#b64a55}
.nvi2-reject[data-confirm=yes]{border-color:#bd4b55;color:#ac3443;background:color-mix(in srgb,#c44450 9%,var(--dz-surface))}
.nvi2-later{background:var(--dz-elevated,var(--dz-surface));color:var(--dz-muted);border:1px solid var(--dz-line)}
@media(max-width:600px){
 .account-sheet-modal:has(.is-network-invitation){place-items:end center;padding:0}
 .account-sheet.is-network-invitation{width:100%;max-width:100%;max-height:calc(100dvh - 62px - env(safe-area-inset-top,0px));padding:14px 15px calc(9px + env(safe-area-inset-bottom,0px));border-radius:25px 25px 0 0;border-bottom:0}
 .account-sheet.is-network-invitation::before{margin:-5px auto 8px;width:37px;height:4px}
 .account-sheet.is-network-invitation .account-sheet-head{top:-14px;margin:-3px -15px 11px;padding:5px 15px 12px}
 .account-sheet.is-network-invitation .account-sheet-head h3{font-size:19px}
 .nvi2{gap:10px}
 .nvi2-hero{min-height:110px;padding:13px;gap:12px}
 .nvi2-emblem{width:51px;height:51px;border-radius:16px}
 .nvi2-protection{padding:12px;gap:9px}
 .nvi2-actions{position:sticky;bottom:-9px;z-index:3;margin-bottom:-9px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px));box-shadow:0 -11px 20px -20px rgba(0,0,0,.25)}
}
@media(max-height:680px){.nvi2{gap:8px}.nvi2-hero{min-height:93px;padding:10px 12px}.nvi2-protection{padding:10px 12px}.nvi2-identity h3{font-size:20px}.nvi2-actions button{min-height:42px}}
@media(max-width:340px){.nvi2-hero{gap:9px}.nvi2-emblem{height:44px;width:44px}.nvi2-highlights span{font-size:9.5px}.nvi2-tags>span{font-size:9px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.nvi2-chevron,.nvi2-actions button{transition:none}}

/* Optional account-identity preview must never prevent review during a 5xx. */
.nv-invite-lookup-warning{grid-column:1/-1;border:1px solid color-mix(in srgb,#d39735 32%,var(--dz-line));border-radius:10px;background:color-mix(in srgb,#d39735 8%,var(--dz-surface));color:var(--dz-ink);font-size:11px;line-height:1.8;padding:10px 12px}

/* Messaging V5: compact inbox and stable conversation interaction. */
.dz-support-page .support-hub-modern{background:var(--dz-surface);box-shadow:none;border:0;margin-bottom:4px}
.dz-support-page .support-hub-modern .support-hub-top{grid-template-columns:auto minmax(0,1fr) auto auto}
.dz-support-page .support-hub-modern .support-hub-mark{background:color-mix(in srgb,var(--dz-accent) 10%,transparent);color:var(--dz-accent);box-shadow:none}
.dz-support-page .support-hub-modern strong{font-size:18px}
.dz-support-page .support-new-icon{width:40px;height:40px;border:0;border-radius:13px;background:var(--dz-accent);color:#fff;display:grid;place-items:center;cursor:pointer}
.dz-support-page .support-new-icon svg{width:20px;height:20px}
.dz-support-page .account-support-row{min-height:76px;border-radius:14px;margin:0 0 5px;transition:background .15s}
.dz-support-page .account-support-row>span:not(.support-row-icon) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:11px}
.dz-support-page .support-row-icon{width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);box-shadow:none}
.dz-support-page .support-message-row{content-visibility:auto;contain-intrinsic-size:auto 72px}
.dz-support-page .support-pending-message{opacity:.7}
.dz-support-page .support-pending-message small{font-size:10px;color:var(--dz-muted)}
.dz-support-page .support-pending-message button{display:block;padding:7px 10px;border:1px solid var(--dz-line);border-radius:9px;background:var(--dz-surface);color:var(--dz-accent);font:inherit;font-size:11px}
.dz-support-page #support-connection{padding:8px 14px;background:color-mix(in srgb,#d69427 10%,var(--dz-surface));color:var(--dz-ink);font-size:11px;flex-shrink:0}
.dz-support-page #support-connection[hidden],.dz-support-page #support-jump-latest[hidden]{display:none!important}
.dz-support-page #support-jump-latest{align-self:center;border:1px solid var(--dz-line);border-radius:999px;background:var(--dz-surface);color:var(--dz-accent);padding:8px 16px;font:inherit;font-size:11px;cursor:pointer}
.dz-support-page .support-delivery{color:var(--dz-accent)}
@media(max-width:700px){
 body.dz-support-route:not(.support-has-thread) .support-workspace{box-shadow:none;background:var(--dz-surface)}
 body.dz-support-route:not(.support-has-thread) .support-hub-modern{padding:10px 8px;border:0;border-radius:0}
 body.dz-support-route:not(.support-has-thread) .support-sidebar{padding:8px}
 .dz-support-page .support-search-box{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.dz-support-page .account-support-row{transition:none}}

.dz-support-page .support-row-meta{display:grid;justify-items:end;gap:7px;flex:0 0 auto}.dz-support-page .support-row-meta time{font-size:9px;color:var(--dz-muted)}

/* Connected network member — dedicated personal account, not an independent merchant dashboard. */
.nca-dashboard{display:grid;gap:13px;min-width:0;color:var(--dz-ink)}
.nca-dashboard section{min-width:0}
.nca-identity{display:flex;align-items:center;gap:12px;padding:13px 3px 5px}
.nca-identity-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));color:var(--dz-accent)}
.nca-identity-icon svg{width:23px;height:23px}
.nca-identity-copy{min-width:0;flex:1;display:grid;gap:3px}
.nca-eyebrow{font-size:10px;font-weight:700;color:var(--dz-accent)}
.nca-identity h3{font-size:22px;line-height:1.3;letter-spacing:-.035em;margin:0;font-weight:850;color:var(--dz-ink)}
.nca-identity p{margin:0;font-size:11px;color:var(--dz-muted);overflow-wrap:anywhere}
.nca-rank{flex:none;border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));font-size:10px;font-weight:800;padding:8px 10px;border-radius:11px}
.nca-parent{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--dz-accent) 25%,var(--dz-line));border-radius:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface)),var(--dz-surface) 85%);padding:19px 17px;display:grid;gap:15px}
.nca-parent:before{content:"";position:absolute;z-index:-1;width:170px;height:170px;border-radius:50%;inset-inline-end:-85px;top:-94px;border:1px solid color-mix(in srgb,var(--dz-accent) 12%,transparent);box-shadow:0 0 0 22px color-mix(in srgb,var(--dz-accent) 4%,transparent),0 0 0 47px color-mix(in srgb,var(--dz-accent) 2%,transparent)}
.nca-parent-top{display:flex;align-items:center;gap:12px}
.nca-parent-symbol{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--dz-accent),color-mix(in srgb,var(--dz-accent) 68%,#0ab8e1));box-shadow:0 8px 24px -15px var(--dz-accent)}
.nca-parent-symbol svg{width:25px;height:25px}
.nca-parent-top>div{min-width:0;display:grid;gap:5px}
.nca-parent-top small{font-size:11px;color:var(--dz-muted);font-weight:600}
.nca-parent h3{font-size:clamp(19px,5vw,25px);font-weight:900;letter-spacing:-.04em;line-height:1.4;margin:0;color:var(--dz-ink);overflow-wrap:anywhere}
.nca-parent-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:13px;border-top:1px solid var(--dz-line)}
.nca-link-state,.nca-parent-role{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;line-height:1.4}
.nca-link-state{color:var(--dz-muted)}.nca-link-state.is-active{color:#159778}
.nca-link-state i{height:7px;width:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 10%,transparent)}
.nca-parent-role{color:var(--dz-accent)}.nca-parent-role svg{width:16px;height:16px}
.nca-finance,.nca-rates-card,.nca-activity{border:1px solid var(--dz-line);border-radius:21px;background:var(--dz-surface);padding:16px}
.nca-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.nca-section-head>div{display:grid;gap:4px}.nca-section-head small{color:var(--dz-muted);font-size:10px}
.nca-section-head h3{color:var(--dz-ink);margin:0;font-size:16px;font-weight:850;line-height:1.4}
.nca-section-head>a{font-size:11px;color:var(--dz-accent);font-weight:750;text-decoration:none;white-space:nowrap}
.nca-section-head>span{font-size:10px;color:var(--dz-muted);font-weight:750}
.nca-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.nca-balance-grid>article{display:grid;align-content:start;min-width:0;gap:10px;padding:14px 11px;border:1px solid var(--dz-line);border-radius:16px}
.nca-balance-own{background:linear-gradient(130deg,color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface)),color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface)))}
.nca-balance-allocated{background:linear-gradient(135deg,color-mix(in srgb,#19a58d 10%,var(--dz-surface)),color-mix(in srgb,#19a58d 2%,var(--dz-surface)))}
.nca-money-title{display:flex;align-items:center;gap:7px;min-width:0}
.nca-money-title span{color:var(--dz-accent);display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--dz-surface)}
.nca-balance-allocated .nca-money-title span{color:#119778}
.nca-money-title svg{width:16px;height:16px}
.nca-money-title small{font-size:11px;font-weight:850;color:var(--dz-ink)}
.nca-balance-grid strong{justify-self:start;font-size:clamp(20px,5vw,27px);font-weight:900;line-height:1.35;color:var(--dz-ink);font-variant-numeric:tabular-nums;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.nca-balance-grid strong em{font-size:11px;font-style:normal;color:var(--dz-muted)}
.nca-balance-grid p{margin:0;font-size:10px;color:var(--dz-muted);line-height:1.55}
.nca-balance-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.nca-balance-detail>span{display:grid;gap:7px;padding:10px 5px;background:var(--dz-elevated,var(--dz-bg));border:1px solid var(--dz-line);border-radius:12px;font-size:10px;text-align:center;color:var(--dz-muted)}
.nca-balance-detail b{color:var(--dz-ink);font-size:11px;font-weight:800;white-space:nowrap}
.nca-balance-detail .nca-amount{display:inline-flex;direction:ltr;unicode-bidi:isolate;justify-content:center;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}
.nca-balance-detail .nca-amount small{font-size:10px;font-weight:650}
.nca-ownership{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;padding:10px;border-radius:12px;font-size:10px;line-height:1.8;color:var(--dz-muted);background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.nca-ownership svg{flex:none;width:17px;height:17px;color:var(--dz-accent);margin-top:1px}
.nca-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nca-actions a{display:grid;justify-items:center;gap:8px;position:relative;min-height:85px;padding:13px 6px;border:1px solid var(--dz-line);border-radius:17px;text-decoration:none;color:var(--dz-ink);background:var(--dz-surface);font-size:11px;font-weight:850;text-align:center;line-height:1.4}
.nca-actions a svg{height:22px;width:22px;color:var(--dz-accent)}.nca-actions a>span{position:absolute;inset-inline-end:8px;top:9px;color:var(--dz-muted);font-size:11px}
.nca-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.nca-rates>div{display:grid;gap:7px;justify-items:center;min-width:0;padding:12px 4px;border-radius:12px;background:var(--dz-elevated,var(--dz-bg));border:1px solid var(--dz-line)}
.nca-rates span{font-size:10px;color:var(--dz-muted);font-weight:650}
.nca-rates strong{font-size:14px;color:var(--dz-accent);font-variant-numeric:tabular-nums;font-weight:850}
.nca-rates-card>p{margin:12px 0 0;color:var(--dz-muted);line-height:1.75;font-size:10px}
.nca-activity-count{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.nca-activity-count>div{display:grid;gap:7px;justify-items:center;padding:5px 7px;border-inline-end:1px solid var(--dz-line)}
.nca-activity-count>div:first-child{border:0}
.nca-activity-count strong{font-size:23px;font-weight:900;color:var(--dz-ink);font-variant-numeric:tabular-nums}
.nca-activity-count small{font-size:10px;color:var(--dz-muted)}
@media(max-width:600px){.nca-dashboard{gap:11px}.nca-identity{padding:5px 3px}.nca-identity h3{font-size:20px}.nca-rank{font-size:9px;padding:6px 7px}.nca-finance,.nca-rates-card,.nca-activity{padding:14px}.nca-parent{padding:16px}.nca-balance-grid>article{padding:12px 9px;gap:8px}.nca-balance-detail{gap:5px}.nca-balance-detail>span{font-size:9px}}
@media(max-width:370px){.nca-identity-icon{width:36px;height:36px}.nca-identity h3{font-size:17px}.nca-eyebrow{font-size:9px}.nca-money-title{gap:4px}.nca-money-title small{font-size:10px}.nca-money-title span{height:25px;width:25px}.nca-balance-grid strong{font-size:20px}.nca-rates{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Chat V6: account identity, readable bubbles, compact mobile composition. */
.dz-support-page .support-chat-head-v6{min-height:74px;padding:13px 16px;gap:11px;background:var(--dz-surface);backdrop-filter:none}
.dz-support-page .support-chat-head-v6 .support-chat-identity strong{font-size:16px;line-height:1.5;letter-spacing:0}
.dz-support-page .support-chat-head-v6 .support-chat-identity small{font-size:10px;line-height:1.6;gap:5px}
.dz-support-page .support-chat-identity small svg{width:12px;height:12px;opacity:.65;flex-shrink:0}
.dz-support-page .support-avatar-letter{display:grid;place-items:center;background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);border:1px solid color-mix(in srgb,var(--dz-accent) 15%,var(--dz-line));font-weight:800}
.dz-support-page .support-chat-head-v6 .support-chat-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:15px;box-shadow:none}
.dz-support-page .support-chat-avatar.support-avatar-letter{font-size:22px;line-height:1}
.dz-support-page .support-chat-head-v6 .support-chat-tool{width:38px;height:38px;flex-basis:38px;border-radius:12px;background:var(--dz-bg);color:var(--dz-muted)}
.dz-support-page .support-thread-meta-v6{min-height:34px;padding:7px 16px;background:var(--dz-surface);border-bottom:1px solid var(--dz-line);gap:8px}
.dz-support-page .support-thread-context{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:10px;color:var(--dz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-support-page .support-thread-context svg{width:13px;height:13px;flex-shrink:0;color:var(--dz-accent)}
.dz-support-page .support-thread-meta-v6 .support-state{font-size:9px;padding:3px 9px}
.dz-support-page .account-support-messages{background:linear-gradient(180deg,color-mix(in srgb,var(--dz-accent) 2%,var(--dz-bg)),var(--dz-bg));padding:18px 18px 20px;gap:5px}
.dz-support-page .support-day{margin:4px 0 16px;font-size:10px}
.dz-support-page .support-day span{display:inline-block;padding:5px 11px;border:1px solid color-mix(in srgb,var(--dz-line) 75%,transparent);background:color-mix(in srgb,var(--dz-surface) 80%,transparent);box-shadow:none}
.dz-support-page .support-message-row{gap:8px;margin-top:5px}
.dz-support-page .support-message-row.is-grouped{margin-top:0}
.dz-support-page .support-message-avatar{width:28px;height:28px;flex-basis:28px;border-radius:10px;font-size:13px;line-height:1}
.dz-support-page .support-message-bubble{max-width:min(80%,520px);padding:10px 13px 8px;border-radius:17px;box-shadow:0 2px 6px rgba(15,23,42,.025);border:1px solid var(--dz-line)}
.dz-support-page .support-message-bubble p{font-size:14px!important;line-height:1.7!important}
.dz-support-page .support-message-speaker{font-size:10px;margin-bottom:4px;font-weight:750}
.dz-support-page .support-message-bubble time{font-size:9px;margin-top:5px;line-height:1.4;opacity:1;color:var(--dz-muted);text-align:left}
.dz-support-page .support-message-row.own .support-message-bubble{background:var(--dz-accent);color:#fff;box-shadow:none;border-color:transparent}
.dz-support-page .support-message-row.own .support-message-bubble time{opacity:1;color:rgba(255,255,255,.85)}
.dz-support-page .support-message-row.own .support-delivery{color:rgba(255,255,255,.95)}
.dz-support-page .support-composer{gap:9px;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;background:var(--dz-surface);backdrop-filter:none}
.dz-support-page .support-composer-field{border-radius:17px;background:var(--dz-bg);box-shadow:none}
.dz-support-page .support-composer textarea{font-size:14px;line-height:1.6;min-height:46px!important;border-radius:17px!important;padding:11px 13px 10px 36px!important}
.dz-support-page .support-composer-info{bottom:15px;width:17px;height:17px;font-size:10px}
.dz-support-page .support-send-button{width:46px!important;height:46px!important;flex-basis:46px;border-radius:15px!important;box-shadow:none}
.dz-support-page .support-send-button svg{width:22px!important;height:22px!important;transform:none}
.dz-support-page .support-draft-state{font-size:8px;bottom:1px;right:18px;opacity:.65}
.dz-support-page .support-chat-tool:focus-visible,.dz-support-page .support-chat-back:focus-visible,.dz-support-page .support-send-button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
@media(max-width:700px){
 body.dz-support-route.support-has-thread .support-chat-head-v6{min-height:70px;padding:10px 12px;gap:9px}
 .dz-support-page .support-chat-head-v6 .support-chat-identity strong{font-size:15px}
 .dz-support-page .support-chat-head-v6 .support-chat-tool{width:34px;height:34px;flex-basis:34px}
 .dz-support-page .support-chat-head-v6 .support-chat-avatar{width:40px;height:40px;flex-basis:40px}
 .dz-support-page .account-support-messages{padding:15px 12px 18px}
 .dz-support-page .support-message-bubble{max-width:82%}
 .dz-support-page .support-composer{padding-inline:12px!important}
 body.support-keyboard-open.dz-support-route.support-has-thread .support-chat-head-v6{min-height:55px!important;padding-block:7px!important}
 body.support-keyboard-open.dz-support-route.support-has-thread .support-thread-meta-v6{display:none}
}
@media(max-width:370px){
 .dz-support-page .support-chat-head-v6 .support-chat-identity strong{font-size:13px}
 .dz-support-page .support-chat-head-v6 .support-chat-identity small{font-size:9px}
 .dz-support-page .support-chat-head-v6 .support-chat-tool{width:30px;height:30px;flex-basis:30px}
 .dz-support-page .support-message-bubble{padding:9px 11px 7px}
}


/* Network member lifecycle: the leave action is deliberately secondary and explicitly confirmed. */
.nca-membership{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--dz-line);border-radius:17px;background:var(--dz-surface);padding:13px 14px;min-width:0}
.nca-membership-text{display:flex;gap:10px;align-items:center;min-width:0}
.nca-membership-icon{flex:none;width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent)}
.nca-membership-icon svg{width:20px;height:20px}
.nca-membership-text>div{min-width:0;display:grid;gap:5px}
.nca-membership h3{margin:0;font-size:12px;color:var(--dz-ink);font-weight:850}
.nca-membership p{margin:0;color:var(--dz-muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.nca-leave-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 11px;border-radius:11px;border:1px solid color-mix(in srgb,#b84657 22%,var(--dz-line));color:#b54a59;background:color-mix(in srgb,#b84657 3%,var(--dz-surface));font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.nca-leave-trigger.is-settling{color:var(--dz-accent);border-color:color-mix(in srgb,var(--dz-accent) 25%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}
.nca-leave-trigger:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
.nca-leave-trigger>span{font-size:15px;font-weight:400}
.ncl-sheet{display:grid;gap:14px;direction:rtl;color:var(--dz-ink)}
.ncl-top{display:flex;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));border-radius:17px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));padding:14px}
.ncl-top-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-surface));color:var(--dz-accent)}.ncl-top-icon svg{width:22px;height:22px}
.ncl-top>div{display:grid;gap:5px;min-width:0}.ncl-top small{font-size:10px;color:var(--dz-muted)}.ncl-top strong{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.ncl-top div>span{font-size:10px;color:var(--dz-accent);font-weight:800}
.ncl-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ncl-facts>div{display:grid;gap:10px;border:1px solid var(--dz-line);background:var(--dz-elevated,var(--dz-surface));padding:13px 10px;border-radius:13px;min-width:0}.ncl-facts span{font-size:10px;color:var(--dz-muted)}.ncl-facts strong{font-size:16px;color:var(--dz-ink);font-variant-numeric:tabular-nums}
.ncl-notice{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:14px;border:1px solid color-mix(in srgb,#159a80 18%,var(--dz-line));background:color-mix(in srgb,#159a80 5%,var(--dz-surface))}.ncl-notice>svg{width:21px;height:21px;flex:none;color:#159a80}.ncl-notice p{margin:0;line-height:1.85;font-size:11px;color:var(--dz-muted)}.ncl-notice strong{color:var(--dz-ink)}
.ncl-confirm-explain{margin:0;padding:13px;border-radius:13px;background:color-mix(in srgb,#b84657 7%,var(--dz-surface));border:1px solid color-mix(in srgb,#b84657 22%,var(--dz-line));line-height:1.9;font-size:11px;color:var(--dz-ink)}
.ncl-confirm-check{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;color:var(--dz-ink);cursor:pointer;line-height:1.65}.ncl-confirm-check input{width:18px;height:18px;flex:none;accent-color:var(--dz-accent)}
#ncl-feedback{margin:0;font-size:11px;line-height:1.7;color:#b54a59}#ncl-feedback:empty{display:none}
.ncl-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-top:9px;border-top:1px solid var(--dz-line)}
.ncl-actions button{font:inherit;font-size:12px;font-weight:850;min-height:46px;padding:10px;border-radius:13px;cursor:pointer}
.ncl-actions button:disabled{opacity:.55;cursor:not-allowed}
.ncl-actions .ncl-next{background:var(--dz-accent);border:1px solid var(--dz-accent);color:white}
.ncl-actions .ncl-danger{background:#bd4553;border:1px solid #bd4553;color:white}
.ncl-actions .ncl-cancel{border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-muted)}
.ncl-actions button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.ncl-result{display:grid;gap:14px;justify-items:center;text-align:center;padding:17px 7px}.ncl-result-mark{display:grid;place-items:center;border-radius:50%;height:54px;width:54px;color:#159a80;background:color-mix(in srgb,#159a80 13%,var(--dz-surface));font-size:25px}.ncl-result h3{font-size:19px;margin:0}.ncl-result p{margin:0;color:var(--dz-muted);font-size:12px;line-height:1.8}.ncl-result button{width:100%;border:1px solid var(--dz-accent);border-radius:12px;background:var(--dz-accent);color:#fff;min-height:46px;font:inherit;font-weight:850;cursor:pointer}
@media(max-width:420px){.nca-membership{grid-template-columns:minmax(0,1fr);gap:10px}.nca-leave-trigger{width:100%}.ncl-actions{gap:8px}.ncl-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nca-leave-trigger,.ncl-actions button{transition:none}}

/* Network quick allocation: verified member-first flow, RTL, responsive, theme aware. */
.nq-flow{display:grid;gap:15px;min-width:0;color:var(--dz-ink)}
.nq-heading{display:flex;align-items:center;gap:12px;padding:3px 0 12px;border-bottom:1px solid var(--dz-line)}
.nq-step{display:grid;place-items:center;width:49px;height:44px;flex:none;border-radius:13px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}
.nq-heading>div{display:grid;gap:4px;min-width:0}.nq-heading h3{margin:0;font-size:16px;font-weight:850}.nq-heading p{margin:0;font-size:11px;line-height:1.65;color:var(--dz-muted)}
.nq-search-form,.nq-amount-form{display:grid;gap:11px}.nq-search-form>label,.nq-amount-form>label{font-size:12px;font-weight:800;display:grid;gap:8px}
.nq-search-row{display:flex;align-items:stretch;gap:7px;min-width:0}
.nq-search-row input,.nq-amount-form>label input{font:inherit;background:var(--dz-surface);color:var(--dz-ink);min-width:0;width:100%;height:48px;border:1px solid var(--dz-line);border-radius:13px;padding:11px 13px;font-size:14px;outline:none}
.nq-search-row input:focus-visible,.nq-amount-form>label input:focus-visible{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 11%,transparent)}
.nq-search-row button{flex:none;border:1px solid var(--dz-line);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;min-width:47px;padding:9px;background:var(--dz-elevated,var(--dz-surface));color:var(--dz-accent);font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.nq-search-row button svg{width:19px;height:19px}.nq-search-row .nq-qr{background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line))}
.nq-member-list{display:grid;gap:7px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}
.nq-member{display:flex;align-items:center;min-width:0;gap:8px;width:100%;padding:11px 12px;border-radius:15px;border:1px solid var(--dz-line);background:var(--dz-surface);text-align:right;color:var(--dz-ink);cursor:pointer;font:inherit}
.nq-member:hover,.nq-member:focus-visible{border-color:color-mix(in srgb,var(--dz-accent) 52%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.nq-member>span:last-child{color:var(--dz-accent);font-size:16px;flex:none}
.nq-recipient{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.nq-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));color:var(--dz-accent);flex:none}
.nq-avatar svg{width:23px;height:23px}.nq-recipient>div{display:grid;gap:4px;min-width:0;flex:1}
.nq-recipient strong{font-size:12px;line-height:1.4;font-weight:850;overflow-wrap:anywhere}.nq-recipient small{font-size:10px;line-height:1.55;color:var(--dz-muted)}.nq-recipient b{font-weight:650;unicode-bidi:isolate}
.nq-verified{display:inline-flex;align-items:center;gap:4px;flex:none;border:1px solid color-mix(in srgb,#179879 19%,var(--dz-line));border-radius:8px;color:#119475;background:color-mix(in srgb,#179879 6%,var(--dz-surface));padding:5px 7px;font-size:9px;font-weight:800;white-space:nowrap}
.nq-verified svg{width:12px;height:12px}
.nq-flow>.nq-recipient{border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));padding:12px;border-radius:15px}
.nq-search-state{border:1px dashed var(--dz-line);border-radius:14px;padding:22px 14px;text-align:center;color:var(--dz-muted);font-size:11px;line-height:1.85}
.nq-hint{margin:0;font-size:10px;color:var(--dz-muted);line-height:1.8}.nq-error{margin:0;font-size:11px;line-height:1.8;color:#b34c5a}.nq-error:empty{display:none}
.nq-amount-form>label input{text-align:center;font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.01em;height:62px}
.nq-mode{border:0;display:grid;gap:9px;margin:0;padding:0}.nq-mode legend{font-size:12px;font-weight:850;margin-bottom:10px}
.nq-mode label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:13px;cursor:pointer}
.nq-mode label:has(input:checked){border-color:color-mix(in srgb,var(--dz-accent) 55%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}
.nq-mode input{width:17px;height:17px;flex:none;accent-color:var(--dz-accent)}.nq-mode label span{display:grid;gap:5px}.nq-mode strong{font-size:12px;color:var(--dz-ink)}.nq-mode small{font-size:10px;line-height:1.6;color:var(--dz-muted)}
.nq-review{display:grid;border:1px solid var(--dz-line);border-radius:15px;overflow:hidden}.nq-review>div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:13px 14px}.nq-review>div+div{border-top:1px solid var(--dz-line)}.nq-review span{font-size:11px;color:var(--dz-muted)}.nq-review strong{font-size:14px;font-weight:850;color:var(--dz-ink);font-variant-numeric:tabular-nums}
.nq-warning{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid color-mix(in srgb,#d7a14b 30%,var(--dz-line));border-radius:13px;background:color-mix(in srgb,#d7a14b 7%,var(--dz-surface));color:var(--dz-muted)}.nq-warning svg{width:19px;height:19px;flex:none;color:var(--dz-accent)}.nq-warning p{font-size:11px;line-height:1.8;margin:0}
.nq-confirm{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;line-height:1.65}.nq-confirm input{width:18px;height:18px;flex:none;accent-color:var(--dz-accent)}
#nq-final-feedback{font-size:11px;margin:0;color:#b64a5b;line-height:1.75}#nq-final-feedback:empty{display:none}
.nq-foot{display:grid;grid-template-columns:1.45fr 1fr;gap:8px;padding-top:9px;border-top:1px solid var(--dz-line)}
.nq-foot button{min-height:47px;border:1px solid var(--dz-line);border-radius:13px;padding:10px;color:var(--dz-ink);background:var(--dz-elevated,var(--dz-surface));font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.nq-foot button.nq-primary{background:var(--dz-accent);color:#fff;border-color:var(--dz-accent)}.nq-foot button:disabled{opacity:.48;cursor:not-allowed}.nq-foot button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.nq-success{display:grid;justify-items:center;text-align:center;gap:13px;padding:15px 4px}.nq-success>svg{width:50px;height:50px;color:#159a80}.nq-success h3{font-size:20px;margin:0}.nq-success p{line-height:1.8;font-size:12px;margin:0;color:var(--dz-muted)}.nq-success button{width:100%;min-height:48px;background:var(--dz-accent);border-radius:12px;border:0;color:white;font:inherit;font-weight:850;cursor:pointer}
@media(max-width:440px){.nq-flow{gap:12px}.nq-heading h3{font-size:15px}.nq-recipient{gap:8px}.nq-avatar{width:37px;height:37px}.nq-verified{font-size:8px;padding:4px}.nq-search-row input{padding:10px;font-size:12px}.nq-member{padding:9px}.nq-member-list{max-height:290px}}
@media(max-width:355px){.nq-verified{display:none}.nq-foot{grid-template-columns:1fr}.nq-search-row button{min-width:41px;padding:7px}}

/* Conversation account profile navigation. */
.dz-support-page .support-profile-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:12px}
.dz-support-page .support-profile-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.dz-support-page .support-profile-heading .support-chat-identity{flex:1;min-width:0}
.dz-support-page .support-profile-link:hover .support-message-speaker,.dz-support-page .support-profile-heading:hover strong{text-decoration:underline;text-underline-offset:4px}
.dz-support-page .support-profile-link:focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
.dz-support-page .support-message-row>.support-profile-link{flex:0 0 28px;align-self:flex-end}

/* Network member debt actions — explicit ledger-safe reclaim versus verified receipt. */
.ndm-flow{display:grid;gap:13px;color:var(--dz-ink);min-width:0}
.ndm-heading{display:flex;align-items:center;gap:11px;padding:5px 0 13px;border-bottom:1px solid var(--dz-line)}
.ndm-heading>span{display:grid;place-items:center;flex:none;width:47px;height:47px;border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface));color:var(--dz-accent)}
.ndm-heading>span svg{width:25px;height:25px}
.ndm-heading>div{display:grid;gap:5px;min-width:0}
.ndm-heading h3{margin:0;font-weight:850;font-size:19px;color:var(--dz-ink)}
.ndm-heading small{font-weight:800;font-size:10px;color:var(--dz-accent)}
.ndm-heading p{margin:0;font-size:11px;line-height:1.8;color:var(--dz-muted)}
.ndm-choices{display:grid;gap:9px;max-height:330px;overflow-y:auto;overscroll-behavior:contain}
.ndm-choices button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;text-align:right;padding:14px 12px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;cursor:pointer}
.ndm-choices button:focus-visible,.ndm-choices button:hover{outline:1px solid var(--dz-accent);border-color:var(--dz-accent)}
.ndm-choices button>span{display:grid;gap:7px;min-width:0}.ndm-choices b{font-size:12px;font-weight:800}.ndm-choices small{font-size:10px;color:var(--dz-muted)}
.ndm-available{justify-items:end;font-size:10px;color:var(--dz-muted)}.ndm-available strong{font-size:15px;color:var(--dz-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.ndm-limits{display:grid;gap:7px;padding:13px;border-radius:14px;border:1px solid var(--dz-line);background:var(--dz-elevated,var(--dz-surface))}
.ndm-limits>span{display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:11px;color:var(--dz-muted)}
.ndm-limits b,.ndm-limits strong{font-size:13px;color:var(--dz-ink);font-variant-numeric:tabular-nums}
.ndm-form{display:grid;gap:13px}.ndm-form label{display:grid;gap:8px;font-size:12px;font-weight:800}
.ndm-form input{width:100%;height:47px;border:1px solid var(--dz-line);border-radius:12px;padding:10px 12px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:13px;min-width:0}
.ndm-form input:focus-visible{outline:2px solid var(--dz-accent);outline-offset:1px}
.ndm-consent{display:flex;align-items:center;gap:9px;color:var(--dz-ink);font-weight:750;font-size:11px;line-height:1.75}.ndm-consent input{width:19px;height:19px;accent-color:var(--dz-accent);flex:none}
.ndm-notice{font-size:11px;line-height:1.9;padding:12px 13px;border:1px solid color-mix(in srgb,#c59d52 27%,var(--dz-line));border-radius:12px;background:color-mix(in srgb,#c59d52 7%,var(--dz-surface));color:var(--dz-ink)}
.ndm-empty,.ndm-loading{padding:20px 10px;border:1px dashed var(--dz-line);border-radius:13px;text-align:center;color:var(--dz-muted);font-size:11px;line-height:1.8}
.ndm-error,#ndm-error{font-size:11px;line-height:1.75;color:#bc4556;margin:0}.ndm-error:empty,#ndm-error:empty{display:none}
.ndm-primary,.ndm-back{min-height:46px;border-radius:12px;font:inherit;font-weight:850;font-size:12px;cursor:pointer;border:1px solid var(--dz-line);padding:11px 12px}
.ndm-primary{background:var(--dz-accent);border-color:var(--dz-accent);color:white}.ndm-back{background:var(--dz-elevated,var(--dz-surface));color:var(--dz-muted)}
.ndm-primary:disabled{opacity:.5;cursor:not-allowed}
.ndm-success{padding:15px 0;display:grid;justify-items:center;gap:12px;text-align:center}.ndm-success>svg{width:46px;height:46px;color:#129579}.ndm-success h3{font-size:18px;margin:0}.ndm-success p{font-size:12px;margin:0;line-height:1.75;color:var(--dz-muted)}.ndm-success button{font:inherit;color:#fff;background:var(--dz-accent);border:1px solid var(--dz-accent);border-radius:12px;padding:12px;min-height:46px;width:100%;font-weight:800}
.nc-profile-hero>.nc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nc-profile-hero>.nc-actions button{min-width:0;min-height:44px}
.nc-profile-hero>.nc-actions [data-client-debt]{border:1px solid color-mix(in srgb,var(--dz-accent) 26%,var(--dz-line));border-radius:13px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));font:inherit;font-weight:800;font-size:11px}
.nc-preview .nc-actions [data-client-debt]{border:1px solid color-mix(in srgb,var(--dz-accent) 26%,var(--dz-line));border-radius:11px;color:var(--dz-accent);background:var(--dz-surface);font:inherit;font-size:11px;padding:10px 8px;font-weight:800}
@media(max-width:390px){.nc-profile-hero>.nc-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ndm-heading h3{font-size:17px}.ndm-choices button{padding:11px 9px}.ndm-available strong{font-size:13px}}

/* Linked customer/distributor wallet — legally distinct own balance vs parent-owned allocation. */
.wp-network-member{--wp-accent:var(--dz-accent);--wp-soft:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));gap:15px;min-width:0}
.wp-network-member .wp-intro{align-items:flex-start}
.wp-network-member .wp-intro h3{margin:5px 0 0;font-size:clamp(23px,5vw,28px);font-weight:900;line-height:1.3;color:var(--dz-ink)}
.wn-wallet-subhead{margin:7px 0 0;font-size:11px;color:var(--dz-muted);line-height:1.65}
.wp-network-member .wp-tier{font-size:11px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.wn-child-own,.wn-child-network{min-width:0;display:grid;gap:12px;border:1px solid var(--dz-line);border-radius:23px;padding:15px;background:var(--dz-surface)}
.wn-child-section-title{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.wn-child-section-title>div{min-width:0;display:grid;gap:5px}
.wn-child-section-title small{color:var(--dz-accent);font-size:10px;font-weight:800}
.wn-child-section-title h3{color:var(--dz-ink);font-size:18px;font-weight:900;letter-spacing:-.035em;line-height:1.3;margin:0}
.wn-owned,.wn-child-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap;border-radius:10px;padding:8px 9px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 17%,var(--dz-line));color:var(--dz-accent)}
.wn-owned svg,.wn-child-status svg{width:15px;height:15px}
.wn-child-status.is-active{color:#158d72;background:color-mix(in srgb,#159b7d 9%,var(--dz-surface));border-color:color-mix(in srgb,#159b7d 18%,var(--dz-line))}
.wp-network-member .wp-balance{border-radius:19px;background:linear-gradient(115deg,#193d79,#2f69bd 78%,#3172ca);box-shadow:none;border:1px solid #396db188;padding:18px 20px}
.wp-network-member .wp-balance .wp-balance-main{padding:21px 0 15px}
.wp-network-member .wp-balance-main>strong{font-weight:900;font-variant-numeric:tabular-nums}
.wp-network-member .wp-card-bottom{padding-top:13px}
.wn-child-helper{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--dz-muted);font-size:10px;line-height:1.8}
.wp-network-member .wp-actions{gap:7px}
.wp-network-member .wp-actions button{border-radius:14px;padding:12px 5px;gap:7px}
.wp-network-member .wp-actions svg{background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent);border-radius:12px}
.wp-network-member .wp-actions strong{color:var(--dz-ink);font-size:12px}
.wp-network-member .wp-actions button:hover{background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.wn-child-network{border-color:color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface)),var(--dz-surface) 70%)}
.wn-child-network-card{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:13px;padding:18px;border:1px solid color-mix(in srgb,var(--dz-accent) 19%,var(--dz-line));background:linear-gradient(115deg,color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface)),color-mix(in srgb,var(--dz-accent) 3%,var(--dz-surface)));border-radius:18px}
.wn-child-network-card:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;inset-inline-end:-90px;top:-110px;border:1px solid color-mix(in srgb,var(--dz-accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 30px color-mix(in srgb,var(--dz-accent) 4%,transparent),0 0 0 58px color-mix(in srgb,var(--dz-accent) 2%,transparent)}
.wn-child-network-heading{display:flex;align-items:center;gap:10px;min-width:0}
.wn-child-network-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--dz-accent);color:#fff}
.wn-child-network-icon svg{width:23px;height:23px}
.wn-child-network-heading>div{min-width:0;display:grid;gap:4px}.wn-child-network-heading small{font-size:10px;color:var(--dz-muted)}.wn-child-network-heading strong{font-size:15px;color:var(--dz-ink);font-weight:900;overflow-wrap:anywhere}
.wn-child-caption{font-size:11px;color:var(--dz-muted);font-weight:700}
.wn-child-network-total{font-size:clamp(30px,8vw,42px);font-variant-numeric:tabular-nums;color:var(--dz-ink);font-weight:900;line-height:1.15;text-align:end;overflow-wrap:anywhere}
.wn-child-network-total em{font-style:normal;font-size:12px;color:var(--dz-muted);font-weight:750}
.wn-child-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wn-child-categories article{min-width:0;display:grid;align-content:start;gap:10px;border:1px solid var(--dz-line);border-radius:15px;padding:13px 11px;background:var(--dz-surface)}
.wn-child-categories article:first-child{background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}
.wn-child-categories article:nth-child(2){background:color-mix(in srgb,#19a58d 5%,var(--dz-surface))}
.wn-child-categories span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:850;color:var(--dz-ink);line-height:1.5}
.wn-child-categories svg{width:16px;height:16px;flex:none;color:var(--dz-accent)}
.wn-child-categories article:nth-child(2) svg{color:#18a087}
.wn-child-categories strong{display:block;font-size:clamp(18px,5vw,24px);color:var(--dz-ink);font-weight:900;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:end;font-variant-numeric:tabular-nums}
.wn-child-categories em{font-size:11px;color:var(--dz-muted);font-style:normal}
.wn-child-categories small{font-size:10px;color:var(--dz-muted);line-height:1.65}
.wn-child-debt{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid color-mix(in srgb,#c78d40 22%,var(--dz-line));background:color-mix(in srgb,#c78d40 6%,var(--dz-surface));border-radius:15px;padding:13px}
.wn-child-debt-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:color-mix(in srgb,#c78d40 11%,var(--dz-surface));color:#b48132}
.wn-child-debt-icon svg{width:22px;height:22px}
.wn-child-debt>div{display:grid;gap:6px;flex:1;min-width:0}
.wn-child-debt small{font-size:11px;color:var(--dz-muted);font-weight:750}
.wn-child-debt strong{font-size:clamp(22px,6vw,29px);font-variant-numeric:tabular-nums;font-weight:900;color:var(--dz-ink);line-height:1.3}
.wn-child-debt em{font-size:11px;font-style:normal;color:var(--dz-muted)}
.wn-child-debt p{font-size:10px;line-height:1.6;color:var(--dz-muted);margin:0}
.wn-child-explainer{display:flex;align-items:flex-start;gap:7px;border-radius:11px;padding:10px 11px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));color:var(--dz-muted);font-size:10px;line-height:1.9;margin:0}
.wn-child-explainer svg{width:17px;height:17px;flex:none;margin-top:1px;color:var(--dz-accent)}
.wn-child-explainer strong{font-weight:800;color:var(--dz-ink)}
.wn-child-membership-link{display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:var(--dz-surface);border:1px solid color-mix(in srgb,var(--dz-accent) 23%,var(--dz-line));color:var(--dz-accent);font-size:11px;font-weight:850;min-height:40px;padding:10px;border-radius:12px}
.wn-child-membership-link svg{width:16px;height:16px}
.wp-network-member .wp-layout{grid-template-columns:minmax(0,1fr);gap:14px}
.wp-network-member .wp-ledger,.wp-network-member .wp-help,.wp-network-member .wp-flow{border-radius:17px}
.nca-balance-detail:has(.nca-debt-outstanding){grid-template-columns:repeat(2,minmax(0,1fr))}
.nca-debt-outstanding{background:color-mix(in srgb,#c78d40 7%,var(--dz-surface))!important;border-color:color-mix(in srgb,#c78d40 21%,var(--dz-line))!important}
@media(max-width:430px){.wp-network-member{gap:12px}.wn-child-own,.wn-child-network{padding:12px;border-radius:19px;gap:10px}.wn-child-section-title h3{font-size:17px}.wn-child-categories{gap:7px}.wn-child-categories article{padding:11px 9px}.wn-child-categories span{font-size:10px}.wn-child-network-card{padding:15px}.wn-child-debt{padding:12px}.wp-network-member .wp-balance{padding:17px}.wp-network-member .wp-actions button{padding:10px 4px}}
@media(max-width:355px){.wn-child-section-title{align-items:flex-start}.wn-owned,.wn-child-status{font-size:9px;padding:7px 6px}.wn-child-network-total{font-size:28px}.wn-child-categories strong{font-size:17px}.wn-child-categories em{font-size:10px}}

/* Child credit requests, owner approval and network-role promotion: shared mobile-first sheets. */
.ncr-child-action,.ncr-owner-list{display:grid;gap:12px;border:1px solid color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));background:linear-gradient(116deg,color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface)),var(--dz-surface));padding:14px;border-radius:19px;color:var(--dz-ink)}
.ncr-child-action>div{display:flex;align-items:center;gap:10px;min-width:0}.ncr-child-action>div>span{width:40px;height:40px;display:grid;place-items:center;background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface));border-radius:12px;flex:none;color:var(--dz-accent)}
.ncr-child-action svg,.ncr-sheet-lead svg{height:22px;width:22px}.ncr-child-action>div>div{display:grid;gap:4px;min-width:0}.ncr-child-action h3{margin:0;font-size:14px;font-weight:850}.ncr-child-action p{font-size:11px;color:var(--dz-muted);margin:0;line-height:1.7}
.ncr-child-action button,.ncr-sheet button:not(.ncr-reject){background:var(--dz-accent);color:#fff;border:1px solid var(--dz-accent);padding:12px 14px;border-radius:12px;min-height:43px;font:inherit;font-weight:850;font-size:12px;cursor:pointer}
.ncr-child-action button:focus-visible,.ncr-sheet button:focus-visible,.ncr-pending button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.ncr-owner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ncr-owner-heading>div{display:grid;gap:5px}.ncr-owner-heading small{color:var(--dz-accent);font-size:10px;font-weight:800}.ncr-owner-heading h3{font-size:17px;font-weight:850;margin:0}.ncr-owner-heading h3 span{display:inline-flex;justify-content:center;min-width:24px;border-radius:9px;padding:3px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));font-size:11px}.ncr-owner-heading p{font-size:10px;line-height:1.6;color:var(--dz-muted);margin:0;max-width:140px}
.ncr-pending{display:flex;align-items:center;gap:11px;background:var(--dz-surface);border:1px solid var(--dz-line);padding:12px;border-radius:14px;min-width:0}.ncr-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent)}.ncr-icon svg{width:20px;height:20px}
.ncr-pending>div{display:grid;gap:5px;flex:1;min-width:0}.ncr-pending strong{font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums}.ncr-pending small{font-size:10px;color:var(--dz-muted);overflow-wrap:anywhere}.ncr-pending p{margin:0;font-size:10px;color:var(--dz-muted);overflow-wrap:anywhere}.ncr-pending button{flex:none;min-height:39px;border-radius:11px;border:1px solid var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));color:var(--dz-accent);font:inherit;font-size:11px;font-weight:850;padding:9px 10px;cursor:pointer}.ncr-empty,.ncr-loading{color:var(--dz-muted);font-size:11px;line-height:1.8;padding:12px;border:1px dashed var(--dz-line);border-radius:12px;text-align:center}
.ncr-sheet{display:grid;gap:14px;min-width:0;color:var(--dz-ink)}.ncr-sheet-lead{display:flex;align-items:center;gap:11px;padding:12px;border-radius:15px;border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface))}.ncr-sheet-lead>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 11%,var(--dz-surface))}.ncr-sheet-lead>div{display:grid;gap:5px;min-width:0}.ncr-sheet-lead small{font-size:10px;color:var(--dz-accent)}.ncr-sheet-lead h3{margin:0;font-size:18px;font-weight:900}.ncr-sheet-lead p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.85}
.ncr-sheet form{display:grid;gap:12px}.ncr-sheet form>label{display:grid;gap:7px;font-size:12px;font-weight:800}.ncr-sheet input:not([type=checkbox]),.ncr-sheet textarea{border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:14px;padding:12px;min-height:45px;width:100%;min-width:0}.ncr-sheet input:focus-visible,.ncr-sheet textarea:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.ncr-sheet textarea{resize:vertical;font-size:12px;line-height:1.7}.ncr-sheet form input[name=amount]{direction:ltr;text-align:center;font-size:22px;font-weight:850;font-variant-numeric:tabular-nums;min-height:55px}.ncr-confirm{display:grid;gap:10px;border:1px solid var(--dz-line);background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));border-radius:15px;padding:15px}.ncr-confirm small{font-size:11px;color:var(--dz-muted)}.ncr-confirm strong{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.ncr-confirm p{margin:0;font-size:11px;color:var(--dz-muted);line-height:1.8}.ncr-note{margin:0;padding:12px;background:color-mix(in srgb,#ba9a53 7%,var(--dz-surface));border:1px solid color-mix(in srgb,#ba9a53 24%,var(--dz-line));border-radius:13px;color:var(--dz-ink);font-size:11px;line-height:1.85}
.ncr-pending-info{display:grid;gap:9px;padding:13px;border:1px solid color-mix(in srgb,var(--dz-accent) 22%,var(--dz-line));border-radius:14px}.ncr-pending-info strong{font-size:12px}.ncr-pending-info b{font-size:22px;font-variant-numeric:tabular-nums}.ncr-pending-info p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.8}.ncr-history{display:grid;gap:8px;border-top:1px solid var(--dz-line);padding-top:12px}.ncr-history h4{margin:0;font-size:13px}.ncr-history-row{display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:11px;color:var(--dz-muted)}.ncr-history-row b{font-size:12px;color:var(--dz-ink);font-variant-numeric:tabular-nums}
.ncr-agree{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;line-height:1.75}.ncr-agree input{width:18px;height:18px;flex:none;accent-color:var(--dz-accent)}.ncr-sheet #ncr-error{color:#b64b55;margin:0;font-size:11px;line-height:1.7}.ncr-sheet #ncr-error:empty{display:none}.ncr-sheet button:disabled{opacity:.5;cursor:not-allowed}.ncr-feedback-actions:not(:empty){display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ncr-feedback-actions button,.ncr-feedback-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:37px;padding:8px 12px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-surface);color:var(--dz-accent);font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.ncr-sheet #ncr-error bdi{unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:850}
.ncr-decision-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.ncr-decision-actions .ncr-reject{border:1px solid color-mix(in srgb,#b74756 26%,var(--dz-line));background:color-mix(in srgb,#b74756 5%,var(--dz-surface));color:#b74756;border-radius:12px;font:inherit;font-weight:800;font-size:11px;min-height:43px;padding:10px;cursor:pointer}
.nc-profile-hero .nc-actions [data-client-promote],.nc-preview .nc-actions [data-client-promote]{border:1px solid color-mix(in srgb,var(--dz-accent) 29%,var(--dz-line));border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent);font:inherit;font-size:11px;font-weight:800;min-height:42px;padding:10px}
@media(max-width:420px){.ncr-pending{flex-wrap:wrap}.ncr-pending button{width:100%}.ncr-owner-heading{flex-wrap:wrap}.ncr-owner-heading p{max-width:none}.ncr-decision-actions{gap:7px}.ncr-decision-actions button{font-size:10px}}
/* Chat V7: incremental history, unread state and message tools. */
.dz-support-page .support-list-filters{display:flex;gap:6px;padding:0 16px 12px}
.dz-support-page .support-list-filters button{border:1px solid var(--dz-line);background:transparent;color:var(--dz-muted);border-radius:10px;padding:8px 10px;font-size:11px;min-height:36px}
.dz-support-page .support-list-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);border-color:var(--dz-accent)}
.dz-support-page .support-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:var(--dz-accent);color:#fff;border-radius:8px;font-size:10px}
.dz-support-page .support-message-foot{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.dz-support-page .support-message-menu{border:0;background:transparent;color:inherit;opacity:.55;line-height:1;min-width:28px;min-height:28px;font-size:20px;padding:0}
.dz-support-page .support-message-menu:hover,.dz-support-page .support-message-menu:focus-visible{opacity:1}
.dz-support-page .support-message-bubble .support-delivery.is-read{font-weight:900;color:inherit}
.dz-support-page .support-quote{display:flex;flex-direction:column;gap:3px;text-align:start;width:100%;border:0;border-inline-start:3px solid currentColor;border-radius:7px;background:rgba(128,128,128,.12);color:inherit;padding:8px 10px;margin:2px 0 8px;max-width:300px}
.dz-support-page .support-quote strong{font-size:10px}.dz-support-page .support-quote span{font-size:11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dz-support-page .support-load-older{display:block;margin:0 auto 16px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-accent);padding:9px 16px;border-radius:12px;font-size:11px}
.dz-support-page .support-composer-tools{flex:0 0 36px;height:40px;border:0;background:transparent;color:var(--dz-accent);font-size:27px;align-self:center;border-radius:10px}
.dz-support-page #support-compose-extras:empty{display:none}
.dz-support-page #support-compose-extras{padding:8px 16px 0;background:var(--dz-surface);border-top:1px solid var(--dz-line)}
.dz-support-page .support-compose-quote,.dz-support-page .support-compose-image{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));margin-bottom:6px;border-inline-start:3px solid var(--dz-accent)}
.dz-support-page .support-compose-quote span,.dz-support-page .support-compose-image span{flex:1;min-width:0}.dz-support-page .support-compose-quote strong{display:block;font-size:11px;color:var(--dz-accent)}.dz-support-page .support-compose-quote small{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-support-page .support-compose-quote button,.dz-support-page .support-compose-image button{border:0;background:transparent;color:var(--dz-muted);font-size:24px;width:32px;height:32px}
.dz-support-page .support-compose-image img{width:48px;height:48px;border-radius:8px;object-fit:cover}.dz-support-page .support-compose-image span{font-size:11px}
.dz-support-page .support-image-link{display:block;margin:4px 0 8px;border-radius:12px;overflow:hidden}.dz-support-page .support-image-link img{display:block;width:100%;max-width:280px;max-height:300px;object-fit:contain;background:rgba(128,128,128,.08)}
.support-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.support-tools-grid button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--dz-line);border-radius:14px;min-height:54px;padding:12px;background:var(--dz-surface);color:var(--dz-ink);font-size:12px}.support-tools-grid button svg{width:18px;height:18px;color:var(--dz-accent)}
.support-quick-replies{display:grid;gap:8px;margin-bottom:20px}.support-quick-replies>div{display:flex;gap:5px}.support-quick-replies button{border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:12px;color:var(--dz-ink);padding:12px;text-align:start}.support-quick-replies button:first-child{flex:1}
.support-search-results{display:grid;gap:8px;margin-top:16px}.support-search-results button{display:grid;gap:6px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink);border-radius:12px;padding:12px;text-align:start}.support-search-results strong{font-size:11px;color:var(--dz-accent)}.support-search-results span{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.support-search-results time{font-size:10px;color:var(--dz-muted)}
.support-action-preview{margin:0 0 16px;padding:12px;border-inline-start:3px solid var(--dz-accent);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.dz-support-page .support-message-highlight{outline:3px solid var(--dz-accent);outline-offset:5px}
@media(max-width:600px){.dz-support-page .support-list-filters{padding-inline:14px}.dz-support-page .support-composer{gap:5px}.dz-support-page .support-composer-tools{flex-basis:30px}.dz-support-page .support-message-menu{min-height:24px}.dz-support-page #support-compose-extras{padding-inline:12px}}
.dz-support-page .support-unread-separator{display:flex;align-items:center;gap:12px;margin:10px 0 16px;color:var(--dz-accent);font-size:10px}
.dz-support-page .support-unread-separator:before,.dz-support-page .support-unread-separator:after{content:'';height:1px;flex:1;background:color-mix(in srgb,var(--dz-accent) 28%,var(--dz-line))}
.dz-support-page #support-compose-extras{flex:0 0 auto}
.dz-support-page #support-typing{flex:0 0 auto;padding:6px 18px;background:var(--dz-surface);color:var(--dz-accent);font-size:11px}
.dz-support-page #support-typing[hidden]{display:none}

/* Linked order cards and transport status */
.support-order-card{display:grid;gap:6px;padding:12px;border-radius:12px;background:color-mix(in srgb,currentColor 8%,transparent);margin-bottom:8px;min-width:160px}.support-order-card small{font-size:11px;opacity:.8}.support-order-card strong{font-size:13px}.support-order-card span{font-size:12px}.support-order-card button{border:0;border-radius:8px;padding:6px;background:var(--dz-surface);color:var(--dz-accent);cursor:pointer}#support-live-state{font-size:10px;color:var(--dz-muted);white-space:nowrap}#support-live-state[data-live=true]{color:#16844e}

/* Internet packages: choose a plan before entering the service number. */
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-quick-actions,
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-recent-numbers,
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-last-amount-suggestion,
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-quick-deck,
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-denoms,
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-amount-display{display:none!important}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-number-box{display:grid!important;margin-top:15px}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-internet-line-info:not([hidden]){display:flex!important}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-send-main{margin-top:15px}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-internet-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.dz-flexi-reference .dz-flexi-internet-package{display:grid;align-content:center;gap:6px;min-height:82px;padding:13px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);color:var(--dz-ink);text-align:center;cursor:pointer}
.dz-flexi-reference .dz-flexi-internet-package strong{font-size:1.05rem;font-weight:850}
.dz-flexi-reference .dz-flexi-internet-package small{font-size:.62rem;color:var(--dz-muted)}
.dz-flexi-reference .dz-flexi-internet-package.is-active{border-color:var(--dz-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--dz-accent) 24%,transparent)}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable{background:color-mix(in srgb,#da6666 9%,var(--dz-elevated));border-color:color-mix(in srgb,#da6666 32%,var(--dz-line));color:#d47c7c;cursor:not-allowed;opacity:.85}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable small{color:#b96b6b}

.cc-card.is-unavailable .cc-card-face,.is-card-plans .cc-plan.is-unavailable .cc-card-face{background:color-mix(in srgb,#d66b6b 12%,var(--dz-surface));border-color:color-mix(in srgb,#d66b6b 38%,var(--dz-line))}
.cc-card.is-unavailable .cc-card-price,.is-card-plans .cc-plan.is-unavailable .dc-plan-price small{color:#db8585}

/* Order details v2 — same action-first receipt model as the Flexi history. */
.account-sheet:has(.od-detail){width:min(540px,calc(100vw - 28px));max-height:min(88dvh,900px);padding-inline:18px;padding-bottom:18px}
.account-sheet:has(.od-detail) .account-sheet-head{margin-inline:-18px;margin-top:-22px;padding-inline:20px}
.od-detail{--od-accent:#5678ce;--od-accent-rgb:86,120,206;display:grid;gap:11px;min-width:0;font-family:'IBM Plex Sans Arabic',sans-serif}
.od-detail.is-internet{--od-accent:#7846d9;--od-accent-rgb:120,70,217}
.od-detail.is-ooredoo{--od-accent:#cc295d;--od-accent-rgb:204,41,93}
.od-detail.is-mobilis{--od-accent:#198a61;--od-accent-rgb:25,138,97}
.od-detail.is-djezzy{--od-accent:#c53d34;--od-accent-rgb:197,61,52}
.od-detail-heading{border-top:3px solid var(--od-accent);padding-top:9px}
.od-detail-heading small{display:block;color:#818da1;font-size:10px;font-weight:700}
.od-detail-heading h4{margin:3px 0 1px;font-size:16px;line-height:1.5;font-weight:850;color:var(--od-accent);overflow-wrap:anywhere}
.od-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:73px;padding:12px 14px;border:1px solid rgba(var(--od-accent-rgb),.20);border-radius:18px;background:linear-gradient(110deg,rgba(var(--od-accent-rgb),.09),#fafbff 78%)}
.od-detail-hero>div{display:grid;gap:1px;min-width:0}
.od-detail-hero small{font-size:9px;color:#78879c;font-weight:750}
.od-detail-hero strong{font-size:20px;line-height:1.45;font-weight:900;white-space:nowrap;color:#172238}
.od-detail-status{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#e6f6ee;color:#087e58;font-size:10px;font-weight:850;white-space:nowrap}
.od-detail-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.od-detail-status.is-failed{background:#ffeded;color:#bc3838}
.od-detail-status.is-reversed{background:#ecf3ff;color:#3f6ea8}
.od-detail-status.is-processing,.od-detail-status.is-pending{background:#fff5e1;color:#99701a}
.od-detail-id{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding:10px 12px;border:1px dashed #cbd7e6;border-radius:15px;background:transparent;color:inherit;text-align:right;cursor:pointer;font:inherit}
.od-detail-id span{color:#738198;font-size:9.5px}
.od-detail-id strong{padding:5px 9px;border-radius:10px;background:rgba(var(--od-accent-rgb),.09);color:var(--od-accent);font-size:12px;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.od-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.od-detail-card{display:grid;align-content:center;gap:5px;min-width:0;min-height:67px;padding:10px 11px;border:1px solid #e5e9f0;border-radius:15px;background:#fafbfd}
.od-detail-card small{color:#7f8b9c;font-size:9px}
.od-detail-card strong{color:#182436;font-size:11.5px;font-weight:850;line-height:1.6;overflow-wrap:anywhere}
.od-detail-card.wide{grid-column:1/-1}
.od-detail-card.saving{background:#f0faf5;border-color:#d2e9da}
.od-detail-card.saving strong{color:#13815b}
.od-detail-timeline{padding:14px 15px;border:1px solid #e3e9f2;border-radius:17px;background:#fafbfe}
.od-detail-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.od-detail-timeline-head strong{font-size:12px;font-weight:850}
.od-detail-timeline-head span{font-size:10px;font-weight:850;color:var(--od-accent)}
.od-detail-step{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:10px;min-height:45px}
.od-detail-step:not(:last-child)::after{content:'';position:absolute;right:6px;top:14px;bottom:-2px;width:2px;background:#dfe7f0}
.od-detail-step>i{width:11px;height:11px;margin-top:3px;border:2px solid #bac9dc;border-radius:50%;background:#fff;position:relative;z-index:1}
.od-detail-step>div{display:grid;align-content:start;gap:1px}
.od-detail-step strong{font-size:11px;font-weight:750;line-height:1.5}
.od-detail-step small{color:#8b97a8;font-size:9px}
.od-detail-step.done>i{border-color:var(--od-accent);background:var(--od-accent)}
.od-detail-step.terminal.success>i{border-color:#16906b;background:#16906b;box-shadow:0 0 0 3px #16906b1c}
.od-detail-step.terminal.failed>i{border-color:#d13b42;background:#d13b42;box-shadow:0 0 0 3px #d13b421c}
.od-detail-step.terminal.reversed>i{border-color:#4676c7;background:#4676c7}
.od-detail-step.current>i{border-color:#d89b20;background:#d89b20}
.od-detail-reconcile{margin:2px 0 0;padding:8px;border-radius:11px;background:#edf5ff;color:#557ca6;font-size:9px;line-height:1.65}
.od-detail-alert{margin:0;padding:11px;border:1px solid #fad8d8;border-radius:12px;background:#fff5f4;color:#a83b3b;font-size:10px;line-height:1.8}
.od-detail-refresh{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border:1px solid #dce7f4;border-radius:13px;background:#f7faff}
.od-detail-refresh>div{display:grid;gap:3px}.od-detail-refresh strong{font-size:11px}.od-detail-refresh small{color:#8190a4;font-size:9px}
.od-detail-refresh button{min-height:38px;border:1px solid #b7d0f1;border-radius:11px;padding:7px 12px;background:#fff;color:#336cb7;font:800 10px 'IBM Plex Sans Arabic',sans-serif;white-space:nowrap}
.od-detail-refresh button:disabled{opacity:.55}
.od-detail-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px}
.od-detail-actions button{min-height:47px;border:1px solid #d9e1ed;border-radius:13px;background:#fff;color:#273e60;font:800 10px 'IBM Plex Sans Arabic',sans-serif;cursor:pointer}
.od-detail-actions button.primary{border-color:rgba(var(--od-accent-rgb),.3);background:rgba(var(--od-accent-rgb),.09);color:var(--od-accent)}
.od-detail-id:focus-visible,.od-detail-actions button:focus-visible,.od-detail-refresh button:focus-visible{outline:3px solid var(--od-accent);outline-offset:2px}
.od-detail-footnote{margin:0;padding:10px 11px;border-radius:12px;background:#f1f5fb;color:#74849d;font-size:9.5px;line-height:1.7}
body.dz-dark .od-detail-hero{background:linear-gradient(110deg,rgba(var(--od-accent-rgb),.16),#151d29 82%);border-color:rgba(var(--od-accent-rgb),.26)}
body.dz-dark .od-detail-heading small,body.dz-dark .od-detail-id span,body.dz-dark .od-detail-card small{color:#a1adc0}
body.dz-dark .od-detail-hero strong,body.dz-dark .od-detail-card strong,body.dz-dark .od-detail-actions button,body.dz-dark .od-detail-step strong{color:#eef3fa}
body.dz-dark .od-detail-card,body.dz-dark .od-detail-timeline,body.dz-dark .od-detail-refresh{background:#111821;border-color:#2c384a}
body.dz-dark .od-detail-card.saving{background:#142b22;border-color:#27503c}
body.dz-dark .od-detail-card.saving strong{color:#76cba5}
body.dz-dark .od-detail-id{border-color:#354258}
body.dz-dark .od-detail-id strong{background:rgba(var(--od-accent-rgb),.2);color:#c8b0ff}
body.dz-dark .od-detail-actions button{background:#1a2532;border-color:#304057}
body.dz-dark .od-detail-actions button.primary{background:rgba(var(--od-accent-rgb),.2);color:#d2bfff;border-color:rgba(var(--od-accent-rgb),.45)}
body.dz-dark .od-detail-step>i{background:#111821}
body.dz-dark .od-detail-step.done>i{background:var(--od-accent)}
body.dz-dark .od-detail-step.terminal>i{background:currentColor}
body.dz-dark .od-detail-footnote,body.dz-dark .od-detail-reconcile{background:#19273b;color:#a5b7cc}
body.dz-dark .od-detail-alert{background:#352026;border-color:#65343a;color:#ffd1d1}
body.dz-dark .od-detail-status.is-success{background:#183c30;color:#76d3ae}
body.dz-dark .od-detail-status.is-failed{background:#44252d;color:#ffb4b8}
body.dz-dark .od-detail-status.is-pending,body.dz-dark .od-detail-status.is-processing{background:#43361c;color:#f3c56a}
body.dz-dark .od-detail-status.is-reversed{background:#243755;color:#a6c5ff}
body.dz-dark .od-detail-refresh button{background:#192a41;border-color:#3a5d89;color:#a9ccff}
@media(max-width:780px){
 .account-sheet:has(.od-detail){width:100%;max-height:90dvh;border-radius:24px 24px 18px 18px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:370px){
 .od-detail-hero strong{font-size:17px}.od-detail-actions{gap:5px}
 .od-detail-actions button{font-size:9px}.od-detail-id strong{font-size:10px}
}
.od-print-document{display:none}
@media print{
 body:has(.od-print-document)>:not(.od-print-document){display:none!important}
 body:has(.od-print-document){position:static!important;overflow:visible!important;background:#fff!important;color:#111!important}
 .od-print-document{display:block!important;max-width:620px;margin:20px auto;padding:26px;color:#111;background:#fff;font:16px/2 system-ui,sans-serif;direction:rtl}
 .od-print-document h1{font-size:25px;margin:0}.od-print-document h2{font-size:17px;margin:0 0 18px}
 .od-print-document pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
 .od-print-document p{border-top:1px solid #bbb;padding-top:14px}
}

.dc-brand-mark:not(.has-image)>img{display:none!important}
.cc-card-logo .dc-brand-fallback{font-size:clamp(12px,3vw,24px);letter-spacing:0;direction:ltr}
.cc-plan .cc-card-logo .dc-brand-fallback{font-size:clamp(12px,3vw,22px)}

.dz-flexi-card-shortcuts{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 1px 7px;scrollbar-width:thin}.dz-flexi-card-shortcuts button{flex:none}.dz-flexi-card-label{font-size:.78rem;font-weight:800;color:var(--dz-muted);white-space:nowrap}.dz-flexi-reference .dz-flexi-internet-package.is-unavailable{cursor:pointer}.dz-flexi-reference .dz-flexi-internet-package.is-unavailable:hover{border-color:#d47c7c}

.dz-flexi-card-fallback-note{margin:8px 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#e69b44 12%,var(--dz-elevated));color:var(--dz-ink);font-size:.83rem;line-height:1.6}

/* 2026-10-11 · Internet: verified-number -> offers -> Flexi confirmation -> history. */
#shop-internet{padding-bottom:92px}
#shop-internet .dz-internet-shell{border:1px solid var(--dz-line);box-shadow:0 12px 40px rgba(18,35,75,.045);padding:19px;border-radius:24px}
#shop-internet .dz-internet-head{align-items:center;border-bottom:1px solid var(--dz-line);padding-bottom:15px}
#shop-internet .dz-internet-head h1{font-size:clamp(22px,5vw,27px);margin:4px 0;letter-spacing:0}
#shop-internet .dz-internet-head .dz-kicker{font-size:10px;font-weight:800;letter-spacing:.02em}
#shop-internet .dz-internet-head p{font-size:11px;line-height:1.75}
#shop-internet .dz-internet-tabs{margin-top:18px}
#shop-internet .dz-internet-tabs button{min-height:47px;font-size:15px;transition:background .16s,transform .16s}
#shop-internet .dz-internet-number-field{margin-top:19px}
#shop-internet .dz-internet-number-field>span{font-size:12px}
#shop-internet .dz-internet-number-field input{min-height:62px!important;font-size:22px!important;direction:ltr!important;unicode-bidi:isolate;font-variant-numeric:tabular-nums;letter-spacing:.055em!important}
#shop-internet .dz-internet-check-button{min-height:56px;margin-top:12px;font-size:16px;border-radius:16px;box-shadow:0 7px 18px color-mix(in srgb,var(--dz-accent) 18%,transparent)}
#shop-internet .dz-internet-check-button:disabled{opacity:.65;cursor:progress}
#shop-internet .dz-internet-status{font-size:12px;line-height:1.85;min-height:22px;margin:11px 0 0}
#shop-internet .dz-internet-results{display:grid;gap:11px;margin-top:19px;padding-top:15px;border-top:1px solid var(--dz-line)}
#shop-internet .dz-internet-results[hidden],#shop-internet .dz-internet-line-card[hidden]{display:none!important}
#shop-internet .dz-internet-results-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:850;color:var(--dz-ink)}
#shop-internet .dz-internet-verified-mark{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:color-mix(in srgb,#059669 11%,var(--dz-elevated));color:#059669;font-size:10px;font-weight:800}
#shop-internet .dz-internet-line-card{border:1px solid color-mix(in srgb,#059669 18%,var(--dz-line));border-radius:17px;padding:14px;background:color-mix(in srgb,var(--dz-elevated) 85%,#d1fae5)}
#shop-internet .dz-internet-line-main{gap:13px}
#shop-internet .dz-internet-line-main strong{font-size:17px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
#shop-internet .dz-internet-line-detail{min-height:38px;align-items:center}
#shop-internet .dz-internet-offers-head{margin:8px 0 1px;display:flex;align-items:end;justify-content:space-between;gap:10px}
#shop-internet .dz-internet-offers-head small{display:block;margin-bottom:3px;color:var(--dz-muted);font-size:10px}
#shop-internet .dz-internet-offers-head h2{font-size:17px;margin:0}
#shop-internet #internet-offer-count{font-size:11px;color:var(--dz-muted);white-space:nowrap}
#shop-internet .dz-internet-offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shop-internet .dz-internet-offer-row{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:103px;padding:12px;border-radius:17px;background:var(--dz-elevated);border:1px solid var(--dz-line);position:relative;cursor:pointer;transition:border-color .15s,transform .15s}
#shop-internet .dz-internet-offer-icon{width:37px;height:37px;border-radius:12px;font-size:13px;font-weight:900}
#shop-internet .dz-internet-offer-copy strong{font-size:17px;font-variant-numeric:tabular-nums}
#shop-internet .dz-internet-offer-copy small{font-size:10px;line-height:1.7}
#shop-internet .dz-internet-offer-action{position:absolute;bottom:5px;left:9px;width:24px;height:24px;font-size:18px}
#shop-internet .dz-internet-offer-row:disabled{opacity:.54;cursor:not-allowed}
#shop-internet .dz-internet-offer-row.is-active{border-color:var(--dz-accent)}
#shop-internet .dz-internet-empty{grid-column:1/-1;text-align:center;padding:17px;border:1px dashed var(--dz-line);border-radius:14px;font-size:12px;color:var(--dz-muted)}
#shop-internet .dz-internet-history{margin-top:18px;display:grid;gap:12px}
#shop-internet .dz-internet-history-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
#shop-internet .dz-internet-history-header small{font-size:11px;color:var(--dz-muted)}
#shop-internet .dz-internet-history-header h2{font-size:18px;margin:3px 0 0;color:var(--dz-ink);font-weight:900}
#shop-internet .dz-internet-history-header button{display:flex;align-items:center;justify-content:center;min-width:92px;min-height:40px;gap:4px;font-size:11px}
#shop-internet .dz-internet-history-hint{color:var(--dz-muted);font-size:11px}
#shop-internet .dz-internet-history-recipient{display:block;text-align:right;align-self:start;direction:ltr;unicode-bidi:isolate;color:var(--dz-muted);font-size:11px}
#shop-internet .dz-internet-history .dz-flexi-history-card{cursor:pointer}
#shop-internet .dz-internet-history .dz-flexi-history-logo{font-size:15px;font-weight:900}
#shop-internet .dz-internet-history .dz-flexi-history-list.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shop-internet .dz-internet-history .dz-flexi-history-list.is-grid .dz-flexi-history-card{min-width:0}
#shop-internet .dz-internet-history .dz-flexi-history-list.is-grid .dz-flexi-history-row{flex-wrap:wrap}
#shop-internet .dz-internet-history .dz-flexi-history-list.is-grid .dz-flexi-history-id{min-width:0}
#shop-internet .dz-internet-history .dz-flexi-history-list.is-grid .dz-flexi-history-id strong{overflow-wrap:anywhere}
#shop-internet .dz-internet-review-dialog{--flexi-network:var(--dz-accent)}
#shop-internet .dz-internet-review-dialog .dz-flexi-review-wallet{font-size:11px}
#shop-internet .dz-internet-review-dialog .dz-flexi-review-wallet strong{font-size:14px}
@media(max-width:420px){
 #shop-internet .dz-internet-shell{padding:14px 12px;border-radius:20px}
 #shop-internet .dz-internet-head h1{font-size:23px}
 #shop-internet .dz-internet-number-field input{min-height:58px!important;font-size:20px!important}
 #shop-internet .dz-internet-offer-row{min-height:98px;padding:10px;gap:7px}
 #shop-internet .dz-internet-offer-copy strong{font-size:16px}
 #shop-internet .dz-internet-history .dz-flexi-history-list.is-grid{grid-template-columns:1fr}
}

/* Direct notification-to-network-credit review */
.ncr-notification-network{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:12px;padding:10px 18px;border-radius:12px;background:var(--dz-accent,#3b82f6);color:#fff!important;text-decoration:none;font-size:13px;font-weight:800}

/* Compact order receipt across shop/account styles. */
.account-sheet:has(.od-detail) .account-sheet-head>div{display:none}
.account-sheet:has(.od-detail) .account-sheet-head{justify-content:flex-start;align-items:center;padding-block:8px;margin-bottom:8px;border-bottom:0}
.account-sheet:has(.od-detail) .od-detail-grid .od-detail-card.wide{display:none}
@media(max-width:600px){.account-sheet:has(.od-detail){max-height:90dvh;padding-bottom:12px}.account-sheet:has(.od-detail) .od-detail{gap:8px}.account-sheet:has(.od-detail) .od-detail-card{min-height:55px;padding:8px 10px}.account-sheet:has(.od-detail) .od-detail-timeline{padding:11px 12px}}

/* Debt + selected offer confirmation, DZFLEXI tokens */
.dz-flexi-debt-choice-options button{font-size:.72rem;min-height:58px;text-wrap:balance}
.dz-flexi-debt-choice-options button.is-active{box-shadow:0 0 0 1px color-mix(in srgb,var(--dz-accent) 30%,transparent)}
@media(max-width:420px){.dz-flexi-debt-choice-options{grid-template-columns:1fr}.dz-flexi-debt-choice-options button{min-height:48px}}

/* Internet line-first experience */
.dz-internet-intro[hidden],.dz-internet-steps[hidden],.dz-internet-offers-head[hidden]{display:none!important}
.dz-internet-intro{margin:18px 0 12px}.dz-internet-intro h2{margin:0;font-size:1.3rem}.dz-internet-intro p{margin:6px 0 0;font-size:.8rem;color:var(--dz-muted);line-height:1.7}
.dz-internet-steps{display:flex;gap:8px;justify-content:space-between;margin:14px 0 20px;font-size:.7rem;color:var(--dz-muted)}.dz-internet-steps span{padding:8px;border-radius:10px;background:var(--dz-elevated);flex:1;text-align:center}.dz-internet-steps[data-step="1"] span:first-child,.dz-internet-steps[data-step="2"] span:nth-child(2){color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));font-weight:800}
.dz-internet-offers-head{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:8px}.dz-internet-offers-head h3{font-size:1rem;margin:3px 0}.dz-internet-offers-head small,.dz-internet-offers-head>span{color:var(--dz-muted);font-size:.7rem}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) #flexi-send-main{display:none!important}
.dz-flexi-reference .dz-flexi-internet-package{min-height:132px;align-content:start;justify-items:stretch;gap:10px;text-align:right;border-radius:18px;padding:16px;background:var(--dz-surface)}
.dz-flexi-reference .dz-flexi-internet-package strong{font-size:1.3rem}.dz-internet-package-state{font-size:.64rem;color:var(--dz-accent);font-weight:800}
.dz-flexi-reference .dz-flexi-internet-package:disabled{opacity:.6;cursor:default}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable{opacity:1;background:var(--dz-elevated);border-style:dashed;border-color:var(--dz-line);color:var(--dz-ink);cursor:default}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable small,.dz-flexi-reference .dz-flexi-internet-package.is-unavailable .dz-internet-package-state{color:var(--dz-muted);line-height:1.6}
.dz-internet-card-buy{font:inherit;font-size:.72rem;font-weight:800;border:1px solid color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));border-radius:10px;min-height:40px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent);cursor:pointer;padding:8px}
.dz-internet-card-redeem{font-size:.65rem;line-height:1.7;color:var(--dz-muted);text-decoration:none}.dz-internet-package-empty{grid-column:1/-1;padding:20px;border:1px dashed var(--dz-line);border-radius:16px}.dz-internet-package-empty p{font-size:.8rem;color:var(--dz-muted)}
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-internet-line-info{padding:14px;border-radius:16px;background:color-mix(in srgb,#10b981 5%,var(--dz-surface));gap:12px;font-size:.8rem}
@media(max-width:380px){.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-internet-packages{gap:8px}.dz-flexi-reference .dz-flexi-internet-package{padding:12px}.dz-internet-steps{font-size:.62rem;gap:5px}}

/* Card review uses the same face as the card catalogue and focuses on checkout. */
.dc-card-review-art{--cc-brand:#df7183;display:grid;justify-items:center;gap:8px;margin:6px 0 12px}.dc-card-review-art .cc-card-face{width:min(162px,47vw);box-sizing:border-box}.dc-card-review-art .cc-card-logo{width:70%;align-self:center;aspect-ratio:1;padding:5px;border-radius:17px;background:var(--dz-surface)}.dc-card-review-art .cc-card-logo img{width:100%;height:100%;object-fit:contain}.dc-card-review-art>strong{font-size:.85rem;text-align:center}

.dc-card-review-back{display:inline-flex;align-items:center;min-height:38px;margin-bottom:8px;padding:5px 10px;border:0;background:transparent;color:var(--dz-accent);font-family:inherit;font-size:.77rem;font-weight:800;cursor:pointer}

/* Internet offers reuse the portrait card artwork from the cards catalogue. */
.dz-flexi-reference .dz-flexi-internet-package{min-width:0;min-height:0;display:grid;justify-items:center;align-content:start;gap:10px;padding:12px;border:0;border-radius:17px;background:transparent;text-align:center;box-shadow:none}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable{background:transparent;border:0;color:var(--dz-ink)}
.dz-flexi-internet-package>.cc-card-face{width:min(100%,168px);box-sizing:border-box;aspect-ratio:5/7;padding:10px;text-align:start}
.dz-flexi-internet-package>.cc-card-face .cc-card-logo{width:70%;aspect-ratio:1;align-self:center;padding:5px;border-radius:16px;background:var(--dz-surface);box-shadow:0 4px 12px #00000010}
.dz-flexi-internet-package>.cc-card-face .cc-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.dz-flexi-internet-package>.cc-card-face .cc-plan-value{font:800 clamp(16px,4vw,23px)/1.3 system-ui;text-align:center;color:var(--dz-ink)}
.dz-internet-package-details{width:100%;display:grid;justify-items:center;gap:6px;line-height:1.5}
.dz-flexi-reference .dz-flexi-internet-package .dz-internet-package-details strong{font-size:.87rem}
.dz-flexi-reference .dz-flexi-internet-package .dz-internet-package-details small{font-size:.68rem}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable .cc-card-face{border-color:color-mix(in srgb,var(--cc-brand) 45%,var(--dz-line));background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--dz-accent) 32%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--cc-brand) 35%,var(--dz-surface)),color-mix(in srgb,var(--cc-brand) 14%,var(--dz-surface)))}
.dz-flexi-reference .dz-flexi-internet-package.is-unavailable .dz-internet-package-state{color:var(--dz-accent)}
.dz-flexi-reference .dz-flexi-internet-package:disabled{opacity:1}.dz-flexi-reference .dz-flexi-internet-package:disabled .cc-card-face{filter:saturate(.6);opacity:.7}
.dz-internet-package-details .dz-internet-card-buy{width:100%;max-width:180px}
@media(hover:hover){.dz-flexi-internet-package:not(:disabled):hover>.cc-card-face{transform:translateY(-3px);border-color:var(--dz-accent)}}
@media(max-width:380px){.dz-flexi-reference .dz-flexi-internet-package{padding:5px}.dz-flexi-internet-package>.cc-card-face{padding:7px}.dz-internet-package-details .dz-internet-card-buy{font-size:.66rem}}

/* Permanent, permission-scoped historical network records after separation. */
.nw-archive{margin-block:16px 24px}
.nw-archive-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.nw-archive .nc-client-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:start;border:1px solid var(--border,#e5e7eb);padding:15px;border-radius:18px;background:var(--card,#fff);width:100%}
.nw-archive .nc-client-card>span{font-size:13px;color:var(--dz-accent,#397fe9);font-weight:700}
.nw-archive .nc-client-head>div{display:flex;flex-direction:column;gap:4px}
.nwh-trigger{display:flex;align-items:center;gap:14px;text-align:start;direction:rtl;width:100%;padding:16px;margin:14px 0;border-radius:17px;border:1px solid #b8cced;background:linear-gradient(125deg,#f3f7ff,#fff);color:#17436c;cursor:pointer}
.nwh-trigger>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}
.nwh-trigger small{font-size:12px;line-height:1.5;color:#627287}
.nwh-trigger b{font-size:12px;white-space:nowrap}
.nwh-sheet{display:flex;flex-direction:column;gap:10px;direction:rtl}
.nwh-sheet label{display:flex;gap:10px;flex-direction:column}
.nwh-sheet select{min-height:45px;padding:9px;border-radius:12px}
.nwh-record{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);border-radius:15px;padding:13px}
.nwh-record>div{display:flex;flex-direction:column;gap:5px}
.nwh-record small{color:var(--muted-foreground,#6b7280);font-size:12px;line-height:1.5}
.nwh-record b{white-space:nowrap;font-variant-numeric:tabular-nums}
.nwh-archived-note{border:1px solid #b8cced}
.nwh-archived-note p{line-height:1.7}
@media(prefers-color-scheme:dark){.nwh-trigger{background:#1d2d45;color:#dce9ff;border-color:#395b81}.nwh-trigger small{color:#c1ccdc}}
.nwh-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.nwh-source-grid article{min-width:0;padding:13px 10px;border:1px solid var(--border,#dce3ec);border-radius:14px;background:var(--card,#fff);display:flex;flex-direction:column;gap:7px}
.nwh-source-grid small{font-size:12px;line-height:1.5;color:var(--muted-foreground,#64748b)}
.nwh-source-grid strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:370px){.nwh-source-grid{grid-template-columns:1fr}.nwh-record{flex-direction:column}}

/* Compact internet offer cards on mobile: the card face carries the amount. */
.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-internet-packages{gap:5px 9px;margin-top:9px;align-items:start}
.dz-flexi-reference .dz-flexi-internet-package{gap:5px;padding:6px 3px}
.dz-flexi-internet-package>.cc-card-face{width:min(100%,116px);padding:7px;border-radius:12px}
.dz-flexi-internet-package>.cc-card-face .cc-card-logo{width:66%;padding:3px;border-radius:11px}
.dz-flexi-internet-package>.cc-card-face .cc-plan-value{font-size:16px}
.dz-internet-package-details{gap:3px;line-height:1.35}
.dz-flexi-reference .dz-flexi-internet-package .dz-internet-package-details small{font-size:.62rem}
.dz-internet-package-details .dz-internet-card-buy{max-width:145px;min-height:32px;padding:5px;font-size:.66rem}
.dz-internet-package-details .dz-internet-card-redeem{font-size:.6rem}
@media(max-width:380px){.dz-flexi-reference:is(.is-network-adsl,.is-network-4g) .dz-flexi-internet-packages{gap:4px}.dz-flexi-internet-package>.cc-card-face{width:min(100%,108px);padding:6px}}

/* Bills confirmation uses the existing Flexi native-dialog language, without hiding the inquiry page. */
.dz-bill-review-dialog .dz-bill-review-card{display:block}
.dz-bill-review-dialog .dz-flexi-review-confirm-head{min-height:44px}
.dz-bill-review-dialog .dz-flexi-review-confirm-head h3{font-size:1.02rem}
.dz-bill-review-dialog .dz-flexi-review-network{max-width:52%;flex-shrink:0}
.dz-bill-review-dialog .dz-flexi-review-network span:last-child{overflow:hidden;text-overflow:ellipsis}
.dz-bill-review-logo{display:grid;place-items:center;width:33px;height:33px;flex:none;overflow:hidden;border-radius:10px;background:#fff}
.dz-bill-review-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.dz-bill-review-bill-label{margin:0 0 12px;text-align:center;color:var(--dz-muted);font-size:.76rem;font-weight:800}
.dz-bill-review-dialog .dz-flexi-review-rows>div{min-height:43px;padding:7px 12px}
.dz-bill-review-dialog .dz-bill-review-total{margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:15px}
.dz-bill-review-dialog .dz-bill-review-total span{font-size:.73rem;font-weight:800}
.dz-bill-review-dialog .dz-bill-review-total strong{font-size:1.28rem;font-weight:950;white-space:nowrap}
.dz-bill-review-dialog .dz-flexi-review-wallet{margin-top:9px}
.dz-bill-review-loading{min-height:115px;display:grid;place-items:center;align-content:center;gap:15px;color:var(--dz-muted)}
.dz-bill-review-loading>.dz-bill-loading-skeleton{width:34px;height:34px;border:3px solid var(--dz-line);border-top-color:var(--dz-accent);border-radius:50%;animation:dz-bill-review-spin .75s linear infinite}
.dz-bill-review-loading p{margin:0;font-size:.78rem;text-align:center}
@keyframes dz-bill-review-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.dz-bill-review-loading>.dz-bill-loading-skeleton{animation:none}}
@media(max-width:380px){
 .dz-bill-review-dialog .dz-flexi-review-confirm-head{gap:7px}
 .dz-bill-review-dialog .dz-flexi-review-network{max-width:49%}
 .dz-bill-review-dialog .dz-bill-review-total strong{font-size:1.13rem}
}

/* Retail merchant upgrade after a verified deposit */
.retail-upgrade-offer{border:1px solid #21a56b!important;background:linear-gradient(135deg,rgba(24,153,97,.18),rgba(24,153,97,.05))!important;color:inherit;border-radius:18px;box-shadow:0 8px 24px rgba(13,112,70,.09)}
.retail-upgrade-offer .retail-trade-icon{color:#19855b!important;background:rgba(26,168,103,.15)!important}
.wp-upgrade-offer{display:flex;align-items:center;gap:14px;padding:18px;margin:16px 0;flex-wrap:wrap}
.wp-upgrade-offer>div{flex:1 1 190px;display:grid;gap:5px}.wp-upgrade-offer strong{color:#128256}.wp-upgrade-offer small{line-height:1.7}
.wp-upgrade-offer button{border:0;border-radius:12px;padding:11px 15px;background:#14895c;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.wp-upgrade-offer button:hover{background:#0d704c}

/* 2026-10-12: shared DZFlexi quick launcher and mobile navigation. */
#quick-sheet.dz-destinations{width:min(100%,440px);max-height:calc(100dvh - 24px);padding:8px 20px max(20px,env(safe-area-inset-bottom));border:1px solid var(--dz-line);border-bottom:0;border-radius:30px 30px 0 0;background:var(--dz-surface);box-shadow:0 -12px 60px #00000014}
#quick-sheet .dz-quick-handle{width:34px;height:4px;background:var(--dz-line);margin:0 auto 18px}
#quick-sheet .dz-quick-head{margin-bottom:18px}
#quick-sheet .dz-quick-head small{font-size:9px;letter-spacing:.06em;color:var(--dz-accent)}
#quick-sheet .dz-quick-head strong{font-size:22px;font-weight:650;line-height:1.5;letter-spacing:-.035em}
#quick-sheet .dz-quick-close-fab{width:40px;height:40px;border-radius:14px;background:var(--dz-bg)}
#quick-sheet .dz-destinations-featured>a{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:58px minmax(0,1fr);min-height:136px;padding:20px;gap:16px;border-radius:22px;border-color:color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface))}
#quick-sheet .dz-destinations-featured-icon{width:58px;height:72px;border-radius:17px;background:var(--dz-accent);color:var(--dz-surface);transform:rotate(9deg);box-shadow:0 9px 20px color-mix(in srgb,var(--dz-accent) 18%,transparent)}
#quick-sheet .dz-destinations-featured-icon svg{width:29px;height:29px;transform:rotate(-9deg)}
#quick-sheet .dz-destinations-featured em{font-style:normal;font-size:9px;color:var(--dz-accent)}
#quick-sheet .dz-destinations-featured strong{font-size:24px;font-weight:650;line-height:1.5}
#quick-sheet .dz-destinations-featured small{font-size:11px}
#quick-sheet .dz-launch-cta{margin-top:10px;color:var(--dz-accent);font-size:11px;font-weight:650}
#quick-sheet .dz-launch-orbit{position:absolute;z-index:-1;width:180px;height:180px;inset-inline-end:-60px;top:-55px;border:1px solid color-mix(in srgb,var(--dz-accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--dz-accent) 3%,transparent)}
#quick-sheet .dz-destinations-section-label{display:flex;gap:12px;align-items:center;margin:20px 2px 12px;font-size:10px;font-weight:500}
#quick-sheet .dz-destinations-section-label:after{content:'';height:1px;flex:1;background:var(--dz-line)}
#quick-sheet .dz-destinations-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#quick-sheet .dz-destinations-links>a{display:flex;min-height:68px;padding:12px 10px;gap:10px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-bg);transition:background .16s,transform .16s}
#quick-sheet .dz-destinations-links i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:36px;border-radius:11px;background:var(--dz-surface);color:var(--dz-accent)}
#quick-sheet .dz-destinations-links svg{width:19px;height:19px;color:inherit}
#quick-sheet .dz-destinations-links a>span{display:grid;gap:3px;overflow:visible;white-space:normal;min-width:0}
#quick-sheet .dz-destinations-links strong{font-size:11px;font-weight:650;line-height:1.6}
#quick-sheet .dz-destinations-links small{font-size:9px;font-weight:400;color:var(--dz-muted);line-height:1.5}
#quick-sheet .dz-launch-utilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--dz-line)}
#quick-sheet .dz-launch-utilities a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:3px 8px;align-items:center;min-height:44px;text-decoration:none;color:var(--dz-ink)}
#quick-sheet .dz-launch-utilities svg{width:19px;height:19px;grid-row:span 2;color:var(--dz-muted)}
#quick-sheet .dz-launch-utilities span{font-size:11px;font-weight:600}#quick-sheet .dz-launch-utilities small{font-size:9px;color:var(--dz-muted)}
#quick-sheet a:active{transform:scale(.98)}#quick-sheet :is(a,button):focus-visible{outline-color:var(--dz-accent)}
.dz-shop .dz-mobile-nav .dz-quick-trigger>small{font:inherit;font-size:9px;font-weight:600;color:var(--dz-ink);line-height:1.5;margin-top:4px}
.dz-shop .dz-mobile-nav .dz-quick-trigger>span{margin-top:0;border:0;border-radius:16px;width:42px;height:34px;background:var(--dz-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--dz-accent) 15%,transparent)}
.dz-shop .dz-mobile-nav .dz-quick-trigger{min-height:58px;align-content:center;gap:0;transform:none}
body.dz-shop.dz-service-focus .dz-quick-trigger.is-service-hub-trigger>span{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));box-shadow:none}
.dz-shop .dz-mobile-nav .dz-bottom-link{min-width:0;min-height:58px;gap:4px;padding:5px 2px;font-size:9px;font-weight:500}
.dz-shop .dz-mobile-nav .dz-bottom-link>span{display:grid;place-items:center;width:42px;height:30px;border-radius:14px;transition:background .16s}
.dz-shop .dz-mobile-nav .dz-bottom-link svg{width:21px;height:21px;stroke-width:1.65}
.dz-shop .dz-mobile-nav .dz-bottom-link[aria-current=page]{color:var(--dz-accent)}
.dz-shop .dz-mobile-nav .dz-bottom-link[aria-current=page]>span{background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface))}
.dz-shop .dz-mobile-nav .dz-bottom-link b{font-weight:550}
@media(max-width:900px){body.dz-shop>.dz-mobile-nav{inset-inline:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;min-height:66px;padding:4px 6px;gap:2px;border:1px solid var(--dz-line)!important;border-radius:24px;box-shadow:0 6px 28px #0000000c!important;background:color-mix(in srgb,var(--dz-surface) 94%,transparent)!important}body.dz-shop>.dz-shop-main{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}}
@media(min-width:720px){#quick-sheet.dz-destinations{border-radius:28px;border-bottom:1px solid var(--dz-line)}}
@media(max-width:350px){#quick-sheet.dz-destinations{padding-inline:14px}#quick-sheet .dz-destinations-links>a{padding:10px 8px;gap:6px}#quick-sheet .dz-destinations-links i{flex-basis:28px;width:28px}}
@media(prefers-reduced-motion:reduce){#quick-sheet a,.dz-shop .dz-mobile-nav .dz-bottom-link>span{transition:none}}
@media(prefers-reduced-transparency:reduce){body.dz-shop>.dz-mobile-nav{background:var(--dz-surface)!important;backdrop-filter:none!important}}
/* Compact phone launcher; override historical home/accent navigation selectors. */
#quick-sheet.dz-destinations{padding:8px 18px max(16px,env(safe-area-inset-bottom));max-height:calc(100dvh - 36px)}
#quick-sheet .dz-quick-handle{margin-bottom:12px}
#quick-sheet .dz-quick-head{margin-bottom:12px}
#quick-sheet .dz-quick-head strong{font-size:20px}
#quick-sheet .dz-destinations-featured>a{grid-template-columns:88px minmax(0,1fr);min-height:112px;padding:14px 18px;gap:14px}
#quick-sheet .dz-destinations-featured strong{font-size:23px}
#quick-sheet .dz-launch-cta{margin-top:6px}
#quick-sheet .dz-destinations-section-label{margin:14px 2px 9px}
#quick-sheet .dz-destinations-links>a{min-height:60px;padding:9px 10px}
#quick-sheet .dz-launch-utilities{margin-top:12px;padding-top:10px}
#quick-sheet .dz-launch-phone-art{position:relative;display:block;width:88px;height:90px;background:none;border-radius:0;transform:none;box-shadow:none;perspective:250px;color:var(--dz-accent)}
#quick-sheet .dz-launch-phone-back{position:absolute;inset-inline-start:12px;top:8px;width:48px;height:73px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:13px;background:var(--dz-surface);transform:rotate(-17deg);box-shadow:0 5px 12px #00000008}
#quick-sheet .dz-launch-phone-front{position:absolute;inset-inline-start:24px;top:3px;display:flex;flex-direction:column;align-items:center;width:48px;height:76px;border:2px solid color-mix(in srgb,var(--dz-accent) 72%,var(--dz-surface));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--dz-accent) 75%,var(--dz-surface)),var(--dz-accent));transform:rotate(12deg) rotateY(-12deg);box-shadow:4px 5px 0 color-mix(in srgb,var(--dz-accent) 70%,var(--dz-ink)),9px 15px 20px color-mix(in srgb,var(--dz-accent) 17%,transparent)}
#quick-sheet .dz-launch-speaker{width:14px;height:3px;margin-top:6px;border-radius:4px;background:#ffffffb3}
#quick-sheet .dz-launch-signal{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:23px;margin-top:12px}
#quick-sheet .dz-launch-signal i{width:5px;border-radius:2px;background:#fff;height:7px}#quick-sheet .dz-launch-signal i:nth-child(2){height:12px}#quick-sheet .dz-launch-signal i:nth-child(3){height:17px}#quick-sheet .dz-launch-signal i:nth-child(4){height:22px}
#quick-sheet .dz-launch-phone-line{width:22px;height:3px;border-radius:3px;background:#ffffff70;margin-top:8px}#quick-sheet .dz-launch-phone-dot{width:4px;height:4px;border-radius:50%;background:#ffffffb0;margin-top:auto;margin-bottom:5px}
#quick-sheet .dz-launch-network-chip{position:absolute;inset-inline-start:0;top:47px;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);box-shadow:0 6px 12px #0000000a;transform:rotate(-8deg)}
#quick-sheet .dz-launch-network-chip svg{width:21px;height:21px;transform:none}
body.dz-shop .dz-mobile-nav #quick-open>span#quick-trigger-icon{margin:0;width:42px;height:34px;min-width:42px;border:0;border-radius:13px;background:var(--dz-accent);color:var(--dz-surface);box-shadow:0 3px 10px color-mix(in srgb,var(--dz-accent) 14%,transparent);transform:none}
body.dz-shop .dz-mobile-nav #quick-open{min-height:58px;align-content:center;transform:none}
body.dz-shop.dz-service-focus .dz-mobile-nav #quick-open>span#quick-trigger-icon{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);box-shadow:none}
@media(max-height:650px){#quick-sheet .dz-destinations-featured>a{min-height:96px}#quick-sheet .dz-launch-phone-art{transform:scale(.85);height:78px}#quick-sheet .dz-destinations-links>a{min-height:54px}#quick-sheet .dz-destinations-links small{display:none}}

/* Bills: centered landline entry and compact quick-action-inspired result cards. */
#shop-bills .dz-bill-field.is-bill-phone input{
 direction:ltr!important;text-align:center!important;unicode-bidi:isolate;
 font-size:clamp(18px,4.8vw,22px)!important;font-weight:850!important;
 font-variant-numeric:tabular-nums;letter-spacing:.055em!important;
 caret-color:var(--dz-accent);padding-inline:16px;
}
#shop-bills .dz-bill-field.is-bill-phone input::placeholder{text-align:center;font-size:13px!important;letter-spacing:.025em}
#shop-bills .dz-bill-field.is-bill-phone input.is-ready{
 border-color:color-mix(in srgb,var(--dz-accent) 32%,var(--dz-line));
}
#shop-bills .dz-bill-discover.is-retry{
 min-height:40px;margin-top:2px;border:1px solid color-mix(in srgb,var(--dz-accent) 27%,var(--dz-line));
 background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));color:var(--dz-accent);
 font-size:11px;box-shadow:none;
}
#shop-bills .dz-bill-results.is-ready{
 display:grid;gap:10px;margin-top:12px;padding:0;border:0;background:transparent;
}
#shop-bills .dz-bill-results.is-ready .dz-bill-results-head{
 align-items:center;padding:3px 3px 1px;
}
#shop-bills .dz-bill-results-heading{display:grid;gap:3px;min-width:0;text-align:start}
#shop-bills .dz-bill-results-eyebrow{font-size:9px;font-weight:700;color:var(--dz-muted)}
#shop-bills .dz-bill-results-heading strong{font-size:13px;font-weight:850;color:var(--dz-ink)}
#shop-bills .dz-bill-results-count{
 display:inline-grid;place-items:center;min-width:62px;min-height:27px;padding:5px 10px;
 border:1px solid var(--dz-line);border-radius:999px;
 background:var(--dz-surface);color:var(--dz-muted);font-size:10px;font-weight:700;
}
#shop-bills .dz-bill-result{
 position:relative;isolation:isolate;display:grid;grid-template-columns:66px minmax(0,1fr) auto;
 align-items:center;gap:10px;width:100%;min-height:111px;margin:0;padding:13px 11px!important;
 border:1px solid color-mix(in srgb,var(--dz-accent) 14%,var(--dz-line))!important;
 border-radius:20px!important;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface))!important;
 box-shadow:0 5px 18px #00000006;color:var(--dz-ink);text-align:start;
 transition:border-color .2s,background .2s,transform .18s;
}
#shop-bills .dz-bill-result:active{transform:scale(.987)}
#shop-bills .dz-bill-result:is(:focus-visible,.is-active){
 outline:2px solid color-mix(in srgb,var(--dz-accent) 45%,transparent);outline-offset:2px;
}
#shop-bills .dz-bill-result-copy{display:grid;gap:6px;min-width:0;text-align:start}
#shop-bills .dz-bill-result-copy b{font-size:12px;font-weight:850;line-height:1.5}
#shop-bills .dz-bill-result-copy small{color:var(--dz-muted);font-size:9px;line-height:1.6}
#shop-bills .dz-bill-result-money{display:grid;gap:6px;justify-items:end;min-width:0;text-align:end;white-space:normal}
#shop-bills .dz-bill-result-money strong{font-size:16px;font-weight:950;white-space:nowrap}
#shop-bills .dz-bill-result-money small{font-size:9px;color:var(--dz-muted);white-space:nowrap}
#shop-bills .dz-bill-result-open{font-size:9px;font-weight:800;color:var(--dz-accent)}
#shop-bills .dz-bill-choice-art{position:relative;display:block;width:66px;height:80px;flex:none;perspective:240px}
#shop-bills .dz-bill-choice-phone-back{
 position:absolute;inset-inline-start:9px;top:8px;width:42px;height:64px;
 border:1px solid color-mix(in srgb,var(--dz-accent) 24%,var(--dz-line));border-radius:12px;
 background:var(--dz-surface);transform:rotate(-17deg);
}
#shop-bills .dz-bill-choice-phone-front{
 position:absolute;inset-inline-start:20px;top:4px;width:41px;height:65px;
 display:flex;flex-direction:column;align-items:center;
 border:2px solid color-mix(in srgb,var(--dz-accent) 72%,var(--dz-surface));border-radius:12px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--dz-accent) 73%,var(--dz-surface)),var(--dz-accent));
 transform:rotate(10deg) rotateY(-10deg);
 box-shadow:3px 4px 0 color-mix(in srgb,var(--dz-accent) 70%,var(--dz-ink)),6px 10px 16px color-mix(in srgb,var(--dz-accent) 14%,transparent);
}
#shop-bills .dz-bill-choice-speaker{width:13px;height:3px;margin-top:5px;background:#fff9;border-radius:5px}
#shop-bills .dz-bill-choice-signal{display:flex;align-items:flex-end;gap:2px;height:24px;margin-top:9px}
#shop-bills .dz-bill-choice-signal i{display:block;width:4px;background:#fff;border-radius:2px;height:6px}
#shop-bills .dz-bill-choice-signal i:nth-child(2){height:10px}
#shop-bills .dz-bill-choice-signal i:nth-child(3){height:14px}
#shop-bills .dz-bill-choice-signal i:nth-child(4){height:19px}
#shop-bills .dz-bill-choice-phone-line{width:20px;height:3px;margin-top:7px;background:#ffffff8a;border-radius:3px}
#shop-bills .dz-bill-choice-network{
 position:absolute;inset-inline-start:0;top:44px;display:grid;place-items:center;
 width:30px;height:30px;padding:3px;border:1px solid var(--dz-line);border-radius:10px;
 background:var(--dz-surface);box-shadow:0 4px 10px #00000014;transform:rotate(-7deg);
}
#shop-bills .dz-bill-choice-network img,#shop-bills .dz-bill-choice-service-logo img{
 display:block;width:100%;height:100%;object-fit:contain;
}
#shop-bills .dz-bill-choice-art.is-service{display:grid;place-items:center}
#shop-bills .dz-bill-choice-service-logo{
 display:grid;place-items:center;width:52px;height:52px;padding:7px;border:1px solid var(--dz-line);
 border-radius:16px;background:var(--dz-surface);
}
@media(max-width:380px){
 #shop-bills .dz-bill-result{grid-template-columns:54px minmax(0,1fr) auto;gap:7px;padding-inline:8px!important}
 #shop-bills .dz-bill-choice-art{transform:scale(.82);transform-origin:right center;width:54px}
 #shop-bills .dz-bill-result-money strong{font-size:14px}
 #shop-bills .dz-bill-result-copy b{font-size:11px}
 #shop-bills .dz-bill-result-open{font-size:8px}
}
@media(prefers-reduced-motion:reduce){#shop-bills .dz-bill-result{transition:none}}
/* DZFlexi floating capsule navigation: whole-item selection, shared line icons. */
@media(max-width:900px){
 body.dz-shop>.dz-mobile-nav{inset-inline:auto;left:auto;right:50%;transform:translateX(50%);width:min(calc(100% - 28px),460px);box-sizing:border-box;bottom:calc(10px + env(safe-area-inset-bottom,0px));min-height:68px;padding:5px;gap:2px;border-radius:999px;box-shadow:0 6px 24px #00000012!important;background:color-mix(in srgb,var(--dz-surface) 95%,transparent)!important}
}
body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;min-height:56px;padding:6px 2px;gap:4px;border:0;border-radius:999px;color:var(--dz-muted);background:transparent;transform:none;transition:background 180ms var(--dz-ease),color 180ms var(--dz-ease);text-decoration:none}
body.dz-shop .dz-mobile-nav .dz-bottom-link::before,body.dz-shop .dz-mobile-nav .dz-bottom-link::after{display:none}
body.dz-shop .dz-mobile-nav .dz-bottom-link>span,body.dz-shop .dz-mobile-nav #quick-open>span#quick-trigger-icon{display:grid;place-items:center;width:26px;min-width:26px;height:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;transform:none}
body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open)>span svg{width:23px;height:23px;stroke-width:1.8}
body.dz-shop .dz-mobile-nav .dz-bottom-link b,body.dz-shop .dz-mobile-nav #quick-trigger-label{font:inherit;font-size:10px;font-weight:550;line-height:1.5;color:inherit;margin:0;white-space:nowrap}
body.dz-shop .dz-mobile-nav .dz-bottom-link[aria-current=page],body.dz-shop .dz-mobile-nav #quick-open[aria-expanded=true]{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent)}
body.dz-shop .dz-mobile-nav .dz-bottom-link[aria-current=page]>span{background:transparent}
body.dz-shop.dz-service-focus .dz-mobile-nav #quick-open>span#quick-trigger-icon{background:transparent;color:inherit;border:0;box-shadow:none}
body.dz-shop .dz-mobile-nav #quick-open:active>span{transform:none}
body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open):active{background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface))}
body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open):focus-visible{outline:2px solid var(--dz-accent);outline-offset:-2px}
body.dz-shop .dz-mobile-nav #service-hub-badge{position:absolute;top:3px;inset-inline-end:8px;min-width:15px;height:15px;font-size:8px;line-height:15px;border:2px solid var(--dz-surface);box-sizing:content-box}
@media(prefers-reduced-motion:reduce){body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open){transition:none}}
@media(prefers-reduced-transparency:reduce){body.dz-shop>.dz-mobile-nav{background:var(--dz-surface)!important}}
body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open)[aria-current=page],body.dz-shop .dz-mobile-nav :is(.dz-bottom-link,#quick-open)[aria-expanded=true]{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent)}

/* Optional voice entry: mic stays outside the numerical text layout. */
#shop-bills .dz-bill-phone-entry{position:relative;min-width:0}
#shop-bills .dz-bill-phone-entry>input{display:block;width:100%;padding-inline:55px!important}
#shop-bills .dz-bill-phone-mic{
 position:absolute;z-index:2;left:9px;top:50%;transform:translateY(-50%);
 display:grid;place-items:center;width:40px;height:40px;padding:0;
 border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));
 border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));
 color:var(--dz-accent);cursor:pointer;transition:background .17s,border-color .17s;
}
#shop-bills .dz-bill-phone-mic svg{width:19px;height:19px;display:block}
#shop-bills .dz-bill-phone-mic.is-listening{
 color:#fff;background:var(--dz-accent);border-color:var(--dz-accent);
 box-shadow:0 0 0 4px color-mix(in srgb,var(--dz-accent) 12%,transparent);
}
#shop-bills .dz-bill-phone-mic:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#shop-bills .dz-bill-phone-mic{transition:none}}

/* DZFlexi bills journey v4: keep the hero and stepper through inquiry, review and payment. */
#shop-bills.has-biller-selection > .dz-bills-intro{
 display:flex!important;min-height:135px;padding:14px 17px;
 border-radius:21px;gap:12px;margin:0;
}
#shop-bills.has-biller-selection > .dz-bills-progress{
 display:grid!important;margin:0;padding:7px 6px 8px;
}
#shop-bills.has-biller-selection > .dz-bills-intro h1{
 font-size:clamp(20px,5.45vw,25px);line-height:1.32;margin:4px 0 3px;
}
#shop-bills.has-biller-selection > .dz-bills-intro p{
 font-size:9px;line-height:1.6;max-width:290px;
}
#shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-art{
 width:90px;height:103px;flex:0 0 90px;margin:0;
}
#shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-back,
#shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-front{
 width:62px;height:87px;inset-inline-start:14px;top:9px;
}
#shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-orbit{
 width:109px;height:109px;inset-inline-start:-9px;top:0;
}
#shop-bills .dz-bills-progress [data-bill-step]{
 opacity:.52;transition:opacity .2s,color .2s;min-width:0;
}
#shop-bills .dz-bills-progress [data-bill-step] b{
 transition:background .24s,color .24s,border-color .24s,transform .24s;
}
#shop-bills .dz-bills-progress [data-bill-step].is-current{opacity:1;color:var(--dz-ink);font-weight:800}
#shop-bills .dz-bills-progress [data-bill-step].is-current b{
 color:#fff;background:var(--dz-accent);border-color:var(--dz-accent);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 9%,transparent);
 transform:scale(1.08);
}
#shop-bills .dz-bills-progress [data-bill-step].is-complete{opacity:1;color:var(--dz-accent)}
#shop-bills .dz-bills-progress [data-bill-step].is-complete b{
 border-color:color-mix(in srgb,var(--dz-accent) 37%,var(--dz-line));
 background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);
}
#shop-bills .dz-bills-progress > i{transition:background .3s,box-shadow .3s}
#shop-bills:is([data-bill-journey=review],[data-bill-journey=confirm],[data-bill-journey=complete]) .dz-bills-progress > i:first-of-type,
#shop-bills:is([data-bill-journey=confirm],[data-bill-journey=complete]) .dz-bills-progress > i:last-of-type{
 background:var(--dz-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--dz-accent) 12%,transparent);
}
#shop-bills .dz-bills-paper-front,
#shop-bills .dz-bills-paper-back{
 transition:transform .38s cubic-bezier(.22,.8,.22,1),box-shadow .38s,background .3s;
}
#shop-bills .dz-bills-paper-orbit{transition:transform .5s,opacity .3s,border-color .3s}
#shop-bills .dz-bills-paper-front > b{
 display:block;max-width:100%;overflow:hidden;white-space:nowrap;
 font-size:7px;letter-spacing:0;direction:rtl;text-align:center;line-height:1.4;
}
#shop-bills[data-bill-journey=query] .dz-bills-paper-front{transform:rotate(6deg) translateY(-2px)}
#shop-bills[data-bill-journey=review] .dz-bills-paper-front{
 transform:rotate(-3deg) translateY(-6px);
 box-shadow:0 16px 29px color-mix(in srgb,var(--dz-accent) 23%,transparent);
}
#shop-bills[data-bill-journey=review] .dz-bills-paper-back{transform:rotate(-21deg) translateX(-11px)}
#shop-bills:is([data-bill-journey=confirm],[data-bill-journey=complete]) .dz-bills-paper-front{
 transform:rotate(0) translateY(-4px) scale(1.04);
}
#shop-bills:is([data-bill-journey=confirm],[data-bill-journey=complete]) .dz-bills-paper-orbit{
 transform:rotate(15deg) scale(1.03);border-color:color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));
}
#shop-bills .dz-bills-paper-stamp{
 position:absolute;z-index:3;display:grid;place-items:center;
 width:29px;height:29px;inset-inline-end:1px;bottom:11px;
 color:#fff;background:#0a986c;border:2px solid var(--dz-surface);
 border-radius:50%;font-size:15px;font-weight:900;
 opacity:0;transform:scale(.55) rotate(-22deg);
 transition:opacity .25s,transform .38s cubic-bezier(.2,1.6,.2,1);
 box-shadow:0 5px 14px #0002;pointer-events:none;
}
#shop-bills[data-bill-journey=complete][data-bill-outcome=success] .dz-bills-paper-stamp{
 opacity:1;transform:scale(1) rotate(0);
}
#shop-bills[data-bill-journey=complete][data-bill-outcome=success] .dz-bills-paper-front{
 background:linear-gradient(145deg,#14a878,#087e60);box-shadow:0 13px 26px #159a7240;
}
#shop-bills:is([data-bill-outcome=failed],[data-bill-outcome=reversed],[data-bill-outcome=unknown]) .dz-bills-paper-front{
 background:color-mix(in srgb,#bb882e 72%,var(--dz-accent));
}
@keyframes dzBillPaperChecking{
  0%,100%{transform:rotate(8deg) translateY(-2px)}
  50%{transform:rotate(4deg) translateY(-7px)}
}
#shop-bills[data-bill-journey=querying] .dz-bills-paper-front{
 animation:dzBillPaperChecking 1.5s ease-in-out infinite;
}
@media(max-width:420px){
 #shop-bills.has-biller-selection > .dz-bills-intro{min-height:129px;padding:12px 14px;gap:9px}
 #shop-bills.has-biller-selection > .dz-bills-intro h1{font-size:clamp(19px,5.4vw,23px)}
 #shop-bills.has-biller-selection > .dz-bills-intro p{font-size:8.5px}
 #shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-art{width:83px;flex-basis:83px}
 #shop-bills.has-biller-selection > .dz-bills-progress{padding:5px 3px 7px}
}
@media(max-width:355px){
 #shop-bills.has-biller-selection > .dz-bills-intro{gap:5px;padding-inline:11px}
 #shop-bills.has-biller-selection > .dz-bills-intro h1{font-size:18px}
 #shop-bills.has-biller-selection > .dz-bills-intro .dz-bills-paper-art{transform:scale(.8);transform-origin:left center;flex-basis:70px;width:70px}
}
@media(prefers-reduced-motion:reduce){
 #shop-bills .dz-bills-paper-front,#shop-bills .dz-bills-paper-back,
 #shop-bills .dz-bills-paper-orbit,#shop-bills .dz-bills-paper-stamp,
 #shop-bills .dz-bills-progress [data-bill-step],#shop-bills .dz-bills-progress [data-bill-step] b,
 #shop-bills .dz-bills-progress > i{animation:none!important;transition:none!important}
}

/* Bills v5: complete receipt artwork, visible inline confirmation, grouped landline entry. */
#shop-bills .dz-bills-paper-front{overflow:hidden;align-items:center;justify-content:flex-start;gap:5px}
#shop-bills .dz-bills-paper-glyph{
 display:block;flex:none;width:31px!important;height:37px!important;
 margin:5px auto 0!important;color:#fff;stroke:currentColor;
 filter:drop-shadow(0 2px 3px #00000020);
}
#shop-bills .dz-bills-paper-lines{display:grid;gap:4px;width:28px;margin:1px auto 0}
#shop-bills .dz-bills-paper-lines i{display:block;width:100%;height:2px;border-radius:3px;background:#ffffffa3}
#shop-bills .dz-bills-paper-lines i:nth-child(2){width:70%}
#shop-bills .dz-bills-paper-front #bill-paper-label{
 display:block;margin:auto auto 0;flex:none;max-width:100%;color:#fff;
 font-size:7px;font-weight:850;white-space:normal;overflow-wrap:anywhere;
 text-align:center;line-height:1.35;
}
#shop-bills .dz-bill-inline-review{width:100%;min-width:0;scroll-margin-top:72px;scroll-margin-bottom:108px;margin-top:1px}
#shop-bills .dz-bill-inline-review[hidden]{display:none!important}
#shop-bills .dz-bill-inline-review .dz-bill-review-card{
 position:relative;display:block;width:100%;min-height:160px;
 margin:0;padding:20px 16px 19px;border:1px solid var(--dz-line);
 border-radius:22px;overflow:visible;background:var(--dz-surface);box-shadow:0 7px 25px #0000000a;
}
#shop-bills .dz-bill-inline-review .dz-flexi-review-close{top:11px!important;left:11px!important}
#shop-bills .dz-bill-inline-review .dz-flexi-review-confirm-head{min-height:46px}
#shop-bills .dz-bill-inline-review .dz-flexi-review-confirm-head h3{font-size:15px;line-height:1.45}
#shop-bills .dz-bill-inline-review .dz-flexi-review-network{max-width:50%}
#shop-bills .dz-bill-inline-review .dz-flexi-review-network span:last-child{overflow:hidden;text-overflow:ellipsis}
#shop-bills .dz-bill-inline-review .dz-flexi-review-rows>div{min-height:43px;padding:8px 11px}
#shop-bills .dz-bill-inline-review .dz-bill-review-total{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 margin-top:11px;padding:14px;border:1px solid color-mix(in srgb,var(--dz-accent) 21%,var(--dz-line));
 border-radius:15px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));
}
#shop-bills .dz-bill-inline-review .dz-bill-review-total span{font-size:10.5px;font-weight:750}
#shop-bills .dz-bill-inline-review .dz-bill-review-total strong{font-size:20px;font-weight:950;white-space:nowrap}
#shop-bills .dz-bill-inline-review .dz-flexi-review-actions{margin-top:12px}
#shop-bills .dz-bill-inline-review .dz-flexi-review-actions button{min-height:47px;font-size:12px}
#shop-bills .dz-bill-field.is-bill-phone input{letter-spacing:.075em!important;font-variant-numeric:tabular-nums}
#shop-bills .dz-bill-voice-hint:not(:empty){display:block;margin:2px 4px 0;padding:7px 9px;font-size:10px;line-height:1.6;color:var(--dz-muted);border-radius:10px;background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}
#shop-bills .dz-bill-voice-hint:empty{display:none}
@media(max-width:380px){
 #shop-bills .dz-bill-inline-review .dz-bill-review-card{padding:18px 12px 14px}
 #shop-bills .dz-bill-inline-review .dz-bill-review-total strong{font-size:18px}
 #shop-bills .dz-bill-inline-review .dz-flexi-review-actions{grid-template-columns:1fr 1.12fr}
}

/* Failed bill payments must never retain the green payment-success visual. */
#shop-bills .dz-bill-inline-review .dz-flexi-review-actions .is-primary.is-error{
 background:color-mix(in srgb,#dc2626 10%,var(--dz-surface))!important;
 color:#bd3140!important;border:1px solid color-mix(in srgb,#dc2626 22%,var(--dz-line))!important;
 opacity:1!important;box-shadow:none!important;
}
#shop-bills .dz-bill-inline-review .dz-flexi-review-actions .is-primary.is-warning{
 background:color-mix(in srgb,#b7791f 11%,var(--dz-surface))!important;
 color:#9a6a22!important;border:1px solid color-mix(in srgb,#b7791f 24%,var(--dz-line))!important;
 opacity:1!important;box-shadow:none!important;
}
#shop-bills .dz-bill-inline-review .dz-flexi-review-actions .is-primary.is-success{
 background:#0b946c!important;color:#fff!important;opacity:1!important;
}
#shop-bills .dz-bill-inline-review .dz-bill-orders-link{
 display:flex;align-items:center;justify-content:center;gap:8px;
 width:100%;min-height:43px;margin-top:11px;padding:10px 13px;
 border:1px solid color-mix(in srgb,var(--dz-accent) 26%,var(--dz-line));
 border-radius:13px;background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface));
 color:var(--dz-accent);font-size:12px;font-weight:800;font-family:inherit;cursor:pointer;text-align:center;
}
#shop-bills .dz-bill-inline-review .dz-bill-orders-link:focus-visible{
 outline:2px solid var(--dz-accent);outline-offset:2px;
}
/* Home wallet and actual catalog search. */
#shop-home .dzx-home-wallet-v2{min-height:0;padding:18px 20px 14px;border-radius:24px}#shop-home .dzx-home-balance-row{margin-top:12px;gap:12px}#shop-home .dzx-home-wallet-v2 .dzx-home-balance strong{font-size:clamp(27px,7vw,38px)}#shop-home .dzx-home-wallet-v2 .dzx-home-fund{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:74px;height:40px;padding:0 12px;border-radius:13px;box-shadow:none}#shop-home .dzx-home-fund b{font-size:11px;font-weight:650}#shop-home .dzx-home-fund svg{width:16px;height:16px}#shop-home .dzx-home-wallet-v2 .dzx-home-wallet-meta{margin-top:12px;padding-top:10px;min-height:28px}#shop-home .dzx-home-search-trigger{min-height:62px}
.dz-home-search-backdrop{position:fixed;inset:0;z-index:9990;display:flex;align-items:flex-end;justify-content:center;background:#090f1c70;backdrop-filter:blur(5px);overscroll-behavior:none}.dz-home-search-backdrop[hidden]{display:none!important}
#home-search-dialog{box-sizing:border-box;width:min(100%,520px);max-height:85dvh;display:flex;flex-direction:column;padding:10px 20px max(18px,env(safe-area-inset-bottom));border:1px solid var(--dz-line);border-radius:28px 28px 0 0;background:var(--dz-surface);color:var(--dz-ink);overflow:hidden}
.dz-search-handle{width:34px;height:4px;border-radius:4px;background:var(--dz-line);margin:0 auto 17px;flex:none}#home-search-dialog header{display:flex;justify-content:space-between;align-items:center;gap:14px}#home-search-dialog header small{font-size:9px;color:var(--dz-accent)}#home-search-dialog h2{margin:4px 0;font-size:23px}#home-search-dialog header p{font-size:11px;color:var(--dz-muted);margin:0 0 16px}#home-search-close{width:40px;height:40px;flex:none;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-bg);color:inherit;font-size:24px}.dz-search-field{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:52px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-bg)}.dz-search-field>svg{width:20px;height:20px;flex:none;color:var(--dz-accent)}#home-search-input{min-width:0;width:100%;font:inherit;font-size:16px;border:0;background:transparent;outline-offset:3px;padding:12px 0;color:inherit}#home-search-clear{border:0;background:transparent;color:var(--dz-muted);font-size:22px;width:30px;height:32px}#home-search-filters{display:flex;gap:6px;overflow:auto;flex:none;padding:12px 0 3px;scrollbar-width:none}#home-search-filters button{white-space:nowrap;min-height:36px;padding:6px 13px;border:1px solid var(--dz-line);border-radius:999px;background:transparent;color:var(--dz-muted);font:inherit;font-size:11px}#home-search-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent);border-color:transparent}#home-search-status{font-size:10px;color:var(--dz-muted);margin:10px 0;flex:none}#home-search-results{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}#home-search-results h3{font-size:10px;font-weight:500;color:var(--dz-muted);margin:16px 0 6px}.dz-search-result{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:8px;border:0;border-radius:14px;background:transparent;color:inherit;text-align:start;font:inherit;font-size:13px;cursor:pointer}.dz-search-result:hover,.dz-search-result:focus-visible{background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface))}.dz-search-result>small{margin-inline-start:auto;color:var(--dz-muted);font-size:20px}.dz-search-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--dz-line);border-radius:11px;color:var(--dz-accent)}.dz-search-mark .dz-service-icon{background:none;width:auto;height:auto}.dz-search-mark svg{width:18px;height:18px}.dz-search-more{font:inherit;font-size:11px;border:0;background:transparent;color:var(--dz-accent);padding:10px}.dz-search-empty{padding:24px 8px;color:var(--dz-muted);font-size:12px;text-align:center}
@media(min-width:720px){.dz-home-search-backdrop{align-items:center;padding:20px}#home-search-dialog{border-radius:28px}}@media(max-width:360px){#shop-home .dzx-home-wallet-v2{padding-inline:15px}#shop-home .dzx-home-wallet-v2 .dzx-home-balance strong{font-size:26px}#shop-home .dzx-home-wallet-v2 .dzx-home-fund{min-width:62px;padding-inline:8px}}
/* Category cards for the shared storefront services directory. */
#shop-services[hidden]{display:none!important}#shop-services{max-width:960px;padding:4px 0 24px}.dz-category-back{display:inline-flex;min-height:36px;align-items:center;font-size:11px;color:var(--dz-muted)!important}.dz-category-heading{padding:12px 0 24px}.dz-category-heading>small{font-size:10px;color:var(--dz-accent)}.dz-category-heading h1{font-size:clamp(25px,6vw,34px);font-weight:650;letter-spacing:-.035em;margin:7px 0}.dz-category-heading p{font-size:12px;color:var(--dz-muted)}.dz-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dz-category-card{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:0;min-height:168px;padding:20px;border:1px solid var(--dz-line);border-radius:24px;background:var(--dz-surface);overflow:hidden;transition:transform .18s var(--dz-ease),border-color .18s}.dz-category-card:hover{border-color:color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line))}.dz-category-card:active{transform:scale(.985)}.dz-category-card.is-flexi,.dz-category-card.is-products{background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line))}.dz-category-copy{min-width:0;flex:1;position:relative;z-index:1}.dz-category-copy>small{font-size:9px;color:var(--dz-muted)}.dz-category-copy h2{font-size:23px;font-weight:650;margin:7px 0;line-height:1.5}.dz-category-copy p{font-size:11px;color:var(--dz-muted);line-height:1.7}.dz-category-copy>span{display:block;margin-top:15px;font-size:11px;font-weight:600;color:var(--dz-accent)}.dz-category-art{position:relative;display:grid;place-items:center;width:94px;height:106px;flex:0 0 94px;color:var(--dz-accent)}.dz-category-orbit{position:absolute;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--dz-accent) 14%,var(--dz-line));border-radius:50%}.dz-category-symbol{position:relative;display:grid;place-items:center;width:65px;height:72px;border-radius:20px;border:1px solid color-mix(in srgb,var(--dz-accent) 14%,var(--dz-line));background:linear-gradient(145deg,var(--dz-surface),color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface)));transform:rotate(-10deg);box-shadow:4px 5px 0 color-mix(in srgb,var(--dz-accent) 8%,var(--dz-bg)),0 12px 20px #00000006}.dz-category-symbol svg{width:34px;height:34px;transform:rotate(10deg)}.dz-category-help{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:12px;margin-top:20px;padding:16px 20px;border:1px solid var(--dz-line);border-radius:20px;background:var(--dz-surface)}.dz-category-help>span{display:grid;gap:5px}.dz-category-help strong{font-size:12px;font-weight:600}.dz-category-help small{font-size:10px;color:var(--dz-muted)}.dz-category-help>b{color:var(--dz-accent);font-size:20px}
#shop-services .dz-launch-phone-art{position:relative;width:88px;height:90px;display:block;color:var(--dz-accent)}#shop-services .dz-launch-phone-back{position:absolute;right:12px;top:8px;width:48px;height:73px;border:1px solid var(--dz-line);border-radius:13px;background:var(--dz-surface);transform:rotate(-17deg)}#shop-services .dz-launch-phone-front{position:absolute;right:24px;top:3px;display:flex;flex-direction:column;align-items:center;width:48px;height:76px;border:2px solid color-mix(in srgb,var(--dz-accent) 72%,var(--dz-surface));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--dz-accent) 75%,var(--dz-surface)),var(--dz-accent));transform:rotate(12deg);box-shadow:4px 5px 0 color-mix(in srgb,var(--dz-accent) 70%,var(--dz-ink))}#shop-services .dz-launch-speaker{width:14px;height:3px;margin-top:6px;border-radius:4px;background:#ffffffb3}#shop-services .dz-launch-signal{display:flex;align-items:flex-end;gap:3px;height:23px;margin-top:12px}#shop-services .dz-launch-signal i{width:5px;height:7px;border-radius:2px;background:#fff}#shop-services .dz-launch-signal i:nth-child(2){height:12px}#shop-services .dz-launch-signal i:nth-child(3){height:17px}#shop-services .dz-launch-signal i:nth-child(4){height:22px}#shop-services .dz-launch-phone-line{width:22px;height:3px;background:#ffffff70;margin-top:8px}#shop-services .dz-launch-phone-dot{width:4px;height:4px;border-radius:50%;background:#fff;margin-top:auto;margin-bottom:5px}#shop-services .dz-launch-network-chip{position:absolute;right:0;top:47px;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);transform:rotate(-8deg)}#shop-services .dz-launch-network-chip svg{width:21px;height:21px}
@media(max-width:600px){.dz-category-grid{grid-template-columns:1fr;gap:10px}.dz-category-card{min-height:142px;padding:18px;gap:16px}.dz-category-copy h2{font-size:22px}.dz-category-copy>span{margin-top:10px}.dz-category-heading{padding-bottom:18px}}@media(prefers-reduced-motion:reduce){.dz-category-card{transition:none}}
/* Quick catalog entry points; source order without popularity claims. */
.dz-catalog-quick[hidden]{display:none!important}.dz-catalog-quick{margin:18px 0 24px;min-width:0}.dz-catalog-quick>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.dz-catalog-quick header small{font-size:9px;color:var(--dz-accent)}.dz-catalog-quick h2{font-size:18px;font-weight:650;margin:4px 0 0;color:var(--dz-ink)}.dz-catalog-quick header>span{font-size:10px;color:var(--dz-muted)}.dz-catalog-quick-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 1px 8px;min-width:0;overscroll-behavior-x:contain}.dz-catalog-quick-rail::-webkit-scrollbar{display:none}.dz-catalog-quick-item{display:flex;align-items:center;gap:10px;flex:0 0 205px;min-width:0;min-height:76px;scroll-snap-align:start;padding:12px;border:1px solid color-mix(in srgb,var(--dz-accent) 14%,var(--dz-line));border-radius:18px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));color:var(--dz-ink);font:inherit;text-align:start;cursor:pointer;transition:transform .16s var(--dz-ease),border-color .16s}.dz-catalog-quick-item:active{transform:scale(.98)}.dz-catalog-quick-item:hover{border-color:var(--dz-accent)}.dz-catalog-quick-item>img{width:44px;height:44px;object-fit:cover;border-radius:13px;flex:none}.dz-catalog-quick-item>.dc-brand-mark{width:44px;height:44px;min-width:44px;border-radius:13px;flex:none}.dz-catalog-quick-item>.dc-brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.dz-catalog-quick-copy{display:grid;gap:5px;min-width:0}.dz-catalog-quick-copy strong{font-size:12px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-catalog-quick-copy small{font-size:10px;color:var(--dz-accent)}@media(max-width:380px){.dz-catalog-quick-item{flex-basis:185px}.dz-catalog-quick header>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.dz-catalog-quick-item{transition:none}.dz-catalog-quick-rail{scroll-snap-type:none}}

.dz-usage-guide{display:block;width:fit-content;margin:12px 0;color:var(--accent,#2563eb);font-size:12px;line-height:1.9;text-decoration:underline;text-underline-offset:4px}
.dz-auth-sheet .auth-legal{font-size:11px;line-height:1.9;color:var(--muted);margin:10px 0}
.dz-auth-sheet .auth-legal a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Trader navigation: compact account identity and native-feeling mobile drawer. */
#trader-sidebar,#trader-drawer{--trader-panel:#fff;--trader-soft:#f5f8fd;--trader-line:#e7ebf1;--trader-ink:#14213a;--trader-muted:#708097;--trader-blue:#2877e7;background:var(--trader-panel)!important;color:var(--trader-ink)!important}
.dz-dark #trader-sidebar,.dz-dark #trader-drawer{--trader-panel:#151a25;--trader-soft:#1e2635;--trader-line:#30394a;--trader-ink:#f3f6fc;--trader-muted:#a4afc0;--trader-blue:#78adff}
#trader-sidebar{width:var(--trader-width);padding:14px 15px 24px!important}
#trader-drawer{width:min(390px,94vw)!important;max-width:94vw!important;padding:14px 16px calc(24px + env(safe-area-inset-bottom))!important;border-radius:24px 0 0 24px!important;border:0!important;box-shadow:-22px 0 70px #07142d26!important}
#trader-drawer::backdrop{background:#07152e87;backdrop-filter:blur(5px)}
#trader-drawer[open]{animation:trader-drawer-spring .32s cubic-bezier(.2,.8,.2,1)}
@keyframes trader-drawer-spring{from{transform:translateX(28px);opacity:.65}to{transform:translateX(0);opacity:1}}
#trader-sidebar .trader-brand,#trader-drawer .trader-brand{min-height:65px;padding:5px 4px 12px!important;display:flex;align-items:center;justify-content:flex-start}
#trader-sidebar .trader-brand img,#trader-drawer .trader-brand img{width:134px;height:auto;max-height:45px}
.trader-brand .trader-rank{position:absolute;opacity:0;pointer-events:none}
#trader-drawer #trader-close,#trader-sidebar #trader-collapse{top:19px;left:16px;width:39px;height:39px;border-radius:14px;border-color:var(--trader-line);background:var(--trader-soft);z-index:1;transition:transform .18s ease,background .18s ease}
#trader-drawer #trader-close:active,#trader-sidebar #trader-collapse:active{transform:scale(.92)}
.trader-identity{display:flex;align-items:center;gap:12px;padding:8px 4px 17px;min-width:0}
.trader-avatar{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:16px;background:linear-gradient(145deg,#dceeff,#eff7ff);color:#1a67cb;font:700 21px Alexandria,'IBM Plex Sans Arabic',sans-serif}
.dz-dark .trader-avatar{background:#213959;color:#9ac8ff}
.trader-identity-copy{display:grid;gap:4px;min-width:0}
.trader-name-row{display:flex;align-items:center;gap:7px;min-width:0}
.trader-name{font:700 14px Alexandria,'IBM Plex Sans Arabic',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trader-verified{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;padding:3px 6px;border-radius:8px;color:#087d56;background:#e8f8ef;font-size:10px;font-weight:700}
.trader-verified[hidden]{display:none!important}.trader-verified svg{width:13px;height:13px}
.trader-phone,.trader-id{justify-self:start;color:var(--trader-muted);font:500 11px 'IBM Plex Sans Arabic',sans-serif;unicode-bidi:plaintext}
.trader-id{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trader-divider{height:1px;margin:0 3px 17px;background:var(--trader-line)}
.trader-quick{padding:15px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#f8fbff 70%);border:1px solid #dceafd;box-shadow:0 8px 22px #1f6fd008}
.dz-dark .trader-quick{background:linear-gradient(135deg,#1b304b,#1b2638);border-color:#30435d}
.trader-quick-head{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--trader-muted);font-size:10px}
.trader-quick-head a{text-decoration:none;color:var(--trader-blue);font-weight:700}
.trader-balance-row{display:flex;align-items:baseline;gap:5px;margin:6px 0 13px;color:var(--trader-ink)}
.trader-balance-row strong{font:700 25px system-ui;letter-spacing:-.04em}
.trader-balance-row>span{font-size:11px;font-weight:700}
.trader-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trader-quick-actions>a,.trader-quick-actions>button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--trader-line);border-radius:12px;background:var(--trader-panel);color:var(--trader-ink);font:700 11px 'IBM Plex Sans Arabic',sans-serif;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease}
.trader-quick-actions .trader-deposit{background:var(--trader-blue);border-color:var(--trader-blue);color:#fff}
.trader-quick-actions svg{width:17px;height:17px}
.trader-quick-actions>a:active,.trader-quick-actions>button:active{transform:scale(.96)}
#trader-sidebar>nav,#trader-drawer>nav{display:grid;gap:3px;margin-top:18px}
.trader-nav-label{padding:0 11px 7px;color:var(--trader-muted);font-size:10px;font-weight:700}
#trader-sidebar [data-trader-link],#trader-drawer [data-trader-link]{min-height:47px;padding:10px 12px;font-size:13px;font-weight:650;border:0;border-radius:13px;transition:background .18s ease,transform .18s ease,color .18s ease}
#trader-sidebar [data-trader-link]:active,#trader-drawer [data-trader-link]:active{transform:scale(.98)}
#trader-sidebar [data-trader-link][aria-current=page],#trader-drawer [data-trader-link][aria-current=page]{background:color-mix(in srgb,var(--trader-blue) 10%,var(--trader-panel));color:var(--trader-blue)}
#trader-sidebar [data-trader-link][aria-current=page]::before,#trader-drawer [data-trader-link][aria-current=page]::before{background:var(--trader-blue)}
.trader-services-dropdown{margin-top:5px;padding-top:5px;border-color:var(--trader-line)}
.trader-services-dropdown summary{min-height:47px;padding:10px 12px;border-radius:13px;font-size:13px}
.trader-services-dropdown summary:active{background:var(--trader-soft)}
.trader-services-dropdown>div{margin-top:2px;margin-bottom:7px;border-color:var(--trader-line)}
.trader-recent{display:block;margin-top:14px;padding:9px 5px;border-top:1px solid var(--trader-line)}
.trader-recent summary{display:flex;justify-content:space-between;list-style:none;padding:8px;color:var(--trader-muted);font-size:11px;font-weight:700;cursor:pointer}
.trader-recent summary::-webkit-details-marker{display:none}
.trader-recent summary span{transition:transform .18s ease}.trader-recent[open] summary span{transform:rotate(180deg)}
.trader-recent-list{padding:2px 7px}
.trader-upgrade{margin-top:10px;border-color:var(--trader-line)}
.dz-trader-collapsed #trader-sidebar .trader-identity,.dz-trader-collapsed #trader-sidebar .trader-divider,.dz-trader-collapsed #trader-sidebar .trader-quick,.dz-trader-collapsed #trader-sidebar .trader-nav-label{display:none}
.dz-trader-collapsed #trader-sidebar nav{padding-top:20px}
@media(max-width:900px){#trader-drawer{min-height:100dvh!important;max-height:100dvh!important;height:100dvh!important;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){#trader-drawer[open]{animation:none!important}#trader-drawer *,#trader-sidebar *{transition:none!important}}


/* Wallet movement: compact list, complete receipt, and a readable progress path. */
.wp-transfer-list{display:grid;gap:8px}
.wp-transfer-row{width:100%;min-width:0;display:flex;align-items:center;gap:10px;text-align:start;border:1px solid var(--dz-line);border-radius:16px;padding:13px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.wp-transfer-row:last-child{border-bottom:1px solid var(--dz-line)}
.wp-transfer-row:hover{transform:translateY(-2px);border-color:var(--wp-accent);background:var(--wp-soft)}
.wp-transfer-row:active{transform:scale(.985)}
.wp-transfer-row:focus-visible,.wtd-reference:focus-visible{outline:3px solid var(--wp-accent);outline-offset:2px}
.wp-transfer-row .wp-transfer-icon{width:42px;height:42px;border-radius:14px}
.wp-transfer-row .wp-transfer-icon.received{color:#198d6b;background:#e7f7f0}
.wp-transfer-copy{display:grid;gap:2px;min-width:0;flex:1}
.wp-transfer-copy strong{font-size:13px}
.wp-transfer-copy small{font-size:11px;color:var(--dz-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-transfer-copy time{font-size:10px;color:var(--dz-muted)}
.wp-transfer-row>b{font-size:15px;white-space:nowrap}
.wp-transfer-row>b.received{color:#178968}
.wp-transfer-chevron{font-size:23px;color:var(--dz-muted);line-height:1}
.account-sheet:has(.wtd-detail){width:min(490px,calc(100vw - 24px));max-height:90dvh}
.wtd-detail{display:grid;gap:13px;color:var(--dz-ink)}
.wtd-hero{display:grid;justify-items:center;gap:5px;padding:23px 15px;border-radius:20px;background:linear-gradient(145deg,#ebf8f3,#f6fafc);text-align:center}
.wtd-detail.sent .wtd-hero{background:linear-gradient(145deg,#edf4ff,#f7faff)}
.wtd-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#d9f3e7;color:#188e69}
.wtd-detail.sent .wtd-symbol{background:#dceaff;color:#2f75cf}
.wtd-symbol svg{width:23px;height:23px}
.wtd-hero>small{color:var(--dz-muted);font-size:12px}
.wtd-hero>strong{font-size:31px;line-height:1.25;color:#188e69}
.wtd-detail.sent .wtd-hero>strong{color:#2f75cf}
.wtd-hero em{font-size:13px;font-style:normal}
.wtd-status{border-radius:30px;background:#d9f3e7;color:#137450;padding:5px 11px;font-size:11px;font-weight:800}
.wtd-section{border:1px solid var(--dz-line);border-radius:17px;padding:15px;background:var(--dz-surface)}
.wtd-section h4{margin:0 0 14px;font-size:13px}
.wtd-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.wtd-parties>div{display:grid;gap:4px;min-width:0}.wtd-parties small,.wtd-field small{font-size:10px;color:var(--dz-muted)}
.wtd-parties strong{font-size:12px;overflow-wrap:anywhere}.wtd-parties>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--wp-soft);color:var(--wp-accent)}
.wtd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.wtd-field{display:grid;gap:4px;padding:10px;background:var(--dz-bg);border-radius:11px;min-width:0}
.wtd-field strong{font-size:11px;overflow-wrap:anywhere}
.wtd-timeline{display:grid;gap:0}.wtd-step{display:flex;gap:12px;min-height:57px;position:relative}.wtd-step:not(:last-child):before{content:"";position:absolute;right:7px;top:19px;bottom:-2px;width:2px;background:#9bdac2}
.wtd-step i{z-index:1;width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:#20a979;border:4px solid #d9f3e7}
.wtd-step div{display:grid;align-content:start;gap:3px}.wtd-step strong{font-size:12px}.wtd-step small{font-size:10px;color:var(--dz-muted)}
.wtd-reference{display:grid;gap:4px;width:100%;text-align:start;border:1px dashed var(--dz-line);border-radius:12px;padding:11px 13px;background:var(--dz-bg);color:var(--dz-ink);font:inherit;cursor:pointer}
.wtd-reference span{font-size:10px;color:var(--dz-muted)}.wtd-reference strong{font-size:11px;overflow-wrap:anywhere;text-align:start}
.wtd-note{font-size:10px;color:var(--dz-muted);line-height:1.7;margin:0}
body.dz-dark .wtd-hero{background:linear-gradient(145deg,#18342d,#17252a)}
body.dz-dark .wtd-detail.sent .wtd-hero{background:linear-gradient(145deg,#1b2d4c,#182432)}
body.dz-dark .wtd-field{background:#17232f}
@media(max-width:430px){.wp-transfer-row{padding:11px 9px;gap:7px}.wp-transfer-row>b{font-size:13px}.wtd-hero{padding:17px 12px}.wtd-hero>strong{font-size:27px}.wtd-section{padding:12px}}
@media(prefers-reduced-motion:reduce){.wp-transfer-row{transition:none}}

/* Internet journey: one clear action per stage, with the Flexi card language. */
#shop-internet{max-width:1060px;margin-inline:auto}
#shop-internet .dz-internet-journey-head{max-width:860px;margin:12px auto 18px;text-align:right}
#shop-internet .dz-internet-eyebrow{display:block;color:var(--dz-accent);font-size:11px;font-weight:850;letter-spacing:.04em}
#shop-internet .dz-internet-journey-head h1{margin:5px 0;font-size:clamp(27px,5vw,39px);letter-spacing:-.025em;color:var(--dz-ink)}
#shop-internet .dz-internet-journey-head p{margin:0;color:var(--dz-muted);font-size:13px;line-height:1.8}
#shop-internet .dz-internet-journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:19px}
#shop-internet .dz-internet-journey-steps span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-muted);font-size:11px;font-weight:700;white-space:nowrap}
#shop-internet .dz-internet-journey-steps i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:8px;background:var(--dz-bg);font-style:normal;font-size:11px}
#shop-internet .dz-internet-journey-steps[data-step="1"] span:first-child,#shop-internet .dz-internet-journey-steps[data-step="2"] span:nth-child(2),#shop-internet .dz-internet-journey-steps[data-step="3"] span:nth-child(3){border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));color:var(--dz-accent)}
#shop-internet .dz-internet-journey-steps[data-step="2"] span:first-child,#shop-internet .dz-internet-journey-steps[data-step="3"] span:is(:first-child,:nth-child(2)){color:#168c68}
#shop-internet .dz-internet-shell{max-width:740px;margin:0 auto;padding:clamp(18px,4vw,29px)}
#shop-internet .dz-internet-shell[hidden],#shop-internet .dz-internet-results[hidden]{display:none!important}
#shop-internet .dz-internet-head h2{font-size:clamp(21px,4vw,27px);margin:5px 0;color:var(--dz-ink)}
#shop-internet .dz-internet-head p{font-size:12px}
#shop-internet .dz-internet-check-button{max-width:none}
#shop-internet .dz-internet-results{max-width:860px;margin:0 auto;padding:22px;border:1px solid var(--dz-line);border-radius:24px;background:var(--dz-surface);box-shadow:0 12px 40px rgba(18,35,75,.045)}
#shop-internet .dz-internet-results-label{font-size:14px}
#shop-internet .dz-internet-edit-number{justify-self:start;border:0;background:transparent;color:var(--dz-accent);font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:5px 0}
#shop-internet .dz-internet-line-card{background:color-mix(in srgb,#d8f5e8 35%,var(--dz-surface))}
#shop-internet .dz-internet-offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#shop-internet .dz-internet-choice{display:grid;gap:8px;min-width:0;min-height:190px;text-align:right;border:1px solid var(--dz-line);border-radius:18px;background:var(--dz-elevated);color:var(--dz-ink);padding:12px;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#shop-internet .dz-internet-choice .cc-card-face{display:flex;min-height:92px;max-height:112px;flex-direction:column;justify-content:space-between;border-radius:13px;padding:10px;background:linear-gradient(125deg,color-mix(in srgb,var(--cc-brand) 24%,#152b4d),#14243a);color:#fff;overflow:hidden}
#shop-internet .dz-internet-choice .cc-card-top{display:flex;justify-content:space-between;font-size:10px}
#shop-internet .dz-internet-choice .cc-card-logo{max-height:30px}
#shop-internet .dz-internet-choice .cc-plan-value{font-size:19px;font-weight:900}
#shop-internet .dz-internet-choice-detail{display:grid;gap:3px}
#shop-internet .dz-internet-choice-detail strong{font-size:13px}
#shop-internet .dz-internet-choice-detail small{font-size:10px;color:var(--dz-muted);line-height:1.6}
#shop-internet .dz-internet-choice-action{color:var(--dz-accent);font-size:11px;font-weight:850}
#shop-internet .dz-internet-choice.is-card .dz-internet-choice-action{color:#bd7040}
#shop-internet .dz-internet-choice:hover{transform:translateY(-3px);border-color:var(--dz-accent);box-shadow:0 12px 24px rgba(18,35,75,.09)}
#shop-internet .dz-internet-choice:active{transform:scale(.985)}
#shop-internet .dz-internet-choice:focus-visible,#shop-internet .dz-internet-edit-number:focus-visible{outline:3px solid var(--dz-accent);outline-offset:2px}
#shop-internet .dz-internet-history{max-width:950px;margin:34px auto 0}
@media(max-width:600px){#shop-internet .dz-internet-journey-head{padding-inline:3px}#shop-internet .dz-internet-journey-steps{gap:5px}#shop-internet .dz-internet-journey-steps span{display:grid;justify-items:center;text-align:center;padding:8px 3px;font-size:9px;white-space:normal;min-height:58px}#shop-internet .dz-internet-results{padding:14px}#shop-internet .dz-internet-offer-list{gap:8px}#shop-internet .dz-internet-choice{min-height:170px;padding:8px}#shop-internet .dz-internet-choice .cc-card-face{min-height:83px}#shop-internet .dz-internet-choice .cc-plan-value{font-size:16px}}
@media(prefers-reduced-motion:reduce){#shop-internet .dz-internet-choice{transition:none}}


/* Network invite: live identity detection and two explicit GPS modes */
.nv-account-finder{display:grid;gap:7px;min-width:0}
.nv-account-entry-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 9px;font-size:12px;color:var(--dz-ink)}
.nv-account-entry-title small,.nv-account-identifiers small{color:var(--dz-muted);font-size:10px;font-weight:500}
.nv-account-field{display:flex;align-items:center;gap:5px;min-width:0;border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:14px;padding:5px 7px;transition:border-color .16s,box-shadow .16s}
.nv-account-field:focus-within{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 12%,transparent)}
.nv-account-field>span{display:grid;place-items:center;flex:none;width:31px;height:33px;border-radius:9px;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));color:var(--dz-accent);font-size:17px;font-weight:850}
.nv-invite-flow .nv-account-field input{direction:ltr;text-align:left;letter-spacing:.025em;font-variant-numeric:tabular-nums;font-family:inherit;font-size:17px;font-weight:750;min-width:0;flex:1;padding:7px 3px;border:0;outline:0;box-shadow:none;background:transparent;width:100%;min-height:39px}
.nv-invite-flow .nv-account-field input:focus{outline:0;border:0;box-shadow:none}
.nv-account-field button{display:grid;place-items:center;flex:none;width:41px;height:41px;background:var(--dz-bg);color:var(--dz-accent);border:1px solid var(--dz-line);border-radius:11px;cursor:pointer}
.nv-account-field button svg{width:20px;height:20px}
.nv-account-identifiers{display:flex;justify-content:space-between;gap:8px}
.nv-account-result{margin:0;min-height:0;font-size:11px;line-height:1.7;color:var(--dz-muted)}
.nv-account-result.is-ok{color:#168059}.nv-account-result.is-error{color:#bd3e49}
.nv-location-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.nv-location-switch button{min-height:43px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-bg);color:var(--dz-ink);font:inherit;font-size:11px;font-weight:750;padding:8px 5px;cursor:pointer}
.nv-location-switch button[aria-pressed="true"]{border-color:var(--dz-accent);color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface))}
.nv-location-switch button:disabled{opacity:.6;cursor:progress}
.nv-gps-status{margin:0!important;font-size:11px;color:var(--dz-muted);line-height:1.7}
.nv-gps-preview{display:grid;gap:6px;padding:9px 10px;border-radius:11px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.nv-gps-preview a{color:var(--dz-accent);font-weight:750}
.nv-gps-preview[hidden],.nv-location-manual-fields[hidden]{display:none!important}
.nv-location-manual-fields{display:grid;gap:10px;min-width:0}
.nv-location-manual-fields>label{display:grid;gap:6px;font-size:12px}
.nv-location-manual-fields input{max-width:100%;min-width:0}
@media(max-width:390px){.nv-account-entry-title small{display:block}.nv-location-switch button{font-size:10px}.nv-invite-flow .nv-account-field input{font-size:16px}}

/* DZFlexi Network 2.0 - member command workspace / mobile-first */
.nc-v2{--ncv2-card:var(--dz-elevated,#fff);--ncv2-border:var(--dz-line,#e2e7ed);--ncv2-accent:var(--dz-accent,#397fe9);display:grid;gap:12px;min-width:0;max-width:1100px;margin-inline:auto;direction:rtl;color:var(--dz-ink,#202838)}
.nc-v2 *{box-sizing:border-box}
.nc-v2 button,.ncv2-directory-card{font-family:inherit;cursor:pointer}
.nc-v2 button:focus-visible,.ncv2-directory-card:focus-visible{outline:3px solid color-mix(in srgb,var(--ncv2-accent) 45%,transparent);outline-offset:2px}
.nc-v2 button:disabled{cursor:not-allowed;opacity:.55}
.ncv2-topline{display:flex;align-items:center;gap:12px;min-height:38px}
.ncv2-topline>a{font-size:12px;color:var(--ncv2-accent);font-weight:800;text-decoration:none}
.ncv2-context{margin-inline:auto;font-size:10px;color:var(--dz-muted,#788398)}
.ncv2-topline>button{display:grid;place-items:center;height:36px;width:36px;border:1px solid var(--ncv2-border);border-radius:11px;background:var(--ncv2-card);color:var(--dz-ink)}
.ncv2-topline svg{width:17px;height:17px}
.ncv2-hero{padding:16px;border:1px solid var(--ncv2-border);border-radius:22px;background:linear-gradient(118deg,color-mix(in srgb,var(--ncv2-accent) 9%,var(--ncv2-card)),var(--ncv2-card) 72%);min-width:0}
.ncv2-identity{display:flex;align-items:center;gap:12px;min-width:0}
.ncv2-avatar{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:17px;color:var(--ncv2-accent);background:color-mix(in srgb,var(--ncv2-accent) 14%,var(--ncv2-card));font-size:23px;font-weight:900}
.ncv2-identity-copy{display:grid;gap:3px;min-width:0}
.ncv2-identity-copy h2{margin:0;font-size:clamp(18px,4.4vw,23px);font-weight:900;line-height:1.35;overflow-wrap:anywhere}
.ncv2-smallrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;font-weight:750;color:var(--dz-muted)}
.ncv2-smallrow>.nc-status{font-size:10px;padding:3px 7px}
.ncv2-id{font-size:12px;font-weight:700;color:var(--dz-muted);unicode-bidi:isolate}
.ncv2-contactline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:12px;padding-block:9px;border-top:1px solid var(--ncv2-border);font-size:10.5px;color:var(--dz-muted)}
.ncv2-identity-detail{border-top:1px solid var(--ncv2-border);padding-top:8px}
.ncv2-identity-detail summary{list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--ncv2-accent);font-size:11px;font-weight:750;cursor:pointer;min-height:28px}
.ncv2-identity-detail summary::-webkit-details-marker{display:none}
.ncv2-identity-detail[open] summary>span{transform:rotate(180deg)}
.ncv2-identity-detail dl,.ncv2-record dl{margin:8px 0 0;display:grid;gap:0}
.ncv2-identity-detail dl>div,.ncv2-record dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--ncv2-border);font-size:11px}
.ncv2-identity-detail dt,.ncv2-record dt{flex:none;color:var(--dz-muted)}
.ncv2-identity-detail dd,.ncv2-record dd{margin:0;display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere;text-align:end}
.ncv2-copy{display:inline-grid;place-items:center;min-width:30px;min-height:30px;padding:6px;border:1px solid var(--ncv2-border);border-radius:9px;background:var(--ncv2-card);color:var(--ncv2-accent)}
.ncv2-copy svg{width:15px;height:15px}
.ncv2-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:7px}
.ncv2-quick>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:45px;padding:8px 5px;border-radius:13px;background:var(--ncv2-card);color:var(--dz-ink);border:1px solid var(--ncv2-border);font-size:11px;font-weight:750}
.ncv2-quick>button.ncv2-main-action{border-color:var(--ncv2-accent);background:var(--ncv2-accent);color:#fff}
.ncv2-quick svg{height:17px;width:17px;flex:none}
.ncv2-balance,.ncv2-panel{background:var(--ncv2-card);border:1px solid var(--ncv2-border);border-radius:19px;padding:14px;min-width:0}
.ncv2-section-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.ncv2-section-line h3,.nc-v2 .ncv2-panel>h3{font-size:14px;font-weight:850;margin:0}
.ncv2-section-line>strong{font-size:13px}
.ncv2-section-line small{font-size:10px;color:var(--dz-muted)}
.ncv2-section-line>button,.ncv2-section-line>a{border:0;background:transparent;color:var(--ncv2-accent);font-size:11px;font-weight:800;padding:5px 0;text-decoration:none}
.ncv2-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ncv2-balance-grid button{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;min-height:98px;padding:10px 8px;text-align:start;border:1px solid var(--ncv2-border);background:color-mix(in srgb,var(--ncv2-accent) 3%,var(--ncv2-card));border-radius:12px}
.ncv2-balance-grid small{font-size:10px;color:var(--dz-muted)}
.ncv2-balance-grid strong{font-size:clamp(12px,3.2vw,19px);font-weight:850;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.3;unicode-bidi:isolate}
.ncv2-balance-grid strong i{font-style:normal;font-size:10px;font-weight:500;white-space:nowrap}
.ncv2-balance-grid span{font-size:9px;color:var(--ncv2-accent);font-weight:800}
.ncv2-balance-grid .ncv2-debt-amount{background:color-mix(in srgb,#d58e29 8%,var(--ncv2-card))}
.ncv2-balance>p,.ncv2-footnote{margin:10px 0 0;font-size:10px;line-height:1.85;color:var(--dz-muted)}
.ncv2-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--ncv2-border);background:var(--ncv2-card);border-radius:15px;position:sticky;top:0;z-index:2}
.ncv2-tabs button{min-width:0;min-height:39px;padding:8px 3px;border:0;border-radius:10px;background:transparent;color:var(--dz-muted);font-size:11px;font-weight:750}
.ncv2-tabs button[aria-current="page"]{background:var(--ncv2-accent);color:#fff}
.ncv2-view{display:grid;gap:11px;min-width:0}
.ncv2-notice{background:color-mix(in srgb,var(--ncv2-accent) 5%,var(--ncv2-card));border:1px solid var(--ncv2-border);border-radius:12px;padding:10px 11px;display:grid;gap:5px;font-size:11px;line-height:1.7}
.ncv2-notice strong{font-size:12px}.ncv2-notice p{margin:0;color:var(--dz-muted)}
.ncv2-notice button{justify-self:start;border:0;color:var(--ncv2-accent);background:transparent;font-weight:850;font-size:11px;padding:3px 0}
.ncv2-followup{display:grid;gap:9px}
.ncv2-activity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ncv2-activity>button{display:grid;align-content:start;gap:9px;min-width:0;min-height:79px;text-align:start;border:1px solid var(--ncv2-border);background:var(--dz-bg,var(--ncv2-card));padding:11px 8px;border-radius:12px}
.ncv2-activity strong{font-size:19px;line-height:1.3;font-weight:850;overflow-wrap:anywhere}
.ncv2-activity small{font-size:10px;line-height:1.55;color:var(--dz-muted)}
.ncv2-subtabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:3px 0 5px}
.ncv2-subtabs button{flex:none;padding:9px 11px;border:1px solid var(--ncv2-border);background:var(--ncv2-card);border-radius:10px;font-size:11px;color:var(--dz-ink);min-height:39px}
.ncv2-subtabs button[aria-pressed="true"]{background:color-mix(in srgb,var(--ncv2-accent) 11%,var(--ncv2-card));color:var(--ncv2-accent);border-color:var(--ncv2-accent);font-weight:800}
.ncv2-record-panel{display:grid;gap:0}
.ncv2-record{border-bottom:1px solid var(--ncv2-border)}
.ncv2-record:last-of-type{border-bottom:0}
.ncv2-record summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 0;min-width:0;cursor:pointer}
.ncv2-record summary::-webkit-details-marker{display:none}
.ncv2-record summary>span:last-child{font-size:13px;color:var(--dz-muted)}
.ncv2-record[open] summary>span:last-child{transform:rotate(180deg)}
.ncv2-record-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;color:var(--ncv2-accent);border-radius:10px;background:color-mix(in srgb,var(--ncv2-accent) 8%,var(--ncv2-card))}
.ncv2-record-icon svg{height:17px;width:17px}
.ncv2-record-label{display:grid;gap:5px;min-width:0;flex:1}
.ncv2-record-label strong{font-size:12px;overflow-wrap:anywhere}.ncv2-record-label small{font-size:10px;color:var(--dz-muted)}
.ncv2-record-price{display:grid;gap:5px;text-align:end;min-width:0}
.ncv2-record-price strong{font-size:12px;overflow-wrap:anywhere}
.ncv2-record-price small{font-size:10px;color:var(--dz-muted)}
.ncv2-record dl{padding:2px 8px 10px 0;border-right:2px solid color-mix(in srgb,var(--ncv2-accent) 30%,var(--ncv2-border))}
.ncv2-pages{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}
.ncv2-pages button{min-height:37px;border:1px solid var(--ncv2-border);border-radius:10px;background:var(--ncv2-card);color:var(--dz-ink);padding:6px 12px}
.ncv2-tools .ncv2-toolgrid{display:grid;gap:2px}
.ncv2-toolgrid>button{display:flex;align-items:center;gap:10px;min-height:56px;text-align:start;padding:9px 4px;background:transparent;border:0;border-bottom:1px solid var(--ncv2-border);color:var(--dz-ink);font-size:12px;font-weight:850}
.ncv2-toolgrid>button:last-child{border-bottom:0}
.ncv2-toolgrid>button>svg{width:20px;height:20px;color:var(--ncv2-accent);flex:none}
.ncv2-toolgrid>button>span{display:grid;gap:4px;flex:1}
.ncv2-toolgrid small{font-size:10px;color:var(--dz-muted);font-weight:500}
.ncv2-location p{font-size:13px;margin:6px 0}.ncv2-location>small,.ncv2-photo>small{display:block;margin-top:8px;font-size:10px;color:var(--dz-muted)}
.ncv2-photo img{width:100%;max-height:220px;object-fit:contain;border-radius:12px}
.ncv2-error{border:1px solid #d48a91;color:#ad3744;padding:10px;border-radius:12px;font-size:12px}
.ncv2-empty{font-size:12px;color:var(--dz-muted);line-height:1.7;padding:12px 0}
.nc-v2>.nc-scope{font-size:10px;line-height:1.9;text-align:center}
.ncv2-directory-card{padding:11px 12px!important;border-radius:15px!important}
.ncv2-directory-card .nc-client-head .nw-avatar{width:35px;height:35px;flex-basis:35px;border-radius:11px}
.ncv2-directory-card .nc-client-head strong{font-size:13px}
.ncv2-directory-card .nc-client-head small{font-size:10px}
.ncv2-directory-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-top:10px;padding-top:9px;border-top:1px solid var(--dz-line);font-size:10px;color:var(--dz-muted)}
.ncv2-directory-money{display:flex;align-items:center;gap:4px}
.ncv2-directory-money b{font-size:10px;color:var(--dz-ink)}
.ncv2-directory-go{margin-inline-start:auto;color:var(--dz-accent);font-size:17px}
.nc-network .nc-client-grid{gap:7px}
@media(min-width:800px){.nc-v2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.nc-v2>.ncv2-topline,.nc-v2>.ncv2-hero,.nc-v2>.ncv2-quick,.nc-v2>.ncv2-balance,.nc-v2>.ncv2-tabs,.nc-v2>.ncv2-view,.nc-v2>.nc-scope,.nc-v2>.ncv2-error{grid-column:1/-1}.ncv2-balance-grid strong{font-size:22px}.ncv2-activity strong{font-size:24px}}
@media(max-width:390px){.ncv2-hero{padding:12px}.ncv2-balance,.ncv2-panel{padding:11px}.ncv2-balance-grid button{padding:9px 5px}.ncv2-balance-grid strong{font-size:12px}.ncv2-quick>button{font-size:10px}.ncv2-tabs{gap:2px}.ncv2-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nc-v2 *,.ncv2-directory-card{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Member-scoped private details editor — same accessible mobile sheet system */
.ncv2-edit-form{display:grid;gap:12px;min-width:0;direction:rtl}
.ncv2-edit-form>p:first-child{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.9}
.ncv2-edit-form>label:not(.ncv2-edit-consent){display:grid;gap:7px;min-width:0;font-size:12px;font-weight:750;color:var(--dz-ink)}
.ncv2-edit-form>label>small{font-size:10px;color:var(--dz-muted);font-weight:450}
.ncv2-edit-form input:not([type=checkbox]),.ncv2-edit-form textarea{display:block;min-width:0;max-width:100%;width:100%;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:13px;font-weight:500;padding:11px;min-height:45px}
.ncv2-edit-form textarea{resize:vertical;min-height:80px}
.ncv2-edit-form [name=coordinates]{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
.ncv2-location-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ncv2-location-actions button,.ncv2-location-actions a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 5px;font-size:11px;font-weight:750;color:var(--dz-accent);background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:11px;text-align:center;text-decoration:none}
.ncv2-location-actions button:disabled{opacity:.6}
.ncv2-edit-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;color:var(--dz-muted);font-weight:450}
.ncv2-edit-consent input{flex:none;width:19px;height:19px;margin-top:3px;accent-color:var(--dz-accent)}
.ncv2-edit-form #ncv2-gps-feedback,.ncv2-edit-form #nw-feedback{font-size:11px;line-height:1.8;min-height:0;margin:0;color:var(--dz-muted)}
.ncv2-edit-form #nw-feedback:not(:empty){color:#b93f49}
.ncv2-edit-form .ncv2-save{width:100%;min-height:47px;border:1px solid var(--dz-accent);border-radius:12px;background:var(--dz-accent);color:#fff;font:inherit;font-size:13px;font-weight:850}

/* Network discount templates — manager-scoped, action-led mobile interface */
.nvt-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border:1px solid var(--dz-line);border-radius:15px;padding:12px 13px;background:var(--dz-surface);color:var(--dz-ink)}
.nvt-entry>div{display:grid;gap:4px;flex:1;min-width:165px}
.nvt-entry strong{font-size:12px;font-weight:850}.nvt-entry small{font-size:10px;line-height:1.7;color:var(--dz-muted)}
.nvt-entry button{font:inherit;font-size:11px;font-weight:800;background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 25%,var(--dz-line));color:var(--dz-accent);padding:9px 12px;min-height:41px;border-radius:11px;cursor:pointer}
.nvt-sheet{display:grid;gap:12px;direction:rtl;min-width:0}
.nvt-heading h3{margin:3px 0 6px;font-size:19px}
.nvt-heading small{font-size:10px;color:var(--dz-accent);font-weight:800}
.nvt-heading p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.85}
.nvt-create{width:100%;border:1px solid var(--dz-accent);border-radius:12px;background:var(--dz-accent);color:#fff;min-height:46px;font:inherit;font-size:13px;font-weight:850}
.nvt-list{display:grid;gap:9px}
.nvt-card{border:1px solid var(--dz-line);border-radius:14px;padding:12px;display:grid;gap:11px;background:var(--dz-surface)}
.nvt-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nvt-card-head>div{display:grid;gap:4px;min-width:0}.nvt-card-head strong{font-size:13px;overflow-wrap:anywhere}.nvt-card-head small{color:var(--dz-muted);font-size:10px}
.nvt-default{display:inline-flex;align-items:center;border:1px solid #80c8a1;border-radius:30px;background:rgba(21,136,83,.08);color:#158853;padding:4px 8px;font-size:10px;font-weight:800}
.nvt-rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.nvt-rates>span{display:grid;text-align:center;gap:7px;min-width:0;border-radius:9px;background:var(--dz-bg);padding:8px 2px}
.nvt-rates small{font-size:9px;color:var(--dz-muted);overflow-wrap:anywhere}
.nvt-rates b{font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}
.nvt-actions{display:flex;flex-wrap:wrap;gap:7px}
.nvt-actions button{flex:1;min-height:39px;padding:7px 6px;font:inherit;font-size:10.5px;font-weight:800;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-bg);color:var(--dz-ink)}
.nvt-actions button.nvt-danger{color:#bd4350;border-color:color-mix(in srgb,#bd4350 24%,var(--dz-line))}
.nvt-success{padding:9px 10px;border-radius:10px;background:rgba(21,136,83,.07);color:#158853;font-size:11px;line-height:1.7}
.nvt-error,.nvt-form #nvt-error{font-size:11px;line-height:1.8;color:#bd4350}
.nvt-empty,.nvt-wait{margin:0;border:1px dashed var(--dz-line);padding:17px 10px;text-align:center;border-radius:12px;color:var(--dz-muted);font-size:12px}
.nvt-disclaimer{color:var(--dz-muted);font-size:10px;line-height:1.8;margin:0}
.nvt-form{display:grid;gap:13px}
.nvt-form>label:not(.nvt-default-choice){display:grid;gap:7px;font-size:12px;font-weight:750}
.nvt-form input:not([type=checkbox]),.nvt-form select{width:100%;min-height:44px;max-width:100%;min-width:0;background:var(--dz-surface);border:1px solid var(--dz-line);border-radius:11px;padding:9px 11px;color:var(--dz-ink);font:inherit;font-size:13px}
.nvt-form select:disabled{opacity:.6}
.nvt-rate-fields{display:grid;gap:8px}
.nvt-rate-fields label{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--dz-line);padding-bottom:8px}
.nvt-rate-fields label span{display:grid;gap:5px;font-size:12px;font-weight:750}
.nvt-rate-fields label small{font-size:10px;font-weight:450;color:var(--dz-muted)}
.nvt-rate-fields label input{width:100px!important;text-align:center;direction:ltr;font-variant-numeric:tabular-nums}
.nvt-default-choice{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.8}
.nvt-default-choice input{width:19px;height:19px;flex:none;accent-color:var(--dz-accent)}
.nvt-foot{display:flex;gap:8px}
.nvt-foot button{min-height:45px;padding:8px;border-radius:11px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:12px;font-weight:750}
.nvt-foot .nvt-save{flex:2;background:var(--dz-accent);border-color:var(--dz-accent);color:white}
.nvt-foot button:last-child{flex:1}
.nvt-form button:disabled,.nvt-actions button:disabled{opacity:.6;cursor:progress}
.nv-template-picker{margin:8px 0 13px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--dz-accent) 20%,var(--dz-line));border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface))}
.nv-template-picker label,.nvt-member-apply{display:grid;gap:6px;font-size:12px;font-weight:800}
.nv-template-picker select,.nvt-member-apply select{width:100%;min-height:43px;padding:9px 11px;background:var(--dz-surface);border:1px solid var(--dz-line);color:var(--dz-ink);border-radius:10px;font:inherit;font-size:12px}
.nv-template-picker p,.nvt-member-apply small{margin:6px 0 0;color:var(--dz-muted);font-size:10px;line-height:1.7;font-weight:450}
@media(max-width:370px){.nvt-rates{grid-template-columns:repeat(3,minmax(0,1fr))}.nvt-entry button{width:100%}.nvt-actions button{min-width:30%}}
/* Scoped price-change audit: compact rows with expanded before/after rates */
.nvt-history-open{width:100%;min-height:41px;border-radius:11px;border:1px solid var(--dz-line);background:var(--dz-surface);color:var(--dz-accent);font:inherit;font-size:11px;font-weight:800;padding:9px}
.nvt-audit-row{border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);overflow:hidden}
.nvt-audit-row summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;min-height:57px;list-style:none;cursor:pointer}
.nvt-audit-row summary::-webkit-details-marker{display:none}
.nvt-audit-row summary>span:first-child{display:grid;gap:6px}
.nvt-audit-row summary strong{font-size:12px}
.nvt-audit-row summary small{font-size:10px;color:var(--dz-muted)}
.nvt-audit-row[open] summary>span:last-child{transform:rotate(180deg)}
.nvt-audit-row>div{display:grid;gap:8px;border-top:1px solid var(--dz-line);padding:11px 13px}
.nvt-audit-row>div>p{font-size:11px;color:var(--dz-muted);margin:0;line-height:1.7}
.nvt-audit-row>div>small{color:var(--dz-muted);font-size:9px;overflow-wrap:anywhere}
.nvt-audit-rates{display:grid;gap:6px}
.nvt-audit-rates span{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px}
.nvt-audit-rates small{color:var(--dz-muted)}
.nvt-audit-rates b{font-size:11px;font-variant-numeric:tabular-nums}
/* Existing network invitation — actionable inline duplicate detection */
.nv-existing-invite:empty{display:none}
.nv-existing-invite{display:flex;align-items:center;gap:8px;margin-top:3px}
.nv-existing-invite button{width:100%;min-height:39px;padding:8px 11px;border-radius:10px;border:1px solid color-mix(in srgb,#c88638 34%,var(--dz-line));background:color-mix(in srgb,#c88638 8%,var(--dz-surface));color:var(--dz-ink);font:inherit;font-size:11px;font-weight:800;text-align:center}

/* Scoped recovery control for network invite identity lookup; no automatic duplicate submits. */
.nv-account-result .nv-identity-retry{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:7px;padding:3px 10px;border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;min-height:30px}
.nv-account-result .nv-identity-retry:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.nv-account-result small{display:block;overflow-wrap:anywhere;font-size:10px;opacity:.82}

/* Network service access management — explicit control, compact mobile sheets */
.nvs-panel{display:grid;gap:12px;min-width:0;direction:rtl}
.nvs-heading{display:grid;gap:5px}.nvs-heading h3{margin:0;color:var(--dz-ink);font-size:16px;font-weight:850}
.nvs-heading p{margin:0;font-size:11px;line-height:1.85;color:var(--dz-muted)}
.nvs-section{display:grid;gap:8px;padding:11px;border:1px solid var(--dz-line);border-radius:15px;background:var(--dz-surface);min-width:0}
.nvs-section-head{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
.nvs-section-head strong{font-size:12px;color:var(--dz-ink)}
.nvs-section-head small{font-size:10px;color:var(--dz-muted)}
.nvs-categories,.nvs-products{display:grid;gap:3px}
.nvs-item{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:9px 0;border-bottom:1px solid var(--dz-line)}
.nvs-item:last-child{border-bottom:0}
.nvs-item-copy{display:grid;gap:4px;min-width:0;flex:1}
.nvs-item-copy strong{font-size:11.5px;font-weight:800;color:var(--dz-ink);overflow-wrap:anywhere}
.nvs-item-copy small{font-size:9.5px;line-height:1.5;color:var(--dz-muted)}
.nvs-item button{flex:none;min-width:72px;min-height:35px;padding:6px 8px;border:1px solid color-mix(in srgb,#1c9970 32%,var(--dz-line));border-radius:10px;background:color-mix(in srgb,#1c9970 7%,var(--dz-surface));color:#15875f;font:inherit;font-size:10px;font-weight:800}
.nvs-item button[aria-pressed=true]{border-color:color-mix(in srgb,#bf6446 30%,var(--dz-line));background:color-mix(in srgb,#bf6446 8%,var(--dz-surface));color:#c0653d}
.nvs-item button:disabled{opacity:.65;cursor:not-allowed}
.nvs-filters{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:6px}
.nvs-filters input,.nvs-filters select{width:100%;min-width:0;max-width:100%;min-height:40px;padding:7px 9px;border:1px solid var(--dz-line);border-radius:10px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:11px}
.nvs-hint,.nvs-empty{font-size:10px;line-height:1.7;color:var(--dz-muted);margin:4px 0}
.nvs-footer{display:grid;gap:9px;padding:12px;border:1px solid var(--dz-line);background:var(--dz-surface);border-radius:15px}
.nvs-footer>button,.nvs-review>button{min-height:44px;border:1px solid var(--dz-accent);border-radius:10px;color:#fff;background:var(--dz-accent);font:inherit;font-size:12px;font-weight:800}
.nvs-footer button:disabled{opacity:.5;cursor:not-allowed}
.nvs-pending{font-size:10px;color:var(--dz-muted)}.nvs-pending strong{color:var(--dz-accent)}
.nvs-footer #nvs-error:not(:empty),.nvs-error{font-size:11px;color:#c14d4d;line-height:1.8;margin:0}
.nvs-review{display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--dz-line)}
.nvs-review>strong{font-size:12px}.nvs-review p{margin:0;color:var(--dz-muted);font-size:11px;line-height:1.8}
.nvs-review label{display:grid;gap:6px;font-size:11px;font-weight:800}
.nvs-review input{width:100%;min-width:0;border:1px solid var(--dz-line);border-radius:10px;min-height:43px;padding:9px;background:var(--dz-surface);color:var(--dz-ink);font:inherit;font-size:12px}
@media(max-width:370px){.nvs-section{padding:9px}.nvs-filters{grid-template-columns:1fr}.nvs-item button{min-width:64px;font-size:9px}}
/* Network service policy snapshot — compact, counts only confirmed restriction entries */
.ncv2-services-summary-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ncv2-services-summary-counts>div{display:grid;gap:6px;min-width:0;padding:11px 9px;background:var(--dz-bg);border:1px solid var(--dz-line);border-radius:11px}
.ncv2-services-summary-counts strong{font-size:21px;font-weight:850;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--dz-ink)}
.ncv2-services-summary-counts small{font-size:10px;color:var(--dz-muted);line-height:1.55}
/* Network service audit: lightweight manager-only history */
.nvs-history-open{display:flex;align-items:center;justify-content:center;width:100%;min-height:41px;border:1px solid var(--dz-line);border-radius:11px;background:var(--dz-surface);color:var(--dz-accent);font:inherit;font-size:11px;font-weight:800}
.nvs-history-open:disabled{opacity:.6}
.nvs-history[hidden]{display:none}
.nvs-history{display:grid;gap:7px;padding:9px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);font-size:11px;line-height:1.7}
.nvs-history-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;border-bottom:1px solid var(--dz-line);padding:8px 2px}
.nvs-history-row:last-child{border-bottom:0}
.nvs-history-row strong{font-size:11px;color:var(--dz-ink)}
.nvs-history-row span{grid-column:1/-1;font-size:11px;color:var(--dz-muted);overflow-wrap:anywhere}
.nvs-history-row small{font-size:10px;color:var(--dz-muted)}
/* Merchant / downstream network access: distinct from provider outage or stock state */
.dz-catalog-network-note{margin:8px 0 12px;padding:11px 12px;border:1px solid color-mix(in srgb,#ad7837 35%,var(--dz-line));border-radius:12px;background:color-mix(in srgb,#ad7837 8%,var(--dz-surface));color:var(--dz-ink);font-size:11px;font-weight:700;line-height:1.8}
.dz-internet-choice:disabled{cursor:not-allowed;opacity:.74;border-color:color-mix(in srgb,#b48c53 26%,var(--dz-line))}
.dz-internet-choice:disabled .dz-internet-choice-action{color:var(--dz-muted)}
.dz-biller-card:disabled{cursor:not-allowed;opacity:.73;border-color:color-mix(in srgb,#b48c53 28%,var(--dz-line))}
.dz-biller-card:disabled .dz-biller-state{font-size:10px;line-height:1.55;max-width:110px;text-align:center;white-space:normal}
.dz-flexi-offer:disabled{opacity:.68;cursor:not-allowed}
.dz-flexi-internet-package.is-unavailable:not(button){cursor:default}
@media(prefers-reduced-motion:reduce){.dz-internet-choice:disabled,.dz-biller-card:disabled{animation:none;transition:none}}

/* In-store network registration guidance — free invitation, no outbound SMS */
.nv-invite-expiry{font-size:12px;line-height:1.8;color:var(--dz-muted)}
.nv-instore-guide{display:grid;gap:13px;padding:4px 0 9px}
.nv-instore-guide-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,#32966b 12%,var(--dz-surface));border:1px solid color-mix(in srgb,#32966b 36%,var(--dz-line));color:#399c70;font-size:23px;font-weight:850}
.nv-instore-guide h3{font-size:16px;font-weight:850;color:var(--dz-ink)}
.nv-instore-guide p,.nv-instore-guide li{font-size:12px;line-height:1.85;color:var(--dz-muted)}
.nv-instore-guide ol{display:grid;gap:8px;padding-inline-start:22px}
.nv-instore-guide a{color:var(--dz-accent);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.nv-instore-guide .nv-instore-expiry{padding:10px 12px;border-radius:10px;border:1px solid var(--dz-line);background:var(--dz-surface)}
.nv-instore-guide button{min-height:45px;padding:10px;border:0;border-radius:11px;font-size:13px;font-weight:850}

/* DZFlexi games: shared bills introduction, compact artwork library. */
#shop-games{--bill-tint:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-bg));--bill-stroke:color-mix(in srgb,var(--dz-accent) 16%,var(--dz-line))}
#shop-games .dz-games-shell{padding:0;border:0;background:transparent;box-shadow:none}
#shop-games .dz-games-intro{min-height:150px;padding:18px;gap:12px}
#shop-games .dz-games-intro h1{font-size:clamp(22px,5.8vw,30px)}
.dz-games-controller{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border:1px solid var(--bill-stroke);border-radius:26px;background:var(--dz-surface);color:var(--dz-accent);transform:rotate(-9deg)}
.dz-games-controller svg{width:64px;height:64px}
#shop-games .dz-games-progress{margin:10px 0 16px}
#shop-games .dz-games-search{margin-top:0;border-radius:18px;min-height:50px}
.dz-games-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}
.dz-games-library-head small{font-size:10px;color:var(--dz-accent)}
.dz-games-library-head h2{font-size:20px;margin:4px 0 0}
#shop-games .dz-games-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px;margin-top:18px}
#shop-games .dz-game-card{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:9px;min-width:0;min-height:126px;padding:5px 0;border:0;border-radius:14px;background:transparent;text-align:center;cursor:pointer}
#shop-games .dz-game-card-icon{width:min(88px,100%);height:auto;aspect-ratio:1;flex:none;border-radius:22px}
#shop-games .dz-game-card-copy{display:block;flex:none;width:100%}
#shop-games .dz-game-card-copy b{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;unicode-bidi:plaintext}
#shop-games .dz-game-card-copy small,#shop-games .dz-game-card-arrow{display:none}
#shop-games .dz-game-card:focus-visible{outline:2px solid var(--dz-accent);outline-offset:4px}
#shop-games .dz-game-card:hover .dz-game-card-icon{box-shadow:0 0 0 2px var(--dz-accent)}
#shop-games .has-missing-art:before{content:"✦";display:grid;place-items:center;width:88px;max-width:100%;aspect-ratio:1;border-radius:22px;background:var(--bill-tint);color:var(--dz-accent);font-size:30px}
#shop-games .dz-empty{grid-column:1/-1}
@media(max-width:359px){#shop-games .dz-games-list{grid-template-columns:repeat(3,minmax(0,1fr))}#shop-games .dz-games-intro{padding:14px;min-height:140px}.dz-games-controller{flex-basis:64px;width:64px;height:64px}.dz-games-controller svg{width:48px;height:48px}}

/* Telegram gift products need full-width rows inside the mobile sheet. */
#commerce-modal .dz-telegram-products{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#commerce-modal .dz-telegram-products .dc-product-game{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;min-width:0;width:100%;min-height:88px;gap:10px}
#commerce-modal .dz-telegram-products .dc-brand-mark{width:52px;height:52px;min-width:0}
#commerce-modal .dz-telegram-products .dc-product-game-copy{min-width:0}
#commerce-modal .dz-telegram-products .dc-product-game-copy b{word-break:normal;overflow-wrap:break-word}

/* 2026-10-13 Account settings use the current storefront palette. */
.account-sheet.is-account-settings{background:var(--dz-surface);color:var(--dz-ink);border-color:var(--dz-line);max-height:min(90dvh,760px)}
.account-sheet.is-account-settings .account-sheet-head{background:var(--dz-surface);border-color:var(--dz-line)}
.account-sheet.is-account-settings .account-sheet-close,.account-sheet.is-account-settings .account-sheet-row,.account-sheet.is-account-settings .account-inline-card,.account-sheet.is-account-settings .account-pin-input{background:var(--dz-elevated);color:var(--dz-ink);border-color:var(--dz-line)}
.account-sheet.is-account-settings .account-sheet-note{background:var(--dz-elevated);color:var(--dz-muted);line-height:1.8;border-color:var(--dz-line)}
.account-sheet.is-account-settings .account-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.account-sheet.is-account-settings .account-inline-card{min-width:0;padding:14px;border-radius:16px}
.account-sheet.is-account-settings .account-inline-card strong{overflow-wrap:anywhere;line-height:1.7}
.account-sheet.is-account-settings .account-inline-card small,.account-sheet.is-account-settings .account-sheet-row small{color:var(--dz-muted)}
.account-sheet.is-account-settings .account-device-revoke,.account-sheet.is-account-settings .account-sheet-actions button,.account-sheet.is-account-settings #account-devices-retry{min-height:44px;border-radius:12px}
.account-sheet.is-account-settings .account-pin-input{min-height:44px;font-size:18px;letter-spacing:.22em}
.account-favorites section{display:grid;gap:9px;margin-top:18px}.account-favorites h4{display:flex;justify-content:space-between;margin:0 0 3px;font-size:13px}.account-favorites h4 span{color:var(--dz-muted)}
.account-favorite-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px;border:1px solid var(--dz-line);background:var(--dz-elevated);border-radius:16px}
.account-favorite-row a{display:flex;align-items:center;gap:10px;color:var(--dz-ink);text-decoration:none;min-width:0;min-height:44px}.account-favorite-row a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));color:var(--dz-accent);flex:none}
.account-favorite-row svg{width:20px;height:20px}.account-favorite-row a>div{display:grid;gap:3px;min-width:0;flex:1}.account-favorite-row strong{font-size:12px}.account-favorite-row small{font-size:10px;color:var(--dz-muted)}
.account-favorite-row button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--dz-line);border-radius:12px;background:var(--dz-surface);color:var(--dz-muted)}.account-favorite-row button[aria-pressed="true"]{color:#e11d48;background:color-mix(in srgb,#e11d48 8%,var(--dz-surface))}.account-favorite-row button[aria-pressed="true"] svg{fill:currentColor}.account-favorite-empty{margin:0;padding:14px;border:1px dashed var(--dz-line);border-radius:14px;font-size:11px;color:var(--dz-muted);line-height:1.8}
@media(max-width:390px){.account-sheet.is-account-settings .account-inline-grid{grid-template-columns:1fr}.account-sheet.is-account-settings .account-sheet-row{flex-wrap:wrap}.account-favorite-row{padding:8px}}

/* Shared account identity and wallet form surfaces. */
.account-profile-hero,.wt-form-intro{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--dz-line);border-radius:20px;background:linear-gradient(125deg,color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface)),var(--dz-surface));color:var(--dz-ink)}
.account-profile-avatar,.wt-form-intro>span{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--dz-accent) 12%,var(--dz-surface));color:var(--dz-accent)}
.account-profile-avatar svg,.wt-form-intro>span svg{width:25px;height:25px}.account-profile-hero>div,.wt-form-intro>div{display:grid;gap:6px;min-width:0}.account-profile-hero small,.wt-form-intro small{font-size:11px;color:var(--dz-muted);line-height:1.7}.account-profile-hero h4{margin:0;font-size:21px;overflow-wrap:anywhere}.account-profile-status{justify-self:start;font-size:10px;padding:4px 9px;border-radius:20px;border:1px solid var(--dz-line);color:var(--dz-muted)}.account-profile-status.is-active{color:var(--dz-success,#159778);background:color-mix(in srgb,#159778 8%,var(--dz-surface));border-color:color-mix(in srgb,#159778 20%,var(--dz-line))}
.account-profile-reference{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;margin:12px 0;padding:12px 14px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);color:var(--dz-ink);font:inherit;cursor:pointer}.account-profile-reference>span{font-size:11px;color:var(--dz-muted)}.account-profile-reference strong{margin-inline-start:auto;color:var(--dz-accent);font-size:13px;overflow-wrap:anywhere}.account-profile-reference svg{width:18px;height:18px;flex:none;color:var(--dz-accent)}
.account-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.account-profile-facts>div{padding:15px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);min-width:0}.account-profile-facts dt{font-size:10px;color:var(--dz-muted);margin-bottom:8px}.account-profile-facts dd{margin:0;font-size:12px;font-weight:650;line-height:1.8;color:var(--dz-ink);overflow-wrap:anywhere}
.account-flow-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.account-flow-progress span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px;border-radius:12px;background:var(--dz-elevated);border:1px solid var(--dz-line);color:var(--dz-muted);font-size:11px}.account-flow-progress .is-current{background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));border-color:color-mix(in srgb,var(--dz-accent) 30%,var(--dz-line));color:var(--dz-accent);font-weight:650}.wt-form-v2 .wt-form-intro{padding:15px}.wt-form-v2 .wt-form-intro>span{width:42px;height:42px;border-radius:13px}.wt-form-intro strong{font-size:14px}.wt-form-v2 .account-sheet-note{margin:10px 0 14px;padding:12px 14px;border-radius:14px;line-height:1.8}.wt-form-v2>label{font-size:12px;font-weight:600;gap:8px}.wt-form-v2>label input{min-height:50px;border-radius:14px;background:var(--dz-elevated);border-color:var(--dz-line);color:var(--dz-ink);font-size:15px;padding:12px 14px}.wt-form-v2>button[type=submit]{min-height:48px;border-radius:14px;font-size:13px}.wt-form-v2 #wt-error:empty{display:none}
@media(max-width:430px){.account-profile-hero{padding:15px;gap:11px}.account-profile-hero h4{font-size:19px}.account-profile-facts>div{padding:12px}.account-flow-progress span{font-size:10px}.wt-form-intro small{font-size:10px}}
@media(max-width:360px){.account-profile-facts{grid-template-columns:1fr}.account-profile-reference{flex-wrap:wrap}.account-profile-reference strong{margin-inline-start:0}}
/* Distributor account summary shares the account theme, independently of gold tier. */
.nca-dashboard .gw-network-summary{--gw-gold:var(--dz-accent);--gw-tint:var(--dz-surface);border-color:var(--dz-line);background:var(--dz-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--dz-ink) 3%,transparent)}
.nca-dashboard .gw-network-summary .nc-actions{display:flex;flex-wrap:wrap;gap:10px}
.nca-dashboard .gw-network-summary .nc-actions>button{min-height:44px;flex:1 1 160px}

/* Flexi discounts V2: compact RTL summary, single horizontal rate row, no title overlap. */
#flexi-discounts-dialog{width:min(94vw,480px);max-height:min(86dvh,720px);overflow:auto;overscroll-behavior:contain;border-radius:24px}
#flexi-discounts-dialog .dz-flexi-discounts-card{padding:20px 18px 18px;min-width:0;box-sizing:border-box;overflow:hidden}
#flexi-discounts-dialog .dz-flexi-discounts-top{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding-inline-start:0;padding-inline-end:48px;gap:12px}
#flexi-discounts-dialog .dz-flexi-discounts-card>button{left:14px;top:17px;z-index:1;display:grid;place-items:center}
#flexi-discounts-dialog .dz-flexi-discounts-support{width:38px;height:38px;min-width:38px;padding:0;flex:0 0 38px;overflow:hidden;font-size:0;line-height:0}
#flexi-discounts-dialog .dz-flexi-discounts-support svg{width:19px;height:19px;flex:none}
#flexi-discounts-dialog .dz-flexi-discounts-card h2{margin:5px 0 17px;font-size:20px;line-height:1.6;letter-spacing:0;color:var(--dz-ink)}
#flexi-discounts-content{display:grid;gap:12px;min-width:0}
#flexi-discounts-dialog .dz-flexi-discounts-level{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated)}
#flexi-discounts-dialog .dz-flexi-discounts-level span{color:var(--dz-muted);font-size:11px;white-space:nowrap}
#flexi-discounts-dialog .dz-flexi-discounts-level strong{min-width:0;text-align:end;font-size:13px;line-height:1.6;overflow-wrap:break-word;color:var(--dz-accent)}
#flexi-discounts-dialog .dz-flexi-discounts-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
#flexi-discounts-dialog .dz-flexi-discounts-section-head strong{font-size:12px;line-height:1.5;color:var(--dz-ink)}
#flexi-discounts-dialog .dz-flexi-discounts-section-head small{font-size:10px;color:var(--dz-muted);line-height:1.6;text-align:end}
#flexi-discounts-dialog .dz-flexi-discounts-rate-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);gap:7px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:1px 1px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}
#flexi-discounts-dialog .dz-flexi-discounts-rate{display:grid;justify-items:center;align-content:center;gap:5px;min-height:72px;min-width:78px;padding:10px 8px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--dz-accent) 15%,var(--dz-line));border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 5%,var(--dz-surface));scroll-snap-align:start}
#flexi-discounts-dialog .dz-flexi-discounts-rate span{white-space:nowrap;font-size:10px;color:var(--dz-muted)}
#flexi-discounts-dialog .dz-flexi-discounts-rate strong{font-size:18px;font-weight:850;line-height:1.2;color:var(--dz-accent);direction:ltr;unicode-bidi:isolate}
#flexi-discounts-dialog .dz-flexi-discounts-empty{margin:0;padding:14px;border:1px solid var(--dz-line);border-radius:14px;background:var(--dz-elevated);font-size:12px;line-height:1.9;color:var(--dz-muted)}
#flexi-discounts-dialog .dz-flexi-discounts-upgrade{display:grid;gap:8px;padding:13px;border:1px solid var(--dz-line);border-radius:16px;background:var(--dz-elevated);min-width:0}
#flexi-discounts-dialog .dz-flexi-discounts-target{margin:0;font-size:11px}
#flexi-discounts-dialog .dz-flexi-discounts-target strong{font-size:12px;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
#flexi-discounts-dialog .dz-flexi-discounts-progress{height:8px;margin:0;background:var(--dz-surface);direction:rtl}
#flexi-discounts-dialog .dz-flexi-discounts-progress-note{margin:0;font-size:10px;line-height:1.8}
#flexi-discounts-dialog .dz-flexi-discounts-footnote{font-size:10px;line-height:1.85;color:var(--dz-muted)}
#flexi-discounts-dialog .dz-flexi-discounts-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-top:16px}
#flexi-discounts-dialog .dz-flexi-discounts-actions>a,#flexi-discounts-dialog .dz-flexi-discounts-actions>button{min-width:0;min-height:46px;font-size:11px;line-height:1.5;box-sizing:border-box;text-align:center;padding:8px}
#flexi-discounts-dialog .dz-flexi-discounts-actions>.dz-flexi-discounts-deposit[hidden]{display:none!important}
@media(max-width:370px){#flexi-discounts-dialog .dz-flexi-discounts-card{padding:18px 14px 15px}#flexi-discounts-dialog .dz-flexi-discounts-rate-strip{grid-auto-columns:minmax(73px,1fr)}#flexi-discounts-dialog .dz-flexi-discounts-rate{min-width:73px}#flexi-discounts-dialog .dz-flexi-discounts-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Login parity — actual retail bottom sheet (not landing dialog). */
.dz-auth-flow-host #method-step .method-list{display:grid;gap:9px}
.dz-auth-flow-host #method-step .method-list .method-button{
  display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;gap:11px!important;text-align:right!important;
  min-height:68px;height:auto;padding:11px 13px!important;margin:0!important;
  background:var(--dz-elevated)!important;color:var(--dz-ink)!important;
  border:1px solid var(--dz-line)!important;border-radius:15px!important;
}
.dz-auth-flow-host #method-step .method-list .method-button.is-recommended{
  background:color-mix(in srgb,#229ed9 7%,var(--dz-elevated))!important;
  border-color:color-mix(in srgb,#229ed9 45%,var(--dz-line))!important;
}
.dz-auth-flow-host #method-step .method-list .method-icon{
  display:grid!important;place-items:center!important;width:40px!important;
  min-width:40px!important;height:40px!important;border-radius:12px!important;
  background:var(--dz-surface)!important;border:1px solid var(--dz-line)!important;
  color:#229ed9!important;
}
.dz-auth-flow-host #method-step .method-list .method-icon-whatsapp{color:#14a669!important}
.dz-auth-flow-host #method-step .method-list .method-copy{
  display:grid!important;min-width:0!important;gap:3px!important;
  text-align:right!important;justify-items:start!important;
}
.dz-auth-flow-host #method-step .method-list .method-copy strong{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;
  align-items:center!important;text-align:right!important;
  font-size:13px!important;font-weight:800!important;
}
.dz-auth-flow-host #method-step .method-list .method-copy small{
  display:block!important;text-align:right!important;font-size:10.5px!important;
  font-weight:500!important;line-height:1.6!important;color:var(--dz-muted)!important;
}
.dz-auth-flow-host #method-step .method-list .method-tag{
  display:inline-flex!important;width:max-content!important;
  background:color-mix(in srgb,#0b9962 9%,transparent)!important;
  border:1px solid color-mix(in srgb,#0b9962 30%,transparent)!important;
  color:#097e50!important;border-radius:99px!important;
  padding:3px 7px!important;font-size:9px!important;
}
.dz-auth-flow-host #method-step #change-phone{
  min-height:44px!important;width:100%!important;margin-top:3px!important;
  background:transparent!important;color:var(--dz-ink)!important;
  border:1px solid var(--dz-line)!important;border-radius:13px!important;
}

/* SMS icon & spacing polish — retail auth bottom sheet only. */
.dz-auth-flow-host #method-step{gap:6px}
.dz-auth-flow-host #method-step .selected-number{margin-bottom:0}
.dz-auth-flow-host #method-step h2{margin:0;font-size:17px;line-height:1.35}
.dz-auth-flow-host #method-step .method-icon-sms{
 color:var(--dz-accent)!important;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface))!important;
}
.dz-auth-flow-host #method-step .method-icon-sms::before,
.dz-auth-flow-host #method-step .method-icon-sms::after{content:none!important}
.dz-auth-flow-host #method-step .method-icon-sms svg{width:21px;height:21px;display:block;stroke:currentColor}

/* Account settings v2: scoped presentation, shared store theme. */
.as-settings{display:grid;gap:24px;min-width:0}
.as-identity{overflow:hidden;border:1px solid var(--dz-line);border-radius:24px;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--dz-accent) 9%,transparent),transparent 65%),var(--dz-surface);padding:22px}
.as-identity-main{display:flex;align-items:center;gap:14px;min-width:0}
.as-avatar{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:18px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface));border:1px solid color-mix(in srgb,var(--dz-accent) 18%,var(--dz-line))}
.as-avatar svg{width:29px;height:29px}
.as-identity-name{min-width:0;flex:1}
.as-identity-name>small{font-size:11px;color:var(--dz-muted)}
.as-identity-name h3{font-size:21px;line-height:1.6;overflow-wrap:anywhere;margin:2px 0 8px}
.as-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.as-rank{font-size:10px;font-weight:600;border-radius:7px;padding:4px 8px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface))}
.as-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--dz-muted)}
.as-status i{width:5px;height:5px;background:currentColor;border-radius:50%}
.as-status.is-active{color:#32936d}
.as-settings .as-edit{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--dz-surface);border:1px solid var(--dz-line);border-radius:12px;color:var(--dz-muted)}
.as-edit svg{width:17px;height:17px}
.as-identity-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--dz-line);padding-top:15px;margin-top:19px;flex-wrap:wrap}
.as-settings .as-reference{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;text-align:start;padding:4px 0}
.as-reference small,.as-context small{font-size:10px;color:var(--dz-muted)}
.as-reference strong{font:600 12px system-ui;unicode-bidi:isolate}
.as-reference svg{width:15px;height:15px;color:var(--dz-accent)}
.as-context{display:flex;align-items:center;gap:8px;min-width:0}
.as-context>svg{width:17px;height:17px;color:var(--dz-muted)}
.as-context>span{display:grid;gap:3px}
.as-context strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}
.as-gold .as-avatar,.as-gold .as-rank{color:#a57924;background:color-mix(in srgb,#c29c53 12%,var(--dz-surface));border-color:color-mix(in srgb,#c29c53 22%,var(--dz-line))}
.as-groups{display:grid;gap:22px;min-width:0}
.as-group{min-width:0}
.as-group-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 4px 10px;flex-wrap:wrap}
.as-group-heading h3{font-size:13px;font-weight:600}
.as-group-heading small{font-size:10px;color:var(--dz-muted)}
.as-list{border:1px solid var(--dz-line);border-radius:20px;background:var(--dz-surface);overflow:hidden}
.as-settings .as-row{width:100%;display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 17px;text-align:start;color:var(--dz-ink);background:transparent;border:0;border-radius:0;transition:background .18s}
.as-row+.as-row{border-top:1px solid var(--dz-line)!important}
.as-settings .as-row:hover{background:color-mix(in srgb,var(--dz-accent) 4%,var(--dz-surface))}
.as-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface));color:var(--dz-accent)}
.as-icon svg{width:21px;height:21px}
.as-row-label{display:grid;gap:5px;flex:1;min-width:0}
.as-row-label strong{font-size:12px;font-weight:600;line-height:1.6}
.as-row-label small{font-size:10px;line-height:1.7;color:var(--dz-muted)}
.as-chevron{font:24px system-ui;color:var(--dz-muted);flex:none}
.as-local-note{display:flex;justify-content:center;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;color:var(--dz-muted);text-align:center}
.as-local-note svg{width:14px;height:14px;margin-top:2px}
#account-view[data-merchant-view=settings] .ma-footer{justify-content:center}
#account-view[data-merchant-view=settings] .ma-footer>span:last-child{display:none}
@media(min-width:900px){.as-settings{grid-template-columns:minmax(250px,.75fr) minmax(0,1.4fr);align-items:start}.as-identity{position:sticky;top:90px}.as-local-note{grid-column:2}.as-identity-main{flex-wrap:wrap}.as-identity-meta{display:grid}}
@media(max-width:480px){.as-settings{gap:20px}.as-identity{padding:17px;border-radius:21px}.as-identity-name h3{font-size:18px}.as-avatar{width:48px;height:48px;border-radius:15px}.as-avatar svg{width:25px;height:25px}.as-identity-main{gap:11px}.as-settings .as-row{padding:13px 14px;min-height:73px}.as-group-heading small{font-size:9px}.as-identity-meta{margin-top:16px;padding-top:12px}.as-groups{gap:20px}}
@media(prefers-reduced-motion:reduce){.as-settings .as-row{transition:none}}

.dc-plan-description{margin:14px 0;padding:15px;border:1px solid rgba(115,174,147,.3);border-radius:16px;background:rgba(93,155,119,.08);line-height:1.8}
.dc-plan-description strong{display:block;margin-bottom:7px}.dc-plan-description p{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:14px}
.dc-plan-stock{font-size:13px;opacity:.85;margin:10px 0}

.dc-plan-stock-count{display:block;margin-top:4px;font-size:12px;opacity:.8}

/* DZFLEXI_SERVICES_HUB_V2: scoped mobile-first storefront directory */
#shop-services.dz-svc-hub{--svc-outline:color-mix(in srgb,var(--dz-accent) 13%,var(--dz-line));max-width:1040px;padding:6px 0 40px;color:var(--dz-ink)}
#shop-services [hidden]{display:none!important}
#shop-services .dz-svc-breadcrumb{display:flex;align-items:center;gap:9px;min-height:35px;margin-bottom:13px;font-size:12px;color:var(--dz-muted)}
#shop-services .dz-svc-breadcrumb a{color:inherit;text-decoration:none}#shop-services .dz-svc-breadcrumb a:hover{color:var(--dz-accent)}
#shop-services .dz-svc-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:170px;padding:28px 30px;border-radius:26px;border:1px solid var(--svc-outline);background:linear-gradient(126deg,color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface)),var(--dz-surface) 75%);overflow:hidden}
#shop-services .dz-svc-hero-copy{position:relative;z-index:1;max-width:650px}
#shop-services .dz-svc-eyebrow{display:flex;align-items:center;gap:8px;direction:ltr;width:max-content;color:var(--dz-accent);font-size:10px;letter-spacing:.08em;font-weight:700}
#shop-services .dz-svc-eyebrow-dot{width:7px;height:7px;background:var(--dz-accent);border-radius:50%}
#shop-services .dz-svc-hero h1{margin:12px 0 8px;font-size:clamp(24px,4.7vw,37px);font-weight:700;line-height:1.35;letter-spacing:-.04em}
#shop-services .dz-svc-hero p{margin:0;color:var(--dz-muted);font-size:13px;line-height:1.85}
#shop-services .dz-svc-guide-link{display:inline-flex;gap:8px;margin-top:13px;color:var(--dz-accent);font-size:12px;font-weight:600;text-decoration:none}
#shop-services .dz-svc-hero-art{width:124px;height:124px;display:grid;place-items:center;position:relative;flex:none;margin-inline-start:20px;color:var(--dz-accent)}
#shop-services .dz-svc-hero-art i{position:absolute;inset:0;border-radius:32px;border:1px solid var(--svc-outline);transform:rotate(-16deg);background:color-mix(in srgb,var(--dz-accent) 6%,var(--dz-surface))}
#shop-services .dz-svc-hero-art span{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:24px;background:var(--dz-surface);box-shadow:0 12px 30px color-mix(in srgb,var(--dz-accent) 10%,transparent)}
#shop-services .dz-svc-hero-art svg{width:63px;height:63px}
#shop-services .dz-svc-toolbar{margin:23px 0 13px}
#shop-services .dz-svc-search-label{display:block;margin:0 1px 10px;font-size:13px;font-weight:650}
#shop-services .dz-svc-search-wrap{display:flex;align-items:center;gap:11px;min-height:56px;padding:0 15px;border-radius:17px;border:1px solid var(--dz-line);background:var(--dz-surface);transition:border-color .15s,box-shadow .15s}
#shop-services .dz-svc-search-wrap:focus-within{border-color:var(--dz-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dz-accent) 10%,transparent)}
#shop-services .dz-svc-search-wrap>svg{width:21px;height:21px;color:var(--dz-accent);flex:none}
#shop-services #dz-svc-search{width:100%;min-width:0;min-height:54px;border:0;outline:0;background:transparent;color:var(--dz-ink);font:inherit;font-size:15px;text-align:start}
#shop-services #dz-svc-search::placeholder{color:var(--dz-muted);opacity:1}
#shop-services #dz-svc-search::-webkit-search-cancel-button{-webkit-appearance:none}
#shop-services #dz-svc-clear{display:grid;place-items:center;flex:none;border:0;border-radius:10px;width:34px;height:34px;background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface));color:var(--dz-ink);font:inherit;font-size:23px;cursor:pointer}
#shop-services .dz-svc-filters{display:flex;gap:8px;margin-top:13px;padding-bottom:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
#shop-services .dz-svc-filters::-webkit-scrollbar{display:none}
#shop-services .dz-svc-filters button{flex:none;min-height:40px;padding:8px 15px;border:1px solid var(--dz-line);border-radius:100px;background:var(--dz-surface);color:var(--dz-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
#shop-services .dz-svc-filters button[aria-pressed="true"]{border-color:var(--dz-accent);color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 10%,var(--dz-surface))}
#shop-services .dz-svc-result-count{min-height:17px;margin:9px 2px 0;color:var(--dz-muted);font-size:11px}
#shop-services .dz-svc-section{margin:30px 0 0}
#shop-services .dz-svc-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}
#shop-services .dz-svc-section-heading small{font-size:11px;color:var(--dz-accent)}
#shop-services .dz-svc-section-heading h2{margin:4px 0 0;font-size:21px;line-height:1.5;font-weight:700}
#shop-services .dz-svc-section-meta{font-size:11px;color:var(--dz-muted);white-space:nowrap}
#shop-services .dz-svc-daily-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
#shop-services .dz-svc-daily-grid .dz-category-card{grid-column:span 3;min-height:154px;padding:18px;border-radius:20px;border:1px solid var(--svc-outline);display:flex;align-items:center;gap:10px;transition:transform .16s,border-color .16s,box-shadow .16s}
#shop-services .dz-svc-daily-grid .dz-category-card:nth-child(-n+2){grid-column:span 6;min-height:166px;background:color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface))}
#shop-services .dz-svc-daily-grid .dz-category-card:hover{border-color:color-mix(in srgb,var(--dz-accent) 45%,var(--dz-line));box-shadow:0 7px 22px #00000008}
#shop-services .dz-svc-daily-grid .dz-category-copy h2{margin:5px 0;font-size:20px;line-height:1.3}
#shop-services .dz-svc-daily-grid .dz-category-copy>small{font-size:10px}
#shop-services .dz-svc-daily-grid .dz-category-copy p{font-size:11px;line-height:1.65}
#shop-services .dz-svc-daily-grid .dz-category-copy>span{font-size:11px;margin-top:12px}
#shop-services .dz-svc-daily-grid .dz-category-art{width:62px;height:75px;flex:0 0 62px}
#shop-services .dz-svc-daily-grid .dz-category-orbit{width:68px;height:68px}
#shop-services .dz-svc-daily-grid .dz-category-symbol{width:48px;height:54px;border-radius:15px}
#shop-services .dz-svc-daily-grid .dz-category-symbol svg{width:27px;height:27px}
#shop-services .dz-svc-daily-grid .dz-category-card.is-flexi .dz-category-art{width:94px;height:106px;flex-basis:94px}
#shop-services .dz-svc-business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#shop-services .dz-svc-business-card{display:flex;align-items:flex-start;gap:15px;min-width:0;min-height:172px;padding:19px;border:1px solid var(--svc-outline);border-radius:20px;background:var(--dz-surface);color:var(--dz-ink);text-decoration:none;transition:border-color .16s,transform .16s}
#shop-services .dz-svc-business-card:hover{border-color:var(--dz-accent)}
#shop-services .dz-svc-business-icon{display:grid;place-items:center;flex:none;width:55px;height:55px;border-radius:17px;color:var(--dz-accent);background:color-mix(in srgb,var(--dz-accent) 9%,var(--dz-surface))}
#shop-services .dz-svc-business-icon svg{width:27px;height:27px}
#shop-services .dz-svc-business-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
#shop-services .dz-svc-access{display:inline-block;border:1px solid var(--svc-outline);border-radius:100px;padding:3px 10px;font-size:10px;color:var(--dz-accent);font-weight:700;direction:ltr}
#shop-services .dz-svc-business-copy strong{font-size:17px;font-weight:700}
#shop-services .dz-svc-business-copy small{font-size:12px;color:var(--dz-muted);line-height:1.75}
#shop-services .dz-svc-business-url{margin-top:5px;font-size:12px;color:var(--dz-accent);font-weight:650}
#shop-services .dz-svc-business-note,#shop-services .dz-svc-future-note{font-size:11px;color:var(--dz-muted);line-height:1.8;margin:11px 2px 0}
#shop-services .dz-svc-future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#shop-services .dz-svc-future-card{display:flex;flex-direction:column;gap:12px;min-height:156px;padding:16px;border:1px solid var(--dz-line);border-radius:19px;background:var(--dz-surface)}
#shop-services .dz-svc-iptv{grid-column:span 3;display:flex;flex-direction:row;align-items:center;min-height:120px;background:linear-gradient(110deg,color-mix(in srgb,var(--dz-accent) 7%,var(--dz-surface)),var(--dz-surface))}
#shop-services .dz-svc-future-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:14px;background:color-mix(in srgb,var(--dz-accent) 8%,var(--dz-surface));color:var(--dz-accent)}
#shop-services .dz-svc-iptv .dz-svc-future-icon{width:68px;height:68px;border-radius:19px}
#shop-services .dz-svc-future-icon svg{width:24px;height:24px}#shop-services .dz-svc-iptv .dz-svc-future-icon svg{width:33px;height:33px}
#shop-services .dz-svc-future-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
#shop-services .dz-svc-future-copy strong{font-size:16px}
#shop-services .dz-svc-future-copy small{font-size:11px;color:var(--dz-muted);line-height:1.75}
#shop-services .dz-svc-future-status{font-size:10px;color:var(--dz-accent);font-weight:700}
#shop-services .dz-svc-future-status.is-study{color:var(--dz-muted)}
#shop-services .dz-svc-no-results{display:grid;justify-items:center;gap:8px;margin:25px 0;padding:36px 18px;border:1px dashed var(--dz-line);border-radius:18px;text-align:center}
#shop-services .dz-svc-no-results strong{font-size:16px}#shop-services .dz-svc-no-results span{font-size:12px;color:var(--dz-muted)}
#shop-services .dz-svc-help{margin-top:28px;text-decoration:none;color:var(--dz-ink)}
#shop-services :is(a,button,input):focus-visible{outline:2px solid var(--dz-accent);outline-offset:3px}
@media(max-width:760px){
 #shop-services .dz-svc-daily-grid .dz-category-card{grid-column:span 6}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(-n+2){grid-column:span 6}
 #shop-services .dz-svc-business-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
 #shop-services.dz-svc-hub{padding-top:0}
 #shop-services .dz-svc-hero{padding:20px 19px;border-radius:22px;min-height:158px}
 #shop-services .dz-svc-hero-art{display:none}
 #shop-services .dz-svc-hero h1{font-size:26px}
 #shop-services .dz-svc-hero p{font-size:12px}
 #shop-services .dz-svc-toolbar{margin-top:21px}
 #shop-services .dz-svc-daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #shop-services .dz-svc-daily-grid .dz-category-card{grid-column:span 1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:142px;padding:14px;border-radius:18px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(-n+2){grid-column:span 2;display:flex;flex-direction:row;align-items:center;min-height:140px;padding:17px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-art{width:38px;height:38px;flex-basis:38px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-orbit{display:none}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-symbol{width:37px;height:37px;border-radius:12px;transform:none}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-symbol svg{width:22px;height:22px;transform:none}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy h2{font-size:16px;line-height:1.35}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy p{display:none}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy>span{margin-top:6px;font-size:10px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy>small{font-size:9px}
 #shop-services .dz-svc-section{margin-top:26px}
 #shop-services .dz-svc-section-heading h2{font-size:19px}
 #shop-services .dz-svc-future-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #shop-services .dz-svc-iptv{grid-column:span 2}
 #shop-services .dz-svc-future-card{min-height:145px;padding:13px}
 #shop-services .dz-svc-future-copy strong{font-size:14px}
 #shop-services .dz-svc-future-copy small{font-size:10px}
 #shop-services .dz-svc-future-card:last-child{grid-column:span 2;flex-direction:row;align-items:center;min-height:88px}
}
@media(max-width:370px){
 #shop-services .dz-svc-hero h1{font-size:23px}
 #shop-services .dz-svc-filters button{padding:7px 12px;font-size:11px}
 #shop-services .dz-svc-business-card{padding:15px;gap:11px}
 #shop-services .dz-svc-business-icon{width:44px;height:44px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3){padding:11px}
}
@media(prefers-reduced-motion:reduce){#shop-services .dz-svc-daily-grid .dz-category-card,#shop-services .dz-svc-business-card,#shop-services .dz-svc-search-wrap{transition:none!important}}

/* DZFLEXI_SERVICES_HUB_V2_MOBILE_QA_20261015: photo-driven readability and density */
#shop-services.dz-svc-hub{--dz-services-tight-line:1.6}
#shop-services .dz-svc-business-note,#shop-services .dz-svc-future-note{font-size:12px;line-height:1.7}
#shop-services .dz-svc-section-heading small{font-size:12px}
#shop-services .dz-svc-section-meta,#shop-services .dz-svc-result-count{font-size:12px}
#shop-services .dz-svc-business-copy small{font-size:13px;line-height:1.65}
#shop-services .dz-svc-business-url{font-size:13px}
#shop-services .dz-svc-access{font-size:11px}
#shop-services .dz-svc-future-status{font-size:11px}
#shop-services .dz-svc-future-copy small{font-size:12px;line-height:1.6}
#shop-services .dz-svc-guide-link{font-size:13px}
#shop-services .dz-svc-daily-grid .dz-category-copy>small{font-size:11px}
#shop-services .dz-svc-daily-grid .dz-category-copy p{font-size:12px}
#shop-services .dz-svc-daily-grid .dz-category-copy>span{font-size:12px}
#shop-services .dz-svc-help{min-height:72px}
@media(max-width:600px){
 #shop-services.dz-svc-hub{padding-bottom:max(32px,env(safe-area-inset-bottom))}
 #shop-services .dz-svc-section{margin-top:22px}
 #shop-services .dz-svc-section-heading{margin-bottom:10px}
 #shop-services .dz-svc-toolbar{margin-top:18px}
 #shop-services .dz-svc-breadcrumb{margin-bottom:8px}
 #shop-services .dz-svc-hero{min-height:142px;padding:18px}
 #shop-services .dz-svc-hero h1{font-size:26px}
 #shop-services .dz-svc-hero p{font-size:13px;line-height:1.7}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3){min-height:126px;gap:7px;padding:13px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy h2{font-size:17px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy>small{font-size:11px;line-height:1.5}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3) .dz-category-copy>span{font-size:11px}
 #shop-services .dz-svc-business-card{min-height:0;padding:17px;gap:12px}
 #shop-services .dz-svc-business-copy{gap:5px}
 #shop-services .dz-svc-business-copy strong{font-size:18px}
 #shop-services .dz-svc-business-icon{width:51px;height:51px}
 #shop-services .dz-svc-future-card{min-height:126px;padding:13px;gap:8px}
 #shop-services .dz-svc-iptv{min-height:105px}
 #shop-services .dz-svc-future-copy strong{font-size:16px}
 #shop-services .dz-svc-future-copy small{font-size:12px}
 #shop-services .dz-svc-future-note,#shop-services .dz-svc-business-note{margin-top:9px}
 #shop-services .dz-svc-help{min-height:66px;margin-top:22px}
}
@media(max-width:370px){
 #shop-services .dz-svc-hero h1{font-size:23px}
 #shop-services .dz-svc-daily-grid .dz-category-card:nth-child(n+3){padding:11px}
 #shop-services .dz-svc-future-copy small{font-size:11px}
}



/* Local voice preferences follow the existing Flexi settings theme. */
.dz-flexi-voice-settings{padding:16px 10px;border-top:1px solid var(--border,#dce2ec);color:inherit}
.dz-flexi-voice-settings h4{margin:0 0 8px;font-size:15px}
.dz-flexi-voice-settings p{font-size:12px;line-height:1.9}
.dz-voice-note{padding:10px;border-radius:10px;background:var(--surface-alt,rgba(100,130,180,.09))}
.dz-voice-form{display:grid;gap:10px}
.dz-voice-form label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.dz-voice-form .dz-voice-toggle{justify-content:flex-start}
.dz-voice-form input[type=checkbox]{accent-color:var(--accent,#2463eb);width:18px;height:18px}
.dz-voice-form select,.dz-voice-form textarea{box-sizing:border-box;width:100%;max-width:100%;font:inherit;font-size:13px;color:inherit;background:transparent;border:1px solid var(--border,#a5b0c0);border-radius:10px;padding:10px}
.dz-voice-form option{color:#172033;background:#fff}
.dz-voice-form textarea{resize:vertical;min-height:70px}
.dz-voice-form input[type=range]{width:100%;accent-color:var(--accent,#2463eb)}
.dz-voice-form fieldset{min-width:0;display:grid;gap:9px;border:1px solid var(--border,#a5b0c0);border-radius:12px;padding:12px}
.dz-voice-form legend{font-size:13px;padding:0 6px}
.dz-voice-form small{font-size:11px;opacity:.7}
.dz-voice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dz-voice-actions button{font:inherit;font-size:12px;padding:10px 12px;border:1px solid var(--border,#a5b0c0);border-radius:10px;background:transparent;color:inherit;cursor:pointer;min-height:40px}
.dz-voice-actions button:disabled{opacity:.45;cursor:default}
.dz-flexi-voice-settings :focus-visible{outline:2px solid var(--accent,#2463eb);outline-offset:3px}

.dz-voice-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--surface,#fff);color:var(--text,#172033);overflow:hidden}
.dz-voice-dialog::backdrop{background:rgba(0,0,0,.55)}
.dz-voice-shell{height:100%;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
.dz-voice-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--surface,#fff);border-bottom:1px solid var(--border,#dce2ec)}
.dz-voice-header h2{font-size:16px;margin:0}
.dz-voice-header button{font:inherit;font-size:12px;border:1px solid var(--border,#a5b0c0);padding:10px;border-radius:10px;color:inherit;background:transparent}
.dz-voice-dialog .dz-flexi-voice-settings{max-width:720px;margin:0 auto;padding:18px 16px 32px;border:0}
.dz-voice-entry{width:100%;text-align:start;cursor:pointer}
.dz-voice-entry span:first-child{display:grid;gap:5px}
.dz-voice-entry small{font-size:11px;opacity:.7}
.dz-voice-form details{min-width:0;border:1px solid var(--border,#a5b0c0);border-radius:12px;padding:12px}
.dz-voice-form details summary{cursor:pointer;font-size:13px;font-weight:700;padding:4px 0;min-height:30px}
.dz-voice-form details[open]>:not(summary){margin-top:12px}
.dz-voice-form details>label{display:flex}
.dz-voice-dialog [data-voice-status]{position:sticky;bottom:0;padding:10px;border-radius:10px;background:var(--surface,#fff)}
.dz-voice-dialog [data-voice-status]:empty{display:none}
body.dz-dark .dz-voice-dialog,body.dz-dark .dz-voice-header,body.dz-dark .dz-voice-dialog [data-voice-status]{background:#19191f;color:#f1f1f4}
@media(min-width:760px){.dz-voice-dialog{inset:24px;width:calc(100% - 48px);max-width:780px;height:calc(100dvh - 48px);margin:auto;border-radius:18px}}

.dz-voice-dialog{background:var(--dz-bg,#fbfbfd);color:var(--dz-ink,#172033)}
.dz-voice-header{background:var(--dz-bg,#fbfbfd);border-color:var(--dz-line,#e1e5eb)}
.dz-voice-form>.dz-voice-switch,.dz-voice-form details{background:var(--dz-elevated,#fff);border:1px solid var(--dz-line,#e1e5eb);border-radius:18px;padding:14px}
.dz-voice-form .dz-voice-switch{width:100%;text-align:start;display:flex;align-items:center;gap:10px;color:inherit;font:inherit;cursor:pointer}
.dz-voice-switch>span:nth-child(2){flex:1}
.dz-voice-switch>i{flex:none}
.dz-voice-switch[aria-checked=true]>i{background:#17b4cf}
.dz-voice-switch[aria-checked=true]>i>b{right:21px}
.dz-voice-form details .dz-voice-switch{border:0;background:var(--dz-bg,#f5f6fa);border-radius:14px}
.dz-voice-form details select,.dz-voice-form>select{min-height:48px;background:var(--dz-bg,#f5f6fa);border-color:var(--dz-line,#e1e5eb);border-radius:14px}
.dz-voice-dialog .dz-voice-actions button{border-color:var(--dz-line,#e1e5eb);border-radius:12px}
.dz-voice-dialog .dz-voice-form+div.dz-voice-actions{position:sticky;bottom:0;background:var(--dz-bg,#fbfbfd);padding:12px 0;margin-bottom:0}
.dz-voice-dialog .dz-voice-form+div.dz-voice-actions button:first-child{background:#10acc6;color:white;border-color:transparent}
body.dz-dark .dz-voice-form details,body.dz-dark .dz-voice-form>.dz-voice-switch{background:#111114;border-color:#2b2b32}
body.dz-dark .dz-voice-form details .dz-voice-switch,body.dz-dark .dz-voice-form select,body.dz-dark .dz-voice-dialog .dz-voice-form+div.dz-voice-actions{background:#19191f}
.dz-voice-entry>span:first-child{flex:1}

/* Card delivery: selectable values and individual copy actions. */
.dc-delivery-list{display:grid;gap:10px;margin-block:14px}.dc-delivery-row{display:flex;align-items:center;gap:10px;min-width:0}.dc-delivery-row .dc-delivery{flex:1;min-width:0;margin:0}.dc-delivery-row .dc-stock-button{flex:none;min-height:44px;padding:10px 14px}

/* Delivered cards: shared by purchase result and order history. */
.dz-delivered-card{--card-accent:#7651c9;display:grid;gap:0;border:1px solid #e3dbf2;border-radius:18px;overflow:hidden;background:#fff;color:#263248;min-width:0;margin-block:8px 12px;text-align:right}
.dz-delivered-head{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid #eee8f7;background:#faf8ff}
.dz-delivered-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#eee7fa;color:var(--card-accent)}
.dz-delivered-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.dz-delivered-head>div{min-width:0;flex:1}.dz-delivered-head small{font-size:11px;color:#377b66}.dz-delivered-head h3{font-size:16px!important;line-height:1.6;margin:2px 0 0!important;font-weight:750;overflow-wrap:anywhere}
.dz-delivered-check{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2f4eb;color:#25805c}
.dz-delivered-fields{display:grid;gap:14px;padding:16px}.dz-delivered-field{min-width:0}.dz-delivered-field-label{font-size:12px;color:#667185;margin-bottom:7px}
.dz-delivered-value-row{display:flex;align-items:stretch;gap:8px;min-width:0}
.dz-delivered-value-row pre{flex:1;min-width:0;margin:0;padding:12px;background:#f7f8fc;border:1px solid #e4e7ef;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;text-align:left;font:500 15px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}
.dz-delivered-field.is-code pre{font-size:clamp(16px,4.6vw,23px);font-weight:700;letter-spacing:.05em;background:#faf8ff;border-style:dashed;border-color:#cbbce6}
.dz-delivered-value-row button,.dz-delivered-footer button{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-width:64px;min-height:44px;padding:10px;border:1px solid #ddd4ee;border-radius:10px;color:#6943ad;background:#f4effb;font:inherit;font-size:12px;cursor:pointer}
.dz-delivered-value-row button svg,.dz-delivered-footer button svg{width:16px;height:16px}
.dz-delivered-field.is-note pre{font-family:inherit;text-align:start;direction:rtl;font-size:13px;background:transparent;border:0;padding:0}
.dz-delivered-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-top:1px solid #eee8f7}.dz-delivered-footer small{font-size:11px;color:#7b8494}
.od-delivery-tracking{border:1px solid #e4e7ef;border-radius:12px;overflow:hidden}.od-delivery-tracking>summary{cursor:pointer;padding:12px;font-size:12px;font-weight:600;color:#667185}.od-delivery-tracking .od-detail-timeline{border:0;margin:0}
.od-detail.is-cards{--od-accent:#7651c9}.mw-service-cards{border-inline-end-color:#7651c9!important}
body.dz-dark .dz-delivered-card{background:#172232;border-color:#3d3453;color:#e5eaf4}
body.dz-dark .dz-delivered-head{background:#242236;border-color:#3d3453}
body.dz-dark .dz-delivered-head small{color:#7fd5b5}body.dz-dark .dz-delivered-check{background:#193e32;color:#7fd5b5}
body.dz-dark .dz-delivered-field-label,body.dz-dark .dz-delivered-footer small{color:#acb5c7}
body.dz-dark .dz-delivered-value-row pre{background:#111c2b;border-color:#3b4355;color:#eef2fa}
body.dz-dark .dz-delivered-field.is-code pre{background:#242236;border-color:#76628e}
body.dz-dark .dz-delivered-value-row button,body.dz-dark .dz-delivered-footer button{background:#312742;border-color:#594770;color:#d9c0ff}
body.dz-dark .dz-delivered-footer{border-color:#3d3453}body.dz-dark .od-delivery-tracking{border-color:#3b4355}
@media(max-width:380px){.dz-delivered-head,.dz-delivered-fields{padding:12px}.dz-delivered-head h3{font-size:14px!important}.dz-delivered-value-row button{min-width:48px;padding:8px}.dz-delivered-value-row button svg{display:none}.dz-delivered-field.is-code pre{letter-spacing:0;font-size:16px}}

#flexi-wholesale-link{font-size:.82rem;font-weight:850;color:#078f6f;text-decoration:none;background:#dff7ed;border-color:#9bdcc5;box-shadow:0 2px 8px #078f6f22}
#flexi-wholesale-link:focus-visible{outline:3px solid #13ad7f;outline-offset:2px}


/* Flexi mobile UI polish 2026-11-06: visual changes only; purchase guards unchanged. */
@media (max-width:719px){
 .dz-shop:has(#shop-flexi:not([hidden]))>.dz-shop-main{
   padding:10px 12px calc(128px + env(safe-area-inset-bottom,0px))!important;
 }
 #shop-flexi{gap:16px!important;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
 #shop-flexi .dz-flexi-panel{padding:14px 13px 16px!important;border-radius:21px!important}
 #shop-flexi .dz-flexi-panel-head{gap:9px;margin-bottom:10px}
 #shop-flexi .dz-flexi-panel-tools{gap:6px;flex-wrap:wrap;max-width:100%}
 #shop-flexi .dz-flexi-number-box{height:68px!important;border-radius:17px}
 #shop-flexi .dz-flexi-number-box input{padding-inline:44px!important;letter-spacing:.015em!important}
 #shop-flexi .dz-flexi-quick-actions{margin-top:5px;margin-bottom:7px;gap:7px}
 #shop-flexi .dz-flexi-quick-deck-toggle{min-height:34px;padding:5px 15px;font-size:11px}
 #shop-flexi .dz-flexi-service-tabs{margin-top:8px;min-height:44px}
 #shop-flexi .dz-flexi-service-tabs button{min-height:42px}
 #shop-flexi .dz-flexi-mobile-mode-tabs{margin-top:8px;margin-bottom:6px}
 #shop-flexi .dz-flexi-quiet-status:empty{display:none!important}
 #shop-flexi .dz-flexi-quiet-status:not(:empty){min-height:0;margin:5px 0;padding:0;text-align:center}
 #shop-flexi .dz-flexi-quiet-status .is-info{
   color:#3478b8!important;background:color-mix(in srgb,#3478b8 7%,var(--dz-surface))!important;
   border-radius:9px;padding:6px 10px;font-size:11px;line-height:1.5;
 }
 #shop-flexi .dz-flexi-amount-display{height:82px!important;min-height:82px;margin-top:7px!important;border-radius:17px}
 #shop-flexi .dz-flexi-amount-display input{font-size:2.15rem!important}
 #shop-flexi .dz-flexi-amount-display>span{font-size:12px;font-weight:800;letter-spacing:0}
 #shop-flexi .dz-flexi-send{min-height:48px;margin-top:9px;border-radius:14px;font-size:14px}
 #shop-flexi .dz-flexi-history{min-width:0;margin-top:0;padding-bottom:10px}
 #shop-flexi .dz-flexi-history-title{margin:5px 0 12px;font-size:19px}
 #shop-flexi .dz-flexi-shift-strip{gap:8px;padding:12px;border-radius:16px}
 #shop-flexi .dz-flexi-shift-metrics>div{min-width:0;padding:7px 4px}
 #shop-flexi .dz-flexi-shift-metrics strong{font-size:12px}
 #shop-flexi .dz-flexi-ops-center{margin-top:11px;gap:8px;padding:10px;border-radius:17px}
 #shop-flexi .dz-flexi-history-search{min-height:45px}
 #shop-flexi .dz-flexi-history-filters{gap:6px;min-width:0}
 #shop-flexi .dz-flexi-history-filters button,#shop-flexi .dz-flexi-history-filters select{min-height:35px;font-size:11px}
 #shop-flexi .dz-flexi-history-tools{margin:9px 0 12px;gap:8px}
 #shop-flexi .dz-flexi-history-list{scroll-margin-bottom:130px}
 #shop-flexi .dz-flexi-history-card{scroll-margin-top:20px;scroll-margin-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
}
#flexi-review.dz-flexi-review-dialog{
 width:min(calc(100% - 24px),450px)!important;max-width:450px!important;
 max-height:min(88dvh,720px)!important;border-radius:24px!important;
}
#flexi-review .dz-flexi-review{
 box-sizing:border-box;max-height:min(88dvh,720px)!important;
 padding:19px 16px calc(17px + env(safe-area-inset-bottom,0px))!important;
 border-radius:23px!important;overscroll-behavior:contain!important;
}
#flexi-review .dz-flexi-review-kicker{
 margin:0 42px 4px!important;line-height:1.5;font-size:11px;
}
#flexi-review .dz-flexi-review-confirm-head{gap:8px;margin:6px 0 11px}
#flexi-review .dz-flexi-review-confirm-head h3{font-size:17px}
#flexi-review .dz-flexi-review-network{max-width:57%;min-width:0}
#flexi-review .dz-flexi-review-network span{
 min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px;
}
#flexi-review .dz-flexi-review-network img{width:33px;height:33px}
#flexi-review .dz-flexi-review-rows{border-radius:16px}
#flexi-review .dz-flexi-review-rows>div{min-height:44px;padding:8px 12px;gap:10px}
#flexi-review .dz-flexi-review-rows span{font-size:12px}
#flexi-review .dz-flexi-review-rows strong{font-size:13px;line-height:1.5;max-width:65%}
#flexi-review .dz-flexi-review-wallet{
 min-height:43px;min-width:0;margin-top:10px;padding:9px 10px;border-radius:12px;
 font-size:12px;line-height:1.55;
}
#flexi-review .dz-flexi-review-note{margin:7px 2px 0!important;font-size:11px;line-height:1.65}
#flexi-review .dz-flexi-review-actions{gap:9px;margin-top:13px}
#flexi-review .dz-flexi-review-actions button{min-height:48px;border-radius:13px;font-size:13px}
@media(max-width:390px){
 #flexi-review.dz-flexi-review-dialog{width:calc(100% - 18px)!important}
 #flexi-review .dz-flexi-review{padding:17px 12px calc(15px + env(safe-area-inset-bottom,0px))!important}
 #flexi-review .dz-flexi-review-confirm-head h3{font-size:16px}
 #flexi-review .dz-flexi-review-network{max-width:55%}
 #flexi-review .dz-flexi-review-rows strong{font-size:12px}
 #shop-flexi .dz-flexi-panel-tools{gap:5px}
 #shop-flexi .dz-flexi-shift-metrics small{font-size:10px}
}


/* 2026-11-06 discounts sheet mobile fix: no clipped percentage cards or redundant header button. */
#flexi-discounts-dialog{
 width:min(calc(100% - 24px),460px)!important;
 max-width:460px!important;
 max-height:min(85dvh,700px)!important;
 margin:auto!important;padding:0!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 overscroll-behavior:contain;
 border:1px solid var(--dz-line);
 border-radius:24px!important;
 background:var(--dz-surface);
 color:var(--dz-ink);
 box-sizing:border-box;
}
#flexi-discounts-dialog .dz-flexi-discounts-card{
 display:block;
 width:100%;min-width:0;
 padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;
 overflow:visible!important;
 box-sizing:border-box;
}
#flexi-discounts-dialog .dz-flexi-discounts-top{
 display:flex;align-items:center;justify-content:flex-start;
 gap:10px;min-height:44px;margin:0 0 16px;
 padding:0!important;
}
#flexi-discounts-dialog .dz-flexi-discounts-icon{
 display:grid;place-items:center;
 width:42px;height:42px;flex:0 0 42px;
 border-radius:13px;
}
#flexi-discounts-dialog .dz-flexi-discounts-icon svg{width:23px;height:23px}
#flexi-discounts-dialog #flexi-discounts-title{
 flex:1;min-width:0;margin:0!important;
 font-size:19px;line-height:1.5;font-weight:850;
 color:var(--dz-ink);
}
#flexi-discounts-dialog #flexi-discounts-close{
 position:static!important;display:grid;place-items:center;
 flex:0 0 38px;width:38px;height:38px;
 margin-inline-start:auto;padding:0;
 border:1px solid var(--dz-line);
 border-radius:13px;background:var(--dz-elevated);
 color:var(--dz-muted);font-family:inherit;font-size:23px;
 line-height:1;
}
#flexi-discounts-dialog #flexi-discounts-content{
 display:grid;gap:12px;min-width:0;width:100%;
}
#flexi-discounts-dialog .dz-flexi-discounts-level{
 min-width:0;padding:11px 12px;border-radius:13px;
}
#flexi-discounts-dialog .dz-flexi-discounts-level span{font-size:12px}
#flexi-discounts-dialog .dz-flexi-discounts-level strong{
 font-size:13px;line-height:1.65;overflow-wrap:anywhere;
}
#flexi-discounts-dialog .dz-flexi-discounts-section-head{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:4px 12px;
}
#flexi-discounts-dialog .dz-flexi-discounts-section-head strong{font-size:13px}
#flexi-discounts-dialog .dz-flexi-discounts-section-head small{
 font-size:11px;line-height:1.5;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate-strip{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-auto-flow:row!important;grid-auto-columns:auto!important;
 gap:8px!important;min-width:0;width:100%;max-width:100%;
 padding:0!important;
 overflow:visible!important;
 scrollbar-width:none;scroll-snap-type:none!important;
 box-sizing:border-box;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:7px;min-width:0!important;min-height:83px;
 width:100%;padding:11px 6px!important;
 border-radius:14px;scroll-snap-align:none;
 box-sizing:border-box;text-align:center;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate span{
 display:block;max-width:100%;white-space:normal;
 overflow-wrap:anywhere;font-size:11px;line-height:1.4;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate strong{
 font-size:clamp(17px,4.5vw,21px);line-height:1.25;
 font-variant-numeric:tabular-nums;
}
#flexi-discounts-dialog .dz-flexi-discounts-footnote{
 font-size:11px;line-height:1.65;margin-top:0;
}
#flexi-discounts-dialog .dz-flexi-discounts-actions{
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;margin-top:14px;
}
#flexi-discounts-dialog .dz-flexi-discounts-actions>a,
#flexi-discounts-dialog .dz-flexi-discounts-actions>button{
 display:flex;align-items:center;justify-content:center;
 min-width:0;min-height:45px;padding:8px 10px;
 border-radius:13px;font-size:12px;font-weight:800;
}
#flexi-discounts-dialog .dz-flexi-discounts-actions .dz-flexi-discounts-deposit{grid-column:1/-1}
@media(max-width:360px){
 #flexi-discounts-dialog .dz-flexi-discounts-card{padding-inline:13px!important}
 #flexi-discounts-dialog .dz-flexi-discounts-rate-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #flexi-discounts-dialog .dz-flexi-discounts-rate{min-height:73px}
 #flexi-discounts-dialog .dz-flexi-discounts-top{gap:8px}
}

/* 2026-11-06 | Five branded Flexi discount rates, one row on every mobile viewport. */
#flexi-discounts-dialog .dz-flexi-discounts-rate-strip{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 grid-auto-columns:auto!important;
 gap:6px!important;
 min-width:0!important;
 width:100%;
 max-width:100%;
 padding:0!important;
 overflow:visible!important;
 scrollbar-width:none;
 scroll-snap-type:none!important;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate{
 display:flex!important;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:4px!important;
 min-width:0!important;
 width:100%;
 min-height:91px;
 padding:8px 3px!important;
 border-radius:12px!important;
 text-align:center;
 scroll-snap-align:none;
 overflow:hidden;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate-logo{
 display:grid!important;
 place-items:center;
 flex:0 0 31px;
 width:31px;
 height:31px;
 min-width:0;
 margin:0 auto 2px;
 padding:3px;
 overflow:hidden;
 box-sizing:border-box;
 border:1px solid var(--dz-line);
 border-radius:10px;
 background:#fff;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate-logo img{
 display:block;
 width:100%;
 height:100%;
 max-width:100%;
 max-height:100%;
 object-fit:contain;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate span:not(.dz-flexi-discounts-rate-logo){
 display:block;
 width:100%;
 min-width:0;
 max-width:100%;
 font-size:10px;
 font-weight:650;
 line-height:1.35;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:clip;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate strong{
 display:block;
 max-width:100%;
 font-size:clamp(12px,3.5vw,17px)!important;
 line-height:1.2;
 font-weight:850;
 white-space:nowrap;
 direction:ltr;
 unicode-bidi:isolate;
 font-variant-numeric:tabular-nums;
}
@media(max-width:390px){
 #flexi-discounts-dialog .dz-flexi-discounts-rate-strip{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
 }
 #flexi-discounts-dialog .dz-flexi-discounts-rate{
  min-height:85px;
  padding:7px 1px!important;
  gap:3px!important;
  border-radius:10px!important;
 }
 #flexi-discounts-dialog .dz-flexi-discounts-rate-logo{
  width:27px;height:27px;flex-basis:27px;
  border-radius:8px;
 }
 #flexi-discounts-dialog .dz-flexi-discounts-rate span:not(.dz-flexi-discounts-rate-logo){
  font-size:9px;
 }
 #flexi-discounts-dialog .dz-flexi-discounts-rate strong{
  font-size:clamp(11px,3.4vw,13px)!important;
 }
}
@media(max-width:320px){
 #flexi-discounts-dialog .dz-flexi-discounts-card{padding-inline:10px!important}
 #flexi-discounts-dialog .dz-flexi-discounts-rate-strip{gap:3px!important}
 #flexi-discounts-dialog .dz-flexi-discounts-rate-logo{width:24px;height:24px;flex-basis:24px}
 #flexi-discounts-dialog .dz-flexi-discounts-rate span:not(.dz-flexi-discounts-rate-logo){font-size:8px}
 #flexi-discounts-dialog .dz-flexi-discounts-rate strong{font-size:11px!important}
}

/* 2026-11-06: Improve existing branded logos' legibility without changing card height. */
#flexi-discounts-dialog .dz-flexi-discounts-rate-logo{
 width:37px;
 height:37px;
 flex-basis:37px;
 padding:1px;
 border-radius:10px;
 margin-bottom:0;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate-logo img{
 width:100%;
 height:100%;
 object-fit:contain;
}
#flexi-discounts-dialog .dz-flexi-discounts-rate-logo img[src$="/algerie-telecom.svg"]{
 transform:scale(1.12);
}
#flexi-discounts-dialog .dz-flexi-discounts-rate{
 gap:3px!important;
 min-height:91px;
 padding:6px 2px!important;
}
@media(max-width:390px){
 #flexi-discounts-dialog .dz-flexi-discounts-rate-logo{
  width:32px;height:32px;flex-basis:32px;padding:1px;
 }
 #flexi-discounts-dialog .dz-flexi-discounts-rate{
  min-height:85px;
  padding:5px 1px!important;
 }
}
@media(max-width:320px){
 #flexi-discounts-dialog .dz-flexi-discounts-rate-logo{
  width:28px;height:28px;flex-basis:28px;padding:1px;
 }
}


/* 2026-11-06: empty Flexi phone field; distinguish guidance from typed digits. */
#shop-flexi #flexi-phone::placeholder{
 color:var(--dz-muted)!important;
 -webkit-text-fill-color:var(--dz-muted)!important;
 opacity:.7!important;
 font-size:clamp(13px,3.8vw,16px)!important;
 font-weight:500!important;
 letter-spacing:0!important;
}

/* Read-only service news in DZ PULSE */
.dz-updates-inbox{display:grid;gap:9px;padding:12px 13px;margin:10px 0;border:1px solid rgba(58,178,134,.22);border-radius:16px;background:rgba(32,134,102,.07)}
.dz-updates-inbox-title{font-size:14px;font-weight:800;color:var(--text,#eee);padding:1px 3px 4px}
.dz-updates-inbox-item{width:100%;display:grid;gap:4px;border:1px solid rgba(152,163,184,.17);border-radius:12px;padding:11px 13px;background:rgba(15,20,31,.45);color:inherit;text-align:right;cursor:pointer;min-width:0}
.dz-updates-inbox-item.is-new{border-inline-start:3px solid #34b77a;background:rgba(27,117,88,.13)}
.dz-updates-inbox-item strong{font-size:13px;line-height:1.6;font-weight:700}
.dz-updates-inbox-item span{font-size:12px;color:var(--muted,#a0a6b2);line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}
#dz-service-updates-modal[hidden]{display:none!important}
#dz-service-updates-modal{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.dz-updates-backdrop{position:absolute;inset:0;background:rgba(2,7,15,.7);backdrop-filter:blur(3px)}
.dz-updates-panel{position:relative;width:min(460px,100%);max-height:min(80vh,660px);overflow-y:auto;background:#1c202b;color:#f5f5f6;border:1px solid #343a4a;box-shadow:0 22px 90px rgba(0,0,0,.5);border-radius:20px;box-sizing:border-box}
.dz-updates-panel header{padding:17px 20px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #343a4a}
.dz-updates-panel header h2{font-size:19px;margin:0;flex:1;font-weight:800}
.dz-updates-panel [data-updates-close]{border:0;background:#303645;color:#f5f5f6;border-radius:50%;height:31px;width:31px;font-size:23px;cursor:pointer}
.dz-updates-content{padding:15px 18px;display:grid;gap:12px}
.dz-updates-item{background:#23342f;border-inline-start:3px solid #41bf75;border-radius:12px;padding:14px 15px}
.dz-updates-item strong{display:block;color:#70de95;font-size:14px;line-height:1.6}
.dz-updates-item p{margin:6px 0 0;color:#e2e6e7;line-height:1.75;font-size:13px}
.dz-updates-panel footer{display:flex;gap:12px;padding:14px 18px 17px;justify-content:space-between}
.dz-updates-panel footer button{border:none;border-radius:999px;padding:11px 19px;color:#eee;background:#333949;cursor:pointer;font-size:13px;font-weight:700}
.dz-updates-panel footer [data-updates-ack]{background:#3a4358;color:#fff}
@media(max-width:520px){.dz-updates-panel{max-height:78dvh}.dz-updates-inbox{margin:8px 0;padding:10px}.dz-updates-panel footer{padding:12px 14px}}

/* Self-credit presentation for both hashed Shop CSS and legacy /ar/account.css.
   The page is read-only while the financial execution endpoint is unavailable. */
.sc-wallet-entry{
  display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;column-gap:12px;width:100%;max-width:100%;min-width:0;
  min-height:76px;margin:14px 0 18px;padding:14px 16px;
  border:1px solid #e4d9bd!important;border-radius:16px;
  background:#fcfaf4!important;color:#292c32!important;
  text-align:start!important;text-decoration:none;
  font-family:inherit;font-size:inherit;line-height:normal;
  box-shadow:0 2px 9px rgba(36,30,12,.035);
  cursor:pointer;appearance:none;-webkit-appearance:none;
}
.sc-wallet-entry:focus-visible{outline:2px solid #a2874c;outline-offset:3px}
.sc-wallet-glyph{
  display:flex!important;align-items:center;justify-content:center;
  width:40px;height:40px;min-width:40px;min-height:40px;
  border-radius:12px;border:1px solid #e0d3b3;
  background:#f3eddc;color:#92733e;
}
.sc-wallet-entry .sc-wallet-glyph svg{
  display:block!important;width:20px!important;height:20px!important;
  min-width:20px;max-width:20px;min-height:20px;max-height:20px;
  fill:none!important;stroke:currentColor;stroke-width:1.7;
}
.sc-wallet-label{display:grid!important;gap:4px;min-width:0;max-width:100%}
.sc-wallet-label strong{font-size:13px;line-height:1.55;font-weight:750;color:inherit;white-space:normal}
.sc-wallet-label small{font-size:10.5px;line-height:1.65;font-weight:500;color:#797361;white-space:normal;overflow-wrap:anywhere}
.sc-wallet-open{font-size:10px;line-height:1.5;white-space:nowrap;color:#977a40;font-weight:700}

/* Modal is rendered in the site's existing account-sheet, not its own page. */
.account-sheet:has(.sc-sheet){max-height:min(83dvh,760px);overflow-x:hidden}
.account-sheet:has(.sc-sheet) .account-sheet-head{padding-bottom:14px}
.account-sheet:has(.sc-sheet) .account-sheet-head small{color:#957a49}
.account-sheet:has(.sc-sheet) .account-sheet-head h3{font-size:18px;line-height:1.6}
.account-sheet:has(.sc-sheet) #account-sheet-body{min-width:0}
.sc-sheet{
  display:grid!important;gap:13px;min-width:0;max-width:100%;
  color:#222936;line-height:1.5;direction:rtl;font-family:inherit;font-size:13px;
}
.sc-sheet *{box-sizing:border-box}
.sc-sheet .sc-sheet-caption{margin:0;color:#747d8d;font-size:11px;line-height:1.7;text-align:start}
.sc-sheet-available{
  display:grid!important;gap:9px;min-width:0;border:0;border-radius:16px;
  background:linear-gradient(120deg,#23344c,#2b3544 72%,#46412e);
  padding:19px 18px;color:#fff;box-shadow:0 6px 17px rgba(27,42,59,.08);
}
.sc-sheet-available small{display:block;font-size:11px;line-height:1.65;color:#e0e4e9}
.sc-sheet-available strong{
  display:block;direction:ltr;text-align:right;font-variant-numeric:tabular-nums;
  color:#fff;font-weight:750;font-size:clamp(26px,7vw,33px);
  line-height:1.3;white-space:nowrap;letter-spacing:0
}
.sc-sheet-available em,.sc-sheet-grid em{font-style:normal;font-size:.48em;vertical-align:baseline}
.sc-sheet-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.sc-sheet-grid>div{
  display:grid!important;align-content:center;gap:7px;
  padding:13px 11px;min-width:0;min-height:75px;
  border:1px solid #e7e8ec;border-radius:12px;background:#f8f9fb;
}
.sc-sheet-grid small{display:block;color:#737f90;font-size:10px;line-height:1.5}
.sc-sheet-grid strong{
  display:block;color:#222936;font-size:15px;line-height:1.5;font-weight:730;
  font-variant-numeric:tabular-nums;direction:ltr;text-align:right;white-space:nowrap
}
.sc-sheet-info{
  display:flex!important;align-items:flex-start;gap:9px;min-width:0;
  margin:0;padding:12px 13px;border:1px solid #e4d9bf;border-radius:12px;
  background:#fffbf3;color:#74613c;font-size:11px;line-height:1.85;
}
.sc-sheet-info svg,.account-sheet .sc-sheet-info svg{
  display:block!important;flex:0 0 17px!important;
  width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;
  max-width:17px!important;max-height:17px!important;
  margin:2px 0 0!important;fill:none!important;stroke:currentColor;
  stroke-width:1.7;overflow:visible
}
.sc-sheet-history{border:1px solid #e8e8ec;border-radius:12px;padding:10px 12px}
.sc-sheet-history summary{cursor:pointer;color:#4e5f78;font-size:11px;font-weight:700}
.sc-sheet-history p{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#687384;margin:9px 0}
.sc-sheet-history strong{font-weight:700;color:#26364a}

/* The store and standalone account surface use different theme state classes. */
:is(body.dz-dark,body.account-dark) .sc-wallet-entry{
  background:#272821!important;border-color:#5a5542!important;color:#f4f0e5!important;
}
:is(body.dz-dark,body.account-dark) .sc-wallet-glyph{
  border-color:#746b4f;background:#39372d;color:#d7c092
}
:is(body.dz-dark,body.account-dark) .sc-wallet-label small{color:#b8b09b}
:is(body.dz-dark,body.account-dark) .sc-wallet-open{color:#dfc88d}
:is(body.dz-dark,body.account-dark) .sc-sheet{color:#eef1f5}
:is(body.dz-dark,body.account-dark) .sc-sheet-caption{color:#b1bac7}
:is(body.dz-dark,body.account-dark) .sc-sheet-grid>div{border-color:#383f4e;background:#232a36}
:is(body.dz-dark,body.account-dark) .sc-sheet-grid small{color:#aeb6c4}
:is(body.dz-dark,body.account-dark) .sc-sheet-grid strong{color:#f4f6fa}
:is(body.dz-dark,body.account-dark) .sc-sheet-info{background:#302d26;border-color:#685c3f;color:#ecd7a7}
:is(body.dz-dark,body.account-dark) .sc-sheet-history{border-color:#3a4554}
:is(body.dz-dark,body.account-dark) .sc-sheet-history summary{color:#c3cad6}
:is(body.dz-dark,body.account-dark) .sc-sheet-history p,
:is(body.dz-dark,body.account-dark) .sc-sheet-history strong{color:#d7e0ef}

@media(max-width:410px){
 .sc-wallet-entry{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:11px 12px}
 .sc-wallet-glyph{width:36px;height:36px;min-width:36px;min-height:36px}
 .sc-wallet-label strong{font-size:12px}
 .sc-wallet-label small{font-size:10px}
 .sc-wallet-open{font-size:9.5px}
 .sc-sheet-grid>div{min-height:70px;padding:10px}
 .sc-sheet-grid strong{font-size:14px}
 .account-sheet:has(.sc-sheet){width:calc(100vw - 20px);max-height:88dvh;padding-inline:17px}
 .account-sheet:has(.sc-sheet) .account-sheet-head{margin-inline:-17px;padding-inline:17px}
}
@media(max-width:350px){
 .sc-wallet-entry{grid-template-columns:34px minmax(0,1fr)}
 .sc-wallet-open{grid-column:2;justify-self:start;margin-top:-3px}
 .sc-sheet-grid{gap:7px}
 .sc-sheet-grid strong{font-size:13px}
}

/* Financial workflow remains hidden unless Core advertises that its execution gate is open. */
.sc-execute{display:grid;gap:9px;margin-top:4px;padding:14px;border:1px solid #e5e6eb;border-radius:13px;background:#fcfcfd}
.sc-execute>label{font-size:12px;font-weight:750;color:#263246}
.sc-execute>small{font-size:10px;line-height:1.7;color:#788191}
.sc-input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #ccd7e8;border-radius:10px;padding:0 12px;background:#fff;min-height:48px}
.sc-input-wrap:focus-within{border-color:#315cdd;box-shadow:0 0 0 2px rgba(49,92,221,.11)}
.sc-input-wrap input,.sc-input-wrap input:focus{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;flex:1;width:0;min-width:0;height:46px;color:#18263c;text-align:right;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
.sc-input-wrap>span{color:#788191;font-size:11px}
.sc-actions{display:flex;gap:8px;flex-wrap:wrap}
.sc-actions button,.sc-recovery button{flex:1 1 125px;min-height:44px;background:#315cdd;color:#fff;border:0;border-radius:10px;font-weight:750;font-size:12px}
.sc-actions button+button{background:#edf1fa;color:#34528c}
.sc-actions button:disabled,.sc-recovery button:disabled{opacity:.55;cursor:not-allowed}
.sc-review{display:grid;gap:7px}.sc-review small{color:#768396;font-size:11px}.sc-review strong{font-size:26px;font-variant-numeric:tabular-nums}.sc-review p{font-size:11px;line-height:1.7;color:#566277;margin:0}
.sc-recovery{border:1px solid #dfcda1;background:#fcf8ef;border-radius:12px;padding:13px;display:grid;gap:8px}
.sc-recovery strong{font-size:12px;color:#63512e}.sc-recovery p{font-size:11px;line-height:1.75;color:#6e603c;margin:0}
.sc-recovery button{background:#917141}
.sc-feedback{background:#fff8e8;color:#785d27;padding:11px;border-radius:10px;font-size:11px;line-height:1.8;margin:0}
.sc-feedback[hidden]{display:none}
.sc-operation-success{background:#eaf7ee;color:#20734b;border-radius:10px;font-size:12px;padding:12px;margin:0}
:is(body.dz-dark,body.account-dark) .sc-execute{background:#202630;border-color:#384354}
:is(body.dz-dark,body.account-dark) .sc-execute>label,:is(body.dz-dark,body.account-dark) .sc-review strong{color:#f1f4f7}
:is(body.dz-dark,body.account-dark) .sc-input-wrap{background:#151e2c;border-color:#425169}
:is(body.dz-dark,body.account-dark) .sc-input-wrap input{color:#fff}
:is(body.dz-dark,body.account-dark) .sc-review p,:is(body.dz-dark,body.account-dark) .sc-execute>small{color:#b0b8c5}

/* DZFLEXI self-credit practical mobile workflow; scoped to this window only. */
body.dz-wallet-open .account-sheet:has(.sc-practical){
 width:min(460px,calc(100vw - 22px));max-height:90dvh;
 border-radius:22px;
}
body.dz-wallet-open .account-sheet:has(.sc-practical) #account-sheet-body{
 padding:12px 15px max(18px,env(safe-area-inset-bottom));
 overflow-y:auto;
}
.sc-practical{display:grid!important;gap:11px!important;min-width:0;font-family:inherit}
.sc-practical .sc-current{
 background:linear-gradient(120deg,#1e304b 0%,#2c3342 70%,#4d4832 100%);
 border-radius:16px;padding:17px 17px 14px;color:#fff;display:grid;gap:8px;
}
.sc-practical .sc-current-top,.sc-practical .sc-current-bottom{
 display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;
 font-size:11px;line-height:1.6;color:#d9dfe8
}
.sc-practical .sc-current-status{
 padding:4px 9px;background:rgba(255,255,255,.12);border-radius:20px;
 color:#f8f5ea;font-size:10px;font-weight:650;
}
.sc-practical .sc-current-amount{
 display:flex;align-items:baseline;justify-content:flex-end;gap:7px;
 direction:ltr;color:#fff;margin:1px 0 3px
}
.sc-practical .sc-current-amount strong{
 font-size:clamp(30px,8vw,38px);font-weight:800;line-height:1.15;
 letter-spacing:-.03em;font-variant-numeric:tabular-nums
}
.sc-practical .sc-current-amount span{font-size:13px;font-weight:650}
.sc-practical .sc-progress{height:5px;border-radius:8px;background:rgba(255,255,255,.17);overflow:hidden}
.sc-practical .sc-progress>span{display:block;height:100%;border-radius:8px;background:#e9c37a;min-width:0}
.sc-practical .sc-mini-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sc-practical .sc-mini-values>div{
 display:grid;gap:4px;padding:11px 13px;background:#f7f8fa;
 border:1px solid #e6e8ed;border-radius:12px;min-width:0
}
.sc-practical .sc-mini-values small{font-size:10px;color:#778090}
.sc-practical .sc-mini-values strong{
 font-size:17px;font-weight:760;color:#263344;font-variant-numeric:tabular-nums;
 white-space:nowrap;text-align:right
}
.sc-practical .sc-mini-values em{font-size:10px;font-style:normal;color:#78818c}
.sc-practical .sc-primary{
 display:grid;gap:10px;background:transparent;border:0;border-radius:0;
 padding:6px 0 0;margin:0;box-shadow:none
}
.sc-practical .sc-primary>label{
 font-size:13px;line-height:1.5;font-weight:760;color:#1b273a
}
.sc-practical .sc-input-wrap{
 display:flex;align-items:center;gap:10px;min-height:55px;
 border:1.5px solid #bdcbe1;background:#fff;border-radius:12px;padding:0 15px
}
.sc-practical .sc-input-wrap:focus-within{
 border-color:#4162bc;box-shadow:0 0 0 3px rgba(65,98,188,.12)
}
.sc-practical .sc-input-wrap input,.sc-practical .sc-input-wrap input:focus{
 height:52px;min-height:52px;border:0!important;background:transparent!important;
 font-size:23px;font-weight:800;color:#15263d;text-align:right;
 outline:0!important;box-shadow:none!important
}
.sc-practical .sc-input-wrap>span{font-size:12px;font-weight:650;color:#7c8896}
.sc-practical .sc-quick-amounts{display:flex;gap:7px;flex-wrap:wrap}
.sc-practical .sc-quick-amounts>button{
 flex:1 1 auto;min-width:60px;min-height:36px;padding:7px 9px;
 border:1px solid #e1e4e9;background:#f7f8fa;color:#536177;
 border-radius:10px;font-size:11px;font-weight:680;cursor:pointer;
}
.sc-practical .sc-quick-amounts>button.is-selected{
 background:#e6ecfa;border-color:#7492d5;color:#2c4e9d
}
.sc-practical .sc-impact{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 padding:1px 2px;font-size:11px;color:#6a7586;line-height:1.7
}
.sc-practical .sc-impact strong{font-size:12px;font-weight:750;color:#27394e;white-space:nowrap}
.sc-practical .sc-actions{display:flex;gap:9px}
.sc-practical .sc-actions button,.sc-practical .sc-main-btn{
 flex:1;display:flex;align-items:center;justify-content:center;width:100%;
 padding:12px 16px;min-height:49px;border:0;border-radius:12px;
 color:#fff;background:#2650af;font-family:inherit;font-size:13px;font-weight:800;
 cursor:pointer;transition:background .14s ease
}
.sc-practical .sc-actions button+button{
 width:auto;flex:0 0 auto;padding-inline:14px;background:#edf1f8;color:#455a84
}
.sc-practical .sc-actions button:disabled,.sc-practical .sc-main-btn:disabled{
 opacity:.55;cursor:not-allowed
}
.sc-practical .sc-primary .sc-main-btn{margin-top:1px}
.sc-practical .sc-form-note{margin:0;text-align:center;color:#87909d;font-size:10px;line-height:1.65}
.sc-practical .sc-inactive{
 display:flex;align-items:flex-start;gap:9px;padding:11px 12px;
 border-radius:11px;background:#faf8f2;border:1px solid #eae0c7;
 color:#796b4b;font-size:11px;line-height:1.7
}
.sc-practical .sc-inactive svg{width:17px!important;height:17px!important;flex:0 0 17px!important;margin-top:1px}
.sc-practical .sc-fold,.sc-practical .sc-repay-box{
 border:1px solid #e6e8ed;border-radius:12px;background:#fff;
 min-width:0;padding:0;overflow:hidden
}
.sc-practical .sc-fold>summary,.sc-practical .sc-repay-box>summary{
 display:flex;align-items:center;justify-content:space-between;
 gap:8px;padding:13px 14px;cursor:pointer;list-style:none;
 color:#39475c;font-weight:720;font-size:12px
}
.sc-practical .sc-fold>summary::-webkit-details-marker,
.sc-practical .sc-repay-box>summary::-webkit-details-marker{display:none}
.sc-practical .sc-fold>summary>span{display:flex;align-items:center;gap:8px}
.sc-practical .sc-fold summary svg{width:17px!important;height:17px!important;flex:0 0 17px}
.sc-practical .sc-fold>summary>small{font-size:10px;font-weight:650;color:#7a8897}
.sc-practical .sc-fold[open]>summary,.sc-practical .sc-repay-box[open]>summary{border-bottom:1px solid #eef0f3}
.sc-practical .sc-fold-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:9px;padding:12px
}
.sc-practical .sc-fold-grid>div{display:grid;gap:5px;padding:10px;background:#f7f8fa;border-radius:9px}
.sc-practical .sc-fold-grid small{font-size:10px;color:#7e8797}
.sc-practical .sc-fold-grid strong{font-size:13px;color:#2c394b}
.sc-practical .sc-history-list{display:grid;padding:4px 12px}
.sc-practical .sc-history-row{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 padding:10px 0;border-bottom:1px solid #edf0f3;font-size:11px
}
.sc-practical .sc-history-row:last-child{border-bottom:0}
.sc-practical .sc-history-row>span{display:grid;gap:4px}
.sc-practical .sc-history-row small{font-size:10px;color:#858e9b}
.sc-practical .sc-history-row b{font-size:10px;white-space:nowrap;font-weight:750}
.sc-practical .sc-history-row .is-settled{color:#277b52}
.sc-practical .sc-history-row .is-owed{color:#b16a35}
.sc-practical .sc-repay-inner{display:grid;gap:10px;padding:14px}
.sc-practical .sc-repay-inner>label{font-size:12px;font-weight:730}
.sc-practical .sc-repay-box summary strong{font-size:11px;color:#a06b2b}
.sc-practical .sc-review{display:grid;gap:11px}
.sc-practical .sc-review>small{font-size:11px;color:#7b8594}
.sc-practical .sc-review>strong{font-size:29px;color:#213650;line-height:1.2}
.sc-practical .sc-review-details{
 display:grid;grid-template-columns:1fr auto;gap:8px 12px;
 font-size:11px;padding:12px;border-radius:10px;
 background:#f5f7fa;color:#536278
}
.sc-practical .sc-review-details b{color:#233851;white-space:nowrap}
.sc-practical .sc-review p{font-size:11px;color:#798493;line-height:1.7;margin:0}
.sc-practical .sc-feedback{
 border:1px solid #e9dcb5;border-radius:10px;background:#fff9e9;
 color:#785a2c;padding:11px 12px;font-size:11px;line-height:1.7
}
.sc-practical .sc-feedback[hidden]{display:none!important}
.sc-practical .sc-recovery{padding:12px;gap:9px;border-radius:11px}
.sc-practical .sc-recovery .sc-actions button{font-size:11px;min-height:42px}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-mini-values>div,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-fold,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-repay-box{
 background:#242d3a;border-color:#394554
}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-mini-values strong,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-primary>label,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-fold>summary,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-repay-box>summary{
 color:#f4f6fb
}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-quick-amounts>button{background:#283647;border-color:#44536a;color:#dce4f1}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-quick-amounts>button.is-selected{background:#243f75;border-color:#6f91d7}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-impact strong,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-review>strong{color:#f4f7fc}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-fold-grid>div,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-review-details{background:#1d2532}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-fold-grid strong,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-review-details b{color:#e9eef8}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-inactive{background:#302d24;border-color:#63583f;color:#dfcda9}
@media(max-width:410px){
 body.dz-wallet-open .account-sheet:has(.sc-practical){width:calc(100vw - 18px);max-height:90dvh}
 body.dz-wallet-open .account-sheet:has(.sc-practical) #account-sheet-body{padding-inline:12px}
 .sc-practical .sc-current{padding:14px}
 .sc-practical .sc-current-amount strong{font-size:32px}
 .sc-practical .sc-quick-amounts>button{min-width:52px;padding:7px}
}
@media(max-width:360px){
 .sc-practical .sc-quick-amounts>button{flex:1 1 25%;min-width:0}
 .sc-practical .sc-mini-values strong{font-size:15px}
}

/* Debt beside self-credit: separate, always readable action. */
.sc-wallet-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,120px);gap:9px;align-items:stretch;margin:14px 0 18px;direction:rtl;min-width:0}
.sc-wallet-panel .sc-wallet-entry{margin:0;min-width:0;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:12px}
.sc-wallet-panel .sc-wallet-glyph{width:36px;height:36px;min-width:36px;min-height:36px}
.sc-wallet-panel .sc-wallet-open{grid-column:2;justify-self:start;margin:0}
.sc-wallet-inline-debt{font-size:11px;font-weight:700;color:#96642c;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.sc-wallet-inline-debt b{font-size:12px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-wallet-pay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:12px 7px;border:1px solid #ead6b8;border-radius:16px;background:#fff8eb;color:#805727;font-family:inherit;cursor:pointer;min-width:0}
.sc-wallet-pay>span{font-size:11px;font-weight:800}
.sc-wallet-pay strong{font-size:19px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-wallet-pay strong small{font-size:10px}
.sc-wallet-pay em{font-style:normal;font-size:10px;font-weight:700;color:#9a743f}
.sc-wallet-pay:focus-visible{outline:2px solid #a2874c;outline-offset:2px}
.sc-practical .sc-current-bottom{font-weight:620}
.sc-practical .sc-progress{direction:rtl;position:relative;height:7px;background:rgba(255,255,255,.15)}
.sc-practical .sc-progress>span{max-width:100%;transition:width .28s ease;background:#e9c37a}
.sc-practical .sc-mini-values>div:first-child{border-color:#e3c89f;background:#fff9ee}
.sc-practical .sc-mini-values>div:first-child strong{color:#965d22}
.sc-practical .sc-open-debts{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #e4d5bf;border-radius:12px;background:#fff9ef;color:#503b27;padding:12px 13px;font-family:inherit;text-align:right;cursor:pointer;min-width:0}
.sc-practical .sc-open-debts>span:first-child{display:grid;gap:3px;flex:1;min-width:0}
.sc-practical .sc-open-debts strong{font-size:12px;font-weight:800}
.sc-practical .sc-open-debts small{font-size:10px;color:#97866b}
.sc-practical .sc-open-debts-amount{font-size:14px;font-weight:820;white-space:nowrap;color:#956023;font-variant-numeric:tabular-nums}
.sc-practical .sc-open-debts>span:last-child{font-size:16px;color:#947140}
.sc-practical .sc-open-debts:focus-visible{outline:2px solid #a2874c;outline-offset:3px}

/* Independent /ar/debts page: no nested repayment screen. */
.sc-debts-page{direction:rtl;display:grid;gap:15px;min-width:0;max-width:760px;margin:0 auto;padding:10px 0 32px;color:#222b39;font-family:inherit}
.sc-debts-back{display:inline-block;justify-self:start;font-size:12px;font-weight:740;color:#8c6c3b;text-decoration:none}
.sc-debts-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sc-debts-heading small{font-size:11px;color:#7e8895}
.sc-debts-heading h2{font-size:23px;font-weight:850;margin:4px 0 0}
.sc-debts-heading button{width:40px;height:40px;border:1px solid #e2e6ed;border-radius:11px;background:#fff;display:grid;place-items:center;cursor:pointer}
.sc-debts-heading button svg{width:19px;height:19px}
.sc-debts-hero{background:linear-gradient(115deg,#1c2e49,#293748 70%,#4b4632);border-radius:18px;padding:20px 19px;color:#fff;display:grid;gap:12px}
.sc-debts-hero span{font-size:12px;color:#d3deee}
.sc-debts-hero strong{font-size:clamp(29px,8vw,39px);font-weight:850;line-height:1.15;display:block;text-align:right;font-variant-numeric:tabular-nums}
.sc-debts-hero em{font-size:14px;font-style:normal;font-weight:650}
.sc-debts-hero small{font-size:10px;color:#c5d0df}
.sc-debts-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sc-debts-metrics>div{border:1px solid #e2e6ee;border-radius:13px;padding:13px 12px;display:grid;gap:8px;background:#fff}
.sc-debts-metrics small{font-size:10px;color:#858d99}
.sc-debts-metrics strong{font-size:15px;font-weight:780;color:#243750;white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-debts-payment{display:grid;gap:13px;background:#fff;border:1px solid #e5e7ec;border-radius:16px;padding:18px 15px}
.sc-debts-payment h3{font-size:17px;font-weight:830;margin:0}
.sc-debts-payment p{font-size:12px;color:#788494;margin:0;line-height:1.75}
.sc-debts-payment label{font-size:12px;font-weight:740}
.sc-debts-input{display:flex;align-items:center;gap:10px;min-height:56px;border:1.5px solid #bdcbe1;border-radius:12px;padding:0 13px}
.sc-debts-input:focus-within{border-color:#365cbb;box-shadow:0 0 0 3px rgba(54,92,187,.12)}
.sc-debts-input input{flex:1;min-width:0;width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font-size:22px;font-weight:780;text-align:right;color:#20334c;height:52px}
.sc-debts-input span{font-size:12px;color:#86909d}
.sc-debts-presets{display:flex;gap:9px}
.sc-debts-presets button{flex:1;border:1px solid #dfe4ed;border-radius:10px;background:#f7f8fb;color:#51617b;font-family:inherit;font-size:11px;font-weight:710;min-height:39px}
.sc-debts-presets button:disabled{opacity:.48}
.sc-debts-after{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#687687}
.sc-debts-after strong{font-weight:820;color:#203b59}
.sc-debts-submit{min-height:51px;padding:12px;border:0;border-radius:11px;background:#2f58b4;color:#fff;font-family:inherit;font-size:14px;font-weight:800}
.sc-debts-submit:disabled{opacity:.5;cursor:not-allowed}
.sc-debts-unavailable{background:#fff8e8;border:1px solid #e7d9b7;border-radius:11px;padding:11px}
.sc-debts-settled{border:1px solid #c9e5d2;border-radius:13px;background:#f0fbf3;color:#245f41;padding:18px;display:grid;gap:7px}
.sc-debts-settled strong{font-size:15px;font-weight:820}
.sc-debts-settled small{font-size:11px}
.sc-debts-empty,.sc-debts-feedback{border-radius:11px;padding:13px;font-size:12px;background:#f5f7fc;color:#51617d}
.sc-debts-feedback[hidden]{display:none}
.sc-debts-history{display:grid;border:1px solid #e5e8ef;border-radius:14px;background:#fff;padding:10px 14px}
.sc-debts-history h3{font-size:15px;font-weight:810;margin:0 0 3px}
.sc-debts-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f4}
.sc-debts-row:last-child{border:0}
.sc-debts-row>span{display:grid;gap:5px;font-size:12px}
.sc-debts-row small{font-size:10px;color:#7c8794}
.sc-debts-row b{font-size:11px;white-space:nowrap}
.sc-debts-row .is-paid{color:#2a8055}
.sc-debts-row .is-due{color:#b77728}
.sc-debts-wallet-link{justify-self:start;font-size:12px;color:#776034;font-weight:720}
:is(body.dz-dark,body.account-dark) .sc-wallet-pay{background:#393024;border-color:#6a5432;color:#ead2a7}
:is(body.dz-dark,body.account-dark) .sc-wallet-inline-debt{color:#e7c48d}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-mini-values>div:first-child{background:#3e3025;border-color:#695035}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-mini-values>div:first-child strong{color:#f1c58c}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-open-debts{background:#352c22;color:#f1ddbf;border-color:#64513a}
:is(body.dz-dark,body.account-dark) .sc-debts-page{color:#e6edf6}
:is(body.dz-dark,body.account-dark) .sc-debts-payment,
:is(body.dz-dark,body.account-dark) .sc-debts-metrics>div,
:is(body.dz-dark,body.account-dark) .sc-debts-history{background:#252e3d;border-color:#3b495c}
:is(body.dz-dark,body.account-dark) .sc-debts-metrics strong,
:is(body.dz-dark,body.account-dark) .sc-debts-payment h3,
:is(body.dz-dark,body.account-dark) .sc-debts-row strong{color:#f2f5fa}
:is(body.dz-dark,body.account-dark) .sc-debts-input{border-color:#57677c}
:is(body.dz-dark,body.account-dark) .sc-debts-input input{color:#f2f5fa}
:is(body.dz-dark,body.account-dark) .sc-debts-presets button{background:#303d50;color:#dce5f3;border-color:#526277}
@media(max-width:425px){
 .sc-wallet-panel{grid-template-columns:minmax(0,1fr) 92px;gap:7px;margin:11px 0 16px}
 .sc-wallet-panel .sc-wallet-entry{padding:10px 8px;grid-template-columns:28px minmax(0,1fr);gap:7px}
 .sc-wallet-panel .sc-wallet-glyph{width:28px;height:28px;min-width:28px;min-height:28px}
 .sc-wallet-panel .sc-wallet-glyph svg{width:17px!important;height:17px!important}
 .sc-wallet-panel .sc-wallet-label strong{font-size:11.5px}
 .sc-wallet-panel .sc-wallet-label small{font-size:9px}
 .sc-wallet-inline-debt{font-size:10px}
 .sc-wallet-pay{padding:10px 4px}
 .sc-wallet-pay strong{font-size:16px}
 .sc-debts-heading h2{font-size:21px}
 .sc-debts-hero{padding:18px 15px}
 .sc-debts-payment{padding:15px 12px}
}

/* Live modal after confirmed financial posting. Never display pre-confirm
   limits while waiting for the authoritative fresh read. */
.sc-practical .sc-live-sync,.sc-practical .sc-live-success{
 display:flex;align-items:flex-start;gap:12px;min-width:0;
 padding:16px;border:1px solid #cde5d6;border-radius:14px;
 background:#eff9f2;color:#236142
}
.sc-practical .sc-live-sync{display:grid;justify-items:start;gap:9px}
.sc-practical .sc-live-success>div{display:grid;gap:6px;min-width:0;flex:1}
.sc-practical .sc-live-success-check{
 display:grid;place-items:center;flex:0 0 29px;
 width:29px;height:29px;border-radius:50%;
 background:#26865a;color:white;font-size:17px;font-weight:900
}
.sc-practical .sc-live-sync strong,.sc-practical .sc-live-success strong{
 color:#22613e;font-size:13px;font-weight:820;line-height:1.7
}
.sc-practical .sc-live-sync p,.sc-practical .sc-live-success p{
 margin:0;font-size:11px;line-height:1.8;color:#557862
}
.sc-practical .sc-live-sync small,.sc-practical .sc-live-success small{
 font-size:10px;color:#47735a;max-width:100%;overflow-wrap:anywhere
}
.sc-practical .sc-live-success button,.sc-practical .sc-live-sync button{
 border:1px solid #a4cfb4;border-radius:9px;background:#fff;
 color:#236744;font-family:inherit;font-size:11px;font-weight:790;
 padding:9px 12px;white-space:nowrap;cursor:pointer
}
.sc-practical .sc-live-sync button{min-height:42px;width:100%}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-success,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-sync{
 background:#1f3b31;border-color:#386851;color:#d3f4df
}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-success strong,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-sync strong{color:#c6efd6}
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-success p,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-sync p,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-success small,
:is(body.dz-dark,body.account-dark) .sc-practical .sc-live-sync small{color:#b1d5c0}
@media(max-width:390px){
 .sc-practical .sc-live-success{flex-wrap:wrap}
 .sc-practical .sc-live-success>div{flex-basis:calc(100% - 43px)}
 .sc-practical .sc-live-success button{width:100%}
}

/* 2026-11-05: percent-colored track is drawn on the progress element itself.
   Earlier nested span fill appeared full-width on some Android views despite
   the correct aria-valuenow, so no inner span is used. */
.sc-practical .sc-progress{
 display:block!important;
 width:100%;
 box-sizing:border-box;
 height:7px;
 min-height:7px;
 max-height:7px;
 border-radius:99px;
 overflow:hidden;
 background:rgba(255,255,255,.20);
}
.sc-practical .sc-progress:before,
.sc-practical .sc-progress:after{display:none!important;content:none!important}
/* Keep the companion debt button visibly card-shaped on merchant overview,
   whose account-dashboard button defaults may otherwise remove its background. */
.sc-wallet-panel>button.sc-wallet-pay{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 width:100%!important;
 height:100%!important;
 min-height:100px!important;
 padding:12px 7px!important;
 border:1px solid #e5d6bc!important;
 border-radius:15px!important;
 background:#fff7e9!important;
 box-shadow:0 2px 9px rgba(36,30,12,.04)!important;
 color:#7f5425!important;
 text-align:center!important;
 cursor:pointer;
}
.sc-wallet-panel>button.sc-wallet-pay strong{color:#74461f!important}
.sc-wallet-panel>button.sc-wallet-pay em{color:#9b6e30!important}
:is(body.dz-dark,body.account-dark) .sc-wallet-panel>button.sc-wallet-pay{
 background:#3a3126!important;
 border-color:#6b583e!important;
 color:#ebd3aa!important;
}
:is(body.dz-dark,body.account-dark) .sc-wallet-panel>button.sc-wallet-pay strong{color:#f4d6aa!important}
@media(max-width:425px){
 .sc-wallet-panel>button.sc-wallet-pay{min-height:105px!important;padding:9px 5px!important}
 .sc-wallet-panel>button.sc-wallet-pay strong{font-size:16px}
}

/* Mobile account wallet: allocate a real, readable part of the row to debts.
   60% self-credit and 40% debts; neither card may shrink to its content width. */
.sc-wallet-panel{
 grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
 align-items:stretch!important;
 width:100%;
}
.sc-wallet-panel>.sc-wallet-entry,
.sc-wallet-panel>.sc-wallet-pay{
 width:100%!important;
 min-width:0!important;
 height:100%;
 box-sizing:border-box;
}
.sc-wallet-panel .sc-wallet-label{overflow-wrap:anywhere}
.sc-wallet-panel .sc-wallet-open{white-space:normal}
.sc-wallet-panel>button.sc-wallet-pay{min-width:0!important;max-width:none!important}
.sc-wallet-panel>button.sc-wallet-pay strong{
 font-variant-numeric:tabular-nums;
 text-wrap:nowrap;
 font-size:clamp(17px,4vw,22px)!important;
}
/* SVG geometry is immune to generic button/progress/span width overrides. */
.sc-practical svg.sc-remaining-meter,
.account-sheet .sc-practical svg.sc-remaining-meter{
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:8px!important;
 max-height:8px!important;
 min-height:8px!important;
 margin:0!important;
 padding:0!important;
 overflow:visible!important;
 flex:none!important;
}
/* Dedicated debts view must occupy the full mobile grid track. Prior
   auto horizontal margins shrink-wrapped the grid item to ~half the viewport. */
#account-view .sc-debts-page,
#account-view .mw2>.sc-debts-page{
 display:grid!important;
 grid-column:1/-1!important;
 justify-self:stretch!important;
 align-self:start!important;
 box-sizing:border-box!important;
 width:100%!important;
 min-width:0!important;
 max-width:760px;
 margin-inline:auto!important;
 padding:10px 0 calc(120px + env(safe-area-inset-bottom,0px))!important;
}
#account-view .sc-debts-page>*{min-width:0}
#account-view .sc-debts-hero,
#account-view .sc-debts-payment,
#account-view .sc-debts-history,
#account-view .sc-debts-metrics{width:100%!important;min-width:0!important;box-sizing:border-box}
#account-view .sc-debts-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#account-view .sc-debts-input{width:100%;box-sizing:border-box}
#account-view .sc-debts-input input{min-width:0}
#account-view .sc-debts-page .sc-debts-submit,
#account-view .mw2 .sc-debts-submit{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 min-height:50px!important;
 padding:12px 16px!important;
 border:0!important;
 border-radius:12px!important;
 background:#2f58b4!important;
 color:#fff!important;
 font-family:inherit!important;
 font-size:14px!important;
 line-height:1.5!important;
 font-weight:800!important;
 text-align:center!important;
 opacity:1;
 cursor:pointer!important;
 box-shadow:0 5px 12px rgba(43,76,154,.15)!important;
}
#account-view .mw2 .sc-debts-submit:disabled{
 opacity:.5!important;
 cursor:not-allowed!important;
 box-shadow:none!important;
}
@media(max-width:480px){
 .sc-wallet-panel{grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;gap:8px!important}
 .sc-wallet-panel .sc-wallet-entry{grid-template-columns:24px minmax(0,1fr)!important;gap:6px!important;padding:11px 8px!important}
 .sc-wallet-panel .sc-wallet-glyph{width:24px;min-width:24px;height:24px;min-height:24px}
 .sc-wallet-panel .sc-wallet-label strong{font-size:11.5px}
 .sc-wallet-panel .sc-wallet-label small{font-size:9px;line-height:1.55}
 .sc-wallet-panel>button.sc-wallet-pay{padding:11px 6px!important}
 .sc-wallet-panel .sc-wallet-open{font-size:10px}
 #account-view .sc-debts-page{padding-top:2px!important}
 #account-view .sc-debts-page .sc-debts-hero{padding:17px 15px}
}

/* 2026-11-05: avoid double bottom spacers and keep recent finance history usable. */
#account-view .sc-debts-page,
#account-view .mw2>.sc-debts-page{
  padding-bottom:10px!important;
  row-gap:13px!important;
}
#account-view[data-merchant-view="debts"] .ma-footer{
  align-items:center;
  margin-top:0!important;
  padding-top:0!important;
  min-height:0!important;
}
.sc-debts-history{gap:0}
.sc-debts-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 8px}
.sc-debts-history-head h3{font-size:14px;line-height:1.5;margin:0}
.sc-debts-history-head small{font-size:10px;color:#86919d;white-space:nowrap}
.sc-debts-history .sc-debts-row{
 min-height:65px;
 padding:10px 0;
 border-bottom:1px solid #edf0f4
}
.sc-debts-history>.sc-debts-row:last-of-type{border-bottom:0}
.sc-debts-history .sc-debts-row span{min-width:0}
.sc-debts-history .sc-debts-row strong{font-size:12px}
.sc-debts-history .sc-debts-row b{font-size:10.5px}
.sc-debts-more{border-top:1px solid #edf0f4;margin-top:0}
.sc-debts-more>summary{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:9px;
 list-style:none;
 cursor:pointer;
 min-height:45px;
 color:#62748e;
 font-size:11px;
 font-weight:760;
 padding:9px 0;
 -webkit-tap-highlight-color:transparent
}
.sc-debts-more>summary::-webkit-details-marker{display:none}
.sc-debts-more>summary>span:first-child{flex:1}
.sc-debts-more>summary>small{font-size:10px;font-weight:650;color:#8993a1}
.sc-debts-more-chevron{font-size:18px;transition:transform .18s ease;color:#677d97}
.sc-debts-more[open] .sc-debts-more-chevron{transform:rotate(180deg)}
.sc-debts-more .sc-debts-row:last-child{border-bottom:0}
:is(body.dz-dark,body.account-dark) .sc-debts-history .sc-debts-row,
:is(body.dz-dark,body.account-dark) .sc-debts-more{border-color:#384657}
:is(body.dz-dark,body.account-dark) .sc-debts-more>summary{color:#c3d0e1}

/* Merchant sidebar: eligibility-scoped self-credit shortcut between Wallet and Debts. */
#trader-sidebar nav .trader-self-credit-link,
#trader-drawer nav .trader-self-credit-link{
 display:flex;
 align-items:center;
 gap:11px;
 width:100%;
 min-height:44px;
 padding:10px 12px;
 border:1px solid transparent;
 border-radius:12px;
 background:transparent;
 color:inherit;
 font-family:inherit;
 font-size:14px;
 line-height:1.4;
 font-weight:650;
 text-align:start;
 cursor:pointer;
 transition:background .16s,color .16s,border-color .16s;
}
#trader-sidebar nav .trader-self-credit-link svg,
#trader-drawer nav .trader-self-credit-link svg{
 width:20px;
 height:20px;
 flex:0 0 20px;
 opacity:.8;
}
#trader-sidebar nav .trader-self-credit-link:hover,
#trader-drawer nav .trader-self-credit-link:hover{
 background:color-mix(in srgb,var(--dz-accent) 8%,transparent);
}
#trader-sidebar nav .trader-self-credit-link:focus-visible,
#trader-drawer nav .trader-self-credit-link:focus-visible{
 outline:2px solid var(--dz-accent);
 outline-offset:2px;
}
#trader-sidebar nav .trader-self-credit-link[hidden],
#trader-drawer nav .trader-self-credit-link[hidden]{display:none!important}
#trader-sidebar nav .trader-self-credit-link:disabled:not([hidden]),
#trader-drawer nav .trader-self-credit-link:disabled:not([hidden]){opacity:.65;cursor:wait}
.dz-trader-collapsed #trader-sidebar nav .trader-self-credit-link{justify-content:center;padding-inline:7px}
.dz-trader-collapsed #trader-sidebar nav .trader-self-credit-link>span{display:none}
@media(max-width:900px){
 #trader-drawer nav .trader-self-credit-link{min-height:47px;padding:10px 12px;font-size:13px}
}

/* 2026-11-06: Compact "ديوني" summary directly below sidebar wallet. */
#trader-sidebar .trader-debt-card,
#trader-drawer .trader-debt-card{
 display:grid;
 gap:9px;
 width:100%;
 min-width:0;
 box-sizing:border-box;
 margin-top:11px;
 padding:13px 14px;
 border:1px solid #e4d1ac;
 border-radius:16px;
 background:linear-gradient(120deg,#fff8eb,#fcf4e4);
 color:#74532e;
 text-decoration:none;
 text-align:start;
 cursor:pointer;
 box-shadow:0 3px 12px rgba(115,79,30,.035);
 transition:background .15s ease,border-color .15s ease;
}
#trader-sidebar .trader-debt-card[hidden],
#trader-drawer .trader-debt-card[hidden]{display:none!important}
#trader-sidebar .trader-debt-card:hover,
#trader-drawer .trader-debt-card:hover{border-color:#caa879;background:#fff2dc}
#trader-sidebar .trader-debt-card:focus-visible,
#trader-drawer .trader-debt-card:focus-visible{
 outline:2px solid #bf924e;outline-offset:2px
}
.trader-debt-card-top,
.trader-debt-card-bottom{display:flex;align-items:center;gap:6px;min-width:0}
.trader-debt-card-top{justify-content:space-between}
.trader-debt-card-top>span{display:flex;align-items:center;gap:6px;font-size:12px}
.trader-debt-card-top>span svg{width:17px;height:17px;flex:0 0 17px}
.trader-debt-card-top strong{font-weight:800}
.trader-debt-card-top small{font-size:9px;color:#9a825e}
.trader-debt-card-bottom{flex-wrap:wrap;align-items:baseline}
.trader-debt-amount{
 font:800 clamp(18px,4vw,23px)/1.2 system-ui,sans-serif;
 font-variant-numeric:tabular-nums;
 unicode-bidi:plaintext;
}
.trader-debt-unit{font-size:10px;font-weight:700}
.trader-debt-card-action{
 margin-inline-start:auto;
 white-space:nowrap;
 font-size:10px;
 font-weight:750;
 color:#8a6837;
}
.dz-dark #trader-sidebar .trader-debt-card,
.dz-dark #trader-drawer .trader-debt-card{
 background:linear-gradient(120deg,#393225,#302d29);
 border-color:#675338;
 color:#f0d9ab;
}
.dz-dark .trader-debt-card-top small,
.dz-dark .trader-debt-card-action{color:#dec08b}
.dz-trader-collapsed #trader-sidebar .trader-debt-card{display:none!important}
@media(max-width:900px){
 #trader-drawer .trader-debt-card{
  padding:14px 15px;
  margin-top:12px;
  border-radius:17px;
 }
}

/* Unified debt card: one total in the customer drawer and account sidebar. */
#trader-sidebar .trader-debt-card,
#trader-drawer .trader-debt-card{
 gap:10px;
 padding:15px 16px;
 border:1px solid #e1c69e;
 border-radius:17px;
 background:linear-gradient(135deg,#fff9ed 0%,#fff4df 100%);
 box-shadow:0 4px 14px rgba(133,91,36,.055);
}
.trader-debt-card-top{gap:12px;align-items:center}
.trader-debt-card-top>span{font-size:13px}
.trader-debt-card-top small{font-size:10px;font-weight:700}
.trader-debt-card-bottom{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}
.trader-debt-amount{font-size:clamp(23px,5vw,28px);font-weight:850;letter-spacing:-.4px}
.trader-debt-unit{font-size:12px;margin-inline-start:3px}
.trader-debt-card-action{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:1px}
.trader-debt-subline{display:flex;align-items:center;justify-content:space-between;
 gap:8px;padding-top:9px;border-top:1px solid rgba(145,100,40,.18);
 color:#98764b;font-size:10px;line-height:1.5}
.trader-debt-status{color:#7d5327;border:1px solid #e5c99b;border-radius:99px;
 background:#fff4da;padding:3px 8px;font-size:10px;font-weight:800}
.trader-debt-card.is-clear{border-color:#c4ded0;background:linear-gradient(135deg,#f3faf5,#eef9f2);color:#246546}
.trader-debt-card.is-clear .trader-debt-status{background:#e4f5e8;border-color:#acd2b9;color:#26744c}
.trader-debt-card.is-clear .trader-debt-subline,
.trader-debt-card.is-clear .trader-debt-card-action{color:#508166}
.dz-dark #trader-sidebar .trader-debt-card,
.dz-dark #trader-drawer .trader-debt-card{background:linear-gradient(135deg,#342f27,#393225);border-color:#69533a;color:#f3dab0}
.dz-dark .trader-debt-subline{border-top-color:#66543f;color:#dbbf93}
.dz-dark .trader-debt-status{background:#4b3b26;border-color:#82653b;color:#f4cf93}
.dz-dark #trader-sidebar .trader-debt-card.is-clear,
.dz-dark #trader-drawer .trader-debt-card.is-clear{background:#20352b;border-color:#3e7155;color:#c7f1d7}
@media(max-width:900px){
 #trader-drawer .trader-debt-card{margin-top:12px;padding:15px 17px;gap:11px}
 #trader-drawer .trader-debt-amount{font-size:27px}
}

/* Drawer + account debt card visual polish; debt values and links are unchanged. */
#trader-sidebar .trader-debt-card,
#trader-drawer .trader-debt-card{
 display:grid;gap:10px;padding:16px 17px;
 border-radius:17px;border:1px solid #e2cda9;
 background:linear-gradient(125deg,#fffaf0 0%,#fdf4e4 100%);
 box-shadow:0 2px 12px rgba(104,75,33,.045);
 color:#6b4c2b;
}
.trader-debt-card-top{align-items:center;gap:9px}
.trader-debt-card-top>span{gap:8px;font-size:15px;line-height:1.5}
.trader-debt-card-top>span svg{width:18px;height:18px;flex-basis:18px}
.trader-debt-card-top small{font-size:10px;line-height:1.6;color:#8b724f}
.trader-debt-card-bottom{align-items:baseline;gap:6px;min-width:0}
.trader-debt-amount{font-size:clamp(26px,6vw,31px);letter-spacing:-.5px;line-height:1.15}
.trader-debt-unit{font-size:12px;font-weight:800}
.trader-debt-card-action{font-size:11px;font-weight:800;text-decoration:none;border:1px solid #ddc49c;border-radius:9px;background:rgba(255,255,255,.45);padding:7px 10px;line-height:1.25;white-space:nowrap}
.trader-debt-subline{padding-top:10px;gap:8px;font-size:11px;color:#886e4a}
.trader-debt-status{font-size:10px;min-width:57px;text-align:center;padding:5px 9px}
.trader-debt-card.is-clear{background:linear-gradient(125deg,#f5fbf6,#eefaef);border-color:#c1ddc8;color:#2c6949}
.trader-debt-card.is-clear .trader-debt-card-action{border-color:#bbd7c1;color:#35684b;background:#ffffff99}
.dz-dark #trader-sidebar .trader-debt-card,
.dz-dark #trader-drawer .trader-debt-card{background:linear-gradient(125deg,#342e26,#393023);border-color:#72593c;color:#f0d6a8}
.dz-dark .trader-debt-card-action{background:#4c3c29;border-color:#806444;color:#f7dfb7}
.dz-dark .trader-debt-card-top small{color:#e2c99d}
.dz-dark #trader-sidebar .trader-debt-card.is-clear,
.dz-dark #trader-drawer .trader-debt-card.is-clear{background:#20352b;border-color:#3e7155;color:#c7f1d7}
.dz-dark .trader-debt-card.is-clear .trader-debt-card-action{background:#2d4638;color:#d7f3e2;border-color:#49755a}
@media(max-width:900px){
 #trader-drawer .trader-debt-card{padding:16px 18px;gap:11px}
 #trader-drawer .trader-debt-amount{font-size:29px}
}
@media(max-width:360px){
 #trader-drawer .trader-debt-card{padding:13px 14px}
 .trader-debt-card-top>span{font-size:13px}
 .trader-debt-card-action{padding:7px 8px;font-size:10px}
 .trader-debt-amount{font-size:25px}
 .trader-debt-subline{font-size:10px}
}