/* Fast4.IT detail pass: component composition, not a second theme.
   The established surface/text tokens retain dark/light appearance and branding. */
html[data-fast4-theme="light"]{--f4-muted:#596777;--f4-detail-action:#98400b}
html[data-fast4-theme="dark"]{--f4-detail-action:#ffad65}
html[data-fast4-theme] body.f4-ui.f4-ui-admin{--portal-surface:var(--f4-surface);--portal-panel:var(--f4-surface);--portal-panel-soft:var(--f4-surface-alt);--portal-muted:var(--f4-muted);--portal-line:var(--f4-line);--portal-line-strong:var(--f4-line);--portal-border:var(--f4-line);--portal-text:var(--f4-ink);--portal-heading:var(--f4-ink)}
html[data-fast4-theme="light"] body.f4-ui.f4-ui-customer.portal-app-body.portal-ui-v5 .portal-ticket-v10-queue-nav a.is-active{color:var(--f4-detail-action)!important;border-color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui .shop-server-detail-table,
html[data-fast4-theme] body.f4-ui .shop-nextcloud-detail-table{display:block;border-top:1px solid var(--f4-line);font-variant-numeric:tabular-nums}
html[data-fast4-theme] body.f4-ui :is(.shop-server-detail-table,.shop-nextcloud-detail-table)>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2fr);gap:20px;padding:16px 20px;align-items:baseline;border-bottom:1px solid var(--f4-line);min-width:0}
html[data-fast4-theme] body.f4-ui :is(.shop-server-detail-table,.shop-nextcloud-detail-table)>div:last-child{border-bottom:0}
html[data-fast4-theme] body.f4-ui :is(.shop-server-detail-table,.shop-nextcloud-detail-table)>div>span{color:var(--f4-muted);font-size:13px;line-height:1.6}
html[data-fast4-theme] body.f4-ui :is(.shop-server-detail-table,.shop-nextcloud-detail-table)>div>strong{color:var(--f4-ink);font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}
html[data-fast4-theme] body.f4-ui :is(.shop-server-table-card,.shop-nextcloud-table-card){overflow:hidden;background:var(--f4-surface);border:1px solid var(--f4-line);border-radius:12px}
html[data-fast4-theme] body.f4-ui .shop-server-table-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:24px!important}
html[data-fast4-theme] body.f4-ui .shop-server-table-card__head>div{min-width:0}
html[data-fast4-theme] body.f4-ui .shop-server-table-card__head h3{margin:6px 0 0;font-size:20px;line-height:1.35}
html[data-fast4-theme] body.f4-ui .shop-server-table-card__head>span{max-width:40ch;color:var(--f4-muted);font-size:13px;line-height:1.65}

