/* Fast4.IT approved interface direction. Presentation only: native state,
   forms, price nodes, financial quotes and action handlers remain authoritative. */
/* Keep the native domain checker inside tablet cards; its form actions and
   availability handler remain unchanged. */
@media(max-width:1000px) {
  body.f4-ui.f4-ui-commerce .shop-domain-checker {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important}
  body.f4-ui.f4-ui-commerce .shop-domain-checker>* {grid-area:auto!important;min-width:0;max-width:100%}
}
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) {
  --f4-ac-success:#246d4b;
  --f4-ac-success-bg:#eaf4ee;
  --f4-ac-warning:#865311;
  --f4-ac-warning-bg:#fff4de;
  --f4-ac-danger:#a63737;
  --f4-ac-danger-bg:#fff0ef;
  --f4-ac-info:#3c637d;
  --f4-ac-info-bg:#edf4f8;
  --f4-ac-selected:#fff0e7;
  color:var(--f4-ink,#20252a);
  background:var(--f4-canvas,#f6f7f8);
  font-variant-numeric:tabular-nums;
}
html[data-fast4-theme='dark'] body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) {
  --f4-ac-success:#91d6ac;
  --f4-ac-success-bg:#173629;
  --f4-ac-warning:#efcc85;
  --f4-ac-warning-bg:#3b2e17;
  --f4-ac-danger:#f1aaa7;
  --f4-ac-danger-bg:#3d2426;
  --f4-ac-info:#a1c8e2;
  --f4-ac-info-bg:#203441;
  --f4-ac-selected:#3a2a23;
}
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce) :is(input,select,textarea,button) {font-family:inherit}
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #1883bf;outline-offset:3px}
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) [hidden],
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) .hidden {display:none!important}
body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce,:has(.f4-payment-review)) :is(.portal-page-kicker,.portal-section-kicker,.shop-section-kicker,.colo-kicker,.f4-payment-step) {font:500 12px/1.5 "Outfit",Arial,sans-serif;letter-spacing:0!important;text-transform:none!important;color:var(--f4-muted,#68737d)!important}

/* All native administration pages share these surfaces, including finance,
   verification, infrastructure, communication, review and account workflows. */
body.f4-ui.f4-ui-admin .portal-page-intro {padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:24px;margin-bottom:28px}
body.f4-ui.f4-ui-admin .portal-page-intro__content {max-width:780px;min-width:0}
body.f4-ui.f4-ui-admin .portal-page-title {color:var(--f4-ink)!important;font-family:inherit!important;font-size:clamp(28px,2.8vw,41px)!important;font-weight:550!important;line-height:1.13!important;letter-spacing:-.045em!important;text-wrap:balance}
body.f4-ui.f4-ui-admin .portal-page-summary {max-width:70ch;color:var(--f4-muted)!important;font-size:14px!important;line-height:1.7!important;margin-top:11px}
body.f4-ui.f4-ui-admin .portal-page-kicker {margin-bottom:8px}
body.f4-ui.f4-ui-admin .portal-page-actions {gap:9px;align-items:center;flex-wrap:wrap}
body.f4-ui.f4-ui-admin :is(.portal-surface,.portal-table-card,.portal-stat-card,.portal-form-card,.portal-dashboard-card,.portal-panel,.portal-note-card,.portal-admin-customer-profile-card,.portal-server-admin-metric,.portal-customers-v10,.portal-invoice-ledger) {
  background:var(--f4-surface,#fff)!important;
  color:var(--f4-ink)!important;
  border:1px solid var(--f4-line,#e3e6e8)!important;
  border-radius:var(--f4-radius,11px)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  min-width:0;
  max-width:100%;
}
body.f4-ui.f4-ui-admin :is(.portal-surface--soft,.portal-note-card,.portal-admin-customer-accordion,.portal-invoice-filter-panel) {background:var(--f4-surface-alt,#f6f7f8)!important}
body.f4-ui.f4-ui-admin :is(.portal-section-title,.portal-table-card__title,.portal-form-card__title,.portal-dashboard-card__title) {font-family:inherit!important;font-size:18px!important;line-height:1.35!important;font-weight:550!important;letter-spacing:-.025em!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-admin :is(.portal-section-subtitle,.portal-table-card__meta,.portal-template-meta,.portal-text-muted,.portal-muted,.portal-field-note,.cl-subtle,.cl-copy,.wd-muted) {color:var(--f4-muted)!important;font-size:12px!important;line-height:1.7!important}
body.f4-ui.f4-ui-admin :is(.portal-section-head,.portal-table-card__header) {gap:14px;padding:22px 24px;border-color:var(--f4-line)!important;background:none!important}
body.f4-ui.f4-ui-admin :is(.portal-grid,.portal-form-grid) {gap:20px;min-width:0}
body.f4-ui.f4-ui-admin .portal-grid>*,body.f4-ui.f4-ui-admin .portal-form-grid>* {min-width:0}
body.f4-ui.f4-ui-admin .portal-stat-grid {gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr))}
body.f4-ui.f4-ui-admin .portal-stat-card {padding:20px 22px!important;min-height:122px}
body.f4-ui.f4-ui-admin .portal-stat-card__label {font-size:12px!important;line-height:1.45!important;color:var(--f4-muted)!important;letter-spacing:0!important;text-transform:none!important}
body.f4-ui.f4-ui-admin .portal-stat-card__value {font:550 clamp(25px,2.5vw,34px)/1.2 "Outfit",Arial,sans-serif!important;letter-spacing:-.045em!important;color:var(--f4-ink)!important;margin:12px 0 7px!important}
body.f4-ui.f4-ui-admin .portal-stat-card__meta {font-size:11px!important;line-height:1.55!important;color:var(--f4-muted)!important}
body.f4-ui.f4-ui-admin :is(.portal-button-primary,.portal-button-secondary,.portal-button-primary--compact,.portal-button-secondary--compact) {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px!important;border-radius:6px!important;font:500 12px/1.45 "Outfit",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:background-color 150ms,border-color 150ms,color 150ms}
body.f4-ui.f4-ui-admin .portal-button-primary {background:var(--f4-accent,#f56621)!important;border:1px solid var(--f4-accent)!important;color:#241a13!important}
body.f4-ui.f4-ui-admin .portal-button-primary:hover {background:#ff7b3e!important;border-color:#ff7b3e!important}
body.f4-ui.f4-ui-admin .portal-button-secondary {background:var(--f4-surface)!important;border:1px solid var(--f4-line)!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-admin .portal-button-secondary:hover {background:var(--f4-surface-alt)!important;border-color:var(--f4-muted)!important}
body.f4-ui.f4-ui-admin :is(.portal-button-secondary--danger,.portal-button-primary--danger) {background:var(--f4-ac-danger-bg)!important;border-color:color-mix(in srgb,var(--f4-ac-danger) 28%,var(--f4-line))!important;color:var(--f4-ac-danger)!important}
body.f4-ui.f4-ui-admin :is(button,input,select):disabled {cursor:not-allowed;opacity:.55}
body.f4-ui.f4-ui-admin :is(.portal-label,.portal-form-field>label,.portal-field>label,.sales-letter-field>label) {font-size:12px!important;line-height:1.5!important;font-weight:500!important;color:var(--f4-ink)!important;letter-spacing:0!important;text-transform:none!important}
body.f4-ui.f4-ui-admin :is(.portal-input,.portal-select,.portal-textarea,.cl-input,.cl-select) {min-height:44px;border:1px solid var(--f4-line)!important;border-radius:6px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;font:400 14px/1.5 "Outfit",Arial,sans-serif!important;padding:10px 12px!important;box-shadow:none!important;max-width:100%;color-scheme:inherit}
body.f4-ui.f4-ui-admin textarea.portal-input {min-height:110px}
body.f4-ui.f4-ui-admin :is(.portal-input,.portal-select,.cl-input):focus {border-color:var(--f4-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--f4-accent) 12%,transparent)!important}
body.f4-ui.f4-ui-admin :is(.portal-input,.portal-textarea)::placeholder {color:var(--f4-muted)!important;opacity:.9}
body.f4-ui.f4-ui-admin :is(input[type='checkbox'],input[type='radio']) {accent-color:var(--f4-accent)}
body.f4-ui.f4-ui-admin :is(.portal-chip,.portal-status) {font:500 11px/1.4 "Outfit",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border-radius:5px!important;padding:5px 8px!important;box-shadow:none!important}
body.f4-ui.f4-ui-admin :is(.portal-chip--ghost,.portal-status--neutral) {background:var(--f4-surface-alt)!important;color:var(--f4-muted)!important;border-color:var(--f4-line)!important}
body.f4-ui.f4-ui-admin :is(.portal-chip--success,.portal-status--success) {background:var(--f4-ac-success-bg)!important;color:var(--f4-ac-success)!important;border-color:transparent!important}
body.f4-ui.f4-ui-admin :is(.portal-chip--warning,.portal-status--warning) {background:var(--f4-ac-warning-bg)!important;color:var(--f4-ac-warning)!important;border-color:transparent!important}
body.f4-ui.f4-ui-admin :is(.portal-chip--danger,.portal-status--danger) {background:var(--f4-ac-danger-bg)!important;color:var(--f4-ac-danger)!important;border-color:transparent!important}
body.f4-ui.f4-ui-admin :is(.portal-chip--info,.portal-status--info) {background:var(--f4-ac-info-bg)!important;color:var(--f4-ac-info)!important;border-color:transparent!important}
body.f4-ui.f4-ui-admin .portal-alert {border-radius:7px!important;border-width:1px!important;padding:14px 17px!important;box-shadow:none!important;font-size:13px;line-height:1.7}
body.f4-ui.f4-ui-admin .portal-alert--success {background:var(--f4-ac-success-bg)!important;color:var(--f4-ac-success)!important;border-color:color-mix(in srgb,var(--f4-ac-success) 20%,transparent)!important}
body.f4-ui.f4-ui-admin .portal-alert--warning {background:var(--f4-ac-warning-bg)!important;color:var(--f4-ac-warning)!important;border-color:color-mix(in srgb,var(--f4-ac-warning) 20%,transparent)!important}
body.f4-ui.f4-ui-admin .portal-alert--error {background:var(--f4-ac-danger-bg)!important;color:var(--f4-ac-danger)!important;border-color:color-mix(in srgb,var(--f4-ac-danger) 20%,transparent)!important}
body.f4-ui.f4-ui-admin :is(.portal-field-note--danger,.portal-form-error,.portal-input-error,.offer-field-error) {color:var(--f4-ac-danger)!important;font-size:12px!important;line-height:1.6}
body.f4-ui.f4-ui-admin .portal-table-wrap {max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--f4-muted) var(--f4-surface-alt);border-radius:0 0 var(--f4-radius) var(--f4-radius)}
body.f4-ui.f4-ui-admin .portal-table {width:100%;border-collapse:collapse;color:var(--f4-ink)!important;font-size:13px!important;background:var(--f4-surface)!important}
body.f4-ui.f4-ui-admin .portal-table :is(th,td) {border-color:var(--f4-line)!important;vertical-align:middle;padding:16px 20px!important}
body.f4-ui.f4-ui-admin .portal-table th {background:var(--f4-surface-alt)!important;color:var(--f4-muted)!important;font-size:11px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;text-align:left}
body.f4-ui.f4-ui-admin .portal-table td {background:transparent!important;color:var(--f4-ink)!important;line-height:1.6}
body.f4-ui.f4-ui-admin .portal-table td :is(strong,.portal-table__primary) {color:var(--f4-ink)!important;font-weight:550!important}
body.f4-ui.f4-ui-admin .portal-table td :is(small,.portal-table__secondary) {color:var(--f4-muted)!important;font-size:11px!important;line-height:1.55}
body.f4-ui.f4-ui-admin .portal-table tbody tr:hover {background:var(--f4-surface-alt)!important}
body.f4-ui.f4-ui-admin :is(.portal-table__empty,.portal-empty-state) {padding:42px 24px!important;text-align:center;color:var(--f4-muted)!important;font-size:13px;line-height:1.75;background:var(--f4-surface)!important}
body.f4-ui.f4-ui-admin :is(.portal-kv-grid,.portal-inline-list) {color:var(--f4-ink);border-color:var(--f4-line)!important}
body.f4-ui.f4-ui-admin .portal-inline-list__item {background:var(--f4-surface-alt)!important;border:1px solid var(--f4-line)!important;border-radius:6px!important;padding:14px 16px}
body.f4-ui.f4-ui-admin :is(.portal-kv-grid dt,.portal-kv-label) {font-size:11px!important;color:var(--f4-muted)!important}
body.f4-ui.f4-ui-admin :is(.portal-kv-grid dd,.portal-kv-value) {font-size:13px!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-admin :is(.portal-admin-customer-accordion,.portal-server-accordion) {border:1px solid var(--f4-line)!important;border-radius:9px!important;box-shadow:none!important;background:var(--f4-surface)!important}
body.f4-ui.f4-ui-admin :is(.portal-admin-customer-accordion__summary,.portal-server-accordion>summary) {padding:20px 22px!important;color:var(--f4-ink)!important;cursor:pointer;min-height:60px}
body.f4-ui.f4-ui-admin :is(.portal-admin-customer-accordion__body,.portal-server-accordion__body) {border-color:var(--f4-line)!important;padding:22px!important;background:var(--f4-surface)!important}
body.f4-ui.f4-ui-admin :is(.portal-customers-v10__head,.portal-customers-v10__header,.portal-customers-v10__toolbar,.portal-customers-v10__segments,.portal-invoice-ledger__toolbar) {background:var(--f4-surface)!important;border-color:var(--f4-line)!important;color:var(--f4-ink)!important;box-shadow:none!important}
body.f4-ui.f4-ui-admin :is(.portal-customers-v10__segment,.portal-customers-v10__result,.portal-customers-v10__eyebrow,.portal-customers-v10__subtitle) {color:var(--f4-muted)!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
body.f4-ui.f4-ui-admin .portal-customers-v10__segment.is-active {background:var(--f4-ac-selected)!important;border-color:color-mix(in srgb,var(--f4-accent) 40%,var(--f4-line))!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-admin :is(.portal-customers-v10__title,.portal-customers-v10__result strong,.portal-admin-customer-profile-card h2) {font-family:inherit!important;color:var(--f4-ink)!important;letter-spacing:-.035em!important}
body.f4-ui.f4-ui-admin :is(.cl-panel,.cl-card,.cl-toolbar,.cl-summary,.wd-panel,.wd-card,.wd-stat,.wd-kpi,.maintenance-card,.maintenance-form,.sales-letter-card,.offer-admin-card) {background:var(--f4-surface)!important;color:var(--f4-ink)!important;border:1px solid var(--f4-line)!important;border-radius:var(--f4-radius)!important;box-shadow:none!important}
body.f4-ui.f4-ui-admin :is(.cl-state,.wd-tag,.wd-badge) {font-size:11px!important;letter-spacing:0!important;border-radius:5px!important}
body.f4-ui.f4-ui-admin :is(.cl-title,.wd-title,.wd-heading) {font-family:inherit!important;color:var(--f4-ink)!important;letter-spacing:-.035em!important}
body.f4-ui.f4-ui-admin :is(dialog,.portal-modal__panel,.portal-drawer__panel,.portal-invoice-actions__panel) {color:var(--f4-ink)!important;background:var(--f4-surface)!important;border-color:var(--f4-line)!important;border-radius:12px!important;box-shadow:0 20px 70px #11182026!important}

/* Native catalog, cart and checkout. Existing conditionals/price nodes are
   deliberately retained; hidden quote/fee/method rows stay hidden. */
body.f4-ui.f4-ui-commerce .shop-page {background:var(--f4-canvas)!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce :is(.portal-surface,.portal-form-card,.portal-note-card,.portal-table-card,.shop-account-card,.shop-login-card) {background:var(--f4-surface)!important;color:var(--f4-ink)!important;border:1px solid var(--f4-line)!important;border-radius:var(--f4-radius,11px)!important;box-shadow:none!important;backdrop-filter:none!important;min-width:0;max-width:100%}
body.f4-ui.f4-ui-commerce :is(.portal-section-title,.portal-table-card__title) {font-family:inherit!important;font-size:19px!important;font-weight:550!important;line-height:1.4!important;letter-spacing:-.025em!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce :is(.contract-advantage,.contract-price,.nvme-intro-summary,.shop-billing-callout) {background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important;border-radius:8px!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce :is(.contract-advantage__amount,.contract-price__total) {color:var(--f4-ink)!important;font-family:inherit!important}
body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) .shop-container {width:min(1232px,calc(100% - 72px))!important;margin-inline:auto;max-width:100%}
body.f4-ui.f4-ui-commerce .shop-page__content {padding-block:40px 88px!important;background:none!important}
body.f4-ui.f4-ui-commerce :is(.shop-page__hero-card,.shop-hero,.shop-hero__content) {background:none!important;color:var(--f4-ink)!important;box-shadow:none!important;border-color:var(--f4-line)!important}
body.f4-ui.f4-ui-commerce :is(.shop-page__network-packet,.shop-hero__network-packet) {display:none!important}
body.f4-ui.f4-ui-commerce :is(.shop-cart,.shop-checkout,.shop-product-config,.shop-product-card,.shop-transfer-card,.shop-managed-product-list,.shop-server-table-card,.shop-cart__summary-box,.shop-checkout-panel) {background:var(--f4-surface)!important;color:var(--f4-ink)!important;border:1px solid var(--f4-line)!important;border-radius:12px!important;box-shadow:none!important;backdrop-filter:none!important}
body.f4-ui.f4-ui-commerce :is(h1,.shop-page__title,.shop-product-title) {font-family:inherit!important;color:var(--f4-ink)!important;font-size:clamp(30px,3.4vw,47px)!important;font-weight:550!important;line-height:1.13!important;letter-spacing:-.045em!important;text-wrap:balance}
body.f4-ui.f4-ui-commerce :is(.shop-cart h1,.shop-checkout h1) {margin:9px 0 13px!important}
body.f4-ui.f4-ui-commerce :is(.shop-cart>p,.shop-checkout>p,.shop-page__summary,.shop-product-card__description) {font-size:14px!important;line-height:1.75!important;color:var(--f4-muted)!important;max-width:70ch}
body.f4-ui.f4-ui-commerce :is(.shop-cart-layout,.shop-checkout-layout) {display:grid;grid-template-columns:minmax(0,1fr) 354px;align-items:start;gap:28px!important}
body.f4-ui.f4-ui-commerce :is(.shop-cart,.shop-checkout) {padding:28px!important;min-width:0}
body.f4-ui.f4-ui-commerce .shop-cart__items {gap:0!important;border:1px solid var(--f4-line)!important;border-radius:10px!important;overflow:clip;background:var(--f4-surface)!important;margin-top:25px}
body.f4-ui.f4-ui-commerce .shop-cart__item {padding:23px!important;border:0!important;border-bottom:1px solid var(--f4-line)!important;border-radius:0!important;background:var(--f4-surface)!important;box-shadow:none!important;gap:20px;min-width:0}
body.f4-ui.f4-ui-commerce .shop-cart__item:last-child {border-bottom:0!important}
body.f4-ui.f4-ui-commerce .shop-cart__item-main {min-width:0}
body.f4-ui.f4-ui-commerce .shop-cart__item-main h2 {font-family:inherit!important;font-size:20px!important;font-weight:550!important;line-height:1.35!important;letter-spacing:-.025em!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce .shop-cart__item-main>p {font-size:12px!important;line-height:1.7!important;color:var(--f4-muted)!important;max-width:60ch}
body.f4-ui.f4-ui-commerce .shop-cart__item-price {font-family:inherit!important;color:var(--f4-ink)!important;font-size:25px!important;font-weight:550!important;letter-spacing:-.035em!important;white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}
body.f4-ui.f4-ui-commerce .shop-cart__item-price strong {white-space:nowrap}
body.f4-ui.f4-ui-commerce .shop-cart__item-price span {white-space:normal;overflow-wrap:anywhere;max-width:100%}
body.f4-ui.f4-ui-commerce .shop-cart__item-actions {min-width:0;gap:12px}
body.f4-ui.f4-ui-commerce :is(.shop-cart__summary,.shop-checkout-summary) {position:sticky;top:112px;min-width:0}
body.f4-ui.f4-ui-commerce .shop-cart__summary-box {padding:26px!important}
body.f4-ui.f4-ui-commerce .shop-cart__summary-box h2 {font-family:inherit!important;font-size:21px!important;color:var(--f4-ink)!important;font-weight:550!important;letter-spacing:-.03em!important;margin:0 0 23px!important}
body.f4-ui.f4-ui-commerce .shop-cart__summary-row {border-color:var(--f4-line)!important;padding-block:12px!important;color:var(--f4-muted)!important;font-size:12px!important;line-height:1.6;gap:14px}
body.f4-ui.f4-ui-commerce .shop-cart__summary-row strong {color:var(--f4-ink)!important;font-weight:500!important;white-space:nowrap}
body.f4-ui.f4-ui-commerce .shop-cart__summary-row.is-total {padding-top:23px!important;margin-top:10px!important;align-items:center;color:var(--f4-ink)!important;border-top:1px solid var(--f4-line)!important}
body.f4-ui.f4-ui-commerce .shop-cart__summary-row.is-total strong {font-size:33px!important;font-weight:550!important;letter-spacing:-.045em!important;line-height:1.1!important}
body.f4-ui.f4-ui-commerce :is(.shop-checkout-summary-note,.portal-field-note,.shop-product-card__pricing-note,.order-price-period) {font-size:11px!important;line-height:1.75!important;color:var(--f4-muted)!important}
body.f4-ui.f4-ui-commerce .portal-field-note--danger {color:var(--f4-ac-danger)!important}
body.f4-ui.f4-ui-commerce :is(.shop-primary-link,.portal-button-primary,.colo-submit) {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid var(--f4-accent)!important;border-radius:6px!important;padding:12px 18px!important;background:var(--f4-accent)!important;color:#241a13!important;font:550 13px/1.4 "Outfit",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:background-color 150ms,border-color 150ms}
body.f4-ui.f4-ui-commerce :is(.shop-primary-link,.portal-button-primary,.colo-submit):hover {background:#ff7b3e!important;border-color:#ff7b3e!important}
body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) :is(.shop-secondary-link,.portal-button-secondary) {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--f4-line)!important;border-radius:6px!important;padding:11px 16px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;font:500 12px/1.45 "Outfit",Arial,sans-serif!important;letter-spacing:0!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) :is(.shop-secondary-link,.portal-button-secondary):hover {background:var(--f4-surface-alt)!important;border-color:var(--f4-muted)!important}
body.f4-ui.f4-ui-commerce :is(.portal-input,.shop-domain-checker input,.colo-select,.colo-textarea) {min-height:46px;background:var(--f4-surface)!important;color:var(--f4-ink)!important;border:1px solid var(--f4-line)!important;border-radius:6px!important;padding:11px 12px!important;font:400 14px/1.5 "Outfit",Arial,sans-serif!important;box-shadow:none!important;max-width:100%;color-scheme:inherit}
body.f4-ui.f4-ui-commerce :is(.portal-input,.colo-select,.colo-textarea):focus {border-color:var(--f4-accent)!important}
body.f4-ui.f4-ui-commerce .portal-label {color:var(--f4-ink)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
body.f4-ui.f4-ui-commerce :is(.shop-config-choice,.contract-choice,.shop-checkout-method,.colo-option) {border:1px solid var(--f4-line)!important;border-radius:7px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;box-shadow:none!important;transition:border-color 150ms,background-color 150ms}
body.f4-ui.f4-ui-commerce :is(.shop-config-choice,.contract-choice,.shop-checkout-method,.colo-option):hover {border-color:var(--f4-muted)!important}
body.f4-ui.f4-ui-commerce :is(.shop-config-choice,.contract-choice,.shop-checkout-method,.colo-option):has(input:checked),
body.f4-ui.f4-ui-commerce :is(.shop-config-choice,.contract-choice,.shop-checkout-method,.colo-option).is-selected {border-color:var(--f4-accent)!important;background:var(--f4-ac-selected)!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce :is(.shop-checkout-method__title,.shop-config-choice strong,.contract-choice strong) {font:550 14px/1.45 "Outfit",Arial,sans-serif!important;color:var(--f4-ink)!important;letter-spacing:0!important}
body.f4-ui.f4-ui-commerce .shop-checkout-method {padding:17px!important;gap:12px!important}
body.f4-ui.f4-ui-commerce .shop-checkout-method.is-unavailable {background:var(--f4-surface-alt)!important;border-style:dashed!important;cursor:not-allowed}
body.f4-ui.f4-ui-commerce input[type='checkbox'],body.f4-ui.f4-ui-commerce input[type='radio'] {accent-color:var(--f4-accent)!important}
body.f4-ui.f4-ui-commerce .shop-legal-consent {background:none!important;border-color:var(--f4-line)!important;color:var(--f4-muted)!important;font-size:12px!important;line-height:1.8!important;border-radius:7px!important;gap:10px}
body.f4-ui.f4-ui-commerce .shop-legal-consent a {color:var(--f4-ink)!important;text-decoration:underline;text-underline-offset:3px}
body.f4-ui.f4-ui-commerce :is(.shop-checkout-progress,.f4-checkout-steps) {gap:18px!important;padding-block:0 24px!important;background:none!important;border:0!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .shop-checkout-progress__step {font-size:12px!important;color:var(--f4-muted)!important;gap:8px!important;background:none!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .shop-checkout-progress__step>span {width:25px!important;height:25px!important;border-radius:6px!important;background:var(--f4-surface)!important;border:1px solid var(--f4-line)!important;color:var(--f4-muted)!important;font-size:11px!important}
body.f4-ui.f4-ui-commerce .shop-checkout-progress__step.is-active>span {background:var(--f4-ac-selected)!important;border-color:var(--f4-accent)!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce .shop-checkout-progress__step.is-complete>span {background:var(--f4-ac-success-bg)!important;color:var(--f4-ac-success)!important}
body.f4-ui.f4-ui-commerce :is(.shop-alert,.colo-alert) {border-radius:7px!important;padding:14px 17px!important;font-size:13px!important;line-height:1.7!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .shop-alert--success {background:var(--f4-ac-success-bg)!important;color:var(--f4-ac-success)!important;border:1px solid color-mix(in srgb,var(--f4-ac-success) 22%,transparent)!important}
body.f4-ui.f4-ui-commerce .shop-alert--error {background:var(--f4-ac-danger-bg)!important;color:var(--f4-ac-danger)!important;border:1px solid color-mix(in srgb,var(--f4-ac-danger) 22%,transparent)!important}
body.f4-ui.f4-ui-commerce .shop-product-grid {gap:20px!important;align-items:stretch}
body.f4-ui.f4-ui-commerce .shop-product-card {padding:27px!important}
body.f4-ui.f4-ui-commerce .shop-product-card h2 {font:550 23px/1.3 "Outfit",Arial,sans-serif!important;color:var(--f4-ink)!important;letter-spacing:-.035em!important}
body.f4-ui.f4-ui-commerce .shop-product-card__type {font-size:11px!important;color:var(--f4-muted)!important;text-transform:none!important;letter-spacing:0!important}
body.f4-ui.f4-ui-commerce .shop-product-card__pricing {font-family:inherit!important;color:var(--f4-ink)!important;font-size:34px!important;letter-spacing:-.045em!important;font-weight:550!important}
body.f4-ui.f4-ui-commerce .shop-product-card__actions {margin-top:auto;padding-top:22px;border-color:var(--f4-line)!important}
body.f4-ui.f4-ui-commerce :is(.shop-product-card-specs,.shop-product-card__billing) {background:var(--f4-surface-alt)!important;color:var(--f4-muted)!important;border-color:var(--f4-line)!important;border-radius:6px!important;font-size:12px!important;line-height:1.65}
body.f4-ui.f4-ui-commerce :is(.shop-empty-state,.shop-success-card,.f4-payment-success) {background:var(--f4-surface)!important;color:var(--f4-ink)!important;border:1px solid var(--f4-line)!important;border-radius:13px!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .f4-checkout-mobile-dock {background:var(--f4-surface)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important;box-shadow:0 -8px 25px #16202b08!important}

/* Real invoice payment link, including anonymous access. Native quote hashes,
   fees, totals, availability and submission guards are not changed. */
body.f4-ui.f4-ui-commerce.f4-invoice-payment {background:var(--f4-canvas)!important;color:var(--f4-ink)!important;font-family:inherit!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>header {max-width:1232px;padding:25px 36px;border-color:var(--f4-line)!important;background:var(--f4-surface)!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>header .f4-invoice-logo {height:auto;object-fit:contain;filter:none!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>header .f4-invoice-logo--ink {display:block!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>header .f4-invoice-logo--white {display:none!important}
html[data-fast4-theme='dark'] body.f4-ui.f4-ui-commerce.f4-invoice-payment>header .f4-invoice-logo--ink {display:none!important}
html[data-fast4-theme='dark'] body.f4-ui.f4-ui-commerce.f4-invoice-payment>header .f4-invoice-logo--white {display:block!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>header span {color:var(--f4-muted)!important}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>main {max-width:1232px;padding:39px 36px 72px}
body.f4-ui.f4-ui-commerce.f4-invoice-payment>footer {max-width:1232px;padding:25px 36px;border-color:var(--f4-line)!important;color:var(--f4-muted)!important;font-size:12px}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.payment-intro h1,.f4-payment-review h1) {font-size:clamp(29px,3.2vw,42px)!important}
body.f4-ui.f4-ui-commerce :is(.payment-intro .kicker,.payment-intro+.muted,.invoice-amount span,.muted) {color:var(--f4-muted)!important}
body.f4-ui.f4-ui-commerce .payment-intro .kicker {font-size:12px!important;font-weight:450!important;letter-spacing:0!important;text-transform:none!important}
body.f4-ui.f4-ui-commerce .invoice-amount {border-color:var(--f4-line)!important}
body.f4-ui.f4-ui-commerce .invoice-amount strong {font-family:inherit!important;color:var(--f4-ink)!important;font-size:33px!important;letter-spacing:-.035em!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is([data-payment-link-form].layout,.f4-payment-review) {grid-template-columns:minmax(0,1fr) 354px;gap:28px!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is([data-payment-link-form]>section,.f4-payment-review>section) {min-width:0;background:var(--f4-surface)!important;border:1px solid var(--f4-line)!important;border-radius:12px!important;padding:26px}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is([data-payment-link-form] h2,.f4-payment-review h2) {font:550 24px/1.3 "Outfit",Arial,sans-serif!important;letter-spacing:-.03em!important;color:var(--f4-ink)!important;margin:0 0 17px}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option) {border:1px solid var(--f4-line)!important;border-radius:7px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;box-shadow:none!important;padding:17px 18px!important;gap:12px!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option):has(input:checked) {border-color:var(--f4-accent)!important;background:var(--f4-ac-selected)!important;box-shadow:none!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option) strong {font:550 14px/1.45 "Outfit",Arial,sans-serif!important;color:var(--f4-ink)!important;letter-spacing:0!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option) small {font-size:12px!important;line-height:1.7!important;color:var(--f4-muted)!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice.is-unavailable,.f4-payment-option.is-unavailable) {background:var(--f4-surface-alt)!important;border-style:dashed!important;cursor:not-allowed}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice .price,.f4-payment-option__money strong) {font-family:inherit!important;color:var(--f4-ink)!important;font-size:22px!important;font-weight:550!important;letter-spacing:-.03em!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice .selected,.f4-payment-confirmed) {color:var(--f4-ac-success)!important;font-size:11px!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.fee-badge,.f4-payment-option__availability) {color:var(--f4-muted)!important;font-size:11px!important;font-weight:500!important}
body.f4-ui.f4-ui-commerce .fee-badge--free {color:var(--f4-ac-success)!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt,.f4-payment-receipt) {top:112px;align-self:start;padding:26px!important;border:1px solid var(--f4-line)!important;border-radius:12px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;box-shadow:none!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt,.f4-payment-receipt) h2 {font-size:21px!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt dl>div,.f4-payment-receipt dl>div) {border-color:var(--f4-line)!important;font-size:12px!important;padding-block:12px!important;gap:15px}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt dt,.f4-payment-receipt dt) {color:var(--f4-muted)!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt dd,.f4-payment-receipt dd) {color:var(--f4-ink)!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt .total dd,.f4-payment-receipt .total dd) {font:550 32px/1.2 "Outfit",Arial,sans-serif!important;letter-spacing:-.045em!important;color:var(--f4-ink)!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt button,.f4-payment-receipt button) {min-height:47px;padding:13px 18px;border:0;border-radius:6px;background:var(--f4-accent)!important;color:#241a13!important;font:550 13px/1.45 "Outfit",Arial,sans-serif!important;box-shadow:none!important}
body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt p,.f4-payment-receipt p) {font-size:11px!important;color:var(--f4-muted)!important;line-height:1.75}
body.f4-ui.f4-ui-commerce :is(.bank,.notice) {border:1px solid var(--f4-line)!important;border-radius:8px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .bank :is(dt,p) {color:var(--f4-muted)!important;font-size:13px!important}
body.f4-ui.f4-ui-commerce .bank dd {color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce .bank dl>div {border-color:var(--f4-line)!important}

/* Native colocation configuration and successful-request surface. */
body.f4-ui.f4-ui-commerce .colo-page,body.f4-ui.f4-ui-commerce.colo-page {background:var(--f4-canvas)!important;color:var(--f4-ink)!important}
body.f4-ui.f4-ui-commerce .colo-shell {max-width:1232px;padding:42px 36px 80px;margin-inline:auto}
body.f4-ui.f4-ui-commerce .colo-hero {background:none!important;box-shadow:none!important;border:0!important;color:var(--f4-ink)!important;padding:0 0 28px!important}
body.f4-ui.f4-ui-commerce .colo-hero h1 {font-size:clamp(31px,3.4vw,45px)!important;max-width:750px}
body.f4-ui.f4-ui-commerce .colo-hero p {color:var(--f4-muted)!important;max-width:68ch;font-size:14px!important;line-height:1.75}
body.f4-ui.f4-ui-commerce :is(.colo-step,.colo-summary,.colo-success) {border:1px solid var(--f4-line)!important;border-radius:12px!important;background:var(--f4-surface)!important;color:var(--f4-ink)!important;box-shadow:none!important}
body.f4-ui.f4-ui-commerce .colo-step {padding:25px!important}
body.f4-ui.f4-ui-commerce .colo-step__number {width:26px;height:26px;border-radius:6px!important;background:var(--f4-surface-alt)!important;border:1px solid var(--f4-line)!important;color:var(--f4-muted)!important;font-size:12px!important}
body.f4-ui.f4-ui-commerce .colo-step h2 {font:550 21px/1.35 "Outfit",Arial,sans-serif!important;color:var(--f4-ink)!important;letter-spacing:-.03em!important}
body.f4-ui.f4-ui-commerce .colo-summary {padding:26px!important;top:112px}
body.f4-ui.f4-ui-commerce :is(.colo-summary__line,.colo-summary__specs,.colo-summary__foot,.colo-inline-note,.colo-check) {color:var(--f4-muted)!important;border-color:var(--f4-line)!important;font-size:12px!important;line-height:1.7}
body.f4-ui.f4-ui-commerce .colo-summary__price {font:550 36px/1.2 "Outfit",Arial,sans-serif!important;color:var(--f4-ink)!important;letter-spacing:-.045em!important}

@media(max-width:1150px) {
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.shop-cart-layout,.shop-checkout-layout,[data-payment-link-form].layout,.f4-payment-review) {grid-template-columns:minmax(0,1fr) 315px;gap:22px!important}
  body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) .shop-container {width:calc(100% - 48px)!important}
  body.f4-ui.f4-ui-admin .portal-stat-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}
}
@media(max-width:900px) {
  body.f4-ui.f4-ui-admin .portal-page-intro {flex-direction:column;align-items:flex-start;gap:18px}
  body.f4-ui.f4-ui-admin .portal-grid--2 {grid-template-columns:minmax(0,1fr)!important}
  body.f4-ui.f4-ui-admin .portal-page-actions {width:100%;justify-content:flex-start}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.shop-cart-layout,.shop-checkout-layout,[data-payment-link-form].layout,.f4-payment-review) {grid-template-columns:minmax(0,1fr);gap:24px!important}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.shop-cart__summary,.shop-checkout-summary,.receipt,.f4-payment-receipt,.colo-summary) {position:static!important}
  body.f4-ui.f4-ui-commerce .shop-product-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px) {
  body.f4-ui.f4-ui-admin .portal-page-title {font-size:30px!important;line-height:1.15!important}
  body.f4-ui.f4-ui-admin .portal-page-summary {font-size:13px!important}
  body.f4-ui.f4-ui-admin .portal-page-intro {margin-bottom:23px}
  body.f4-ui.f4-ui-admin :is(.portal-section-head,.portal-table-card__header) {padding:18px!important;flex-wrap:wrap;align-items:flex-start}
  body.f4-ui.f4-ui-admin :is(.portal-section-title,.portal-table-card__title) {font-size:17px!important}
  body.f4-ui.f4-ui-admin .portal-stat-grid {gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.f4-ui.f4-ui-admin .portal-stat-card {padding:17px!important;min-height:114px}
  body.f4-ui.f4-ui-admin .portal-stat-card__value {font-size:28px!important}
  body.f4-ui.f4-ui-admin :is(.portal-button-primary,.portal-button-secondary) {min-height:44px;font-size:12px!important;white-space:normal;max-width:100%;padding-inline:13px!important}
  body.f4-ui.f4-ui-admin .portal-table {min-width:650px;font-size:12px!important}
  body.f4-ui.f4-ui-admin .portal-table :is(th,td) {padding:14px 16px!important}
  body.f4-ui.f4-ui-admin .portal-table-wrap {border-radius:0 0 9px 9px;outline-offset:-3px}
  body.f4-ui.f4-ui-admin .portal-table-wrap::before {content:'Seitlich scrollen, um alle Spalten zu sehen.';display:block;position:sticky;left:0;padding:11px 16px;background:var(--f4-surface-alt);border-bottom:1px solid var(--f4-line);font-size:11px;line-height:1.55;color:var(--f4-muted);width:max-content;max-width:calc(100vw - 62px)}
  body.f4-ui.f4-ui-admin :is(.portal-input,.portal-select,.portal-textarea,.cl-input,.cl-select) {font-size:16px!important;min-height:46px}
  body.f4-ui.f4-ui-admin .portal-form-grid {grid-template-columns:minmax(0,1fr)!important}
  body.f4-ui.f4-ui-admin :is(.portal-admin-customer-accordion__body,.portal-server-accordion__body) {padding:18px!important}
  body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) .shop-container {width:calc(100% - 32px)!important}
  body.f4-ui.f4-ui-commerce .shop-page__content {padding-block:28px 56px!important}
  body.f4-ui.f4-ui-commerce :is(h1,.shop-page__title,.shop-product-title) {font-size:32px!important;letter-spacing:-.04em!important}
  body.f4-ui.f4-ui-commerce :is(.shop-cart,.shop-checkout) {padding:20px 17px!important;border-radius:10px!important}
  body.f4-ui.f4-ui-commerce .shop-cart__item {padding:19px 16px!important;grid-template-columns:minmax(0,1fr)!important;gap:16px}
  body.f4-ui.f4-ui-commerce .shop-cart__item-main h2 {font-size:18px!important}
  body.f4-ui.f4-ui-commerce .shop-cart__item-actions {grid-template-columns:minmax(0,1fr)!important;justify-items:start}
  body.f4-ui.f4-ui-commerce .shop-cart__quantity-form {flex-wrap:wrap;max-width:100%;gap:9px}
  body.f4-ui.f4-ui-commerce .shop-cart__item-price {font-size:24px!important}
  body.f4-ui.f4-ui-commerce .shop-cart__summary-box {padding:23px 21px!important}
  body.f4-ui.f4-ui-commerce .shop-cart__summary-row.is-total strong {font-size:31px!important}
  body.f4-ui.f4-ui-commerce .shop-checkout-method {padding:15px!important;gap:10px!important}
  body.f4-ui.f4-ui-commerce .shop-checkout-progress {gap:10px!important;justify-content:space-between}
  body.f4-ui.f4-ui-commerce .shop-checkout-progress__step {font-size:10px!important;gap:6px!important}
  body.f4-ui.f4-ui-commerce .shop-checkout-progress__step>span {width:23px!important;height:23px!important;font-size:10px!important}
  body.f4-ui.f4-ui-commerce .shop-legal-consent {font-size:12px!important;line-height:1.8!important}
  body.f4-ui.f4-ui-commerce :is(.portal-input,.shop-domain-checker input,.colo-select,.colo-textarea) {font-size:16px!important;min-height:46px}
  body.f4-ui.f4-ui-commerce .shop-product-grid {grid-template-columns:minmax(0,1fr)!important}
  body.f4-ui.f4-ui-commerce .shop-product-card {padding:23px!important}
  body.f4-ui.f4-ui-commerce.f4-invoice-payment>header {padding:20px;gap:14px;flex-wrap:wrap}
  body.f4-ui.f4-ui-commerce.f4-invoice-payment>header img {width:145px}
  body.f4-ui.f4-ui-commerce.f4-invoice-payment>header span {font-size:11px}
  body.f4-ui.f4-ui-commerce.f4-invoice-payment>main {padding:28px 16px 48px}
  body.f4-ui.f4-ui-commerce.f4-invoice-payment>footer {padding:22px 20px;font-size:11px}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is([data-payment-link-form]>section,.f4-payment-review>section) {padding:21px 17px;border-radius:10px!important}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is([data-payment-link-form] h2,.f4-payment-review h2) {font-size:22px!important}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option) {padding:15px 13px!important;gap:9px!important}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.choice,.f4-payment-option) small {font-size:11px!important;line-height:1.75!important}
  body.f4-ui:is(.f4-ui-commerce,:has(.f4-payment-review)) :is(.receipt,.f4-payment-receipt) {padding:23px 20px!important;border-radius:10px!important}
  body.f4-ui.f4-ui-commerce .invoice-amount strong {font-size:28px!important}
  body.f4-ui.f4-ui-commerce .colo-shell {padding:29px 16px 55px}
  body.f4-ui.f4-ui-commerce :is(.colo-step,.colo-summary) {padding:21px 17px!important}
  body.f4-ui.f4-ui-commerce .colo-step h2 {font-size:19px!important}
}
@media(max-width:359px) {
  body.f4-ui.f4-ui-admin .portal-page-title {font-size:28px!important}
  body.f4-ui.f4-ui-admin .portal-stat-card {padding:14px!important}
  body.f4-ui.f4-ui-admin .portal-stat-card__label {font-size:11px!important}
  body.f4-ui.f4-ui-admin .portal-stat-card__value {font-size:25px!important}
  body.f4-ui.f4-ui-commerce :is(.shop-page,.shop-home) .shop-container {width:calc(100% - 24px)!important}
  body.f4-ui.f4-ui-commerce :is(.shop-cart,.shop-checkout) {padding-inline:14px!important}
  body.f4-ui.f4-ui-commerce .shop-cart__summary-row.is-total strong {font-size:28px!important}
  body.f4-ui.f4-ui-commerce .shop-checkout-progress__step {font-size:9px!important}
}
@media(prefers-reduced-motion:reduce) {
  body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce) *,body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce) *::before,body.f4-ui:is(.f4-ui-admin,.f4-ui-commerce) *::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Preserve readable long internal template keys within their native form headers. */
body.f4-ui.f4-ui-admin .portal-form-card--spacious .portal-section-head .portal-section-subtitle{overflow-wrap:anywhere}
/* Stack lifecycle labels and status chips on small customer screens. */
@media(max-width:600px){
 body.f4-ui.f4-ui-customer .portal-customer-server-lifecycle-summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 body.f4-ui.f4-ui-customer .portal-customer-server-lifecycle-chips{display:flex!important;flex-wrap:wrap;justify-content:flex-start;max-width:100%}
 body.f4-ui.f4-ui-customer .portal-customer-server-lifecycle-chips .portal-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}