/*
 * BacklinkPro Control — Customer panel 3.28.0 99% deep clay foundation
 * One coherent UI layer. No stacked legacy skins.
 * Goal: simple, useful, compact, white-label and mobile-first.
 */

:root{--ux-bg:#F4F1FA;--ux-card:#FBF9FF;--ux-card-hi:#FFFFFF;--ux-soft:#F3EEF8;--ux-soft-2:#ECE7F3;--ux-text:#332F3A;--ux-text-2:#4C4654;--ux-muted:#635F69;--ux-faint:#837B8C;--ux-line:rgba(255,255,255,.78);--ux-line-strong:rgba(93,78,111,.14);--ux-primary:#7C3AED;--ux-primary-hover:#6D28D9;--ux-primary-soft:rgba(124,58,237,.10);--ux-success:#10B981;--ux-success-soft:#D1FAE5;--ux-warn:#D97706;--ux-warn-soft:#FEF3C7;--ux-danger:#DC2626;--ux-danger-soft:#FEE2E2;--ux-shadow:14px 16px 30px rgba(90,72,112,.16),-10px -12px 26px rgba(255,255,255,.94),inset 3px 3px 8px rgba(255,255,255,.72),inset -3px -3px 8px rgba(82,61,103,.055);--ux-shadow-sm:8px 9px 18px rgba(90,72,112,.13),-7px -8px 16px rgba(255,255,255,.92),inset 2px 2px 5px rgba(255,255,255,.68),inset -2px -2px 5px rgba(82,61,103,.045);--ux-inset:inset 7px 7px 15px rgba(109,92,128,.17),inset -7px -7px 15px rgba(255,255,255,.94);--ux-button:12px 12px 24px rgba(124,58,237,.30),-8px -8px 16px rgba(255,255,255,.40),inset 4px 4px 8px rgba(255,255,255,.40),inset -4px -4px 8px rgba(0,0,0,.10);--ux-radius:32px;--ux-radius-sm:20px;--ux-max:1320px;--ux-side:238px;--ux-ease:cubic-bezier(.2,.72,.2,1);}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--ux-bg)}
body.acp-ux{
  min-height:100dvh;
  margin:0;
  background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.92),transparent 25%),radial-gradient(circle at 92% 10%,rgba(188,213,246,.34),transparent 28%),var(--ux-bg);
  color:var(--ux-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body.acp-ux a{color:inherit;text-decoration:none}
body.acp-ux img{max-width:100%;display:block}
body.acp-ux input,body.acp-ux select,body.acp-ux textarea,body.acp-ux button{font:inherit}
body.acp-ux button{color:inherit}
body.acp-ux h1,body.acp-ux h2,body.acp-ux h3{margin:0;color:var(--ux-text);font-weight:700;letter-spacing:-.035em;line-height:1.08}
body.acp-ux p{margin:0}
body.acp-ux :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(124,58,237,.16);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[hidden]{display:none!important}

/* Header */
.ux-top{
  position:sticky;
  top:0;
  z-index:9000;
  width:100%;
  min-height:68px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px max(16px,calc((100vw - var(--ux-max))/2));
  background:linear-gradient(145deg,rgba(249,251,254,.96),rgba(231,237,244,.96));
  border:1px solid rgba(255,255,255,.86);
  border-radius:20px;
  box-shadow:7px 7px 17px rgba(153,168,185,.22),-6px -6px 16px rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
}
.ux-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;font-size:19px;font-weight:700;letter-spacing:-.04em}
.ux-logo img{width:auto;max-width:150px;max-height:38px}
.ux-logo__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:20px;background:#111827;color:#fff;font-size:14px;font-weight:700;flex:0 0 auto}
.ux-logo__name{white-space:nowrap}
.ux-burger{display:none;width:40px;height:40px;padding:0;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);cursor:pointer;align-content:center;justify-content:center;gap:4px}
.ux-burger span{display:block;width:17px;height:1.5px;border-radius:20px;background:#344054}
.ux-fx{position:relative;margin-left:auto}
.ux-fx__btn{min-height:40px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text-2);font-size:12px;font-weight:700;cursor:pointer}
.ux-fx__btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.ux-fx__menu{position:absolute;right:0;top:calc(100% + 7px);z-index:30;min-width:108px;margin:0;padding:5px;list-style:none;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:0 14px 34px rgba(16,24,40,.14)}
.ux-fx__menu button{width:100%;min-height:36px;padding:0 10px;border:0;border-radius:20px;background:transparent;text-align:left;font-size:12px;cursor:pointer}
.ux-fx__menu button:hover{background:var(--ux-soft)}
.ux-fx__menu [aria-selected="true"] button{color:var(--ux-primary);font-weight:700}
.ux-fxpills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.ux-fxpills>span{color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ux-fxpills>div{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card)}
.ux-fxpills button{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ux-text-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.ux-fxpills button.is-active{background:var(--ux-primary);color:#fff}
.ux-search[data-ux-typeahead]{position:relative;z-index:30;overflow:visible}
.ux-typeahead{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(420px,62vh);overflow-y:auto;padding:6px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:0 18px 44px rgba(16,24,40,.16);text-align:left}
.ux-typeahead__item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;border-radius:20px;color:inherit;text-decoration:none}
.ux-typeahead__item:hover,.ux-typeahead__item.is-active{background:var(--ux-soft)}
.ux-typeahead__thumb{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:var(--ux-soft);color:var(--ux-text-2);font-size:13px;font-weight:700}
.ux-typeahead__thumb img{width:100%;height:100%;object-fit:cover}
.ux-typeahead__copy{min-width:0;display:grid;gap:1px}
.ux-typeahead__copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.ux-typeahead__copy small{color:var(--ux-muted);font-size:11px}
.ux-typeahead__item em{font-style:normal;font-weight:700;font-size:13px;white-space:nowrap}
.ux-typeahead mark{background:rgba(59,130,246,.18);color:inherit;border-radius:20px;padding:0 1px}
.ux-search .ux-typeahead__all{width:100%;height:auto;min-height:38px;display:block;margin-top:4px;border:0;border-top:1px solid var(--ux-line);border-radius:0;background:transparent;color:var(--ux-primary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.ux-typeahead__empty{margin:0;padding:12px 10px;color:var(--ux-muted);font-size:13px}
.ux-searchmeta{margin:0;color:var(--ux-muted);font-size:13px}
.ux-searchmeta a{color:var(--ux-primary);font-weight:700}
.ux-suggest{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
.ux-suggest a{padding:5px 10px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);font-size:12.5px;font-weight:600}
.ux-quickpicks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}
.ux-quickpicks>span{color:var(--ux-muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.ux-quickpicks a{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);font-weight:600}
.ux-quickpicks small{color:var(--ux-muted);font-size:10.5px}
.ux-coupon{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px dashed var(--ux-line);border-radius:20px;background:var(--ux-card);font-size:13px;line-height:1.45}
.ux-coupon.is-ok{border-color:rgba(22,163,74,.5);background:rgba(22,163,74,.07)}
.ux-coupon.is-bad{border-color:rgba(234,88,12,.5);background:rgba(234,88,12,.07)}
.ux-coupon__text{flex:1;min-width:0}
.ux-coupon__remove{margin-left:auto;color:var(--ux-muted);font-size:12px;font-weight:700;white-space:nowrap}
.ux-coupon--ask{display:block}
.ux-coupon--ask summary{cursor:pointer;color:var(--ux-primary);font-weight:700}
.ux-coupon__form{display:flex;gap:8px;margin-top:10px}
.ux-coupon__form input{flex:1;min-width:0;min-height:38px;padding:0 12px;border:1px solid var(--ux-line);border-radius:20px;font:inherit;letter-spacing:.06em;text-transform:uppercase}
.ux-was{margin-right:6px;color:var(--ux-muted);font-weight:500;text-decoration:line-through}
.ux-btn .ux-was{color:rgba(255,255,255,.72)}
.ux-balance{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-balance small{display:block;color:var(--ux-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.ux-balance strong{font-size:14px;line-height:1.1}
.ux-balance i{width:28px;height:28px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary);color:#fff;font-style:normal;font-weight:700}

/* Shell */
.ux-shell{width:min(calc(100% - 32px),var(--ux-max));margin:0 auto;display:grid;grid-template-columns:var(--ux-side) minmax(0,1fr);gap:22px;padding:24px 0 48px}
.ux-side{position:sticky;top:92px;height:max-content;display:grid;gap:4px;padding:8px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-side a{min-height:44px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:20px;color:var(--ux-text-2);font-size:13px;font-weight:600}
.ux-side a:hover{background:var(--ux-soft);color:var(--ux-text)}
.ux-side a.is-active{background:var(--ux-primary-soft);color:#1d35b5}
.ux-side a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ux-side__store{margin-top:8px;border-top:1px solid var(--ux-line);border-radius:0!important;padding-top:8px!important}
.ux-side__out{color:#7a271a!important}
.ux-main{min-width:0;display:grid;gap:18px;align-content:start}
.ux-scrim{display:none}

/* Page headings */
.ux-pagehead,.ux-hello{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ux-pagehead h1,.ux-hello h1{font-size:clamp(27px,3vw,36px)}
.ux-pagehead p,.ux-hello span{margin-top:5px;color:var(--ux-muted);font-size:13px}
.ux-pagehead--tight{margin-bottom:-2px}
.ux-back{display:inline-flex;align-items:center;gap:7px;width:max-content;color:var(--ux-text-2);font-size:12px;font-weight:600}
.ux-back:hover{color:var(--ux-primary)}
.ux-muted,.ux-prose{color:var(--ux-muted)}
.ux-prose{font-size:14px;line-height:1.65}
.ux-fxnote{display:block;margin-top:6px;color:var(--ux-muted);font-size:11px}

/* Buttons */
.ux-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--ux-line);border-radius:20px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s var(--ux-ease),box-shadow .15s var(--ux-ease);box-shadow:var(--ux-shadow-sm)}
.ux-btn:hover{transform:translateY(-1px)}
.ux-btn--primary{background:var(--ux-primary);border-color:var(--ux-primary);color:#fff}
.ux-btn--primary:hover{background:var(--ux-primary-hover);border-color:var(--ux-primary-hover)}
.ux-btn--ghost{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);color:var(--ux-text-2)}
.ux-btn--ghost:hover{background:var(--ux-soft);border-color:var(--ux-line-strong);color:var(--ux-text)}
.ux-btn--sm{min-height:36px;padding:0 12px;font-size:11px}
.ux-btn--lg{min-height:48px}
.ux-btn--block{width:100%}
.ux-btn.is-disabled{pointer-events:none;opacity:.55}
.ux-inline{display:inline-flex}
.ux-link{color:var(--ux-primary);font-weight:600}

/* Cards and dashboard */
.ux-card,.ux-order,.ux-service,.ux-method,.ux-paybox,.ux-buyform,.ux-shortfall,.ux-target{border:1px solid rgba(255,255,255,.84);border-radius:var(--ux-radius);background:linear-gradient(145deg,#f8fbff,#ECE7F3);box-shadow:var(--ux-shadow)}
.ux-card{padding:20px;background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border:1px solid var(--ux-line);border-radius:var(--ux-radius);box-shadow:var(--ux-shadow-sm);position:relative}
.ux-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ux-card__head h2{font-size:17px}
.ux-card__head a{color:var(--ux-primary);font-size:12px;font-weight:700}
.ux-empty{display:grid;justify-items:center;gap:12px;padding:28px 12px;text-align:center;color:var(--ux-muted)}
.ux-empty h2{font-size:20px}

.ux-hello--simple{padding:18px 20px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-card)}
.ux-hello--simple span{font-size:12px}
.ux-hello--simple h1{margin-top:2px;font-size:28px}
.ux-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-stats--simple{grid-template-columns:1.7fr .8fr .8fr}
.ux-stat{min-width:0;padding:16px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-stat span{display:block;color:var(--ux-muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ux-stat strong{display:block;margin-top:7px;font-size:24px;letter-spacing:-.04em}
.ux-stat small,.ux-stat a{display:block;margin-top:5px;color:var(--ux-muted);font-size:11px}
.ux-stat a{color:var(--ux-primary);font-weight:700}
.ux-stat--accent{background:#111827;border-color:#111827;color:#fff}
.ux-stat--accent span,.ux-stat--accent strong,.ux-stat--accent small{color:#fff}
.ux-stat--accent a{color:#ffd3a6}
.ux-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ux-quick a{display:grid;gap:2px;padding:13px 14px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-quick a:hover{border-color:#cfd6e6;background:var(--ux-soft)}
.ux-quick strong{font-size:13px}.ux-quick span{color:var(--ux-muted);font-size:11px}

/* Status / alerts */
.ux-tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 8px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-soft);color:var(--ux-text-2);font-size:8px;font-weight:700;font-style:normal;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ux-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.ux-tag--ok{background:var(--ux-success-soft);border-color:#abefc6;color:var(--ux-success)}
.ux-tag--warn{background:var(--ux-warn-soft);border-color:#fedf89;color:var(--ux-warn)}
.ux-tag--bad{background:var(--ux-danger-soft);border-color:#fecdca;color:var(--ux-danger)}
.ux-tag--info{background:var(--ux-primary-soft);border-color:#ffd3a6;color:#c65d00}
.ux-tag--mute{color:var(--ux-muted)}
.ux-flash,.ux-alert{padding:12px 14px;border:1px solid #abefc6;border-radius:20px;background:var(--ux-success-soft);color:#067647;font-size:13px}
.ux-flash--error,.ux-alert--bad{background:var(--ux-danger-soft);border-color:#fecdca;color:var(--ux-danger)}
.ux-alert--warn{background:var(--ux-warn-soft);border-color:#fedf89;color:#93370d}

/* Services */
.ux-stickybar{display:grid;gap:10px;padding:12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-search{min-height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:5px 5px 5px 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft);box-shadow:var(--ux-inset)}
.ux-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ux-text)!important;font-size:14px}
.ux-search button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:20px;background:#111827;color:#fff;cursor:pointer}
.ux-search svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.ux-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.ux-chips::-webkit-scrollbar{display:none}
.ux-chips a{flex:0 0 auto;min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);color:var(--ux-text-2);font-size:10.5px;font-weight:600;white-space:nowrap}
.ux-chips a small{color:var(--ux-faint)}
.ux-chips a.is-active{background:var(--ux-primary-soft);border-color:#ffd3a6;color:#c65a00}
.ux-servicegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ux-servicegrid--big{grid-template-columns:repeat(4,minmax(0,1fr))}
.ux-service{min-width:0;overflow:hidden;display:flex;flex-direction:column}
.ux-service:hover{border-color:#cbd3e1}
.ux-service__img{position:relative;display:block;aspect-ratio:1.18/1;margin:8px 8px 0;overflow:hidden;border-radius:20px;background:#f3f5f8}
.ux-service__img img{width:100%;height:100%;object-fit:cover}
.ux-service__out{position:absolute;left:8px;top:8px;min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid #fecdca;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ux-danger);font-size:8px;font-weight:700;text-transform:uppercase}
.ux-service__body{flex:1;display:flex;flex-direction:column;gap:7px;padding:12px}
.ux-service__body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25}
.ux-service__meta{color:var(--ux-muted);font-size:10.5px;line-height:1.35}
.ux-service__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid #f0f1f3}
.ux-service__foot b{font-size:17px;letter-spacing:-.035em}
.ux-service__foot del{color:var(--ux-faint);font-size:11px;margin-right:4px}
.ux-service__foot ins{text-decoration:none}
.ux-thumbfall{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h) 48% 94%),#eef1f5)}
.ux-thumbfall b{font-size:24px;color:hsl(var(--h) 34% 34%);letter-spacing:-.04em}

/* Service detail */
.ux-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);gap:26px;padding:18px}
.ux-detail__media{overflow:hidden;border:1px solid var(--ux-line);border-radius:20px;background:#f3f5f8;align-self:start}
.ux-detail__media img{width:100%;aspect-ratio:1.2/1;object-fit:cover}
.ux-detail__media .ux-thumbfall{aspect-ratio:1.2/1}
.ux-detail__body{display:grid;gap:14px;align-content:start;padding:4px 2px}
.ux-detail__body h1{font-size:clamp(28px,4vw,40px)}
.ux-detail__price{padding:14px 0;border-top:1px solid var(--ux-line);border-bottom:1px solid var(--ux-line);font-size:26px;font-weight:700}
.ux-detail__facts,.ux-facts{list-style:none;margin:0;padding:0;display:grid}
.ux-detail__facts li,.ux-facts li{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f1f3;font-size:12px}
.ux-detail__facts span,.ux-facts span{color:var(--ux-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ux-detail__desc{color:var(--ux-text-2);font-size:13px;line-height:1.65}
.ux-buyform,.ux-shortfall{display:grid;gap:12px;padding:15px;background:var(--ux-soft)}
.ux-buyform__label,.ux-shortfall__label{color:var(--ux-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ux-buyform__note,.ux-shortfall small{color:var(--ux-muted);font-size:11px;text-align:center}
.ux-qty{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.ux-qty input{width:76px;min-height:42px;padding:0 10px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text);text-align:center}
.ux-plans{display:grid;gap:7px}
.ux-plan input{position:absolute;opacity:0;pointer-events:none}
.ux-plan>span{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);cursor:pointer}
.ux-plan input:checked+span{border-color:#ffad5c;background:var(--ux-primary-soft)}
.ux-plan strong{font-size:12px}.ux-plan b{font-size:15px}

/* Orders */
.ux-orderlist{list-style:none;margin:0;padding:0;display:grid}
.ux-orderlist li{border-bottom:1px solid #f0f1f3}
.ux-orderlist li:last-child{border-bottom:0}
.ux-orderlist li>a,.ux-orderlist li{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ux-orderlist li>a{width:100%;padding:10px 0}
.ux-orderlist__main{display:grid;gap:3px;min-width:0}
.ux-orderlist__main strong{font-size:12.5px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-orderlist__main small{color:var(--ux-muted);font-size:10px}
.ux-orderlist__side{display:grid;justify-items:end;gap:4px;flex:0 0 auto}
.ux-orderlist__side b{font-size:14px}.ux-orderlist__side small{color:var(--ux-muted);font-size:10px}
.ux-pos{color:var(--ux-success)}.ux-neg{color:var(--ux-text)}
.ux-orders{display:grid;gap:9px}
.ux-order{overflow:hidden}
.ux-order summary{min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.ux-order summary::-webkit-details-marker{display:none}
.ux-order summary:hover{background:#fbfcfd}
.ux-order__id{color:var(--ux-muted);font-size:9px;font-weight:700;letter-spacing:.06em}
.ux-order__name{min-width:0;display:grid;gap:2px}.ux-order__name strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-order__name small{color:var(--ux-muted);font-size:10px}
.ux-order__total{font-size:15px;font-weight:780}
.ux-order__cta{display:flex;align-items:center;gap:7px}
.ux-order__new{min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border-radius:999px;background:var(--ux-primary);color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.ux-order__pending{color:var(--ux-muted);font-size:11px}.ux-order__pending.is-delayed{color:var(--ux-warn)}
.ux-order__view svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.ux-order__body{display:grid;gap:14px;padding:14px;border-top:1px solid var(--ux-line);background:#fbfcfd}
.ux-order__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:10px 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-order__steps span{position:relative;display:flex;align-items:center;gap:7px;color:var(--ux-faint);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.ux-order__steps span:not(:last-child)::after{content:"";position:absolute;left:17px;top:4px;width:calc(100% - 8px);height:1px;background:var(--ux-line)}
.ux-order__steps i{width:9px;height:9px;flex:0 0 auto;border:1.5px solid var(--ux-line-strong);border-radius:50%;background:var(--ux-card);z-index:1}
.ux-order__steps .is-done{color:var(--ux-success)}.ux-order__steps .is-done i{background:var(--ux-success);border-color:var(--ux-success)}
.ux-order__steps .is-current{color:var(--ux-primary)}.ux-order__steps .is-current i{border-color:var(--ux-primary);box-shadow:0 0 0 3px rgba(255,138,0,.12)}
.ux-order__steps .is-delayed{color:var(--ux-warn)}.ux-order__steps .is-delayed i{background:#fef0c7;border-color:#f79009}
.ux-table{width:100%;border-collapse:collapse;font-size:12px}
.ux-table td{padding:9px 0;border-bottom:1px solid #edf0f3;color:var(--ux-text-2)}
.ux-table td:last-child{text-align:right;color:var(--ux-text);font-weight:600}
.ux-table__total td{border-bottom:0;padding-top:11px;font-weight:700;color:var(--ux-text)}
.ux-delivery{padding:13px;border:1px solid #abefc6;border-radius:20px;background:var(--ux-success-soft);color:#14532d;overflow-x:auto}
.ux-delivery__label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#067647;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ux-delivery pre,.ux-delivery .acp-stockgroup pre{margin:0 0 7px;padding:9px 10px;border:1px solid rgba(23,114,69,.14);border-radius:20px;background:var(--ux-card);color:#1d2939;white-space:pre-wrap;word-break:break-word;font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ux-delivery .acp-stockgroup strong{display:block;margin:0 0 6px;font-size:12px}
.ux-order__note{margin:0;padding:10px 11px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text-2);font-size:12px}
.ux-order__note--delayed{background:var(--ux-warn-soft);border-color:#fedf89;color:#93370d}
.ux-order__actions{display:flex;gap:7px;flex-wrap:wrap}

/* Payments / funds */
.ux-fundsgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.ux-balancebig{display:grid;justify-items:end}.ux-balancebig small{color:var(--ux-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ux-balancebig strong{font-size:25px}
.ux-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}
.ux-method{display:grid;gap:3px;padding:12px;color:var(--ux-text-2)}
.ux-method:hover{border-color:var(--ux-line-strong)}.ux-method.is-active{border-color:#ffad5c;background:var(--ux-primary-soft)}.ux-method.is-unavailable{opacity:.62;border-style:dashed}
.ux-method strong{font-size:12px;color:var(--ux-text)}.ux-method small{color:var(--ux-muted);font-size:10px}
.ux-paybox{display:grid;gap:6px;padding:14px;background:var(--ux-soft)}
.ux-paybox__label{color:var(--ux-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ux-paybox__number{display:flex;align-items:center;justify-content:space-between;gap:10px}.ux-paybox__number strong{font-size:20px;overflow-wrap:anywhere}.ux-paybox__account{color:var(--ux-text-2);font-size:12px}.ux-paybox p{color:var(--ux-muted);font-size:11px}
.ux-funding-costs{display:grid;gap:1px;overflow:hidden;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-line)}.ux-funding-costs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:var(--ux-card)}.ux-funding-costs span{color:var(--ux-muted);font-size:10px}.ux-funding-costs strong{color:var(--ux-text);font-size:12px}.ux-funding-costs .is-total{background:var(--ux-soft)}.ux-funding-costs .is-total span,.ux-funding-costs .is-total strong{color:var(--ux-text);font-weight:700}
.ux-copy{min-height:34px;padding:0 10px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text-2);font-size:10px;font-weight:700;cursor:pointer}.ux-copy:hover{border-color:#ffad5c;color:var(--ux-primary)}
.ux-paydetails{display:grid;gap:7px}.ux-paydetail{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr) auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}.ux-paydetail.is-selected{border-color:#ffad5c;background:var(--ux-primary-soft)}.ux-paydetail__name{display:grid;gap:2px;min-width:0}.ux-paydetail__name strong{font-size:12px}.ux-paydetail__name span{color:var(--ux-muted);font-size:10px}.ux-paydetail__value{overflow-wrap:anywhere;color:var(--ux-text);font:650 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ux-paydetail small{grid-column:1/-1;color:var(--ux-muted);font-size:10px}
.ux-binance-setup,.ux-support-only{display:grid;gap:6px;padding:11px;border:1px dashed var(--ux-line-strong);border-radius:20px;background:var(--ux-soft);font-size:11px}.ux-support-only{grid-template-columns:auto 1fr auto;align-items:center}.ux-support-only span{color:var(--ux-muted)}
.ux-target{display:flex;align-items:center;gap:12px;padding:11px}.ux-target__thumb,.ux-authtarget__thumb{width:52px;height:52px;flex:0 0 auto;overflow:hidden;border-radius:20px;background:#f3f5f8}.ux-target__thumb img,.ux-authtarget__thumb img{width:100%;height:100%;object-fit:cover}.ux-target__body{min-width:0;display:grid;gap:2px}.ux-target__body small{color:var(--ux-muted);font-size:9px;text-transform:uppercase}.ux-target__body strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-target__body span{color:var(--ux-text-2);font-size:11px}.ux-target__body b{color:var(--ux-primary)}

/* Forms / account / support */
.ux-form{display:grid;gap:12px}.ux-form label{display:grid;gap:6px}.ux-form label>span{color:var(--ux-text-2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ux-form input,.ux-form select,.ux-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ux-line-strong);border-radius:20px;background:var(--ux-card);color:var(--ux-text);outline:0}.ux-form textarea{min-height:auto;resize:vertical}.ux-form input:focus,.ux-form select:focus,.ux-form textarea:focus{border-color:#ffc380;box-shadow:0 0 0 3px rgba(255,138,0,.12)}.ux-form__foot{text-align:center;color:var(--ux-muted);font-size:11px}.ux-form__foot a{color:var(--ux-primary);font-weight:700}.ux-form__static{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}.ux-form__static span{color:var(--ux-muted);font-size:10px;text-transform:uppercase}.ux-form__static strong{font-size:12px}
.ux-check{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start!important;gap:10px!important;padding:11px 0;border-bottom:1px solid #f0f1f3}.ux-check input{width:16px!important;height:16px!important;min-height:0!important;margin:2px 0 0}.ux-check span{display:grid;gap:2px}.ux-check strong{font-size:12px}.ux-check small{color:var(--ux-muted);font-size:10px;line-height:1.45}
.ux-thread{display:grid;gap:8px;margin-bottom:12px}.ux-msg{max-width:85%;padding:11px 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text-2);font-size:12px}.ux-msg.is-staff{background:var(--ux-primary-soft);border-color:#ffd3a6}.ux-msg.is-me{justify-self:end}.ux-msg__who{display:block;margin-bottom:5px;color:var(--ux-muted);font-size:9px;font-weight:700;text-transform:uppercase}

/* Pagination */
.ux-pager{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.ux-pager a{min-width:38px;height:38px;display:grid;place-items:center;padding:0 10px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text-2);font-size:11px}.ux-pager a.is-current{background:#111827;border-color:#111827;color:#fff}

/* Provider-required customer input recovery */
.ux-provider-input{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr) auto;align-items:end;gap:10px;margin:12px 0;padding:13px;border:1px solid #f0c58f;border-radius:20px;background:#fff8ef}.ux-provider-input>div{display:grid;gap:4px}.ux-provider-input strong{font-size:12px}.ux-provider-input small{color:#735234;font-size:10.5px;line-height:1.45}.ux-provider-input__warn{color:#9a4f0f!important;font-weight:600}.ux-provider-input label{display:grid;gap:5px}.ux-provider-input label>span{color:#7c4a18;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ux-provider-input input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfb984;border-radius:20px;background:var(--ux-card);color:var(--ux-text)}.ux-provider-input--held{grid-template-columns:1fr;align-items:start;background:#fff5e6}
@media(max-width:760px){.ux-provider-input{grid-template-columns:1fr;align-items:stretch}.ux-provider-input .ux-btn{width:100%}}

/* Purchase modal */
.ux-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px}.ux-modal__scrim{position:absolute;inset:0;background:rgba(16,24,40,.46)}.ux-modal__box{position:relative;width:min(100%,430px);padding:20px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:0 24px 70px rgba(16,24,40,.22)}.ux-modal__box h2{font-size:20px}.ux-modal__lead{margin-top:5px!important;color:var(--ux-text-2);font-size:13px}.ux-modal__facts{display:grid;gap:1px;margin:14px 0;background:var(--ux-line);border:1px solid var(--ux-line);border-radius:20px;overflow:hidden}.ux-modal__facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--ux-card)}.ux-modal__facts dt{color:var(--ux-muted);font-size:11px}.ux-modal__facts dd{margin:0;max-width:62%;font-size:12px;font-weight:700;text-align:right;overflow-wrap:anywhere}.ux-modal__note{color:var(--ux-muted);font-size:11px}.ux-modal__actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}

/* Auth — 3.32.0 structure is styled in backlink-panel.css. Keep only neutral functional defaults here. */
body.acp-ux--auth{margin:0;background:#f4f1fa}.ux-auth{min-height:100dvh}.ux-auth img{max-width:100%;height:auto}.ux-auth a{text-decoration:none}.ux-auth__mobilebrand{display:none}.ux-authform__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ux-authremember{display:flex!important;align-items:center;gap:8px}.ux-authremember input{width:auto!important;min-height:0!important}.ux-authremember span{margin:0!important}

/* Mobile dock */
.ux-dock{display:none}

@media (max-width:1100px){
  :root{--ux-side:190px}
  .ux-servicegrid--big{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ux-stats--simple{grid-template-columns:1.3fr .7fr .7fr}
}

@media (max-width:899.98px){
  body.acp-ux{padding-bottom:82px}
  .ux-top{min-height:62px;padding:8px 10px}
  .ux-burger{display:grid}
  .ux-logo{font-size:17px}.ux-logo img{max-width:120px;max-height:32px}
  .ux-fx{margin-left:auto}.ux-fx__btn{min-height:36px}
  .ux-balance{min-height:38px;padding-left:9px}.ux-balance small{display:none}.ux-balance i{width:26px;height:26px}
  .ux-shell{width:calc(100% - 20px);display:block;padding:14px 0 22px}
  .ux-main{gap:14px}
  .ux-side{position:fixed;left:0;top:0;bottom:0;z-index:8995;width:min(82vw,290px);height:100dvh;padding:78px 10px 20px;border-radius:0;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;box-shadow:20px 0 50px rgba(16,24,40,.16)}
  body.ux-nav-open{overflow:hidden}
  body.ux-nav-open .ux-side{transform:none}
  .ux-scrim{position:fixed;inset:0;z-index:8990;display:block;background:rgba(16,24,40,.38);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  body.ux-nav-open .ux-scrim{opacity:1;visibility:visible}
  .ux-dock{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:9100;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:5px;border:1px solid var(--ux-line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(16,24,40,.14);backdrop-filter:blur(14px)}
  .ux-dock a{min-height:48px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:20px;color:var(--ux-muted);font-size:8px;font-weight:700}
  .ux-dock a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
  .ux-dock a.is-active{background:var(--ux-primary-soft);color:var(--ux-primary)}
  .ux-dock__cta{background:#111827!important;color:#fff!important}
  .ux-stats--simple{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-stats--simple .ux-stat--accent{grid-column:1/-1}
  .ux-detail{grid-template-columns:1fr}
  .ux-fundsgrid{grid-template-columns:1fr}
  .ux-auth{grid-template-columns:1fr}.ux-auth__panel{display:none}.ux-auth__form{min-height:100dvh}
}

@media (max-width:640px){
  .ux-pagehead,.ux-hello{align-items:flex-start}.ux-pagehead h1,.ux-hello h1{font-size:26px}
  .ux-hello--simple{padding:14px}.ux-hello--simple h1{font-size:24px}
  .ux-card{padding:14px}
  .ux-servicegrid,.ux-servicegrid--big{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ux-service__img{margin:6px 6px 0;aspect-ratio:1/1;border-radius:20px}
  .ux-service__body{padding:9px;gap:5px}.ux-service__body strong{font-size:12px}.ux-service__meta{font-size:9.5px}
  .ux-service__foot{display:grid;grid-template-columns:1fr;gap:6px}.ux-service__foot b{font-size:14px}.ux-service__foot .ux-btn,.ux-service__foot form,.ux-service__foot button{width:100%}
  .ux-btn--sm{min-height:34px;padding:0 8px;font-size:10px}
  .ux-quick{grid-template-columns:1fr}.ux-quick a{grid-template-columns:78px 1fr;align-items:center}
  .ux-order summary{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding:11px}.ux-order__total{grid-column:3}.ux-order .ux-tag{grid-column:2}.ux-order__cta{grid-column:3;grid-row:2}.ux-order__name strong{font-size:12px}.ux-order__body{padding:11px}
  .ux-order__steps{padding:8px}.ux-order__steps span{font-size:7.5px;gap:4px}.ux-order__steps i{width:8px;height:8px}
  .ux-methods{grid-template-columns:1fr 1fr}.ux-paydetail{grid-template-columns:1fr auto}.ux-paydetail__name{grid-column:1/-1}.ux-paydetail small{grid-column:1/-1}
  .ux-thread .ux-msg{max-width:94%}
  .ux-fx__btn{min-height:34px;padding:0 8px}
}

@media (max-width:380px){
  .ux-logo__name{display:none}
  .ux-stats--simple{grid-template-columns:1fr 1fr}.ux-stat{padding:12px}.ux-stat strong{font-size:20px}
  .ux-service__body strong{font-size:11.5px}
  .ux-service__foot b{font-size:13px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* 3.10.5 — scrollable all-services picker */
.ux-servicepicker{overflow:visible;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-servicepicker[open]{box-shadow:var(--ux-shadow)}
.ux-servicepicker__summary{min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 15px;list-style:none;cursor:pointer;user-select:none}
.ux-servicepicker__summary::-webkit-details-marker{display:none}
.ux-servicepicker__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:21px;font-weight:700}
.ux-servicepicker__copy{min-width:0;display:grid;gap:2px}.ux-servicepicker__copy strong{font-size:15px}.ux-servicepicker__copy small{color:var(--ux-muted);font-size:11px}
.ux-servicepicker__hint{color:var(--ux-muted);font-size:11px;font-weight:600}.ux-servicepicker__chev{color:var(--ux-muted);font-size:19px;transition:transform .16s ease}.ux-servicepicker[open] .ux-servicepicker__chev{transform:rotate(180deg)}
.ux-servicepicker__panel{padding:0 12px 12px;border-top:1px solid var(--ux-line)}
.ux-servicepicker__search{min-height:44px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:12px 0 8px;padding:0 11px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}
.ux-servicepicker__search>span{color:var(--ux-muted);font-size:18px}.ux-servicepicker__search input{width:100%;height:42px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--ux-text)!important;font-size:13px}
.ux-servicepicker__list{max-height:440px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--ux-line-strong) transparent}
.ux-servicepicker__group{display:grid;gap:2px;padding:4px 0 8px}.ux-servicepicker__group+.ux-servicepicker__group{border-top:1px solid #f0f1f3}
.ux-servicepicker__grouphead{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 6px;background:var(--ux-card);color:var(--ux-text-2)}
.ux-servicepicker__grouphead strong{font-size:10px;letter-spacing:.05em;text-transform:uppercase}.ux-servicepicker__grouphead small{min-width:22px;text-align:center;color:var(--ux-faint);font-size:9px}
.ux-servicepicker__item{min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 8px;border-radius:20px}
.ux-servicepicker__item:hover{background:var(--ux-soft)}
.ux-servicepicker__badge{width:34px;height:34px;display:grid;place-items:center;border-radius:20px;background:#111827;color:#fff;font-size:10px;font-weight:700;letter-spacing:-.02em}
.ux-servicepicker__itemcopy{min-width:0;display:grid;gap:1px}.ux-servicepicker__itemcopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ux-servicepicker__itemcopy small{color:var(--ux-muted);font-size:9.5px}
.ux-servicepicker__item>b{color:var(--ux-primary);font-size:12px;white-space:nowrap}.ux-servicepicker__item>span:last-child{color:var(--ux-faint);font-size:18px}
.ux-servicepicker__empty{padding:24px 10px;text-align:center;color:var(--ux-muted);font-size:12px}
@media (max-width:640px){
  .ux-servicepicker__summary{min-height:62px;padding:10px 11px;gap:9px}.ux-servicepicker__icon{width:36px;height:36px}.ux-servicepicker__hint{display:none}.ux-servicepicker__list{max-height:56vh}.ux-servicepicker__item{grid-template-columns:auto minmax(0,1fr) auto}.ux-servicepicker__item>span:last-child{display:none}.ux-servicepicker__item>b{font-size:11px}
}

/* 3.10.6 — dashboard refresh */
.ux-dashboard{display:grid;gap:16px}
.ux-dashhero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:24px;align-items:stretch;padding:28px;border:1px solid #f1dfcf;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#fff7ef 58%,#EDE9FE 100%);box-shadow:0 18px 46px rgba(255,138,0,.10)}
.ux-dashhero::before{content:"";position:absolute;z-index:-1;right:-80px;top:-115px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.18),rgba(255,138,0,0) 68%)}
.ux-dashhero::after{content:"";position:absolute;z-index:-1;left:42%;bottom:-115px;width:260px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.08),rgba(124,58,237,0) 70%)}
.ux-dashhero__copy{align-self:center;min-width:0;padding:4px 0}
.ux-dashhero__eyebrow,.ux-dashsection__eyebrow{display:block;margin:0 0 7px;color:var(--ux-primary);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ux-dashhero h1{max-width:720px;font-size:clamp(30px,4vw,46px);line-height:1.02}
.ux-dashhero__copy>p{max-width:650px;margin-top:11px;color:var(--ux-text-2);font-size:14px;line-height:1.65}
.ux-dashhero__actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.ux-dashhero__actions .ux-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-dashwallet{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:205px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#101828 0%,#172554 100%);color:#fff;box-shadow:0 18px 42px rgba(16,24,40,.18)}
.ux-dashwallet::after{content:"";position:absolute;right:-36px;bottom:-52px;width:165px;height:165px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018)}
.ux-dashwallet__top{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.ux-dashwallet__icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.08)}
.ux-dashwallet__icon svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ux-dashwallet__label{color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:.02em}
.ux-dashwallet>strong{position:relative;z-index:1;display:block;margin:15px 0 10px;color:#fff;font-size:clamp(31px,3.8vw,43px);font-weight:700;letter-spacing:-.055em;line-height:1}
.ux-dashwallet__foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid rgba(255,255,255,.11);font-size:10px}
.ux-dashwallet__foot span{color:#94a3b8}.ux-dashwallet__foot a{color:#fff;font-weight:700}

.ux-dashmetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-dashmetric{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:0 5px 18px rgba(16,24,40,.025);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.ux-dashmetric:hover{transform:translateY(-2px);border-color:#c8d2f5;box-shadow:0 12px 28px rgba(16,24,40,.06)}
.ux-dashmetric__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-primary)}
.ux-dashmetric__icon--warn{background:var(--ux-warn-soft);color:var(--ux-warn)}
.ux-dashmetric__icon--soft{background:#f2f4f7;color:#344054}
.ux-dashmetric__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-dashmetric__copy{min-width:0;display:grid;gap:1px}.ux-dashmetric__copy small{color:var(--ux-muted);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ux-dashmetric__copy strong{font-size:19px;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-dashmetric__copy em{color:var(--ux-muted);font-size:10px;font-style:normal}
.ux-dashmetric__arrow{color:#98a2b3;font-size:18px;transition:transform .16s ease}.ux-dashmetric:hover .ux-dashmetric__arrow{transform:translateX(3px);color:var(--ux-primary)}

.ux-dashdelivery{border-color:#b7e5cb;background:linear-gradient(180deg,#fff,#fbfffd);box-shadow:0 8px 24px rgba(23,114,69,.05)}
.ux-dashdelivery__head{align-items:flex-end}.ux-dashdelivery__head>div{display:grid;gap:1px}.ux-dashdelivery__head .ux-dashsection__eyebrow{color:var(--ux-success);margin-bottom:3px}
.ux-dashdelivery .ux-delivery{border-radius:20px}

.ux-dashlayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.72fr);gap:12px;align-items:start}
.ux-dashorders,.ux-dashactions{padding:18px}
.ux-dashsection__head{align-items:flex-end}.ux-dashsection__head>div{display:grid;gap:1px}.ux-dashsection__head .ux-dashsection__eyebrow{margin-bottom:2px}.ux-dashsection__head h2{font-size:18px}
.ux-orderlist--dashboard{margin:0 -4px}
.ux-orderlist--dashboard li{border-bottom:1px solid #eef1f5}
.ux-orderlist--dashboard li>a{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:11px;padding:9px 6px;border-radius:20px;transition:background .15s ease}
.ux-orderlist--dashboard li>a:hover{background:#f8f9fc}
.ux-orderlist__avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #f0e1d2;border-radius:20px;background:linear-gradient(135deg,#f8fafc,#fff3e6);color:#c65d00;font-size:13px;font-weight:700}
.ux-orderlist--dashboard .ux-orderlist__main strong{font-size:12.5px}.ux-orderlist--dashboard .ux-orderlist__side b{font-size:13px}.ux-orderlist__chev{color:#98a2b3;font-size:21px;line-height:1}
.ux-dashempty{min-height:190px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:24px 8px}
.ux-dashempty__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-primary)}
.ux-dashempty__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.ux-dashempty strong{display:block;font-size:14px}.ux-dashempty p{margin-top:3px;color:var(--ux-muted);font-size:11px}

.ux-dashaside{display:grid;gap:12px}
.ux-dashactionlist{display:grid;gap:2px;margin:0 -6px -4px}
.ux-dashactionlist>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:7px 8px;border-radius:20px;transition:background .15s ease}
.ux-dashactionlist>a:hover{background:var(--ux-soft)}
.ux-dashactionlist>a>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:#344054}.ux-dashactionlist svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-dashactionlist b{min-width:0;display:grid;gap:2px;font-size:11.5px}.ux-dashactionlist b small{color:var(--ux-muted);font-size:9.5px;font-weight:500}.ux-dashactionlist i{color:#98a2b3;font-size:20px;font-style:normal}
.ux-dashdiscover{position:relative;overflow:hidden;display:grid;gap:11px;padding:18px;border:1px solid #f1dfcc;border-radius:20px;background:linear-gradient(145deg,#fff3e6,#fffaf5)}
.ux-dashdiscover::after{content:"";position:absolute;right:-40px;top:-45px;width:120px;height:120px;border-radius:50%;background:rgba(255,138,0,.08)}
.ux-dashdiscover__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:20px;background:var(--ux-card);color:var(--ux-primary);box-shadow:0 5px 16px rgba(255,138,0,.10)}
.ux-dashdiscover>div{display:grid;gap:2px}.ux-dashdiscover small{color:var(--ux-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ux-dashdiscover strong{max-width:220px;font-size:15px;line-height:1.3}.ux-dashdiscover>a{width:max-content;color:var(--ux-primary);font-size:10.5px;font-weight:700}

@media (max-width:1050px){
  .ux-dashhero{grid-template-columns:minmax(0,1fr) minmax(250px,.62fr);padding:23px}
  .ux-dashlayout{grid-template-columns:minmax(0,1.3fr) minmax(245px,.7fr)}
}
@media (max-width:899.98px){
  .ux-dashhero{grid-template-columns:1fr;gap:18px;padding:20px}.ux-dashwallet{min-height:168px}.ux-dashwallet>strong{margin:12px 0}
  .ux-dashlayout{grid-template-columns:1fr}.ux-dashaside{grid-template-columns:1fr 1fr}.ux-dashdiscover{align-content:center}
}
@media (max-width:680px){
  .ux-dashboard{gap:12px}.ux-dashhero{padding:17px;border-radius:20px}.ux-dashhero h1{font-size:29px}.ux-dashhero__copy>p{font-size:12.5px}.ux-dashhero__actions{display:grid;grid-template-columns:1fr 1fr}.ux-dashhero__actions .ux-btn{width:100%;padding:0 10px}
  .ux-dashwallet{min-height:155px;padding:16px}.ux-dashwallet>strong{font-size:32px}
  .ux-dashmetrics{grid-template-columns:1fr}.ux-dashmetric{padding:13px 14px}.ux-dashmetric__icon{width:38px;height:38px}
  .ux-dashorders,.ux-dashactions{padding:14px}.ux-dashaside{grid-template-columns:1fr}
  .ux-orderlist--dashboard li>a{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.ux-orderlist--dashboard .ux-orderlist__side{grid-column:2;grid-row:2;justify-items:start;display:flex;align-items:center;gap:8px}.ux-orderlist__chev{grid-column:3;grid-row:1/3}.ux-orderlist__avatar{grid-row:1/3}.ux-orderlist--dashboard .ux-orderlist__main strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ux-dashempty{grid-template-columns:auto 1fr;padding:18px 4px}.ux-dashempty .ux-btn{grid-column:1/-1;width:100%}
}
@media (max-width:420px){
  .ux-dashhero__actions{grid-template-columns:1fr}.ux-dashwallet__foot{align-items:flex-end}.ux-dashmetric__copy strong{font-size:17px}.ux-orderlist__avatar{width:34px;height:34px}
}

/* 3.10.7 — signup fields + reCAPTCHA */
.ux-form label>small{color:var(--ux-muted);font-size:10px;line-height:1.45}
.ux-recaptcha{max-width:100%;overflow:hidden;padding:2px 0}
@media(max-width:360px){.ux-recaptcha .g-recaptcha{transform:scale(.88);transform-origin:left top;margin-bottom:-8px}}

/* 3.15.0 — readable customer workspace and focused wallet funding. */
body.acp-ux :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ux-primary);outline-offset:3px}
.ux-side a.is-active{color:var(--ux-primary)}
.ux-search:focus-within,.ux-servicepicker__search:focus-within{outline:2px solid var(--ux-primary);outline-offset:3px}
.ux-funding-head p{font-size:14px;max-width:550px;line-height:1.5}
.ux-funding-balance{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;border:1px solid var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-card)}
.ux-funding-balance>div{display:grid;gap:6px;flex-shrink:0}.ux-funding-balance>div>span{font-size:13px;color:var(--ux-muted)}.ux-funding-balance strong{font-size:32px;letter-spacing:-.04em}.ux-funding-balance>p{font-size:14px;color:var(--ux-text-2);max-width:360px}
.ux-funding-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}
.ux-funding-main{display:grid;gap:22px;padding:28px}.ux-funding-main h2{font-size:18px;line-height:1.35;letter-spacing:-.02em}
.ux-funding-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ux-funding-method{display:grid;gap:5px;position:relative;padding:15px;border:1px solid var(--ux-line-strong);border-radius:20px;min-height:84px}
.ux-funding-method strong{font-size:14px;padding-right:12px}.ux-funding-method span{font-size:12px;line-height:1.4;color:var(--ux-muted)}
.ux-funding-method.is-active{border:2px solid var(--ux-primary);padding:14px;background:var(--ux-primary-soft)}.ux-funding-method.is-active:after{content:'✓';position:absolute;right:10px;top:10px;color:var(--ux-primary);font-weight:700}
.ux-funding-account{display:grid;gap:10px;padding:18px;background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:20px}.ux-funding-account>span{font-size:13px;color:var(--ux-muted)}.ux-funding-account>div{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.ux-funding-account strong{font:700 19px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;min-width:0}.ux-funding-account p{font-size:13px;color:var(--ux-text-2)}
.ux-funding-form{gap:18px}.ux-funding-form label>span{font-size:13px;text-transform:none;letter-spacing:0}.ux-funding-form input,.ux-funding-form select{font-size:16px;min-height:48px}.ux-funding-form p{font-size:13px;line-height:1.6}.ux-funding-form .ux-btn{min-height:48px;font-size:14px}.ux-funding-amountrow{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px}.ux-funding-form .ux-funding-estimate{padding:12px 14px;border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-text);font-size:13px}
.ux-funding-help{padding:8px 0;display:grid;gap:18px}.ux-funding-help h2{font-size:17px;line-height:1.4}.ux-funding-help ol{padding-left:20px;margin:0;display:grid;gap:13px;font-size:14px;color:var(--ux-text-2)}.ux-funding-help p{font-size:13px;color:var(--ux-muted);line-height:1.6}
.ux-funding-context{display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:3px solid var(--ux-primary);padding:12px 16px;background:var(--ux-primary-soft);border-radius:20px}.ux-funding-context p{font-size:13px;margin-top:4px!important}.ux-funding-context strong{font-size:14px}.ux-funding-context .ux-btn{flex-shrink:0}
.ux-funding-cancel summary{font-size:13px;color:var(--ux-muted);cursor:pointer}.ux-funding-cancel form{margin-top:12px}.ux-funding-history h2{font-size:18px}.ux-funding-history .ux-orderlist small{font-size:12px}.ux-funding-history .ux-tag{font-size:11px}.ux-funding-main .ux-copy{min-height:44px;font-size:12px}
@media(max-width:1100px){.ux-funding-layout{grid-template-columns:1fr}.ux-funding-help{padding:18px;border:1px solid var(--ux-line);border-radius:20px}.ux-funding-help ol{gap:8px}}
@media(max-width:640px){.ux-funding-main{padding:18px;gap:20px}.ux-funding-balance{padding:18px;gap:10px;align-items:flex-start;flex-direction:column}.ux-funding-balance strong{font-size:30px}.ux-funding-balance>p{font-size:13px}.ux-funding-context{flex-direction:column;align-items:flex-start}.ux-funding-methods{gap:8px}.ux-funding-method{padding:12px;min-height:90px}.ux-funding-method.is-active{padding:11px}.ux-funding-method strong{font-size:13px}.ux-funding-method span{font-size:12px}.ux-funding-account{padding:14px}.ux-funding-account strong{font-size:17px}.ux-dock a{font-size:11px}.ux-order__steps span{font-size:11px}.ux-order__body .ux-btn--sm{min-height:44px;font-size:12px}}

body.acp-ux .ux-btn--primary{color:#fff}
.ux-funding-balance strong span{font:inherit;color:inherit;letter-spacing:inherit}

/* Referral page refresh — maintained through 3.16.6 */
.ux-refhero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:16px;padding:0;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);overflow:hidden}
.ux-refhero__intro{display:grid;gap:18px;padding:26px;background:linear-gradient(135deg,#111827 0%,#2b1b0f 46%,#ff8a00 140%);color:#fff}
.ux-refhero__intro h2{font-size:clamp(32px,4vw,46px);color:#fff}
.ux-refhero__intro p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.84)}
.ux-refhero__intro p strong{color:#fff}
.ux-refhero__intro .ux-tag{width:max-content;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14);color:#fff}
.ux-refhero__panel{display:grid;align-content:start;gap:14px;padding:24px}
.ux-refstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ux-refstats .ux-stat{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(3px)}
.ux-refstats .ux-stat span,.ux-refstats .ux-stat strong,.ux-refstats .ux-stat small{color:#fff}
.ux-refstats .ux-stat:not(.ux-stat--accent) strong{font-size:22px}
.ux-refstats .ux-stat--accent{background:var(--ux-card);color:#111827;border-color:#fff}
.ux-refstats .ux-stat--accent span,.ux-refstats .ux-stat--accent strong,.ux-refstats .ux-stat--accent small{color:#111827}
.ux-refcopy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.ux-refcopy input{min-height:50px;padding:0 14px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft);color:var(--ux-text);font-size:14px}
.ux-refshare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-refshare .ux-btn{width:100%;min-height:44px}
.ux-refnote{padding:14px 15px;border-left:3px solid var(--ux-primary);border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-text-2);font-size:13px;line-height:1.6}
.ux-refnote strong{color:var(--ux-text)}
.ux-refgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;margin-top:16px}
.ux-refsteps{display:grid;gap:12px}
.ux-refsteps article{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}
.ux-refsteps article span{width:38px;height:38px;display:grid;place-items:center;border-radius:20px;background:#111827;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em}
.ux-refsteps article strong{display:block;font-size:15px}
.ux-refsteps article p{margin-top:4px;color:var(--ux-muted);font-size:13px;line-height:1.6}
.ux-refrules strong{font-size:13px;text-align:right;max-width:60%}
.ux-refempty{padding:32px 18px}
.ux-reflist{display:grid;gap:10px;margin-bottom:14px}
.ux-reflist__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}
.ux-reflist__amount{min-width:116px;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:20px;background:var(--ux-success-soft);color:var(--ux-success);font-size:18px;font-weight:700;letter-spacing:-.03em}
.ux-reflist__body strong{display:block;font-size:14px}
.ux-reflist__body p{margin-top:4px;color:var(--ux-muted);font-size:12px;line-height:1.55}
.ux-reflist__date{color:var(--ux-muted);font-size:12px;text-align:right;white-space:nowrap}
@media(max-width:1080px){.ux-refhero{grid-template-columns:1fr}.ux-refgrid{grid-template-columns:1fr}.ux-refshare{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.ux-refhero__intro,.ux-refhero__panel{padding:18px}.ux-refstats{grid-template-columns:1fr 1fr}.ux-refcopy{grid-template-columns:1fr}.ux-refshare{grid-template-columns:1fr}.ux-reflist__item{grid-template-columns:1fr;align-items:start}.ux-reflist__amount{min-width:0;width:max-content}.ux-reflist__date{text-align:left}.ux-refrules strong{max-width:none;text-align:left}}
@media(max-width:520px){.ux-refstats{grid-template-columns:1fr}.ux-refsteps article{grid-template-columns:1fr}.ux-refsteps article span{width:34px;height:34px}}

/* -------------------------------------------------------------------------
   Customer panel refresh 3.16.3
   Keeps the existing logic, but gives /panel a more premium app-like shell.
--------------------------------------------------------------------------- */
body.acp-ux[data-ux-theme="dark"]{
  --ux-bg:#0f1728;
  --ux-card:#121b2e;
  --ux-soft:#182338;
  --ux-soft-2:#1d2942;
  --ux-text:#f5f7fb;
  --ux-text-2:#d0d7e2;
  --ux-muted:#9ba8bd;
  --ux-faint:#7b8aa3;
  --ux-line:#25324d;
  --ux-line-strong:#30415f;
  --ux-primary:#ff9f2f;
  --ux-primary-hover:#ffb45b;
  --ux-primary-soft:rgba(255,159,47,.16);
  --ux-success:#4bd18c;
  --ux-success-soft:rgba(75,209,140,.14);
  --ux-warn:#ffb454;
  --ux-warn-soft:rgba(255,180,84,.14);
  --ux-danger:#ff7b7b;
  --ux-danger-soft:rgba(255,123,123,.14);
  --ux-shadow:0 18px 40px rgba(0,0,0,.34);
}
body.acp-ux[data-ux-theme="dark"] .ux-top,
body.acp-ux[data-ux-theme="dark"] .ux-dock{background:rgba(11,18,31,.92)}
body.acp-ux[data-ux-theme="dark"] .ux-burger,
body.acp-ux[data-ux-theme="dark"] .ux-fx__btn,
body.acp-ux[data-ux-theme="dark"] .ux-balance,
body.acp-ux[data-ux-theme="dark"] .ux-theme,
body.acp-ux[data-ux-theme="dark"] .ux-accountpill{background:var(--ux-card)}
body.acp-ux[data-ux-theme="dark"] .ux-order summary:hover{background:rgba(255,255,255,.02)}
body.acp-ux[data-ux-theme="dark"] .ux-theme__sun{display:none}
body.acp-ux:not([data-ux-theme="dark"]) .ux-theme__moon{display:none}

.ux-top{gap:12px}
.ux-top__page{display:grid;gap:1px;min-width:0}
.ux-top__page small{color:var(--ux-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.1}
.ux-top__page strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.1}
.ux-top__spacer{flex:1 1 auto}
.ux-theme,.ux-accountpill{min-height:42px;display:inline-flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text);cursor:pointer}
.ux-theme svg,.ux-accountpill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ux-theme span{font-size:13px;font-weight:700}
.ux-accountpill{padding-right:10px;min-width:0}
.ux-accountpill__avatar,.ux-sideprofile__avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,var(--ux-primary),#ff5c00);color:#fff;font-size:14px;font-weight:700}
.ux-sideprofile__avatar{width:48px;height:48px;font-size:18px}
.ux-accountpill__avatar img,.ux-sideprofile__avatar img{width:100%;height:100%;object-fit:cover}
.ux-accountpill__text{min-width:0;display:grid}
.ux-accountpill__text strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1}
.ux-accountpill__text small{color:var(--ux-muted);font-size:11px;font-weight:700;line-height:1.1;margin-top:3px}

.ux-shell{gap:26px}
.ux-side{gap:8px;padding:14px;border-radius:22px;box-shadow:var(--ux-shadow)}
.ux-sideprofile{display:grid;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,var(--ux-primary),#ff5c00);color:#fff;box-shadow:0 16px 34px rgba(255,138,0,.22)}
.ux-sideprofile__head{display:flex;align-items:center;gap:12px;min-width:0}
.ux-sideprofile__head>div{min-width:0;display:grid}
.ux-sideprofile__head strong{font-size:18px;font-weight:700;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ux-sideprofile__head small{opacity:.9;font-size:13px;line-height:1.2}
.ux-sideprofile__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ux-sideprofile__grid>a,.ux-sideprofile__mini{min-height:54px;display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:20px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.16)}
.ux-sideprofile__grid>a:hover{background:rgba(255,255,255,.22);color:#fff}
.ux-sideprofile__grid svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ux-sideprofile__mini{display:grid;gap:2px;align-content:center}
.ux-sideprofile__mini small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.ux-sideprofile__mini strong{font-size:18px;line-height:1.05}
.ux-side__label{padding:8px 10px 2px;color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ux-side a{min-height:47px;padding:0 13px;border-radius:20px;font-size:13px;font-weight:700}
.ux-side a.is-active{box-shadow:inset 0 0 0 1px rgba(255,138,0,.12)}
.ux-side__store{margin-top:6px;padding-top:14px!important}

.ux-main{gap:22px}
.ux-pagehead--hidden{display:none}
.ux-panelhero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.95fr);gap:18px}
.ux-panelhero__main,.ux-panelhero__side{display:grid;gap:18px}
.ux-panelhero__main{padding:28px 30px;border:1px solid var(--ux-line);border-radius:24px;background:linear-gradient(180deg,var(--ux-card),color-mix(in srgb,var(--ux-card) 74%, var(--ux-primary-soft)));box-shadow:var(--ux-shadow)}
.ux-panelhero__eyebrow{color:var(--ux-primary);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ux-panelhero h1{font-size:clamp(34px,4vw,58px);line-height:.98}
.ux-panelhero p{max-width:760px;color:var(--ux-muted);font-size:18px;line-height:1.55}
.ux-panelhero__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}
.ux-panelhero__steps>div{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--ux-line);border-radius:20px;background:rgba(255,255,255,.55)}
body.acp-ux[data-ux-theme="dark"] .ux-panelhero__steps>div{background:rgba(255,255,255,.02)}
.ux-panelhero__steps span{width:32px;height:32px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary);color:#fff;font-size:13px;font-weight:700;flex:0 0 auto}
.ux-panelhero__steps strong{font-size:14px;font-weight:700;letter-spacing:-.01em}
.ux-panelhero__steps--compact strong{font-size:13px}
.ux-overviewcard,.ux-sidecard,.ux-funding-help,.ux-funding-history,.ux-funding-balance,.ux-funding-context{border:1px solid var(--ux-line);border-radius:24px;background:var(--ux-card);box-shadow:var(--ux-shadow)}
.ux-overviewcard{padding:24px;display:grid;gap:20px}
.ux-overviewcard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ux-overviewcard__head h2{font-size:20px}.ux-overviewcard__head p{margin-top:5px;color:var(--ux-muted);font-size:14px}
.ux-overviewcard__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ux-overviewcard__stats>div{padding:16px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}
.ux-overviewcard__stats small,.ux-statcard small{display:block;color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.ux-overviewcard__stats strong,.ux-statcard strong{display:block;margin-top:7px;font-size:24px;letter-spacing:-.04em;line-height:1.05}
.ux-sidecard{padding:22px}
.ux-sidecard h2,.ux-funding-help h2{font-size:18px}
.ux-checklist,.ux-funding-help__list,.ux-sidecard__steps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ux-checklist li,.ux-funding-help__list li,.ux-sidecard__steps li{position:relative;padding-left:18px;color:var(--ux-text-2);font-size:14px;line-height:1.55}
.ux-checklist li::before,.ux-sidecard__steps li::before{content:"";position:absolute;left:0;top:.56em;width:7px;height:7px;border-radius:50%;background:var(--ux-primary)}
.ux-funding-help__list li{padding-left:0}
.ux-funding-help__list strong{display:block;color:var(--ux-text);font-size:15px;margin-bottom:3px}
.ux-funding-help__list span{display:block;color:var(--ux-muted);font-size:14px}

.ux-servicepicker,.ux-stickybar,.ux-quickpicks,.ux-coupon,.ux-searchmeta,.ux-servicegrid,.ux-orderstats,.ux-ordertoolbar{margin-top:2px}
.ux-servicegrid{gap:18px}
.ux-service--card,.ux-order{border-radius:22px;box-shadow:var(--ux-shadow)}
.ux-service__body{padding:16px 17px 17px}.ux-service__body strong{font-size:16px}
.ux-service__meta{font-size:12px}.ux-service__foot{margin-top:14px}

.ux-orderstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ux-statcard{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:var(--ux-shadow);transition:.18s ease}
.ux-statcard span{color:var(--ux-muted);font-size:13px;line-height:1.45}
.ux-statcard:hover,.ux-statcard.is-active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ux-primary) 24%, var(--ux-line));background:color-mix(in srgb,var(--ux-card) 84%, var(--ux-primary-soft))}
.ux-ordertoolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ux-ordersearch{min-width:min(360px,100%);position:relative;display:block}
.ux-ordersearch input{width:100%;min-height:48px;padding:0 46px 0 15px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);color:var(--ux-text)}
.ux-ordersearch svg{position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--ux-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-ordersearch__empty{margin:4px 2px 0;color:var(--ux-muted);font-size:13px}
.ux-orders{gap:16px}
.ux-order{border-radius:22px}
.ux-order summary{min-height:78px;padding:16px 18px;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:12px}
.ux-order__id{font-size:24px;font-weight:700;letter-spacing:-.04em}
.ux-order__name strong{font-size:16px}.ux-order__name small{margin-top:5px;color:var(--ux-muted)}
.ux-order__total{font-size:18px;font-weight:700;letter-spacing:-.03em}.ux-order__body{padding:18px}.ux-order__steps{margin-bottom:16px}

.ux-funding-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:18px;align-items:start}
.ux-funding-main{padding:24px;border-radius:24px;box-shadow:var(--ux-shadow)}
.ux-funding-help{padding:24px;display:grid;gap:18px;align-self:start}
.ux-funding-balance,.ux-funding-context{padding:20px 22px}
.ux-funding-balance strong{font-size:38px;letter-spacing:-.05em}
.ux-funding-methods{gap:10px}.ux-funding-method{min-height:92px;padding:16px 16px 15px;border-radius:20px;box-shadow:none}.ux-funding-method strong{font-size:14px}.ux-funding-method span{font-size:12px}
.ux-funding-method.is-active{background:color-mix(in srgb,var(--ux-card) 82%, var(--ux-primary-soft));border-color:color-mix(in srgb,var(--ux-primary) 22%, var(--ux-line))}
.ux-funding-account,.ux-funding-costs{border-radius:20px}.ux-funding-history{padding:24px}

@media(max-width:1180px){
  .ux-panelhero{grid-template-columns:1fr}
  .ux-funding-layout{grid-template-columns:1fr}
}
@media(max-width:980px){
  .ux-top__page{display:none}
  .ux-accountpill{display:none}
  .ux-side{padding-top:92px}
}
@media(max-width:760px){
  .ux-panelhero__main{padding:22px}
  .ux-panelhero p{font-size:15px}
  .ux-panelhero__steps,.ux-overviewcard__stats,.ux-orderstats{grid-template-columns:1fr}
  .ux-order summary{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:14px}
  .ux-order__id{font-size:20px}
  .ux-order__total{grid-column:3}.ux-order .ux-tag{grid-column:2}.ux-order__cta{grid-column:3;grid-row:2}
}
@media(max-width:640px){
  .ux-theme span{display:none}
  .ux-shell{padding-bottom:90px}
  .ux-sideprofile__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-panelhero h1{font-size:34px}
  .ux-panelhero__steps>div,.ux-overviewcard,.ux-sidecard,.ux-funding-help,.ux-funding-main,.ux-funding-history,.ux-funding-balance,.ux-funding-context{border-radius:20px}
  .ux-overviewcard__stats strong,.ux-statcard strong{font-size:22px}
  .ux-ordersearch{min-width:100%}
}

/* -------------------------------------------------------------------------
   3.16.3 visual correction — light-first orange brand, cleaner service page
--------------------------------------------------------------------------- */
:root{
  --ux-bg:#F4F1FA;
  --ux-card:#FBF9FF;
  --ux-soft:#F3EEF8;
  --ux-soft-2:#ECE7F3;
  --ux-text:#332F3A;
  --ux-text-2:#4C4654;
  --ux-muted:#635F69;
  --ux-faint:#a4aab3;
  --ux-line:#e6e8eb;
  --ux-line-strong:#d8dce1;
  --ux-primary:#7C3AED;
  --ux-primary-hover:#6D28D9;
  --ux-primary-soft:#EDE9FE;
  --ux-success:#138a4b;
  --ux-success-soft:#eaf8f0;
  --ux-warn:#b86400;
  --ux-warn-soft:#fff6e8;
  --ux-danger:#c53c32;
  --ux-danger-soft:#fff0ef;
  --ux-shadow:0 14px 36px rgba(22,29,37,.06);
  --ux-radius:32px;
  --ux-max:1440px;
  --ux-side:238px;
}
body.acp-ux{background:var(--ux-bg);color:var(--ux-text)}
body.acp-ux h1,body.acp-ux h2,body.acp-ux h3{color:var(--ux-text)}
body.acp-ux :where(a,button,input,select,textarea):focus-visible{outline-color:rgba(255,133,0,.22)}

.ux-top{min-height:72px;padding:11px max(18px,calc((100vw - var(--ux-max))/2));background:rgba(255,255,255,.97);border-bottom-color:#e8eaed;box-shadow:0 1px 0 rgba(18,24,32,.02)}
.ux-logo img{max-width:142px;max-height:40px}
.ux-top__page small{color:#9b7b5a}.ux-top__page strong{color:#282828}
.ux-fx__btn,.ux-balance,.ux-theme,.ux-accountpill{background:var(--ux-card);border-color:#e4e6e9;box-shadow:0 4px 14px rgba(23,28,36,.035)}
.ux-theme:hover,.ux-accountpill:hover,.ux-fx__btn:hover,.ux-balance:hover{border-color:#ffc487;background:#fffaf5}
.ux-balance i{background:linear-gradient(135deg,#ff9b24,#ff6d00);box-shadow:0 7px 16px rgba(255,117,0,.2)}
.ux-accountpill__avatar,.ux-sideprofile__avatar{background:linear-gradient(145deg,#ff9b22,#ff6500)}

.ux-shell{width:min(calc(100% - 36px),var(--ux-max));grid-template-columns:var(--ux-side) minmax(0,1fr);gap:24px;padding:22px 0 52px}
.ux-side{top:94px;padding:12px;border:1px solid #e4e6e9;border-radius:22px;background:var(--ux-card);box-shadow:0 14px 36px rgba(20,28,38,.055)}
.ux-sideprofile{gap:13px;padding:15px;border:0;border-radius:20px;background:linear-gradient(145deg,#ff9b22 0%,#ff7208 55%,#ed5c00 100%);box-shadow:0 13px 28px rgba(244,112,0,.2)}
.ux-sideprofile__head strong{font-size:17px}.ux-sideprofile__head small{font-size:12px}
.ux-sideprofile__grid>a,.ux-sideprofile__mini{min-height:48px;padding:9px 10px;border-radius:20px;background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.16);font-size:11.5px}
.ux-sideprofile__grid>a:hover{background:rgba(255,255,255,.26)}
.ux-side__label{padding:10px 10px 4px;color:#9b7b5a}
.ux-side a{min-height:44px;border-radius:20px;color:#515862}
.ux-side a:hover{background:#fff7ee;color:#1c1c1c}
.ux-side a.is-active{background:#EDE9FE;color:#6D28D9;box-shadow:inset 3px 0 0 #7C3AED}
.ux-side__store{border-top-color:#eceef0}
.ux-side__out{color:#a73c32!important}

.ux-main{gap:20px}
.ux-btn{border-radius:20px}
.ux-btn--primary{background:linear-gradient(135deg,#ff9418,#ff7200);border-color:#ff7e00;box-shadow:0 8px 18px rgba(255,117,0,.16)}
.ux-btn--primary:hover{background:linear-gradient(135deg,#ff8700,#ec6200);border-color:#ec6200}
.ux-btn--ghost{background:var(--ux-card);border-color:#e2e5e9;color:#404751}
.ux-btn--ghost:hover{background:#fff8f1;border-color:#ffc88f;color:#c65d00}
.ux-tag--info{background:#fff2e3;border-color:#ffd1a4;color:#cb6000}
.ux-tag--ok{background:#edf9f2;border-color:#bce8cf;color:#117240}
.ux-chips a.is-active{background:#EDE9FE;border-color:#ffc284;color:#c65a00}

/* Service details */
.ux-servicebar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px}
.ux-servicebar__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ux-servicebar__meta>span:not(.ux-tag){color:var(--ux-muted);font-size:12px;font-weight:700}
.ux-back{font-size:12px;font-weight:700;color:#4f5660}.ux-back:hover{color:#6D28D9}
.ux-productpage{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(460px,1.14fr);gap:26px;align-items:start}
.ux-productmedia,.ux-productbuy{min-width:0}
.ux-productmedia{display:grid;gap:14px}
.ux-productmedia__frame{overflow:hidden;border:1px solid var(--ux-line);border-radius:22px;background:var(--ux-card);box-shadow:var(--ux-shadow)}
.ux-productmedia__frame img,.ux-productmedia__frame .ux-thumbfall{width:100%;aspect-ratio:1.08/1;object-fit:cover}
.ux-productmedia__trust{display:grid;grid-template-columns:1fr;gap:8px}
.ux-productmedia__trust>div{display:grid;gap:2px;padding:12px 14px;border:1px solid #e8eaed;border-radius:20px;background:var(--ux-card)}
.ux-productmedia__trust strong{font-size:12.5px}.ux-productmedia__trust span{color:var(--ux-muted);font-size:11.5px}
.ux-productbuy{display:grid;gap:16px;padding:24px;border:1px solid var(--ux-line);border-radius:22px;background:var(--ux-card);box-shadow:var(--ux-shadow)}
.ux-producthead{display:grid;gap:10px;padding-bottom:17px;border-bottom:1px solid #eceef0}
.ux-producthead__eyebrow{width:max-content;padding:5px 9px;border-radius:999px;background:#fff2e3;color:#ca5e00;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ux-producthead h1{font-size:clamp(29px,3.2vw,43px);line-height:1.04;max-width:820px}
.ux-productprice{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:2px}
.ux-productprice>div{display:grid;gap:4px}.ux-productprice small{color:var(--ux-muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ux-productprice strong{font-size:29px;letter-spacing:-.04em;color:#161616}.ux-productbalance strong{font-size:18px;color:#2c333b}
.ux-productfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ux-productfacts>div{display:grid;gap:4px;padding:12px 13px;border:1px solid #e8eaed;border-radius:20px;background:#fafafa}
.ux-productfacts span{color:var(--ux-muted);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ux-productfacts strong{font-size:12.5px;line-height:1.35}
.ux-productbuy .ux-coupon{margin:0;background:#fffaf5;border-color:#f0d6bd;border-style:solid}
.ux-productbuy .ux-coupon--ask summary{color:#d86600;font-weight:700}
.ux-productbuy .ux-coupon__form input{background:var(--ux-card);border-color:#e0e3e7;color:#202020}
.ux-buyform--premium{gap:12px;padding:15px;border:1px solid #e8eaed;border-radius:20px;background:#fbfbfc}
.ux-buyform__section{display:grid;gap:9px}
.ux-buyform__section--qty{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.9fr);align-items:center;gap:14px;padding:12px 13px;border:1px solid #e5e7ea;border-radius:20px;background:var(--ux-card)}
.ux-buyform__section--qty small{color:var(--ux-muted);font-size:11px;line-height:1.45;text-align:right}
.ux-buyform__section--email{padding:12px 13px;border:1px solid #f0c58f;border-radius:20px;background:#fff8ef}
.ux-buyform__section--email>small{color:#80552a;font-size:10.5px;line-height:1.5}
.ux-service-email{display:grid;gap:7px}.ux-service-email>span{color:#8a4d11;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ux-service-email input{width:100%;min-height:44px;padding:0 12px;border:1px solid #dfb984;border-radius:20px;background:var(--ux-card);color:var(--ux-text);outline:0}.ux-service-email input:focus{border-color:#f39a37;box-shadow:0 0 0 3px rgba(255,138,0,.12)}
.ux-buyform--premium .ux-buyform__label{color:#343a42;font-size:11px}
.ux-buyform--premium .ux-qty{font-size:12px}.ux-buyform--premium .ux-qty input{background:var(--ux-card);border-color:#dfe3e7;color:#1f242a}
.ux-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ux-plan>span{min-height:58px;border-color:#e2e5e9;border-radius:20px;background:var(--ux-card)}.ux-plan input:checked+span{border-color:#ff9f43;background:#fff4e8;box-shadow:0 0 0 2px rgba(255,133,0,.08)}
.ux-plan strong{font-size:12px}.ux-plan b{font-size:14px;color:#202020}
.ux-orderquote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:20px;background:#EDE9FE;color:#8b4300}
.ux-orderquote span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ux-orderquote strong{font-size:13px;text-align:right}
.ux-buyform__note{color:var(--ux-muted);font-size:11px;text-align:center}
.ux-productsummary{display:grid;gap:9px;padding-top:2px}.ux-productsummary h2{font-size:16px}.ux-productsummary .ux-detail__desc{color:#5e6670;font-size:13px;line-height:1.7}
.ux-productdetails{padding:22px;border-radius:20px;box-shadow:var(--ux-shadow)}

/* Light-first: fixed whites throughout panel no longer fight dark OS defaults. */
body.acp-ux[data-ux-theme="dark"]{
  --ux-bg:#11151b;--ux-card:#171c23;--ux-soft:#1c222b;--ux-soft-2:#212832;--ux-text:#f2f4f6;--ux-text-2:#d1d5da;--ux-muted:#9aa2ad;--ux-faint:#707986;--ux-line:#2a323c;--ux-line-strong:#36404c;--ux-primary:#ff9a24;--ux-primary-hover:#ffae4c;--ux-primary-soft:rgba(255,133,0,.13);--ux-shadow:0 16px 36px rgba(0,0,0,.24)
}
body.acp-ux[data-ux-theme="dark"] .ux-top,body.acp-ux[data-ux-theme="dark"] .ux-side,body.acp-ux[data-ux-theme="dark"] .ux-productbuy,body.acp-ux[data-ux-theme="dark"] .ux-productmedia__frame,body.acp-ux[data-ux-theme="dark"] .ux-productmedia__trust>div,body.acp-ux[data-ux-theme="dark"] .ux-btn--ghost,body.acp-ux[data-ux-theme="dark"] .ux-buyform__section--qty,body.acp-ux[data-ux-theme="dark"] .ux-plan>span,body.acp-ux[data-ux-theme="dark"] .ux-fx__btn,body.acp-ux[data-ux-theme="dark"] .ux-balance,body.acp-ux[data-ux-theme="dark"] .ux-theme,body.acp-ux[data-ux-theme="dark"] .ux-accountpill{background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-buyform__section--email,body.acp-ux[data-ux-theme="dark"] .ux-provider-input{background:rgba(255,138,0,.08);border-color:rgba(255,169,82,.35)}
body.acp-ux[data-ux-theme="dark"] .ux-service-email input,body.acp-ux[data-ux-theme="dark"] .ux-provider-input input{background:var(--ux-card);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-buyform__section--email>small,body.acp-ux[data-ux-theme="dark"] .ux-provider-input small{color:#d4aa7f}
body.acp-ux[data-ux-theme="dark"] .ux-productfacts>div,body.acp-ux[data-ux-theme="dark"] .ux-buyform--premium{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-productprice strong,body.acp-ux[data-ux-theme="dark"] .ux-productbalance strong,body.acp-ux[data-ux-theme="dark"] .ux-plan b{color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-productbuy .ux-coupon,body.acp-ux[data-ux-theme="dark"] .ux-productbuy .ux-coupon__form input{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-orderquote{background:rgba(255,133,0,.13);color:#ffb15a}

@media(max-width:1120px){.ux-productpage{grid-template-columns:1fr}.ux-productmedia{grid-template-columns:minmax(280px,.8fr) minmax(220px,.5fr);align-items:start}.ux-productmedia__trust{align-content:start}}
@media(max-width:900px){.ux-productmedia{grid-template-columns:1fr}.ux-productmedia__trust{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.ux-productbuy{padding:18px}.ux-productfacts,.ux-productmedia__trust,.ux-plans{grid-template-columns:1fr}.ux-productprice{align-items:flex-start}.ux-buyform__section--qty{grid-template-columns:1fr}.ux-buyform__section--qty small{text-align:left}.ux-producthead h1{font-size:31px}}

/* 3.16.3 — simplified Add Funds workspace */
.ux-funds-simple-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:2px 0 4px}
.ux-funds-simple-head h1{font-size:clamp(28px,3vw,36px)}
.ux-funds-simple-head p{margin-top:5px;color:var(--ux-muted);font-size:13px;line-height:1.5}
.ux-funds-simple-head__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ux-funds-balance-chip{min-height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card)}
.ux-funds-balance-chip span{color:var(--ux-muted);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.ux-funds-balance-chip strong{font-size:15px;letter-spacing:-.02em}
.ux-funding-simple{display:block;max-width:980px}
.ux-funding-simple .ux-funding-main{padding:22px;gap:18px;border-radius:20px;box-shadow:none}
.ux-funding-simple .ux-funding-main h2{font-size:16px}
.ux-funding-simple .ux-funding-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ux-funding-simple .ux-funding-method{min-height:74px;padding:13px 14px;border-radius:20px}
.ux-funding-simple .ux-funding-method.is-active{padding:12px 13px}
.ux-funding-simple .ux-funding-account,.ux-funding-simple .ux-funding-costs{border-radius:20px}
.ux-funding-history{max-width:980px;box-shadow:none}
@media(max-width:700px){.ux-funds-simple-head{align-items:flex-start}.ux-funds-simple-head__actions{width:100%}.ux-funds-balance-chip{flex:1 1 auto}.ux-funding-simple .ux-funding-methods{grid-template-columns:1fr}.ux-funding-simple .ux-funding-main{padding:16px}}

/* 3.16.4 services filters */
.ux-filterstack{display:grid;gap:10px;width:100%}
.ux-filterline{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px}
.ux-filterline__label{padding-top:8px;color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
@media(max-width:760px){.ux-filterline{grid-template-columns:1fr}.ux-filterline__label{padding-top:0}}

/* 3.16.5 compact Add Funds method selector */
.ux-funding-methodpicker{display:grid;gap:12px}
.ux-funding-select{display:grid;gap:6px;max-width:360px}
.ux-funding-select>span{color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ux-funding-select select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--ux-line-strong);border-radius:20px;background:var(--ux-card);color:var(--ux-text);font-size:14px;font-weight:600}
.ux-funding-simple .ux-funding-methods{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--ux-primary-soft) transparent}
.ux-funding-simple .ux-funding-methods::-webkit-scrollbar{height:7px}
.ux-funding-simple .ux-funding-methods::-webkit-scrollbar-thumb{background:#ffd7b0;border-radius:999px}
.ux-funding-simple .ux-funding-methods::-webkit-scrollbar-track{background:transparent}
.ux-funding-simple .ux-funding-method{flex:0 0 220px;min-height:66px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:20px;white-space:normal}
.ux-funding-simple .ux-funding-method.is-active{padding:9px 11px}
.ux-funding-method__icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:20px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff9c39,#ff6a00);box-shadow:0 8px 18px rgba(255,138,0,.18)}
.ux-funding-method__copy{min-width:0;display:grid;gap:2px}
.ux-funding-method__copy strong{font-size:14px;line-height:1.18;padding-right:0}
.ux-funding-method__copy small{color:var(--ux-muted);font-size:11px;line-height:1.35}
.ux-funding-method__icon.is-jazzcash{background:linear-gradient(135deg,#ff3f7a,#ff7b39)}
.ux-funding-method__icon.is-easypaisa{background:linear-gradient(135deg,#1fbe72,#00a769)}
.ux-funding-method__icon.is-applepay{background:linear-gradient(135deg,#222,#555)}
.ux-funding-method__icon.is-googlepay{background:linear-gradient(135deg,#4285f4,#34a853)}
.ux-funding-method__icon.is-amazonpay{background:linear-gradient(135deg,#1d2a45,#f7a11a)}
.ux-funding-method__icon.is-binance{background:linear-gradient(135deg,#f3ba2f,#d89600);color:#1b1300}
.ux-funding-method__icon.is-card{background:linear-gradient(135deg,#5b7cff,#3851ff)}
.ux-funding-method__icon.is-manual{background:linear-gradient(135deg,#ff9f2f,#ff6a00)}
.ux-funding-method__icon.is-generic{background:linear-gradient(135deg,#8a8fa3,#5f667d)}
@media(max-width:700px){
  .ux-funding-select{max-width:100%}
  .ux-funding-simple .ux-funding-method{flex-basis:190px}
}

/* -------------------------------------------------------------------------
   3.16.6 — complete Night mode + useful Home/Referral polish
--------------------------------------------------------------------------- */

/* Home: compact operational dashboard rather than a decorative landing page. */
.ux-homework{display:grid;gap:16px}
.ux-home-start{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;padding:22px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);box-shadow:var(--ux-shadow)}
.ux-home-start__copy{display:grid;align-content:center;gap:10px;min-width:0}
.ux-home-start h1{font-size:clamp(30px,3.5vw,44px);line-height:1.02}
.ux-home-start__copy>p{color:var(--ux-muted);font-size:13px;line-height:1.55}
.ux-home-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:4px}
.ux-home-search input{min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--ux-line-strong);border-radius:20px;background:var(--ux-soft);color:var(--ux-text);outline:0}
.ux-home-search button{min-height:48px;padding:0 18px;border:0;border-radius:20px;background:linear-gradient(135deg,#ff9418,#ff7200);color:#fff;font-weight:700;cursor:pointer}
.ux-home-start__links{display:flex;gap:16px;flex-wrap:wrap}.ux-home-start__links a{color:var(--ux-primary);font-size:11px;font-weight:700}
.ux-home-wallet{display:grid;align-content:center;gap:12px;padding:18px;border:1px solid var(--ux-line);border-radius:20px;background:linear-gradient(145deg,#151922,#222938);color:#fff}
.ux-home-wallet>span{color:#b7c0cf;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ux-home-wallet>strong{font-size:34px;line-height:1;letter-spacing:-.05em;color:#fff}.ux-home-wallet>strong .acp-price{color:inherit}
.ux-home-wallet>div{display:flex;gap:8px;flex-wrap:wrap}.ux-home-wallet>p{color:#aab4c5;font-size:11px;line-height:1.45}
.ux-home-active{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #f0d4b7;border-radius:20px;background:#fff8ef}
.ux-home-active>div{display:grid;gap:3px}.ux-home-active strong{font-size:13px}.ux-home-active small{color:var(--ux-muted);font-size:11px}.ux-home-active--ready{border-color:#bde5cc;background:#f3fbf6}
.ux-home-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:14px;align-items:start}
.ux-home-orders,.ux-home-services{padding:18px}
.ux-home-empty{min-height:104px;display:grid;align-content:center;gap:4px;padding:14px;border:1px dashed var(--ux-line-strong);border-radius:20px;background:var(--ux-soft)}
.ux-home-empty strong{font-size:13px}.ux-home-empty p{color:var(--ux-muted);font-size:11px}
.ux-home-orderrows,.ux-home-servicelist{display:grid}
.ux-home-orderrows>a,.ux-home-servicelist>a{display:grid;align-items:center;gap:10px;min-height:58px;padding:9px 4px;border-bottom:1px solid var(--ux-line)}
.ux-home-orderrows>a:last-child,.ux-home-servicelist>a:last-child{border-bottom:0}
.ux-home-orderrows>a{grid-template-columns:minmax(0,1fr) auto}.ux-home-orderrows__main,.ux-home-orderrows__side{display:grid;gap:2px}
.ux-home-orderrows__main strong,.ux-home-servicelist strong{font-size:12px}.ux-home-orderrows__main small,.ux-home-servicelist small{color:var(--ux-muted);font-size:10px}
.ux-home-orderrows__side{text-align:right}.ux-home-orderrows__side b{font-size:12px}
.ux-home-servicelist>a{grid-template-columns:auto minmax(0,1fr) auto;border-radius:20px;padding-left:6px;padding-right:6px}.ux-home-servicelist>a:hover{background:var(--ux-soft)}
.ux-home-serviceicon{width:36px;height:36px;display:grid;place-items:center;border-radius:20px;background:var(--ux-primary-soft);color:var(--ux-primary);font-weight:700}
.ux-home-servicelist>a>span:nth-child(2){min-width:0;display:grid;gap:2px}.ux-home-servicelist>a>span:nth-child(2) strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-home-servicelist>a>b{font-size:11px;color:var(--ux-primary);white-space:nowrap}

/* Referral: remove the old oversized split-panel behavior and keep text safe. */
.ux-ref-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.ux-ref-pagehead h1{font-size:clamp(28px,3vw,36px)}.ux-ref-pagehead p{margin-top:5px;color:var(--ux-muted);font-size:13px}
.ux-refcompact{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-card);overflow:hidden;box-shadow:none}
.ux-refcompact__summary{display:grid;gap:18px;padding:24px;background:linear-gradient(135deg,#18130f 0%,#3b210b 54%,#8a4200 100%);color:#fff}
body.acp-ux .ux-refcompact__summary h2{color:#fff;font-size:clamp(28px,3.6vw,42px)}
.ux-refcompact__title{display:grid;gap:10px}.ux-refcompact__title .ux-tag{width:max-content}.ux-refcompact__title p{color:rgba(255,255,255,.82);font-size:13px;line-height:1.6}.ux-refcompact__title p strong{color:#fff}
.ux-refcompact__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ux-refcompact__stats>div{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.07)}
.ux-refcompact__stats span{display:block;color:rgba(255,255,255,.72);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ux-refcompact__stats strong{display:block;margin-top:6px;color:#fff;font-size:21px;letter-spacing:-.03em}
.ux-refcompact__share{display:grid;align-content:start;gap:14px;padding:24px;background:var(--ux-card)}
.ux-refcopy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.ux-refcopy input{min-width:0;min-height:46px;padding:0 13px;border:1px solid var(--ux-line-strong);border-radius:20px;background:var(--ux-soft);color:var(--ux-text)}
.ux-refshare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ux-refshare .ux-btn{min-width:0;padding:0 9px}
.ux-refgrid--clean{margin-top:0}.ux-ref-rewards{padding:18px}.ux-refempty--compact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}.ux-refempty--compact>div{display:grid;gap:3px}.ux-refempty--compact p{color:var(--ux-muted);font-size:11px}

/* Night mode must darken the whole /panel shell, not just a few components. */
body.acp-ux[data-ux-theme="dark"]{background:var(--ux-bg);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-top{background:rgba(17,21,27,.97)!important;border-bottom-color:var(--ux-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.02)!important}
body.acp-ux[data-ux-theme="dark"] .ux-top__page small{color:#c48b51}body.acp-ux[data-ux-theme="dark"] .ux-top__page strong{color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-side{background:var(--ux-card)!important;border-color:var(--ux-line)!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important}
body.acp-ux[data-ux-theme="dark"] .ux-side__label{color:#b3865c}body.acp-ux[data-ux-theme="dark"] .ux-side a{color:var(--ux-text-2)}body.acp-ux[data-ux-theme="dark"] .ux-side a:hover{background:var(--ux-soft);color:var(--ux-text)}body.acp-ux[data-ux-theme="dark"] .ux-side a.is-active{background:rgba(255,133,0,.13);color:#ffab4a;box-shadow:inset 3px 0 0 var(--ux-primary)}body.acp-ux[data-ux-theme="dark"] .ux-side__store{border-top-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-btn--ghost{background:var(--ux-card)!important;border-color:var(--ux-line)!important;color:var(--ux-text-2)!important}body.acp-ux[data-ux-theme="dark"] .ux-btn--ghost:hover{background:var(--ux-soft)!important;border-color:#66411f!important;color:#ffb25d!important}
body.acp-ux[data-ux-theme="dark"] .ux-card,body.acp-ux[data-ux-theme="dark"] .ux-order,body.acp-ux[data-ux-theme="dark"] .ux-service,body.acp-ux[data-ux-theme="dark"] .ux-method,body.acp-ux[data-ux-theme="dark"] .ux-paybox,body.acp-ux[data-ux-theme="dark"] .ux-buyform,body.acp-ux[data-ux-theme="dark"] .ux-shortfall,body.acp-ux[data-ux-theme="dark"] .ux-target{background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-stickybar,body.acp-ux[data-ux-theme="dark"] .ux-search,body.acp-ux[data-ux-theme="dark"] .ux-chips a,body.acp-ux[data-ux-theme="dark"] .ux-quickpicks a,body.acp-ux[data-ux-theme="dark"] .ux-servicepicker__summary,body.acp-ux[data-ux-theme="dark"] .ux-servicepicker__panel{background:var(--ux-card);border-color:var(--ux-line);color:var(--ux-text-2)}
body.acp-ux[data-ux-theme="dark"] .ux-search input,body.acp-ux[data-ux-theme="dark"] .ux-funding-select select,body.acp-ux[data-ux-theme="dark"] .ux-form input,body.acp-ux[data-ux-theme="dark"] .ux-form select,body.acp-ux[data-ux-theme="dark"] .ux-form textarea{background:var(--ux-soft)!important;border-color:var(--ux-line-strong)!important;color:var(--ux-text)!important}
body.acp-ux[data-ux-theme="dark"] .ux-chips a.is-active{background:rgba(255,133,0,.13);border-color:#73451f;color:#ffb25d}
body.acp-ux[data-ux-theme="dark"] .ux-service__body,body.acp-ux[data-ux-theme="dark"] .ux-service__foot{border-color:var(--ux-line)}

/* Legacy dashboard selectors still used by earlier cached panel templates. */
body.acp-ux[data-ux-theme="dark"] .ux-dashhero{background:linear-gradient(135deg,#171c23 0%,#1b2028 58%,#292016 100%)!important;border-color:var(--ux-line)!important;box-shadow:var(--ux-shadow)!important}
body.acp-ux[data-ux-theme="dark"] .ux-dashmetric{background:var(--ux-card)!important;border-color:var(--ux-line)!important;box-shadow:none!important}
body.acp-ux[data-ux-theme="dark"] .ux-dashmetric:hover{background:var(--ux-soft)!important;border-color:#6c4420!important}
body.acp-ux[data-ux-theme="dark"] .ux-dashmetric__icon--soft{background:var(--ux-soft);color:var(--ux-text-2)}
body.acp-ux[data-ux-theme="dark"] .ux-dashdelivery{background:linear-gradient(180deg,var(--ux-card),#14231b)!important;border-color:#28513a!important}
body.acp-ux[data-ux-theme="dark"] .ux-orderlist--dashboard li,body.acp-ux[data-ux-theme="dark"] .ux-orderlist--dashboard li>a{border-color:var(--ux-line)}body.acp-ux[data-ux-theme="dark"] .ux-orderlist--dashboard li>a:hover{background:var(--ux-soft)}
body.acp-ux[data-ux-theme="dark"] .ux-orderlist__avatar,body.acp-ux[data-ux-theme="dark"] .ux-dashactionlist>a>span{background:var(--ux-soft);border-color:var(--ux-line);color:#ffab4a}
body.acp-ux[data-ux-theme="dark"] .ux-dashdiscover{background:linear-gradient(145deg,#241b13,#1a1817)!important;border-color:#4e3824!important}
body.acp-ux[data-ux-theme="dark"] .ux-dashdiscover__mark{background:var(--ux-soft);color:#ffab4a}

/* Current compact Home. */
body.acp-ux[data-ux-theme="dark"] .ux-home-start{background:var(--ux-card);border-color:var(--ux-line);box-shadow:var(--ux-shadow)}
body.acp-ux[data-ux-theme="dark"] .ux-home-search input{background:var(--ux-soft);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-home-active{background:#241b13;border-color:#50381f}body.acp-ux[data-ux-theme="dark"] .ux-home-active--ready{background:#13251b;border-color:#28513a}
body.acp-ux[data-ux-theme="dark"] .ux-home-empty{background:var(--ux-soft);border-color:var(--ux-line-strong)}
body.acp-ux[data-ux-theme="dark"] .ux-home-orderrows>a,body.acp-ux[data-ux-theme="dark"] .ux-home-servicelist>a{border-color:var(--ux-line)}body.acp-ux[data-ux-theme="dark"] .ux-home-servicelist>a:hover{background:var(--ux-soft)}
body.acp-ux[data-ux-theme="dark"] .ux-home-serviceicon{background:rgba(255,133,0,.13);color:#ffad4f}

/* Legacy referral panel in screenshots + current compact referral. */
body.acp-ux .ux-refhero__intro h2{color:#fff}
body.acp-ux[data-ux-theme="dark"] .ux-refhero{background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-refhero__panel{background:var(--ux-card)}
body.acp-ux[data-ux-theme="dark"] .ux-refstats .ux-stat--accent{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);color:#fff}body.acp-ux[data-ux-theme="dark"] .ux-refstats .ux-stat--accent span,body.acp-ux[data-ux-theme="dark"] .ux-refstats .ux-stat--accent strong,body.acp-ux[data-ux-theme="dark"] .ux-refstats .ux-stat--accent small{color:#fff}
body.acp-ux[data-ux-theme="dark"] .ux-refcopy input{background:var(--ux-soft);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-refnote{background:rgba(255,133,0,.10);color:var(--ux-text-2)}body.acp-ux[data-ux-theme="dark"] .ux-refnote strong{color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-refcompact{background:var(--ux-card);border-color:var(--ux-line)}body.acp-ux[data-ux-theme="dark"] .ux-refcompact__share{background:var(--ux-card)}
body.acp-ux[data-ux-theme="dark"] .ux-refsteps article{background:var(--ux-soft);border-color:var(--ux-line)}body.acp-ux[data-ux-theme="dark"] .ux-refsteps article span{background:#2a2016;color:#ffac4d}
body.acp-ux[data-ux-theme="dark"] .ux-reflist__item{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-facts li,body.acp-ux[data-ux-theme="dark"] .ux-detail__facts li{border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-tag--info{background:rgba(255,133,0,.12);border-color:#68421f;color:#ffad4f}
body.acp-ux[data-ux-theme="dark"] .ux-tag--ok{background:rgba(19,138,75,.15);border-color:#285f42;color:#6bd59a}

/* Add Funds / forms in Night mode. */
body.acp-ux[data-ux-theme="dark"] .ux-funds-balance-chip,body.acp-ux[data-ux-theme="dark"] .ux-funding-main,body.acp-ux[data-ux-theme="dark"] .ux-funding-history{background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-funding-method{background:var(--ux-card);border-color:var(--ux-line-strong)}body.acp-ux[data-ux-theme="dark"] .ux-funding-method.is-active{background:rgba(255,133,0,.10);border-color:#7b4b22}
body.acp-ux[data-ux-theme="dark"] .ux-funding-account,body.acp-ux[data-ux-theme="dark"] .ux-funding-costs{background:var(--ux-soft);border-color:var(--ux-line)}

@media(max-width:900px){.ux-home-grid,.ux-home-start,.ux-refcompact{grid-template-columns:1fr}.ux-refcompact__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.ux-home-search{grid-template-columns:1fr}.ux-home-search button{width:100%}.ux-refcompact__stats,.ux-refshare{grid-template-columns:1fr}.ux-refcopy{grid-template-columns:1fr}.ux-refempty--compact{align-items:flex-start;flex-direction:column}}

/* 3.16.8 — stock-priority catalog + compact filters + automatic progressive loading */
.ux-catalogfilters{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(200px,1fr) minmax(210px,1fr) auto;gap:10px;align-items:end}
.ux-catalogfilter{display:grid;gap:5px;min-width:0}
.ux-catalogfilter>span{color:var(--ux-muted);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.ux-catalogfilter select{width:100%;min-height:42px;padding:0 38px 0 12px;border:1px solid var(--ux-line-strong);border-radius:20px;background:var(--ux-card);color:var(--ux-text);font-size:12px;font-weight:600;outline:0}
.ux-catalogfilter select:focus{border-color:var(--ux-primary);box-shadow:0 0 0 3px rgba(255,138,0,.10)}
.ux-catalogfilters__meta{min-height:42px;display:grid;align-content:center;gap:1px;padding:0 12px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-soft)}
.ux-catalogfilters__meta strong{font-size:12px;line-height:1.2}.ux-catalogfilters__meta span{color:var(--ux-muted);font-size:10px;line-height:1.25}
.ux-stickybar{gap:12px}
.ux-servicepicker__grouphead{background:var(--ux-card)}
.ux-servicepicker__group+.ux-servicepicker__group{border-color:var(--ux-line)}
.ux-service__lowstock{position:absolute;left:10px;top:10px;z-index:3;padding:5px 8px;border-radius:999px;background:#fff7ed;color:#c65a00;border:1px solid #fed7aa;font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 4px 12px rgba(166,81,0,.10)}
.ux-autoload{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ux-muted);font-size:11px;text-align:center}
.ux-autoload.is-complete{min-height:46px}
body.acp-ux[data-ux-theme="dark"] .ux-catalogfilter select{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-catalogfilters__meta{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-servicepicker__grouphead{background:var(--ux-card);color:var(--ux-text-2)}
body.acp-ux[data-ux-theme="dark"] .ux-service__lowstock{background:rgba(255,138,0,.14);border-color:rgba(255,138,0,.28);color:#ffb45b}
@media(max-width:1000px){.ux-catalogfilters{grid-template-columns:1fr 1fr}.ux-catalogfilters__meta{grid-column:1/-1}.ux-catalogfilters>.ux-btn{width:max-content}}
@media(max-width:640px){.ux-catalogfilters{grid-template-columns:1fr}.ux-catalogfilters__meta{grid-column:auto}.ux-catalogfilters>.ux-btn{width:100%}}

/* 3.28.0 — customer workspace 99% deep clay hierarchy */
body.acp-ux{background:radial-gradient(circle at 9% 0%,rgba(255,255,255,.95),transparent 25%),radial-gradient(circle at 93% 10%,rgba(179,207,242,.27),transparent 28%),var(--ux-bg)}
.ux-top{margin:9px auto 0;width:min(calc(100% - 18px),calc(var(--ux-max) + 30px));border-radius:23px;background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:var(--ux-shadow)}
.ux-burger,.ux-fx__btn,.ux-fxpills>div,.ux-suggest a{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:var(--ux-shadow-sm)}
.ux-fx__menu,.ux-typeahead{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:var(--ux-shadow)}
.ux-fx__menu button:hover,.ux-typeahead__item:hover,.ux-typeahead__item.is-active{background:var(--ux-soft-2);box-shadow:var(--ux-inset)}
.ux-shell{gap:18px}.ux-side{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border:1px solid var(--ux-line);box-shadow:var(--ux-shadow);border-radius:22px}.ux-side a{border-radius:20px;transition:.15s var(--ux-ease)}.ux-side a:hover{background:var(--ux-soft-2);box-shadow:var(--ux-inset)}.ux-side a.is-active{background:var(--ux-soft-2);color:var(--ux-primary);box-shadow:var(--ux-inset)}
.ux-pagehead,.ux-hello{padding:18px 20px;border:1px solid rgba(255,255,255,.64);border-radius:20px;background:var(--ux-soft-2);box-shadow:var(--ux-inset)}
.ux-card,.ux-order,.ux-service,.ux-method,.ux-paybox,.ux-buyform,.ux-shortfall,.ux-target{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:var(--ux-shadow-sm);border-radius:var(--ux-radius)}
.ux-card:before,.ux-service:before{content:"";position:absolute;inset:6px;border-radius:calc(var(--ux-radius) - 5px);border:1px solid rgba(255,255,255,.32);pointer-events:none}.ux-service{position:relative}
.ux-stats,.ux-quick,.ux-servicegrid,.ux-orderlist,.ux-fundsgrid{padding:10px;border:1px solid rgba(255,255,255,.60);border-radius:22px;background:var(--ux-soft-2);box-shadow:var(--ux-inset)}
.ux-stat,.ux-quick a{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:var(--ux-shadow-sm);border-radius:20px}.ux-quick a:hover{background:var(--ux-soft-2);box-shadow:var(--ux-inset)}
.ux-btn--primary{background:linear-gradient(145deg,#3585ff,#0a5bd8);box-shadow:7px 7px 16px rgba(124,58,237,.23),-4px -4px 10px rgba(255,255,255,.68);border-color:rgba(255,255,255,.25)}.ux-btn:active{transform:translateY(1px);box-shadow:var(--ux-inset)}
.ux-search input{background:transparent!important}.ux-search button{border-radius:20px;box-shadow:5px 5px 11px rgba(34,67,104,.18),-3px -3px 8px rgba(255,255,255,.62)}
.ux-chips{padding:5px}.ux-chips a{background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border-color:var(--ux-line);box-shadow:4px 4px 9px rgba(78,103,135,.10),-4px -4px 9px rgba(255,255,255,.76)}.ux-chips a.is-active{background:var(--ux-soft-2);box-shadow:var(--ux-inset);color:var(--ux-primary)}
.ux-service__img,.ux-detail__media{background:var(--ux-soft-2);border-color:rgba(255,255,255,.62);box-shadow:var(--ux-inset)}.ux-service:hover{transform:translateY(-2px);box-shadow:var(--ux-shadow)}
.ux-detail{padding:14px;border-radius:24px;background:var(--ux-soft-2);box-shadow:var(--ux-inset);border:1px solid rgba(255,255,255,.60)}.ux-detail__body{padding:18px;background:linear-gradient(145deg,var(--ux-card-hi),var(--ux-soft));border:1px solid var(--ux-line);border-radius:20px;box-shadow:var(--ux-shadow-sm)}
.ux-buyform,.ux-shortfall{background:var(--ux-soft-2);box-shadow:var(--ux-inset)}.ux-qty input,.ux-plan>span,.ux-form input,.ux-form select,.ux-form textarea{background:var(--ux-soft-2)!important;border-color:rgba(91,114,140,.10)!important;box-shadow:var(--ux-inset)!important;border-radius:20px!important}.ux-plan input:checked+span{box-shadow:var(--ux-inset),0 0 0 2px rgba(124,58,237,.12);border-color:rgba(124,58,237,.22)}
.ux-method,.ux-paybox{padding:16px}.ux-method.is-active{background:var(--ux-soft-2);box-shadow:var(--ux-inset)}
.ux-dock{border-radius:20px 20px 0 0!important;background:linear-gradient(145deg,rgba(248,251,254,.97),rgba(226,234,242,.97))!important;box-shadow:0 -8px 24px rgba(78,103,135,.16)!important}.ux-dock a.is-active{background:var(--ux-soft-2)!important;box-shadow:var(--ux-inset)!important}
@media(max-width:899.98px){.ux-top{width:calc(100% - 10px);margin-top:5px;border-radius:20px}.ux-side{border-radius:0 22px 22px 0}.ux-main{padding-left:12px;padding-right:12px}.ux-stats,.ux-quick,.ux-servicegrid,.ux-orderlist,.ux-fundsgrid{padding:8px;border-radius:20px}}
@media(max-width:600px){.ux-card,.ux-order,.ux-service,.ux-method,.ux-paybox,.ux-buyform,.ux-shortfall,.ux-target{border-radius:20px}.ux-pagehead,.ux-hello{border-radius:20px;padding:15px}.ux-detail{padding:8px;border-radius:20px}.ux-detail__body{padding:15px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){body.acp-ux *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* 3.29.0 — HIGH-FIDELITY CLAY CUSTOMER WORKSPACE (component-native) */
body.acp-ux{font-family:Arial,Helvetica,sans-serif!important;background:linear-gradient(180deg,#F8F5FB 0%,#F4F1FA 58%,#F0ECF7 100%)!important;color:var(--ux-text)!important;position:relative}body.acp-ux:before,body.acp-ux:after{content:"";position:fixed;z-index:-1;width:58vh;height:58vh;border-radius:50%;filter:blur(72px);opacity:.13;pointer-events:none;animation:ux-clay-float 10s ease-in-out infinite}body.acp-ux:before{left:-14%;top:-12%;background:#8B5CF6}body.acp-ux:after{right:-18%;top:24%;background:#EC4899;animation-delay:-4s}@keyframes ux-clay-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}
body.acp-ux :where(h1,h2,h3,h4,h5,h6,.ux-stat strong,.bp-walletcard strong,.bp-metric strong,.bp-sidebar__brand strong,.bp-cardhead h2){font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}.bp-panel{background:transparent!important}.bp-sidebar{margin:14px!important;height:calc(100dvh - 28px)!important;border-radius:40px!important;background:rgba(255,255,255,.70)!important;backdrop-filter:blur(24px) saturate(140%)!important;border:1px solid var(--ux-line)!important;box-shadow:var(--ux-shadow)!important;padding:22px!important}.bp-sidebar__brand{padding:10px!important;border-radius:24px!important}.bp-sidebar__mark{width:48px!important;height:48px!important;border-radius:20px!important;background:linear-gradient(145deg,#A78BFA,#7C3AED)!important;color:#fff!important;box-shadow:var(--ux-button)!important}.bp-sidebar__balance{border-radius:28px!important;background:var(--ux-soft)!important;box-shadow:var(--ux-inset)!important;border:0!important;padding:18px!important}.bp-sidebar__nav{gap:8px!important}.bp-sidebar__nav a{min-height:48px!important;border-radius:20px!important;padding:0 14px!important;transition:.22s var(--ux-ease)!important}.bp-sidebar__nav a:hover{transform:translateY(-2px);background:rgba(255,255,255,.70)!important;box-shadow:var(--ux-shadow-sm)!important}.bp-sidebar__nav a.is-active{background:var(--ux-soft)!important;color:var(--ux-primary)!important;box-shadow:var(--ux-inset)!important}.bp-sidebar__nav a:active{transform:scale(.95)!important;box-shadow:var(--ux-inset)!important}
.bp-workspace{background:transparent!important}.bp-topbar{margin:14px 14px 0!important;min-height:78px!important;border-radius:36px!important;background:rgba(255,255,255,.70)!important;backdrop-filter:blur(22px)!important;border:1px solid var(--ux-line)!important;box-shadow:var(--ux-shadow)!important;padding:0 18px!important}.bp-topbar__wallet,.bp-fx>button,.bp-profile>summary,.bp-sidebar-toggle{min-height:48px!important;border-radius:20px!important;background:rgba(255,255,255,.70)!important;border:1px solid var(--ux-line)!important;box-shadow:var(--ux-shadow-sm)!important}.bp-topbar__wallet:hover,.bp-fx>button:hover,.bp-profile>summary:hover{transform:translateY(-2px)!important;box-shadow:var(--ux-shadow)!important}.bp-topbar__wallet:active,.bp-fx>button:active,.bp-profile>summary:active,.bp-sidebar-toggle:active{transform:scale(.94)!important;box-shadow:var(--ux-inset)!important}.bp-profile>div,.ux-fx__menu{border-radius:24px!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(24px)!important;box-shadow:var(--ux-shadow)!important;border:1px solid var(--ux-line)!important}
.bp-content,.ux-main{padding:30px 30px 92px!important}.bp-dashhero{border-radius:48px!important;background:rgba(255,255,255,.64)!important;border:1px solid var(--ux-line)!important;box-shadow:30px 30px 60px #cdc6d9,-30px -30px 60px #fff,inset 10px 10px 20px rgba(139,92,246,.05),inset -10px -10px 20px rgba(255,255,255,.8)!important;backdrop-filter:blur(22px)!important;padding:38px!important}.bp-dashhero__copy h1{font-size:clamp(42px,5vw,70px)!important;line-height:1.04!important}.bp-dashhero__copy>span{display:inline-flex!important;padding:8px 13px!important;border-radius:999px!important;background:rgba(124,58,237,.10)!important;color:var(--ux-primary)!important;box-shadow:var(--ux-shadow-sm)!important}.bp-walletcard{border-radius:32px!important;background:var(--ux-soft)!important;box-shadow:var(--ux-inset)!important;border:0!important;padding:24px!important}.bp-walletcard strong{font-size:clamp(34px,4vw,52px)!important;color:var(--ux-primary)!important}
.bp-btn,.ux-btn,.bp-content button:not(.ux-copy),.bp-content input[type=submit]{min-height:48px!important;border-radius:20px!important;font-weight:700!important;transition:transform .2s var(--ux-ease),box-shadow .2s var(--ux-ease)!important}.bp-btn--primary,.ux-btn--primary,.bp-content button[type=submit],.bp-content input[type=submit]{background:linear-gradient(145deg,#A78BFA,#7C3AED)!important;color:#fff!important;border:0!important;box-shadow:var(--ux-button)!important}.bp-btn--secondary,.ux-btn--ghost{background:rgba(255,255,255,.72)!important;box-shadow:var(--ux-shadow-sm)!important;border:1px solid var(--ux-line)!important;color:var(--ux-text)!important}.bp-btn:hover,.ux-btn:hover,.bp-content button:hover{transform:translateY(-4px)!important}.bp-btn:active,.ux-btn:active,.bp-content button:active{transform:scale(.92)!important;box-shadow:var(--ux-inset)!important}
.bp-metrics{gap:16px!important}.bp-metric,.bp-metrics>a,.bp-panel-card,.bp-service-card,.ux-card,.ux-statcard,.seo-reportbox,.seo-service-card,.seo-welcome>div,.ux-refcompact,.ux-productbuy,.ux-productdetails,.ux-auth__form{border-radius:32px!important;background:rgba(255,255,255,.66)!important;border:1px solid var(--ux-line)!important;box-shadow:var(--ux-shadow)!important;backdrop-filter:blur(18px)!important;transition:transform .45s var(--ux-ease),box-shadow .45s var(--ux-ease)!important}.bp-metric:hover,.bp-metrics>a:hover,.bp-panel-card:hover,.bp-service-card:hover,.ux-card:hover,.seo-service-card:hover{transform:translateY(-8px)!important;box-shadow:30px 30px 60px #cdc6d9,-30px -30px 60px #fff,inset 10px 10px 20px rgba(139,92,246,.05),inset -10px -10px 20px rgba(255,255,255,.8)!important}
.bp-metric:nth-child(4n+1),.bp-metrics>a:nth-child(4n+1){border-top:5px solid #7C3AED!important}.bp-metric:nth-child(4n+2),.bp-metrics>a:nth-child(4n+2){border-top:5px solid #DB2777!important}.bp-metric:nth-child(4n+3),.bp-metrics>a:nth-child(4n+3){border-top:5px solid #0EA5E9!important}.bp-metric:nth-child(4n),.bp-metrics>a:nth-child(4n){border-top:5px solid #10B981!important}
.bp-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.bp-content select,.bp-content textarea,.ux-input,.ux-form input,.ux-form select,.ux-form textarea,.ux-ordersearch input{min-height:56px!important;border-radius:20px!important;border:0!important;background:#EFEBF5!important;color:var(--ux-text)!important;box-shadow:var(--ux-inset)!important;padding-inline:18px!important}.bp-content textarea,.ux-form textarea{min-height:130px!important;padding-block:16px!important}.bp-content input:focus,.bp-content select:focus,.bp-content textarea:focus,.ux-input:focus,.ux-form input:focus,.ux-form select:focus,.ux-form textarea:focus{outline:0!important;background:#fff!important;box-shadow:var(--ux-shadow-sm),0 0 0 4px rgba(124,58,237,.16)!important}
.seo-stats,.seo-service-grid,.bp-content .seo-tablewrap,.ux-orderlist,.ux-stats,.ux-servicegrid{padding:14px!important;border-radius:32px!important;background:#EFEBF5!important;border:0!important;box-shadow:var(--ux-inset)!important}.seo-table tbody tr,.ux-table tbody tr{background:rgba(255,255,255,.66)!important;box-shadow:var(--ux-shadow-sm)!important}.seo-table td:first-child,.ux-table td:first-child{border-radius:20px 0 0 20px!important}.seo-table td:last-child,.ux-table td:last-child{border-radius:0 20px 20px 0!important}
.ux-modal__box{border-radius:32px!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(26px)!important;box-shadow:var(--ux-shadow)!important}.ux-modal__scrim{backdrop-filter:blur(8px)!important;background:rgba(51,47,58,.28)!important}.ux-dock{border-radius:26px 26px 0 0!important;background:rgba(251,249,255,.92)!important;backdrop-filter:blur(24px)!important;box-shadow:0 -12px 32px rgba(112,96,134,.20)!important}
@media(min-width:1050px){.bp-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)!important}.bp-service-grid>*:nth-child(6n+1){grid-column:span 2}.ux-servicegrid>*:nth-child(7n+1){grid-column:span 2}}
@media(max-width:899.98px){.bp-sidebar{margin:8px!important;height:calc(100dvh - 16px)!important;border-radius:0 36px 36px 0!important}.bp-topbar{margin:8px 8px 0!important;border-radius:28px!important}.bp-content,.ux-main{padding:20px 12px 86px!important}.bp-dashhero{border-radius:34px!important;padding:26px!important}.bp-dashhero__copy h1{font-size:clamp(38px,10vw,54px)!important}.bp-panel-card,.bp-service-card,.ux-card,.ux-statcard{border-radius:26px!important}}
@media(prefers-reduced-motion:reduce){body.acp-ux:before,body.acp-ux:after{animation:none!important}body.acp-ux *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 3.29.0 — clay coverage for low-frequency panel components */
.ux-flash--warn{border:1px solid rgba(245,158,11,.24)!important;background:rgba(254,243,199,.66)!important;color:#7C4A03!important;box-shadow:var(--ux-shadow-sm)!important;border-radius:24px!important}.ux-chips--filter{padding:10px!important;border-radius:26px!important;background:#EFEBF5!important;box-shadow:var(--ux-inset)!important}.ux-coupon__tag{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px!important;background:rgba(124,58,237,.10)!important;color:#6D28D9!important;font-weight:700!important;box-shadow:var(--ux-shadow-sm)!important}.ux-api-fresh{border-radius:28px!important}.ux-api-key{display:flex;gap:10px;align-items:stretch}.ux-api-wrap{border-radius:28px}.ux-api-table{width:100%}.ux-api-inline{display:inline}.ux-api-ips{margin-top:10px}.ux-api-code{border-radius:24px}.ux-api-steps{border-radius:24px}.ux-plancard{border-radius:32px!important}.ux-plancard__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}@media(max-width:620px){.ux-plancard__actions>*{width:100%}}
.acp-thread__item{padding:16px;border-radius:24px;background:rgba(255,255,255,.68);box-shadow:var(--ux-shadow-sm);margin-block:10px}.acp-thread__item small{color:var(--ux-muted)}.acp-buybox__stock{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;margin-left:8px;border-radius:999px;background:rgba(16,185,129,.10);color:#047857;font-size:.72rem;font-weight:700;box-shadow:var(--ux-shadow-sm)}.acp-qr{display:block;max-width:100%;height:auto;padding:10px;border-radius:24px;background:#fff;box-shadow:var(--ux-shadow)}


/* 3.31.0 navigation behavior harmonization */
@media(min-width:961px){.ux-side{position:relative!important;top:auto!important}}
.ux-dock{display:none!important}
@media(max-width:960px){body.acp-ux{padding-bottom:0!important}}