/* Compare prices without repeating full contract prose in every narrow tile.
   Minimum term, billing and cancellation remain visible before the CTA.
   Renewal/payment explanations remain native, keyboard-operable disclosures. */
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .f4-readiness--compact{padding:16px!important;background:var(--f4-surface-alt)!important;border:0!important;border-radius:9px!important;margin:18px 0!important;font-size:12px}
html[data-fast4-theme] body.f4-ui .f4-readiness--compact .f4-readiness__title{font-size:12px;line-height:1.45;margin-bottom:13px;letter-spacing:0}
html[data-fast4-theme] body.f4-ui .f4-readiness--compact .f4-readiness__facts{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html[data-fast4-theme] body.f4-ui .f4-readiness--compact .f4-readiness__facts dt{font-size:11px;line-height:1.4;color:var(--f4-muted)}
html[data-fast4-theme] body.f4-ui .f4-readiness--compact .f4-readiness__facts dd{font-size:12px;line-height:1.55;color:var(--f4-ink);font-weight:500}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure{border-top:1px solid var(--f4-line);margin-top:14px;padding-top:12px}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;cursor:pointer;list-style:none;color:var(--f4-ink);font-size:12px;font-weight:550}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure>summary::-webkit-details-marker{display:none}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure>summary:after{content:'+';color:var(--f4-accent);font-size:18px;font-weight:400}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure[open]>summary:after{content:'−'}
html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure .f4-readiness__facts--expanded{padding-top:12px}
html[data-fast4-theme] body.f4-ui .f4-readiness--compact .f4-readiness__links{gap:8px 14px;margin-top:12px;font-size:11px}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card-specs>div{padding:10px 12px!important;border-bottom:1px solid var(--f4-line);gap:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card-specs>div:last-child{border-bottom:0}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card-specs :is(span,strong){line-height:1.5;overflow-wrap:anywhere}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card__pricing{font-variant-numeric:tabular-nums}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card__pricing>strong{line-height:1.15!important;letter-spacing:-.035em}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card__billing{padding:13px!important;border-radius:8px!important;font-size:12px;line-height:1.6}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card__billing :is(strong,span){line-height:1.6}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .shop-product-card__actions .shop-primary-link{width:100%;text-align:center}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce.f4-commerce-detail .f4-product-configurator .shop-product-config{padding:18px!important;margin-block:18px!important;background:var(--f4-surface-alt)!important;border:0!important;border-radius:9px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce.f4-commerce-detail .f4-product-configurator .shop-product-config>.portal-label{display:block;margin:0 0 10px!important;font-size:12px;line-height:1.5}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce.f4-commerce-detail .f4-product-configurator .shop-product-config>.portal-label:not(:first-child){margin-top:18px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce.f4-commerce-detail .shop-domain-checker--embedded>h2{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2!important;margin-block:10px 14px!important;max-width:24ch}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce.f4-commerce-detail .shop-domain-checker--embedded>p{font-size:14px!important;line-height:1.7!important;max-width:68ch}
html[data-fast4-theme] body.f4-ui .portal-public-footer{padding-block:42px 28px!important}
html[data-fast4-theme] body.f4-ui .portal-public-footer__grid{gap:24px 48px!important;margin-bottom:30px!important}
html[data-fast4-theme] body.f4-ui .portal-public-footer__legal{padding-top:24px!important;margin-top:0!important}
html[data-fast4-theme] body.f4-ui .portal-public-footer__links{gap:9px 18px!important;margin-bottom:18px!important}

/* Watchdog is an operational workspace in either appearance, including its
   evidence details, chart dates and inactive actions. No incident state changes. */
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-workbench{--wd-orange:var(--f4-detail-action);--wd-bg:var(--f4-surface);--wd-line:var(--f4-line);--wd-muted:var(--f4-muted);--wd-green:var(--f4-success);color:var(--f4-ink)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-hero{background:var(--f4-surface)!important;border:1px solid var(--f4-line);border-left:3px solid var(--f4-accent);padding:26px 28px;border-radius:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-chart,.wd-detectors,.wd-panel){background:var(--f4-surface)!important;border:1px solid var(--f4-line);border-radius:10px;padding:24px}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-case,.wd-invoice){background:var(--f4-surface)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-case>summary:hover,
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-case[open]>summary{background:var(--f4-surface-alt)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-eyebrow,.wd-case__overline,.wd-case__sub,.wd-facts dt,.wd-stats small,.wd-bar small,.wd-hero__state small,.wd-footer,.wd-chevron,.wd-detector code,.wd-audit>code){color:var(--f4-muted)!important;font-size:11px!important;line-height:1.65}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-muted,.wd-hero p,.wd-stats dt,.wd-section-title>strong small,.wd-filters label>span,.wd-case__evidence p,.wd-case__actions label,.wd-action-form>label:not(.wd-check),.wd-check,.wd-status-list>div,.wd-audit p,.wd-facts dd,.wd-invoice>p){color:var(--f4-muted)!important;font-size:12px!important;line-height:1.7}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-detector strong,.wd-tabs a span,.wd-text-link,.wd-links a,.wd-alert-number,.wd-evidence-detail summary,.wd-fee-action>summary,.wd-audit summary){color:var(--f4-detail-action)!important;font-size:12px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-tabs a,.wd-footer strong){color:var(--f4-ink)!important;font-size:12px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-callout{background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;border-left-color:var(--f4-accent)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-callout strong{color:var(--f4-ink)!important;font-size:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-evidence-detail pre{color:var(--f4-ink)!important;background:var(--f4-surface-alt)!important;font-size:12px!important;line-height:1.8}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-state,.wd-badge){background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important;font-size:11px!important;white-space:normal;line-height:1.5}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-badge:is([data-level="critical"],[data-level="high"]){color:var(--f4-danger)!important;border-color:var(--f4-danger)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-case[data-state="released"] .wd-state{color:var(--f4-success)!important;border-color:var(--f4-success)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-check input{background:var(--f4-surface)!important;border-color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-check input:checked{background:var(--f4-success)!important;border-color:var(--f4-success)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-check input:checked:before{color:var(--f4-surface)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-workbench :is(.portal-button-primary,.portal-button-secondary):disabled{opacity:1!important;background:var(--f4-surface-alt)!important;color:var(--f4-muted)!important;border:1px dashed var(--f4-line)!important;cursor:not-allowed}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-health{color:var(--f4-detail-action);font-size:12px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-health.is-ok{color:var(--f4-success)!important}

/* Isolated paper previews keep paper ink in both application appearances. */
html[data-fast4-theme] body.f4-ui.f4-ui-admin .sales-letter-sheet{color:#172033!important;background:#fff!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .sales-letter-sheet :is(h1,h2,h3,h4,strong){color:#172033!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .sales-letter-sheet :is(.sales-letter-sheet__reference,.sales-letter-sheet__window>em,.sales-letter-sheet__meta>span){color:#98400b!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .portal-preview-mail{color:#263144!important;background:#fff!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .portal-preview-mail :is(h1,h2,h3,h4,strong,.portal-preview-mail__title){color:#172033!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .portal-preview-mail :is(p,li,.portal-preview-mail__intro){color:#4e5c6d!important}

/* New product controls inherited legacy fallback surfaces in light mode. */
html[data-fast4-theme] body.f4-ui.f4-ui-admin:has(.product-console){--portal-surface:var(--f4-surface);--portal-muted:var(--f4-muted);--portal-border:var(--f4-line);--portal-text:var(--f4-ink);--portal-heading:var(--f4-ink);--portal-accent:var(--f4-accent)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.product-console__panel,.product-console__metric){background:var(--f4-surface)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.product-console__copy,.product-console__metric span,.product-console__eyebrow,.product-console__toggle-copy small,.product-console__explanation,.product-order-control__note,.product-fee-summary){color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.product-catalog-toolbar__link,.product-fee-summary__effective,.product-order-control__action>summary,.product-category-overview>summary:after){color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .product-console__state{background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;white-space:normal}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .product-console__state--paused{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .product-console__state--enabled{color:var(--f4-success)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.offer-status-nav__count,.acq-source__rank--active){color:var(--f4-detail-action)!important;background:var(--f4-surface-alt)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-table-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-table{width:100%;min-width:940px;border-collapse:collapse}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-table :is(th,td){padding:14px 18px;vertical-align:top;line-height:1.6}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-table th{white-space:normal;overflow-wrap:anywhere;color:var(--f4-muted)!important;background:var(--f4-surface-alt)!important;font-size:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .portal-table :is(td,div).text-white{color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .portal-table .text-amber-200{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .sms-center :is(small,.sms-recipient small){color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper{color:#172033!important;background:#fff!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper :is(h1,h2,h3,h4,strong){color:#172033!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper :is(.offer-paper__brandline,.offer-paper__sender,dt,small,.offer-paper__empty){color:#596777!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper .offer-paper__eyebrow{color:#98400b!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper .offer-paper__contact>span{color:#98400b!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.portal-notification-primary-action,.review-switch,.offer-source-switch__index){color:var(--f4-accent-ink)!important;background:var(--f4-accent)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-center__policy>span{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-search button{color:var(--f4-accent-ink)!important;background:var(--f4-accent)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .review-policy-note span{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .product-console__detail>summary{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.f4-staff-nav .is-active,.f4-staff-tabs .is-active){background:var(--f4-surface-alt)!important;color:var(--f4-detail-action)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.f4-staff-kicker,.f4-staff-row small,.f4-staff-identity>span){color:var(--f4-muted)!important;opacity:1!important;line-height:1.6}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-bot{--ops-accent:var(--f4-detail-action);--ops-surface:var(--f4-surface);--ops-rule:var(--f4-line);--ops-muted:var(--f4-muted);--ops-green:var(--f4-success);color:var(--f4-ink)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.ops-connection,.ops-sources){background:var(--f4-surface)!important;border:1px solid var(--f4-line)!important;border-radius:10px}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-connection{border-left:3px solid var(--f4-accent)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.ops-metrics dd,.ops-metrics__date,.ops-routing summary,.ops-bot strong){color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.ops-notice p,.ops-subtle,.ops-bot time,.ops-notice__meta,.ops-eyebrow,.ops-route-line>span){color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-filter a.is-current{background:var(--f4-surface-alt)!important;color:var(--f4-detail-action)!important;border-color:var(--f4-line)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-notice__actions button{color:var(--f4-ink)!important;background:var(--f4-surface-alt)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-toggle input{background:var(--f4-surface)!important;border-color:var(--f4-muted)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-toggle input:checked{background:var(--f4-success)!important;border-color:var(--f4-success)}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .ops-toggle input:checked:before{color:var(--f4-surface)!important}
html[data-fast4-theme="light"] body.f4-ui .rack-traffic{--rack-in:#1d5b91;--rack-out:#98400b}

/* VPN profiles and monitoring share one readable appearance; private fields
   retain their hidden state and all reveal/download handlers stay native. */
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vpn-access,.f4vpn-empty,.f4vpn-panel,.f4vpn-guide,.f4vpn-key-control,.f4mon section,.f4mon-kpis>div){color:var(--f4-ink)!important;background:var(--f4-surface)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vpn-panel-head,.f4mon-note){background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vpn-facts dd,.f4vpn-guide strong,.f4vpn-key-control summary,.f4vpn-private label,.f4mon label,.f4mon-kpis strong,.f4mon td,.f4mon-badge){color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vpn-facts dt,.f4vpn-facts small,.f4vpn-empty p,.f4vpn-security,.f4vpn-guide p,.f4vpn-key-control p,.f4vpn-key-control label,.f4mon p,.f4mon small,.f4mon-case code){color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vpn-eyebrow,.f4vpn-guide a:not(.portal-button-secondary),.f4mon a:not(.portal-button-primary):not(.portal-button-secondary)){color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) .f4mon{--edge:var(--f4-line);--muted:var(--f4-muted)}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) .f4mon th{color:var(--f4-muted)!important;background:var(--f4-surface-alt)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4avpn-number,.f4vtu-stats strong,.f4vtu label){color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4avpn-number small,.f4avpn-note,.f4avpn-status,.f4vtu-feedback,.f4vtu-footnote){color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) .f4vpn-state.is-ready{color:var(--f4-success)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) .f4vtu{--traffic-line:var(--f4-line);--traffic-text:var(--f4-ink);--traffic-muted:var(--f4-muted);--traffic-orange:var(--f4-detail-action);--traffic-green:var(--f4-success);background:var(--f4-surface)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5.portal-app-body:is(.f4-ui-customer,.f4-ui-admin) :is(.f4vtu-head,.f4vtu-profile){background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5:is(.f4-ui-customer,.f4-ui-admin,.f4-ui-commerce) :is(.f4vp-kicker,.f4vp-title>span,.f4vp-textlink){color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5 .f4vp a:not(.portal-button-primary):not(.portal-button-secondary){color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5 .f4vp-tabs button{color:var(--f4-ink)!important;background:var(--f4-surface-alt)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5 .f4vtu a{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5 .f4vp-use-list li>span{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.portal-ui-v5 .f4vp-devices{background:var(--f4-surface)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-admin .offer-paper__totals span{color:#98400b!important}
html[data-fast4-theme] body.f4-ui .portal-topbar__badge{color:var(--f4-detail-action)!important}

/* Registration uses its available width for the form, with real field-group
   insets and a quieter accompanying brand panel. Validation is unchanged. */
@media(min-width:1100px){
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-grid--register{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)!important;align-items:start}
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-spotlight{padding:clamp(30px,4vw,54px)!important;position:sticky;top:24px;align-self:start}
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-spotlight__title{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.13!important;max-width:12ch}
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-auth-feature-list{margin-top:32px!important}
}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section{padding:24px!important;background:var(--f4-surface)!important;border-color:var(--f4-line)!important;border-radius:10px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section__head{margin:0 0 22px!important;padding:0 0 17px!important;border-bottom:1px solid var(--f4-line);gap:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section__head p{margin:0 0 5px;color:var(--f4-muted);font-size:11px;font-weight:500;letter-spacing:.06em}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section__head h3{margin:0;font-size:20px!important;line-height:1.3}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-field-grid{gap:20px 18px!important}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section .portal-field-note{margin-top:8px!important;padding-left:0!important;border-left:0!important;font-size:12px;line-height:1.65}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head__notes{padding:14px 16px;background:var(--f4-surface-alt);border-radius:8px;gap:12px}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-head__notes p{border-left:0!important;padding-left:0!important;font-size:12px!important;line-height:1.65!important}
html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-actions{padding-top:18px!important;gap:14px!important}

/* Every inherited input keeps a consistent hover/focus affordance; disabled
   controls and native validation keep their original semantics. */
html[data-fast4-theme] body.f4-ui :is(.portal-input,.portal-select,.portal-textarea):not(:disabled):hover{border-color:color-mix(in srgb,var(--f4-muted) 55%,var(--f4-line))!important}
html[data-fast4-theme] body.f4-ui :is(.portal-input,.portal-select,.portal-textarea):focus{border-color:var(--f4-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--f4-accent) 14%,transparent)!important}
html[data-fast4-theme] body.f4-ui :is(.portal-button-primary,.portal-button-secondary,.shop-primary-link){transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-fast4-theme] body.f4-ui :is(.portal-button-primary,.portal-button-secondary,.shop-primary-link):focus-visible{outline:3px solid var(--f4-accent)!important;outline-offset:3px}
@media(max-width:640px){
 html[data-fast4-theme] body.f4-ui .shop-server-table-card__head{display:block;padding:20px!important}
 html[data-fast4-theme] body.f4-ui .shop-server-table-card__head>span{display:block;margin-top:10px;max-width:none}
 html[data-fast4-theme] body.f4-ui :is(.shop-server-detail-table,.shop-nextcloud-detail-table)>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:15px 20px}
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section{padding:20px!important}
 html[data-fast4-theme] body.f4-ui .f4-readiness__disclosure>summary{min-height:44px}
 html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-hero{padding:20px}
 html[data-fast4-theme] body.f4-ui.f4-ui-admin :is(.wd-chart,.wd-detectors,.wd-panel){padding:18px}
 html[data-fast4-theme] body.f4-ui.f4-ui-admin .wd-case__actions :is(button,a){min-height:44px}
}
@media(max-width:380px){
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-section{padding:16px!important}
 html[data-fast4-theme] body.f4-ui.f4-ui-auth.portal-auth-body.portal-ui-v5.portal-auth-body--register .portal-register-field-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-fast4-theme] body.f4-ui :is(.portal-input,.portal-select,.portal-textarea,.portal-button-primary,.portal-button-secondary,.shop-primary-link){transition:none!important}
}

/* Verified native-page follow-up: five inherited light-mode accents/labels.
   Preserve action backgrounds and semantic states; deepen only their ink. */
html[data-fast4-theme="light"] body.f4-ui .maintenance-banner__eyebrow{color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui.f4-ui-customer.portal-app-body.portal-ui-v5 .portal-notification-primary-action{color:var(--f4-accent-ink)!important;background:var(--f4-accent)!important}
html[data-fast4-theme="light"] body.f4-ui.f4-ui-customer .callback-form__divider>span{color:var(--f4-detail-action)!important}
html[data-fast4-theme="light"] body.f4-ui.f4-ui-customer .portal-ticket-conversations .ticket-wiki-help-inline a{color:var(--f4-detail-action)!important}
html[data-fast4-theme="light"] body.f4-ui.f4-ui-admin .portal-admin-customer-snapshot__card>:is(span,small){color:#475569!important}

/* VPN product detail has its own composed configurator. Bind that component
   to the shared appearance instead of its inherited dark-only palette. */
html[data-fast4-theme] body.f4-ui .vpn-detail{--vpn-ink:var(--f4-ink);--vpn-muted:var(--f4-muted);--vpn-line:var(--f4-line);--vpn-orange:var(--f4-detail-action);--vpn-mint:var(--f4-success);color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui .vpn-detail__starting span{color:var(--f4-muted)!important}
html[data-fast4-theme] body.f4-ui .vpn-detail :is(.vpn-config,.vpn-route){background:var(--f4-surface)!important;border-color:var(--f4-line)}
html[data-fast4-theme] body.f4-ui .vpn-detail .vpn-route{border-top-color:var(--f4-success)}
html[data-fast4-theme] body.f4-ui .vpn-detail .vpn-config{border-top-color:var(--f4-detail-action)}
html[data-fast4-theme] body.f4-ui .vpn-detail .vpn-config__terms label>span{background:var(--f4-surface-alt)!important;color:var(--f4-ink)!important}
html[data-fast4-theme] body.f4-ui .vpn-detail .vpn-config__terms input:checked+span{background:var(--f4-surface-alt)!important;color:var(--f4-detail-action)!important;border-color:var(--f4-detail-action)!important}
html[data-fast4-theme] body.f4-ui .vpn-detail .vpn-route__gateway b{background:var(--f4-surface-alt)!important;border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui .vpn-term-benefit{border-color:var(--f4-line)!important}
html[data-fast4-theme] body.f4-ui .vpn-term-benefit strong{color:var(--f4-success)!important}
html[data-fast4-theme] body.f4-ui .vpn-overview-facts>span{color:var(--f4-muted)!important;border-left-color:var(--f4-accent)!important}
html[data-fast4-theme="light"] body.f4-ui.f4-ui-auth.portal-ui-v5 .portal-auth-eyebrow{color:var(--f4-detail-action)!important}

/* Image-backed catalog banners stay dark in both appearances. Their title
   and kicker must retain light ink instead of inheriting the page's ink. */
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .f4-catalog-hero .shop-page__hero-card h1{color:#f4f5f7!important}
html[data-fast4-theme] body.f4-ui.f4-ui-commerce .f4-catalog-hero .shop-section-kicker{color:#ffab68!important}