/* Soft apricot palette shared across all FastCloudly pages. */
:root{--accent:#ff5e1f;--accent-ink:#8c512e;--text:#242424;--muted:#626262;--line:#e6e3df}
.logo,h1{color:var(--text)}h1 span,h2 span,.brand-icon{color:var(--accent)}
.button,.plan.featured button,.billing button.active,.admin-tabs button.active{background:var(--accent);color:#24170c;border-color:var(--accent)}
.button:hover,.plan.featured button:hover{background:#be7c48;color:#24170c}.button:disabled{background:#dac6b5;color:#57493d}
.secondary-button,.small-button,.plan button{color:var(--accent-ink)}
.choice.selected,.network-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#faf1e9}
.summary-total,.choice-head i,.draft-card>strong,.phase-label{color:var(--accent-ink)}
.step-title>span,.new-badge,.os-icon{color:var(--accent-ink);background:#f5e7db}.new-badge{border-color:#e5c3a7}
input[type=checkbox],.network-option input[type=checkbox]{accent-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.map-point{fill:var(--accent);filter:drop-shadow(0 0 4px #ff5e1f40)}.map-point .halo{fill:#ff5e1f20;stroke:#ff5e1f}.map-point.selected{fill:#8c512e}.map-point.selected .halo,.map-point:hover .halo{fill:#ff5e1f40;stroke:#8c512e}
.theme-control{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.theme-control select{width:auto;min-width:135px;font-size:12px;cursor:pointer}
.account-topbar{gap:14px;flex-wrap:wrap;height:auto;min-height:70px;padding-top:12px;padding-bottom:12px}.account-topbar [data-theme-control]{margin-left:auto}
header:has(>[data-theme-control]){gap:18px;flex-wrap:wrap;height:auto;min-height:90px;padding-top:16px;padding-bottom:16px}
@media(max-width:600px){.theme-control{font-size:11px}.theme-control select{min-width:125px}.account-topbar [data-theme-control]{margin-left:0}header:has(>[data-theme-control]){gap:12px}header>[data-theme-control]{order:3;width:100%}}
/* Persistent cabinet controls and compact configurator. */
.account-topbar{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--bg)}
body:has(#admin-workspace)>header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.account-sidebar{overflow-y:auto}.account-sidebar nav a[hidden]{display:none!important}
.account-section{scroll-margin-top:110px}.account-main>.settings-card{max-width:620px}.account-main>.page-title{margin-top:0}
.datacenter-select{display:block;max-width:550px;font-size:13px}.datacenter-select select{margin-top:12px;min-height:48px}
#vps-systems{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));max-width:660px;gap:10px}
#vps-systems .choice{flex-direction:row;align-items:center;gap:12px;padding:13px 15px;min-height:68px}
.os-logo{color:var(--accent);display:flex;flex:0 0 29px}.os-logo svg{width:29px;height:29px}
.os-description{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.os-description strong{font-size:13px}.os-description small{font-size:10px}
.cpu-types{margin-bottom:12px}.cpu-types .choice{padding:15px}.theme-control{flex-shrink:0}
@media(max-width:600px){#vps-systems{grid-template-columns:repeat(2,minmax(0,1fr))}#vps-systems .choice{padding:12px 10px;gap:8px}.os-logo{flex-basis:24px}.os-logo svg{width:24px;height:24px}.account-topbar{gap:10px}.account-topbar>span:first-child{display:none}.account-topbar [data-theme-control]{margin-right:auto}}
/* Shared interactive accents, including map keyboard focus and secondary controls. */
.country-list button.selected{border-color:var(--accent);background:#faf1e9;color:var(--accent-ink)}
.country-list button.selected span,.plan-footnote a,.platform .text-link,.config strong,.order-price{color:var(--accent-ink)}
.billing button.active small{color:inherit}.badge{background:var(--accent);color:#24170c}
.map-point:focus .halo,.map-point:focus-visible .halo{fill:#ff5e1f40;stroke:var(--accent-ink)}
.account-sidebar nav a.active{color:var(--accent-ink);background:#faf1e9}
.secondary-button:hover,.small-button:hover{color:var(--accent-ink);border-color:var(--accent)}
html[data-theme=dark] .button:hover{background:#ca956e;color:#24170c}
/* Featured plan ribbon and compact payment-period controls. */
.plans .plan .badge{display:inline-flex;align-items:center;gap:6px;top:-15px;right:12px;max-width:calc(100% - 24px);padding:8px 11px;border:1px solid #ffb38d;border-radius:999px;background:linear-gradient(115deg,#ffe0ac 0%,#ffad68 42%,#ff5e1f 100%);color:#40200e;box-shadow:0 4px 12px #ff5e1f20,inset 0 1px 0 #ffffff90;font-size:8px;font-weight:800;letter-spacing:.65px;line-height:1.25;white-space:nowrap}
.plans .plan .badge:before{content:'✦';font-size:12px;line-height:1;color:#723714}
.plans .billing{gap:8px;padding:5px;border-radius:15px;flex-shrink:0;align-items:center}
.plans .billing button{padding:10px 13px;white-space:nowrap}
@media(max-width:380px){.plans .plan .badge{font-size:8px;padding:7px 10px}.plans .billing{gap:7px}}