/* Shared customer components. Public palettes remain separate from the authenticated redesign. */
@font-face { font-family: Inter; src: url('/fonts/inter/inter-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('/fonts/inter/inter-500.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url('/fonts/inter/inter-600.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url('/fonts/inter/inter-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
:root { --client-space-1: 4px; --client-space-2: 8px; --client-space-3: 16px; --client-space-4: 24px; --client-space-5: 32px; --client-radius-control: 6px; --client-radius-surface: 6px; --client-control-height: 44px; --client-mobile-gutter: 16px; --client-font: 'Segoe UI', Tahoma, Arial, sans-serif; }
.client-public { --client-on-primary: #fff; --client-primary: var(--theme-primary); --client-surface: var(--theme-surface); --client-surface-muted: var(--theme-surface-muted); --client-text: var(--theme-text); --client-muted: var(--theme-muted); --client-border: var(--theme-border); --client-shadow: var(--theme-shadow-soft); font-family: var(--client-font); letter-spacing: 0; }
.client-public[data-client-theme='pro'] { --client-on-primary: #242329; }
.client-public[data-client-theme='pro-roxo'] { --client-primary: var(--roxo-primary); --client-surface: var(--roxo-surface); --client-surface-muted: var(--roxo-surface-muted); --client-text: var(--roxo-text); --client-muted: var(--roxo-muted); --client-border: var(--roxo-border); --client-shadow: var(--roxo-shadow-soft); }
.client-public[data-client-theme='pro-executivo'] { --client-primary: var(--exec-teal); --client-surface: var(--exec-surface); --client-surface-muted: var(--exec-surface-muted); --client-text: var(--exec-text); --client-muted: var(--exec-text-muted); --client-border: var(--exec-border); --client-shadow: var(--exec-shadow-soft); }
.client-public:not(.client-auth) :is(.btn,.form-control) { border-radius: 4px !important; }
.client-public :is(.btn,input.form-control,select.form-control) { min-height: 44px; }
.client-brand { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; }
.client-brand img { max-width: 100%; height: 43px; object-fit: contain; }
.client-brand strong { font-size: 24px; line-height: 1.3; overflow-wrap: anywhere; }
.client-legal-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 24px; }
.client-legal-links a { display: inline-flex; align-items: center; min-height: 44px; text-align: center; }
.client-legal-page { max-width: 1000px; }
.client-public .client-legal-page { padding-top: 24px; padding-bottom: 32px; }
.client-legal-page .text-block__description { font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
.client-legal-page .text-block__description h1 { font-size: 28px; line-height: 1.25; margin: 0 0 16px; }
.client-legal-page .text-block__description h2 { font-size: 20px; line-height: 1.35; margin: 24px 0 12px; }
.client-legal-page .text-block__description p { margin-bottom: 16px; }
.client-legal-page .text-block__description li { margin-bottom: 8px; }

:is(body.client-panel.client-redesign,body.client-public.client-auth) {
  --client-font: Inter, 'Segoe UI', Arial, sans-serif;
  --client-background: #f7f9f9; --client-surface: #fff; --client-surface-muted: #f1f5f5;
  --client-text: #172124; --client-muted: #5c6d75; --client-border: #dce4e4;
  --client-primary: var(--client-accent-light); --client-primary-hover: var(--client-accent-hover-light); --client-on-primary: #fff;
  --client-selected: var(--client-tint-light); --client-shadow: none; --client-success: #18713b;
  --client-warning: #8a5300; --client-danger: #c02b38;
  color-scheme: light; margin: 0; background: var(--client-background) !important; color: var(--client-text) !important;
  font: 400 14px/1.5 var(--client-font); letter-spacing: 0;
}
:is(body.client-panel.client-redesign,body.client-public.client-auth)[data-client-appearance='dark'] {
  color-scheme: dark; --client-background: #101314; --client-surface: #171c1f; --client-surface-muted: #1c2427;
  --client-text: #f1f4f5; --client-muted: #b1bdc6; --client-border: #2b373d;
  --client-primary: var(--client-accent-dark); --client-primary-hover: var(--client-accent-hover-dark); --client-on-primary: #111827;
  --client-selected: var(--client-nav-selected); --client-success: #61d58b; --client-warning: #f2bc64; --client-danger: #ff8992;
}
/* One private palette contract per configured theme, independent of light/dark preference. */
:is(body.client-panel.client-redesign,body.client-public.client-auth) {
  --client-accent-light: #0f766e; --client-accent-hover-light: #0b625c; --client-tint-light: #e6f4f1;
  --client-accent-dark: #5bd9ce; --client-accent-hover-dark: #8be6de;
  --client-nav-selected: #163b37; --client-nav-accent: var(--client-accent-dark);
}
:is(body.client-panel.client-redesign,body.client-public.client-auth)[data-client-theme='pro'] {
  --client-accent-light: #b4471d; --client-accent-hover-light: #963715; --client-tint-light: #fff0e9;
  --client-accent-dark: #ffab86; --client-accent-hover-dark: #ffc6ac; --client-nav-selected: #432b22;
}
:is(body.client-panel.client-redesign,body.client-public.client-auth)[data-client-theme='pro-blue'] {
  --client-accent-light: #1769c2; --client-accent-hover-light: #12559f; --client-tint-light: #eaf3ff;
  --client-accent-dark: #78baff; --client-accent-hover-dark: #a2cfff; --client-nav-selected: #1c324a;
}
:is(body.client-panel.client-redesign,body.client-public.client-auth)[data-client-theme='pro-red'] {
  --client-accent-light: #c42d40; --client-accent-hover-light: #a42232; --client-tint-light: #fff0f2;
  --client-accent-dark: #ff98a4; --client-accent-hover-dark: #ffbac2; --client-nav-selected: #43252c;
}
:is(body.client-panel.client-redesign,body.client-public.client-auth)[data-client-theme='pro-roxo'] {
  --client-accent-light: #651ad6; --client-accent-hover-light: #5114ad; --client-tint-light: #f2ecff;
  --client-accent-dark: #c3a3ff; --client-accent-hover-dark: #d7c2ff; --client-nav-selected: #34264b;
}
:is(.client-redesign,.client-auth) *, :is(.client-redesign,.client-auth) *::before, :is(.client-redesign,.client-auth) *::after { box-sizing: border-box; letter-spacing: 0; }
:is(.client-redesign,.client-auth) [hidden] { display: none !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) :is(h1,h2,h3,h4,label,.control-label,.fla) { color: var(--client-text) !important; font-family: var(--client-font) !important; }
:is(.client-redesign,.client-auth) :is(h1,h2,h3,h4) { font-weight: 600; overflow-wrap: anywhere; }
:is(.client-redesign,.client-auth) h2 { font-size: 18px; line-height: 1.4; }
:is(.client-redesign,.client-auth) p { line-height: 1.6; }
:is(.client-redesign,.client-auth) a { color: var(--client-primary); }
:is(.client-redesign,.client-auth) :is(button,input,select,textarea) { font-family: inherit; }
:is(.client-redesign,.client-auth) :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--client-primary); outline-offset: 3px; }
:is(.client-redesign,.client-auth) :is(.btn,.tutorial-open,.affiliate-btn) {
  display: inline-flex; justify-content: center; align-items: center; gap: 8px;
  min-height: 44px; padding: 10px 16px !important; border: 1px solid var(--client-border) !important;
  border-radius: 6px !important; background: var(--client-surface) !important; color: var(--client-text) !important;
  box-shadow: none !important; font: 500 14px/1.4 var(--client-font) !important; text-decoration: none;
  white-space: normal; cursor: pointer;
}
:is(body.client-panel.client-redesign,body.client-public.client-auth) :is(.btn-primary,.tutorial-open,.affiliate-btn-primary) { background: var(--client-primary) !important; border-color: var(--client-primary) !important; color: var(--client-on-primary) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .btn-primary:hover { background: var(--client-primary-hover) !important; }
:is(.client-redesign,.client-auth) :is(button,.btn):disabled { opacity: .55; cursor: not-allowed; }
:is(.client-redesign,.client-auth) .btn-block { width: 100%; }
:is(.client-redesign,.client-auth) :is(.form-control,.fg-control) {
  width: 100%; max-width: 100%; min-width: 0; min-height: 44px; height: auto;
  padding: 11px 12px !important; border: 1px solid var(--client-border) !important; border-radius: 6px !important;
  background: var(--client-surface) !important; color: var(--client-text) !important; box-shadow: none !important;
  font: 400 14px/1.5 var(--client-font) !important;
}
:is(.client-redesign,.client-auth) select.form-control { appearance: auto !important; padding-right: 32px !important; text-overflow: ellipsis; }
:is(.client-redesign,.client-auth) .form-control::placeholder { color: var(--client-muted); opacity: 1; }
:is(.client-redesign,.client-auth) .form-control[readonly] { background: var(--client-surface-muted) !important; color: var(--client-muted) !important; }
:is(.client-redesign,.client-auth) .form-group { min-width: 0; margin-bottom: 20px; }
:is(.client-redesign,.client-auth) :is(.control-label,.fla,.form-group > label) { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 500; }
:is(.client-redesign,.client-auth) input[type='checkbox'] { appearance: auto; width: 18px; height: 18px; accent-color: var(--client-primary); vertical-align: middle; }
:is(.client-redesign,.client-auth) .help-block { color: var(--client-muted); font-size: 12px; line-height: 1.5; }
:is(.client-redesign,.client-auth) .alert { border: 1px solid var(--client-border) !important; border-radius: 6px !important; color: var(--client-text); background: var(--client-surface-muted) !important; box-shadow: none !important; overflow-wrap: anywhere; }
:is(.client-redesign,.client-auth) .alert-danger { color: var(--client-danger) !important; }
:is(.client-redesign,.client-auth) .alert-success { color: var(--client-success) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .panel-notices-container { width: 100%; max-width: none; padding: 0; margin-inline: 0; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .panel-notice { border-radius: var(--client-radius-surface); box-shadow: none; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .panel-notice--primary { background: var(--client-primary) !important; color: var(--client-on-primary) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .panel-notice--primary a { color: var(--client-on-primary) !important; text-decoration: underline; }
:is(.client-redesign,.client-auth) .close { color: var(--client-text); text-shadow: none; opacity: 1; }
:is(.client-redesign,.client-auth) :is(.modal-content,.modal-body,.modal-header,.modal-footer) { background: var(--client-surface); color: var(--client-text); border-color: var(--client-border); }
:is(.client-redesign,.client-auth) .modal-content { border: 1px solid var(--client-border); border-radius: 6px; }
:is(.client-redesign,.client-auth) .client-status-tabs { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overflow-y: hidden; max-width: 100%; margin: 0 0 20px; padding: 0 0 12px; }
:is(.client-redesign,.client-auth) .client-status-tabs > li { flex: 0 0 auto; width: auto !important; margin: 0; }
:is(.client-redesign,.client-auth) .client-status-tabs .nav-link { display: flex; align-items: center; min-height: 42px; padding: 10px 14px !important; border: 1px solid var(--client-border) !important; border-radius: 6px !important; background: transparent !important; color: var(--client-muted) !important; white-space: nowrap; font-size: 14px !important; font-weight: 500; }
:is(.client-redesign,.client-auth) .client-status-tabs .nav-link.active { color: var(--client-primary) !important; border-color: var(--client-primary) !important; background: var(--client-selected) !important; }
:is(.client-redesign,.client-auth) .client-history-search { width: min(420px,100%); margin: 0 0 20px auto; padding: 0; border: 0; background: transparent; box-shadow: none; }
.client-history-search form { margin: 0; }
.client-history-search .input-group { display: flex; width: 100%; }
.client-history-search .form-control { min-width: 0; flex: 1; }
.client-history-search button { min-width: 46px; min-height: 44px; height: 100%; }
:is(.client-redesign,.client-auth) .client-history-search .form-control { border-radius: 6px 0 0 6px !important; }
:is(.client-redesign,.client-auth) .client-history-search button { border-left: 0 !important; border-radius: 0 6px 6px 0 !important; }
:is(.client-panel,.client-public) .client-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; padding: 0 0 12px; background: var(--client-surface); border: 1px solid var(--client-border); border-radius: 6px; box-shadow: none; }
:is(.client-panel,.client-public) .client-data-table { width: 100%; min-width: 640px; margin: 0; border-collapse: collapse; color: var(--client-text); }
:is(.client-panel,.client-public) .client-data-table :is(thead tr th,tbody tr td) { padding: 18px 20px; vertical-align: middle; line-height: 1.5; font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; text-align: left; overflow-wrap: anywhere; border-bottom: 1px solid var(--client-border); }
:is(.client-panel,.client-public) .client-data-table thead tr th { white-space: nowrap; font-weight: 500; color: var(--client-muted); background: var(--client-surface-muted); }
body.client-public .client-data-table :is(thead tr th,tbody tr td) { padding: 14px 24px !important; font-size: 16px; }
:is(.client-redesign,.client-auth) .client-data-table tbody tr:last-child td { border-bottom: 0; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) table.client-data-table { background: var(--client-surface) !important; color: var(--client-text) !important; font-family: var(--client-font) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) table.client-data-table :is(thead,tbody,tr,td) { background: var(--client-surface) !important; color: var(--client-text) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) table.client-data-table :is(th,td) { padding: 18px 20px !important; font-size: 14px !important; text-align: left !important; border-color: var(--client-border) !important; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) table.client-data-table th { background: var(--client-surface-muted) !important; color: var(--client-muted) !important; }
:is(.client-redesign,.client-auth) .client-data-table tbody tr:hover { background: var(--client-surface-muted); }
:is(.client-redesign,.client-auth) .client-data-table :is(td,th)[hidden] { display: none !important; }
:is(.client-redesign,.client-auth) .client-data-table a { color: var(--client-primary); }
:is(.client-redesign,.client-auth) .client-status { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; font-weight: 500; color: var(--client-muted); background: transparent !important; padding: 0 !important; }
.client-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
:is(.client-redesign,.client-auth) .client-status--success { color: var(--client-success); }
:is(.client-redesign,.client-auth) .client-status--warning { color: var(--client-warning); }
:is(.client-redesign,.client-auth) .client-status--danger { color: var(--client-danger); }
:is(.client-redesign,.client-auth) .client-status--progress { color: var(--client-primary); }
:is(.client-redesign,.client-auth) .client-date-time { display: block; color: var(--client-muted); font-size: 12px; line-height: 1.5; }
:is(.client-redesign,.client-auth) :is(.client-orders-page,.client-refunds-page,.client-order-page) { width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; color: var(--client-text); }
:is(.client-redesign,.client-auth) .client-refunds-page { display: grid; gap: 20px; }
:is(.client-redesign,.client-auth) .client-refunds-page .client-status-tabs { margin-bottom: 0; }
:is(.client-redesign,.client-auth) .client-refunds-table table { min-width: 760px; table-layout: fixed; }
:is(.client-redesign,.client-auth) .client-refunds-pagination { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
:is(.client-redesign,.client-auth) .client-deposits-table { min-width: 900px; }
:is(.client-redesign,.client-auth) .pagination { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0 0; padding: 0; }
:is(.client-redesign,.client-auth) .pagination > li > a { min-width: 38px; min-height: 38px; display: grid; place-items: center; margin: 0; border: 1px solid var(--client-border); border-radius: 6px; background: var(--client-surface); color: var(--client-text); }
:is(.client-redesign,.client-auth) .pagination > .active > a { background: var(--client-primary); color: var(--client-on-primary); }
:is(.client-redesign,.client-auth) .client-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin: 0 0 24px; }
:is(.client-redesign,.client-auth) .client-metric { min-width: 0; padding: 20px 16px; border: 1px solid var(--client-border); border-radius: 6px; background: linear-gradient(135deg,var(--client-surface) 45%,var(--client-selected)); }
:is(.client-redesign,.client-auth) .client-summary dt { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 400; color: var(--client-text); line-height: 1.5; }
:is(.client-redesign,.client-auth) .client-summary dt i { font-size: 18px; flex: 0 0 20px; color: var(--client-muted); text-align: center; }
:is(.client-redesign,.client-auth) .client-summary dd { margin: 10px 0 0; font-size: 24px; line-height: 1.4; font-weight: 600; text-align: center; color: var(--client-text); overflow-wrap: anywhere; }
:is(.client-redesign,.client-auth) .client-order-layout { display: grid; grid-template-columns: minmax(0,2fr) minmax(240px,1fr); gap: 28px; }
:is(.client-redesign,.client-auth) .client-order-layout > * { min-width: 0; }
:is(.client-redesign,.client-auth) .client-order-tool { align-self: start; padding: 24px; border: 1px solid var(--client-border); border-radius: 6px; background: var(--client-surface); }
:is(.client-redesign,.client-auth) #order-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 20px; }
:is(.client-redesign,.client-auth) #order-form > * { grid-column: 1 / -1; min-width: 0; }
:is(.client-redesign,.client-auth) #neworder_fields { display: contents; }
:is(.client-redesign,.client-auth) #neworder_fields > * { grid-column: 1 / -1; min-width: 0; }
:is(.client-redesign,.client-auth) #order-form.client-has-quantity #order_quantity { order: 80; grid-column: 1; }
:is(.client-redesign,.client-auth) #order-form.client-has-quantity #charge_div { order: 81; grid-column: 2; }
:is(.client-redesign,.client-auth) #order-form #charge_div { order: 81; }
:is(.client-redesign,.client-auth) #order-form .min-max { order: 82; margin: -8px 0 16px; }
:is(.client-redesign,.client-auth) #order-form .checkbox { order: 90; }
:is(.client-redesign,.client-auth) #meuBotao { order: 100; width: 100%; margin: 4px 0 0; }
:is(.client-redesign,.client-auth) .neworder-platforms { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 24px; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .neworder-platforms__item { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 44px; padding: 10px 8px; background: var(--client-surface) !important; color: var(--client-text) !important; border: 1px solid var(--client-border) !important; border-radius: 6px; box-shadow: none; font-size: 13px; font-weight: 400; }
:is(body.client-panel.client-redesign,body.client-public.client-auth) .neworder-platforms__item.is-active { color: var(--client-primary) !important; border-color: var(--client-primary) !important; background: var(--client-selected) !important; }
:is(.client-redesign,.client-auth) .neworder-platforms__item i { font-size: 18px; }
:is(.client-redesign,.client-auth) .neworder-platforms__item span { position: static; width: auto; height: auto; margin: 0; clip: auto; white-space: nowrap; overflow: visible; }
:is(.client-redesign,.client-auth) [data-platform='instagram'] i { color: #dc2477; }
:is(.client-redesign,.client-auth) [data-platform='whatsapp'] i { color: #128c42; }
:is(.client-redesign,.client-auth) [data-platform='kwai'] i { color: #ed7415; }
:is(.client-redesign,.client-auth) [data-platform='youtube'] i { color: #e62117; }
:is(.client-redesign,.client-auth) [data-platform='telegram'] i { color: #1684b5; }
:is(.client-redesign,.client-auth) [data-platform='facebook'] i { color: #1877f2; }
:is(.client-redesign,.client-auth) [data-platform='twitch'] i { color: #9146ff; }
:is(.client-redesign,.client-auth) .client-order-help { border: 0; padding: 12px 0; }
:is(.client-redesign,.client-auth) .client-order-help h2 { margin: 0 0 16px; }
:is(.client-redesign,.client-auth) .client-order-help p { font-size: 14px; color: var(--client-muted); margin: 0 0 16px; overflow-wrap: anywhere; }
:is(.client-redesign,.client-auth) #client-service-details { max-width: 100%; overflow-wrap: anywhere; }
.client-redesign .client-service-disclosure { margin-bottom: 24px; border-block: 1px solid var(--client-border); }
.client-redesign .client-service-disclosure[hidden] { display: none; }
.client-redesign .client-service-disclosure > summary { padding-block: 12px; min-height: 44px; cursor: pointer; font-weight: 500; color: var(--client-primary); }
.client-redesign .client-service-disclosure #client-service-details { max-height: 360px; overflow: auto; padding: 0 12px 16px 0; margin-bottom: 12px; overscroll-behavior: contain; }
:is(.client-redesign,.client-auth) #client-service-details > .form-group > label { display: none; }
:is(.client-redesign,.client-auth) #service_description { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; color: var(--client-muted) !important; font-size: 14px; line-height: 1.65; }
:is(.client-redesign,.client-auth) #service_description :is(img,video,iframe) { max-width: 100%; }
:is(.client-redesign,.client-auth) .client-order-help details { margin-top: 24px; color: var(--client-muted); }
:is(.client-redesign,.client-auth) .client-order-help summary { cursor: pointer; min-height: 44px; color: var(--client-text); font-weight: 500; }
:is(.client-redesign,.client-auth) .client-column-picker { position: relative; }
:is(.client-redesign,.client-auth) .client-column-picker summary { list-style: none; }
.client-column-picker summary::-webkit-details-marker { display: none; }
:is(.client-redesign,.client-auth) .client-column-picker__menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; min-width: 220px; padding: 12px; border: 1px solid var(--client-border); border-radius: 6px; background: var(--client-surface); box-shadow: 0 8px 24px #0002; }
:is(.client-redesign,.client-auth) .client-column-picker__menu label { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; }
:is(.client-redesign,.client-auth) .client-history-toolbar { display: flex; flex-wrap: wrap; align-items: start; gap: 12px; margin-bottom: 20px; }
:is(.client-redesign,.client-auth) .client-history-toolbar .client-history-search { margin-bottom: 0; }
:is(.client-redesign,.client-auth) :is(.client-table-scroll,.client-status-tabs,.neworder-platforms,.modal) { scrollbar-width: thin; scrollbar-color: var(--client-border) transparent; }
@media (min-width: 1440px) { :is(.client-redesign,.client-auth) .neworder-platforms { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 1199px) { :is(.client-redesign,.client-auth) .client-order-layout { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 767px) {
  :is(.client-redesign,.client-auth) .client-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  :is(.client-redesign,.client-auth) .client-metric { padding: 16px 12px; }
  :is(.client-redesign,.client-auth) .client-summary dt { font-size: 13px; gap: 8px; }
  :is(.client-redesign,.client-auth) .client-summary dd { font-size: 20px; margin-top: 8px; }
  :is(.client-redesign,.client-auth) .client-order-tool { padding: 16px; }
  :is(.client-redesign,.client-auth) .neworder-platforms { display: flex; overflow-x: auto; padding-bottom: 12px; }
  :is(.client-redesign,.client-auth) .neworder-platforms__item { flex: 0 0 auto; padding: 10px 12px; }
  :is(.client-redesign,.client-auth) :is(.form-control,.fg-control) { font-size: 16px !important; }
  :is(.client-redesign,.client-auth) .client-history-toolbar .client-history-search { flex: 1 0 100%; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { :is(.client-redesign,.client-auth) *, :is(.client-redesign,.client-auth) *::before, :is(.client-redesign,.client-auth) *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }