/* Fast4.IT Control Center / 2026. Presentation layer; all application contracts remain unchanged. */
:root {
  --business-canvas: #090c11;
  --business-surface: #141921;
  --business-elevated: #1d2530;
  --business-subtle: #10151c;
  --business-sidebar: #0c1016;
  --business-text: #f4f5f7;
  --business-muted: #b0bac7;
  --business-faint: #99a6b6;
  --business-line: #303947;
  --business-line-soft: #252d39;
  --business-orange: #ff8b2c;
  --business-orange-hover: #ffad6b;
  --business-orange-soft: #352318;
  --business-radius: 5px;
  --business-shadow: 0 16px 44px rgb(0 0 0 / .24);
}
:root[data-portal-theme="light"] {
  --business-canvas: #eef1f5;
  --business-surface: #fff;
  --business-elevated: #e8edf3;
  --business-subtle: #f7f9fb;
  --business-sidebar: #0c1016;
  --business-text: #162333;
  --business-muted: #4d6074;
  --business-faint: #596e83;
  --business-line: #cbd4df;
  --business-line-soft: #e0e6ed;
  --business-orange: #a34406;
  --business-orange-hover: #7c3002;
  --business-orange-soft: #fff0e4;
  --business-shadow: 0 15px 38px rgb(17 35 54 / .08);
}

/* Permanent brand navigation; the working canvas follows the customer's theme. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 { --v7-sidebar: 248px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar {
  background: #0c1016 !important; color: #e5e9ef !important; border-right: 0;
  --v7-panel: #0c1016; --v7-raised: #1b222d; --v7-line: #303947; --v7-text: #e5e9ef; --v7-muted: #a6b2c2;
  --business-surface: #0c1016; --business-text: #e5e9ef; --business-muted: #a6b2c2; --business-line: #303947;
  --color-ink: #e5e9ef; --color-ink-muted: #a6b2c2; --color-surface: #0c1016; --color-line: #303947;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand { padding: 29px 24px 26px; border-bottom: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-link { gap: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-title { color: #fff; font-size: 24px; font-weight: 850; letter-spacing: -.065em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-subtitle { color: #9faebe; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__brand-logo { width: 33px; height: 33px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__content { padding: 0 14px 22px; scrollbar-color: #4b596a #0c1016; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__group { padding: 14px 0 10px; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__heading { padding-inline: 13px; color: #9facbd; font-size: 10px; letter-spacing: .1em; font-weight: 600; text-transform: uppercase; }
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: 43px; padding: 11px 13px; color: #b9c4d2 !important; background: transparent; border: 0 !important; border-radius: 4px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link:hover { background: #1b222d !important; color: #fff !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link.is-active { background: #ff8b2c !important; color: #241307 !important; box-shadow: none; }
html[data-portal-theme="light"] body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar .portal-sidebar__link.is-active { background: #ff8b2c !important; color: #241307 !important; box-shadow: none !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link.is-active::before { display: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__label { font-size: 13px; font-weight: 620; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__label-meta { color: inherit !important; font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__link-icon { color: inherit !important; opacity: .9; background: transparent; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__svg { width: 17px; height: 17px; stroke-width: 1.75; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-sidebar__toggle,.portal-sidebar__mobile-close,.portal-sidebar__scroll-hint) { background: #171e28 !important; color: #d5dce6 !important; border-color: #303947; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar .portal-sidebar__toggle-meta { color: #b0bece !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__footer { padding: 16px 24px 20px; border-color: #252d39; background: #0c1016; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__account { background: none; border: 0; padding: 0 0 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__account-name { color: #e5e9ef; font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-sidebar__account-label,.portal-sidebar__account-mail,.portal-sidebar__mini-link) { color: #a6b2c2 !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar__logout { min-height: 40px; color: #e5e9ef !important; background: #171e28 !important; border-color: #303947 !important; border-radius: 4px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-sidebar :is(a,button):focus-visible { outline: 2px solid #ffad6b; outline-offset: 3px; }

/* The hierarchy reads as one workspace, not a stack of generic bordered cards. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { min-height: 70px; padding-inline: 36px; border-color: var(--business-line-soft); background: var(--business-canvas); box-shadow: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { max-width: 1560px; padding: 35px 36px 70px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace-header { margin-bottom: 34px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-intro { gap: 26px; padding-bottom: 24px; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-kicker { color: var(--business-orange); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 750; margin-bottom: 14px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-title,
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(37px,3.2vw,51px); line-height: 1.045; letter-spacing: -.055em; font-weight: 800;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-summary { font-size: 14px; line-height: 1.75; max-width: 66ch; margin-top: 17px; color: var(--business-muted); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-section-title { font-size: 23px; font-weight: 780; letter-spacing: -.045em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-section-subtitle { line-height: 1.7; font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-surface,.portal-table-card,.portal-dashboard-card,.portal-customer-server-card) { border-color: var(--business-line-soft); border-radius: 5px; box-shadow: none; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-content-grid { gap: 30px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-alert { border-radius: 4px; padding: 18px 22px; font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-impersonation-banner { margin-bottom: 29px; background: var(--business-elevated); border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-impersonation-banner form .portal-button-secondary { background: var(--business-surface); }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-primary { border-radius: 4px; background: #ff8b2c !important; color: #241307 !important; border-color: #ff8b2c !important; box-shadow: none; font-weight: 760; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-primary:hover { background: #ffac66 !important; border-color: #ffac66 !important; }
body:is(.portal-app-body,.portal-auth-body,.shop-body).portal-ui-v5 .portal-button-secondary { border-radius: 4px; font-weight: 650; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.portal-input,.portal-select,.portal-textarea) { border-radius: 4px; background: var(--business-subtle); border-color: var(--business-line); }

/* Dashboard: an authored photographic opening followed immediately by real account data. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-header { gap: 0; }
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) 210px; position: relative; overflow: hidden;
  min-height: 270px; gap: 40px; padding: 36px 38px; border: 0; border-radius: 5px 5px 0 0;
  background: linear-gradient(90deg,#0d1117 0%,rgb(13 17 23 / .94) 34%,rgb(13 17 23 / .4) 65%,rgb(13 17 23 / .1) 100%),url('/images/highend/fast4-infrastructure-cinematic.webp') right 45% / cover;
  color: #f4f5f7; align-items: center;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command .portal-page-kicker { color: #ffad6b; margin-bottom: 17px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__copy .portal-page-title { color: #fff; font-size: clamp(39px,3.4vw,51px); line-height: 1.06; max-width: none !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command .portal-page-summary { color: #c2cbd6; font-size: 13px; max-width: 56ch; margin-top: 16px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v11-health { display: flex; flex-wrap: wrap; align-items: center; margin-top: 20px; gap: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v11-health strong { color: #e6edf4; font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v11-health small { color: #b8c4d3; font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions { align-self: center; border: 0; background: none; padding: 0; gap: 8px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__eyebrow { color: #c4cfdb; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > strong { color: #fff; font-size: 21px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > small { color: #c4cfdb; 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: 17px; padding-inline: 24px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command .portal-dashboard-shortcuts { margin-top: 22px; gap: 7px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command .portal-dashboard-shortcuts .portal-button-secondary { min-height: 35px; padding: 8px 13px; color: #f1f4f8 !important; border: 1px solid #526074 !important; background: #202833 !important; font-size: 11px; border-radius: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command .portal-dashboard-shortcuts .portal-dashboard-shortcut--order { background: transparent !important; border-style: solid !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity {
  display: grid; grid-template-columns: minmax(150px,.8fr) minmax(0,2fr) auto; gap: 25px; align-items: center;
  padding: 20px 38px; background: var(--business-surface); border: 0; border-radius: 0; margin: 0;
}
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 small { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts { gap: 24px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts :is(dt,dd) { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin { grid-row: auto; grid-column: auto; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin strong { font-size: 21px; color: var(--business-orange); letter-spacing: .075em; }
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; border: 0; background: var(--business-surface); border-radius: 0 0 5px 5px; padding: 13px 16px 22px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card {
  display: flex; flex-direction: column; padding: 15px 22px; border: 0; border-left: 1px solid var(--business-line-soft); border-radius: 0; background: none !important; box-shadow: none; min-height: 172px;
}
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:first-child { border-left: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-stat-card__label { color: var(--business-muted); font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-stat-card__value { font-size: 44px; letter-spacing: -.07em; font-weight: 800; margin: 9px 0 6px; line-height: 1; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-stat-card__meta { font-size: 11px; line-height: 1.55; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card__meta-secondary { margin-top: 9px; color: var(--business-muted); font-size: 10px; line-height: 1.5; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-stat-card__action { margin-top: auto; padding-top: 15px; border: 0; color: var(--business-orange); font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip { margin-top: 20px; padding: 22px 28px; border: 0; background: var(--business-elevated); border-radius: 5px; gap: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__amount strong { font-size: 28px; letter-spacing: -.05em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip__copy p { font-size: 12px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-operations { gap: 26px; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-section-head { margin-bottom: 18px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-section-head h2 { font-size: 29px; letter-spacing: -.045em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel { border: 0; border-radius: 5px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel__head { padding: 25px 28px; background: var(--business-surface); border-bottom: 1px solid 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 :is(.f4-dashboard-v12-service,.f4-dashboard-v12-invoice,.f4-dashboard-v12-ticket) { padding: 21px 28px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-service__id strong { font-size: 16px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 :is(.f4-dashboard-v12-empty,.portal-empty,.portal-table-empty) { padding: 36px 28px; color: var(--business-muted); background: var(--business-subtle); font-size: 13px; line-height: 1.75; }

/* Server identity, actual live resources and commands read as one operational unit. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-card { overflow: hidden; background: var(--business-surface); border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { padding: 29px 32px; gap: 24px; grid-template-columns: minmax(0,1fr); min-height: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-eyebrow { font-size: 10px; letter-spacing: .05em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-eyebrow > span:first-child { color: var(--business-orange); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero .portal-section-title { font-size: 33px; letter-spacing: -.055em; line-height: 1.2; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero .portal-section-subtitle { font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-chip-row { margin-top: 19px; gap: 10px 22px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-chip-row .portal-chip { font-size: 12px; font-weight: 620; color: var(--business-text); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status { padding: 19px 22px; border: 0; background: var(--business-subtle) !important; border-radius: 4px; gap: 24px; width: 100%; grid-template-columns: auto minmax(0,1fr) 185px; grid-template-areas: "state usage live"; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage--customer { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 6px 25px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage__row { grid-column: 1; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage__operations { grid-column: 2; grid-row: 1/3; margin: 0; gap: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-history { grid-column: 1/-1; margin: 6px 0 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-history svg { height: 29px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage__time { grid-column: 1/-1; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-status { border: 0; font-size: 10px; padding: 5px 9px; border-radius: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-live-grid :is(dt,dd) { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-usage__label { font-size: 11px; font-weight: 700; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-usage .portal-resource-meter { height: 22px; border-radius: 3px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-resource-history svg { height: 46px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-grid { padding: 19px 32px; background: var(--business-elevated); gap: 23px; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-item span { font-size: 10px; margin-bottom: 6px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-item strong { font-size: 12px; font-weight: 700; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline { padding: 24px 32px; grid-template-columns: 150px minmax(0,1fr); gap: 25px; border-bottom: 1px solid var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-actions { gap: 8px; align-items: center; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-actions :is(.portal-button-primary,.portal-button-secondary) { min-height: 40px; padding: 10px 16px; font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-card > .portal-surface--soft { margin: 26px 32px; padding: 24px 26px; border: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-traffic-usage-panel--customer { margin-block: 19px; padding: 21px 23px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-traffic-usage-panel__copy strong { font-size: 23px; letter-spacing: -.03em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-metric strong { font-size: 22px; letter-spacing: -.03em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-panel { margin: 18px 32px; background: var(--business-surface); border: 0; border-top: 1px solid var(--business-line-soft); border-radius: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-accordion > summary { min-height: 64px; padding: 21px 0; font-size: 15px; font-weight: 720; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-accordion__body { padding: 1px 0 26px; }

/* Data views: distinct heading, filter rail, and readable rows rather than nested boxes. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-card__header { padding: 26px 30px; border-bottom: 1px solid var(--business-line-soft); background: var(--business-surface); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-card__title { font-size: 23px; letter-spacing: -.045em; font-weight: 800; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-card__meta { font-size: 12px; margin-top: 7px; line-height: 1.7; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-wrap { border-radius: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table thead th { background: var(--business-subtle); color: var(--business-muted); padding: 16px 22px; font-size: 10px; text-transform: uppercase; letter-spacing: .055em; border-bottom: 1px solid var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody td { padding: 22px; vertical-align: top; font-size: 12px; line-height: 1.65; border-color: var(--business-line-soft); }
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 :is(.portal-button-secondary,.portal-button-primary) { min-height: 36px; padding: 8px 12px; font-size: 10px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-primary { font-weight: 760; font-size: 13px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid { background: var(--business-surface); border-radius: 5px; padding: 23px 4px; }
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: 25px; border-left-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :first-child { padding-left: 25px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid .portal-stat-card__value { font-size: 38px; line-height: 1.1; margin-block: 10px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid .portal-stat-card__label { font-size: 11px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail { gap: 0 !important; padding: 25px 7px; background: var(--business-surface); border: 0; border-radius: 5px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail > .portal-stat-card { background: none !important; border: 0 !important; border-left: 1px solid var(--business-line-soft) !important; border-radius: 0; padding: 4px 23px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail > .portal-stat-card:first-child { border-left: 0 !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail .portal-stat-card__label { font-size: 10px; color: var(--business-muted); letter-spacing: .04em; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail .portal-stat-card__value { font-size: 40px; line-height: 1.1; letter-spacing: -.06em; margin: 13px 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail .portal-stat-card__meta { font-size: 11px; line-height: 1.65; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections { gap: 26px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections > .portal-surface { border: 0; padding: 0; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-section-head { padding: 26px 30px; background: var(--business-subtle); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-table-wrap { margin-top: 0 !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-customer-card { border: 0; padding: 29px 30px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-summary-strip { margin-top: 20px; border-radius: 4px; padding: 20px 24px; background: var(--business-elevated); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-dns-workbench { border-radius: 4px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-invoice-list-card { border-radius: 5px; border-color: var(--business-line-soft); }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context :is(.portal-admin-workspace,.portal-admin-workspace-panel) { border-radius: 5px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context .portal-table thead th { padding-block: 15px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context .portal-table tbody td { padding-block: 19px; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7.portal-admin-context .portal-filter-bar { background: var(--business-subtle); border: 0; padding: 20px 24px; border-radius: 4px; }

/* Authentication: the rack photograph carries the brand; the form remains a clear tool. */
body.portal-auth-body.portal-ui-v5 { background: var(--business-canvas); }
body.portal-auth-body.portal-ui-v5 .portal-auth-container { max-width: 1420px !important; width: calc(100% - 88px) !important; margin: 0 auto !important; padding-block: 24px 52px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-topbar { padding: 3px 0 28px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-grid { grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr) !important; min-height: 720px !important; gap: 0; border: 1px solid var(--business-line-soft); border-radius: 6px; overflow: hidden; background: var(--business-surface); }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight {
  position: relative; align-items: flex-start; justify-content: flex-start; padding: 58px 52px !important; min-height: 650px; border: 0; border-radius: 0;
  background: linear-gradient(90deg,rgb(6 9 13 / .88),rgb(6 9 13 / .55)),url('/images/highend/fast4-infrastructure-cinematic.webp') center / cover !important;
}
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight::before,
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight::after { display: none !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-eyebrow { margin-bottom: 30px; color: #ffac66 !important; font-size: 10px; text-transform: uppercase; letter-spacing: .16em; font-weight: 750; }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { max-width: 12ch; font-size: clamp(43px,4.5vw,66px) !important; line-height: 1.03 !important; letter-spacing: -.06em; color: #fff !important; font-weight: 800; }
body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__text { max-width: 44ch; margin-top: 26px; font-size: 13px; line-height: 1.75; color: #cbd4df !important; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature-list { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 35px; max-width: 470px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature { padding: 17px 0; border-top: 1px solid rgb(231 238 247 / .22); }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature :is(strong,h3) { color: #fff !important; font-size: 12px; font-weight: 750; }
body.portal-auth-body.portal-ui-v5 .portal-auth-feature :is(p,span) { color: #cbd4df !important; font-size: 11px; line-height: 1.7; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding: 56px 43px !important; justify-content: center; border: 0; border-radius: 0; background: var(--business-surface); }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head { margin-bottom: 31px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__eyebrow { color: var(--business-orange); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 750; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__title { font-size: 40px !important; line-height: 1.1 !important; letter-spacing: -.06em; font-weight: 800; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head .portal-page-kicker { color: var(--business-orange); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; font-weight: 750; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__text { font-size: 13px; line-height: 1.75; margin-top: 16px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-panel :is(input[type="email"],input[type="text"],input[type="password"],input[type="tel"],select) { min-height: 49px; background: var(--business-subtle); border-color: var(--business-line); border-radius: 4px; font-size: 14px; }
body.portal-auth-body.portal-ui-v5 .portal-auth-label { margin-bottom: 9px; font-size: 12px; font-weight: 700; }
body.portal-auth-body.portal-ui-v5 .portal-auth-form .portal-button-primary { min-height: 49px; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight { background: linear-gradient(90deg,rgb(6 9 13 / .88),rgb(6 9 13 / .55)),url('/images/highend/fast4-infrastructure-cinematic.webp') center / cover !important; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-spotlight__title { color: #fff !important; }

/* Ordering uses the same brand chrome and clear controls as the customer workspace. */
body.shop-body.portal-ui-v5 .shop-header {
  background: #0c1016 !important; border-bottom-color: #303947 !important; color: #e6ebf2 !important;
  --business-surface: #0c1016; --business-subtle: #171e28; --business-text: #e6ebf2; --business-muted: #b0bece; --business-line: #303947;
}
body.shop-body.portal-ui-v5 .shop-header :is(.shop-brand__tagline,.shop-main-nav__link,.shop-nav-link) { color: #b0bece !important; }
body.shop-body.portal-ui-v5 .shop-header :is(.shop-header__menu-toggle,.shop-header__toggle) { color: #e6ebf2 !important; background: #171e28 !important; border-color: #303947 !important; }
body.shop-body.portal-ui-v5 .shop-header .shop-nav-toggle { color: #e6ebf2 !important; background: #171e28 !important; border-color: #303947 !important; border-radius: 4px; }
body.shop-body.portal-ui-v5 .shop-header .shop-nav-toggle__mark i { background: #e6ebf2 !important; }
body.shop-body.portal-ui-v5 .shop-header .shop-header__portal-button { color: #241307 !important; background: #ff8b2c !important; border-color: #ff8b2c !important; border-radius: 4px !important; box-shadow: none !important; text-shadow: none; font-weight: 750; }
html[data-portal-theme="light"] body.shop-body.portal-ui-v5 .shop-header .shop-brand__logo { content: url('/images/hero-logo-fast4it.png') !important; }
body.shop-body.portal-ui-v5 .shop-container { width: min(1320px,calc(100% - 72px)); }
body.shop-body.portal-ui-v5 .shop-page__content { padding-top: 38px; }
body.shop-body.portal-ui-v5 .shop-section-kicker { color: var(--business-orange); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 750; }
body.shop-body.portal-ui-v5 .shop-cart > h1 { font-size: clamp(37px,3.2vw,51px); letter-spacing: -.055em; line-height: 1.07; }
body.shop-body.portal-ui-v5 :is(.shop-summary,.shop-cart-summary,.shop-checkout-summary,.shop-cart__summary-box) { border: 0; border-radius: 5px; background: var(--business-surface); padding: 28px; }
body.shop-body.portal-ui-v5 .shop-checkout-progress { margin-bottom: 34px; }
body.shop-body.portal-ui-v5 .shop-checkout-progress__step { border-bottom-width: 1px; }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__head h2 { font-size: 31px; letter-spacing: -.045em; line-height: 1.2; }
body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__index { color: var(--business-orange); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
body.shop-body.portal-ui-v5 .shop-checkout-method { padding: 23px 25px; border-radius: 4px; background: var(--business-surface); box-shadow: none !important; }
body.shop-body.portal-ui-v5 .shop-checkout-method:has(input:checked) { box-shadow: none !important; border-color: var(--business-orange); border-left-width: 3px; background: var(--business-orange-soft); }
body.shop-body.portal-ui-v5 .shop-checkout-methods { gap: 10px; }
body.shop-body.portal-ui-v5 .shop-checkout-method__head > strong { font-size: 15px; }
body.shop-body.portal-ui-v5 :is(.shop-checkout-cycle,.shop-checkout-item,.shop-cart-item,.contract-advantage,.payment-choice) { border-radius: 4px; }
body.shop-body.portal-ui-v5 .shop-primary-link,
body.shop-body.portal-ui-v5.f4-payment-journey :is(.shop-primary-link,.f4-checkout-mobile-dock .shop-primary-link) { background: #ff8b2c !important; color: #241307 !important; border-color: #ff8b2c !important; border-radius: 4px !important; box-shadow: none !important; text-shadow: none; font-weight: 750; }
body.shop-body.portal-ui-v5 .shop-primary-link:hover { background: #ffac66 !important; border-color: #ffac66 !important; box-shadow: none !important; }
body.shop-body.portal-ui-v5 .shop-secondary-link { border-radius: 4px; box-shadow: none !important; }
body.shop-body.portal-ui-v5 .f4-checkout-mobile-dock { box-shadow: none; border-color: var(--business-line); padding-block: 13px; }

/* Responsive workspaces retain their existing menus, disclosures and table scroll surfaces. */
@media (max-width: 1200px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding-inline: 27px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { padding-inline: 27px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command { grid-template-columns: minmax(0,1fr) 180px; padding: 30px; gap: 25px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity { grid-template-columns: minmax(0,1fr) auto; padding: 22px 30px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts { grid-row: 2; grid-column: 1/-1; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-pin { grid-row: 1; grid-column: 2; }
  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)); row-gap: 17px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:nth-child(4) { border-left: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-container { width: calc(100% - 50px) !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { padding: 48px 35px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding: 43px 32px !important; }
}
@media (max-width: 1024px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2-intro--servers { display: grid !important; grid-template-columns: minmax(0,1fr) !important; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2-intro--servers > .portal-page-intro__content { grid-column: 1 !important; grid-row: auto !important; justify-self: stretch; width: 100%; max-width: none; margin: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2-intro--servers > .portal-page-actions { grid-column: 1 !important; grid-row: auto !important; justify-self: end; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { grid-template-columns: 1fr; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status { grid-template-columns: auto minmax(0,1fr); grid-template-areas: "state live" "usage usage"; max-width: none; }
  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-control--inline { grid-template-columns: 1fr; gap: 16px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid { grid-template-columns: minmax(0,1fr) minmax(330px,1fr) !important; }
}
@media (max-width: 900px) {
  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-grid { display: flex !important; flex-direction: column; min-height: 0 !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { order: 0; justify-content: flex-start; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { order: 1; }
}
@media (max-width: 760px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding: 24px 20px 48px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { padding-inline: 20px; min-height: 64px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-intro { gap: 19px; padding-bottom: 12px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-title,
  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: 34px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-page-summary { font-size: 13px; margin-top: 13px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace-header { margin-bottom: 26px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command { grid-template-columns: 1fr; min-height: 0; padding: 28px 25px; gap: 23px; background-position: center; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__copy .portal-page-title { font-size: 39px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions { grid-template-columns: 1fr auto; padding: 0; border: 0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > strong { font-size: 17px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions > small { font-size: 10px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions .portal-button-primary { margin: 0; padding: 10px 16px; font-size: 11px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity { padding: 22px 25px; gap: 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts { grid-template-columns: 1fr; gap: 13px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 15px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-identity__facts dd { margin: 0; overflow-wrap: anywhere; }
  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)); padding: 0 10px 20px; row-gap: 10px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card { padding: 16px 15px; min-height: 170px; }
  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; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-admin-priority-grid--customer .portal-admin-priority-card:nth-child(even) { border-left: 1px solid var(--business-line-soft); }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-dashboard-credit-strip { padding: 24px; gap: 19px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-panel__head,
  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 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero { padding: 26px 24px; gap: 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero .portal-section-title { font-size: 28px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status { grid-template-columns: minmax(0,1fr); grid-template-areas: "state" "live" "usage"; gap: 17px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage--customer { grid-template-columns: minmax(0,1fr); gap: 7px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-hero__status .portal-resource-usage__operations { grid-column: 1; grid-row: auto; margin-top: 7px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-server-summary-grid { padding: 21px 24px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-control--inline { padding: 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-card > .portal-surface--soft { margin: 21px 24px; padding: 21px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-panel { margin: 17px 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table-card__header,
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-webspace-sections .portal-section-head { padding: 23px 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid { padding: 22px 4px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :is(.portal-stat-card,.portal-dashboard-card) { padding: 15px 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-stat-grid > :first-child { padding-left: 20px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-domain-customer-card { padding: 24px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail { padding: 10px 7px; row-gap: 22px !important; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail > .portal-stat-card { padding: 7px 17px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-r2__signal-rail > .portal-stat-card:nth-child(odd) { border-left: 0 !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-container { width: calc(100% - 40px) !important; padding-block: 16px 34px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-topbar { padding: 0 0 22px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-grid { display: flex !important; flex-direction: column; min-height: 0 !important; border-radius: 5px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { order: 0; padding: 33px 26px !important; justify-content: flex-start; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight { order: 1; padding: 36px 26px !important; min-height: 0; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-form-head__title { font-size: 34px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-form-head { margin-bottom: 25px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-spotlight__title { font-size: 43px !important; max-width: 12ch; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-eyebrow { margin-bottom: 22px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-feature-list { margin-top: 25px; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-grid--register > .portal-auth-spotlight { padding: 36px 26px !important; }
  body.shop-body.portal-ui-v5 .shop-container { width: calc(100% - 40px); }
  body.shop-body.portal-ui-v5 .shop-page__content { padding-top: 28px; }
  body.shop-body.portal-ui-v5 .shop-cart > h1 { font-size: 35px; }
  body.shop-body.portal-ui-v5 .shop-checkout-progress { gap: 10px; margin-bottom: 27px; }
  body.shop-body.portal-ui-v5 .f4-checkout-payment-stage__head h2 { font-size: 27px; }
  body.shop-body.portal-ui-v5 .shop-checkout-method { padding: 19px 18px; }
  body.shop-body.portal-ui-v5 :is(.shop-summary,.shop-cart-summary,.shop-checkout-summary,.shop-cart__summary-box) { padding: 23px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-customer-server-actions :is(.portal-button-primary,.portal-button-secondary),
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody :is(.portal-button-primary,.portal-button-secondary) { min-height: 44px; font-size: 12px; }
}
@media (max-width: 380px) {
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { padding-inline: 16px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar { padding-inline: 16px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command { padding-inline: 21px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__copy .portal-page-title { font-size: 34px; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions { display: flex; flex-direction: column; align-items: flex-start; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .f4-dashboard-v12-command__actions .portal-button-primary { margin-top: 10px; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-container { width: calc(100% - 28px) !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel { padding-inline: 22px !important; }
}
@media print {
  :root,:root[data-portal-theme="light"] { --business-canvas:#fff; --business-surface:#fff; --business-elevated:#eef1f4; --business-subtle:#f7f8fa; --business-text:#162333; --business-muted:#425568; --business-faint:#526579; --business-line:#c7d0db; --business-line-soft:#e0e5eb; --business-orange:#934008; --business-shadow:none; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .workspace { max-width:none; padding:0; }
  body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-table tbody td { padding:12px; }
}
/* Final auth audit: visible first paint and fields sized for the actual form rail. */
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar .portal-language-switcher__item { color: var(--business-muted) !important; }
body.portal-app-body.portal-ui-v5.portal-ui-v6.portal-ui-v7 .portal-topbar .portal-language-switcher__item.is-active {
  color: var(--business-orange) !important;
  background: var(--business-orange-soft) !important;
  box-shadow: inset 0 -2px var(--business-orange);
}
body.portal-auth-body.portal-ui-v5 :is(.portal-auth-panel,.portal-auth-spotlight) {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-grid--register {
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr) !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 16px !important;
  margin-bottom: 28px;
  padding-bottom: 26px;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head .portal-auth-form-head__title {
  max-width: none;
  font-size: clamp(32px,2.8vw,40px) !important;
  line-height: 1.1 !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head__notes {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-form__columns {
  grid-template-columns: minmax(0,1fr) !important;
  gap: 30px !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section--account { padding-right: 0 !important; }
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section--address {
  padding: 30px 0 0 !important;
  border-left: 0 !important;
  border-top: 1px solid var(--business-line) !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section__index {
  width: auto;
  min-width: 24px;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--business-orange);
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section__head h3 {
  font-size: 22px;
  line-height: 1.25;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-security-grid {
  grid-template-columns: minmax(0,1fr) !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .verification-step__head {
  flex-wrap: wrap;
  row-gap: 6px;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .verification-account-note { color: var(--business-muted); }
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-container {
  max-width: 1420px !important;
  width: calc(100% - 88px) !important;
}
body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-topbar {
  padding: 3px 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--business-line-soft) !important;
  border-radius: 0;
}
@media (max-width: 1200px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-container { width: calc(100% - 50px) !important; }
}
@media (max-width: 1199px) and (min-width: 901px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-grid--register {
    grid-template-columns: minmax(0,.68fr) minmax(0,1.32fr) !important;
  }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-spotlight {
    display: flex !important;
    flex-direction: column;
    grid-template-areas: none !important;
    width: 100%;
    margin: 0;
    padding: 43px 30px !important;
  }
}
@media (max-width: 900px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head__notes {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 9px;
  }
}
@media (max-width: 760px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-container { width: calc(100% - 40px) !important; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-topbar { padding: 0 0 22px !important; }
  body.portal-auth-body.portal-ui-v5 .portal-auth-panel :is(input[type="email"],input[type="text"],input[type="password"],input[type="tel"],select) { font-size: 16px; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head { gap: 13px !important; padding-bottom: 22px; margin-bottom: 24px; }
  body.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head__copy { gap: 12px; }
}
@media (max-width: 380px) {
  body.portal-auth-body.portal-ui-v5.portal-auth-body--verification .portal-auth-container { width: calc(100% - 28px) !important; }
}