/* Fast4.IT Business interface. Presentation only; existing application contracts remain authoritative. */
@font-face {
  font-family: "Fast4 Business";
  src: url("/fonts/fast4-manrope.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

/* One colour system across the workspace, shop and identity screens. */
:root {
  --business-canvas: #101419;
  --business-surface: #191e25;
  --business-elevated: #222932;
  --business-subtle: #14191f;
  --business-sidebar: #171c22;
  --business-line: #303843;
  --business-line-soft: #262e37;
  --business-text: #f3f5f7;
  --business-muted: #afb8c3;
  --business-faint: #94a0af;
  --business-orange: #ff963e;
  --business-orange-hover: #ffaf6c;
  --business-orange-soft: #302319;
  --business-positive: #8bd8b3;
  --business-positive-soft: #1b3028;
  --business-negative: #ff999f;
  --business-negative-soft: #382429;
  --business-warning: #efd28f;
  --business-warning-soft: #332d20;
  --business-info: #a5c8ed;
  --business-info-soft: #202e3d;
  --business-radius: 8px;
  --business-shadow: 0 12px 32px rgb(5 11 17 / .2);
  --font-sans: "Fast4 Business", "Fast4 Manrope", Arial, sans-serif;
  --font-display: var(--font-sans);
  --color-canvas: var(--business-canvas);
  --color-canvas-raised: var(--business-surface);
  --color-surface: var(--business-surface);
  --color-surface-strong: var(--business-elevated);
  --color-surface-soft: var(--business-elevated);
  --color-control: var(--business-subtle);
  --color-surface-hover: var(--business-elevated);
  --color-line: var(--business-line);
  --color-line-strong: #596675;
  --color-ink: var(--business-text);
  --color-ink-muted: var(--business-muted);
  --color-ink-faint: var(--business-faint);
  --color-accent: var(--business-orange);
  --color-accent-hover: var(--business-orange-hover);
  --color-accent-soft: var(--business-orange-soft);
  --color-focus: var(--business-orange);
  --color-positive: var(--business-positive);
  --color-positive-soft: var(--business-positive-soft);
  --color-critical: var(--business-negative);
  --color-critical-soft: var(--business-negative-soft);
  --color-warning: var(--business-warning);
  --color-warning-soft: var(--business-warning-soft);
  --color-info: var(--business-info);
  --color-info-soft: var(--business-info-soft);
  --radius-control: 5px;
  --radius-panel: var(--business-radius);
}
:root[data-portal-theme="light"] {
  --business-canvas: #f1f3f6;
  --business-surface: #ffffff;
  --business-elevated: #e9eef3;
  --business-subtle: #f7f9fb;
  --business-sidebar: #ffffff;
  --business-line: #d3dae2;
  --business-line-soft: #e7ebf0;
  --business-text: #192633;
  --business-muted: #526273;
  --business-faint: #5e6f81;
  --business-orange: #a94408;
  --business-orange-hover: #863300;
  --business-orange-soft: #fff0e4;
  --business-positive: #176e4b;
  --business-positive-soft: #eaf6ef;
  --business-negative: #a6273a;
  --business-negative-soft: #fff0f2;
  --business-warning: #805c13;
  --business-warning-soft: #fff7e3;
  --business-info: #285e92;
  --business-info-soft: #edf4fc;
  --business-shadow: 0 10px 30px rgb(31 51 69 / .06);
  --color-canvas: var(--business-canvas);
  --color-canvas-raised: var(--business-surface);
  --color-surface: var(--business-surface);
  --color-surface-strong: var(--business-elevated);
  --color-surface-soft: var(--business-elevated);
  --color-control: var(--business-surface);
  --color-surface-hover: var(--business-elevated);
  --color-line: var(--business-line);
  --color-line-strong: #8998a8;
  --color-ink: var(--business-text);
  --color-ink-muted: var(--business-muted);
  --color-ink-faint: var(--business-faint);
  --color-accent: var(--business-orange);
  --color-accent-hover: var(--business-orange-hover);
  --color-accent-soft: var(--business-orange-soft);
  --color-focus: var(--business-orange);
  --color-positive: var(--business-positive);
  --color-positive-soft: var(--business-positive-soft);
  --color-critical: var(--business-negative);
  --color-critical-soft: var(--business-negative-soft);
  --color-warning: var(--business-warning);
  --color-warning-soft: var(--business-warning-soft);
  --color-info: var(--business-info);
  --color-info-soft: var(--business-info-soft);
}

body:is(.portal-app-body, .portal-auth-body, .shop-body).portal-ui-v5 {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--business-text);
  background: var(--business-canvas);
  font-variant-numeric: tabular-nums;
  --v7-bg: var(--business-canvas);
  --v7-panel: var(--business-surface);
  --v7-raised: var(--business-elevated);
  --v7-line: var(--business-line);
  --v7-text: var(--business-text);
  --v7-muted: var(--business-muted);
  --v7-accent: var(--business-orange);
  --v7-success: var(--business-positive);
  --v7-danger: var(--business-negative);
  --v7-warning: var(--business-warning);
  --v7-info: var(--business-info);
  --v7-sidebar: 238px;
  --v7-radius: var(--business-radius);
  --v7-product-radius: var(--business-radius);
  --v7-product-shadow: none;
  --cp5-text: var(--business-text);
  --cp5-muted: var(--business-muted);
  --cp5-faint: var(--business-faint);
  --cp5-panel: var(--business-surface);
  --cp5-line: var(--business-line);
  --cp5-canvas: var(--business-canvas);
  --color-canvas: var(--business-canvas);
  --color-canvas-raised: var(--business-surface);
  --color-surface: var(--business-surface);
  --color-surface-strong: var(--business-elevated);
  --color-ink: var(--business-text);
  --color-ink-muted: var(--business-muted);
  --color-line: var(--business-line);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 {
  --v7-bg: var(--business-canvas);
  --v7-panel: var(--business-surface);
  --v7-raised: var(--business-elevated);
  --v7-line: var(--business-line);
  --v7-text: var(--business-text);
  --v7-muted: var(--business-muted);
  --v7-accent: var(--business-orange);
  --v7-success: var(--business-positive);
  --v7-danger: var(--business-negative);
  --v7-warning: var(--business-warning);
  --v7-info: var(--business-info);
  --v7-sidebar: 238px;
  --v7-product-shadow: none;
  font-family: var(--font-sans);
}
html[data-portal-theme="light"] body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 {
  --v7-bg: var(--business-canvas); --v7-panel: var(--business-surface);
  --v7-raised: var(--business-elevated); --v7-line: var(--business-line);
  --v7-text: var(--business-text); --v7-muted: var(--business-muted);
  --v7-accent: var(--business-orange); --v7-success: var(--business-positive);
  --v7-danger: var(--business-negative); --v7-warning: var(--business-warning);
  --v7-info: var(--business-info); --v7-product-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context {
  --v7-admin-success: var(--business-positive); --v7-admin-warning: var(--business-warning);
  --v7-admin-danger: var(--business-negative); --v7-admin-info: var(--business-info);
  --v7-admin-shadow: var(--business-shadow); --v7-admin-text: var(--business-text); --v7-admin-muted: var(--business-muted);
}
body:is(.portal-app-body, .portal-auth-body, .shop-body).portal-ui-v5 :is(h1,h2,h3,h4) {
  font-family: var(--font-sans);
  font-weight: 750;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(h1,h2,h3,h4) { font-family: var(--font-sans); }
body:is(.portal-app-body, .portal-auth-body, .shop-body).portal-ui-v5 :is(button,input,textarea,select) { font-family: var(--font-sans); }
body:is(.portal-app-body, .portal-auth-body, .shop-body).portal-ui-v5 :is(a,button,summary,input,select,textarea):focus-visible {
  outline: 2px solid var(--business-orange);
  outline-offset: 3px;
}

/* The shell uses a quiet navigation rail and a generous working surface. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace {
  max-width: 1690px;
  padding: 38px clamp(24px, 3.2vw, 52px) 64px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar {
  background: var(--business-sidebar) !important;
  border-right-color: var(--business-line-soft) !important;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand {
  min-height: 82px; padding: 22px; border-bottom: 0;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-title { font-size: 23px; letter-spacing: -.045em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-subtitle { font-size: 11px; letter-spacing: .03em; text-transform: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__content { padding: 10px 14px 22px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__group + .portal-sidebar__group {
  margin-top: 24px; padding-top: 0; border: 0;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__heading {
  margin: 0 12px 8px; color: var(--business-faint); font-size: 11px; font-weight: 600; letter-spacing: .01em; text-transform: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__links { gap: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link {
  min-height: 45px; padding: 10px 12px; gap: 11px; border: 0; border-radius: 5px;
  color: var(--business-muted); background: none; box-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link:hover { background: var(--business-elevated); color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link.is-active {
  background: var(--business-orange-soft); color: var(--business-text); border: 0; box-shadow: inset 3px 0 var(--business-orange);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__label { font-size: 13px; font-weight: 650; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__label-meta { font-size: 11px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__footer { background: var(--business-sidebar); padding: 16px 22px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__account { padding: 0; border: 0; background: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__account-name { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__logout { min-height: 40px; border-color: var(--business-line); background: none; border-radius: 4px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar {
  min-height: 74px; padding: 14px clamp(24px,3.2vw,52px); border-color: var(--business-line-soft); background: var(--business-canvas);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__context { font-size: 13px; font-weight: 650; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__user { padding: 5px 2px 5px 14px; border: 0; border-left: 1px solid var(--business-line); border-radius: 0; background: none; gap: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__avatar { display: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__user-copy strong { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__user-copy small { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-topbar__account-menu,.portal-notification-panel,.portal-language-switcher__menu) {
  border-color: var(--business-line); border-radius: 8px; background: var(--business-surface); box-shadow: var(--business-shadow);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__account-avatar {
  background: none; border: 0; color: var(--business-orange); border-radius: 0;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-trigger { min-height: 44px; border-radius: 5px; box-shadow: none; font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-badge { background: #ff963e; color: #261609; border-radius: 4px; border: 0; box-shadow: none; font-family: var(--font-sans); font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-panel__eyebrow { color: var(--business-muted); font-size: 11px; text-transform: none; letter-spacing: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-panel__header h2 { font-size: 18px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-panel__header-actions button { min-height: 40px; font-size: 11px; }
body:is(.portal-app-body,.portal-auth-body).portal-ui-v5 .portal-theme-switcher {
  --portal-theme-option-size: 34px; background: none; border-color: var(--business-line); border-radius: 5px; box-shadow: none;
}
body:is(.portal-app-body,.portal-auth-body).portal-ui-v5 .portal-theme-switcher__option { border-radius: 3px; }
body:is(.portal-app-body,.portal-auth-body).portal-ui-v5 .portal-theme-switcher__option[aria-checked="true"] { background: var(--business-elevated); border-color: transparent; box-shadow: none; color: var(--business-text); }

/* Titles, actions, data and controls share one rhythm. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace-header { margin-bottom: 30px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-intro { padding: 0 0 26px; border-color: var(--business-line); align-items: flex-end; gap: 32px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-kicker {
  margin-bottom: 11px; color: var(--business-muted); font-size: 12px; letter-spacing: .01em; text-transform: none; font-weight: 600;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-title { font-size: clamp(30px,2.8vw,42px); line-height: 1.15; letter-spacing: -.04em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-customer-r2-intro--servers,.portal-customer-r2-intro--domains,.portal-page-intro--customer-services) .portal-page-title { font-size: clamp(30px,2.8vw,42px); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-summary { max-width: 68ch; font-size: 14px; line-height: 1.75; margin-top: 14px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-section-title,.portal-table-card__title) { font-size: 21px; font-weight: 750; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-section-subtitle,.portal-table-card__meta,.portal-field-note) { color: var(--business-muted); font-size: 13px; line-height: 1.65; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 :is(.portal-button-primary,.portal-button-secondary,.portal-button-danger) {
  min-height: 44px; padding: 11px 18px; border-radius: 5px; font: 700 13px/1.45 var(--font-sans); letter-spacing: 0; text-transform: none; box-shadow: none;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-button-primary,.portal-button-secondary,.portal-button-danger) { min-height: 44px; padding: 11px 18px; border-radius: 5px; font: 700 13px/1.45 var(--font-sans); }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-primary,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-primary { background: #ff963e; border-color: #ff963e; color: #261609; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-primary:hover,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-primary:hover { background: #ffaf6c; border-color: #ffaf6c; color: #261609; box-shadow: none; transform: none; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-secondary,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-secondary { background: var(--business-surface); border-color: var(--business-line); color: var(--business-text); }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-secondary:hover,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-secondary:hover { background: var(--business-elevated); border-color: var(--business-faint); color: var(--business-text); transform: none; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-danger,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-danger { background: var(--business-negative-soft); border-color: color-mix(in srgb,var(--business-negative) 35%,var(--business-line)); color: var(--business-negative); }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 :is(.portal-input,.portal-select,.portal-textarea),
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-input,.portal-select,.portal-textarea) {
  min-height: 46px; padding: 11px 13px; font-size: 14px; color: var(--business-text); background: var(--color-control); border: 1px solid var(--business-line); border-radius: 5px; box-shadow: none;
}
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 :is(.portal-label,.portal-field-label) { font-size: 13px; font-weight: 650; color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-status,.portal-chip) {
  min-height: 27px; padding: 3px 9px; border-radius: 4px; font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: 0; box-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-status--success,.portal-chip--success,.portal-topbar__account-state.is-success) { color: var(--business-positive); background: var(--business-positive-soft); border-color: var(--business-positive-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-status--warning,.portal-chip--warning) { color: var(--business-warning); background: var(--business-warning-soft); border-color: var(--business-warning-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-status--danger,.portal-chip--danger) { color: var(--business-negative); background: var(--business-negative-soft); border-color: var(--business-negative-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-status--info,.portal-chip--info) { color: var(--business-info); background: var(--business-info-soft); border-color: var(--business-info-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-button-secondary--danger { color: var(--business-negative); background: var(--business-negative-soft); border-color: var(--business-negative); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customers-v10__command button.is-danger { color: var(--business-negative); background: var(--business-negative-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-modal__panel,.portal-order-actions__body,.portal-api-create__body) { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); box-shadow: var(--business-shadow); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-modal__panel,.portal-order-actions__body,.portal-api-create__body) .portal-button-secondary { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context .portal-button-secondary { background: var(--business-surface) !important; color: var(--business-text) !important; border-color: var(--business-line) !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context .portal-button-secondary--danger { background: var(--business-negative-soft) !important; color: var(--business-negative) !important; border-color: var(--business-negative) !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-surface,.portal-panel,.portal-table-card,.portal-section,.portal-card) {
  border-color: var(--business-line-soft); border-radius: var(--business-radius); background: var(--business-surface); box-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-table-card__header,.portal-panel__header) { padding: 24px 26px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table { background: var(--business-surface); font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table thead th {
  padding: 14px 20px; background: var(--business-subtle); color: var(--business-muted); font-size: 12px; font-weight: 650; text-transform: none; letter-spacing: 0; border-color: var(--business-line);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody td { padding: 19px 20px; border-color: var(--business-line-soft); vertical-align: middle; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody tr:hover { background: var(--business-subtle); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody td :is(strong,.portal-table__title) { font-weight: 700; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-impersonation-banner {
  margin-bottom: 28px; padding: 15px 20px; border-radius: 5px; background: var(--business-info-soft); border-color: var(--business-line); color: var(--business-text); font-size: 13px;
}

/* Customer home: a welcome heading, account ledger, compact metrics and work lists. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-header { gap: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(200px,240px); gap: 42px;
  padding: 0 0 26px; margin: 0; border: 0; border-bottom: 1px solid var(--business-line); border-radius: 0; background: none; box-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command::before,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command::after { display: none !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__copy { justify-content: flex-start; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__copy .portal-page-title { font-size: clamp(31px,3.2vw,48px); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions {
  padding: 0 0 0 28px; border-left: 1px solid var(--business-line); border-radius: 0; background: none; gap: 6px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > strong { font-size: 16px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > small { color: var(--business-muted); font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions .portal-button-primary { margin-top: 15px; width: max-content; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__eyebrow { color: var(--business-muted); font-size: 12px; text-transform: none; letter-spacing: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v11-health { margin-top: 18px; padding: 0; border: 0; background: none; font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v11-health small { font-size: 12px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-shortcuts { margin-top: 22px; gap: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-shortcuts .portal-button-secondary { min-height: 39px; padding: 8px 12px; font-size: 12px; background: var(--business-surface); border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-shortcut--order { border-style: solid !important; color: var(--business-orange); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity {
  display: grid; grid-template-columns: minmax(160px,1fr) minmax(0,2.1fr) auto; gap: 32px;
  padding: 0 0 26px; border: 0; border-bottom: 1px solid var(--business-line); border-radius: 0; background: none; box-shadow: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__person { padding: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__person strong { font-size: 15px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__person :is(span,small) { font-size: 12px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts { grid-column: auto; grid-row: auto; gap: 24px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts dt { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts dd { font-size: 13px; margin-top: 5px; font-weight: 650; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin { grid-column: auto; grid-row: auto; padding: 0; border: 0; background: none; text-align: right; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin span { font-size: 12px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin strong { font-family: var(--font-sans); font-size: 22px; letter-spacing: .1em; color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer {
  grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; padding: 0; border: 0; border-radius: 0; overflow: visible; background: none;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card {
  padding: 0 22px; border: 0; border-left: 1px solid var(--business-line); border-radius: 0; gap: 12px; background: none !important;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:first-child { padding-left: 0; border-left: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:last-child { padding-right: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-card--customer .portal-stat-card__label { font-size: 12px; color: var(--business-muted); font-weight: 600; letter-spacing: 0; text-transform: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-card--customer .portal-stat-card__value { font-size: 37px; line-height: 1.1; font-weight: 750; letter-spacing: -.035em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-card--customer .portal-stat-card__meta { font-size: 12px; line-height: 1.7; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-card--customer .portal-stat-card__action { padding-top: 0; font-size: 12px; color: var(--business-orange); min-height: 36px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip {
  padding: 22px 26px; border: 0; border-radius: 6px; background: var(--business-surface); grid-template-columns: auto minmax(0,1fr) auto; gap: 26px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip::before,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip::after,
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount::before { display: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount strong { font-size: 25px; color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount :is(span,small) { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__label { font-size: 13px; letter-spacing: 0; text-transform: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__copy p { font-size: 12px; max-width: 66ch; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__actions { grid-column: auto; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__actions .portal-button-primary { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-section-head { margin-bottom: 20px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-section-head span { font-size: 12px; color: var(--business-muted); letter-spacing: 0; text-transform: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-section-head h2 { font-size: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-operations { grid-template-columns: minmax(0,1.5fr) minmax(300px,1fr); gap: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel { border-color: var(--business-line-soft); border-radius: 8px; background: var(--business-surface); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel__head { padding: 24px 26px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel__head h3 { font-size: 20px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel__head span { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-service,.f4-dashboard-v12-invoice,.f4-dashboard-v12-ticket) { padding: 22px 26px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-service__id strong { font: 700 15px/1.5 var(--font-sans); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-service__id span,.f4-dashboard-v12-service__due > span,.f4-dashboard-v12-invoice dt,.f4-dashboard-v12-ticket div > span) { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-invoice__head strong { font-size: 16px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-invoice dd { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-invoice > a { min-height: 40px; font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-ticket strong { font-size: 14px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-finance__primary,.f4-dashboard-v12-finance__history,.f4-dashboard-v12-sla) { padding: 28px; border: 0; border-radius: 8px; background: var(--business-surface); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-sla { border-left: 3px solid var(--business-orange); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-empty { padding: 30px 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-empty--support > span { border: 0; border-radius: 0; background: none; width: auto; }

/* Inventory: each product owns its information and its existing command controls. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-customer-server-card,.portal-domain-customer-card,.portal-cloud-instance,.game-contract-card) {
  border: 1px solid var(--business-line-soft); border-radius: 8px; box-shadow: none; background: var(--business-surface);
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-customer-server-card,.portal-domain-customer-card,.portal-table-card--customer-services-premium,.portal-invoices-compact,.portal-invoice-position-ledger)::before { display: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-stack { gap: 28px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { grid-template-columns: minmax(0,1fr) minmax(280px,360px); gap: 36px; padding: 30px; background: none; align-items: start; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__copy { justify-content: flex-start; align-self: start; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-eyebrow { font-size: 12px; gap: 13px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-eyebrow > span:first-child { color: var(--business-muted); text-transform: none; letter-spacing: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero .portal-section-title { margin-top: 10px; font-size: 28px; letter-spacing: -.04em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero .portal-section-subtitle { font-size: 13px; margin-top: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-chip-row { margin-top: 24px; gap: 8px 16px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-chip-row .portal-chip { background: none; border: 0; padding: 0; border-radius: 0; color: var(--business-muted); font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status {
  display: grid; grid-template-columns: auto minmax(0,1fr); grid-template-areas: "state live" "usage usage"; align-content: start; gap: 18px;
  padding: 0 0 0 28px; background: none !important; border: 0; border-left: 1px solid var(--business-line); border-radius: 0;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-status { grid-area: state; align-self: start; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-resource-usage { grid-area: usage; margin: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-customer-server-live-grid { grid-area: live; grid-template-columns: 1fr; gap: 4px; margin: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-customer-server-live-grid > div { display: flex; gap: 8px; justify-content: space-between; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-customer-server-live-grid dt { text-transform: none; letter-spacing: 0; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status > .portal-customer-server-live-grid dd { text-align: right; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-live-grid { gap: 12px; margin-top: 18px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-live-grid dt { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-live-grid dd { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-grid { padding: 18px 30px; gap: 24px; background: var(--business-subtle); border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-item { padding: 0; border: 0; background: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-item :is(span,small) { color: var(--business-muted); font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-item strong { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline {
  display: grid; grid-template-columns: minmax(145px,.4fr) minmax(0,1fr); padding: 24px 30px; margin-top: 0 !important;
  background: none; border: 0; border-bottom: 1px solid var(--business-line-soft); border-radius: 0; gap: 22px; align-items: start;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline > div:first-child { display: grid; gap: 5px; padding-top: 10px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline > div:first-child strong { font-size: 14px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline > div:first-child span { font-size: 12px; line-height: 1.6; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-actions { gap: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-card > .portal-surface--soft { margin: 22px 30px; padding: 24px; border: 0; border-radius: 6px; background: var(--business-subtle); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-panel { margin: 22px 30px; border: 1px solid var(--business-line); border-radius: 6px; background: var(--business-subtle); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-accordion > summary { min-height: 60px; padding: 18px 22px; font-size: 14px; font-weight: 700; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-accordion__body { padding: 0 22px 22px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-traffic-head { gap: 20px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-traffic-usage-panel--customer { background: var(--business-elevated); border: 0; border-radius: 6px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric-strip { gap: 0; background: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric { border: 0; border-left: 1px solid var(--business-line); border-radius: 0; background: none; padding: 0 20px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric:first-child { padding-left: 0; border-left: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-usage { font-family: var(--font-sans); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-usage__operations { margin-block: 8px 0; gap: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-history { margin-block: 10px 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-history svg { height: 40px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-usage__track { border-color: var(--business-line); border-radius: 3px; background: var(--business-subtle); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections { gap: 30px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections > .portal-surface { border: 1px solid var(--business-line-soft); border-radius: 8px; background: var(--business-surface); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-section-head { padding: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-table-wrap { border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid { gap: 0 !important; border: 0 !important; background: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :is(.portal-stat-card,.portal-dashboard-card) { padding: 0 24px; border: 0; border-left: 1px solid var(--business-line); background: none !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :first-child { padding-left: 0; border-left: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid .portal-stat-card__label { font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid .portal-stat-card__value { font-size: 33px; font-weight: 750; letter-spacing: -.035em; margin: 6px 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid .portal-stat-card__meta { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-customer-card { padding: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-customer-card > .portal-section-head { padding-bottom: 20px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-summary-strip { background: var(--business-subtle); border: 0; border-radius: 6px; gap: 22px; padding: 20px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-summary-item { background: none; border: 0; padding: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-summary-item span { font-size: 12px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-summary-item strong { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-accordion { background: var(--business-subtle); border-color: var(--business-line); border-radius: 6px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-accordion__head { min-height: 62px; padding: 18px 22px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-accordion__title strong { font-size: 14px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-accordion__title span { font-size: 12px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-upgrade-service { padding: 30px; border-color: var(--business-line-soft); border-radius: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-upgrade-service__head h2 { font-size: 24px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-upgrade-target { background: var(--business-subtle); border-color: var(--business-line); border-radius: 6px; box-shadow: none; }

/* Billing keeps monetary state easy to scan, with a quiet document-like ledger. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-billing-summary { gap: 0 !important; border: 0; border-radius: 6px; background: var(--business-surface); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-billing-summary .portal-billing-card { padding: 24px 26px; border: 0; border-right: 1px solid var(--business-line-soft); background: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-billing-summary .portal-billing-card:last-child { border-right: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-billing-summary .portal-billing-card.is-active { box-shadow: inset 0 -3px var(--business-orange); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-invoices-compact,.portal-invoice-position-ledger,.portal-invoice-party-panel) { border-color: var(--business-line-soft); box-shadow: none; border-radius: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-invoice-detail-summary,.portal-invoice-command-header,.portal-invoice-payment-panel) { background: var(--business-surface); border-color: var(--business-line-soft); border-radius: 8px; box-shadow: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-invoice-position-ledger .portal-table tbody td { padding-block: 22px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-ticket-v10-metric,.portal-admin-kpi-card,.portal-admin-operation-card) { background: var(--business-surface); border-color: var(--business-line-soft); border-radius: 6px; box-shadow: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-notification-center__item { border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-notification-item__icon,.portal-notification-row__icon) { border: 0; border-radius: 0; background: none; }

/* Operational details share the same readable palette as their surrounding ledger. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-payment-callout { background: var(--business-surface); border-color: var(--business-line); border-left-color: var(--business-orange); box-shadow: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-payment-callout > div:first-child > span { color: var(--business-orange); font-size: 12px; letter-spacing: 0; text-transform: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-payment-callout h2 { color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-payment-callout p,.f4-dashboard-payment-callout__amount span) { color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-payment-callout__amount strong { color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.dns-workbench-status span,.dns-workbench-host-preview,.dns-workbench-note,.dns-workbench-feedback) { color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .dns-workbench-note { background: var(--business-subtle); border-color: var(--business-line); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.dns-workbench-note strong,.dns-workbench-status strong) { color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .dns-workbench-feedback[data-state="valid"] { color: var(--business-positive); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .dns-workbench-feedback[data-state="invalid"] { color: var(--business-negative); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .dns-workbench-recovery pre { background: var(--business-subtle); color: var(--business-text); border-radius: 4px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-order { background: var(--business-subtle); border-color: var(--business-line); border-radius: 6px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-domain-order__title strong,.portal-domain-order__fact strong) { color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-domain-order__title span,.portal-domain-order__fact span) { color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customers-v10__auto.is-active { color: var(--business-positive); background: var(--business-positive-soft); border-color: var(--business-positive-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 nav[role="navigation"] :is(p,span,a) { color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 nav[role="navigation"] a { background: var(--business-surface); border-color: var(--business-line); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 nav[role="navigation"] [aria-current="page"] > span { background: var(--business-orange-soft); color: var(--business-orange); border-color: var(--business-line); }

/* Login and verification retain their forms, photo and each validation state. */
body.portal-auth-body.portal-ui-v5 .portal-auth-shell { padding: 0 !important; background: var(--business-canvas) !important; background-image: none !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-container { width: 100% !important; max-width: none !important; margin: 0 !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-topbar { min-height: 82px; padding: 18px clamp(22px,4vw,64px); border: 0; border-bottom: 1px solid var(--business-line); background: var(--business-canvas); backdrop-filter: none; }
body.portal-auth-body.portal-ui-v5 .portal-auth-brand__logo { width: 178px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-brand__subtitle { font-size: 12px; text-transform: none; letter-spacing: 0; }
body.portal-auth-body.portal-ui-v5 .portal-auth-grid {
  display: grid !important; grid-template-columns: minmax(0,.98fr) minmax(0,1fr) !important;
  min-height: calc(100dvh - 82px) !important; gap: 0 !important; align-items: stretch !important; max-width: none; padding: 0; margin: 0;
}
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight {
  position: relative; top: auto; display: flex !important; flex-direction: column; justify-content: center;
  min-height: 660px !important; max-height: none; max-width: none; padding: clamp(40px,5.3vw,88px) !important; border: 0; border-radius: 0; box-shadow: none;
  background: linear-gradient(90deg,rgb(8 13 19 / .92),rgb(8 13 19 / .57)),url("/images/highend/fast4-infrastructure-cinematic.webp") 70% center / cover no-repeat;
  color: #f3f5f7;
}
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight::after { display: none !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight::before { background: none !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-eyebrow { font-family: var(--font-sans); font-size: 12px; letter-spacing: .03em; color: #ffac69; text-transform: none; margin-bottom: 22px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { max-width: 10ch; font-family: var(--font-sans) !important; font-size: clamp(38px,4.15vw,67px) !important; font-weight: 750; line-height: 1.08; letter-spacing: -.045em; color: #f3f5f7 !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__text { max-width: 45ch; margin-top: 24px; color: #c7d0da !important; font-size: 15px; line-height: 1.8; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature-list { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 38px; max-width: 480px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature { padding: 15px 0; border: 0; border-bottom: 1px solid rgb(234 241 249 / .16); border-radius: 0; background: none; backdrop-filter: none; box-shadow: none; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature:last-child { border-bottom: 0; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature strong { color: #f3f5f7 !important; font-size: 13px; font-weight: 700; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature span { color: #b9c5d2 !important; font-size: 12px; line-height: 1.7; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel {
  display: flex; flex-direction: column; justify-content: center; min-width: 0; max-width: none; padding: clamp(34px,5vw,84px) !important;
  border: 0 !important; border-radius: 0 !important; background: var(--business-surface) !important; color: var(--business-text); box-shadow: none; overflow: visible;
}
body.portal-auth-body.portal-ui-v5 .portal-auth-panel > * { width: 100%; max-width: 550px; margin-inline: auto; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head { margin-bottom: 28px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head .portal-page-kicker { font-size: 12px; color: var(--business-muted); letter-spacing: 0; text-transform: none; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__title { font-size: clamp(28px,2.5vw,36px); font-family: var(--font-sans); color: var(--business-text); letter-spacing: -.04em; line-height: 1.25; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__text { color: var(--business-muted); font-size: 14px; line-height: 1.75; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel .portal-alert { padding: 15px 17px; margin-bottom: 24px; font-size: 12px; border-radius: 5px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height: 46px; border-radius: 5px; color: var(--business-text); background: var(--color-control); border-color: var(--business-line); box-shadow: none;
}
body.portal-auth-body.portal-ui-v5 .portal-auth-panel :is(h1,h2,h3,label) { color: var(--business-text); }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel .portal-field-note { color: var(--business-muted); }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel :is(input,select,textarea):focus { border-color: var(--business-orange); box-shadow: 0 0 0 3px color-mix(in srgb,var(--business-orange) 16%,transparent); }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel button[type="submit"] { min-height: 46px; border-radius: 5px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel .portal-alert strong { color: var(--business-text) !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel .portal-alert::before { display: none; }
body.portal-auth-body.portal-ui-v5 .portal-form-stack { gap: 22px; }
body.portal-auth-body.portal-ui-v5 .portal-form-actions { margin-top: 6px; gap: 17px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__link { color: var(--business-orange); font-size: 13px; }
body.portal-auth-body--register.portal-ui-v5 .portal-auth-grid--register { grid-template-columns: minmax(0,.72fr) minmax(0,1.3fr) !important; }
body.portal-auth-body--register.portal-ui-v5 .portal-auth-spotlight { position: sticky; top: 0; max-height: 100dvh; min-height: calc(100dvh - 82px) !important; justify-content: center; padding: clamp(30px,4vw,64px) !important; }
body.portal-auth-body--register.portal-ui-v5 .portal-auth-spotlight__title { font-size: clamp(36px,3.3vw,55px) !important; }
body.portal-auth-body--register.portal-ui-v5 .portal-auth-panel { justify-content: flex-start; padding-block: 46px !important; }
body.portal-auth-body--register.portal-ui-v5 .portal-auth-panel > * { max-width: 800px; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification { background: var(--business-canvas) !important; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification::before,
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification::after { display: none !important; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight {
  min-height: 700px !important;
  background: linear-gradient(90deg,rgb(8 13 19 / .92),rgb(8 13 19 / .57)),url("/images/highend/fast4-infrastructure-cinematic.webp") 70% center / cover no-repeat !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight__title { text-shadow: none; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-grid { max-width: none; margin: 0; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-container { width: 100% !important; max-width: none !important; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-topbar { padding: 18px clamp(22px,4vw,64px) !important; border-radius: 0; background: var(--business-canvas); }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight__title { font-family: var(--font-sans) !important; font-size: clamp(38px,4.15vw,67px) !important; line-height: 1.08 !important; }
body.portal-auth-body--verification.portal-ui-v5 .portal-auth-panel { align-items: stretch; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-feature strong { display: block; }
body.portal-auth-body.portal-ui-v5 :is(.verification-channel,.contact-verification-channel,.registration-verification-card) { border-color: var(--business-line); border-radius: 6px; background: var(--business-subtle); box-shadow: none; }
body.portal-auth-body.portal-ui-v5 :is(input[name="code"],input[autocomplete="one-time-code"]) { font-family: var(--font-sans); font-variant-numeric: tabular-nums; letter-spacing: .15em; }
body.portal-auth-body.portal-ui-v5 :is(.verification-account-note,.verification-state,.verification-footer a,.security-steps,.security-help,.security-methods small) { color: var(--business-muted); }
body.portal-auth-body.portal-ui-v5 .verification-state.is-confirmed { color: var(--business-positive); }
body.portal-auth-body.portal-ui-v5 :is(.verification-text-button,.portal-text-link,.verification-footer a:hover,.security-steps [aria-current="step"]) { color: var(--business-orange); }
body.portal-auth-body.portal-ui-v5 .verification-text-button:disabled { color: var(--business-faint); }
body.portal-auth-body.portal-ui-v5 :is(.verification-step,.verification-finish,.security-recovery) { border-color: var(--business-line); }
body.portal-auth-body.portal-ui-v5 .verification-contact { color: var(--business-text); }
body.portal-auth-body.portal-ui-v5 .security-methods button { background: var(--business-subtle); color: var(--business-text); border-color: var(--business-line); border-radius: 5px; min-height: 54px; }
body.portal-auth-body.portal-ui-v5 .security-methods button[aria-selected="true"] { background: var(--business-orange-soft); border-color: var(--business-orange); }
body.portal-auth-body.portal-ui-v5 :is(.portal-2fa-method-card,.portal-two-factor-challenge__account) { background: var(--business-subtle); border-color: var(--business-line); border-radius: 6px; box-shadow: none; }
body.portal-auth-body.portal-ui-v5 :is(.portal-2fa-method-card h3,.portal-two-factor-challenge__account strong) { color: var(--business-text); }
body.portal-auth-body.portal-ui-v5 :is(.portal-2fa-method-card p,.portal-two-factor-challenge__account span) { color: var(--business-muted); }
body.portal-auth-body.portal-ui-v5 .portal-2fa-method-card__icon { background: none; border: 0; border-radius: 0; color: var(--business-muted); }
@media (min-width: 901px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight { justify-content: flex-start; padding-top: 78px !important; }
}

/* Public basket and payment selection stay one clear business flow. */
body.shop-body.portal-ui-v5 {
  --shop-ink: var(--business-text); --shop-muted: var(--business-muted); --shop-line: var(--business-line);
  --shop-surface: var(--business-surface); --shop-accent: var(--business-orange); --shop-bg: var(--business-canvas);
  --shop-canvas: var(--business-canvas); --shop-canvas-raised: var(--business-surface);
  --shop-paper: var(--business-canvas); --shop-paper-raised: var(--business-surface); --shop-paper-muted: var(--business-subtle);
  --shop-ink-inverse: var(--business-text); --shop-muted-inverse: var(--business-muted); --shop-line-inverse: var(--business-line);
  --f4-pay-bg: var(--business-canvas); --f4-pay-surface: var(--business-surface); --f4-pay-surface-raised: var(--business-elevated);
  --f4-pay-line: var(--business-line); --f4-pay-text: var(--business-text); --f4-pay-muted: var(--business-muted);
  --f4-pay-orange: var(--business-orange); --f4-pay-orange-soft: var(--business-orange-soft);
  --f4-pay-success: var(--business-positive); --f4-pay-success-bg: var(--business-positive-soft);
  --f4-pay-info: var(--business-info); --f4-pay-info-bg: var(--business-info-soft);
  --f4-pay-warning: var(--business-warning); --f4-pay-warning-bg: var(--business-warning-soft);
  --f4-pay-danger: var(--business-negative); --f4-pay-danger-bg: var(--business-negative-soft);
}
body.shop-body.portal-ui-v5 .shop-header { background: var(--business-surface); border-color: var(--business-line); color: var(--business-text); box-shadow: none; }
body.shop-body.portal-ui-v5 :is(.shop-brand__tagline,.shop-main-nav__link,.shop-nav-link) { color: var(--business-muted); }
body.shop-body.portal-ui-v5 :is(.shop-header__menu-toggle,.shop-header__toggle) { background: var(--business-subtle); color: var(--business-text); border-color: var(--business-line); }
html[data-portal-theme="light"] body.shop-body.portal-ui-v5 .shop-brand__logo { content: url("/images/fast4it-logo-on-light.png"); }
body.shop-body.portal-ui-v5 .shop-container { width: min(1320px,calc(100% - 64px)); }
body.shop-body.portal-ui-v5 .shop-page__content { padding-block: 42px 72px; }
body.shop-body.portal-ui-v5 .shop-cart-layout { grid-template-columns: minmax(0,1fr) minmax(300px,360px); gap: 42px; align-items: start; }
body.shop-body.portal-ui-v5 :is(.shop-cart,.shop-checkout-panel) { background: none; border: 0; padding: 0; box-shadow: none; }
body.shop-body.portal-ui-v5 .shop-cart > h1 { font-size: clamp(30px,3vw,42px); letter-spacing: -.04em; margin-top: 10px; }
body.shop-body.portal-ui-v5 .shop-cart > p { color: var(--business-muted); font-size: 14px; line-height: 1.75; max-width: 65ch; }
body.shop-body.portal-ui-v5 .shop-cart__item { grid-template-columns: minmax(0,1fr); padding-block: 26px; border-color: var(--business-line); }
body.shop-body.portal-ui-v5 .shop-cart__item-main > h2 { margin-bottom: 10px; font-size: 27px; color: var(--business-text); }
body.shop-body.portal-ui-v5 .shop-cart__item-main > p { color: var(--business-muted); font-size: 14px; line-height: 1.7; }
body.shop-body.portal-ui-v5 .shop-cart__item-main > .portal-field-note {
  display: block; padding: 15px 18px; margin-top: 16px; background: var(--business-surface); border: 0; border-radius: 5px;
  color: var(--business-muted); font-size: 12px; line-height: 1.9; white-space: normal;
}
body.shop-body.portal-ui-v5 .shop-cart__item-main > .portal-field-note strong { display: inline; color: var(--business-text); font-weight: 650; }
body.shop-body.portal-ui-v5 .contract-advantage,
body.shop-body.portal-ui-v5 .contract-advantage.is-selected { padding: 24px; border: 1px solid var(--business-line); border-radius: 6px; background: var(--business-surface); color: var(--business-text); }
body.shop-body.portal-ui-v5 .contract-advantage.is-selected { border-color: color-mix(in srgb,var(--business-orange) 35%,var(--business-line)); background: var(--business-orange-soft); }
body.shop-body.portal-ui-v5 .contract-advantage__eyebrow { font-size: 11px; letter-spacing: 0; text-transform: none; color: var(--business-muted); }
body.shop-body.portal-ui-v5 .contract-advantage h3 { color: var(--business-text); font-size: 20px; line-height: 1.35; }
body.shop-body.portal-ui-v5 .contract-advantage__amount strong { color: var(--business-orange); font-size: 31px; }
body.shop-body.portal-ui-v5 .contract-advantage__amount span { color: var(--business-muted); font-size: 12px; }
body.shop-body.portal-ui-v5 .contract-advantage__details { border-color: var(--business-line); }
body.shop-body.portal-ui-v5 .contract-advantage__details dt { color: var(--business-muted); font-size: 13px; }
body.shop-body.portal-ui-v5 .contract-advantage__details dd { color: var(--business-text); font-size: 13px; font-weight: 700; }
body.shop-body.portal-ui-v5 .contract-advantage__note { color: var(--business-muted); font-size: 12px; }
body.shop-body.portal-ui-v5 .contract-advantage__footer { color: var(--business-muted); font-size: 12px; }
body.shop-body.portal-ui-v5 .contract-advantage__footer strong { display: inline; color: var(--business-text); }
body.shop-body.portal-ui-v5 .contract-advantage__action { min-height: 44px; padding: 10px 16px; background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); border-radius: 5px; font-size: 12px; }
body.shop-body.portal-ui-v5 .shop-section-kicker { color: var(--business-muted); text-transform: none; font-size: 12px; letter-spacing: 0; }
body.shop-body.portal-ui-v5 :is(.shop-summary,.shop-cart-summary,.shop-checkout-summary) { border: 1px solid var(--business-line-soft); border-radius: 8px; background: var(--business-surface); box-shadow: none; padding: 26px; }
body.shop-body.portal-ui-v5 .shop-checkout-progress { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 0; margin-bottom: 44px; border: 0; background: none; box-shadow: none; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step { padding: 0 0 15px; min-height: 0; gap: 10px; border: 0; border-bottom: 2px solid var(--business-line); border-radius: 0; background: none; font-size: 12px; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step > span { width: auto; height: auto; min-width: 0; padding: 0; border: 0; border-radius: 0; background: none; color: var(--business-muted); font-size: 12px; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step > strong { color: var(--business-muted); font-family: var(--font-sans); font-weight: 650; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step::after { display: none; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step.is-active { border-color: var(--business-orange); color: var(--business-text); }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step.is-active > span { background: none; color: var(--business-orange); box-shadow: none; }
body.shop-body.portal-ui-v5 :is(.shop-checkout-progress__step.is-active,.shop-checkout-progress__step.is-complete) > strong { color: var(--business-text); }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step.is-complete { border-color: var(--business-positive); }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage { margin-top: 32px; border-color: var(--business-line); padding-top: 26px; }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__index { font-size: 12px; color: var(--business-muted); letter-spacing: 0; }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__head h2 { font-size: 24px; line-height: 1.3; }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__head p { font-size: 13px; color: var(--business-muted); }
body.shop-body.portal-ui-v5 .f4-checkout-secure-mark { background: var(--business-surface); color: var(--business-muted); border-color: var(--business-line); border-radius: 4px; font-size: 11px; }
body.shop-body.portal-ui-v5 .shop-checkout-methods { gap: 12px; background: none; }
body.shop-body.portal-ui-v5 .shop-checkout-method {
  padding: 22px; border: 1px solid var(--business-line); border-radius: 6px; background: var(--business-surface); color: var(--business-text); box-shadow: none; gap: 14px;
}
body.shop-body.portal-ui-v5 .shop-checkout-method:has(input:checked) { border-color: var(--business-orange); background: var(--business-orange-soft); box-shadow: inset 3px 0 var(--business-orange); }
body.shop-body.portal-ui-v5 .shop-checkout-method.is-unavailable { background: var(--business-subtle); border-color: var(--business-line-soft); color: var(--business-muted); }
body.shop-body.portal-ui-v5 .shop-checkout-method__title { color: var(--business-text); font-size: 15px; font-weight: 700; }
body.shop-body.portal-ui-v5 .shop-checkout-method__head > strong { color: var(--business-text); font-family: var(--font-sans); font-size: 15px; font-weight: 700; }
body.shop-body.portal-ui-v5 .shop-checkout-method__badge { color: var(--business-orange); font-size: 11px; font-weight: 650; }
body.shop-body.portal-ui-v5 .shop-checkout-method.is-unavailable .shop-checkout-method__badge { color: var(--business-muted); }
body.shop-body.portal-ui-v5 .shop-checkout-method.is-unavailable .shop-checkout-method__head > strong { color: var(--business-muted); }
body.shop-body.portal-ui-v5 .shop-checkout-method p { color: var(--business-muted); font-size: 13px; line-height: 1.7; }
body.shop-body.portal-ui-v5 .shop-checkout-method .portal-field-note { display: block; padding: 12px 0 0; margin-top: 10px; border: 0; border-top: 1px solid var(--business-line); border-radius: 0; background: none; color: var(--business-muted); font-size: 12px; }
body.shop-body.portal-ui-v5.f4-payment-journey .shop-checkout-method .portal-field-note { background: transparent !important; color: var(--business-muted) !important; }
body.shop-body.portal-ui-v5 :is(.shop-checkout-item,.shop-cart-item,.shop-checkout-cycle) { background: var(--business-surface); border-color: var(--business-line-soft); border-radius: 6px; box-shadow: none; }
body.shop-body.portal-ui-v5 .shop-checkout-item { padding: 26px; }
body.shop-body.portal-ui-v5 :is(.shop-checkout-cycle__actions,.shop-checkout-cycle-summary) { border-color: var(--business-line); }
body.shop-body.portal-ui-v5 :is(.shop-primary-link,.shop-secondary-link) { min-height: 44px; padding: 11px 18px; font-family: var(--font-sans); font-size: 13px; border-radius: 5px; box-shadow: none; }
body.shop-body.portal-ui-v5 .shop-primary-link { background: #ff963e; color: #261609; border-color: #ff963e; }
body.shop-body.portal-ui-v5 .shop-secondary-link { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); }
body.shop-body.portal-ui-v5 .shop-primary-link:hover { background: #ffaf6c; color: #261609; transform: none; }
body.shop-body.portal-ui-v5 .f4-checkout-mobile-dock { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); box-shadow: 0 -6px 24px rgb(11 21 31 / .1); }
body.shop-body.portal-ui-v5 .f4-checkout-mobile-dock > span strong { color: var(--business-text); }
body.shop-body.portal-ui-v5 .f4-checkout-mobile-dock > span small { color: var(--business-muted); }

/* Price configuration, advance-payment choices and public navigation use explicit surface pairs. */
body.shop-body.portal-ui-v5 { --portal-surface: var(--business-surface); --portal-border: var(--business-line); }
body.shop-body.portal-ui-v5 :is(.shop-cart__item-actions,.shop-cart__summary-box,.shop-checkout-summary-note,.shop-checkout-cycle,.payment-choice) { color: var(--business-text); }
body.shop-body.portal-ui-v5 .shop-cart__summary-box { background: var(--business-surface); border-color: var(--business-line); border-radius: 6px; box-shadow: none; }
body.shop-body.portal-ui-v5 :is(.shop-cart__item-actions .portal-label,.shop-checkout-cycle .portal-label,.payment-choice__title,.shop-checkout-summary-note strong,.shop-checkout-cycle__head strong) { color: var(--business-text); }
body.shop-body.portal-ui-v5 :is(.shop-checkout-cycle small,.shop-checkout-cycle__eyebrow,.payment-choice__note,.shop-checkout-summary-note,.shop-cart__item-actions .portal-field-note) { color: var(--business-muted); opacity: 1; }
body.shop-body.portal-ui-v5 .shop-checkout-cycle__eyebrow { font-size: 12px; letter-spacing: 0; text-transform: none; }
body.shop-body.portal-ui-v5 .payment-choice__card { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); border-radius: 5px; }
body.shop-body.portal-ui-v5 .payment-choice__card[aria-pressed="true"] { background: var(--business-orange-soft); border-color: var(--business-orange); }
body.shop-body.portal-ui-v5 .payment-choice__card strong { color: var(--business-text); }
body.shop-body.portal-ui-v5 .payment-choice__card small { color: var(--business-muted); opacity: 1; }
body.shop-body.portal-ui-v5 .payment-choice__badge { color: var(--business-orange); }
body.shop-body.portal-ui-v5 [data-cart-annual] { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); }
body.shop-body.portal-ui-v5 [data-cart-annual] strong { color: var(--business-text); }
body.shop-body.portal-ui-v5 [data-cart-annual] small { color: var(--business-muted); }
body.shop-body.portal-ui-v5 .order-price-edit { background: var(--business-surface); color: var(--business-orange); border-color: var(--business-line); }
body.shop-body.portal-ui-v5 .shop-menu-more__panel { background: var(--business-surface); color: var(--business-text); border-color: var(--business-line); }
body.shop-body.portal-ui-v5 .shop-menu-more__group h3 { color: var(--business-text); }
body.shop-body.portal-ui-v5 .shop-menu-more__panel a { color: var(--business-muted); }
body:is(.shop-body,.portal-auth-body).portal-ui-v5 .portal-public-footer { background: var(--business-canvas) !important; color: var(--business-muted); border-color: var(--business-line); }
body:is(.shop-body,.portal-auth-body).portal-ui-v5 .portal-public-footer__title { color: var(--business-text); }
body:is(.shop-body,.portal-auth-body).portal-ui-v5 .portal-public-footer :is(p,a,.portal-public-footer__copyright) { color: var(--business-muted); }
body:is(.shop-body,.portal-auth-body).portal-ui-v5 .portal-public-footer a:hover { color: var(--business-orange); }
body:is(.shop-body,.portal-auth-body).portal-ui-v5 .portal-public-footer__legal { border-color: var(--business-line); }

/* Responsive changes are restricted to presentation, never action visibility. */
@media (max-width: 1300px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding: 30px 28px 54px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity { grid-template-columns: minmax(0,1fr) auto; gap: 22px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts { grid-column: 1/-1; grid-row: 2; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin { grid-column: 2; grid-row: 1; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip { grid-template-columns: auto minmax(0,1fr); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__actions { grid-column: 1/-1; justify-content: flex-start; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card { padding-inline: 15px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:first-child { padding-left: 0; }
}
@media (max-width: 1100px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-operations { grid-template-columns: 1fr; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { grid-template-columns: minmax(0,1fr) minmax(260px,320px); gap: 24px; padding: 26px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { padding: 40px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding: 38px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { font-size: 46px !important; }
  body.shop-body.portal-ui-v5 .shop-cart-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 28px; }
}
@media (max-width: 900px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card { padding-inline: 20px; border-bottom: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:nth-child(3n+1) { border-left: 0; padding-left: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { padding-inline: 24px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid,
  body.portal-auth-body--register.portal-ui-v5 .portal-auth-grid--register { grid-template-columns: minmax(0,1fr) !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { display: flex !important; position: relative; max-height: none; min-height: 0 !important; padding: 36px !important; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight { display: flex !important; min-height: 0 !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { max-width: 20ch; font-size: 38px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__text { max-width: 60ch; margin-top: 16px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-feature-list { max-width: none; margin-top: 22px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-feature { padding: 13px 0 0; border-top: 1px solid rgb(234 241 249 / .16); border-bottom: 0; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding: 36px !important; }
  body.portal-auth-body--register.portal-ui-v5 .portal-auth-panel { padding-block: 36px !important; }
  body.shop-body.portal-ui-v5 .shop-cart-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  body.shop-body.portal-ui-v5 :is(.shop-summary,.shop-cart-summary,.shop-checkout-summary) { position: static; top: auto; }
}
@media (max-width: 760px) {
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid { min-height: 0 !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid > .portal-auth-panel { order: 0; justify-content: flex-start; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid > .portal-auth-spotlight { order: 1; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-grid--register > .portal-auth-spotlight { display: flex !important; position: relative; width: 100%; min-height: 0 !important; max-height: none; margin: 0; padding: 30px 23px !important; grid-template-areas: none !important; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-feature-list { display: grid !important; margin-top: 22px !important; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding: 26px 20px 48px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { min-height: 68px; padding: 10px 18px; gap: 12px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__right { gap: 8px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar__user { padding-left: 10px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-intro { align-items: flex-start; gap: 20px; padding-bottom: 23px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-title { font-size: 30px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-summary { font-size: 13px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command { grid-template-columns: 1fr; gap: 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--business-line); display: grid; grid-template-columns: 1fr auto; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > :not(a) { grid-column: 1; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > a { grid-column: 2; grid-row: 1/4; align-self: center; margin-top: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity { padding-bottom: 22px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { grid-template-columns: 1fr; padding: 23px; gap: 25px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status { border-left: 0; border-top: 1px solid var(--business-line); padding: 20px 0 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-live-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-grid { padding: 18px 23px; gap: 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline { grid-template-columns: 1fr; padding: 23px; gap: 18px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline > div:first-child { padding-top: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-card > .portal-surface--soft { margin-inline: 18px; padding: 22px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-panel { margin-inline: 18px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 0 !important; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :is(.portal-stat-card,.portal-dashboard-card) { padding-inline: 18px; border-bottom: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :nth-child(odd) { border-left: 0; padding-left: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-section-head { padding: 23px; gap: 16px; flex-wrap: wrap; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-billing-summary .portal-billing-card { border-right: 0; border-bottom: 1px solid var(--business-line-soft); padding: 23px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-finance__primary,.f4-dashboard-v12-finance__history,.f4-dashboard-v12-sla) { padding: 23px; }
}
@media (max-width: 600px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card { padding-inline: 18px; border-left: 1px solid var(--business-line); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:nth-child(odd) { border-left: 0; padding-left: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:last-child { grid-column: 1/-1; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip { padding: 22px; gap: 20px; grid-template-columns: auto minmax(0,1fr); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount { min-width: 0; padding-right: 18px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount strong { font-size: 22px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin strong { font-size: 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-service,.f4-dashboard-v12-invoice,.f4-dashboard-v12-ticket,.f4-dashboard-v12-panel__head) { padding: 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-upgrade-service { padding: 23px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric-strip { grid-template-columns: 1fr; gap: 18px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric { border-left: 0; padding: 0; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar { padding: 17px 20px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px 12px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar .portal-auth-back { grid-column: 1; grid-row: 1; justify-self: start; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar .portal-auth-brand { grid-column: 2; grid-row: 1; justify-self: end; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar .portal-auth-preferences { grid-column: 1/-1; grid-row: 2; justify-content: space-between; width: 100%; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-back { width: auto !important; height: auto !important; max-width: none; min-height: 40px !important; padding: 9px 12px; font-size: 11px !important; white-space: nowrap; overflow: visible; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-back::before { display: none; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-brand__logo { width: 150px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { padding: 30px 23px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { font-size: 35px !important; max-width: 17ch; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__text { font-size: 13px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-feature-list { grid-template-columns: 1fr; gap: 0; margin-top: 22px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-feature { padding: 13px 0; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding: 32px 23px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__title { font-size: 29px; }
  body.shop-body.portal-ui-v5 .shop-container { width: calc(100% - 40px); }
  body.shop-body.portal-ui-v5 .shop-page__content { padding-block: 26px 46px; }
  body.shop-body.portal-ui-v5 .shop-checkout-progress { gap: 10px; margin-bottom: 32px; }
  body.shop-body.portal-ui-v5 .shop-checkout-progress__step { gap: 6px; font-size: 10px; flex-wrap: wrap; }
  body.shop-body.portal-ui-v5 .shop-checkout-method { padding: 18px; }
  body.shop-body.portal-ui-v5 .shop-checkout-method__badge { white-space: normal; text-align: right; max-width: 100px; }
  body.shop-body.portal-ui-v5 .shop-checkout-item { padding: 20px; }
  body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__head { flex-wrap: wrap; gap: 16px; }
}
/* Keep unavailable resource values and keyboard entry links legible in both themes. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-meter[data-level="unavailable"] .portal-resource-meter__value {
  color: var(--business-muted);
}
body.portal-auth-body.portal-ui-v5 .skip-link {
  background: #ff963e;
  color: #261609;
}
body.portal-auth-body.portal-ui-v5 .skip-link:focus-visible {
  outline: 2px solid var(--business-text);
  outline-offset: 3px;
}
@media (max-width: 380px) {
  body.portal-auth-body.portal-ui-v5 .portal-auth-brand__logo { width: 134px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-back { padding-inline: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 :is(a,button,summary,input,select,textarea) { transition: none !important; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context :is(a,button,summary,input,select,textarea) { transition: none !important; }
}
@media print {
  :root,:root[data-portal-theme="light"] {
    --business-canvas: #fff; --business-surface: #fff; --business-elevated: #eef1f4; --business-subtle: #f7f8fa; --business-sidebar: #fff;
    --business-text: #192633; --business-muted: #425568; --business-faint: #526579; --business-line: #c7d0db; --business-line-soft: #e0e5eb;
    --business-orange: #934008; --business-orange-hover: #733000; --business-orange-soft: #fff0e4;
    --business-positive: #176e4b; --business-positive-soft: #eaf6ef; --business-negative: #a6273a; --business-negative-soft: #fff0f2;
    --business-warning: #805c13; --business-warning-soft: #fff7e3; --business-info: #285e92; --business-info-soft: #edf4fc; --business-shadow: none;
  }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding: 0; }
  body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 { background: #fff; color: #192633; }
}