/* ===== panel.css ===== */
/*
 * AI Pro Control — Customer panel 3.10.7
 * One coherent UI layer. No stacked legacy skins.
 * Goal: simple, useful, compact, white-label and mobile-first.
 */

:root{
  --ux-bg:#f6f7f9;
  --ux-card:#ffffff;
  --ux-soft:#f8fafc;
  --ux-soft-2:#f1f4f8;
  --ux-text:#111827;
  --ux-text-2:#475467;
  --ux-muted:#667085;
  --ux-faint:#98a2b3;
  --ux-line:#e4e7ec;
  --ux-line-strong:#d0d5dd;
  --ux-primary:#ff8a00;
  --ux-primary-hover:#ff6a00;
  --ux-primary-soft:rgba(255,138,0,.10);
  --ux-success:#177245;
  --ux-success-soft:#ecfdf3;
  --ux-warn:#b54708;
  --ux-warn-soft:#fffaeb;
  --ux-danger:#b42318;
  --ux-danger-soft:#fef3f2;
  --ux-shadow:0 10px 28px rgba(16,24,40,.06);
  --ux-radius:14px;
  --ux-radius-sm:10px;
  --ux-max:1280px;
  --ux-side:218px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--ux-bg)}
body.acp-ux{
  min-height:100dvh;
  margin:0;
  background:var(--ux-bg);
  color:var(--ux-text);
  font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,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(255,138,0,.18);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:rgba(255,255,255,.96);
  border-bottom:1px solid var(--ux-line);
  backdrop-filter:blur(12px);
}
.ux-logo{display:inline-flex;align-items:center;gap:10px;min-width:0;font-size:19px;font-weight:800;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:9px;background:#111827;color:#fff;font-size:14px;font-weight:800;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:10px;background:#fff;cursor:pointer;align-content:center;justify-content:center;gap:4px}
.ux-burger span{display:block;width:17px;height:1.5px;border-radius:2px;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:10px;background:#fff;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:10px;background:#fff;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:7px;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:#fff}
.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:14px;background:#fff;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:10px;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:9px;background:var(--ux-soft);color:var(--ux-text-2);font-size:13px;font-weight:800}
.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:800;font-size:13px;white-space:nowrap}
.ux-typeahead mark{background:rgba(59,130,246,.18);color:inherit;border-radius:3px;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:#fff;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:#fff;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:12px;background:#fff;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:10px;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:11px;background:#fff}
.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:8px;background:var(--ux-primary);color:#fff;font-style:normal;font-weight:800}

/* 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:14px;background:#fff}
.ux-side a{min-height:44px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;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 transparent;border-radius:10px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.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:#fff;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 var(--ux-line);border-radius:var(--ux-radius);background:var(--ux-card);box-shadow:none}
.ux-card{padding:20px}
.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:#fff}
.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:12px;background:#fff}
.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:11px;background:#fff}
.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:10px;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:12px;background:#fff}
.ux-search{min-height:46px;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:10px;background:#fff}
.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:8px;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:#fff;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:10px;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:12px;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:800}
.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:9px;background:#fff;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:9px;background:#fff;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:600;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:700}
.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:10px;background:#fff}
.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:#fff;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:10px;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:8px;background:#fff;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:9px;background:#fff;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:10px;background:var(--ux-line)}.ux-funding-costs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:#fff}.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:800}
.ux-copy{min-height:34px;padding:0 10px;border:1px solid var(--ux-line);border-radius:8px;background:#fff;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:9px;background:#fff}.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:9px;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:10px;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:9px;background:#fff;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:9px;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:10px;background:#fff;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:8px;background:#fff;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:11px;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:800;letter-spacing:.06em;text-transform:uppercase}.ux-provider-input input{width:100%;min-height:38px;padding:0 10px;border:1px solid #dfb984;border-radius:8px;background:#fff;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:14px;background:#fff;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:9px;overflow:hidden}.ux-modal__facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#fff}.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 */
body.acp-ux--auth{background:#f6f7f9}.ux-auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px)}.ux-auth__panel{display:grid;align-content:center;gap:18px;padding:clamp(34px,6vw,84px);background:#111827;color:#fff}.ux-auth__brand{display:inline-flex;width:max-content;align-items:center;color:#fff;font-size:20px;font-weight:800}.ux-auth__brand img{max-height:40px}.ux-auth__panel h1{color:#fff!important;font-size:clamp(36px,5vw,60px);max-width:650px}.ux-auth__panel p{max-width:620px;color:#d0d5dd;font-size:14px}.ux-auth__points{list-style:none;margin:4px 0 0;padding:0;display:grid}.ux-auth__points li{min-height:48px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.10);color:#e4e7ec;font-size:12px}.ux-auth__points span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#111827;font-size:10px;font-weight:800}.ux-auth__form{display:grid;align-content:center;gap:16px;width:min(100%,430px);padding:32px;margin:auto}.ux-authtabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft)}.ux-authtabs a{min-height:38px;display:grid;place-items:center;border-radius:7px;color:var(--ux-muted);font-size:11px;font-weight:700}.ux-authtabs a.is-active{background:#fff;color:var(--ux-text);box-shadow:0 1px 3px rgba(16,24,40,.06)}.ux-authtarget{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--ux-line);border-radius:10px;background:#fff}.ux-authtarget small{display:block;color:var(--ux-muted);font-size:9px;text-transform:uppercase}.ux-authtarget strong{display:block;font-size:12px}.ux-authtarget b{display:block;margin-top:2px;color:var(--ux-primary);font-size:12px}


@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){
  .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-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:8px}
  .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:12px;background:#fff}
.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:9px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:21px;font-weight:800}
.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:9px;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:#fff;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:9px}
.ux-servicepicker__item:hover{background:var(--ux-soft)}
.ux-servicepicker__badge{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#111827;color:#fff;font-size:10px;font-weight:800;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%,#fff0df 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:800;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:17px;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:11px;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:800;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:14px;background:#fff;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:11px;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:12px}

.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:10px;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:10px;background:linear-gradient(135deg,#f8fafc,#fff3e6);color:#c65d00;font-size:13px;font-weight:800}
.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:13px;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:10px;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:10px;background:#fff;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:14px;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:10px;background:#fff;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:16px}.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:12px;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:800}
.ux-funding-account{display:grid;gap:10px;padding:18px;background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:12px}.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:10px;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:8px}.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:12px}.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-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:18px;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:#fff;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:12px;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:12px;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:12px;background:var(--ux-soft)}
.ux-refsteps article span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#111827;color:#fff;font-size:12px;font-weight:800;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:12px;background:var(--ux-soft)}
.ux-reflist__amount{min-width:116px;display:inline-flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:12px;background:var(--ux-success-soft);color:var(--ux-success);font-size:18px;font-weight:800;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-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:13px;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:800}
.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:800;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:14px;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:800;letter-spacing:.1em;text-transform:uppercase}
.ux-side a{min-height:47px;padding:0 13px;border-radius:13px;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:800;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:16px;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:10px;background:var(--ux-primary);color:#fff;font-size:13px;font-weight:800;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:18px;background:var(--ux-soft)}
.ux-overviewcard__stats small,.ux-statcard small{display:block;color:var(--ux-muted);font-size:11px;font-weight:800;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:15px;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:800;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:800;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:18px;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:18px}.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:18px}
  .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:#f5f6f8;
  --ux-card:#ffffff;
  --ux-soft:#fafafa;
  --ux-soft-2:#f3f4f6;
  --ux-text:#171717;
  --ux-text-2:#3f4650;
  --ux-muted:#737b87;
  --ux-faint:#a4aab3;
  --ux-line:#e6e8eb;
  --ux-line-strong:#d8dce1;
  --ux-primary:#ff8500;
  --ux-primary-hover:#ed6e00;
  --ux-primary-soft:#fff2e3;
  --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:18px;
  --ux-max:1440px;
  --ux-side:252px;
}
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:#fff;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:#fff;box-shadow:0 14px 36px rgba(20,28,38,.055)}
.ux-sideprofile{gap:13px;padding:15px;border:0;border-radius:18px;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:12px;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:12px;color:#515862}
.ux-side a:hover{background:#fff7ee;color:#1c1c1c}
.ux-side a.is-active{background:#fff0df;color:#d95f00;box-shadow:inset 3px 0 0 #ff8500}
.ux-side__store{border-top-color:#eceef0}
.ux-side__out{color:#a73c32!important}

.ux-main{gap:20px}
.ux-btn{border-radius:11px}
.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:#fff;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:#fff0df;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:#d95f00}
.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:#fff;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:13px;background:#fff}
.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:#fff;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:800;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:800;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:13px;background:#fafafa}
.ux-productfacts span{color:var(--ux-muted);font-size:9.5px;font-weight:800;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:#fff;border-color:#e0e3e7;color:#202020}
.ux-buyform--premium{gap:12px;padding:15px;border:1px solid #e8eaed;border-radius:16px;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:13px;background:#fff}
.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:13px;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:800;letter-spacing:.07em;text-transform:uppercase}.ux-service-email input{width:100%;min-height:44px;padding:0 12px;border:1px solid #dfb984;border-radius:9px;background:#fff;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:#fff;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:12px;background:#fff}.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:13px;background:#fff0df;color:#8b4300}
.ux-orderquote span{font-size:11px;font-weight:800;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:12px;background:var(--ux-card)}
.ux-funds-balance-chip span{color:var(--ux-muted);font-size:10px;font-weight:800;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:18px;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:12px}
.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:12px}
.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:800;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:800;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:12px;background:#fff;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:14px;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:12px;font-size:16px;font-weight:800;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:12px;background:var(--ux-soft);color:var(--ux-text);outline:0}
.ux-home-search button{min-height:48px;padding:0 18px;border:0;border-radius:12px;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:17px;background:linear-gradient(145deg,#151922,#222938);color:#fff}
.ux-home-wallet>span{color:#b7c0cf;font-size:10px;font-weight:800;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:14px;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:12px;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:10px;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:10px;background:var(--ux-primary-soft);color:var(--ux-primary);font-weight:800}
.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:18px;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:12px;background:rgba(255,255,255,.07)}
.ux-refcompact__stats span{display:block;color:rgba(255,255,255,.72);font-size:9px;font-weight:800;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:11px;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-catalogfilters--cascade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ux-catalogfilters--cascade .ux-catalogfilter select:disabled{cursor:not-allowed;opacity:.62;background:var(--ux-soft)}
.ux-catalogfilter{display:grid;gap:5px;min-width:0}
.ux-catalogfilter>span{color:var(--ux-muted);font-size:10px;font-weight:800;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:11px;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:11px;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:800;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.22.15 — individual customer discount */
.ux-account-discount{display:flex;align-items:flex-start;gap:5px;flex-direction:column;border:1px solid rgba(22,163,74,.22);background:rgba(22,163,74,.07)!important;color:var(--ux-text)!important}
.ux-account-discount strong{font-weight:700;color:#15803d}
.ux-account-discount span{font-size:12px;line-height:1.5;color:var(--ux-muted)}
@media(max-width:640px){.ux-account-discount{padding:11px 12px}}

/* ===== panel-refined.css ===== */
/* 3.22.0 — Customer panel: readable product information and quieter controls. */
body.acp-ux {
  --ux-primary:#b94d11; --ux-primary-hover:#943b0b; --ux-primary-soft:#fff3ea;
  --ux-bg:#f6f7f9; --ux-card:#fff; --ux-soft:#f8f9fb; --ux-soft-2:#eef1f4;
  --ux-text:#202734; --ux-text-2:#475467; --ux-muted:#5f6b7a;
  --ux-line:#e1e5eb; --ux-line-strong:#bdc5d0; --ux-shadow:none;
  --ux-radius:12px; --ux-max:1480px; --ux-side:210px;
  font-size:14px; line-height:1.55; background:var(--ux-bg);
}
body.acp-ux[data-ux-theme="dark"] {
  --ux-primary:#ffae78; --ux-primary-hover:#ffc6a1; --ux-primary-soft:#33251d;
  --ux-bg:#12171e; --ux-card:#1b222c; --ux-soft:#222b37; --ux-soft-2:#293441;
  --ux-text:#f1f4f8; --ux-text-2:#c0cad7; --ux-muted:#a8b5c5;
  --ux-line:#354150; --ux-line-strong:#59687b; --ux-shadow:none;
}
body.acp-ux h1,body.acp-ux h2,body.acp-ux h3 {letter-spacing:-.02em;line-height:1.3;font-weight:600}
body.acp-ux h1 {font-size:28px}
body.acp-ux :where(a,button,input,select,textarea,summary):focus-visible {outline:2px solid var(--ux-primary);outline-offset:3px}
body.acp-ux .ux-top {min-height:66px;padding:10px max(20px,calc((100vw - var(--ux-max))/2));gap:12px;background:var(--ux-card);box-shadow:none;backdrop-filter:none;border-color:var(--ux-line)}
body.acp-ux .ux-top__page {padding-left:16px;border-left:1px solid var(--ux-line)}
body.acp-ux .ux-top__page strong {font-size:14px;font-weight:600}
body.acp-ux .ux-logo img {max-width:140px;max-height:32px}
body.acp-ux .ux-theme,body.acp-ux .ux-fx__btn,body.acp-ux .ux-balance,body.acp-ux .ux-accountpill {min-height:40px;border-radius:8px;box-shadow:none;background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux .ux-balance i {background:var(--ux-soft);color:var(--ux-text);box-shadow:none;width:24px;height:24px;border-radius:5px}
body.acp-ux .ux-accountpill {padding:4px 9px;gap:7px}
body.acp-ux .ux-accountpill__avatar {width:28px;height:28px}
body.acp-ux .ux-accountpill__text strong {font-size:12px}
body.acp-ux .ux-shell {width:min(calc(100% - 40px),var(--ux-max));gap:26px;padding:26px 0 50px}
body.acp-ux .ux-side {top:88px;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;gap:3px}
body.acp-ux .ux-side>a {min-height:44px;padding:10px 12px;font-size:13px;border-radius:7px;font-weight:500;box-shadow:none;border-left:0;color:var(--ux-text-2)}
body.acp-ux .ux-side>a svg {width:18px;height:18px}
body.acp-ux .ux-side>a:hover {background:var(--ux-soft-2)}
body.acp-ux .ux-side>a.is-active {background:var(--ux-primary-soft);color:var(--ux-primary);box-shadow:inset 2px 0 var(--ux-primary)}
body.acp-ux .ux-sideprofile {padding:8px 10px 20px;margin:0 0 12px;border:0;border-bottom:1px solid var(--ux-line);border-radius:0;background:transparent;box-shadow:none;color:var(--ux-text)}
body.acp-ux .ux-sideprofile__head {gap:10px}
body.acp-ux .ux-sideprofile__avatar {width:36px;height:36px;background:var(--ux-soft-2);border:0}
body.acp-ux .ux-sideprofile__head strong {font-size:14px;color:var(--ux-text)}
body.acp-ux .ux-sideprofile__head a {display:block;font-size:12px;color:var(--ux-muted);font-weight:400}
body.acp-ux .ux-main {gap:20px}
body.acp-ux .ux-card,body.acp-ux .ux-order,body.acp-ux .ux-home-start,body.acp-ux .ux-refcompact {border-radius:12px;box-shadow:none;border-color:var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-card {padding:22px}
body.acp-ux .ux-card__head h2 {font-size:18px}
body.acp-ux .ux-btn {min-height:42px;border-radius:8px;box-shadow:none;font-size:13px;font-weight:600;transform:none;letter-spacing:0}
body.acp-ux .ux-btn--primary,body.acp-ux .ux-home-search button {background:#b94d11;border-color:#b94d11;color:#fff;box-shadow:none}
body.acp-ux .ux-btn--primary:hover,body.acp-ux .ux-home-search button:hover {background:#943b0b;border-color:#943b0b;box-shadow:none;transform:none}
body.acp-ux .ux-btn--ghost {background:var(--ux-card);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux .ux-tag {border-radius:5px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.4}
body.acp-ux .ux-pagehead h1,body.acp-ux .ux-funds-simple-head h1 {font-size:28px}
body.acp-ux .ux-pagehead p,body.acp-ux .ux-funds-simple-head p {font-size:14px;color:var(--ux-muted);line-height:1.6}
body.acp-ux .ux-form input,body.acp-ux .ux-form select,body.acp-ux .ux-form textarea {border-radius:7px;font-size:14px;box-shadow:none;background:var(--ux-card);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux .ux-form label>span {font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ux-text)}
body.acp-ux .ux-form__foot {text-align:left;font-size:12px;line-height:1.6;color:var(--ux-muted)}
/* Product: full source description once, with a small identifying image. */
body.acp-ux .ux-servicebar {font-size:13px;margin:0;gap:10px;flex-wrap:wrap}
body.acp-ux .ux-productpage--readable {display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}
body.acp-ux .ux-productinfo {min-width:0;background:var(--ux-card);padding:26px;border:1px solid var(--ux-line);border-radius:12px}
body.acp-ux .ux-productintro {display:flex;align-items:flex-start;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--ux-line)}
body.acp-ux .ux-producticon {flex:0 0 80px;width:80px;height:80px;overflow:hidden;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft)}
body.acp-ux .ux-producticon img,body.acp-ux .ux-producticon .ux-thumbfall {width:80px;height:80px;aspect-ratio:1;object-fit:contain;background:var(--ux-soft)}
body.acp-ux .ux-producticon .ux-thumbfall {display:grid;place-items:center;color:var(--ux-text);font-size:26px}
body.acp-ux .ux-productintro__text {min-width:0}
body.acp-ux .ux-productintro h1 {font-size:clamp(22px,2vw,29px);line-height:1.35;overflow-wrap:anywhere}
body.acp-ux .ux-productintro__plan {color:var(--ux-muted);font-size:13px;margin-bottom:5px}
body.acp-ux .ux-orderjump {display:inline-block;font-size:13px;color:var(--ux-primary);margin-top:12px;text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-productdescription {padding-top:22px}
body.acp-ux .ux-productdescription h2 {font-size:17px;margin-bottom:16px}
body.acp-ux .ux-prose {font-size:15px;line-height:1.8;color:var(--ux-text-2);overflow-wrap:anywhere;max-width:72ch}
body.acp-ux .ux-prose p {margin:0 0 16px}
body.acp-ux .ux-prose h2,body.acp-ux .ux-prose h3 {font-size:17px;margin:22px 0 10px}
body.acp-ux .ux-prose ul,body.acp-ux .ux-prose ol {padding-left:22px;margin:12px 0 18px}
body.acp-ux .ux-prose li {margin:6px 0}
body.acp-ux .ux-prose img,body.acp-ux .ux-prose iframe {max-width:100%;height:auto}
body.acp-ux .ux-prose table {display:block;overflow-x:auto;max-width:100%}
body.acp-ux .ux-productquestion {display:inline-block;font-size:13px;color:var(--ux-primary);margin-top:14px;text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-productbuy {padding:22px;border-radius:12px;gap:18px;box-shadow:none;background:var(--ux-card);position:sticky;top:88px;scroll-margin-top:86px}
body.acp-ux .ux-producthead>h2 {font-size:17px;margin-bottom:16px}
body.acp-ux .ux-productprice {padding:0;border:0;gap:12px;align-items:start}
body.acp-ux .ux-productprice strong {font-size:25px;letter-spacing:-.03em;color:var(--ux-text)}
body.acp-ux .ux-productprice small,body.acp-ux .ux-productbalance small {font-size:12px;letter-spacing:0;text-transform:none;color:var(--ux-muted);font-weight:400}
body.acp-ux .ux-productbalance {padding:0;background:transparent;border:0;text-align:right}
body.acp-ux .ux-productbalance strong {font-size:16px}
body.acp-ux .ux-productfacts {display:grid;grid-template-columns:1fr;gap:8px;padding:0;border:0;background:none}
body.acp-ux .ux-productfacts>div {display:flex;justify-content:space-between;gap:14px;padding:0;background:none;border:0}
body.acp-ux .ux-productfacts span {font-size:12px;text-transform:none;letter-spacing:0}
body.acp-ux .ux-productfacts strong {font-size:12px;font-weight:500;text-align:right;overflow-wrap:anywhere}
body.acp-ux .ux-buyform--premium {border:0;background:none;padding:0;gap:14px;box-shadow:none}
body.acp-ux .ux-buyform__section--qty {background:none;padding:0;border:0;display:block}
body.acp-ux .ux-buyform__section--qty .ux-qty {display:flex;align-items:center;justify-content:space-between;width:100%}
body.acp-ux .ux-qty input {max-width:84px;min-height:40px;background:var(--ux-card);color:var(--ux-text);border:1px solid var(--ux-line-strong);border-radius:7px}
body.acp-ux .ux-buyform__label,body.acp-ux .ux-qty span {font-size:13px;letter-spacing:0;text-transform:none}
body.acp-ux .ux-plans {grid-template-columns:1fr;gap:7px}
body.acp-ux .ux-plan>span {border-radius:8px;padding:11px;font-size:13px;background:var(--ux-card)}
body.acp-ux .ux-plan input:checked+span {border-color:var(--ux-primary);box-shadow:inset 0 0 0 1px var(--ux-primary);background:var(--ux-primary-soft)}
body.acp-ux .ux-orderquote {background:var(--ux-soft);color:var(--ux-text);border-radius:8px;padding:12px;display:grid;gap:5px;font-size:13px}
body.acp-ux .ux-orderquote span {font-size:12px;text-transform:none;letter-spacing:0;font-weight:500}
body.acp-ux .ux-orderquote strong {font-size:13px;line-height:1.6;overflow-wrap:anywhere}
body.acp-ux .ux-buyform__note,body.acp-ux .ux-fxnote {font-size:12px;text-align:left;line-height:1.6;color:var(--ux-muted)}
body.acp-ux .ux-productbuy .ux-coupon {background:var(--ux-soft);border-color:var(--ux-line);border-radius:8px}
body.acp-ux .ux-productbuy .ux-coupon--ask summary {color:var(--ux-text-2);font-weight:500}
/* Catalog: titles remain visible; thumbnails support the text. */
body.acp-ux .ux-servicegrid--big {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.acp-ux .ux-service--card {display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:14px;padding:18px;border-radius:10px;box-shadow:none;background:var(--ux-card);transform:none}
body.acp-ux .ux-service--card:hover {box-shadow:none;transform:none;border-color:var(--ux-line-strong)}
body.acp-ux .ux-service--card .ux-service__img {width:56px;height:56px;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--ux-line);background:var(--ux-soft)}
body.acp-ux .ux-service--card .ux-service__img img,body.acp-ux .ux-service--card .ux-thumbfall {width:56px;height:56px;aspect-ratio:1;object-fit:contain;background:var(--ux-soft)}
body.acp-ux .ux-service--card .ux-service__img .ux-thumbfall b {font-size:20px}
body.acp-ux .ux-service--card .ux-service__body {padding:0;min-width:0;gap:8px}
body.acp-ux .ux-service--card .ux-service__body>a>strong {display:block;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em;-webkit-line-clamp:unset;overflow:visible;white-space:normal;overflow-wrap:anywhere;min-height:0}
body.acp-ux .ux-service__description {font-size:13px;line-height:1.6;color:var(--ux-text-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.acp-ux .ux-service__foot {border:0;padding:6px 0 0;gap:8px;flex-wrap:wrap}
body.acp-ux .ux-service__foot>b {font-size:16px;color:var(--ux-text)}
body.acp-ux .ux-service__out {font-size:9px;padding:3px;bottom:0;border-radius:0;white-space:normal}
/* Funds: a single chooser and an explicit payment form. */
body.acp-ux .ux-funds-simple-head {align-items:center;gap:16px}
body.acp-ux .ux-funds-balance-chip {border-radius:8px;box-shadow:none;background:var(--ux-card);padding:8px 12px;border-color:var(--ux-line)}
body.acp-ux .ux-funding-simple {max-width:none}
body.acp-ux .ux-funding-main {padding:0;overflow:hidden}
body.acp-ux .ux-funding-layout {display:grid;grid-template-columns:240px minmax(0,1fr)}
body.acp-ux .ux-funding-choices {padding:24px;border-right:1px solid var(--ux-line);background:var(--ux-soft)}
body.acp-ux .ux-funding-payment {padding:26px;min-width:0}
body.acp-ux .ux-funding-main h2 {font-size:17px;margin:0 0 18px}
body.acp-ux .ux-funding-methodpicker {margin:0}
body.acp-ux .ux-funding-simple .ux-funding-methods {display:grid;grid-template-columns:1fr;gap:8px;overflow:visible;padding:0}
body.acp-ux .ux-funding-simple .ux-funding-method {width:100%;min-height:68px;display:flex;gap:10px;align-items:center;border:1px solid var(--ux-line-strong);padding:12px;border-radius:8px;background:var(--ux-card);box-shadow:none;transform:none}
body.acp-ux .ux-funding-simple .ux-funding-method.is-active {border-color:var(--ux-primary);box-shadow:inset 0 0 0 1px var(--ux-primary);padding:12px;background:var(--ux-primary-soft)}
body.acp-ux .ux-funding-method.is-active:after {display:none}
body.acp-ux .ux-funding-method__icon {width:28px;height:28px;border-radius:5px;box-shadow:none;background:var(--ux-soft-2);color:var(--ux-text-2);font-size:11px}
body.acp-ux .ux-funding-method__copy strong {font-size:13px;color:var(--ux-text);font-weight:600}
body.acp-ux .ux-funding-method__copy small {font-size:11px;color:var(--ux-muted)}
body.acp-ux .ux-funding-currency {font-size:13px;color:var(--ux-muted);line-height:1.6;margin:-5px 0 20px;max-width:60ch}
body.acp-ux .ux-funding-form {max-width:620px;gap:16px}
body.acp-ux .ux-funding-form input {min-height:46px}
body.acp-ux .ux-funding-form .ux-btn {min-height:46px}
body.acp-ux .ux-funding-account,body.acp-ux .ux-funding-costs {border-radius:8px;background:var(--ux-soft);border-color:var(--ux-line);box-shadow:none;padding:16px}
body.acp-ux .ux-funding-account strong {font-size:20px;overflow-wrap:anywhere}
body.acp-ux .ux-funding-account>span {font-size:12px;text-transform:none;letter-spacing:0;color:var(--ux-muted)}
body.acp-ux .ux-funding-account p {font-size:13px;line-height:1.65}
body.acp-ux .ux-funding-account {margin-bottom:22px}
body.acp-ux[data-ux-theme="dark"] .ux-copy,body.acp-ux[data-ux-theme="dark"] .ux-btn--ghost {background:var(--ux-soft);color:var(--ux-text);border-color:var(--ux-line-strong);box-shadow:none}
body.acp-ux .ux-funding-context {background:var(--ux-card);border:1px solid var(--ux-line);border-radius:8px}
body.acp-ux .ux-funding-history {padding:22px}
body.acp-ux .ux-orderlist__main strong {font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body.acp-ux .ux-orderlist__main small,body.acp-ux .ux-orderlist__side {font-size:12px}
/* Shared home, support and account surfaces. */
body.acp-ux .ux-home-start h1 {font-size:28px}
body.acp-ux .ux-home-start {padding:24px;gap:28px}
body.acp-ux .ux-home-wallet {border-radius:9px;background:var(--ux-soft);color:var(--ux-text);border-color:var(--ux-line);box-shadow:none;padding:20px}
body.acp-ux .ux-home-wallet>strong {font-size:30px;color:var(--ux-text)}
body.acp-ux .ux-home-wallet>span,body.acp-ux .ux-home-wallet>p {color:var(--ux-muted);text-transform:none;letter-spacing:0;font-size:12px}
body.acp-ux .ux-home-search input,body.acp-ux .ux-home-search button {border-radius:8px;font-size:14px}
body.acp-ux .ux-home-start__links a {font-size:13px}
body.acp-ux .ux-dashsection__eyebrow {text-transform:none;letter-spacing:0;font-size:13px;color:var(--ux-muted)}
body.acp-ux .ux-home-orderrows__main strong,body.acp-ux .ux-home-servicelist strong {font-size:14px;white-space:normal;line-height:1.5}
body.acp-ux .ux-home-orderrows__main small,body.acp-ux .ux-home-servicelist small {font-size:12px}
body.acp-ux .ux-msg {border-radius:9px;box-shadow:none;font-size:14px;line-height:1.7}
body.acp-ux .ux-refcompact__summary {background:var(--ux-soft);color:var(--ux-text)}
body.acp-ux .ux-refcompact__summary h2,body.acp-ux .ux-refcompact__title p strong,body.acp-ux .ux-refcompact__stats strong {color:var(--ux-text)}
body.acp-ux .ux-refcompact__title p,body.acp-ux .ux-refcompact__stats span {color:var(--ux-text-2)}
body.acp-ux .ux-refcompact__stats>div {background:var(--ux-card);border-color:var(--ux-line)}
@media(min-width:900px) and (max-width:1180px) {
 body.acp-ux {--ux-side:176px}
 body.acp-ux .ux-shell {gap:18px}
 body.acp-ux .ux-productpage--readable {grid-template-columns:minmax(0,1fr) 300px;gap:16px}
 body.acp-ux .ux-productinfo,body.acp-ux .ux-productbuy {padding:18px}
 body.acp-ux .ux-productintro {display:block}
 body.acp-ux .ux-producticon {margin-bottom:14px}
 body.acp-ux .ux-servicegrid--big {grid-template-columns:1fr}
 body.acp-ux .ux-funding-layout {grid-template-columns:200px minmax(0,1fr)}
 body.acp-ux .ux-funding-choices,body.acp-ux .ux-funding-payment {padding:18px}
}
@media(max-width:899.98px) {
 body.acp-ux .ux-top {min-height:62px;padding:8px 12px;gap:8px}
 body.acp-ux .ux-top__page {display:none}
 body.acp-ux .ux-shell {display:block;width:calc(100% - 28px);padding:20px 0 28px}
 body.acp-ux .ux-side {position:fixed;top:62px;bottom:0;left:0;width:260px;height:calc(100dvh - 62px);padding:20px 14px;background:var(--ux-card);border-right:1px solid var(--ux-line);overflow-y:auto}
 body.acp-ux .ux-productpage--readable {grid-template-columns:minmax(0,1fr) 300px;gap:16px}
 body.acp-ux .ux-productinfo,body.acp-ux .ux-productbuy {padding:20px}
 body.acp-ux .ux-productintro {flex-wrap:wrap}
 body.acp-ux .ux-productbuy {position:static}
 body.acp-ux .ux-funding-layout {grid-template-columns:200px minmax(0,1fr)}
 body.acp-ux .ux-funding-choices,body.acp-ux .ux-funding-payment {padding:20px}
}
@media(max-width:680px) {
 body.acp-ux .ux-top {gap:7px}
 body.acp-ux .ux-accountpill,body.acp-ux .ux-balance {display:none}
 body.acp-ux .ux-logo {margin-right:auto}
 body.acp-ux .ux-logo img {max-width:118px;max-height:28px}
 body.acp-ux .ux-theme {width:36px;min-width:36px;padding:8px}
 body.acp-ux .ux-theme>span {display:none}
 body.acp-ux .ux-main {gap:16px}
 body.acp-ux .ux-productpage--readable {grid-template-columns:1fr;gap:16px}
 body.acp-ux .ux-productintro {flex-wrap:nowrap;gap:14px;padding-bottom:20px}
 body.acp-ux .ux-producticon,body.acp-ux .ux-producticon img,body.acp-ux .ux-producticon .ux-thumbfall {width:56px;height:56px;flex-basis:56px}
 body.acp-ux .ux-productintro h1 {font-size:22px}
 body.acp-ux .ux-prose {font-size:14px;line-height:1.8}
 body.acp-ux .ux-servicegrid--big {grid-template-columns:1fr;gap:10px}
 body.acp-ux .ux-service--card {padding:16px;gap:12px;grid-template-columns:44px minmax(0,1fr)}
 body.acp-ux .ux-service--card .ux-service__img,body.acp-ux .ux-service--card .ux-service__img img,body.acp-ux .ux-service--card .ux-thumbfall {width:44px;height:44px}
 body.acp-ux .ux-service__foot .ux-btn {font-size:12px;padding:0 10px}
 body.acp-ux .ux-servicebar__meta {font-size:12px}
 body.acp-ux .ux-funding-layout {grid-template-columns:1fr}
 body.acp-ux .ux-funding-choices {border-right:0;border-bottom:1px solid var(--ux-line);padding:20px}
 body.acp-ux .ux-funding-simple .ux-funding-methods {grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
 body.acp-ux .ux-funding-simple .ux-funding-method {padding:10px;gap:8px}
 body.acp-ux .ux-funding-simple .ux-funding-method.is-active {padding:10px}
 body.acp-ux .ux-funding-method__icon {display:none}
 body.acp-ux .ux-funds-simple-head {display:block}
 body.acp-ux .ux-funds-simple-head__actions {margin-top:14px;justify-content:space-between}
 body.acp-ux .ux-funds-balance-chip {align-items:start;gap:2px}
 body.acp-ux .ux-funding-context {align-items:start;flex-direction:column}
 body.acp-ux .ux-funding-form .ux-funding-amountrow {grid-template-columns:minmax(0,1fr) 95px}
 body.acp-ux .ux-home-start,body.acp-ux .ux-home-grid {grid-template-columns:1fr}
 body.acp-ux .ux-home-start {padding:20px;gap:20px}
 body.acp-ux .ux-home-search {grid-template-columns:1fr}
 body.acp-ux .ux-card {padding:20px}
 body.acp-ux .ux-funding-main {padding:0}
 body.acp-ux .ux-orderlist>li,body.acp-ux .ux-orderlist>li>a {gap:10px;flex-wrap:wrap}
 body.acp-ux .ux-card__head {gap:12px;flex-wrap:wrap}
 body.acp-ux .ux-pagehead h1,body.acp-ux .ux-funds-simple-head h1 {font-size:26px}
}


/* 3.22.1 — New Order + Orders polish, reference-inspired typography. */
body.acp-ux{
  font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14.5px;
  line-height:1.55;
  letter-spacing:.002em;
}
body.acp-ux :where(.ux-panelhero h1,.ux-pagehead h1,.ux-overviewcard h2,.ux-sidecard h2,.ux-orderworkspace__head strong){
  font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.025em;
}
body.acp-ux :where(button,input,select,textarea){font-family:inherit}
body.acp-ux .ux-side>a,body.acp-ux .ux-top,body.acp-ux .ux-btn{font-weight:600}
body.acp-ux .ux-sideprofile__head strong,body.acp-ux .ux-accountpill__text strong{font-weight:800}

/* New order: remove the tall empty hero and keep buying controls above the fold. */
body.acp-ux .ux-panelhero{grid-template-columns:minmax(0,1.45fr) minmax(350px,.9fr);gap:16px;align-items:start}
body.acp-ux .ux-panelhero__main{align-self:start;align-content:start;height:max-content;min-height:0;gap:16px;padding:24px 26px;border-radius:18px;background:linear-gradient(145deg,var(--ux-card) 0%,color-mix(in srgb,var(--ux-card) 86%,var(--ux-primary-soft)) 100%)}
body.acp-ux .ux-panelhero__side{align-self:start;gap:14px}
body.acp-ux .ux-panelhero__eyebrow{font-size:10px;letter-spacing:.13em}
body.acp-ux .ux-panelhero h1{font-size:clamp(30px,3vw,39px);line-height:1.1;font-weight:700}
body.acp-ux .ux-panelhero p{max-width:680px;font-size:15px;line-height:1.65}
body.acp-ux .ux-panelhero__steps{gap:10px;margin-top:2px}
body.acp-ux .ux-panelhero__steps>div{min-height:64px;gap:10px;padding:11px 13px;border-radius:12px;background:var(--ux-card)}
body.acp-ux .ux-panelhero__steps span{width:32px;height:32px;border-radius:9px;font-size:12px}
body.acp-ux .ux-panelhero__steps strong{font-size:13px;font-weight:700;line-height:1.35}
body.acp-ux .ux-overviewcard,body.acp-ux .ux-sidecard{border-radius:18px}
body.acp-ux .ux-overviewcard{padding:20px;gap:16px}
body.acp-ux .ux-overviewcard__head h2{font-size:20px;font-weight:700}
body.acp-ux .ux-overviewcard__head p{font-size:13px}
body.acp-ux .ux-overviewcard__stats{gap:9px}
body.acp-ux .ux-overviewcard__stats>div{padding:13px 14px;border-radius:12px}
body.acp-ux .ux-overviewcard__stats small{font-size:9px;letter-spacing:.09em}
body.acp-ux .ux-overviewcard__stats strong{margin-top:6px;font-size:21px;letter-spacing:-.025em}
body.acp-ux .ux-sidecard{padding:19px 20px}
body.acp-ux .ux-sidecard h2{font-size:18px;font-weight:700}
body.acp-ux .ux-checklist{gap:9px;margin-top:10px}
body.acp-ux .ux-checklist li{font-size:13px;line-height:1.5}

/* Popular-service rail, visually similar to the reference panel. */

body.acp-ux .ux-neworderstage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.9fr);gap:16px;align-items:start}
body.acp-ux .ux-neworderstage__main{min-width:0;display:grid;gap:12px;align-content:start}
body.acp-ux .ux-neworderstage__side{min-width:0}
body.acp-ux .ux-neworderstage__side .ux-sidecard{position:sticky;top:88px}
body.acp-ux .ux-sidecard__intro{margin-top:5px;color:var(--ux-muted);font-size:12.5px;line-height:1.55}
body.acp-ux .ux-brandrail{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 10px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);scrollbar-width:none}
body.acp-ux .ux-brandrail::-webkit-scrollbar{display:none}
body.acp-ux .ux-brandrail__item{flex:0 0 auto;width:58px;display:grid;justify-items:center;gap:4px;color:var(--ux-muted);font-size:10px;font-weight:700;text-align:center}
body.acp-ux .ux-brandrail__item>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft);color:var(--ux-text);font-size:12px;font-weight:800;transition:.15s ease}
body.acp-ux .ux-brandrail__item>small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}
body.acp-ux .ux-brandrail__item:hover>span,body.acp-ux .ux-brandrail__item.is-active>span{border-color:var(--ux-primary);background:var(--ux-primary-soft);color:var(--ux-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ux-primary) 28%,transparent)}
body.acp-ux .ux-brandrail__item.is-active{color:var(--ux-primary)}

body.acp-ux .ux-servicepicker{border-radius:16px;box-shadow:none}
body.acp-ux .ux-servicepicker__summary{min-height:64px;padding:10px 13px}
body.acp-ux .ux-servicepicker__icon{width:38px;height:38px;border-radius:10px;font-size:18px}
body.acp-ux .ux-servicepicker__copy strong{font-size:14px;font-weight:800}
body.acp-ux .ux-orderworkspace{gap:12px;padding:16px;border-radius:16px;background:var(--ux-card)}
body.acp-ux .ux-orderworkspace__head{display:flex;align-items:center;gap:12px;padding:1px 1px 3px}
body.acp-ux .ux-orderworkspace__step{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--ux-primary);color:#fff;font-size:11px;font-weight:800}
body.acp-ux .ux-orderworkspace__head>div{min-width:0;display:grid;gap:1px}
body.acp-ux .ux-orderworkspace__head strong{font-size:18px;font-weight:700;color:var(--ux-text)}
body.acp-ux .ux-orderworkspace__head small{color:var(--ux-muted);font-size:12px}
body.acp-ux .ux-orderworkspace .ux-search{border-radius:12px}
body.acp-ux .ux-orderworkspace .ux-search input{min-height:48px;font-size:14px}
body.acp-ux .ux-catalogfilters{gap:8px}
body.acp-ux .ux-catalogfilter>span{font-size:9px;letter-spacing:.08em}
body.acp-ux .ux-catalogfilter select,body.acp-ux .ux-catalogfilters__meta{min-height:40px;border-radius:9px}

/* Orders: compact cards, clear hierarchy and tighter expanded details. */
body.acp-ux .ux-pagehead--tight{align-items:center;margin-bottom:0}
body.acp-ux .ux-pagehead h1{font-size:30px;font-weight:700}
body.acp-ux .ux-pagehead p{max-width:760px;font-size:13px}
body.acp-ux .ux-orderstats{gap:10px}
body.acp-ux .ux-statcard{gap:2px;padding:14px 16px;border-radius:14px;box-shadow:none;transform:none}
body.acp-ux .ux-statcard:hover,body.acp-ux .ux-statcard.is-active{transform:none}
body.acp-ux .ux-statcard small{font-size:9px;letter-spacing:.08em}
body.acp-ux .ux-statcard strong{margin-top:4px;font-size:23px;letter-spacing:-.02em}
body.acp-ux .ux-statcard span{font-size:12px}
body.acp-ux .ux-ordertoolbar{gap:10px;padding:10px 12px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card)}
body.acp-ux .ux-chips--filter{padding:0}
body.acp-ux .ux-chips--filter a{min-height:34px;padding:0 12px;font-size:11px}
body.acp-ux .ux-ordersearch{min-width:min(330px,100%)}
body.acp-ux .ux-ordersearch input{min-height:40px;border-radius:10px;background:var(--ux-soft);font-size:12.5px}
body.acp-ux .ux-orders{gap:10px}
body.acp-ux .ux-order{border-radius:14px;box-shadow:none}
body.acp-ux .ux-order summary{min-height:70px;padding:12px 14px;gap:10px;grid-template-columns:auto minmax(0,1fr) auto auto auto}
body.acp-ux .ux-order summary:hover{background:var(--ux-soft)}
body.acp-ux .ux-order__id{min-width:52px;padding:5px 7px;border-radius:8px;background:var(--ux-soft);color:var(--ux-text-2);font-size:13px;font-weight:800;letter-spacing:0;text-align:center}
body.acp-ux .ux-order__name{gap:1px}
body.acp-ux .ux-order__name strong{font-size:14px;font-weight:800;line-height:1.35}
body.acp-ux .ux-order__name small{margin-top:2px;font-size:10.5px}
body.acp-ux .ux-order__total{font-size:15px;font-weight:800;letter-spacing:-.01em}
body.acp-ux .ux-order__new{min-height:20px;padding:0 7px;font-size:8px}
body.acp-ux .ux-order__view{min-height:36px;padding:0 11px}
body.acp-ux .ux-order__body{gap:12px;padding:14px 16px;border-top-color:var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-order__steps{margin:0;padding:9px 11px;border-radius:9px;background:var(--ux-soft)}
body.acp-ux .ux-order__steps span{font-size:8.5px}
body.acp-ux .ux-table{font-size:11.5px}
body.acp-ux .ux-table td{padding:8px 0}
body.acp-ux .ux-delivery{padding:11px 12px;border-radius:9px}
body.acp-ux .ux-delivery__label{margin-bottom:7px;font-size:8.5px}
body.acp-ux .ux-delivery pre,body.acp-ux .ux-delivery .acp-stockgroup pre{padding:8px 9px;border-radius:7px;font-size:11.5px}
body.acp-ux .ux-order__actions{padding-top:1px}

body.acp-ux[data-ux-theme="dark"] .ux-brandrail,body.acp-ux[data-ux-theme="dark"] .ux-orderworkspace,body.acp-ux[data-ux-theme="dark"] .ux-ordertoolbar{background:var(--ux-card);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-brandrail__item>span,body.acp-ux[data-ux-theme="dark"] .ux-order__id,body.acp-ux[data-ux-theme="dark"] .ux-ordersearch input{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-text)}

@media(max-width:1180px){
  body.acp-ux .ux-panelhero{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1000px){
  body.acp-ux .ux-panelhero,body.acp-ux .ux-neworderstage{grid-template-columns:1fr}
  body.acp-ux .ux-panelhero__side{display:block}
  body.acp-ux .ux-neworderstage__side .ux-sidecard{position:static}
}
@media(max-width:760px){
  body.acp-ux .ux-panelhero__main{padding:20px}
  body.acp-ux .ux-panelhero h1{font-size:29px}
  body.acp-ux .ux-panelhero__steps{grid-template-columns:1fr}
  body.acp-ux .ux-panelhero__steps>div{min-height:54px}
  body.acp-ux .ux-panelhero__side{grid-template-columns:1fr}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.acp-ux .ux-orderstats{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(190px,75%);overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
  body.acp-ux .ux-orderstats::-webkit-scrollbar{display:none}
  body.acp-ux .ux-ordertoolbar{align-items:stretch;flex-direction:column}
  body.acp-ux .ux-ordersearch{width:100%;min-width:0}
  body.acp-ux .ux-order summary{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"id name total" "status status cta";align-items:center}
  body.acp-ux .ux-order__id{grid-area:id}
  body.acp-ux .ux-order__name{grid-area:name}
  body.acp-ux .ux-order__total{grid-area:total}
  body.acp-ux .ux-order .ux-tag{grid-area:status;justify-self:start}
  body.acp-ux .ux-order__cta{grid-area:cta;justify-self:end}
}
@media(max-width:520px){
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:1fr}
  body.acp-ux .ux-brandrail__item{width:52px}
  body.acp-ux .ux-brandrail__item>span{width:38px;height:38px}
  body.acp-ux .ux-orderworkspace{padding:13px}
  body.acp-ux .ux-orderworkspace__head strong{font-size:16px}
  body.acp-ux .ux-order__view>span{display:none}
  body.acp-ux .ux-order__view{width:36px;padding:0;justify-content:center}
}


/* 3.22.2 — Customer panel clarity pass: stable sidebar and compact orders. */
body.acp-ux{
  --ux-side:224px;
  --ux-max:1460px;
  font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.55;
  letter-spacing:0;
}
body.acp-ux :where(h1,h2,h3,.ux-panelhero h1,.ux-pagehead h1,.ux-overviewcard h2,.ux-sidecard h2,.ux-orderworkspace__head strong){
  font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.025em;
}
body.acp-ux h1{font-weight:700}
body.acp-ux h2,body.acp-ux h3{font-weight:700}
body.acp-ux :where(button,input,select,textarea){font-family:inherit}
body.acp-ux .ux-top__page strong{font-weight:600;letter-spacing:-.01em}
body.acp-ux .ux-accountpill__text strong,body.acp-ux .ux-sideprofile__head strong{font-weight:600}

/* Sidebar: one clear selected item, softer hover, consistent card geometry. */
body.acp-ux .ux-shell{gap:24px}
body.acp-ux .ux-side{
  top:86px;
  padding:10px;
  gap:4px;
  border:1px solid var(--ux-line);
  border-radius:18px;
  background:var(--ux-card);
  box-shadow:0 8px 24px rgba(17,24,39,.045);
}
body.acp-ux .ux-sideprofile{
  margin:0 0 6px;
  padding:12px;
  border:1px solid var(--ux-line);
  border-radius:14px;
  background:var(--ux-soft);
  color:var(--ux-text);
}
body.acp-ux .ux-sideprofile__head{gap:10px;align-items:center}
body.acp-ux .ux-sideprofile__avatar{width:40px;height:40px;border:1px solid var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-sideprofile__head strong{font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.acp-ux .ux-sideprofile__head a{margin-top:2px;font-size:10.5px;font-weight:500;color:var(--ux-muted)}
body.acp-ux .ux-side>a{
  min-height:44px;
  padding:0 11px;
  gap:10px;
  border-radius:10px;
  color:var(--ux-text-2);
  font-size:12.5px;
  font-weight:500;
  box-shadow:none;
  transition:background .14s ease,color .14s ease,border-color .14s ease;
}
body.acp-ux .ux-side>a svg{width:17px;height:17px;stroke-width:1.8}
body.acp-ux .ux-side>a:not(.is-active):hover{background:var(--ux-soft);color:var(--ux-text)}
body.acp-ux .ux-side>a.is-active,
body.acp-ux .ux-side>a.is-active:hover{
  background:var(--ux-primary-soft);
  color:var(--ux-primary);
  box-shadow:inset 3px 0 0 var(--ux-primary);
  font-weight:600;
}
body.acp-ux .ux-side>a.ux-side__break{position:relative;margin-top:10px}
body.acp-ux .ux-side>a.ux-side__break::before{
  content:"";
  position:absolute;
  left:5px;right:5px;top:-6px;
  height:1px;
  background:var(--ux-line);
}
body.acp-ux .ux-side__store{margin-top:10px!important;padding-top:0!important;border-top:0!important}
body.acp-ux .ux-side__out{color:#b5473c!important}

/* Header controls: lighter, less blocky. */
body.acp-ux .ux-top{min-height:64px}
body.acp-ux .ux-theme,body.acp-ux .ux-fx__btn,body.acp-ux .ux-balance,body.acp-ux .ux-accountpill{border-radius:10px}
body.acp-ux .ux-theme,body.acp-ux .ux-fx__btn{font-weight:500}
body.acp-ux .ux-balance strong{font-weight:600}

/* New order: clearer hierarchy and useful brand thumbnails. */
body.acp-ux .ux-panelhero__main{padding:22px 24px;gap:14px;border-radius:16px;background:var(--ux-card);border:1px solid var(--ux-line)}
body.acp-ux .ux-panelhero h1{font-size:clamp(27px,2.5vw,34px);font-weight:700;line-height:1.18}
body.acp-ux .ux-panelhero p{font-size:13.5px;line-height:1.65;color:var(--ux-muted)}
body.acp-ux .ux-panelhero__steps>div{min-height:58px;border:1px solid var(--ux-line);border-radius:11px}
body.acp-ux .ux-panelhero__steps span{width:30px;height:30px;border-radius:8px}
body.acp-ux .ux-overviewcard{border-radius:16px;padding:18px}
body.acp-ux .ux-overviewcard__head h2{font-size:18px;font-weight:600}
body.acp-ux .ux-overviewcard__stats strong{font-size:20px;font-weight:600}
body.acp-ux .ux-neworderstage{gap:14px}
body.acp-ux .ux-servicepicker,body.acp-ux .ux-brandrail,body.acp-ux .ux-orderworkspace,body.acp-ux .ux-sidecard{border-radius:14px}
body.acp-ux .ux-brandrail{padding:9px 10px;gap:9px}
body.acp-ux .ux-brandrail__item{width:58px;gap:5px;font-weight:500}
body.acp-ux .ux-brandrail__item>span{width:44px;height:44px;padding:0;overflow:hidden;border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-brandrail__item>span img{width:100%;height:100%;object-fit:cover;object-position:18% 18%;border-radius:inherit}
body.acp-ux .ux-brandrail__item>small{font-size:9.5px;font-weight:500;color:var(--ux-muted)}
body.acp-ux .ux-brandrail__item.is-active>small{color:var(--ux-primary);font-weight:600}
body.acp-ux .ux-orderworkspace{padding:15px}
body.acp-ux .ux-orderworkspace__head strong{font-size:16px;font-weight:600}
body.acp-ux .ux-orderworkspace__head small{font-size:11.5px}
body.acp-ux .ux-catalogfilter>span{font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}
body.acp-ux .ux-catalogfilter select{font-weight:500}

/* Orders: stats are the filters, so remove the duplicate chip row. */
body.acp-ux .ux-pagehead h1{font-size:28px;font-weight:700}
body.acp-ux .ux-pagehead p{font-size:12.5px}
body.acp-ux .ux-orderstats{gap:10px}
body.acp-ux .ux-statcard{min-height:92px;padding:14px 16px;border-radius:13px;background:var(--ux-card)}
body.acp-ux .ux-statcard:hover{background:var(--ux-soft);border-color:var(--ux-line-strong)}
body.acp-ux .ux-statcard.is-active,body.acp-ux .ux-statcard.is-active:hover{background:var(--ux-primary-soft);border-color:color-mix(in srgb,var(--ux-primary) 35%,var(--ux-line))}
body.acp-ux .ux-statcard small{font-size:9.5px;font-weight:600;letter-spacing:.05em}
body.acp-ux .ux-statcard strong{font-size:22px;font-weight:600}
body.acp-ux .ux-statcard span{font-size:11.5px}
body.acp-ux .ux-ordertoolbar{min-height:58px;justify-content:flex-end;padding:9px 10px;border-radius:13px}
body.acp-ux .ux-chips--filter{display:none}
body.acp-ux .ux-ordersearch{min-width:min(390px,100%)}
body.acp-ux .ux-ordersearch input{min-height:40px;border-radius:9px;font-size:12.5px}
body.acp-ux .ux-orders{gap:9px}
body.acp-ux .ux-order{overflow:hidden;border-radius:13px}
body.acp-ux .ux-order summary{min-height:72px;padding:12px 14px;gap:11px;background:var(--ux-card)}
body.acp-ux .ux-order summary:hover{background:var(--ux-soft)}
body.acp-ux .ux-order__id{min-width:54px;padding:6px 8px;border-radius:8px;font-size:12px;font-weight:600}
body.acp-ux .ux-order__name strong{font-size:13.5px;font-weight:600;line-height:1.4}
body.acp-ux .ux-order__name small{font-size:10px;color:var(--ux-muted)}
body.acp-ux .ux-order__total{font-size:14px;font-weight:600}
body.acp-ux .ux-order .ux-tag{min-height:22px;padding:0 8px;font-size:9px;font-weight:600}
body.acp-ux .ux-order__new{min-height:22px;padding:0 8px;border-radius:7px;font-size:8.5px;font-weight:600}
body.acp-ux .ux-order__view{min-height:36px;font-weight:600}
body.acp-ux .ux-order__body{gap:13px;padding:14px 16px 16px;background:var(--ux-card)}
body.acp-ux .ux-order__steps{position:relative;grid-template-columns:repeat(3,1fr);margin:0;padding:10px 12px;border-radius:9px;background:var(--ux-soft)}
body.acp-ux .ux-order__steps span{position:relative;display:grid;grid-template-rows:10px auto;gap:5px;align-items:start;color:var(--ux-muted);font-size:9px;font-weight:600;letter-spacing:.02em;text-transform:none;line-height:1.25}
body.acp-ux .ux-order__steps span:nth-child(2){justify-items:center;text-align:center}
body.acp-ux .ux-order__steps span:nth-child(3){justify-items:end;text-align:right}
body.acp-ux .ux-order__steps span:not(:last-child)::after{left:9px;top:4px;width:calc(100% - 5px);height:1px;background:var(--ux-line-strong)}
body.acp-ux .ux-order__steps i{width:9px;height:9px;grid-row:1;border-width:1.5px;background:var(--ux-card)}
body.acp-ux .ux-table{font-size:11.5px}
body.acp-ux .ux-table td{padding:8px 0}
body.acp-ux .ux-delivery{padding:12px;border-radius:9px}
body.acp-ux .ux-delivery__label{margin-bottom:8px;font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:none}
body.acp-ux .ux-delivery pre,body.acp-ux .ux-delivery .acp-stockgroup pre{padding:9px 10px;border-radius:7px;font:500 11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* Funds/forms: readable labels, no accidental menu-like heaviness. */
body.acp-ux .ux-funds-simple-head h1{font-size:28px;font-weight:700}
body.acp-ux .ux-funding-main h2{font-size:16px;font-weight:600}
body.acp-ux .ux-funding-simple .ux-funding-method{min-height:64px}
body.acp-ux .ux-funding-method__copy strong{font-weight:600}
body.acp-ux .ux-form label>span{font-size:11.5px;font-weight:600}

/* Dark mode: keep hover distinct from the selected menu item and remove white delivery blocks. */
body.acp-ux[data-ux-theme="dark"] .ux-side{background:var(--ux-card)!important;border-color:var(--ux-line)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
body.acp-ux[data-ux-theme="dark"] .ux-sideprofile{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-side>a:not(.is-active):hover{background:rgba(255,255,255,.035);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-side>a.is-active,body.acp-ux[data-ux-theme="dark"] .ux-side>a.is-active:hover{background:rgba(255,133,0,.14);color:#ffad52;box-shadow:inset 3px 0 0 var(--ux-primary)}
body.acp-ux[data-ux-theme="dark"] .ux-statcard.is-active{background:rgba(255,133,0,.09);border-color:#5e4126}
body.acp-ux[data-ux-theme="dark"] .ux-order__steps{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-order__steps i{background:var(--ux-card)}
body.acp-ux[data-ux-theme="dark"] .ux-delivery{background:#163128;border-color:#356d59;color:#d4f2e3}
body.acp-ux[data-ux-theme="dark"] .ux-delivery__label{color:#69d39c}
body.acp-ux[data-ux-theme="dark"] .ux-delivery pre,body.acp-ux[data-ux-theme="dark"] .ux-delivery .acp-stockgroup pre{background:#10171d;border-color:#2b4d40;color:#eef7f2}

@media(max-width:1180px){body.acp-ux{--ux-side:196px}.ux-shell{gap:18px}}
@media(max-width:899.98px){
  body.acp-ux .ux-side{top:0;width:min(84vw,292px);height:100dvh;padding:78px 12px 18px;border-radius:0;border-left:0;border-top:0;border-bottom:0}
  body.acp-ux .ux-sideprofile{margin-bottom:8px}
}
@media(max-width:760px){
  body.acp-ux .ux-ordertoolbar{min-height:auto;align-items:stretch}
  body.acp-ux .ux-ordersearch{width:100%}
  body.acp-ux .ux-order__steps span{font-size:8.5px}
}

/* 3.22.4 — Final customer-site typography normalization.
 * Manrope is the single UI face across every customer-panel page. The old
 * synthetic 550/650/760-style weights are deliberately avoided because they
 * made compact links and card headings look thick and inconsistent.
 */
body.acp-ux{
  --ux-font:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--ux-font);
  font-weight:400;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Hard reset every customer-facing UI surface so old component rules cannot
 * re-introduce a different face. Code/credential fields are restored below. */
body.acp-ux :where(
  .ux-top,.ux-side,.ux-main,.ux-card,.ux-order,.ux-service,.ux-method,.ux-paybox,
  .ux-buyform,.ux-shortfall,.ux-target,.ux-btn,.ux-theme,.ux-accountpill,.ux-balance,
  .ux-fx,.ux-fxpills,.ux-chips,.ux-tag,.ux-home-start,.ux-home-grid,.ux-home-orders,
  .ux-home-services,.ux-home-active,.ux-panelhero,.ux-orderworkspace,.ux-overviewcard,
  .ux-sidecard,.ux-funding-layout,.ux-form,.ux-pagehead,.ux-statcard,.ux-ordertoolbar,
  a,button,input,select,textarea,label,strong,b,em,small,span,p,h1,h2,h3,h4,h5,h6
){font-family:var(--ux-font)!important}

/* Calm, predictable hierarchy. */
body.acp-ux :where(h1){font-weight:700;letter-spacing:-.025em}
body.acp-ux :where(h2,h3,h4,h5,h6){font-weight:600;letter-spacing:-.012em}
body.acp-ux :where(p,small,label,input,select,textarea){font-weight:400}
body.acp-ux :where(button,.ux-btn){font-weight:600;letter-spacing:0}
body.acp-ux :where(.ux-side>a){font-weight:500;letter-spacing:0}
body.acp-ux :where(.ux-side>a.is-active){font-weight:600}
body.acp-ux :where(.ux-top__page strong,.ux-accountpill__text strong,.ux-sideprofile__head strong){font-weight:600;letter-spacing:0}
body.acp-ux :where(.ux-theme span,.ux-fx__btn,.ux-balance strong){font-weight:600;letter-spacing:0}
body.acp-ux :where(.ux-dashsection__eyebrow){font-weight:500;letter-spacing:0}
body.acp-ux :where(.ux-card__head h2){font-weight:600;letter-spacing:-.01em}

/* Exact Home/dashboard problem areas from 3.22.3. */
body.acp-ux .ux-home-start__links a{
  font-family:var(--ux-font)!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
}
body.acp-ux .ux-home-active strong{
  font-family:var(--ux-font)!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
}
body.acp-ux .ux-home-orders .ux-card__head h2,
body.acp-ux .ux-home-services .ux-card__head h2{
  font-family:var(--ux-font)!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
}
body.acp-ux .ux-home-orderrows__main strong,
body.acp-ux .ux-home-servicelist strong{
  font-family:var(--ux-font)!important;
  font-weight:600!important;
  letter-spacing:-.006em!important;
}
body.acp-ux .ux-card__head>a,
body.acp-ux .ux-home-servicelist>a>b,
body.acp-ux .ux-home-orderrows__side b{
  font-family:var(--ux-font)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

/* Keep machine-readable values/code in monospace only where it is useful. */
body.acp-ux :where(
  code,pre,kbd,samp,
  .ux-api-key input,.ux-api-code,.ux-api-ips textarea,
  .ux-paydetail__value,.ux-funding-account strong,
  .ux-delivery pre,.ux-delivery .acp-stockgroup pre
){
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;
  font-synthesis:none;
}


/* 3.22.7 — Search + vertical Category -> Service + inline order flow. */
body.acp-ux .ux-cascade-stack{display:grid;grid-template-columns:1fr;gap:13px}
body.acp-ux .ux-catalogfilter--full{width:100%}
body.acp-ux .ux-cascade-stack .ux-catalogfilter>span{font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--ux-text)}
body.acp-ux .ux-cascade-stack .ux-catalogfilter select{min-height:52px;padding:0 44px 0 14px;border-radius:12px;font-size:14px;font-weight:500;background:var(--ux-card)}
body.acp-ux .ux-selected-service{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 15px;border:1px solid color-mix(in srgb,var(--ux-primary) 28%,var(--ux-line));border-radius:12px;background:color-mix(in srgb,var(--ux-primary-soft) 58%,var(--ux-card))}
body.acp-ux .ux-selected-service__copy{min-width:0;display:grid;gap:3px}
body.acp-ux .ux-selected-service__copy small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ux-primary)}
body.acp-ux .ux-selected-service__copy strong{font-size:14px;font-weight:700;line-height:1.35;color:var(--ux-text)}
body.acp-ux .ux-selected-service__copy p{margin:2px 0 0;font-size:12px;line-height:1.55;color:var(--ux-text-2)}
body.acp-ux .ux-selected-service__aside{display:grid;justify-items:end;gap:7px;white-space:nowrap}
body.acp-ux .ux-selected-service__aside>strong{font-size:16px;font-weight:700;color:var(--ux-text)}
body.acp-ux .ux-orderworkspace__head--second{padding-top:9px;border-top:1px solid var(--ux-line)}
body.acp-ux .ux-inlineorder{display:grid;gap:12px}
body.acp-ux .ux-buyform--inline{margin:0;padding:14px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft);box-shadow:none}
body.acp-ux .ux-related-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:18px 0 10px;padding:0 2px}
body.acp-ux .ux-related-head>div{display:grid;gap:2px}
body.acp-ux .ux-related-head small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ux-muted)}
body.acp-ux .ux-related-head h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ux-text)}
body.acp-ux .ux-related-head>span{font-size:11px;color:var(--ux-muted)}
body.acp-ux[data-ux-theme="dark"] .ux-cascade-stack .ux-catalogfilter select{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] .ux-selected-service{background:rgba(255,138,0,.07);border-color:#5e4126}
body.acp-ux[data-ux-theme="dark"] .ux-buyform--inline{background:var(--ux-soft);border-color:var(--ux-line)}
@media(max-width:640px){body.acp-ux .ux-selected-service{grid-template-columns:1fr}body.acp-ux .ux-selected-service__aside{justify-items:start}body.acp-ux .ux-related-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* 3.22.8 — instant service switching + complete structured descriptions. */
body.acp-ux .ux-service-fragment{display:grid;gap:12px;position:relative;min-height:0}
body.acp-ux .ux-service-fragment.is-loading{opacity:.62;pointer-events:none}
body.acp-ux .ux-service-fragment.is-loading::after{content:"Loading service…";position:absolute;top:10px;right:10px;z-index:2;padding:6px 9px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);color:var(--ux-muted);font-size:10px;font-weight:700;box-shadow:0 5px 18px rgba(15,23,42,.08)}
body.acp-ux .ux-selected-service__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
body.acp-ux .ux-selected-service__meta span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;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;text-transform:none;letter-spacing:0}
body.acp-ux .ux-service-description-box{overflow:hidden;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-service-description-box__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--ux-line);background:color-mix(in srgb,var(--ux-primary-soft) 42%,var(--ux-card))}
body.acp-ux .ux-service-description-box__head strong{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:var(--ux-primary)}
body.acp-ux .ux-service-description-box__head span{font-size:10.5px;font-weight:600;color:var(--ux-muted)}
body.acp-ux .ux-service-description-box__body{padding:13px 15px;color:var(--ux-text-2);font-size:12.5px;line-height:1.62;overflow-wrap:anywhere}
body.acp-ux .ux-service-description-box__body :where(p,ul,ol,blockquote){margin:0 0 9px}
body.acp-ux .ux-service-description-box__body :where(p,ul,ol,blockquote):last-child{margin-bottom:0}
body.acp-ux .ux-service-description-box__body :where(ul,ol){padding-left:20px}
body.acp-ux .ux-service-description-box__body li+li{margin-top:4px}
body.acp-ux .ux-service-description-box__body a{color:var(--ux-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}
body.acp-ux .ux-service-description-box__body strong{color:var(--ux-text);font-weight:700}
body.acp-ux .ux-service-description-box__body h1,
body.acp-ux .ux-service-description-box__body h2,
body.acp-ux .ux-service-description-box__body h3,
body.acp-ux .ux-service-description-box__body h4{margin:12px 0 6px;color:var(--ux-text);font-size:13px;font-weight:700;line-height:1.4}
body.acp-ux[data-ux-theme="dark"] .ux-service-description-box{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-service-description-box__head{background:rgba(255,138,0,.055)}
@media(max-width:640px){body.acp-ux .ux-service-description-box__head{align-items:flex-start;flex-direction:column;gap:4px}}

/* 3.22.9 — zero-wait service switching + stock-first premium picker. */
body.acp-ux .ux-service-select-field{position:relative;z-index:24}
body.acp-ux .ux-service-native--enhanced{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
body.acp-ux .ux-smartservice{position:relative;width:100%}
body.acp-ux .ux-smartservice__toggle{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 13px 9px 15px;border:1px solid var(--ux-line-strong);border-radius:13px;background:var(--ux-card);color:var(--ux-text);text-align:left;cursor:pointer;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
body.acp-ux .ux-smartservice__toggle:hover{border-color:color-mix(in srgb,var(--ux-primary) 50%,var(--ux-line-strong));background:color-mix(in srgb,var(--ux-primary-soft) 20%,var(--ux-card))}
body.acp-ux .ux-smartservice.is-open .ux-smartservice__toggle{border-color:var(--ux-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 13%,transparent)}
body.acp-ux .ux-smartservice__togglecopy{min-width:0;display:grid;gap:2px}
body.acp-ux .ux-smartservice__togglecopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.35;color:var(--ux-text)}
body.acp-ux .ux-smartservice__togglecopy small{font-size:10.5px;font-weight:600;color:#16814a}
body.acp-ux .ux-smartservice__togglecopy small.is-out{color:#b44747}
body.acp-ux .ux-smartservice__toggleaside{display:flex;align-items:center;gap:12px;flex:0 0 auto}
body.acp-ux .ux-smartservice__toggleaside b{font-size:13px;font-weight:700;color:var(--ux-text);white-space:nowrap}
body.acp-ux .ux-smartservice__toggleaside i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--ux-soft);color:var(--ux-muted);font-style:normal;font-size:14px;transition:transform .16s ease}
body.acp-ux .ux-smartservice.is-open .ux-smartservice__toggleaside i{transform:rotate(180deg)}
body.acp-ux .ux-smartservice__menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:120;overflow:hidden;border:1px solid var(--ux-line-strong);border-radius:14px;background:var(--ux-card);box-shadow:0 18px 50px rgba(15,23,42,.16)}
body.acp-ux .ux-smartservice__search{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-smartservice__search svg{width:17px;height:17px;fill:none;stroke:var(--ux-muted);stroke-width:1.8;flex:0 0 auto}
body.acp-ux .ux-smartservice__search input{width:100%;height:38px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--ux-text);font-size:12.5px;font-weight:500}
body.acp-ux .ux-smartservice__search input::placeholder{color:var(--ux-muted)}
body.acp-ux .ux-smartservice__scroll{max-height:min(440px,55vh);overflow:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin}
body.acp-ux .ux-smartservice__group+.ux-smartservice__group{margin-top:7px;padding-top:7px;border-top:1px solid var(--ux-line)}
body.acp-ux .ux-smartservice__grouphead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px 6px}
body.acp-ux .ux-smartservice__grouphead strong{font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--ux-muted)}
body.acp-ux .ux-smartservice__grouphead span{min-width:22px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--ux-soft);color:var(--ux-muted);font-size:9px;font-weight:700}
body.acp-ux .ux-smartservice__item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ux-text);text-align:left;cursor:pointer;transition:background .12s ease,transform .12s ease}
body.acp-ux .ux-smartservice__item:hover,body.acp-ux .ux-smartservice__item:focus-visible{background:var(--ux-soft);outline:0}
body.acp-ux .ux-smartservice__item.is-selected{background:color-mix(in srgb,var(--ux-primary-soft) 55%,var(--ux-card));box-shadow:inset 3px 0 0 var(--ux-primary)}
body.acp-ux .ux-smartservice__itemcopy{min-width:0;display:grid;gap:3px}
body.acp-ux .ux-smartservice__itemcopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--ux-text)}
body.acp-ux .ux-smartservice__itemcopy small{display:flex;align-items:center;gap:8px;font-size:9.5px;font-weight:600;color:var(--ux-muted)}
body.acp-ux .ux-smartservice__itemcopy em{font-style:normal;font-weight:700}
body.acp-ux .ux-smartservice__itemcopy em.is-in{color:#16814a}
body.acp-ux .ux-smartservice__itemcopy em.is-out{color:#b44747}
body.acp-ux .ux-smartservice__item>b{font-size:11.5px;font-weight:700;color:var(--ux-text);white-space:nowrap}
body.acp-ux .ux-smartservice__item.is-out{opacity:.72}
body.acp-ux .ux-smartservice__item.is-out:hover{opacity:1}
body.acp-ux .ux-smartservice__empty{margin:0;padding:18px 12px;text-align:center;color:var(--ux-muted);font-size:11px}
body.acp-ux .ux-service-preloads{display:none!important}
body.acp-ux .ux-service-fragment{transition:opacity .14s ease}
body.acp-ux .ux-service-fragment.is-loading{opacity:.82}
body.acp-ux .ux-service-fragment.is-loading::after{content:"Preparing order options…";top:8px;right:8px;padding:5px 8px;background:var(--ux-card);font-size:9.5px}
body.acp-ux .ux-cascade-stack .ux-catalogfilter>select:not(.ux-service-native--enhanced){border-color:var(--ux-line-strong);box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
body.acp-ux .ux-cascade-stack .ux-catalogfilter>select:not(.ux-service-native--enhanced):hover{border-color:color-mix(in srgb,var(--ux-primary) 42%,var(--ux-line-strong))}
body.acp-ux .ux-cascade-stack .ux-catalogfilter>select:not(.ux-service-native--enhanced):focus{border-color:var(--ux-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 13%,transparent)}
body.acp-ux[data-ux-theme="dark"] .ux-smartservice__toggle,body.acp-ux[data-ux-theme="dark"] .ux-smartservice__menu,body.acp-ux[data-ux-theme="dark"] .ux-smartservice__search{background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-smartservice__item.is-selected{background:rgba(255,138,0,.10)}
@media(max-width:640px){
  body.acp-ux .ux-smartservice__toggle{min-height:56px;padding:9px 11px}
  body.acp-ux .ux-smartservice__toggleaside b{font-size:11.5px}
  body.acp-ux .ux-smartservice__scroll{max-height:52vh}
  body.acp-ux .ux-smartservice__item{gap:8px;padding:10px 9px}
  body.acp-ux .ux-smartservice__itemcopy strong{font-size:12px}
}
body.acp-ux .ux-service__stock{position:absolute;left:8px;top:8px;min-height:22px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid #b8e7ca;border-radius:999px;background:rgba(244,255,248,.96);color:#16814a;font-size:8px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px rgba(15,23,42,.05)}
body.acp-ux[data-ux-theme="dark"] .ux-service__stock{border-color:#285f42;background:rgba(19,138,75,.15);color:#6bd59a}

/* 3.22.10 — keep New Order on one loaded screen; only local panels update. */
body.acp-ux .ux-service-empty-state{display:grid;gap:3px;padding:14px 15px;border:1px dashed var(--ux-line-strong);border-radius:12px;background:var(--ux-soft);color:var(--ux-text-2)}
body.acp-ux .ux-service-empty-state strong{font-size:13px;font-weight:700;color:var(--ux-text)}
body.acp-ux .ux-service-empty-state span{font-size:11.5px;line-height:1.5;color:var(--ux-muted)}
body.acp-ux .ux-fragment-error{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px;padding:9px 11px;border:1px solid #e9c3c3;border-radius:10px;background:#fff7f7;color:#8d3030;font-size:11px}
body.acp-ux .ux-fragment-error strong{font-size:11.5px}.ux-fragment-error span{color:#a14a4a}
body.acp-ux .ux-fragment-error button{margin-left:auto;padding:5px 9px;border:1px solid #dcaeae;border-radius:8px;background:transparent;color:#8d3030;font:inherit;font-weight:700;cursor:pointer}
body.acp-ux[data-ux-theme="dark"] .ux-fragment-error{border-color:#633b3b;background:rgba(160,45,45,.10);color:#f19a9a}
body.acp-ux [data-ux-related-products]{position:relative;transition:opacity .16s ease}
body.acp-ux [data-ux-related-products].is-updating{opacity:.72}
body.acp-ux [data-ux-related-products].is-updating::before{content:"Updating products…";position:sticky;top:78px;z-index:8;float:right;margin:8px 8px -38px 0;padding:6px 9px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);color:var(--ux-muted);font-size:9.5px;font-weight:700;box-shadow:0 6px 18px rgba(15,23,42,.08)}
body.acp-ux .ux-service-fragment.is-loading{opacity:.92}
body.acp-ux .ux-service-fragment.is-loading::after{content:"Updating this service…"}
body.acp-ux .ux-catalogfilter [data-ux-category-nav]{cursor:pointer}
@media(max-width:640px){body.acp-ux .ux-fragment-error button{margin-left:0}}


/* 3.22.11 — stock state belongs beside the product title, never over artwork. */
body.acp-ux .ux-service__titleline{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
body.acp-ux .ux-service__titleline>a{flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}
body.acp-ux .ux-service--card .ux-service__titleline>a>strong{display:block;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em;overflow:visible;white-space:normal;overflow-wrap:anywhere}
body.acp-ux .ux-service__availability{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px;border:1px solid var(--ux-line);border-radius:999px;white-space:nowrap;font-size:8.5px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.02em}
body.acp-ux .ux-service__availability.is-in{border-color:#b8e7ca;background:#f4fff8;color:#16814a}
body.acp-ux .ux-service__availability.is-out{border-color:#f0c5c5;background:#fff7f7;color:#b44747}
body.acp-ux[data-ux-theme="dark"] .ux-service__availability.is-in{border-color:#285f42;background:rgba(19,138,75,.15);color:#6bd59a}
body.acp-ux[data-ux-theme="dark"] .ux-service__availability.is-out{border-color:#6b3c3c;background:rgba(180,71,71,.12);color:#f19999}
@media(max-width:700px){body.acp-ux .ux-service__titleline{display:grid;gap:5px}body.acp-ux .ux-service__availability{justify-self:start}}

/* Availability filter: wraps cleanly on narrow customer panels. */
.ux-stock-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0}.ux-stock-filter .ux-catalogfilter{flex:1 1 200px;min-width:0}.ux-stock-filter>small{flex-basis:100%;color:var(--ux-muted,#94a3b8)}

/* ===== panel-premium.css ===== */
/* 3.23.4 — A consistent, responsive finish over the familiar customer panel. */

html{scrollbar-gutter:stable;scroll-padding-top:88px}
html[data-ux-initial-theme="dark"]{background:#10151d}
body.acp-ux{
  --ux-bg:#f5f6f8;--ux-card:#fff;--ux-soft:#f8f9fb;--ux-soft-2:#eef1f5;
  --ux-text:#172235;--ux-text-2:#45536a;--ux-muted:#657187;
  --ux-line:#e3e7ee;--ux-line-strong:#bec7d5;
  --ux-primary:#b94d11;--ux-primary-hover:#9c3d09;--ux-primary-soft:#fff1e6;
  --ux-good:#157347;--ux-good-soft:#eaf8f0;--ux-danger:#b3342b;--ux-warn:#9a6700;
  --ux-shadow:0 3px 16px rgba(23,34,53,.035);--ux-shadow-raised:0 14px 40px rgba(23,34,53,.08);
  --ux-radius:16px;--ux-max:1536px;--ux-side:216px;
  margin:0;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:14px;line-height:1.6;color:var(--ux-text);background:var(--ux-bg);color-scheme:light;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
body.acp-ux[data-ux-theme="dark"]{
  --ux-bg:#10151d;--ux-card:#181f2a;--ux-soft:#1e2734;--ux-soft-2:#263141;
  --ux-text:#f2f5fa;--ux-text-2:#c4cedd;--ux-muted:#a1afc2;
  --ux-line:#303c4d;--ux-line-strong:#516078;
  --ux-primary:#ffb17a;--ux-primary-hover:#ffcca8;--ux-primary-soft:#352a24;
  --ux-good:#67d69d;--ux-good-soft:#18362a;--ux-danger:#ff9e93;--ux-warn:#ffd16c;
  --ux-shadow:0 3px 18px rgba(0,0,0,.12);--ux-shadow-raised:0 18px 44px rgba(0,0,0,.28);color-scheme:dark;
}
body.acp-ux *{box-sizing:border-box}
body.acp-ux :where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
body.acp-ux :where(button,.ux-btn,a,summary){touch-action:manipulation}
body.acp-ux :where(button,input,select,textarea,summary,a):focus-visible{outline:3px solid var(--ux-primary);outline-offset:3px}
body.acp-ux :where(button,.ux-btn){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.acp-ux :where(input,textarea)::placeholder{color:var(--ux-muted);opacity:.82}
body.acp-ux :where([hidden]){display:none!important}
body.acp-ux a{color:inherit}
body.acp-ux .ux-skip{position:fixed;top:10px;left:12px;transform:translateY(-160%);z-index:10000;padding:10px 18px;border-radius:9px;background:var(--ux-text);color:var(--ux-card);font-weight:700;text-decoration:none}
body.acp-ux .ux-skip:focus{transform:translateY(0)}

/* Navigation */
body.acp-ux .ux-nav-progress{position:fixed;top:0;left:0;z-index:10050;width:0;height:3px;opacity:0;background:linear-gradient(90deg,var(--ux-primary),#e77732);box-shadow:0 0 16px color-mix(in srgb,var(--ux-primary) 38%,transparent);transition:width .22s ease,opacity .15s ease}
body.acp-ux.is-navigating .ux-nav-progress{width:72%;opacity:1}
body.acp-ux.is-navigating.is-navigation-committed .ux-nav-progress{width:96%}
body.acp-ux .ux-top{min-height:72px;padding:10px max(24px,calc((100vw - var(--ux-max))/2));gap:12px;background:var(--ux-card);border-bottom:1px solid var(--ux-line);box-shadow:0 1px 0 rgba(23,34,53,.015)}
body.acp-ux[data-ux-theme="dark"] .ux-top{background:var(--ux-card)!important}
body.acp-ux .ux-logo{flex-shrink:0;text-decoration:none}
body.acp-ux .ux-logo__mark{border-radius:9px}
body.acp-ux .ux-logo__name{font-size:15px;letter-spacing:-.035em;font-weight:700}
body.acp-ux .ux-top__page{padding-left:20px;border-left:1px solid var(--ux-line)}
body.acp-ux .ux-top__page strong{font-size:13px;font-weight:700;color:var(--ux-text)}
body.acp-ux :is(.ux-theme,.ux-fx__btn,.ux-accountpill,.ux-balance){min-height:42px;border-radius:10px;border-color:var(--ux-line);background:var(--ux-card);box-shadow:none}
body.acp-ux .ux-theme,body.acp-ux .ux-fx__btn{font-size:12px}
body.acp-ux .ux-balance{gap:10px;text-decoration:none}
body.acp-ux .ux-balance small{font-size:9px;letter-spacing:.08em;color:var(--ux-muted)}
body.acp-ux .ux-balance strong{font-size:13px;font-variant-numeric:tabular-nums}
body.acp-ux .ux-balance i{background:var(--ux-primary-soft);color:var(--ux-primary)}
body.acp-ux .ux-accountpill__text strong{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis}
body.acp-ux .ux-connection{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);font-size:10px;font-weight:700;color:var(--ux-muted)}
body.acp-ux .ux-connection:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ux-good)}
body.acp-ux .ux-connection.is-offline{color:var(--ux-danger);border-color:color-mix(in srgb,var(--ux-danger) 30%,var(--ux-line))}
body.acp-ux .ux-connection.is-offline:before{background:var(--ux-danger)}

/* Shell/sidebar */
body.acp-ux .ux-shell{width:min(calc(100% - 48px),var(--ux-max));gap:26px;padding:26px 0 56px;align-items:start}
body.acp-ux .ux-main{min-width:0;gap:22px}
body.acp-ux .ux-side{top:98px;padding:12px;gap:5px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);box-shadow:var(--ux-shadow);width:var(--ux-side)}
body.acp-ux[data-ux-theme="dark"] .ux-side{box-shadow:var(--ux-shadow)!important}
body.acp-ux .ux-sideprofile{border:0;border-bottom:1px solid var(--ux-line);border-radius:0;padding:8px 3px 18px;margin:0 0 3px;background:transparent}
body.acp-ux .ux-sideprofile__head{gap:10px}
body.acp-ux .ux-sideprofile__head>div{min-width:0}
body.acp-ux .ux-sideprofile__avatar{flex-shrink:0;width:38px;height:38px}
body.acp-ux .ux-sideprofile__head strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
body.acp-ux .ux-sideprofile__head a{font-size:11px;color:var(--ux-muted)}
body.acp-ux .ux-nav-label{display:block;padding:11px 10px 4px;color:var(--ux-muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
body.acp-ux .ux-side>a{min-height:45px;padding:10px 12px;gap:11px;font-size:12px;border-radius:9px;text-decoration:none;color:var(--ux-text-2);font-weight:600}
body.acp-ux .ux-side>a:hover{background:var(--ux-soft);color:var(--ux-text)}
body.acp-ux .ux-side>a svg{width:18px;height:18px;flex-shrink:0}
body.acp-ux .ux-side>a.is-active{color:var(--ux-primary);background:var(--ux-primary-soft);box-shadow:inset 3px 0 var(--ux-primary)}
body.acp-ux .ux-side>a.ux-side__out{margin-top:2px;color:#b3342b!important}
body.acp-ux[data-ux-theme="dark"] .ux-side>a.ux-side__out{color:#ff9e93!important}

/* Common surfaces */
body.acp-ux :is(.ux-card,.ux-order,.ux-home-start,.ux-productinfo,.ux-productbuy,.ux-orderworkspace,.ux-sidecard,.ux-overviewcard,.ux-servicepicker){border:1px solid var(--ux-line);border-radius:16px;box-shadow:var(--ux-shadow);background:var(--ux-card)}
body.acp-ux .ux-card{padding:20px}
body.acp-ux .ux-pagehead{margin:0;padding:2px 0}
body.acp-ux .ux-pagehead h1{font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:700;color:var(--ux-text)}
body.acp-ux .ux-pagehead p{margin-top:4px;font-size:12px;color:var(--ux-muted)}
body.acp-ux .ux-card__head h2,body.acp-ux .ux-sidecard h2{font-size:15px;letter-spacing:-.02em;font-weight:700;color:var(--ux-text)}
body.acp-ux .ux-muted{color:var(--ux-muted)}
body.acp-ux .ux-flash{border-radius:12px;border:1px solid var(--ux-line);box-shadow:none;font-size:12px;line-height:1.55}
body.acp-ux .ux-flash--error{border-color:color-mix(in srgb,var(--ux-danger) 35%,var(--ux-line));background:color-mix(in srgb,var(--ux-danger) 8%,var(--ux-card));color:var(--ux-danger)}

/* Dashboard/new order */
body.acp-ux .ux-panelhero,body.acp-ux .ux-neworderstage{grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:20px}
body.acp-ux .ux-panelhero{align-items:stretch}
body.acp-ux .ux-panelhero__main{height:auto;align-self:stretch;align-content:center;gap:12px;padding:24px 26px;border-radius:16px;background:var(--ux-card);border:1px solid var(--ux-line);box-shadow:var(--ux-shadow)}
body.acp-ux .ux-panelhero__eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ux-primary)}
body.acp-ux .ux-panelhero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
body.acp-ux .ux-panelhero h1{font-size:clamp(26px,2.3vw,34px);font-weight:700;line-height:1.18;letter-spacing:-.04em;color:var(--ux-text)}
body.acp-ux .ux-panelhero p{max-width:58ch;color:var(--ux-muted);font-size:12px;line-height:1.7}
body.acp-ux .ux-panelhero__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}
body.acp-ux .ux-panelhero__steps>div{min-height:47px;padding:9px;gap:8px;background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:10px}
body.acp-ux .ux-panelhero__steps span{width:25px;height:25px;flex-shrink:0;border-radius:7px;font-size:11px;background:var(--ux-primary-soft);color:var(--ux-primary)}
body.acp-ux .ux-panelhero__steps strong{font-size:10px;line-height:1.4;letter-spacing:0}
body.acp-ux .ux-panelhero__side{display:flex}
body.acp-ux .ux-overviewcard{width:100%;padding:20px;display:grid;gap:17px;align-content:center;background:var(--ux-card)}
body.acp-ux .ux-overviewcard__head{align-items:center;gap:8px}
body.acp-ux .ux-overviewcard__head>div{min-width:0}
body.acp-ux .ux-overviewcard h2{font-size:18px;overflow-wrap:anywhere}
body.acp-ux .ux-overviewcard__head p{margin-top:3px;font-size:11px}
body.acp-ux .ux-overviewcard__head>.ux-btn{border:0!important;padding:0;min-height:32px;background:transparent!important;font-size:10px;max-width:72px;white-space:normal;text-align:right;color:var(--ux-primary)!important}
body.acp-ux .ux-overviewcard__stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}
body.acp-ux .ux-overviewcard__stats>div{padding:10px 8px;background:var(--ux-soft);border:1px solid var(--ux-line);border-radius:10px;min-width:0}
body.acp-ux .ux-overviewcard__stats small{display:block;font-size:8px;letter-spacing:.035em;color:var(--ux-muted);white-space:normal}
body.acp-ux .ux-overviewcard__stats strong{font-size:17px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

/* Buttons/forms */
body.acp-ux .ux-btn{min-height:44px;padding:10px 17px;border-radius:10px;font-size:12px;line-height:1.4;font-weight:700;text-decoration:none}
body.acp-ux .ux-btn--primary{color:#fff;background:#b94d11;border-color:#b94d11;box-shadow:0 2px 3px rgba(128,53,12,.12)}
body.acp-ux .ux-btn--primary:hover{color:#fff;background:#9c3d09;border-color:#9c3d09;box-shadow:0 3px 8px rgba(128,53,12,.15)}
body.acp-ux[data-ux-theme="dark"] .ux-btn--primary{background:#ec914e;border-color:#ec914e;color:#24160c}
body.acp-ux[data-ux-theme="dark"] .ux-btn--primary:hover{background:#ffad71;border-color:#ffad71;color:#24160c}
body.acp-ux .ux-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}
body.acp-ux .ux-btn--ghost{background:var(--ux-card);border-color:var(--ux-line);color:var(--ux-text-2)}
body.acp-ux .ux-btn--ghost:hover{background:var(--ux-soft);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux .ux-form label>span:first-child{font-size:11px;font-weight:700;color:var(--ux-text-2);margin-bottom:5px}
body.acp-ux .ux-form :where(input,select,textarea){min-height:46px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-card);color:var(--ux-text);font:500 13px/1.4 Manrope,Inter,system-ui,sans-serif;box-shadow:none}
body.acp-ux .ux-form :where(input,select,textarea):hover{border-color:var(--ux-line-strong)}
body.acp-ux .ux-form :where(input,select,textarea):focus{border-color:var(--ux-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 12%,transparent);outline:none}
body.acp-ux .ux-form label small{display:block;margin-top:5px;color:var(--ux-muted);font-size:10px;line-height:1.5}

/* Service picker and catalog */
body.acp-ux .ux-neworderstage__main{gap:14px}
body.acp-ux .ux-servicepicker{overflow:hidden}
body.acp-ux .ux-servicepicker__summary{min-height:62px;padding:12px 16px;border:0;border-radius:16px;background:var(--ux-card)}
body.acp-ux .ux-servicepicker__icon{width:36px;height:36px;border-radius:10px;font-size:22px;background:var(--ux-primary-soft);color:var(--ux-primary)}
body.acp-ux .ux-servicepicker__copy strong{font-size:13px}
body.acp-ux .ux-servicepicker__copy small{font-size:11px;color:var(--ux-muted)}
body.acp-ux .ux-servicepicker__hint{font-size:11px}
body.acp-ux .ux-servicepicker__list{max-height:400px;overscroll-behavior:contain}
body.acp-ux .ux-brandrail{padding:12px 10px;gap:10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ux-line-strong) transparent}
body.acp-ux .ux-brandrail__item{width:62px;gap:7px;scroll-snap-align:start}
body.acp-ux .ux-brandrail__item>span{width:44px;height:44px;border-radius:12px}
body.acp-ux .ux-brandrail__item small{font-size:9px;color:var(--ux-muted);max-width:62px;overflow:hidden;text-overflow:ellipsis}
body.acp-ux .ux-brandrail__item.is-active>span{box-shadow:0 0 0 2px var(--ux-primary),0 5px 14px color-mix(in srgb,var(--ux-primary) 16%,transparent)}
body.acp-ux .ux-smartservice__menu{border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card);box-shadow:var(--ux-shadow-raised)}
body.acp-ux .ux-smartservice__item{border-radius:9px}
body.acp-ux .ux-smartservice__item:hover,body.acp-ux .ux-smartservice__item.is-selected{background:var(--ux-primary-soft)}
body.acp-ux .ux-service-fragment{min-height:0}
body.acp-ux .ux-service-fragment.is-loading{opacity:.75;filter:saturate(.8)}
body.acp-ux .ux-related-head{margin-top:2px;align-items:end}
body.acp-ux .ux-related-head h2{font-size:19px;letter-spacing:-.03em}
body.acp-ux .ux-related-head>span{font-size:10px;color:var(--ux-muted);font-variant-numeric:tabular-nums}
body.acp-ux .ux-servicegrid--big{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.acp-ux .ux-service--card{min-height:172px;padding:14px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.acp-ux .ux-service--card:hover{border-color:var(--ux-line-strong);box-shadow:0 8px 24px rgba(23,34,53,.06);transform:translateY(-1px)}
body.acp-ux[data-ux-theme="dark"] .ux-service--card:hover{box-shadow:0 10px 28px rgba(0,0,0,.2)}
body.acp-ux .ux-service__img{width:60px;height:60px;border-radius:12px;overflow:hidden;background:var(--ux-soft);border:1px solid var(--ux-line);flex-shrink:0}
body.acp-ux .ux-service__img img{width:100%;height:100%;object-fit:cover}
body.acp-ux .ux-service__titleline{gap:8px;align-items:flex-start}
body.acp-ux .ux-service__titleline strong{font-size:13px;line-height:1.45;color:var(--ux-text);font-weight:700}
body.acp-ux .ux-service__availability{position:static!important;flex-shrink:0;padding:4px 7px;border-radius:999px;font-size:8px;line-height:1.1;font-weight:700;white-space:nowrap}
body.acp-ux .ux-service__availability.is-in{background:var(--ux-good-soft);color:var(--ux-good)}
body.acp-ux .ux-service__availability.is-out{background:color-mix(in srgb,var(--ux-danger) 9%,var(--ux-card));color:var(--ux-danger)}
body.acp-ux .ux-service__description{font-size:11px;line-height:1.6;color:var(--ux-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.acp-ux .ux-service__meta{font-size:9px;color:var(--ux-muted)}
body.acp-ux .ux-service__foot>b{font-size:15px;font-variant-numeric:tabular-nums}
body.acp-ux .ux-autoload{min-height:46px;padding:10px 0;color:var(--ux-muted);font-size:10px}
body.acp-ux .ux-autoload.is-complete{opacity:.75}
body.acp-ux .ux-catalog-skeleton{height:170px;border:1px solid var(--ux-line);border-radius:14px;background:linear-gradient(90deg,var(--ux-soft) 20%,var(--ux-soft-2) 35%,var(--ux-soft) 50%);background-size:300% 100%;animation:uxShimmer 1.2s linear infinite}
@keyframes uxShimmer{to{background-position:-300% 0}}

/* Orders/account/funds */
body.acp-ux .ux-order{border-color:var(--ux-line);box-shadow:none}
body.acp-ux .ux-order:hover{border-color:var(--ux-line-strong)}
body.acp-ux .ux-order__head strong{font-size:13px}
body.acp-ux .ux-order__meta,body.acp-ux .ux-order small{color:var(--ux-muted)}
body.acp-ux .ux-facts{border-radius:12px;overflow:hidden;border:1px solid var(--ux-line)}
body.acp-ux .ux-facts li{padding:12px 14px;border-bottom:1px solid var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-facts li:last-child{border-bottom:0}
body.acp-ux .ux-facts span{font-size:10px;color:var(--ux-muted)}
body.acp-ux .ux-facts b{font-size:12px;color:var(--ux-text)}
body.acp-ux .ux-check{border-color:var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-check:hover{border-color:var(--ux-line-strong);background:var(--ux-soft)}

/* Modal */
body.acp-ux .ux-modal__box{border:1px solid var(--ux-line);border-radius:18px;background:var(--ux-card);box-shadow:var(--ux-shadow-raised)}
body.acp-ux .ux-modal__box h2{font-size:19px;letter-spacing:-.03em}
body.acp-ux .ux-modal__facts>div{background:var(--ux-soft);border-color:var(--ux-line)}

/* Flash connectivity/loading feedback */
body.acp-ux .ux-fragment-error{border:1px solid color-mix(in srgb,var(--ux-danger) 28%,var(--ux-line));background:color-mix(in srgb,var(--ux-danger) 6%,var(--ux-card));border-radius:12px;color:var(--ux-text)}
body.acp-ux .ux-fragment-error button{border:1px solid var(--ux-line);background:var(--ux-card);color:var(--ux-text);border-radius:8px}

/* Responsive */
@media (max-width:1180px){
  body.acp-ux{--ux-side:196px}
  body.acp-ux .ux-shell{width:min(calc(100% - 32px),var(--ux-max));gap:18px;padding-top:20px}
  body.acp-ux .ux-panelhero,body.acp-ux .ux-neworderstage{grid-template-columns:minmax(0,1fr) 285px}
  body.acp-ux .ux-accountpill__text{display:none}
}
@media (max-width:980px){
  html{scroll-padding-top:78px}
  body.acp-ux .ux-top{min-height:64px;padding:9px 16px}
  body.acp-ux .ux-top__page{display:none}
  body.acp-ux .ux-shell{width:min(calc(100% - 28px),var(--ux-max));padding:18px 0 24px}
  body.acp-ux .ux-side{top:0;width:min(310px,88vw);border-radius:0 16px 16px 0;box-shadow:var(--ux-shadow-raised)}
  body.acp-ux .ux-panelhero,body.acp-ux .ux-neworderstage{grid-template-columns:1fr}
  body.acp-ux .ux-panelhero__side{display:block}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.acp-ux .ux-neworderstage__side{order:2}
  body.acp-ux .ux-sidecard{padding:16px}
}
@media (max-width:760px){
  body.acp-ux{font-size:13px}
  body.acp-ux .ux-top{gap:8px;padding-left:12px;padding-right:12px}
  body.acp-ux .ux-logo__name{display:none}
  body.acp-ux .ux-theme span,body.acp-ux .ux-balance small{display:none}
  body.acp-ux :is(.ux-theme,.ux-fx__btn,.ux-accountpill,.ux-balance){min-width:42px;min-height:42px;padding-left:9px;padding-right:9px}
  body.acp-ux .ux-balance strong{font-size:11px}
  body.acp-ux .ux-shell{width:min(calc(100% - 20px),var(--ux-max));padding-top:12px;gap:14px}
  body.acp-ux .ux-main{gap:14px}
  body.acp-ux .ux-panelhero__main{padding:19px 18px}
  body.acp-ux .ux-panelhero h1{font-size:25px}
  body.acp-ux .ux-panelhero__steps{grid-template-columns:1fr}
  body.acp-ux .ux-panelhero__steps>div{min-height:42px}
  body.acp-ux .ux-overviewcard{padding:16px}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:1fr 1fr}
  body.acp-ux .ux-servicegrid--big{grid-template-columns:1fr}
  body.acp-ux .ux-service--card{min-height:0;padding:12px}
  body.acp-ux .ux-related-head{align-items:flex-start;gap:8px}
  body.acp-ux .ux-related-head>span{align-self:flex-start}
  body.acp-ux .ux-card{padding:16px}
  body.acp-ux .ux-pagehead h1{font-size:24px}
  body.acp-ux .ux-form :where(input,select,textarea){min-height:48px;font-size:16px}
  body.acp-ux .ux-btn{min-height:46px}
  body.acp-ux .ux-modal__box{width:min(calc(100vw - 24px),520px);max-height:calc(100dvh - 24px);overflow:auto}
}
@media (max-width:480px){
  body.acp-ux .ux-top{min-height:60px}
  body.acp-ux .ux-accountpill{display:none}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:1fr 1fr}
  body.acp-ux .ux-brandrail{margin-inline:-10px;padding-inline:10px}
  body.acp-ux .ux-brandrail__item{width:58px}
  body.acp-ux .ux-service__img{width:52px;height:52px}
  body.acp-ux .ux-service__titleline{display:block}
  body.acp-ux .ux-service__availability{display:inline-block;margin-top:5px}
  body.acp-ux .ux-service__foot{gap:8px;align-items:center}
  body.acp-ux .ux-service__foot .ux-btn{min-height:40px;padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body.acp-ux *,body.acp-ux *:before,body.acp-ux *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ===== panel-mobile.css (customer-only build) ===== */
/* AI Pro Control 4.2.3 — final mobile optimization layer.
 * Loaded after all legacy/refined/premium panel styles so narrow-screen rules
 * are predictable without changing desktop layout or panel functionality.
 */

@media (max-width: 899.98px) {
  html { overflow-x: hidden; scroll-padding-top: 76px; }
  body.acp-ux { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  body.acp-ux .ux-top {
    position: sticky;
    top: 0;
    z-index: 9000;
    width: 100%;
    min-height: 64px;
    padding: calc(8px + env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px)) 8px max(12px, env(safe-area-inset-left, 0px));
    gap: 8px;
  }
  body.acp-ux .ux-shell {
    display: block;
    width: min(calc(100% - 20px), var(--ux-max));
    margin-inline: auto;
    padding: 12px 0 max(24px, env(safe-area-inset-bottom, 0px));
  }
  body.acp-ux .ux-main,
  body.acp-ux .ux-card,
  body.acp-ux .ux-order,
  body.acp-ux .ux-neworderstage,
  body.acp-ux .ux-orderworkspace,
  body.acp-ux .ux-funding-layout,
  body.acp-ux .ux-productpage,
  body.acp-ux .ux-api-choice,
  body.acp-ux .ux-smm-grid > * { min-width: 0; }

  /* Drawer: full-height, safe-area aware, comfortable touch targets. */
  body.acp-ux .ux-side {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 8998;
    width: min(86vw, 304px);
    height: 100dvh;
    padding: calc(76px + env(safe-area-inset-top, 0px)) 12px max(18px, env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 0 16px 16px 0;
    -webkit-overflow-scrolling: touch;
  }
  body.acp-ux .ux-side > a { min-height: 46px; }
  body.acp-ux .ux-sideprofile { margin-bottom: 8px; }

  /* Top bar should never wrap or push content wider than viewport. */
  body.acp-ux .ux-burger { flex: 0 0 42px; width: 42px; height: 42px; }
  body.acp-ux .ux-logo { min-width: 0; margin-right: auto; }
  body.acp-ux .ux-logo img { max-width: 116px; max-height: 30px; object-fit: contain; }
  body.acp-ux .ux-logo__name { display: none; }
  body.acp-ux .ux-top__page,
  body.acp-ux .ux-accountpill { display: none !important; }
  body.acp-ux :is(.ux-theme,.ux-fx__btn,.ux-balance) {
    flex: 0 0 auto;
    min-width: 42px;
    min-height: 42px;
    max-width: 92px;
    padding-inline: 9px;
  }
  body.acp-ux .ux-theme span,
  body.acp-ux .ux-balance small { display: none; }
  body.acp-ux .ux-balance strong { max-width: 62px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }

  /* Prevent old removed bottom dock spacing from returning. */
  body.acp-ux .ux-shell { padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)) !important; }

  /* General page rhythm. */
  body.acp-ux .ux-main { gap: 14px; }
  body.acp-ux .ux-card { border-radius: 14px; }
  body.acp-ux .ux-pagehead,
  body.acp-ux .ux-pagehead--tight {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    margin-bottom: 0;
  }
  body.acp-ux .ux-pagehead h1 { font-size: clamp(23px, 7vw, 28px); line-height: 1.16; }
  body.acp-ux .ux-pagehead p { margin-top: 5px; font-size: 12.5px; line-height: 1.55; }
  body.acp-ux .ux-pagehead > .ux-btn { width: 100%; justify-content: center; }
  body.acp-ux .ux-card__head { align-items: flex-start; gap: 9px; flex-wrap: wrap; }
  body.acp-ux .ux-card__head h2 { line-height: 1.28; }

  /* Touch + iOS zoom protection. */
  body.acp-ux :is(input,select,textarea) { max-width: 100%; font-size: 16px !important; }
  body.acp-ux :is(button,.ux-btn,.ux-chips a,.ux-brandrail__item,.ux-funding-method) { touch-action: manipulation; }
  body.acp-ux .ux-btn { min-height: 44px; }
  body.acp-ux textarea { resize: vertical; }

  /* Horizontal filter rows become deliberate swipe areas instead of wrapping badly. */
  body.acp-ux .ux-chips,
  body.acp-ux .ux-brandrail {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.acp-ux .ux-chips::-webkit-scrollbar,
  body.acp-ux .ux-brandrail::-webkit-scrollbar { display: none; }

  /* Dashboard/home. */
  body.acp-ux .ux-home-start,
  body.acp-ux .ux-home-grid,
  body.acp-ux .ux-home-search,
  body.acp-ux .ux-homework { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-home-start { padding: 16px; gap: 16px; }
  body.acp-ux .ux-home-start__links { display: grid; grid-template-columns: 1fr; gap: 8px; }
  body.acp-ux .ux-home-start__links .ux-btn,
  body.acp-ux .ux-home-search button { width: 100%; }
  body.acp-ux .ux-home-orderrows__main,
  body.acp-ux .ux-home-orderrows__side { min-width: 0; }

  /* New order: one clean vertical flow. */
  body.acp-ux .ux-panelhero,
  body.acp-ux .ux-neworderstage,
  body.acp-ux .ux-funding-layout,
  body.acp-ux .ux-productpage,
  body.acp-ux .ux-refgrid,
  body.acp-ux .ux-api-choicegrid,
  body.acp-ux .ux-smm-grid { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-panelhero__main,
  body.acp-ux .ux-overviewcard,
  body.acp-ux .ux-orderworkspace,
  body.acp-ux .ux-sidecard { padding: 15px; }
  body.acp-ux .ux-panelhero h1 { font-size: 25px; line-height: 1.18; }
  body.acp-ux .ux-panelhero__steps,
  body.acp-ux .ux-overviewcard__stats { grid-template-columns: 1fr 1fr !important; }
  body.acp-ux .ux-panelhero__steps > div { min-width: 0; }
  body.acp-ux .ux-cascade-stack .ux-catalogfilter select { min-height: 50px; width: 100%; }
  body.acp-ux .ux-smartservice__toggle { width: 100%; }
  body.acp-ux .ux-smartservice__menu { position: absolute; left: 0; right: 0; max-width: calc(100vw - 36px); }
  body.acp-ux .ux-smartservice__scroll { max-height: 48dvh; }
  body.acp-ux .ux-smartservice__item { min-height: 48px; }
  body.acp-ux .ux-servicegrid--big { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-service--card { grid-template-columns: 48px minmax(0,1fr); min-height: 0; padding: 12px; gap: 10px; }
  body.acp-ux .ux-service--card .ux-service__img,
  body.acp-ux .ux-service--card .ux-service__img img,
  body.acp-ux .ux-service--card .ux-thumbfall { width: 48px; height: 48px; }
  body.acp-ux .ux-service__body { min-width: 0; }
  body.acp-ux .ux-service__description { overflow-wrap: anywhere; }
  body.acp-ux .ux-service__foot { flex-wrap: wrap; align-items: center; gap: 8px; }
  body.acp-ux .ux-service__foot .ux-btn { margin-left: auto; }
  body.acp-ux .ux-selected-service { grid-template-columns: 1fr !important; gap: 10px; }
  body.acp-ux .ux-selected-service__aside { justify-items: start !important; white-space: normal; }
  body.acp-ux .ux-buyform--inline { padding: 12px; }
  body.acp-ux .ux-stickybar { position: static; }

  /* Product/order form. */
  body.acp-ux .ux-productpage--readable { grid-template-columns: 1fr !important; gap: 12px; }
  body.acp-ux .ux-productinfo,
  body.acp-ux .ux-productbuy { padding: 15px; }
  body.acp-ux .ux-productbuy { position: static !important; }
  body.acp-ux .ux-productintro { align-items: flex-start; gap: 12px; }
  body.acp-ux .ux-productintro h1 { font-size: 22px; line-height: 1.2; overflow-wrap: anywhere; }
  body.acp-ux .ux-productfacts,
  body.acp-ux .ux-plans,
  body.acp-ux .ux-buyform__section--qty { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-qty { width: 100%; }
  body.acp-ux .ux-buyform .ux-btn--block { width: 100%; }

  /* Orders: cards should read top-to-bottom, never squeeze status/buttons. */
  body.acp-ux .ux-orderstats {
    display: grid;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(190px, 78%);
    gap: 10px;
    overflow-x: auto;
    padding: 1px 1px 5px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  body.acp-ux .ux-orderstats::-webkit-scrollbar { display: none; }
  body.acp-ux .ux-orderstats > * { scroll-snap-align: start; }
  body.acp-ux .ux-ordertoolbar { display: block; min-height: 0; }
  body.acp-ux .ux-ordersearch { width: 100%; min-width: 0 !important; }
  body.acp-ux .ux-ordersearch input { width: 100%; min-height: 46px; }
  body.acp-ux .ux-order summary {
    grid-template-columns: auto minmax(0,1fr) auto;
    grid-template-areas:
      "id name total"
      "status status status"
      "cta cta cta";
    align-items: center;
    gap: 8px 10px;
    padding: 12px;
  }
  body.acp-ux .ux-order__id { grid-area: id; font-size: 18px; }
  body.acp-ux .ux-order__name { grid-area: name; min-width: 0; }
  body.acp-ux .ux-order__name strong { display: block; overflow-wrap: anywhere; white-space: normal; }
  body.acp-ux .ux-order__total { grid-area: total; font-size: 15px; white-space: nowrap; }
  body.acp-ux .ux-order summary > .ux-tag { grid-area: status; justify-self: start; }
  body.acp-ux .ux-order__cta { grid-area: cta; width: 100%; justify-content: flex-start; }
  body.acp-ux .ux-order__cta .ux-btn,
  body.acp-ux .ux-order__view { width: 100%; justify-content: center; }
  body.acp-ux .ux-order__body { padding: 12px; }
  body.acp-ux .ux-order__steps { gap: 4px; padding: 10px; }
  body.acp-ux .ux-order__steps span { font-size: 9px; }
  body.acp-ux .ux-table { width: 100%; table-layout: fixed; }
  body.acp-ux .ux-table td { vertical-align: top; overflow-wrap: anywhere; }
  body.acp-ux .ux-table td:first-child { width: 68%; padding-right: 10px; }
  body.acp-ux .ux-table td:last-child { width: 32%; }
  body.acp-ux .ux-delivery { overflow: hidden; }
  body.acp-ux .ux-delivery pre,
  body.acp-ux .ux-delivery .acp-stockgroup pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; word-break: break-word; }

  /* Funding/history/support/account/referrals. */
  body.acp-ux .ux-fundsgrid { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-funds-simple-head { display: grid; gap: 10px; }
  body.acp-ux .ux-funds-simple-head__actions { width: 100%; display: grid; grid-template-columns: 1fr; gap: 8px; }
  body.acp-ux .ux-funds-balance-chip { width: 100%; }
  body.acp-ux .ux-funding-main,
  body.acp-ux .ux-funding-help,
  body.acp-ux .ux-funding-history { padding: 15px; }
  body.acp-ux .ux-funding-methods { grid-template-columns: 1fr 1fr !important; }
  body.acp-ux .ux-funding-method { min-width: 0; min-height: 76px; padding: 11px; }
  body.acp-ux .ux-funding-amountrow { grid-template-columns: minmax(0,1fr) 86px !important; gap: 8px; }
  body.acp-ux .ux-orderlist > li,
  body.acp-ux .ux-orderlist > li > a { min-width: 0; }
  body.acp-ux .ux-orderlist__main strong { white-space: normal; overflow-wrap: anywhere; }
  body.acp-ux .ux-thread { min-width: 0; }
  body.acp-ux .ux-msg { max-width: 94%; overflow-wrap: anywhere; }
  body.acp-ux .ux-refcopy,
  body.acp-ux .ux-refshare,
  body.acp-ux .ux-refcompact__stats { grid-template-columns: 1fr !important; }

  /* Reseller/API docs: no code/table can make the page wider than the phone. */
  body.acp-ux .ux-api-choicegrid,
  body.acp-ux .ux-smm-quick { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-api-key { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
  body.acp-ux .ux-api-key input { width: 100%; min-width: 0; }
  body.acp-ux .ux-api-key .ux-btn { width: 100%; }
  body.acp-ux .ux-api-wrap,
  body.acp-ux .ux-smm-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body.acp-ux .ux-api-table,
  body.acp-ux .ux-smm-table { min-width: 560px; }
  body.acp-ux .ux-api-code,
  body.acp-ux .ux-smm-code,
  body.acp-ux pre,
  body.acp-ux code { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
  body.acp-ux .ux-api-code,
  body.acp-ux .ux-smm-code { overflow-x: auto; white-space: pre-wrap; }
  body.acp-ux .ux-api-choice__actions,
  body.acp-ux .ux-smm-actions,
  body.acp-ux .ux-plancard__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  body.acp-ux .ux-api-choice__actions .ux-btn,
  body.acp-ux .ux-smm-actions .ux-btn,
  body.acp-ux .ux-plancard__actions .ux-btn { width: 100%; justify-content: center; }

  /* Modal/flash safety. */
  body.acp-ux .ux-flash { overflow-wrap: anywhere; }
  body.acp-ux .ux-modal__box { width: min(calc(100vw - 20px), 520px); max-height: calc(100dvh - 20px); overflow: auto; }
}

@media (max-width: 520px) {
  body.acp-ux .ux-shell { width: calc(100% - 16px); padding-top: 9px; }
  body.acp-ux .ux-main { gap: 11px; }
  body.acp-ux .ux-card,
  body.acp-ux .ux-panelhero__main,
  body.acp-ux .ux-overviewcard,
  body.acp-ux .ux-orderworkspace,
  body.acp-ux .ux-sidecard,
  body.acp-ux .ux-productinfo,
  body.acp-ux .ux-productbuy,
  body.acp-ux .ux-funding-main,
  body.acp-ux .ux-funding-help,
  body.acp-ux .ux-funding-history { padding: 13px; }

  body.acp-ux .ux-top { gap: 6px; padding-left: 8px; padding-right: 8px; }
  body.acp-ux .ux-logo img { max-width: 96px; }
  body.acp-ux :is(.ux-theme,.ux-fx__btn,.ux-balance) { min-width: 40px; min-height: 40px; padding-inline: 7px; }
  body.acp-ux .ux-fx__btn svg { width: 13px; }
  body.acp-ux .ux-balance { display: none !important; }

  body.acp-ux .ux-panelhero__steps,
  body.acp-ux .ux-overviewcard__stats { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-panelhero h1 { font-size: 23px; }
  body.acp-ux .ux-pagehead h1 { font-size: 23px; }

  body.acp-ux .ux-service--card { grid-template-columns: 42px minmax(0,1fr); padding: 11px; }
  body.acp-ux .ux-service--card .ux-service__img,
  body.acp-ux .ux-service--card .ux-service__img img,
  body.acp-ux .ux-service--card .ux-thumbfall { width: 42px; height: 42px; }
  body.acp-ux .ux-service__foot { grid-column: 1 / -1; }
  body.acp-ux .ux-service__foot .ux-btn { width: 100%; margin-left: 0; justify-content: center; }

  body.acp-ux .ux-order summary {
    grid-template-columns: auto minmax(0,1fr);
    grid-template-areas:
      "id total"
      "name name"
      "status status"
      "cta cta";
  }
  body.acp-ux .ux-order__total { justify-self: end; }
  body.acp-ux .ux-order__steps { grid-template-columns: repeat(3,minmax(0,1fr)); }

  body.acp-ux .ux-funding-methods { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-funding-amountrow { grid-template-columns: 1fr !important; }
  body.acp-ux .ux-funding-currency { width: 100%; }

  body.acp-ux .ux-orderlist > li,
  body.acp-ux .ux-orderlist > li > a {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-items: start;
    gap: 6px;
  }
  body.acp-ux .ux-orderlist__side { justify-items: start; }

  body.acp-ux .ux-smartservice__menu { max-width: calc(100vw - 24px); }
  body.acp-ux .ux-smartservice__item { grid-template-columns: minmax(0,1fr); }
  body.acp-ux .ux-smartservice__item > b { white-space: normal; }
}

@media (max-width: 380px) {
  body.acp-ux .ux-logo img { max-width: 82px; }
  body.acp-ux .ux-fx__btn { min-width: 38px; padding-inline: 6px; font-size: 11px; }
  body.acp-ux .ux-theme { min-width: 38px; width: 38px; }
  body.acp-ux .ux-burger { flex-basis: 40px; width: 40px; height: 40px; }
}

/* Customer panel: improve hierarchy, touch targets and narrow layouts. */
body.acp-ux .ux-btn,
body.acp-ux button,
body.acp-ux select,
body.acp-ux input,
body.acp-ux textarea { -webkit-tap-highlight-color:transparent; }
body.acp-ux :where(.ux-btn,button) { min-height:42px; }
body.acp-ux .ux-btn--sm { min-height:38px; }
body.acp-ux .ux-card,
body.acp-ux .ux-orderworkspace,
body.acp-ux .ux-home-start,
body.acp-ux .ux-overviewcard,
body.acp-ux .ux-servicepicker { box-shadow:var(--ux-shadow); }
body.acp-ux .ux-card__head { gap:14px; }
body.acp-ux .ux-card__head > a { color:var(--ux-primary); font-weight:700; white-space:nowrap; }
body.acp-ux .ux-card__head > a:hover { text-decoration:underline; }
body.acp-ux .ux-home-search input,
body.acp-ux .ux-search input,
body.acp-ux .ux-servicepicker__search input { min-height:48px; }
body.acp-ux .ux-home-search button,
body.acp-ux .ux-search button { min-width:48px; min-height:48px; }
body.acp-ux .ux-catalogfilter select,
body.acp-ux .ux-stock-filter select { min-height:44px; }
body.acp-ux .ux-servicepicker__summary { min-height:62px; }
body.acp-ux .ux-brandrail { scrollbar-width:thin; padding-bottom:5px; }
body.acp-ux .ux-brandrail__item { min-width:68px; min-height:70px; }
body.acp-ux .ux-service--card { transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
body.acp-ux .ux-service--card:hover { transform:translateY(-1px); box-shadow:var(--ux-shadow-raised); }
body.acp-ux .ux-order summary { min-height:66px; }
body.acp-ux .ux-order summary:focus-visible,
body.acp-ux .ux-servicepicker__summary:focus-visible { outline:3px solid var(--ux-primary); outline-offset:2px; }
body.acp-ux .ux-flash { overflow-wrap:anywhere; }
body.acp-ux .ux-buyform input,
body.acp-ux .ux-buyform select,
body.acp-ux .ux-buyform textarea { min-height:44px; }
body.acp-ux .ux-qty input { text-align:center; }

@media (max-width: 899.98px) {
  body.acp-ux .ux-top__page { min-width:0; padding-left:10px; overflow:hidden; }
  body.acp-ux .ux-top__page strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  body.acp-ux .ux-top__spacer { flex:1 1 auto; min-width:0; }
  body.acp-ux .ux-connection { display:none; }
  body.acp-ux .ux-side { box-shadow:0 20px 55px rgba(0,0,0,.22); }
  body.acp-ux .ux-main { gap:14px; }
  body.acp-ux .ux-pagehead h1 { font-size:26px; }
  body.acp-ux .ux-panelhero__steps > div { min-height:52px; }
  body.acp-ux .ux-home-start,
  body.acp-ux .ux-home-active,
  body.acp-ux .ux-card,
  body.acp-ux .ux-orderworkspace,
  body.acp-ux .ux-panelhero__main,
  body.acp-ux .ux-overviewcard { border-radius:14px; }
}
@media (max-width: 560px) {
  body.acp-ux .ux-pagehead h1 { font-size:23px; }
  body.acp-ux .ux-home-start__copy h1 { font-size:27px; }
  body.acp-ux .ux-panelhero h1 { font-size:27px; }
  body.acp-ux .ux-panelhero__steps { gap:6px; }
  body.acp-ux .ux-panelhero__steps > div { padding:8px 7px; }
  body.acp-ux .ux-panelhero__steps strong { font-size:9px; }
  body.acp-ux .ux-brandrail__item { min-width:62px; }
  body.acp-ux .ux-card__head { flex-wrap:wrap; }
  body.acp-ux .ux-card__head > a { margin-left:auto; }
  body.acp-ux .ux-home-search { grid-template-columns:minmax(0,1fr); }
  body.acp-ux .ux-home-search button { width:100%; }
  body.acp-ux .ux-stock-filter,
  body.acp-ux .ux-cascade-stack { grid-template-columns:1fr!important; }
  body.acp-ux .ux-stock-filter .ux-btn { width:100%; }
  body.acp-ux .ux-buyform__section--qty,
  body.acp-ux .ux-orderquote { padding-inline:0; }
  body.acp-ux .ux-service--card { grid-template-columns:46px minmax(0,1fr); }
  body.acp-ux .ux-service--card .ux-service__img,
  body.acp-ux .ux-service--card .ux-service__img img,
  body.acp-ux .ux-service--card .ux-thumbfall { width:46px; height:46px; }
  body.acp-ux .ux-btn--lg { min-height:48px; }
}
@media (max-width: 380px) {
  body.acp-ux .ux-top__page { display:none; }
  body.acp-ux .ux-logo__name { max-width:92px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  body.acp-ux .ux-panelhero__steps { grid-template-columns:1fr; }
  body.acp-ux .ux-panelhero__steps > div { display:flex; align-items:center; }
}

@media (prefers-reduced-motion:reduce) {
  body.acp-ux * { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* 4.3.4 — panel-only smoothness touches. */
body.acp-ux .ux-side,body.acp-ux .ux-smartservice__scroll,body.acp-ux .ux-servicepicker__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (hover:none),(pointer:coarse){body.acp-ux .ux-service--card:hover{transform:none;box-shadow:none}body.acp-ux :where(.ux-btn,button,a,summary){-webkit-tap-highlight-color:transparent}}

/* 4.4.0 — owner-only customer-view safety bar. */
.acp-impersonation-bar{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:var(--ux-primary,#b94d11);color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.14)}
.acp-impersonation-bar>div{display:flex;align-items:baseline;gap:10px;min-width:0}.acp-impersonation-bar strong{font-size:13px;white-space:nowrap}.acp-impersonation-bar span{font-size:12px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acp-impersonation-bar form{margin:0}.acp-impersonation-bar button{border:1px solid rgba(255,255,255,.42);background:#fff;color:#111827;border-radius:10px;padding:8px 12px;font:700 12px/1.1 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
@media(max-width:700px){.acp-impersonation-bar{align-items:flex-start;padding:10px 12px}.acp-impersonation-bar>div{display:block}.acp-impersonation-bar span{display:block;margin-top:2px;white-space:normal}.acp-impersonation-bar button{padding:8px 10px}}