/* AI Pro Control 4.4.15 — /panel visual-system repair.
 * Loaded last on customer-panel routes. This file intentionally normalizes
 * the older bundled panel skins into one predictable responsive system.
 */

/* --------------------------------------------------------------------------
   Foundation
   -------------------------------------------------------------------------- */
body.acp-ux{
  --ux-font:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --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:#b94d11;
  --ux-primary-hover:#963b0b;
  --ux-primary-soft:#fff2e9;
  --ux-success:#067647;
  --ux-success-soft:#ecfdf3;
  --ux-warn:#b54708;
  --ux-warn-soft:#fffaeb;
  --ux-danger:#b42318;
  --ux-danger-soft:#fef3f2;
  --ux-info:#175cd3;
  --ux-info-soft:#eff8ff;
  --ux-shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --ux-shadow-md:0 8px 24px rgba(16,24,40,.06);
  --ux-shadow-lg:0 18px 48px rgba(16,24,40,.12);
  --ux-radius-xs:8px;
  --ux-radius-sm:10px;
  --ux-radius-md:14px;
  --ux-radius-lg:18px;
  --ux-max:1320px;
  --ux-side:232px;
  min-height:100dvh;
  background:var(--ux-bg);
  color:var(--ux-text);
  font-family:var(--ux-font);
  font-size:14px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.acp-ux *{box-sizing:border-box}
body.acp-ux :where(button,input,select,textarea){font-family:var(--ux-font)}
body.acp-ux :where(h1,h2,h3,h4,h5,h6){font-family:var(--ux-font);font-weight:800;letter-spacing:-.03em;line-height:1.2}
body.acp-ux :where(p,li,dd,dt){line-height:1.6}
body.acp-ux :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--ux-primary) 25%,transparent);outline-offset:2px}
body.acp-ux :where(code,pre,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
body.acp-ux :where(.ux-card,.ux-order,.ux-orderworkspace,.ux-sidecard,.ux-overviewcard,.ux-productinfo,.ux-productbuy,.ux-funding-main,.ux-funding-history,.ux-refcompact,.ux-api-wrap,.ux-smm-wrap){min-width:0}
body.acp-ux :where(.ux-card,.ux-orderworkspace,.ux-order,.ux-msg,.ux-prose,.ux-table td,.ux-table th,.ux-api-table td,.ux-smm-table td){overflow-wrap:anywhere}
body.acp-ux .ux-muted{color:var(--ux-muted);font-size:13px}
body.acp-ux .ux-prose{color:var(--ux-text-2);font-size:13.5px;line-height:1.75}
body.acp-ux .ux-prose :where(p,ul,ol){margin-top:0;margin-bottom:12px}
body.acp-ux .ux-prose :where(h2,h3,h4){margin:20px 0 8px;color:var(--ux-text)}
body.acp-ux .ux-prose a{color:var(--ux-primary);text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-link{color:var(--ux-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-back{display:inline-flex;align-items:center;gap:7px;width:max-content;color:var(--ux-text-2);font-size:12.5px;font-weight:700}
body.acp-ux .ux-back:hover{color:var(--ux-primary)}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
body.acp-ux .ux-top{
  position:sticky;top:0;z-index:9000;
  min-height:70px;
  display:flex;align-items:center;gap:10px;
  padding:10px max(18px,calc((100vw - var(--ux-max))/2));
  background:color-mix(in srgb,var(--ux-card) 94%,transparent);
  border-bottom:1px solid var(--ux-line);
  box-shadow:0 1px 0 rgba(16,24,40,.015);
  backdrop-filter:blur(14px);
}
body.acp-ux .ux-logo{display:inline-flex;align-items:center;gap:9px;min-width:0;flex:0 0 auto}
body.acp-ux .ux-logo img{max-width:145px;max-height:34px;width:auto;height:auto;object-fit:contain}
body.acp-ux .ux-logo__mark{width:34px;height:34px;border-radius:10px;background:var(--ux-text);font-size:13px}
body.acp-ux .ux-logo__name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;letter-spacing:-.025em}
body.acp-ux .ux-top__page{min-width:0;padding-left:16px;border-left:1px solid var(--ux-line)}
body.acp-ux .ux-top__page strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--ux-text-2)}
body.acp-ux .ux-top__spacer{flex:1 1 auto;min-width:8px}
body.acp-ux .ux-burger{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-burger:hover{border-color:var(--ux-line-strong);background:var(--ux-soft)}
body.acp-ux .ux-theme,
body.acp-ux .ux-fx__btn,
body.acp-ux .ux-balance,
body.acp-ux .ux-accountpill{min-height:42px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-theme,body.acp-ux .ux-fx__btn{font-size:12px;font-weight:700;color:var(--ux-text-2)}
body.acp-ux .ux-theme:hover,body.acp-ux .ux-fx__btn:hover,body.acp-ux .ux-accountpill:hover,body.acp-ux .ux-balance:hover{border-color:var(--ux-line-strong);background:var(--ux-soft)}
body.acp-ux .ux-theme svg{width:17px;height:17px}
body.acp-ux .ux-fx{margin-left:0;position:relative}
body.acp-ux .ux-fx__menu{top:calc(100% + 8px);min-width:128px;padding:6px;border-radius:12px;border-color:var(--ux-line);background:var(--ux-card);box-shadow:var(--ux-shadow-lg)}
body.acp-ux .ux-fx__menu button{min-height:38px;font-size:12.5px;font-weight:650}
body.acp-ux .ux-balance{gap:8px;padding:5px 6px 5px 11px}
body.acp-ux .ux-balance small{font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;color:var(--ux-muted)}
body.acp-ux .ux-balance strong{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-balance i{width:28px;height:28px;border-radius:8px;background:var(--ux-primary);color:#fff}
body.acp-ux .ux-accountpill{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;max-width:190px}
body.acp-ux .ux-accountpill__avatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px;overflow:hidden;background:var(--ux-soft);border:1px solid var(--ux-line)}
body.acp-ux .ux-accountpill__avatar img{width:100%;height:100%;object-fit:cover}
body.acp-ux .ux-accountpill__text{min-width:0}
body.acp-ux .ux-accountpill__text strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}

/* --------------------------------------------------------------------------
   Shell + sidebar
   -------------------------------------------------------------------------- */
body.acp-ux .ux-shell{width:min(calc(100% - 36px),var(--ux-max));margin:0 auto;display:grid;grid-template-columns:var(--ux-side) minmax(0,1fr);gap:24px;padding:24px 0 52px}
body.acp-ux .ux-main{min-width:0;display:grid;gap:18px;align-content:start}
body.acp-ux .ux-side{
  position:sticky;top:94px;height:max-content;max-height:calc(100dvh - 112px);overflow:auto;
  display:grid;gap:4px;padding:10px;
  border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm);
  scrollbar-width:thin;scrollbar-color:var(--ux-line-strong) transparent;
}
body.acp-ux .ux-sideprofile{padding:5px 5px 15px;margin-bottom:4px;border-bottom:1px solid var(--ux-line)}
body.acp-ux .ux-sideprofile__head{display:flex;align-items:center;gap:10px;min-width:0}
body.acp-ux .ux-sideprofile__avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;overflow:hidden;background:var(--ux-soft);border:1px solid var(--ux-line)}
body.acp-ux .ux-sideprofile__avatar img{width:100%;height:100%;object-fit:cover}
body.acp-ux .ux-sideprofile__head>div{min-width:0}
body.acp-ux .ux-sideprofile__head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800}
body.acp-ux .ux-sideprofile__head a{display:block;margin-top:1px;color:var(--ux-muted);font-size:11.5px;font-weight:600}
body.acp-ux .ux-sideprofile__head a:hover{color:var(--ux-primary)}
body.acp-ux .ux-nav-label{display:block;padding:10px 10px 4px;color:var(--ux-faint);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.acp-ux .ux-side>a{min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:var(--ux-text-2);font-size:13px;font-weight:650;line-height:1.25}
body.acp-ux .ux-side>a svg{width:18px;height:18px;flex:0 0 18px;stroke-width:1.8}
body.acp-ux .ux-side>a:hover{background:var(--ux-soft);color:var(--ux-text)}
body.acp-ux .ux-side>a.is-active{background:var(--ux-primary-soft);color:var(--ux-primary);font-weight:750;box-shadow:inset 3px 0 var(--ux-primary)}
body.acp-ux .ux-side__break{margin-top:8px;padding-top:11px!important;border-top:1px solid var(--ux-line);border-radius:0 0 10px 10px!important}
body.acp-ux .ux-side__store{margin-top:8px;padding-top:11px!important;border-top:1px solid var(--ux-line);border-radius:0 0 10px 10px!important}
body.acp-ux .ux-side__out{color:#912018!important}
body.acp-ux .ux-side__out:hover{background:var(--danger-soft,#fef3f2)!important;color:var(--ux-danger)!important}
body.acp-ux .ux-side-close{display:none}

/* --------------------------------------------------------------------------
   Page chrome, cards, states
   -------------------------------------------------------------------------- */
body.acp-ux .ux-pagehead,body.acp-ux .ux-hello,body.acp-ux .ux-funds-simple-head,body.acp-ux .ux-ref-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 0 2px}
body.acp-ux .ux-pagehead>div,body.acp-ux .ux-funds-simple-head>div{min-width:0}
body.acp-ux .ux-pagehead h1,body.acp-ux .ux-hello h1,body.acp-ux .ux-funds-simple-head h1,body.acp-ux .ux-ref-pagehead h1{font-size:clamp(27px,2.7vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.14}
body.acp-ux .ux-pagehead p,body.acp-ux .ux-hello span,body.acp-ux .ux-funds-simple-head p{max-width:780px;margin-top:6px;color:var(--ux-muted);font-size:13px;line-height:1.55}
body.acp-ux .ux-pagehead--tight{margin-bottom:0}
body.acp-ux .ux-card,
body.acp-ux .ux-home-start,
body.acp-ux .ux-orderworkspace,
body.acp-ux .ux-sidecard,
body.acp-ux .ux-overviewcard,
body.acp-ux .ux-servicepicker,
body.acp-ux .ux-productinfo,
body.acp-ux .ux-productbuy,
body.acp-ux .ux-funding-main,
body.acp-ux .ux-funding-history,
body.acp-ux .ux-refcompact{
  border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm);
}
body.acp-ux .ux-card{padding:20px}
body.acp-ux .ux-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
body.acp-ux .ux-card__head>div{min-width:0}
body.acp-ux .ux-card__head h2,body.acp-ux .ux-sidecard h2{font-size:17px;font-weight:800;letter-spacing:-.025em;line-height:1.3}
body.acp-ux .ux-card__head>a{flex:0 0 auto;color:var(--ux-primary);font-size:12px;font-weight:700;text-decoration:none}
body.acp-ux .ux-card__head>a:hover{text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-empty{display:grid;justify-items:center;gap:10px;padding:34px 18px;text-align:center;color:var(--ux-muted)}
body.acp-ux .ux-empty p{max-width:560px;font-size:13px;line-height:1.65}
body.acp-ux .ux-flash,body.acp-ux .ux-alert{padding:12px 14px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-card);font-size:12.5px;line-height:1.55;box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-flash--ok{border-color:#abefc6;background:var(--ux-success-soft);color:#05603a}
body.acp-ux .ux-flash--warn{border-color:#fedf89;background:var(--ux-warn-soft);color:#93370d}
body.acp-ux .ux-flash--error{border-color:#fecdca;background:var(--ux-danger-soft);color:var(--ux-danger)}

/* Buttons */
body.acp-ux .ux-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--ux-line);border-radius:10px;font-size:12.5px;font-weight:700;line-height:1.25;letter-spacing:0;text-align:center;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
body.acp-ux .ux-btn:hover{transform:none}
body.acp-ux .ux-btn--sm{min-height:38px;padding:8px 12px;font-size:11.5px}
body.acp-ux .ux-btn--lg{min-height:48px;padding:11px 17px;font-size:13.5px}
body.acp-ux .ux-btn--block{width:100%}
body.acp-ux .ux-btn--primary{background:var(--ux-primary);border-color:var(--ux-primary);color:#fff;box-shadow:0 2px 5px rgba(145,64,17,.14)}
body.acp-ux .ux-btn--primary:hover{background:var(--ux-primary-hover);border-color:var(--ux-primary-hover);color:#fff;box-shadow:0 4px 12px rgba(145,64,17,.17)}
body.acp-ux .ux-btn--ghost{background:var(--ux-card);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux .ux-btn--ghost:hover{background:var(--ux-soft);border-color:#b8c0cc;color:var(--ux-text)}
body.acp-ux .ux-btn:disabled,body.acp-ux .ux-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;box-shadow:none}

/* Tags / chips */
body.acp-ux .ux-tag{min-height:26px;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-soft);color:var(--ux-text-2);font-size:10.5px;font-weight:750;line-height:1.15;letter-spacing:0;text-transform:none;white-space:nowrap}
body.acp-ux .ux-tag--ok{background:var(--ux-success-soft);border-color:#abefc6;color:#067647}
body.acp-ux .ux-tag--warn{background:var(--ux-warn-soft);border-color:#fedf89;color:#b54708}
body.acp-ux .ux-tag--bad,body.acp-ux .ux-tag--error{background:var(--ux-danger-soft);border-color:#fecdca;color:#b42318}
body.acp-ux .ux-tag--info{background:var(--ux-info-soft);border-color:#b2ddff;color:#175cd3}
body.acp-ux .ux-tag--mute{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-muted)}
body.acp-ux .ux-chips{display:flex;gap:7px;flex-wrap:wrap}
body.acp-ux .ux-chips a,body.acp-ux .ux-chips button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-card);color:var(--ux-text-2);font-size:11.5px;font-weight:700}
body.acp-ux .ux-chips :is(a,button):hover{border-color:var(--ux-line-strong);background:var(--ux-soft)}
body.acp-ux .ux-chips .is-active{border-color:color-mix(in srgb,var(--ux-primary) 35%,var(--ux-line));background:var(--ux-primary-soft);color:var(--ux-primary)}

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
body.acp-ux .ux-form{display:grid;gap:14px}
body.acp-ux .ux-form label{display:grid;gap:6px;min-width:0}
body.acp-ux .ux-form label>span:first-child,
body.acp-ux .ux-buyform__label,
body.acp-ux .ux-service-email>span,
body.acp-ux .ux-qty>span,
body.acp-ux .ux-shortfall__label{color:var(--ux-text-2);font-size:11.5px;font-weight:700;letter-spacing:0;text-transform:none}
body.acp-ux .ux-form :where(input,select,textarea),
body.acp-ux :where(.ux-input,.ux-service-email input,.ux-provider-input input,.ux-ordersearch input){width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-card);color:var(--ux-text);font-size:13.5px;font-weight:500;line-height:1.4;outline:0;box-shadow:none}
body.acp-ux .ux-form textarea{min-height:116px;resize:vertical}
body.acp-ux :where(.ux-form input,.ux-form select,.ux-form textarea,.ux-input,.ux-service-email input,.ux-provider-input input,.ux-ordersearch input):hover{border-color:#b7c0cc}
body.acp-ux :where(.ux-form input,.ux-form select,.ux-form textarea,.ux-input,.ux-service-email input,.ux-provider-input input,.ux-ordersearch input):focus{border-color:var(--ux-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 12%,transparent)}
body.acp-ux .ux-form label small,body.acp-ux .ux-buyform__note,body.acp-ux .ux-shortfall small,body.acp-ux .ux-fxnote{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-form__foot{color:var(--ux-muted);font-size:11.5px;line-height:1.55;text-align:center}
body.acp-ux .ux-form__static{min-height:46px;padding:10px 12px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft)}
body.acp-ux .ux-form__static span{font-size:11px;color:var(--ux-muted);text-transform:none}
body.acp-ux .ux-form__static strong{font-size:12.5px}
body.acp-ux .ux-check{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:start!important;gap:10px!important;padding:10px 0;border-bottom:1px solid var(--ux-line);font-size:12.5px;line-height:1.5}
body.acp-ux .ux-check input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0 0;accent-color:var(--ux-primary)}
body.acp-ux .ux-check strong{font-size:12.5px;font-weight:700}
body.acp-ux .ux-check small{font-size:11.5px;color:var(--ux-muted)}
body.acp-ux .ux-check--compact{border-bottom:0;padding:2px 0}
body.acp-ux .ux-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* --------------------------------------------------------------------------
   Dashboard
   -------------------------------------------------------------------------- */
body.acp-ux .ux-homework{display:grid;gap:16px}
body.acp-ux .ux-home-start{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.65fr);gap:22px;padding:24px}
body.acp-ux .ux-home-start__copy{min-width:0;display:grid;align-content:center;gap:11px}
body.acp-ux .ux-dashsection__eyebrow{display:block;color:var(--ux-primary);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
body.acp-ux .ux-home-start__copy h1{font-size:clamp(30px,3vw,38px);font-weight:800;letter-spacing:-.045em;line-height:1.1}
body.acp-ux .ux-home-start__copy>p{color:var(--ux-muted);font-size:13.5px;line-height:1.55}
body.acp-ux .ux-home-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:720px;padding:5px;border:1px solid var(--ux-line-strong);border-radius:13px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-home-search:focus-within{border-color:var(--ux-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 10%,transparent)}
body.acp-ux .ux-home-search input{min-width:0;min-height:46px;padding:0 11px;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13.5px;color:var(--ux-text);outline:0}
body.acp-ux .ux-home-search button{min-height:46px;padding:0 15px;border:0;border-radius:9px;background:var(--ux-primary);color:#fff;font-size:12px;font-weight:700;cursor:pointer}
body.acp-ux .ux-home-search button:hover{background:var(--ux-primary-hover)}
body.acp-ux .ux-home-start__links{display:flex;flex-wrap:wrap;gap:14px}
body.acp-ux .ux-home-start__links a{color:var(--ux-primary);font-size:12.5px;font-weight:700}
body.acp-ux .ux-home-start__links a:hover{text-decoration:underline;text-underline-offset:3px}
body.acp-ux .ux-home-wallet{align-self:stretch;display:grid;align-content:center;gap:9px;padding:18px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-soft)}
body.acp-ux .ux-home-wallet>span{color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.acp-ux .ux-home-wallet>strong{font-size:30px;font-weight:800;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
body.acp-ux .ux-home-wallet>div{display:flex;gap:7px;flex-wrap:wrap}
body.acp-ux .ux-home-wallet p{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-home-active{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #fedf89;border-radius:14px;background:var(--ux-warn-soft)}
body.acp-ux .ux-home-active--ready{border-color:#abefc6;background:var(--ux-success-soft)}
body.acp-ux .ux-home-active>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center}
body.acp-ux .ux-home-active .ux-tag{grid-row:1/3}
body.acp-ux .ux-home-active strong{font-size:13.5px;font-weight:750;min-width:0}
body.acp-ux .ux-home-active small{color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
body.acp-ux .ux-home-empty{padding:26px 10px;text-align:left;justify-items:start}
body.acp-ux .ux-home-empty strong{font-size:14px;font-weight:800;color:var(--ux-text)}
body.acp-ux .ux-home-empty p{font-size:12.5px;color:var(--ux-muted)}
body.acp-ux .ux-home-orderrows,body.acp-ux .ux-home-servicelist{display:grid}
body.acp-ux .ux-home-orderrows>a,body.acp-ux .ux-home-servicelist>a{min-height:64px;display:grid;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--ux-line)}
body.acp-ux .ux-home-orderrows>a{grid-template-columns:minmax(0,1fr) auto}
body.acp-ux .ux-home-servicelist>a{grid-template-columns:40px minmax(0,1fr) auto}
body.acp-ux .ux-home-orderrows>a:first-child,body.acp-ux .ux-home-servicelist>a:first-child{border-top:0}
body.acp-ux .ux-home-orderrows>a:hover,body.acp-ux .ux-home-servicelist>a:hover{background:linear-gradient(90deg,transparent,var(--ux-soft),transparent)}
body.acp-ux .ux-home-orderrows__main,body.acp-ux .ux-home-servicelist>a>span:nth-child(2){min-width:0;display:grid;gap:2px}
body.acp-ux .ux-home-orderrows__main strong,body.acp-ux .ux-home-servicelist strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}
body.acp-ux .ux-home-orderrows__main small,body.acp-ux .ux-home-servicelist small{color:var(--ux-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.acp-ux .ux-home-orderrows__side{display:grid;justify-items:end;gap:5px}
body.acp-ux .ux-home-orderrows__side b,body.acp-ux .ux-home-servicelist>a>b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
body.acp-ux .ux-home-serviceicon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:14px;font-weight:800}

/* --------------------------------------------------------------------------
   New Order / Services
   -------------------------------------------------------------------------- */
body.acp-ux .ux-panelhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:18px;align-items:stretch}
body.acp-ux .ux-panelhero__main{display:grid;align-content:center;gap:13px;padding:24px 25px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-panelhero__eyebrow{display:flex;align-items:center;gap:7px;color:var(--ux-primary);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
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(30px,3vw,38px);font-weight:800;letter-spacing:-.045em;line-height:1.12}
body.acp-ux .ux-panelhero p{max-width:65ch;color:var(--ux-muted);font-size:13.5px;line-height:1.65}
body.acp-ux .ux-panelhero__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:3px}
body.acp-ux .ux-panelhero__steps>div{min-height:58px;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft)}
body.acp-ux .ux-panelhero__steps span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:11px;font-weight:800}
body.acp-ux .ux-panelhero__steps strong{font-size:11.5px;font-weight:700;line-height:1.35}
body.acp-ux .ux-panelhero__side{display:flex}
body.acp-ux .ux-overviewcard{width:100%;display:grid;align-content:center;gap:16px;padding:20px}
body.acp-ux .ux-overviewcard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
body.acp-ux .ux-overviewcard__head>div{min-width:0}
body.acp-ux .ux-overviewcard h2{font-size:18px;font-weight:800}
body.acp-ux .ux-overviewcard__head p{margin-top:3px;color:var(--ux-muted);font-size:11.5px;line-height:1.45}
body.acp-ux .ux-overviewcard__head>.ux-btn{flex:0 0 auto;max-width:94px;min-height:34px;padding:6px 9px;font-size:10.5px}
body.acp-ux .ux-overviewcard__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.acp-ux .ux-overviewcard__stats>div{min-width:0;padding:10px 9px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft)}
body.acp-ux .ux-overviewcard__stats small{display:block;color:var(--ux-muted);font-size:10px;font-weight:700;line-height:1.35}
body.acp-ux .ux-overviewcard__stats strong{display:block;margin-top:3px;font-size:19px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
body.acp-ux .ux-neworderstage{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,315px);gap:18px;align-items:start}
body.acp-ux .ux-neworderstage__main{min-width:0;display:grid;gap:14px}
body.acp-ux .ux-neworderstage__side{min-width:0;display:grid;gap:14px;position:sticky;top:94px}
body.acp-ux .ux-sidecard{padding:18px}
body.acp-ux .ux-sidecard__intro{margin-top:6px;color:var(--ux-muted);font-size:12.5px;line-height:1.55}
body.acp-ux .ux-checklist{display:grid;gap:9px;margin:14px 0 0;padding:0;list-style:none}
body.acp-ux .ux-checklist li{position:relative;padding-left:21px;color:var(--ux-text-2);font-size:12.5px;line-height:1.5}
body.acp-ux .ux-checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--ux-success);font-weight:800}
body.acp-ux .ux-servicepicker{overflow:hidden}
body.acp-ux .ux-servicepicker__summary{min-height:64px;display:flex;align-items:center;gap:11px;padding:11px 14px;background:var(--ux-card);cursor:pointer}
body.acp-ux .ux-servicepicker__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:20px}
body.acp-ux .ux-servicepicker__copy{min-width:0;display:grid;gap:2px}
body.acp-ux .ux-servicepicker__copy strong{font-size:13.5px;font-weight:800}
body.acp-ux .ux-servicepicker__copy small,body.acp-ux .ux-servicepicker__hint{color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-servicepicker__hint{margin-left:auto;text-align:right}
body.acp-ux .ux-servicepicker__chev{width:18px;height:18px;flex:0 0 18px;color:var(--ux-muted)}
body.acp-ux .ux-servicepicker__panel{border-top:1px solid var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-servicepicker__search{padding:10px 10px 8px}
body.acp-ux .ux-servicepicker__search input,body.acp-ux .ux-smartservice__search input,body.acp-ux .ux-search input{min-height:43px;font-size:13.5px}
body.acp-ux .ux-servicepicker__list{max-height:420px;overflow:auto;padding:0 8px 9px;scrollbar-width:thin;scrollbar-color:var(--ux-line-strong) transparent}
body.acp-ux .ux-servicepicker__empty{padding:20px;color:var(--ux-muted);font-size:12.5px;text-align:center}
body.acp-ux .ux-brandrail{display:flex;gap:9px;overflow-x:auto;padding:10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ux-line-strong) transparent}
body.acp-ux .ux-brandrail__item{min-width:68px;display:grid;justify-items:center;gap:6px;padding:5px;border:0;background:transparent;color:var(--ux-text-2);font-size:10.5px;font-weight:700;cursor:pointer;scroll-snap-align:start}
body.acp-ux .ux-brandrail__item>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-brandrail__item>small{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
body.acp-ux .ux-brandrail__item.is-active>span{border-color:var(--ux-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ux-primary) 12%,transparent)}
body.acp-ux .ux-orderworkspace{display:grid;gap:13px;padding:17px}
body.acp-ux .ux-orderworkspace__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
body.acp-ux .ux-orderworkspace__head>div{min-width:0}
body.acp-ux .ux-orderworkspace__head strong{font-size:17px;font-weight:800}
body.acp-ux .ux-orderworkspace__head small{display:block;margin-top:2px;color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-orderworkspace__step{flex:0 0 auto;color:var(--ux-primary);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.acp-ux .ux-cascade-stack{display:grid;gap:12px}
body.acp-ux .ux-catalogfilter{display:grid;gap:6px;min-width:0}
body.acp-ux .ux-catalogfilter>span,body.acp-ux .ux-filterline__label{color:var(--ux-text-2);font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
body.acp-ux .ux-catalogfilter select,body.acp-ux .ux-stock-filter select{min-height:44px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-card);color:var(--ux-text);font-size:12.5px;font-weight:600}
body.acp-ux .ux-smartservice{position:relative;min-width:0}
body.acp-ux .ux-smartservice__toggle{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-card);cursor:pointer}
body.acp-ux .ux-smartservice__toggle:hover{border-color:#b7c0cc}
body.acp-ux .ux-smartservice__togglecopy{min-width:0;display:grid;gap:2px;text-align:left}
body.acp-ux .ux-smartservice__togglecopy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}
body.acp-ux .ux-smartservice__togglecopy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ux-muted);font-size:11px}
body.acp-ux .ux-smartservice__toggleaside{flex:0 0 auto;color:var(--ux-primary);font-size:12px;font-weight:800}
body.acp-ux .ux-smartservice__menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:70;overflow:hidden;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-card);box-shadow:var(--ux-shadow-lg)}
body.acp-ux .ux-smartservice__search{padding:9px;border-bottom:1px solid var(--ux-line)}
body.acp-ux .ux-smartservice__scroll{max-height:340px;overflow:auto;padding:5px;scrollbar-width:thin}
body.acp-ux .ux-smartservice__empty{padding:18px;text-align:center;color:var(--ux-muted);font-size:12px}
body.acp-ux .ux-searchmeta,body.acp-ux .ux-catalogfilters__meta{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:1px}
body.acp-ux .ux-related-head h2{font-size:18px;font-weight:800}
body.acp-ux .ux-related-head>span{font-size:11px;color:var(--ux-muted)}
body.acp-ux .ux-servicegrid,body.acp-ux .ux-servicegrid--big{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.acp-ux .ux-service--card{min-height:178px;display:flex;flex-direction:column;padding:14px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
body.acp-ux .ux-service--card:hover{border-color:var(--ux-line-strong);box-shadow:var(--ux-shadow-md);transform:translateY(-1px)}
body.acp-ux .ux-service__img{width:62px;height:62px;flex:0 0 62px;overflow:hidden;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-service__img img{width:100%;height:100%;object-fit:cover}
body.acp-ux .ux-service__body{min-width:0;display:grid;gap:6px;padding:10px 0 0}
body.acp-ux .ux-service__titleline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}
body.acp-ux .ux-service__titleline strong,body.acp-ux .ux-service__body>strong{min-width:0;font-size:13.5px;font-weight:800;line-height:1.4}
body.acp-ux .ux-service__availability,body.acp-ux .ux-service__out{flex:0 0 auto;min-height:24px;display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:0;text-transform:none}
body.acp-ux .ux-service__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--ux-muted);font-size:11.5px;line-height:1.6}
body.acp-ux .ux-service__meta{color:var(--ux-muted);font-size:10.5px;line-height:1.45}
body.acp-ux .ux-service__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:12px}
body.acp-ux .ux-service__foot b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-autoload{padding:12px;text-align:center;color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-stickybar{position:sticky;top:70px;z-index:50;background:color-mix(in srgb,var(--ux-bg) 94%,transparent);backdrop-filter:blur(8px)}

/* --------------------------------------------------------------------------
   Service detail / purchase
   -------------------------------------------------------------------------- */
body.acp-ux .ux-servicebar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
body.acp-ux .ux-servicebar__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.acp-ux .ux-productpage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:18px;align-items:start}
body.acp-ux .ux-productinfo{padding:22px}
body.acp-ux .ux-productbuy{padding:20px;position:sticky;top:94px}
body.acp-ux .ux-productintro{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start}
body.acp-ux .ux-producticon{width:84px;height:84px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-soft);font-size:24px;font-weight:800}
body.acp-ux .ux-producticon img{width:100%;height:100%;object-fit:cover}
body.acp-ux .ux-productintro__text{min-width:0;display:grid;gap:7px}
body.acp-ux .ux-productintro h1{font-size:clamp(25px,2.4vw,33px);font-weight:800;line-height:1.18;letter-spacing:-.04em}
body.acp-ux .ux-productintro__plan{color:var(--ux-muted);font-size:12px}
body.acp-ux .ux-orderjump{margin-top:5px;color:var(--ux-primary);font-size:12px;font-weight:700}
body.acp-ux .ux-productdescription{margin-top:18px;padding-top:18px;border-top:1px solid var(--ux-line);color:var(--ux-text-2);font-size:13px;line-height:1.75}
body.acp-ux .ux-productquestion{margin-top:16px;padding:13px 14px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft);font-size:12.5px;color:var(--ux-text-2)}
body.acp-ux .ux-producthead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
body.acp-ux .ux-producthead__eyebrow{display:block;color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.acp-ux .ux-producthead h1{font-size:20px;font-weight:800}
body.acp-ux .ux-productprice{display:grid;justify-items:end;gap:2px;white-space:nowrap}
body.acp-ux .ux-productprice small{color:var(--ux-muted);font-size:10.5px;font-weight:700}
body.acp-ux .ux-productprice strong{font-size:27px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.acp-ux .ux-productbalance{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;margin-bottom:13px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft)}
body.acp-ux .ux-productbalance span{color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-productbalance strong{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-productfacts,body.acp-ux .ux-facts{display:grid;gap:0;margin:0;padding:0;list-style:none}
body.acp-ux .ux-productfacts li,body.acp-ux .ux-facts li{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ux-line);font-size:12.5px}
body.acp-ux .ux-productfacts li:first-child,body.acp-ux .ux-facts li:first-child{border-top:0}
body.acp-ux .ux-productfacts span,body.acp-ux .ux-facts span{color:var(--ux-muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:none}
body.acp-ux .ux-productfacts strong,body.acp-ux .ux-facts b{font-size:12.5px;font-weight:700;text-align:right}
body.acp-ux .ux-buyform{display:grid;gap:13px}
body.acp-ux .ux-buyform__section{display:grid;gap:7px}
body.acp-ux .ux-plans{display:grid;gap:8px}
body.acp-ux .ux-plan{position:relative;display:block;cursor:pointer}
body.acp-ux .ux-plan input{position:absolute;opacity:0;pointer-events:none}
body.acp-ux .ux-plan>span{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-card)}
body.acp-ux .ux-plan input:checked+span{border-color:var(--ux-primary);background:var(--ux-primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ux-primary) 10%,transparent)}
body.acp-ux .ux-plan strong{min-width:0;font-size:12.5px;font-weight:700}
body.acp-ux .ux-plan b{flex:0 0 auto;font-size:14px;font-weight:800}
body.acp-ux .ux-was{color:var(--ux-muted);font-size:.9em;font-weight:500;text-decoration:line-through}
body.acp-ux .ux-service-email{display:grid;gap:6px}
body.acp-ux .ux-buyform__section--email>small{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-qty{display:grid;gap:6px}
body.acp-ux .ux-qty input{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--ux-line-strong);border-radius:10px;background:var(--ux-card);color:var(--ux-text);font-size:13.5px}
body.acp-ux .ux-orderquote{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft)}
body.acp-ux .ux-orderquote span{color:var(--ux-muted);font-size:11px;font-weight:700}
body.acp-ux .ux-orderquote strong{font-size:13px;font-weight:800;text-align:right}
body.acp-ux .ux-account-discount{padding:10px 12px;border:1px solid #abefc6;border-radius:11px;background:var(--ux-success-soft);color:#05603a;font-size:12px}

/* --------------------------------------------------------------------------
   Orders + history
   -------------------------------------------------------------------------- */
body.acp-ux .ux-orderstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.acp-ux .ux-statcard{min-width:0;display:grid;gap:3px;padding:14px 15px;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-statcard:hover{border-color:var(--ux-line-strong)}
body.acp-ux .ux-statcard.is-active{border-color:color-mix(in srgb,var(--ux-primary) 35%,var(--ux-line));background:var(--ux-primary-soft)}
body.acp-ux .ux-statcard small{color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
body.acp-ux .ux-statcard strong{font-size:21px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body.acp-ux .ux-statcard span{color:var(--ux-muted);font-size:11.5px;line-height:1.45}
body.acp-ux .ux-ordertoolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.acp-ux .ux-ordersearch{position:relative;display:block;min-width:min(320px,100%)}
body.acp-ux .ux-ordersearch input{min-height:40px;padding:8px 38px 8px 12px;font-size:12.5px}
body.acp-ux .ux-ordersearch svg{position:absolute;right:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--ux-muted);stroke-width:1.8}
body.acp-ux .ux-ordersearch__empty{margin:0;padding:14px;border:1px dashed var(--ux-line-strong);border-radius:12px;color:var(--ux-muted);text-align:center;font-size:12.5px}
body.acp-ux .ux-orders{display:grid;gap:10px}
body.acp-ux .ux-order{overflow:hidden;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-card);box-shadow:var(--ux-shadow-sm)}
body.acp-ux .ux-order[open]{border-color:var(--ux-line-strong);box-shadow:var(--ux-shadow-md)}
body.acp-ux .ux-order summary{min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
body.acp-ux .ux-order summary::-webkit-details-marker{display:none}
body.acp-ux .ux-order summary:hover{background:var(--ux-soft)}
body.acp-ux .ux-order__id{color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
body.acp-ux .ux-order__name{min-width:0;display:grid;gap:2px}
body.acp-ux .ux-order__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800}
body.acp-ux .ux-order__name small{color:var(--ux-muted);font-size:11px}
body.acp-ux .ux-order__total{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
body.acp-ux .ux-order__cta{display:flex;align-items:center;gap:6px}
body.acp-ux .ux-order__new{min-height:24px;display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:var(--ux-primary);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}
body.acp-ux .ux-order__view{font-size:11.5px;font-weight:700;color:var(--ux-primary);white-space:nowrap}
body.acp-ux .ux-order__pending{min-height:28px;display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-soft);font-size:11px;font-weight:700;white-space:nowrap}
body.acp-ux .ux-order__body{display:grid;gap:14px;padding:15px;border-top:1px solid var(--ux-line)}
body.acp-ux .ux-order__steps{position:relative;display:grid;grid-template-columns:repeat(var(--ux-steps,4),minmax(0,1fr));gap:8px;padding:17px 12px 12px;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-soft);overflow:hidden}
body.acp-ux .ux-order__steps span{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 3px;color:var(--ux-muted);font-size:10.5px;font-weight:700;line-height:1.3;text-align:center;text-transform:none;letter-spacing:0}
body.acp-ux .ux-order__steps span b{max-width:100%;font-weight:700;word-break:normal}
body.acp-ux .ux-order__steps i{width:22px;height:22px;flex:0 0 22px;border:2px solid var(--ux-line-strong);border-radius:50%;background:var(--ux-card);position:relative;z-index:1}
body.acp-ux .ux-order__steps span:not(:last-child)::after{content:"";position:absolute;left:50%;top:10px;width:calc(100% + 8px);height:2px;background:var(--ux-line-strong);z-index:0}
body.acp-ux .ux-order__steps .is-done{color:var(--ux-text-2)}
body.acp-ux .ux-order__steps .is-done i{border-color:#16a34a;background:#16a34a}
body.acp-ux .ux-order__steps .is-done i:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
body.acp-ux .ux-order__steps .is-done:not(:last-child)::after{background:#22c55e}
body.acp-ux .ux-order__steps .is-current{color:var(--ux-primary)}
body.acp-ux .ux-order__steps .is-current i{border-color:var(--ux-primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--ux-primary) 12%,transparent)}
body.acp-ux .ux-order__steps .is-failed{color:var(--ux-danger)}
body.acp-ux .ux-order__steps .is-delayed{color:var(--ux-warn)}
body.acp-ux .ux-order__statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
body.acp-ux .ux-inlinepill{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--ux-line);border-radius:999px;background:var(--ux-soft);color:var(--ux-text-2);font-size:11px;font-weight:700;white-space:nowrap}
body.acp-ux .ux-inlinepill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
body.acp-ux .ux-inlinepill--live{border-color:#abefc6;background:var(--ux-success-soft);color:#067647}
body.acp-ux .ux-inlinepill--info{border-color:#b2ddff;background:var(--ux-info-soft);color:#175cd3}
body.acp-ux .ux-inlinepill--warn{border-color:#fedf89;background:var(--ux-warn-soft);color:#b54708}
body.acp-ux .ux-order__note{padding:11px 12px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft);font-size:12px;line-height:1.55;color:var(--ux-text-2)}
body.acp-ux .ux-table{width:100%;border-collapse:collapse;font-size:12.5px}
body.acp-ux .ux-table th,body.acp-ux .ux-table td{padding:10px 11px;border-bottom:1px solid var(--ux-line);text-align:left;vertical-align:top;line-height:1.45}
body.acp-ux .ux-table th{color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:var(--ux-soft)}
body.acp-ux .ux-table tr:last-child td{border-bottom:0}
body.acp-ux .ux-table__total{font-weight:800}
body.acp-ux .ux-delivery{padding:13px;border:1px solid #abefc6;border-radius:12px;background:var(--ux-success-soft)}
body.acp-ux .ux-delivery__label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#067647;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
body.acp-ux .ux-copy{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid var(--ux-line-strong);border-radius:9px;background:var(--ux-card);color:var(--ux-text-2);font-size:11.5px;font-weight:700;cursor:pointer}
body.acp-ux .ux-copy:hover{border-color:var(--ux-primary);color:var(--ux-primary)}
body.acp-ux .ux-copy.is-copied{border-color:#abefc6;background:var(--ux-success-soft);color:#067647}
body.acp-ux .ux-provider-input{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr) auto;align-items:end;gap:10px;margin:0;padding:13px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed}
body.acp-ux .ux-provider-input>div{display:grid;gap:4px}
body.acp-ux .ux-provider-input strong{font-size:12.5px;font-weight:800}
body.acp-ux .ux-provider-input small{font-size:11.5px;line-height:1.45;color:#7c2d12}
body.acp-ux .ux-provider-input label{display:grid;gap:5px}
body.acp-ux .ux-provider-input label>span{font-size:11px;font-weight:700;color:#9a3412}
body.acp-ux .ux-provider-input--held{grid-template-columns:1fr;align-items:start}
body.acp-ux .ux-order__actions{display:flex;gap:8px;flex-wrap:wrap}
body.acp-ux .ux-pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
body.acp-ux .ux-pager a,body.acp-ux .ux-pager span{min-width:40px;min-height:40px;display:grid;place-items:center;padding:7px 10px;border:1px solid var(--ux-line);border-radius:9px;background:var(--ux-card);font-size:12px;font-weight:700}
body.acp-ux .ux-pager a:hover{border-color:var(--ux-line-strong);background:var(--ux-soft)}
body.acp-ux .ux-pager .is-current{background:var(--ux-text);border-color:var(--ux-text);color:#fff}

/* Generic history / stats lists */
body.acp-ux .ux-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.acp-ux .ux-stat{min-width:0;padding:14px 15px;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-card)}
body.acp-ux .ux-stat--accent{border-color:color-mix(in srgb,var(--ux-primary) 30%,var(--ux-line));background:var(--ux-primary-soft)}
body.acp-ux .ux-stat span{display:block;color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
body.acp-ux .ux-stat strong{display:block;margin-top:3px;font-size:23px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body.acp-ux .ux-stat small,body.acp-ux .ux-stat a{display:block;margin-top:4px;color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-orderlist{display:grid;margin:0;padding:0;list-style:none}
body.acp-ux .ux-orderlist>li,body.acp-ux .ux-orderlist>a{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--ux-line)}
body.acp-ux .ux-orderlist>li:first-child,body.acp-ux .ux-orderlist>a:first-child{border-top:0}
body.acp-ux .ux-orderlist__main{min-width:0;display:grid;gap:2px}
body.acp-ux .ux-orderlist__main strong{font-size:13px;font-weight:750}
body.acp-ux .ux-orderlist__main small{color:var(--ux-muted);font-size:11px}
body.acp-ux .ux-orderlist__side{flex:0 0 auto;display:grid;justify-items:end;gap:3px;text-align:right}
body.acp-ux .ux-orderlist__side b{font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-orderlist__side small{color:var(--ux-muted);font-size:11px}

/* --------------------------------------------------------------------------
   Add funds
   -------------------------------------------------------------------------- */
body.acp-ux .ux-funds-simple-head__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.acp-ux .ux-funds-balance-chip{min-height:42px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-card)}
body.acp-ux .ux-funds-balance-chip span{font-size:10.5px;font-weight:800;color:var(--ux-muted);text-transform:uppercase;letter-spacing:.03em}
body.acp-ux .ux-funds-balance-chip strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-funding-context{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-funding-context strong{font-size:13px;font-weight:800}
body.acp-ux .ux-funding-context small{color:var(--ux-muted);font-size:11px}
body.acp-ux .ux-funding-simple{display:grid;gap:16px}
body.acp-ux .ux-funding-main{overflow:hidden}
body.acp-ux .ux-funding-layout{display:grid;grid-template-columns:minmax(245px,.75fr) minmax(0,1.25fr)}
body.acp-ux .ux-funding-choices{padding:18px;border-right:1px solid var(--ux-line);background:var(--ux-soft)}
body.acp-ux .ux-funding-payment{min-width:0;padding:18px}
body.acp-ux .ux-funding-simple .ux-funding-main h2{font-size:17px;font-weight:800;margin-bottom:12px}
body.acp-ux .ux-funding-methods{display:grid;gap:8px}
body.acp-ux .ux-funding-method{width:100%;min-height:62px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-card);text-align:left;cursor:pointer}
body.acp-ux .ux-funding-method:hover{border-color:var(--ux-line-strong)}
body.acp-ux .ux-funding-method.is-active{border-color:var(--ux-primary);background:var(--ux-primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ux-primary) 10%,transparent)}
body.acp-ux .ux-funding-method__icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-card);overflow:hidden}
body.acp-ux .ux-funding-method__icon img{width:100%;height:100%;object-fit:contain}
body.acp-ux .ux-funding-method__copy{min-width:0;display:grid;gap:2px}
body.acp-ux .ux-funding-method__copy strong{font-size:12.5px;font-weight:800}
body.acp-ux .ux-funding-method__copy small{color:var(--ux-muted);font-size:10.5px;line-height:1.35}
body.acp-ux .ux-funding-account{display:grid;gap:7px;margin-bottom:13px;padding:13px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-soft)}
body.acp-ux .ux-funding-account>span{color:var(--ux-muted);font-size:11.5px;font-weight:700}
body.acp-ux .ux-funding-account strong{font-size:18px;font-weight:800;overflow-wrap:anywhere}
body.acp-ux .ux-funding-account p{color:var(--ux-text-2);font-size:12.5px;line-height:1.6}
body.acp-ux .ux-funding-form{display:grid;gap:13px}
body.acp-ux .ux-funding-amountrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.35fr);gap:9px}
body.acp-ux .ux-funding-estimate{padding:10px 11px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft);color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-funding-currency{color:var(--ux-text-2);font-size:12.5px;line-height:1.6}
body.acp-ux .ux-funding-costs{display:grid;overflow:hidden;margin-top:4px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-line)}
body.acp-ux .ux-funding-costs>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:var(--ux-card)}
body.acp-ux .ux-funding-costs .is-total{background:var(--ux-soft)}
body.acp-ux .ux-funding-costs :where(span,small){color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-funding-costs strong{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums}
body.acp-ux .ux-funding-cancel summary{cursor:pointer;color:var(--ux-text-2);font-size:12.5px;font-weight:650}
body.acp-ux .ux-funding-history{padding:18px}

/* --------------------------------------------------------------------------
   Support / account
   -------------------------------------------------------------------------- */
body.acp-ux .ux-fundsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.acp-ux .ux-thread{display:grid;gap:10px;margin-bottom:14px}
body.acp-ux .ux-msg{max-width:min(86%,720px);padding:11px 12px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-card);color:var(--ux-text-2);font-size:12.5px;line-height:1.6}
body.acp-ux .ux-msg.is-staff{justify-self:start;border-color:#fed7aa;background:#fff7ed}
body.acp-ux .ux-msg.is-me{justify-self:end;border-color:#b2ddff;background:var(--ux-info-soft)}
body.acp-ux .ux-msg__who{display:block;margin-bottom:4px;color:var(--ux-muted);font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}

/* --------------------------------------------------------------------------
   Referrals
   -------------------------------------------------------------------------- */
body.acp-ux .ux-refcompact{overflow:hidden}
body.acp-ux .ux-refcompact__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px;background:linear-gradient(135deg,var(--ux-card),var(--ux-primary-soft))}
body.acp-ux .ux-refcompact__title{min-width:0}
body.acp-ux .ux-refcompact__title h1{font-size:clamp(27px,2.7vw,34px);font-weight:800;letter-spacing:-.04em}
body.acp-ux .ux-refcompact__title p{max-width:700px;margin-top:6px;color:var(--ux-muted);font-size:13px;line-height:1.65}
body.acp-ux .ux-refcompact__stats{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));gap:8px;align-self:start}
body.acp-ux .ux-refcompact__stats>div{padding:10px 11px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-card)}
body.acp-ux .ux-refcompact__stats span,body.acp-ux .ux-refcompact__stats small{display:block;color:var(--ux-muted);font-size:10.5px;font-weight:750}
body.acp-ux .ux-refcompact__stats strong{display:block;margin-top:2px;font-size:18px;font-weight:800}
body.acp-ux .ux-refcompact__share{padding:18px 20px;border-top:1px solid var(--ux-line);background:var(--ux-card)}
body.acp-ux .ux-refcopy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
body.acp-ux .ux-refcopy .ux-input{min-width:0}
body.acp-ux .ux-refshare{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
body.acp-ux .ux-refgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body.acp-ux .ux-refsteps{display:grid;gap:9px}
body.acp-ux .ux-refsteps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:11px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft)}
body.acp-ux .ux-refsteps article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ux-primary-soft);color:var(--ux-primary);font-size:11px;font-weight:800}
body.acp-ux .ux-refsteps article strong{font-size:13.5px;font-weight:800}
body.acp-ux .ux-refsteps article p{margin-top:2px;color:var(--ux-muted);font-size:12px;line-height:1.55}
body.acp-ux .ux-refrules{display:grid;gap:9px}
body.acp-ux .ux-refrules strong{font-size:13px;font-weight:800}
body.acp-ux .ux-refempty{padding:22px;text-align:center}
body.acp-ux .ux-refempty strong{font-size:13.5px;font-weight:800}
body.acp-ux .ux-refempty p{margin-top:4px;color:var(--ux-muted);font-size:12px}
body.acp-ux .ux-reflist{display:grid;gap:8px}
body.acp-ux .ux-reflist__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--ux-line);border-radius:11px;background:var(--ux-soft)}
body.acp-ux .ux-reflist__amount{font-size:13px;font-weight:800;color:var(--ux-success)}
body.acp-ux .ux-reflist__body{min-width:0}
body.acp-ux .ux-reflist__body strong{font-size:12.5px;font-weight:750}
body.acp-ux .ux-reflist__body p{margin-top:2px;color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-reflist__date{color:var(--ux-muted);font-size:10.5px;white-space:nowrap}

/* --------------------------------------------------------------------------
   Reseller API / SMM API
   -------------------------------------------------------------------------- */
body.acp-ux .ux-api-steps,body.acp-ux .ux-smm-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.acp-ux .ux-plancard,body.acp-ux .ux-smm-step{min-width:0;padding:14px;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-card)}
body.acp-ux .ux-plancard h3,body.acp-ux .ux-smm-step h3{font-size:14px;font-weight:800}
body.acp-ux .ux-plancard p,body.acp-ux .ux-smm-step p{margin-top:5px;color:var(--ux-muted);font-size:12px;line-height:1.55}
body.acp-ux .ux-plancard__actions,body.acp-ux .ux-smm-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
body.acp-ux .ux-api-fresh{padding:12px 14px;border:1px solid #abefc6;border-radius:12px;background:var(--ux-success-soft);color:#05603a;font-size:12.5px}
body.acp-ux .ux-api-key{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
body.acp-ux .ux-api-key code{min-width:0;overflow:auto;padding:11px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-soft);font-size:12px;white-space:nowrap}
body.acp-ux .ux-api-choicegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.acp-ux .ux-api-choice{display:grid;gap:8px;padding:13px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-card)}
body.acp-ux .ux-api-choice__meta{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-api-choice__actions{display:flex;gap:7px;flex-wrap:wrap}
body.acp-ux .ux-api-callout{padding:13px 14px;border:1px solid #b2ddff;border-radius:12px;background:var(--ux-info-soft);color:#1849a9;font-size:12.5px;line-height:1.6}
body.acp-ux .ux-api-wrap,body.acp-ux .ux-smm-wrap{overflow:auto;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-card);scrollbar-width:thin}
body.acp-ux .ux-api-table,body.acp-ux .ux-smm-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}
body.acp-ux .ux-api-table th,body.acp-ux .ux-api-table td,body.acp-ux .ux-smm-table th,body.acp-ux .ux-smm-table td{padding:10px 11px;border-bottom:1px solid var(--ux-line);text-align:left;vertical-align:top}
body.acp-ux .ux-api-table th,body.acp-ux .ux-smm-table th{position:sticky;top:0;background:var(--ux-soft);color:var(--ux-muted);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;z-index:1}
body.acp-ux .ux-api-code,body.acp-ux .ux-smm-code{max-width:100%;overflow:auto;margin:0;padding:14px;border:1px solid var(--ux-line);border-radius:12px;background:#101828;color:#f2f4f7;font-size:12px;line-height:1.6;white-space:pre}
body.acp-ux .ux-api-inline{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
body.acp-ux .ux-api-ips{display:flex;gap:6px;flex-wrap:wrap}
body.acp-ux .ux-smm-ok{padding:12px 14px;border:1px solid #abefc6;border-radius:12px;background:var(--ux-success-soft);color:#05603a;font-size:12.5px}
body.acp-ux .ux-smm-note{padding:12px 14px;border:1px solid #b2ddff;border-radius:12px;background:var(--ux-info-soft);color:#1849a9;font-size:12.5px}
body.acp-ux .ux-smm-warn{padding:12px 14px;border:1px solid #fedf89;border-radius:12px;background:var(--ux-warn-soft);color:#93370d;font-size:12.5px}

/* --------------------------------------------------------------------------
   Purchase modal
   -------------------------------------------------------------------------- */
body.acp-ux.ux-modal-open{overflow:hidden}
body.acp-ux .ux-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}
body.acp-ux .ux-modal__scrim{position:absolute;inset:0;background:rgba(16,24,40,.58);backdrop-filter:blur(2px)}
body.acp-ux .ux-modal__box{position:relative;width:min(100%,460px);max-height:min(88dvh,700px);overflow:auto;padding:20px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-card);box-shadow:0 28px 80px rgba(16,24,40,.28)}
body.acp-ux .ux-modal__box h2{font-size:21px;font-weight:800}
body.acp-ux .ux-modal__lead{margin-top:5px!important;color:var(--ux-text-2);font-size:13px;line-height:1.55}
body.acp-ux .ux-modal__facts{display:grid;gap:1px;margin:14px 0;border:1px solid var(--ux-line);border-radius:11px;overflow:hidden;background:var(--ux-line)}
body.acp-ux .ux-modal__facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;background:var(--ux-card)}
body.acp-ux .ux-modal__facts dt{color:var(--ux-muted);font-size:11.5px}
body.acp-ux .ux-modal__facts dd{margin:0;max-width:64%;font-size:12.5px;font-weight:800;text-align:right;overflow-wrap:anywhere}
body.acp-ux .ux-modal__note{color:var(--ux-muted);font-size:11.5px;line-height:1.5}
body.acp-ux .ux-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

/* --------------------------------------------------------------------------
   Authentication
   -------------------------------------------------------------------------- */
body.acp-ux--auth{background:var(--ux-bg)}
body.acp-ux--auth .ux-auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)}
body.acp-ux--auth .ux-auth__panel{display:grid;align-content:center;gap:18px;padding:clamp(38px,6vw,84px);background:linear-gradient(145deg,#111827,#1f2937);color:#fff}
body.acp-ux--auth .ux-auth__brand{display:inline-flex;align-items:center;gap:9px;width:max-content;color:#fff;font-size:18px;font-weight:800}
body.acp-ux--auth .ux-auth__brand img{max-width:160px;max-height:38px}
body.acp-ux--auth .ux-auth__eyebrow{color:#fdba74;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.acp-ux--auth .ux-auth__panel h1{max-width:650px;color:#fff!important;font-size:clamp(38px,4.8vw,58px);font-weight:800;line-height:1.05;letter-spacing:-.055em}
body.acp-ux--auth .ux-auth__panel>p{max-width:620px;color:#d0d5dd;font-size:14px;line-height:1.7}
body.acp-ux--auth .ux-auth__points{display:grid;margin:4px 0 0;padding:0;list-style:none}
body.acp-ux--auth .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}
body.acp-ux--auth .ux-auth__points span{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#111827;font-size:10.5px;font-weight:800}
body.acp-ux--auth .ux-authtrust{display:flex;gap:8px;flex-wrap:wrap}
body.acp-ux--auth .ux-authtrust span{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e4e7ec;font-size:10.5px;font-weight:700}
body.acp-ux--auth .ux-auth__form{width:min(100%,460px);margin:auto;padding:34px;display:grid;align-content:center;gap:16px}
body.acp-ux--auth .ux-auth__formhead h2{font-size:29px;font-weight:800;letter-spacing:-.04em}
body.acp-ux--auth .ux-auth__formhead p{margin-top:5px;color:var(--ux-muted);font-size:12.5px;line-height:1.55}
body.acp-ux--auth .ux-authform{gap:13px}
body.acp-ux--auth .ux-authrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.acp-ux--auth .ux-authswitch{display:grid;gap:8px;margin-top:2px;text-align:center;color:var(--ux-muted);font-size:11.5px}
body.acp-ux--auth .ux-password{position:relative}
body.acp-ux--auth .ux-passwordmeter{height:5px;border-radius:999px;background:var(--ux-line);overflow:hidden}
body.acp-ux--auth .ux-recaptcha{overflow:hidden}
body.acp-ux--auth .ux-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* --------------------------------------------------------------------------
   Dark mode
   -------------------------------------------------------------------------- */
body.acp-ux[data-ux-theme="dark"]{
  --ux-bg:#0f1319;
  --ux-card:#151b24;
  --ux-soft:#1a222d;
  --ux-soft-2:#202a36;
  --ux-text:#f3f6fb;
  --ux-text-2:#c7d0dd;
  --ux-muted:#9aa8bc;
  --ux-faint:#77869a;
  --ux-line:#293443;
  --ux-line-strong:#3a4758;
  --ux-primary:#ffb17a;
  --ux-primary-hover:#ffc69e;
  --ux-primary-soft:rgba(255,177,122,.10);
  --ux-success-soft:rgba(18,183,106,.11);
  --ux-warn-soft:rgba(247,144,9,.10);
  --ux-danger-soft:rgba(240,68,56,.10);
  --ux-info-soft:rgba(83,177,253,.10);
  --ux-shadow-sm:0 1px 2px rgba(0,0,0,.12);
  --ux-shadow-md:0 10px 28px rgba(0,0,0,.22);
  --ux-shadow-lg:0 20px 58px rgba(0,0,0,.35);
}
body.acp-ux[data-ux-theme="dark"] :where(.ux-top,.ux-side,.ux-card,.ux-home-start,.ux-orderworkspace,.ux-sidecard,.ux-overviewcard,.ux-servicepicker,.ux-productinfo,.ux-productbuy,.ux-funding-main,.ux-funding-history,.ux-refcompact,.ux-modal__box,.ux-fx__menu,.ux-btn--ghost,.ux-theme,.ux-fx__btn,.ux-balance,.ux-accountpill,.ux-copy){background:var(--ux-card);border-color:var(--ux-line);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] :where(.ux-form input,.ux-form select,.ux-form textarea,.ux-input,.ux-service-email input,.ux-provider-input input,.ux-ordersearch input,.ux-catalogfilter select,.ux-stock-filter select,.ux-smartservice__toggle,.ux-plan>span,.ux-qty input){background:var(--ux-card);border-color:var(--ux-line-strong);color:var(--ux-text)}
body.acp-ux[data-ux-theme="dark"] :where(.ux-home-wallet,.ux-home-search,.ux-productbalance,.ux-orderquote,.ux-stat,.ux-statcard,.ux-funding-account,.ux-funding-estimate,.ux-order__steps,.ux-order__note,.ux-refsteps article,.ux-reflist__item,.ux-form__static){background:var(--ux-soft);border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-home-search input{background:transparent!important}
body.acp-ux[data-ux-theme="dark"] .ux-home-active{background:rgba(247,144,9,.08);border-color:#5d4727}
body.acp-ux[data-ux-theme="dark"] .ux-home-active--ready{background:rgba(18,183,106,.08);border-color:#28513a}
body.acp-ux[data-ux-theme="dark"] .ux-provider-input{background:#241b13;border-color:#5e4329}
body.acp-ux[data-ux-theme="dark"] .ux-provider-input small,body.acp-ux[data-ux-theme="dark"] .ux-provider-input label>span{color:#f6b27d}
body.acp-ux[data-ux-theme="dark"] .ux-delivery{background:rgba(18,183,106,.08);border-color:#28513a}
body.acp-ux[data-ux-theme="dark"] .ux-api-code,body.acp-ux[data-ux-theme="dark"] .ux-smm-code{background:#0b1017;border-color:var(--ux-line)}
body.acp-ux[data-ux-theme="dark"] .ux-api-table th,body.acp-ux[data-ux-theme="dark"] .ux-smm-table th,body.acp-ux[data-ux-theme="dark"] .ux-table th{background:var(--ux-soft)}
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[data-ux-theme="dark"] .ux-home-search button{background:#ec914e;color:#24160c}
body.acp-ux[data-ux-theme="dark"] .ux-home-search button:hover{background:#ffad71}

/* --------------------------------------------------------------------------
   Responsive system
   -------------------------------------------------------------------------- */
@media(max-width:1180px){
  body.acp-ux{--ux-side:205px}
  body.acp-ux .ux-shell{gap:18px}
  body.acp-ux .ux-productpage{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
  body.acp-ux .ux-neworderstage{grid-template-columns:minmax(0,1fr) 275px}
  body.acp-ux .ux-top__page{display:none}
}

@media(max-width:899.98px){
  body.acp-ux .ux-top{min-height:64px;padding:8px 10px;gap:8px}
  body.acp-ux .ux-burger{display:grid;place-items:center;align-content:center;gap:4px}
  body.acp-ux .ux-logo img{max-width:118px;max-height:30px}
  body.acp-ux .ux-logo__name{font-size:14px;max-width:130px}
  body.acp-ux .ux-top__spacer{display:none}
  body.acp-ux .ux-fx{margin-left:auto}
  body.acp-ux .ux-theme{width:40px;padding:0;display:grid;place-items:center}
  body.acp-ux .ux-theme span{display:none}
  body.acp-ux .ux-balance{padding-left:9px}
  body.acp-ux .ux-balance small{display:none}
  body.acp-ux .ux-accountpill{display:none}
  body.acp-ux .ux-shell{width:calc(100% - 22px);display:block;padding:14px 0 28px}
  body.acp-ux .ux-main{gap:14px}
  body.acp-ux .ux-side{
    position:fixed;left:0;top:0;bottom:0;z-index:8995;
    width:min(86vw,320px);height:100dvh;max-height:none;
    padding:74px 12px 20px;border:0;border-right:1px solid var(--ux-line);border-radius:0;
    transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;
    box-shadow:24px 0 60px rgba(16,24,40,.18)
  }
  body.acp-ux.ux-nav-open{overflow:hidden}
  body.acp-ux.ux-nav-open .ux-side{transform:none}
  body.acp-ux .ux-scrim{position:fixed;inset:0;z-index:8990;display:block;background:rgba(16,24,40,.44);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  body.acp-ux.ux-nav-open .ux-scrim{opacity:1;visibility:visible}
  body.acp-ux .ux-side-close{display:grid;place-items:center;position:absolute;right:12px;top:14px;width:40px;height:40px;border:1px solid var(--ux-line);border-radius:10px;background:var(--ux-card);font-size:21px;line-height:1;cursor:pointer}
  body.acp-ux .ux-home-start{grid-template-columns:1fr}
  body.acp-ux .ux-home-wallet{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  body.acp-ux .ux-home-wallet>span,body.acp-ux .ux-home-wallet>strong,body.acp-ux .ux-home-wallet>p{grid-column:1}
  body.acp-ux .ux-home-wallet>div{grid-column:2;grid-row:1/4;display:grid}
  body.acp-ux .ux-home-grid{grid-template-columns:1fr}
  body.acp-ux .ux-panelhero{grid-template-columns:1fr}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.acp-ux .ux-neworderstage{grid-template-columns:1fr}
  body.acp-ux .ux-neworderstage__side{position:static;grid-row:auto}
  body.acp-ux .ux-productpage{grid-template-columns:1fr}
  body.acp-ux .ux-productbuy{position:static}
  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)}
  body.acp-ux .ux-funding-methods{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.acp-ux .ux-refcompact__summary{grid-template-columns:1fr}
  body.acp-ux .ux-refcompact__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.acp-ux .ux-refgrid,body.acp-ux .ux-fundsgrid{grid-template-columns:1fr}
  body.acp-ux .ux-api-steps,body.acp-ux .ux-smm-quick{grid-template-columns:1fr}
  body.acp-ux--auth .ux-auth{grid-template-columns:1fr}
  body.acp-ux--auth .ux-auth__panel{display:none}
  body.acp-ux--auth .ux-auth__form{min-height:100dvh}
}

@media(max-width:680px){
  body.acp-ux{font-size:13.5px}
  body.acp-ux .ux-top{gap:6px}
  body.acp-ux .ux-logo__name{display:none}
  body.acp-ux .ux-fx__btn{min-height:40px;padding:0 9px}
  body.acp-ux .ux-balance{min-height:40px;padding:5px 6px 5px 8px}
  body.acp-ux .ux-balance strong{font-size:12.5px}
  body.acp-ux .ux-balance i{width:26px;height:26px}
  body.acp-ux .ux-shell{width:calc(100% - 18px);padding-top:10px}
  body.acp-ux .ux-card{padding:15px}
  body.acp-ux .ux-pagehead,body.acp-ux .ux-funds-simple-head,body.acp-ux .ux-ref-pagehead{align-items:flex-start}
  body.acp-ux .ux-pagehead h1,body.acp-ux .ux-funds-simple-head h1,body.acp-ux .ux-ref-pagehead h1{font-size:26px}
  body.acp-ux .ux-pagehead p,body.acp-ux .ux-funds-simple-head p{font-size:12.5px}
  body.acp-ux .ux-pagehead>.ux-btn,body.acp-ux .ux-ref-pagehead>.ux-btn{width:100%}
  body.acp-ux .ux-home-start{padding:17px;gap:16px}
  body.acp-ux .ux-home-start__copy h1{font-size:30px}
  body.acp-ux .ux-home-search{grid-template-columns:1fr;padding:5px}
  body.acp-ux .ux-home-search button{width:100%}
  body.acp-ux .ux-home-wallet{grid-template-columns:1fr}
  body.acp-ux .ux-home-wallet>div{grid-column:1;grid-row:auto;display:flex}
  body.acp-ux .ux-home-active{align-items:flex-start;flex-direction:column}
  body.acp-ux .ux-home-active>div{grid-template-columns:1fr}
  body.acp-ux .ux-home-active .ux-tag{grid-row:auto;width:max-content}
  body.acp-ux .ux-home-active>.ux-btn{width:100%}
  body.acp-ux .ux-home-orderrows>a{grid-template-columns:minmax(0,1fr)}
  body.acp-ux .ux-home-orderrows__side{display:flex;align-items:center;justify-content:space-between;justify-items:stretch}
  body.acp-ux .ux-home-servicelist>a{grid-template-columns:38px minmax(0,1fr)}
  body.acp-ux .ux-home-servicelist>a>b{grid-column:2;justify-self:start}
  body.acp-ux .ux-panelhero__main{padding:18px}
  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:48px}
  body.acp-ux .ux-overviewcard{padding:16px}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:1fr 1fr}
  body.acp-ux .ux-overviewcard__stats>div:first-child{grid-column:1/-1}
  body.acp-ux .ux-orderworkspace{padding:14px}
  body.acp-ux .ux-servicepicker__hint{display:none}
  body.acp-ux .ux-related-head{align-items:flex-start;flex-direction:column;gap:3px}
  body.acp-ux .ux-servicegrid,body.acp-ux .ux-servicegrid--big{grid-template-columns:1fr}
  body.acp-ux .ux-service--card{min-height:0}
  body.acp-ux .ux-service__description{-webkit-line-clamp:2}
  body.acp-ux .ux-productinfo,body.acp-ux .ux-productbuy{padding:15px}
  body.acp-ux .ux-productintro{grid-template-columns:68px minmax(0,1fr);gap:12px}
  body.acp-ux .ux-producticon{width:68px;height:68px;border-radius:13px}
  body.acp-ux .ux-productintro h1{font-size:24px}
  body.acp-ux .ux-producthead{align-items:flex-start}
  body.acp-ux .ux-productprice strong{font-size:24px}
  body.acp-ux .ux-orderstats,body.acp-ux .ux-stats{grid-template-columns:1fr}
  body.acp-ux .ux-statcard{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  body.acp-ux .ux-statcard small,body.acp-ux .ux-statcard span{grid-column:1}
  body.acp-ux .ux-statcard strong{grid-column:2;grid-row:1/3}
  body.acp-ux .ux-ordertoolbar{align-items:stretch;flex-direction:column}
  body.acp-ux .ux-ordersearch{min-width:0;width:100%}
  body.acp-ux .ux-order summary{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px}
  body.acp-ux .ux-order__id{grid-column:1}
  body.acp-ux .ux-order__name{grid-column:1;grid-row:2}
  body.acp-ux .ux-order__total{grid-column:2;grid-row:1;text-align:right}
  body.acp-ux .ux-order .ux-tag,body.acp-ux .ux-order__pending{grid-column:1;grid-row:3;justify-self:start}
  body.acp-ux .ux-order__cta{grid-column:2;grid-row:2/4;align-self:center;flex-direction:column;align-items:flex-end}
  body.acp-ux .ux-order__body{padding:12px}
  body.acp-ux .ux-order__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  body.acp-ux .ux-order__steps span:not(:last-child)::after{display:none}
  body.acp-ux .ux-table-wrap,body.acp-ux .ux-order__body>.ux-table{overflow-x:auto}
  body.acp-ux .ux-provider-input{grid-template-columns:1fr;align-items:stretch}
  body.acp-ux .ux-provider-input .ux-btn{width:100%}
  body.acp-ux .ux-order__actions .ux-btn{flex:1 1 150px}
  body.acp-ux .ux-funding-methods{grid-template-columns:1fr}
  body.acp-ux .ux-funding-amountrow{grid-template-columns:1fr}
  body.acp-ux .ux-refcompact__summary{padding:16px}
  body.acp-ux .ux-refcompact__stats{grid-template-columns:1fr 1fr}
  body.acp-ux .ux-refcompact__share{padding:15px}
  body.acp-ux .ux-refcopy{grid-template-columns:1fr}
  body.acp-ux .ux-api-choicegrid{grid-template-columns:1fr}
  body.acp-ux .ux-api-key{grid-template-columns:1fr}
  body.acp-ux .ux-api-key .ux-btn{width:100%}
  body.acp-ux .ux-formgrid{grid-template-columns:1fr}
  body.acp-ux .ux-modal{padding:10px}
  body.acp-ux .ux-modal__box{padding:16px;border-radius:14px}
  body.acp-ux .ux-modal__actions{display:grid;grid-template-columns:1fr 1fr}
  body.acp-ux--auth .ux-auth__form{width:100%;padding:24px 18px}
  body.acp-ux--auth .ux-auth__formhead h2{font-size:27px}
}

@media(max-width:430px){
  body.acp-ux .ux-top{padding-inline:8px}
  body.acp-ux .ux-burger{width:40px;height:40px}
  body.acp-ux .ux-fx__btn{font-size:11px}
  body.acp-ux .ux-balance{gap:5px}
  body.acp-ux .ux-balance strong{font-size:12px}
  body.acp-ux .ux-home-start__links{display:grid;gap:8px}
  body.acp-ux .ux-overviewcard__head{flex-direction:column}
  body.acp-ux .ux-overviewcard__head>.ux-btn{width:100%;max-width:none}
  body.acp-ux .ux-overviewcard__stats{grid-template-columns:1fr}
  body.acp-ux .ux-overviewcard__stats>div:first-child{grid-column:auto}
  body.acp-ux .ux-productintro{grid-template-columns:1fr}
  body.acp-ux .ux-producticon{width:72px;height:72px}
  body.acp-ux .ux-producthead{display:grid}
  body.acp-ux .ux-productprice{justify-items:start}
  body.acp-ux .ux-plan>span{align-items:flex-start;flex-direction:column}
  body.acp-ux .ux-order__steps{grid-template-columns:1fr}
  body.acp-ux .ux-order__steps span{align-items:flex-start;text-align:left;display:grid;grid-template-columns:22px minmax(0,1fr)}
  body.acp-ux .ux-refcompact__stats{grid-template-columns:1fr}
  body.acp-ux .ux-reflist__item{grid-template-columns:minmax(0,1fr) auto}
  body.acp-ux .ux-reflist__amount{grid-column:1}
  body.acp-ux .ux-reflist__body{grid-column:1;grid-row:2}
  body.acp-ux .ux-reflist__date{grid-column:2;grid-row:1/3}
  body.acp-ux .ux-modal__facts>div{align-items:flex-start;flex-direction:column;gap:3px}
  body.acp-ux .ux-modal__facts dd{max-width:100%;text-align:left}
  body.acp-ux .ux-modal__actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  body.acp-ux *,body.acp-ux *::before,body.acp-ux *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
body.acp-ux .ux-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--ux-line);border-radius:11px;scrollbar-width:thin}
body.acp-ux .ux-table-wrap .ux-table{min-width:420px}
body.acp-ux .ux-table-wrap .ux-table th,body.acp-ux .ux-table-wrap .ux-table td{border-bottom:1px solid var(--ux-line)}
body.acp-ux .ux-table-wrap .ux-table tr:last-child td{border-bottom:0}

/* ============================================================================
   4.4.16 — Full-width desktop panel + fixed left navigation
   The desktop sidebar is application chrome, not a floating content card.
   ============================================================================ */
@media (min-width:900px){
  body.acp-ux{
    --ux-side:248px;
  }

  /* Full-width application header. Keep the brand aligned with the sidebar and
     let the remaining controls occupy the content side of the screen. */
  body.acp-ux .ux-top{
    min-height:70px;
    padding:10px 18px;
  }
  body.acp-ux .ux-logo{
    width:calc(var(--ux-side) - 28px);
    flex:0 0 calc(var(--ux-side) - 28px);
  }

  /* Stop centering the entire app inside a max-width card-like shell. */
  body.acp-ux .ux-shell{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    display:block;
  }

  /* Permanent desktop navigation rail: flush left, fixed in the viewport,
     square outer edges, and independently scrollable when the menu is tall. */
  body.acp-ux .ux-side{
    position:fixed;
    left:0;
    top:70px;
    bottom:0;
    z-index:8950;
    width:var(--ux-side);
    height:calc(100dvh - 70px);
    max-height:none;
    margin:0;
    padding:18px 14px 24px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:0;
    border-right:1px solid var(--ux-line);
    border-radius:0;
    background:var(--ux-card);
    box-shadow:none;
    scrollbar-gutter:stable;
  }

  /* Main content consumes every pixel not reserved for the navigation rail. */
  body.acp-ux .ux-main{
    width:calc(100% - var(--ux-side));
    max-width:none;
    min-width:0;
    min-height:calc(100dvh - 70px);
    margin:0 0 0 var(--ux-side);
    padding:26px clamp(22px,2.2vw,38px) 56px;
  }

  /* The sidebar profile belongs to the rail, so keep it clean and flush rather
     than making it look like another card inside the navigation. */
  body.acp-ux .ux-sideprofile{
    margin:0 0 8px;
    padding:2px 4px 17px;
  }
  body.acp-ux .ux-nav-label{
    padding-left:11px;
    padding-right:11px;
  }
  body.acp-ux .ux-side>a{
    width:100%;
  }
}

@media (min-width:900px) and (max-width:1180px){
  body.acp-ux{--ux-side:220px}
  body.acp-ux .ux-main{padding:22px 20px 46px}
  body.acp-ux .ux-logo{width:calc(var(--ux-side) - 24px);flex-basis:calc(var(--ux-side) - 24px)}
}

@media (min-width:1600px){
  body.acp-ux{--ux-side:252px}
  body.acp-ux .ux-main{padding-left:40px;padding-right:40px}
}

/* ============================================================================
   4.4.17 — Remaining /panel alignment and desktop composition repair
   Fixes defects still visible after the fixed-sidebar conversion without
   changing customer/order/payment behaviour.
   ============================================================================ */

/* The generic pagehead rule in this file was more specific than the legacy
   hidden modifier, causing the duplicate "Services" heading to reappear. */
body.acp-ux .ux-pagehead--hidden{display:none!important}

/* Keep the app chrome clean and prevent a second vertical scrollbar from
   becoming a permanent visual divider inside the navigation rail. */
@media (min-width:900px){
  body.acp-ux{
    overflow-x:hidden;
    --ux-side:252px;
  }
  body.acp-ux .ux-top{
    min-height:70px;
    padding:10px 18px;
    gap:10px;
  }
  body.acp-ux .ux-logo{
    width:calc(var(--ux-side) - 28px);
    flex:0 0 calc(var(--ux-side) - 28px);
  }
  body.acp-ux .ux-top__page{
    padding-left:18px;
    margin-left:1px;
  }
  body.acp-ux .ux-top__page strong{font-size:13px}
  body.acp-ux .ux-connection{display:none!important}

  body.acp-ux .ux-side{
    top:70px;
    width:var(--ux-side);
    height:calc(100dvh - 70px);
    padding:16px 14px 22px;
    gap:4px;
    scrollbar-width:none;
    scrollbar-gutter:auto;
  }
  body.acp-ux .ux-side::-webkit-scrollbar{display:none;width:0;height:0}
  body.acp-ux .ux-sideprofile,
  body.acp-ux[data-ux-theme="dark"] .ux-sideprofile{
    margin:0 0 9px;
    padding:4px 6px 17px;
    border:0;
    border-bottom:1px solid var(--ux-line);
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.acp-ux .ux-sideprofile__avatar{
    width:40px;height:40px;flex-basis:40px;border-radius:11px;
  }
  body.acp-ux .ux-sideprofile__head strong{font-size:13.5px;font-weight:750}
  body.acp-ux .ux-sideprofile__head a{font-size:11.5px;font-weight:550}
  body.acp-ux .ux-nav-label{padding:9px 11px 5px;font-size:10px;letter-spacing:.075em}
  body.acp-ux .ux-side>a{min-height:46px;padding:10px 11px;font-size:13px;border-radius:11px}
  body.acp-ux .ux-side>a svg{width:18px;height:18px}
  body.acp-ux .ux-side>a.is-active,
  body.acp-ux .ux-side>a.is-active:hover{
    box-shadow:inset 3px 0 0 var(--ux-primary);
  }

  body.acp-ux .ux-main{
    width:calc(100% - var(--ux-side));
    margin-left:var(--ux-side);
    padding:26px clamp(28px,2.35vw,42px) 60px;
    gap:16px;
  }
}

/* Dock the global language/currency widget into the panel header on desktop.
   panel-premium.js moves the existing widget node; these rules only change its
   panel presentation. */
@media (min-width:900px){
  body.acp-ux .ux-top>.acp-world{
    position:static;
    inset:auto;
    z-index:auto;
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    color:var(--ux-text-2);
    font:600 12px/1.25 var(--ux-font);
  }
  body.acp-ux .ux-top>.acp-world .acp-world-picker{position:relative}
  body.acp-ux .ux-top>.acp-world summary{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 11px;
    border:1px solid var(--ux-line);
    border-radius:11px;
    background:var(--ux-card);
    color:var(--ux-text-2);
    box-shadow:var(--ux-shadow-sm);
    font:700 12px/1 var(--ux-font);
  }
  body.acp-ux .ux-top>.acp-world summary:hover{background:var(--ux-soft);border-color:var(--ux-line-strong)}
  body.acp-ux .ux-top>.acp-world details[open]>summary{
    border-color:color-mix(in srgb,var(--ux-primary) 45%,var(--ux-line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--ux-primary) 10%,transparent);
  }
  body.acp-ux .ux-top>.acp-world .acp-world-menu{
    top:calc(100% + 9px);
    bottom:auto;
    inset-inline-end:0;
    width:min(340px,calc(100vw - 30px));
    border:1px solid var(--ux-line);
    border-radius:14px;
    background:var(--ux-card);
    color:var(--ux-text);
    box-shadow:var(--ux-shadow-lg);
  }
  body.acp-ux .ux-top>.acp-world input{
    background:var(--ux-card);color:var(--ux-text);border-color:var(--ux-line-strong)
  }
  body.acp-ux .ux-top>.acp-world .acp-world-options :is(a,button,span){color:var(--ux-text-2)}
  body.acp-ux .ux-top>.acp-world .acp-world-options :is(a,button):hover,
  body.acp-ux .ux-top>.acp-world .acp-world-options button[aria-pressed="true"]{
    background:var(--ux-primary-soft);color:var(--ux-primary)
  }
  body.acp-ux .ux-top>.acp-world small,
  body.acp-ux .ux-top>.acp-world .acp-world-menu>a{color:var(--ux-muted)}
  body.acp-ux .ux-top>.acp-world .acp-world-auto{
    background:var(--ux-primary-soft);border-color:color-mix(in srgb,var(--ux-primary) 28%,var(--ux-line));color:var(--ux-primary)
  }
  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world summary,
  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world .acp-world-menu,
  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world input{background:var(--ux-card);color:var(--ux-text)}
}

/* New-order screen: align the paired hero cards and remove leftover geometry
   from older skins. */
body.acp-ux.acp-page-services .ux-panelhero{
  align-items:stretch;
  gap:18px;
}
body.acp-ux.acp-page-services .ux-panelhero__main,
body.acp-ux.acp-page-services .ux-panelhero__side,
body.acp-ux.acp-page-services .ux-overviewcard{height:100%}
body.acp-ux.acp-page-services .ux-panelhero__main{
  align-content:center;
  padding:24px 26px;
}
body.acp-ux.acp-page-services .ux-panelhero h1{font-size:clamp(31px,2.7vw,38px)}
body.acp-ux.acp-page-services .ux-panelhero p{font-size:13.5px;max-width:66ch}
body.acp-ux.acp-page-services .ux-panelhero__steps>div{min-height:60px;padding:10px 12px}
body.acp-ux.acp-page-services .ux-panelhero__steps strong{font-size:12px}
body.acp-ux.acp-page-services .ux-overviewcard{align-content:center;padding:19px}
body.acp-ux.acp-page-services .ux-overviewcard__head>.ux-btn{max-width:104px}
body.acp-ux.acp-page-services .ux-overviewcard__stats small{font-size:10.5px}
body.acp-ux.acp-page-services .ux-overviewcard__stats strong{font-size:20px}

/* Correct the broken step-header cascade. A previous rule left a primary
   background on the 01 badge but changed its text to the same primary colour,
   while space-between pushed the copy away from the badge. */
body.acp-ux .ux-orderworkspace__head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:1px 1px 4px;
}
body.acp-ux .ux-orderworkspace__head>div{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  gap:2px;
  text-align:left;
}
body.acp-ux .ux-orderworkspace__step{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border-radius:10px;
  background:var(--ux-primary);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
body.acp-ux .ux-orderworkspace__head strong{font-size:16px;line-height:1.3}
body.acp-ux .ux-orderworkspace__head small{font-size:12px;line-height:1.45}

/* Service discovery controls should feel like one workspace, not several
   unrelated full-width cards. */
body.acp-ux.acp-page-services .ux-neworderstage{gap:18px}
body.acp-ux.acp-page-services .ux-neworderstage__main{gap:12px}
body.acp-ux.acp-page-services .ux-servicepicker,
body.acp-ux.acp-page-services .ux-brandrail,
body.acp-ux.acp-page-services .ux-orderworkspace,
body.acp-ux.acp-page-services .ux-sidecard{border-radius:14px}
body.acp-ux.acp-page-services .ux-servicepicker__summary{min-height:62px;padding:10px 14px}
body.acp-ux.acp-page-services .ux-servicepicker__copy strong{font-size:13px}
body.acp-ux.acp-page-services .ux-servicepicker__copy small,
body.acp-ux.acp-page-services .ux-servicepicker__hint{font-size:11.5px}
body.acp-ux.acp-page-services .ux-brandrail{min-height:102px;padding:10px 12px;gap:10px;scrollbar-width:none}
body.acp-ux.acp-page-services .ux-brandrail::-webkit-scrollbar{display:none}
body.acp-ux.acp-page-services .ux-brandrail__item{min-width:72px;gap:6px;padding:5px 4px}
body.acp-ux.acp-page-services .ux-brandrail__item>span{width:48px;height:48px;border-radius:12px}
body.acp-ux.acp-page-services .ux-brandrail__item>small{max-width:72px;font-size:10.5px}
body.acp-ux.acp-page-services .ux-orderworkspace{padding:18px}
body.acp-ux.acp-page-services .ux-sidecard{padding:19px}
body.acp-ux.acp-page-services .ux-sidecard__intro{font-size:12.5px}
body.acp-ux.acp-page-services .ux-checklist{gap:11px}
body.acp-ux.acp-page-services .ux-checklist li{font-size:12.5px;line-height:1.55}

/* Keep narrower desktop widths usable without shrinking text or allowing the
   right column to squeeze the service controls. */
@media (min-width:900px) and (max-width:1180px){
  body.acp-ux{--ux-side:220px}
  body.acp-ux .ux-main{padding:22px 20px 48px}
  body.acp-ux .ux-logo{width:calc(var(--ux-side) - 24px);flex-basis:calc(var(--ux-side) - 24px)}
  body.acp-ux .ux-top>.acp-world summary{padding-inline:9px}
  body.acp-ux.acp-page-services .ux-panelhero,
  body.acp-ux.acp-page-services .ux-neworderstage{grid-template-columns:minmax(0,1fr) 275px}
}

@media (min-width:900px) and (max-width:1030px){
  body.acp-ux .ux-accountpill__text{display:none}
  body.acp-ux .ux-accountpill{padding-right:5px}
  body.acp-ux.acp-page-services .ux-panelhero{grid-template-columns:1fr}
  body.acp-ux.acp-page-services .ux-panelhero__side{display:block}
}

/* On mobile the language/currency control remains a compact floating utility;
   the desktop docking rules above do not force extra controls into the header. */
@media (max-width:899.98px){
  body.acp-ux .ux-top>.acp-world{
    position:fixed;
    top:auto;
    bottom:12px;
    inset-inline-end:12px;
    z-index:99990;
  }
  body.acp-ux .ux-pagehead--hidden{display:none!important}
  body.acp-ux .ux-orderworkspace__head{align-items:flex-start}
  body.acp-ux .ux-orderworkspace__step{width:36px;height:36px;flex-basis:36px}
}

/* ============================================================================
   4.4.19 — /panel services viewport + catalog card repair
   Screenshot-driven fixes for the remaining New Order desktop issues.
   ============================================================================ */

/* The order chooser became a large card over several releases, so keeping the
   old .ux-stickybar behaviour made the entire form pin below the header while
   scrolling. That hid the catalog and made the page appear stuck. Only the
   compact right-hand guidance card should remain sticky on desktop. */
body.acp-ux.acp-page-services .ux-orderworkspace.ux-stickybar{
  position:relative;
  top:auto;
  z-index:auto;
  background:var(--ux-card);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

body.acp-ux.acp-page-services .ux-neworderstage__side{
  top:86px;
}

/* Give the catalog a clean transition after the chooser and prevent the count
   from drifting away from the heading on wide screens. */
body.acp-ux.acp-page-services [data-ux-related-products]{
  display:grid;
  gap:12px;
  min-width:0;
}
body.acp-ux.acp-page-services .ux-related-head{
  margin-top:4px;
  min-height:44px;
  align-items:end;
}
body.acp-ux.acp-page-services .ux-related-head>div{min-width:0}
body.acp-ux.acp-page-services .ux-related-head>small,
body.acp-ux.acp-page-services .ux-related-head small{
  display:block;
  margin-bottom:2px;
  color:var(--ux-muted);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
body.acp-ux.acp-page-services .ux-related-head h2{
  margin:0;
  font-size:19px;
  line-height:1.25;
}
body.acp-ux.acp-page-services .ux-related-head>span{
  padding-bottom:3px;
  font-size:11.5px;
  white-space:nowrap;
}

/* Desktop catalog cards: compact horizontal composition. The previous
   column/flex card put the thumbnail above the content, creating the large dead
   areas visible in the screenshot and making actions land on different lines. */
@media (min-width:900px){
  body.acp-ux.acp-page-services .ux-servicegrid--big{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
  }
  body.acp-ux.acp-page-services .ux-service--card{
    min-height:154px;
    height:100%;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    grid-template-rows:1fr;
    align-items:start;
    gap:12px;
    padding:14px;
  }
  body.acp-ux.acp-page-services .ux-service__img{
    width:58px;
    height:58px;
    min-width:58px;
    margin:0;
    align-self:start;
    border-radius:12px;
  }
  body.acp-ux.acp-page-services .ux-service__body{
    min-width:0;
    min-height:124px;
    height:100%;
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:0;
  }
  body.acp-ux.acp-page-services .ux-service__titleline{
    min-height:38px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
  }
  body.acp-ux.acp-page-services .ux-service__titleline a{min-width:0}
  body.acp-ux.acp-page-services .ux-service__titleline strong{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:13.5px;
    line-height:1.42;
  }
  body.acp-ux.acp-page-services .ux-service__availability{
    min-height:23px;
    padding:4px 8px;
    font-size:10px;
    line-height:1.15;
    white-space:nowrap;
  }
  body.acp-ux.acp-page-services .ux-service__description{
    min-height:35px;
    margin:0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:11.5px;
    line-height:1.55;
  }
  body.acp-ux.acp-page-services .ux-service__meta{
    min-height:16px;
    font-size:10.5px;
    line-height:1.45;
  }
  body.acp-ux.acp-page-services .ux-service__foot{
    min-height:38px;
    margin-top:auto;
    padding-top:9px;
    border-top:1px solid var(--ux-line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  body.acp-ux.acp-page-services .ux-service__foot>b{
    font-size:15px;
    line-height:1.2;
    white-space:nowrap;
  }
  body.acp-ux.acp-page-services .ux-service__foot :is(form,.ux-btn){
    flex:0 0 auto;
  }
  body.acp-ux.acp-page-services .ux-service__foot .ux-btn{
    min-height:36px;
    padding:8px 12px;
  }
}

/* On medium desktop widths, preserve the compact card anatomy but avoid making
   two columns too narrow once the permanent sidebar is taken into account. */
@media (min-width:900px) and (max-width:1120px){
  body.acp-ux.acp-page-services .ux-servicegrid--big{grid-template-columns:1fr}
  body.acp-ux.acp-page-services .ux-service--card{min-height:142px}
  body.acp-ux.acp-page-services .ux-service__body{min-height:112px}
}

/* Mobile/tablet cards stay single-column but keep the same alignment discipline
   rather than reverting to the oversized legacy card. */
@media (max-width:899.98px){
  body.acp-ux.acp-page-services .ux-orderworkspace.ux-stickybar{position:static}
  body.acp-ux.acp-page-services .ux-service--card{
    min-height:0;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:11px;
    padding:12px;
  }
  body.acp-ux.acp-page-services .ux-service__img,
  body.acp-ux.acp-page-services .ux-service__img img,
  body.acp-ux.acp-page-services .ux-thumbfall{width:52px;height:52px}
  body.acp-ux.acp-page-services .ux-service__body{padding:0;display:flex;flex-direction:column;gap:6px}
  body.acp-ux.acp-page-services .ux-service__description{-webkit-line-clamp:2}
  body.acp-ux.acp-page-services .ux-service__foot{margin-top:8px;padding-top:9px;border-top:1px solid var(--ux-line)}
}

@media (max-width:560px){
  body.acp-ux.acp-page-services .ux-related-head{align-items:flex-start;min-height:0}
  body.acp-ux.acp-page-services .ux-related-head>span{padding:0;white-space:normal}
  body.acp-ux.acp-page-services .ux-service--card{grid-template-columns:46px minmax(0,1fr);gap:10px}
  body.acp-ux.acp-page-services .ux-service__img,
  body.acp-ux.acp-page-services .ux-service__img img,
  body.acp-ux.acp-page-services .ux-thumbfall{width:46px;height:46px}
  body.acp-ux.acp-page-services .ux-service__titleline{display:flex;flex-wrap:wrap}
  body.acp-ux.acp-page-services .ux-service__availability{font-size:10px}
  body.acp-ux.acp-page-services .ux-service__foot{grid-column:1/-1;flex-wrap:wrap}
  body.acp-ux.acp-page-services .ux-service__foot :is(form,.ux-btn){width:100%}
  body.acp-ux.acp-page-services .ux-service__foot .ux-btn{width:100%;justify-content:center}
}

/* ============================================================================
   4.4.20 — mobile header utility collision repair
   Language/currency previously remained inside .ux-top but were also given
   floating mobile coordinates by an older international layer. Keep one clear
   layout: primary header controls on row one, locale controls on row two.
   ============================================================================ */
@media (max-width:899.98px){
  body.acp-ux .ux-top{
    min-height:0;
    height:auto;
    flex-wrap:wrap;
    align-items:center;
    row-gap:6px;
    padding-top:8px;
    padding-bottom:7px;
  }

  body.acp-ux .ux-top>.ux-burger,
  body.acp-ux .ux-top>.ux-logo,
  body.acp-ux .ux-top>.ux-theme,
  body.acp-ux .ux-top>.ux-balance{
    order:1;
  }

  body.acp-ux .ux-top>.ux-logo{min-width:0}
  body.acp-ux .ux-top>.ux-theme{margin-left:auto}

  /* The native panel currency control is superseded by the combined
     language/currency widget when that widget is active. */
  html.acp-world-active body.acp-ux .ux-top>.ux-fx{display:none!important}

  body.acp-ux .ux-top>.acp-world{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    order:20;
    flex:1 0 100%;
    width:100%;
    max-width:none;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:6px;
    color:var(--ux-text-2);
    font:600 11.5px/1.2 var(--ux-font);
    pointer-events:auto;
  }

  body.acp-ux .ux-top>.acp-world .acp-world-picker{
    position:relative;
    min-width:0;
    margin:0;
  }

  body.acp-ux .ux-top>.acp-world summary{
    width:100%;
    min-width:0;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 9px;
    overflow:hidden;
    border:1px solid var(--ux-line);
    border-radius:9px;
    background:var(--ux-card);
    color:var(--ux-text-2);
    box-shadow:none;
    font:700 11.5px/1 var(--ux-font);
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body.acp-ux .ux-top>.acp-world summary>span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.acp-ux .ux-top>.acp-world details[open]>summary{
    border-color:color-mix(in srgb,var(--ux-primary) 42%,var(--ux-line));
    box-shadow:0 0 0 2px color-mix(in srgb,var(--ux-primary) 9%,transparent);
  }

  /* Keep dropdowns as mobile sheets, away from the header controls. */
  body.acp-ux .ux-top>.acp-world .acp-world-menu{
    position:fixed!important;
    top:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    left:10px!important;
    right:10px!important;
    inset-inline:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(70dvh,560px);
    overflow:auto;
    margin:0;
    border:1px solid var(--ux-line);
    border-radius:15px;
    background:var(--ux-card);
    color:var(--ux-text);
    box-shadow:0 22px 70px rgba(0,0,0,.28);
  }

  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world summary,
  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world .acp-world-menu,
  body.acp-ux[data-ux-theme="dark"] .ux-top>.acp-world input{
    background:var(--ux-card);
    color:var(--ux-text);
    border-color:var(--ux-line);
  }
}

@media (max-width:430px){
  body.acp-ux .ux-top>.acp-world{gap:5px}
  body.acp-ux .ux-top>.acp-world summary{min-height:33px;padding-inline:7px;font-size:11px}
  body.acp-ux .ux-top>.ux-theme{width:38px;min-width:38px;min-height:38px}
  body.acp-ux .ux-top>.ux-balance{min-height:38px}
}

@media (max-width:350px){
  body.acp-ux .ux-top>.acp-world{grid-template-columns:1fr}
}

/* ============================================================================
   4.4.21 — compact mobile header locale controls
   Keep Language + Currency in the primary mobile header beside the theme
   control. Menus open below the sticky header instead of above/behind it.
   ============================================================================ */
@media (max-width:899.98px){
  body.acp-ux .ux-top{
    min-height:56px;
    flex-wrap:nowrap;
    row-gap:0;
    column-gap:5px;
    padding:7px max(8px,env(safe-area-inset-right,0px)) 7px max(8px,env(safe-area-inset-left,0px));
  }

  body.acp-ux .ux-top>.ux-burger,
  body.acp-ux .ux-top>.ux-logo,
  body.acp-ux .ux-top>.acp-world,
  body.acp-ux .ux-top>.ux-theme,
  body.acp-ux .ux-top>.ux-balance{
    order:initial;
  }

  body.acp-ux .ux-top>.ux-logo{
    flex:0 1 auto;
    min-width:0;
    margin-right:auto;
  }

  /* One compact locale group in the header. This intentionally replaces the
     4.4.20 second-row layout. */
  body.acp-ux .ux-top>.acp-world{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center;
    gap:4px;
    color:var(--ux-text-2);
    font:700 10.5px/1 var(--ux-font);
    pointer-events:auto;
  }

  body.acp-ux .ux-top>.acp-world .acp-world-picker{
    position:static;
    flex:0 0 auto;
    min-width:0;
    margin:0;
  }

  body.acp-ux .ux-top>.acp-world summary{
    width:auto!important;
    min-width:0!important;
    max-width:68px;
    min-height:34px!important;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:0 7px!important;
    overflow:hidden;
    border:1px solid var(--ux-line)!important;
    border-radius:9px!important;
    background:var(--ux-card)!important;
    color:var(--ux-text-2)!important;
    box-shadow:none!important;
    font:700 10.5px/1 var(--ux-font)!important;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  body.acp-ux .ux-top>.acp-world .acp-world-picker:first-child summary{
    max-width:70px;
  }
  body.acp-ux .ux-top>.acp-world [data-acp-currency-picker] summary{
    max-width:52px;
  }
  body.acp-ux .ux-top>.acp-world summary>span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.acp-ux .ux-top>.acp-world details[open]>summary{
    border-color:color-mix(in srgb,var(--ux-primary) 48%,var(--ux-line))!important;
    background:var(--ux-primary-soft)!important;
    color:var(--ux-primary)!important;
    box-shadow:none!important;
  }

  /* Always expose the picker below the sticky header. A fixed viewport popover
     avoids clipping from details/headers and keeps the full menu reachable. */
  body.acp-ux .ux-top>.acp-world .acp-world-menu,
  body.acp-ux .ux-top>.acp-world .acp-world-picker:first-child .acp-world-menu{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top,0px))!important;
    bottom:auto!important;
    left:8px!important;
    right:8px!important;
    inset-inline-start:8px!important;
    inset-inline-end:8px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 72px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    overflow:auto;
    overscroll-behavior:contain;
    margin:0!important;
    padding:13px!important;
    z-index:9105!important;
    border:1px solid var(--ux-line)!important;
    border-radius:13px!important;
    background:var(--ux-card)!important;
    color:var(--ux-text)!important;
    box-shadow:0 18px 55px rgba(0,0,0,.26)!important;
  }

  body.acp-ux .ux-top>.ux-theme{
    width:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    height:34px;
    padding:0!important;
    border-radius:9px;
    margin-left:0;
  }
  body.acp-ux .ux-top>.ux-theme svg{width:16px;height:16px}
}

@media (max-width:520px){
  body.acp-ux .ux-top>.ux-logo img{max-width:92px}
  body.acp-ux .ux-top>.acp-world{gap:3px}
  body.acp-ux .ux-top>.acp-world summary{height:32px;min-height:32px!important;padding-inline:6px!important;font-size:10px!important}
  body.acp-ux .ux-top>.acp-world .acp-world-picker:first-child summary{max-width:64px}
  body.acp-ux .ux-top>.acp-world [data-acp-currency-picker] summary{max-width:48px}
  body.acp-ux .ux-top>.ux-theme{width:32px!important;min-width:32px!important;min-height:32px!important;height:32px}
}

@media (max-width:360px){
  body.acp-ux .ux-top{column-gap:4px;padding-left:6px;padding-right:6px}
  body.acp-ux .ux-burger{width:38px;flex-basis:38px;height:38px}
  body.acp-ux .ux-top>.ux-logo img{max-width:76px}
  body.acp-ux .ux-top>.acp-world summary{padding-inline:5px!important;font-size:9.5px!important}
  body.acp-ux .ux-top>.acp-world .acp-world-picker:first-child summary{max-width:58px}
  body.acp-ux .ux-top>.acp-world [data-acp-currency-picker] summary{max-width:44px}
}

/* ============================================================================
   4.4.22 — dashboard composition and density repair
   The desktop home screen had individually-correct components that did not
   compose well together at wide resolutions. This pass tightens the hierarchy,
   removes wasted vertical space, and aligns list/action geometry without
   touching dashboard data or customer actions.
   ============================================================================ */
body.acp-ux.acp-page-dashboard .ux-homework{
  gap:14px;
}

@media (min-width:900px){
  body.acp-ux.acp-page-dashboard .ux-main{
    padding-top:20px;
    padding-left:clamp(24px,2vw,34px);
    padding-right:clamp(24px,2vw,34px);
    gap:14px;
  }

  /* Hero: stop stretching the nested wallet card to the full hero height. */
  body.acp-ux.acp-page-dashboard .ux-home-start{
    grid-template-columns:minmax(0,1fr) minmax(286px,326px);
    align-items:center;
    gap:18px;
    padding:20px 22px;
    border-radius:15px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-start__copy{
    gap:8px;
    align-content:center;
  }
  body.acp-ux.acp-page-dashboard .ux-home-start__copy h1{
    font-size:clamp(30px,2.2vw,35px);
    line-height:1.08;
    letter-spacing:-.04em;
  }
  body.acp-ux.acp-page-dashboard .ux-home-start__copy>p{
    max-width:64ch;
    margin:0;
    font-size:13px;
    line-height:1.5;
  }
  body.acp-ux.acp-page-dashboard .ux-dashsection__eyebrow{
    font-size:10px;
    letter-spacing:.065em;
  }

  /* Search remains prominent without becoming the visual weight of the page. */
  body.acp-ux.acp-page-dashboard .ux-home-search{
    max-width:760px;
    gap:6px;
    padding:4px;
    border-radius:12px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-search input{
    min-height:42px;
    padding-inline:10px;
    font-size:13px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-search button{
    min-width:126px;
    min-height:42px;
    padding-inline:15px;
    border-radius:8px;
    font-size:11.5px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-start__links{
    gap:18px;
    margin-top:1px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-start__links a{
    font-size:12px;
  }

  /* Wallet: compact secondary summary instead of a second oversized hero. */
  body.acp-ux.acp-page-dashboard .ux-home-wallet{
    align-self:center;
    width:100%;
    min-height:0;
    gap:7px;
    padding:16px;
    border-radius:13px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-wallet>span{
    font-size:10px;
    letter-spacing:.045em;
  }
  body.acp-ux.acp-page-dashboard .ux-home-wallet>strong{
    font-size:27px;
    line-height:1.12;
  }
  body.acp-ux.acp-page-dashboard .ux-home-wallet>div{
    gap:6px;
    margin-top:1px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-wallet .ux-btn{
    min-height:38px;
    padding:8px 12px;
    border-radius:9px;
    font-size:11.5px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-wallet p{
    margin:2px 0 0;
    font-size:11px;
  }

  /* Delivery/progress strip should read as a status strip, not another card. */
  body.acp-ux.acp-page-dashboard .ux-home-active{
    min-height:58px;
    padding:10px 14px;
    gap:12px;
    border-radius:13px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-active>div{
    gap:2px 9px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-active strong{
    font-size:13px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-active small{
    font-size:11.25px;
    line-height:1.4;
  }
  body.acp-ux.acp-page-dashboard .ux-home-active>.ux-btn{
    min-height:38px;
    padding:8px 13px;
    white-space:nowrap;
  }

  /* Lower dashboard: equal visual weight, tighter headers and denser rows. */
  body.acp-ux.acp-page-dashboard .ux-home-grid{
    gap:14px;
    align-items:stretch;
  }
  body.acp-ux.acp-page-dashboard .ux-home-grid>.ux-card{
    height:100%;
    padding:18px 19px;
    border-radius:15px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-grid .ux-card__head{
    align-items:center;
    margin-bottom:8px;
    gap:12px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-grid .ux-card__head h2{
    margin-top:2px;
    font-size:16px;
    line-height:1.25;
  }
  body.acp-ux.acp-page-dashboard .ux-home-grid .ux-card__head>a{
    font-size:11.5px;
  }

  body.acp-ux.acp-page-dashboard .ux-home-orderrows>a,
  body.acp-ux.acp-page-dashboard .ux-home-servicelist>a{
    min-height:56px;
    gap:9px;
    padding:8px 0;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows>a{
    grid-template-columns:minmax(0,1fr) auto;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__main,
  body.acp-ux.acp-page-dashboard .ux-home-servicelist>a>span:nth-child(2){
    gap:1px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__main strong,
  body.acp-ux.acp-page-dashboard .ux-home-servicelist strong{
    font-size:12.5px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__main small,
  body.acp-ux.acp-page-dashboard .ux-home-servicelist small{
    font-size:10.75px;
    line-height:1.35;
  }

  /* Price and status belong on one baseline; the stacked version made every
     recent-order row look taller and visually lopsided. */
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__side{
    min-width:142px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__side b,
  body.acp-ux.acp-page-dashboard .ux-home-servicelist>a>b{
    font-size:12.5px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__side .ux-tag{
    min-width:76px;
    justify-content:center;
  }

  body.acp-ux.acp-page-dashboard .ux-home-servicelist>a{
    grid-template-columns:36px minmax(0,1fr) auto;
  }
  body.acp-ux.acp-page-dashboard .ux-home-serviceicon{
    width:34px;
    height:34px;
    border-radius:9px;
    font-size:12px;
  }
}

/* Wide screens need rhythm, not larger boxes. Keep the dashboard compact even
   when the browser has a lot of horizontal room. */
@media (min-width:1500px){
  body.acp-ux.acp-page-dashboard .ux-home-start{
    grid-template-columns:minmax(0,1fr) 320px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}

/* Tablet remains two logical sections but avoids over-compressing the wallet. */
@media (min-width:900px) and (max-width:1180px){
  body.acp-ux.acp-page-dashboard .ux-home-start{
    grid-template-columns:minmax(0,1fr) 280px;
    padding:18px;
  }
  body.acp-ux.acp-page-dashboard .ux-home-orderrows__side{
    min-width:0;
    display:grid;
    justify-items:end;
    gap:4px;
  }
}

/* Mobile inherits the established stacked layout; only tighten dashboard-only
   spacing so the desktop density repair does not create another mobile skin. */
@media (max-width:899.98px){
  body.acp-ux.acp-page-dashboard .ux-homework{gap:12px}
  body.acp-ux.acp-page-dashboard .ux-home-grid{gap:12px}
}

/* 4.5.1.5 — full-catalog picker finish: clear completeness message + keyboard focus. */
body.acp-ux .ux-servicepicker__status{margin:-2px 10px 8px;color:var(--ux-muted);font-size:11.5px;line-height:1.45}
body.acp-ux .ux-servicepicker__item:focus-visible{outline:2px solid var(--ux-primary);outline-offset:1px;background:var(--ux-primary-soft)}
body.acp-ux[data-ux-theme="dark"] .ux-servicepicker__item:focus-visible{background:rgba(255,255,255,.06)}
@media(max-width:680px){body.acp-ux .ux-servicepicker__status{margin:0 8px 8px;font-size:11px}}