/* BaloVPS storefront designs: each selection changes layout, surfaces, type, and palette. */
.theme-evergreen{--green:#168f70;--deep:#112b30;--mint:#c6f0dd;--cream:#f5f8f4}
.theme-midnight{--green:#8ad74e;--deep:#122536;--mint:#d5f3a5;--cream:#f3f5f8;--ink:#172536}
.theme-midnight{background:#0d1925;color:#edf5f0}
.theme-midnight .topbar{position:relative;background:#0d1925;border-color:#253847;color:#edf5f0}
.theme-midnight .topbar nav{color:#b8c7c9}
.theme-midnight .topbar .button-outline{color:#f1f6f2;border-color:#617783;background:#172c3a}
.theme-midnight .topbar .button-outline:hover{color:#0d1925;background:#d5f3a5;border-color:#d5f3a5}
.theme-midnight .hero{max-width:none;margin:0;padding:100px max(calc((100vw - 1160px)/2),6%);background:linear-gradient(120deg,#0d1925 0%,#142a3b 72%,#203a48 100%);color:#f1f6f2}
.theme-midnight .hero-copy{order:2}.theme-midnight .hero-art{order:1;background:radial-gradient(ellipse,#294b50 0,#172e3c 52%,transparent 74%)}
.theme-midnight .hero-copy>p,.theme-midnight .trustline,.theme-midnight .uptime{color:#b9c7c4}
.theme-midnight .plans-section,.theme-midnight .order-section,.theme-midnight .faq-section{background:#111f2c;color:#edf5f0}
.theme-midnight .plan-card,.theme-midnight .order-form,.theme-midnight .order-note,.theme-midnight .faq-item{background:#192b39;border-color:#2b414e;color:#edf5f0}
.theme-midnight .faq-item{padding-left:22px;padding-right:22px}
.theme-midnight .plan-desc,.theme-midnight .spec-list li,.theme-midnight .faq-item p,.theme-midnight .order-intro>p,.theme-midnight .section-head>p{color:#b4c2c0}
.theme-midnight .included,.theme-midnight .server-top,.theme-midnight .server-stats{border-color:#314550}
.theme-midnight .why-section,.theme-midnight footer{color:#edf5f0}
.theme-midnight .why-points>div,.theme-midnight .why-points>div:first-child{border-color:#30414b}
.theme-midnight .bottom-cta{background:#203a48}
.theme-ocean{--green:#147eae;--deep:#15364a;--mint:#c9e8f5;--cream:#f3f8fb}
.theme-ocean .topbar{border-bottom:3px solid #d8eef6}
.theme-ocean .hero{grid-template-columns:1fr;gap:2px;padding-top:74px;padding-bottom:55px;text-align:center;background:linear-gradient(180deg,#f3faff 0%,#fff 80%)}
.theme-ocean .hero-copy{max-width:760px;margin:auto}.theme-ocean .hero-copy>p{margin-left:auto;margin-right:auto}
.theme-ocean .hero-actions,.theme-ocean .trustline{justify-content:center}.theme-ocean .hero-art{height:270px;max-width:700px;width:100%;margin:auto;background:radial-gradient(ellipse,#cdeaf5 0,#eff8fb 58%,transparent 76%)}
.theme-ocean .orbit{width:270px;height:270px}.theme-ocean .orbit-two{width:220px;height:220px}
.theme-ocean .plans-section{background:#eaf5fa}.theme-ocean .plan-grid{grid-template-columns:1fr;max-width:940px;margin:auto}
.theme-ocean .plan-card{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.3fr) minmax(155px,.8fr);grid-template-rows:auto auto auto;column-gap:22px;align-items:center;border-radius:14px;border-color:#d1e7f0;box-shadow:0 8px 28px #174b6510}
.theme-ocean .plan-top{grid-column:1;grid-row:1}.theme-ocean .plan-desc{grid-column:1;grid-row:2}.theme-ocean .platform-pill{grid-column:1;grid-row:3;justify-self:start}
.theme-ocean .price{grid-column:2;grid-row:1}.theme-ocean .plan-savings{grid-column:2;grid-row:2}.theme-ocean .plan-card>.button{grid-column:3;grid-row:1/3}.theme-ocean .included{grid-column:1/3;grid-row:4}.theme-ocean .spec-list{grid-column:1/3;grid-row:5;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.theme-ocean .plan-card>.popular{top:8px;right:8px}
.theme-warm{--green:#bf613e;--deep:#3a2a26;--mint:#f2d4bd;--cream:#faf5f0;--orange:#dd8760}
.theme-warm{--font:Georgia,'Times New Roman',serif;--display:Georgia,'Times New Roman',serif;background:#fcf8f2;color:#352923;overflow-x:hidden}
.theme-warm .topbar{height:96px;background:#fcf8f2;border-bottom:1px solid #eadfd3}
.theme-warm .hero{width:min(100%,1320px);max-width:1320px;min-height:640px;margin:0 auto;padding:95px clamp(24px,5vw,72px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,76px)}
.theme-warm .hero-copy{min-width:0;max-width:100%}
.theme-warm .hero h1{max-width:100%;font-size:clamp(48px,5.2vw,72px);line-height:1.02;letter-spacing:-2.8px;overflow-wrap:anywhere}
.theme-warm .hero-art{height:460px;border-radius:48% 48% 12px 12px;background:radial-gradient(ellipse,#f2dcc9 0,#f8eee3 58%,transparent 74%)}
.theme-warm .server-card{border-radius:3px;box-shadow:14px 16px 0 #d9b9a2}
.theme-warm .plans-section{background:#f1e7db}.theme-warm .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.theme-warm .plan-card{padding:30px;border:0;border-top:4px solid var(--green);border-radius:2px;background:#fffdf9;box-shadow:0 12px 35px #59432c10}
.theme-warm .plan-card.featured{transform:translateY(-8px);box-shadow:0 18px 45px #59432c20}
.theme-warm .why-section{max-width:1180px;gap:120px}.theme-warm .order-section{background:#eee0d2}
.theme-warm .order-form,.theme-warm .order-note{border-radius:2px;box-shadow:0 12px 34px #59432c12}
.theme-warm .faq-section{background:#fcf8f2}
.brand-logo{display:block;width:auto;height:auto;max-width:170px;max-height:40px;object-fit:contain}
.faq-section{padding:90px max(calc((100vw - 940px)/2),6%);background:var(--cream)}
.faq-section .section-head{max-width:900px;margin:0 auto 30px}.faq-section .section-head h2{font-size:38px}
.faq-list{max-width:900px;margin:auto;border-top:1px solid var(--line)}
.faq-item{padding:18px 2px;border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font:600 15px var(--display)}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--green);font-size:20px;transition:transform .15s}.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{max-width:75ch;margin:12px 40px 2px 0;color:#718078;font-size:13px;line-height:1.8}
.site-settings-form{max-width:1020px;display:grid;gap:28px;padding:28px}.site-settings-form section{padding-bottom:26px;border-bottom:1px solid #edf0ed}.site-settings-form .panel-head{margin-bottom:14px}.site-settings-form .panel-head h2{margin:0 0 5px}.site-settings-form .panel-head p,.site-settings-form small{color:#78877f;font-size:12px;line-height:1.65}.site-settings-form .field-label{margin-top:15px}.site-settings-form input[type=file]{padding:10px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.current-logo{display:flex;align-items:center;gap:18px;margin:14px 0}.current-logo img{max-width:220px;max-height:72px;object-fit:contain;padding:8px;border:1px solid #e7ece8;border-radius:8px}.current-logo label{display:flex;align-items:center;gap:8px;color:#69786f;font-size:12px}.current-logo input{width:auto}.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.theme-choice{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:6px 8px;padding:14px;border:1px solid #e4ebe6;border-radius:9px;cursor:pointer}.theme-choice input{width:16px;margin:0}.theme-choice b,.theme-choice small{grid-column:2}.theme-choice small{font-size:10px}.theme-swatch{grid-column:1/-1;height:42px;border-radius:6px;background:linear-gradient(105deg,#168f70 0 35%,#f5f8f4 35% 100%);border:1px solid #e7ece8}.theme-choice-midnight .theme-swatch{background:linear-gradient(105deg,#122536 0 35%,#8ad74e 35% 51%,#f3f5f8 51%)}.theme-choice-ocean .theme-swatch{background:linear-gradient(105deg,#15364a 0 35%,#147eae 35% 51%,#f3f8fb 51%)}.theme-choice-warm .theme-swatch{background:linear-gradient(105deg,#3a2a26 0 35%,#bf613e 35% 51%,#faf5f0 51%)}.faq-edit{padding:12px 14px 16px;margin:12px 0;border:1px solid #e9eeea;border-radius:8px}.content-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.content-save-bar>span{font-size:12px;color:#78877f}
@media(max-width:760px){.faq-section{padding:58px 20px}.faq-section .section-head{display:block}.faq-section .section-head h2{font-size:30px}.admin-form-grid,.theme-options{grid-template-columns:1fr 1fr}.site-settings-form{padding:18px}.content-save-bar{align-items:stretch;flex-direction:column}.content-save-bar .button{justify-content:center}.topbar .brand-logo{max-width:125px;max-height:32px}}
@media(max-width:440px){.theme-options{grid-template-columns:1fr}.faq-item summary{font-size:13px}}
@media(max-width:800px){
 .theme-midnight .hero{padding:68px 6%}.theme-midnight .hero-copy,.theme-midnight .hero-art{order:initial}
 .theme-ocean .hero{padding:56px 6% 42px}.theme-ocean .plan-card{grid-template-columns:1fr 1fr;gap:8px 14px;padding:20px}.theme-ocean .plan-top,.theme-ocean .plan-desc,.theme-ocean .platform-pill,.theme-ocean .price,.theme-ocean .plan-savings,.theme-ocean .plan-card>.button{grid-column:1/-1;grid-row:auto}.theme-ocean .plan-card>.button{width:100%}.theme-ocean .included,.theme-ocean .spec-list{grid-column:1/-1;grid-row:auto}.theme-ocean .spec-list{grid-template-columns:1fr 1fr}
 .theme-warm .hero{width:100%;margin:0 auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:60px 6% 50px}.theme-warm .hero-art{height:330px;max-width:550px;width:100%;margin:auto}.theme-warm .hero h1{font-size:clamp(42px,8vw,60px)}.theme-warm .plan-grid{grid-template-columns:1fr}.theme-warm .plan-card.featured{transform:none}
}
@media(max-width:600px){.theme-midnight .plans-section,.theme-midnight .order-section,.theme-midnight .faq-section{padding-left:6%;padding-right:6%}.theme-midnight .plan-card{padding:20px}.theme-ocean .hero-art{height:230px}.theme-ocean .hero-actions{flex-wrap:wrap}.theme-ocean .trustline{flex-wrap:wrap}.theme-warm .hero-art{height:285px;margin:0 4%}}
.support-mode-banner{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;background:#fff3d2;border-bottom:1px solid #ebcf86;color:#4d3d15;font:13px/1.4 var(--font);box-shadow:0 4px 16px #18241a12}.support-mode-banner b{margin-right:8px;letter-spacing:.5px}.support-mode-banner form{margin:0}.support-mode-banner button{border:0;border-radius:5px;padding:9px 13px;background:#694d08;color:white;font:600 12px var(--font);cursor:pointer;white-space:nowrap}
.buyer-admin-card{margin:14px 0;padding:20px;border:1px solid #e5ebe6;border-radius:10px;background:#fff}.buyer-admin-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.buyer-admin-header h3{margin:0;font:600 17px var(--display)}.buyer-admin-header p{margin:4px 0 0;color:#74827a;font-size:12px}.buyer-admin-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#7c8982;font-size:11px}.buyer-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.buyer-action-details{position:relative;min-width:210px;flex:1 1 220px;padding:11px 13px;border:1px solid #e5ebe6;border-radius:7px}.buyer-action-details>summary{cursor:pointer;color:#26795f;font-size:12px;font-weight:700}.buyer-action-details form{display:grid;gap:7px;margin-top:10px}.buyer-action-details .field-label{margin:3px 0}.buyer-action-details .button{width:max-content;justify-content:center}.buyer-action-details small{display:block;margin-top:8px;color:#78877f;font-size:10px;line-height:1.5}.button-danger{background:#a63737}.buyer-verification-summary{display:grid;gap:12px;margin-top:16px;padding:15px;border-radius:8px;background:#f6f8f6}.buyer-verification-summary>div:first-child{display:grid;gap:5px}.buyer-verification-summary b{font-size:12px}.buyer-verification-summary small{color:#738078;font-size:11px;line-height:1.5}.buyer-verification-review{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.buyer-verification-review form{display:flex;gap:6px;align-items:center}.buyer-verification-review input{width:180px;padding:8px;font-size:11px}.buyer-verification-customer-panel{border-color:#e2c979}.verification-customer-panel{border-color:#e6cf85;background:#fffdf7}.verification-customer-panel .panel-head{align-items:flex-start}.verification-customer-panel .panel-head p{max-width:70ch;line-height:1.6}.verification-privacy-note{color:#65756d;font-size:12px;line-height:1.65}.verification-upload-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;max-width:750px}.verification-upload-form .field-label{grid-column:1/-1;margin-bottom:-7px}.verification-upload-form small{grid-column:1/-1;color:#78877f;font-size:11px}.verification-upload-form .button{justify-content:center}.verification-approved{margin:18px 0;padding:16px;border:1px solid #c8e5d5;border-radius:8px;background:#f0f9f4;color:#24754d;font-size:13px}.audit-note{color:#76847c;font-size:12px}
@media(max-width:700px){.support-mode-banner{align-items:flex-start;flex-direction:column;padding:10px 14px;font-size:11px}.buyer-admin-header{align-items:flex-start}.buyer-action-details{flex-basis:100%}.buyer-verification-review{align-items:stretch;flex-direction:column}.buyer-verification-review form{align-items:stretch;flex-direction:column}.buyer-verification-review input{width:100%}.verification-upload-form{grid-template-columns:1fr}.verification-upload-form .field-label,.verification-upload-form small{grid-column:1}.verification-upload-form .button{width:100%}}

/* Small layout previews make the difference between storefront designs clear. */
.theme-swatch{position:relative;display:block;overflow:hidden;height:68px;border-radius:7px;background:#f4f7f2;border:1px solid #dfe7e0}
.theme-swatch>i{position:absolute;display:block;font-style:normal}
.theme-preview-head{left:0;right:0;top:0;height:9px;background:#fff;border-bottom:1px solid #e4e9e4}
.theme-preview-hero{left:8px;top:19px;width:38%;height:24px;border-radius:2px;background:linear-gradient(#64766d 0 4px,transparent 4px 8px,#9aa79f 8px 11px,transparent 11px 16px,#198f70 16px 100%)}
.theme-preview-art{right:8px;top:17px;width:38%;height:29px;border-radius:8px;background:#d8eee2;border:1px solid #c8dfd2}
.theme-preview-plans{left:8px;right:8px;bottom:6px;height:11px;background:linear-gradient(90deg,#fff 0 31%,transparent 31% 34%,#fff 34% 65%,transparent 65% 68%,#fff 68%);border-top:3px solid #e7ece8}
.theme-swatch-midnight{background:#102333;border-color:#294050}.theme-swatch-midnight .theme-preview-head{background:#0b1925;border-color:#263c49}
.theme-swatch-midnight .theme-preview-hero{left:auto;right:8px;background:linear-gradient(#eef6f0 0 4px,transparent 4px 8px,#94aaa0 8px 11px,transparent 11px 16px,#8ad74e 16px 100%)}
.theme-swatch-midnight .theme-preview-art{right:auto;left:8px;background:#294954;border:1px solid #3d6370}
.theme-swatch-midnight .theme-preview-plans{background:linear-gradient(90deg,#203746 0 31%,transparent 31% 34%,#203746 34% 65%,transparent 65% 68%,#203746 68%);border-color:#344b59}
.theme-swatch-ocean{background:#edf7fb;border-color:#cfe5ef}.theme-swatch-ocean .theme-preview-head{height:10px;border-bottom:3px solid #b8dce9}
.theme-swatch-ocean .theme-preview-hero{left:31%;top:15px;width:38%;height:12px;background:linear-gradient(#497285 0 4px,transparent 4px 8px,#147eae 8px)}
.theme-swatch-ocean .theme-preview-art{left:36%;right:auto;top:29px;width:28%;height:10px;border-radius:10px;background:#c9e8f5}
.theme-swatch-ocean .theme-preview-plans{height:18px;bottom:5px;background:repeating-linear-gradient(180deg,#fff 0 4px,#d5eaf1 4px 6px);border:0;border-radius:3px}
.theme-swatch-warm{background:#f5eadf;border-color:#ead8c7}.theme-swatch-warm .theme-preview-head{background:#fcf8f2;border-color:#eadfd3}
.theme-swatch-warm .theme-preview-hero{left:8px;top:17px;width:46%;height:27px;background:linear-gradient(#594435 0 5px,transparent 5px 9px,#a9927f 9px 12px,transparent 12px 17px,#bf613e 17px)}
.theme-swatch-warm .theme-preview-art{right:8px;top:14px;width:30%;height:32px;border-radius:50% 50% 3px 3px;background:#e6c8b1;border-color:#d9b69c}
.theme-swatch-warm .theme-preview-plans{height:10px;background:linear-gradient(90deg,#fffdf9 0 48%,transparent 48% 52%,#fffdf9 52%);border-top:3px solid #bf613e}
.turnstile-toggle{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:15px 16px;border:1px solid #dce9e0;border-radius:8px;background:#f7fbf8;cursor:pointer}.turnstile-toggle input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:#168f70}.turnstile-toggle span{display:grid;gap:3px}.turnstile-toggle b{color:#263a31;font-size:13px}.turnstile-toggle small{color:#78877f;font-size:12px;line-height:1.5}

/* Keep generated brand marks consistent with each theme, including dark headers. */
.theme-evergreen{--brand-mark-accent:#168f70;--brand-mark-contrast:#112b30}
.theme-midnight{--brand-mark-accent:#8ad74e;--brand-mark-contrast:#f1f6f2}
.theme-ocean{--brand-mark-accent:#147eae;--brand-mark-contrast:#15364a}
.theme-warm{--brand-mark-accent:#bd613e;--brand-mark-contrast:#493629}
.generated-social-preview{display:grid;gap:9px;width:min(100%,560px);margin:14px 0}.generated-social-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border:1px solid #dfe8e2;border-radius:8px}.generated-social-preview .mini-button{justify-self:start}

/* Keep the whole storefront on the selected theme palette, including hover states and card text. */
.theme-evergreen{--green-hover:#11765d;--green-contrast:#fff;--ink:#173b35;--muted:#687c75;--line:#dce8e1}
.theme-midnight{--green-hover:#74bd3c;--green-contrast:#102017;--ink:#edf5f0;--muted:#b8c7c9;--line:#2b414e}
.theme-ocean{--green-hover:#0d688f;--green-contrast:#fff;--ink:#15364a;--muted:#547486;--line:#cfe5ef}
.theme-warm{--green-hover:#a94f31;--green-contrast:#fff;--ink:#352923;--muted:#78675d;--line:#eadfd3}
.theme-evergreen .button:hover:not(.button-danger),.theme-midnight .button:hover:not(.button-danger),.theme-ocean .button:hover:not(.button-danger),.theme-warm .button:hover:not(.button-danger){background:var(--green-hover);color:var(--green-contrast)}
.theme-evergreen .button:not(.button-outline):not(.button-light):not(.button-danger),.theme-midnight .button:not(.button-outline):not(.button-light):not(.button-danger),.theme-ocean .button:not(.button-outline):not(.button-light):not(.button-danger),.theme-warm .button:not(.button-outline):not(.button-light):not(.button-danger){background:var(--green);color:var(--green-contrast)}
.theme-evergreen .button-outline:hover,.theme-ocean .button-outline:hover,.theme-warm .button-outline:hover{border-color:var(--green);color:var(--green);background:var(--mint)}
.theme-midnight .button-outline:hover{border-color:var(--mint);color:#0d1925;background:var(--mint)}
.theme-midnight .server-card{color:#172a30;background:#f9fcfa;border-color:#dfe9e3}
.theme-midnight .server-card .server-core strong,.theme-midnight .server-card .server-stats b{color:#172a30}
.theme-midnight .server-card .server-core small,.theme-midnight .server-card .server-stats small{color:#53675f}
.theme-midnight .server-card .server-label,.theme-midnight .server-card .server-footer{color:#53675f}
.theme-midnight .plan-name,.theme-midnight .price b,.theme-midnight .spec-list b,.theme-midnight .faq-item summary,.theme-midnight .why-points b,.theme-midnight .order-intro h2,.theme-midnight .section-head h2{color:#edf5f0}
.theme-midnight .plan-card .popular{background:#294536;color:#d5f3a5}
.theme-midnight .plan-card .included,.theme-midnight .plan-card .spec-list li{color:#c0ceca}
.theme-midnight .hero h1 span,.theme-midnight .section-head h2 span,.theme-midnight .why-copy h2 span,.theme-midnight .order-intro h2 span,.theme-midnight .bottom-cta h2 span{color:#a4e873}
.theme-ocean .hero h1 span,.theme-ocean .section-head h2 span,.theme-ocean .why-copy h2 span,.theme-ocean .order-intro h2 span,.theme-ocean .bottom-cta h2 span{color:#147eae}
.theme-warm .hero h1 span,.theme-warm .section-head h2 span,.theme-warm .why-copy h2 span,.theme-warm .order-intro h2 span,.theme-warm .bottom-cta h2 span{color:#bf613e}
#social-image-preview[hidden],#social-image-preview img[hidden],#social-image-preview a[hidden]{display:none!important}

/* Storefront themes must not wash out the separate admin and account interface. */
.theme-evergreen .admin-shell,.theme-midnight .admin-shell,.theme-ocean .admin-shell,.theme-warm .admin-shell,
.theme-evergreen .admin-login,.theme-midnight .admin-login,.theme-ocean .admin-login,.theme-warm .admin-login,
.theme-evergreen .confirm-wrap,.theme-midnight .confirm-wrap,.theme-ocean .confirm-wrap,.theme-warm .confirm-wrap{
  --green:#168f70;--green-hover:#11765d;--green-contrast:#fff;--deep:#112b30;--mint:#c6f0dd;--cream:#f5f8f4;
  --ink:#172a30;--muted:#738087;--line:#e7ece8;--brand-mark-accent:#168f70;--brand-mark-contrast:#112b30;
  color:#172a30;
}