@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e1d;--panel:#111c32;--border:#26354f;--blue:#4b8fff;--text:#f5f8ff;--muted:#a2b0ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.nav{max-width:1220px;margin:auto;min-height:86px;padding:20px 24px;display:flex;align-items:center;gap:35px}.brand{font-size:18px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.brand span:last-child{color:#75a9ff}.mark{color:#75a9ff;font-size:27px;margin-right:9px}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:650;color:#c5d0e5}.nav nav a:hover,.card a:hover{color:#8eb7ff}.btn{display:inline-flex;align-items:center;justify-content:center;background:#4387ee;border:1px solid #5798f6;color:white;padding:12px 20px;border-radius:7px;font-weight:750;font-size:13px;white-space:nowrap}.btn:hover{background:#3574d6}.btn.secondary{background:transparent;border-color:#3c4c69}.hero{background:radial-gradient(ellipse at 78% 42%,#1d3767 0,transparent 43%),linear-gradient(180deg,#0e1a31,#080e1d);border-top:1px solid #1a2840;border-bottom:1px solid #202d42;padding:90px 24px 105px;overflow:hidden}.hero-grid{max-width:1172px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.eyebrow{color:#80b4ff;font-weight:800;font-size:12px;letter-spacing:.18em}.hero>.eyebrow{max-width:1172px;margin:0 auto 22px}.hero h1{font-size:clamp(49px,6vw,88px);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px;font-weight:900}.hero h1 em{font-style:normal;color:#74adff}.lead{font-size:18px;color:#b5c4df;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.stats{display:flex;gap:22px;flex-wrap:wrap;color:#b7c9e4;font-size:12px;font-weight:700}.scene{min-height:420px;position:relative;border:1px solid #31466d;border-radius:15px;background:radial-gradient(circle at 60% 45%,#315d9b 0,#182c52 29%,#0a162e 72%);box-shadow:0 30px 90px #02071199;overflow:hidden}.scene:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b3d4ff 1px,transparent 1px);background-size:42px 42px;opacity:.25}.planet{position:absolute;width:260px;height:260px;top:54px;left:calc(50% - 130px);border-radius:50%;background:radial-gradient(circle at 30% 27%,#7cacf1,#28518e 53%,#0c1d3c 76%);box-shadow:0 0 100px #498bff40}.scene-card{position:absolute;display:flex;gap:14px;align-items:center;background:#0b1427e8;border:1px solid #45628c;padding:16px;border-radius:9px;min-width:240px;box-shadow:0 14px 35px #050b1f8c}.scene-card.top{top:55px;left:20px}.scene-card.bottom{right:18px;bottom:70px}.scene-card small{display:block;color:#a5b9d8;font-size:11px}.pixel,.discord{display:grid;place-items:center;background:#3d7447;color:white;border-radius:7px;font-size:25px;width:47px;height:47px;flex-shrink:0}.discord{background:#5865f2}.scene-caption{position:absolute;bottom:16px;left:20px;font-size:10px;font-weight:900;letter-spacing:.2em;color:#b6cfff}.section{max-width:1172px;margin:auto;padding:92px 24px}.section h2,.closing h2{font-size:clamp(32px,4vw,49px);line-height:1.1;margin:13px 0}.muted,.section p,.closing p{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.card{background:#101a2e;border:1px solid var(--border);padding:32px;border-radius:10px}.card h3{font-size:23px;margin:18px 0 7px}.card a{color:#79aaff;font-weight:800;font-size:13px}.service-icon{width:58px;height:58px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.feature-grid>div{border-top:1px solid #34517b;padding-top:23px}.feature-grid b{color:#6ea4f4}.feature-grid h3{margin-bottom:7px}.closing{text-align:center;padding:80px 24px;background:#101c33;border-top:1px solid #263853}.closing .btn{margin-top:15px}.notice{font-size:12px;margin-top:24px}footer{max-width:1172px;margin:auto;padding:30px 24px;color:#8190ab;font-size:12px}footer span{padding:0 10px}.auth-wrap{max-width:440px;margin:65px auto 110px;padding:30px;border:1px solid var(--border);background:var(--panel);border-radius:12px}.auth-wrap h1{font-size:28px}.auth-wrap label{display:block;margin:15px 0 6px;font-size:13px;font-weight:700}.auth-wrap input{width:100%;background:#090f20;color:white;border:1px solid #3b4d6b;border-radius:6px;padding:12px}.auth-wrap button{width:100%;margin-top:20px;cursor:pointer}.auth-wrap p{color:var(--muted);font-size:13px}.error{color:#ff9e9e!important}.ok{color:#91dfba!important}.dashboard{max-width:1120px;margin:65px auto;padding:0 24px}.dashboard .cards{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.nav{flex-wrap:wrap;gap:15px}.nav nav{order:3;width:100%;overflow-x:auto;margin:0;gap:16px}.hero{padding:55px 18px}.hero-grid{grid-template-columns:1fr}.scene{min-height:330px}.cards,.feature-grid,.dashboard .cards{grid-template-columns:1fr}.section{padding:65px 24px}}
/* Starbound auth and dashboard refinements */
.auth-wrap{box-shadow:0 25px 75px #0208148c}.auth-wrap a{color:#8dbaff;text-decoration:underline;text-underline-offset:3px}.auth-wrap input:focus{outline:2px solid #6fa8ff;outline-offset:1px}.auth-wrap button:disabled{opacity:.55;cursor:wait}.nav button{cursor:pointer}.dashboard .card{min-height:190px}.dashboard h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em}


:root{--bg:#090e15;--panel:#101721;--border:#263246;--blue:#5896ff;--text:#f4f7fc;--muted:#a2afc2}body{font-family:Inter,Arial,sans-serif;font-size:14px}.site-header{background:#0a1019;border-bottom:1px solid #202b3c}.site-header .nav{max-width:1320px;min-height:75px;padding:12px 35px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.2}.brand .mark{font-size:37px}.brand strong{display:block;letter-spacing:1.7px}.brand small{display:block;color:#5896ff;letter-spacing:4px;font-size:9px;margin-top:4px}.btn{border-radius:6px;background:#5594fa;color:#08111d;border-color:#5594fa}.btn.secondary{color:#f4f7fc;background:#101722;border-color:#465a74}.auth-wrap{background:#101721;border-color:#263246}.auth-wrap h1,.dashboard h1,.dashboard h2{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:0}.dashboard{max-width:1320px;margin:0 auto;padding:45px 35px 75px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.dash-heading h1{font-size:clamp(40px,4vw,62px);line-height:1;margin:15px 0}.dash-heading h1 em{color:#69a4ff;font-style:normal}.dash-heading p{margin:0}.pill{font-size:11px;border:1px solid #304158;color:#a8bddb;background:#121c2b;border-radius:50px;padding:8px 12px;white-space:nowrap}.portal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.sidebar{align-self:start;position:sticky;top:20px;background:#101721;border:1px solid #263246;border-radius:9px;padding:12px;display:grid;gap:5px}.sidebar a{padding:13px 14px;color:#aebdd2;border-radius:6px;font-size:12px;font-weight:650}.sidebar a:hover,.sidebar a:first-child{color:#fff;background:#1b2b43}.portal-main{min-width:0}.welcome{background:radial-gradient(circle at 95% 50%,#1d3e6c,#111d2d 52%,#101721);border:1px solid #2c4564;border-radius:10px;padding:32px}.welcome h2{font-size:36px;margin:8px 0}.welcome p{max-width:610px;color:#aebdd2;line-height:1.7}.welcome .btn{margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 35px}.metrics>div{background:#101721;border:1px solid #263246;border-radius:9px;padding:21px}.metrics small{display:block;color:#94a6bf;font-size:10px;font-weight:800;letter-spacing:1.3px}.metrics strong{display:block;font-size:30px;margin:10px 0 4px}.metrics span{color:#8093ad;font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:30px;margin:0}.empty-inner{text-align:center;background:#101721;border:1px dashed #314158;border-radius:9px;padding:44px 22px}.empty-icon{font-size:42px;color:#68a2ff}.empty-inner h3{margin:12px 0 5px}.empty-inner p{color:#9daabd;line-height:1.7;max-width:490px;margin:auto}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.portal-cards .card{padding:25px;min-height:180px}.portal-cards .card h2{font-size:26px;margin:10px 0}.portal-cards .card p{font-size:12px;line-height:1.7}.client-footer{text-align:center;border-top:1px solid #202b3b;background:#080c13;color:#8190ab;padding:25px;font-size:11px}[hidden]{display:none!important}@media(max-width:850px){.portal{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow-x:auto}.sidebar a{white-space:nowrap}.dash-heading{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.site-header .nav{padding:12px 20px}.site-header .nav nav{order:3;width:100%;margin:0;overflow-x:auto}.dashboard{padding:32px 18px}.metrics,.portal-cards{grid-template-columns:1fr}.welcome{padding:25px}}

/* Account page and keyboard navigation polish */
.site-header .brand span:last-child{color:inherit}.site-header .brand small{color:#5896ff}.site-header .brand .mark{margin:0}.site-header .nav nav{min-width:0}.site-header a:focus-visible,.sidebar a:focus-visible,.btn:focus-visible,.auth-wrap input:focus-visible{outline:2px solid #8cbbff;outline-offset:3px}.auth-wrap{box-shadow:0 25px 75px #0208148c}.auth-wrap h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px}.auth-wrap input{background:#090e15;border-color:#304158}.auth-wrap label{color:#c8d6e9}.auth-wrap .btn{color:#08111d}.auth-wrap p{line-height:1.7}.site-header .nav{flex-wrap:wrap}@media(max-width:650px){.site-header .nav nav{gap:18px}}

/* Owner console preview */
.owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.owner-grid .card{min-height:220px;padding:26px}.owner-grid .card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;margin:12px 0}.owner-grid .card p{font-size:13px;line-height:1.7;color:#a2afc2;min-height:65px}.owner-grid .card .pill{display:inline-block}@media(max-width:700px){.owner-grid{grid-template-columns:1fr}}

/* Owner customer directory */
.owner-grid #customers{grid-column:1/-1}.customer-search-label{display:block;font-size:12px;font-weight:700;color:#b7c8e3;margin:20px 0 8px}.customer-search{width:100%;max-width:420px;padding:12px 14px;border-radius:7px;background:#090e15;color:#f4f7fc;border:1px solid #344b6a}.customer-search:focus-visible{outline:2px solid #80b4ff}.customer-entry{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #263246}.customer-entry span{font-size:12px;color:#9eafc8}@media(max-width:600px){.customer-entry{align-items:flex-start;flex-direction:column}}

/* Dedicated owner views and hosting catalog */
.owner-grid{display:block}.owner-view{margin-bottom:20px}.owner-grid .owner-view{min-height:320px}.sidebar a.selected{background:#1b2b43;color:#fff}.sidebar a:first-child:not(.selected){background:transparent;color:#aebdd2}[data-panel][hidden]{display:none!important}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.plan-toolbar h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin:0}.plan-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#0c1523;border:1px solid #31435e;padding:22px;border-radius:9px;margin:18px 0}.plan-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#b7c8e3}.plan-form input:not([type=checkbox]),.plan-form select,.plan-form textarea{width:100%;background:#090e15;border:1px solid #344b6a;color:#fff;padding:12px;border-radius:6px;font:inherit}.plan-form textarea{min-height:80px}.plan-form .plan-check{display:flex;align-items:center;gap:9px}.plan-form .btn{cursor:pointer}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #2b3a50}.plan-row p{font-size:12px;margin:8px 0}.plan-row small{color:#80b4ff}@media(max-width:700px){.plan-form{grid-template-columns:1fr}.plan-row{align-items:flex-start;flex-direction:column}}

.plan-actions{grid-column:1/-1;display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.plan-actions .btn{width:auto;min-width:120px;min-height:40px;padding:10px 18px;font-size:13px}.plan-feedback{grid-column:1/-1;margin:0;color:#ffb9b9;font-size:13px}.plan-feedback:empty{display:none}.plan-form>p.muted{grid-column:1/-1;margin:0}.plan-form .plan-check{align-self:center}

/* Hosting catalog v0.4 */
.plan-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0}.plan-presets span{font-size:12px;color:#a2afc2}.plan-presets .btn,.plan-row-actions .btn{width:auto;min-height:36px;padding:8px 13px}.plan-row-actions{display:flex;gap:8px;flex-wrap:wrap}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;margin:28px 0 80px}.pricing-card{background:#101b2b;border:1px solid #30435d;border-radius:12px;padding:27px;display:flex;flex-direction:column;gap:15px}.pricing-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin:0}.pricing-card p{min-height:55px}.pricing-amount{font-size:36px;font-weight:800;color:#fff}.pricing-amount small{font-size:13px;color:#9aacc7;font-weight:400}.pricing-specs{padding-left:20px;color:#c3d2e6;line-height:2}.pricing-card button{margin-top:auto;opacity:.65;cursor:not-allowed}

/* Starbound v0.5 — configurable pricing themes */
.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));align-items:stretch}
.pricing-card.themed-plan{position:relative;min-width:0;min-height:390px;gap:13px;overflow:hidden;border-color:color-mix(in srgb,var(--plan-accent) 40%,#263246);background:linear-gradient(155deg,color-mix(in srgb,var(--plan-accent) 10%,#101b2b),#101721 64%);transition:transform .2s,border-color .2s,box-shadow .2s}
.pricing-card.themed-plan:hover{transform:translateY(-4px);border-color:var(--plan-accent)}
.pricing-card.themed-plan:before{content:'';height:3px;position:absolute;inset:0 0 auto;background:var(--plan-accent)}
.pricing-card .eyebrow{color:var(--plan-accent,#80b4ff);font-size:10px}
.pricing-card .pricing-amount{font-size:39px;line-height:1.15}
.pricing-card .pricing-specs{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid #304057;line-height:2.3;flex:1}
.pricing-card .plan-badge{align-self:flex-start;padding:5px 10px;border-radius:4px;background:var(--plan-accent);color:#08111d;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:900}
.pricing-card.plan-style-highlighted{border-width:2px;box-shadow:0 12px 32px #0005}
.pricing-card.plan-style-premium_glow{border-color:var(--plan-accent);box-shadow:0 0 34px color-mix(in srgb,var(--plan-accent) 22%,transparent)}
.pricing-card button:disabled{background:color-mix(in srgb,var(--plan-accent) 70%,#17253b);border-color:var(--plan-accent);color:#08111d;opacity:.78}
.plan-theme-fields{grid-column:1/-1;border-top:1px solid #304057;padding-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-theme-fields h3{grid-column:1/-1;margin:0;font-size:20px}
.plan-live-preview{grid-column:1/-1;max-width:370px;width:100%}
.plan-live-preview .pricing-card{min-height:350px}
.plan-theme-fields input[type=color]{height:44px;padding:3px;cursor:pointer}
.plan-row .plan-theme-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--plan-accent);margin-right:6px}
@media(max-width:750px){.plan-theme-fields{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr))}}

/* v0.5 owner catalog editor refinements */
.plan-catalog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 22px}
.plan-catalog-metric{background:#0c1522;border:1px solid #293b52;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.plan-catalog-metric strong{font-size:23px;line-height:1.1;color:#f5f8ff}.plan-catalog-metric span{font-size:11px;color:#a4b5ca}
.plan-editor-heading{grid-column:1/-1;border-bottom:1px solid #293b52;padding-bottom:15px}.plan-editor-heading h3{font-size:27px;margin:5px 0}.plan-editor-heading p{margin:0}
.plan-field-heading{grid-column:1/-1;margin:6px 0 0;font-size:14px;letter-spacing:.04em;color:#90b9fa;border-bottom:1px solid #293b52;padding-bottom:10px}
.plan-form label:focus-within{color:#cce0ff}.plan-form input:focus-visible,.plan-form select:focus-visible,.plan-form textarea:focus-visible{outline:2px solid #5896ff;outline-offset:1px}
.plan-theme-fields{align-items:start}.plan-theme-fields h3{font-size:14px;letter-spacing:.04em;color:#90b9fa;padding-bottom:10px;border-bottom:1px solid #293b52}
.plan-preview-wrap{grid-column:1/-1;background:#0a111d;border:1px dashed #344b66;border-radius:9px;padding:17px}.plan-preview-wrap>strong{font-size:13px}.plan-preview-wrap>p{font-size:11px;margin:4px 0 15px}.plan-live-preview{max-width:350px}.plan-live-preview .pricing-card{width:100%}
.plan-row{background:#0c1522;border:1px solid #2b3c53;border-radius:9px;margin:10px 0;padding:16px 18px;gap:16px}.plan-row:hover{border-color:#466383}.plan-row-details{min-width:0;flex:1}.plan-row-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.plan-row-title strong{font-size:15px}.plan-service-chip,.plan-status{font-size:10px;font-weight:750;padding:3px 8px;border-radius:4px;border:1px solid #34445b;color:#afc2dd}.plan-status-published{color:#82e0b4;border-color:#2c7958;background:#133427}.plan-status-draft{color:#f3ce8d;border-color:#6c5634;background:#332817}.plan-status-archived{color:#abb3c3;background:#222b37}.plan-row p{min-height:0!important;line-height:1.7;margin:9px 0 5px!important}.plan-row-actions{flex-shrink:0}
.plan-actions{border-top:1px solid #293b52;padding-top:15px}.plan-actions .btn{min-width:130px}
@media(max-width:750px){.plan-catalog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-row-actions{width:100%}}

.currency-switch{display:flex;align-items:center;gap:12px;margin:16px 0 4px;font-size:12px;color:#b7c8e0;font-weight:650}
.currency-switch select{background:#111e2f;color:#f3f7ff;border:1px solid #3b5474;border-radius:6px;padding:9px 13px;font:inherit;cursor:pointer;min-width:106px}
.currency-switch select:focus-visible{outline:2px solid #5896ff;outline-offset:2px}
.currency-note{font-size:11px;color:#92a7c3;line-height:1.5;margin:6px 0 16px}

/* v0.6: give test-order details room to breathe in billing cards */
#customerOrders,#ownerOrders{margin-top:18px}
#customerOrders .order-row,#ownerOrders .order-row{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid #293b52;border-bottom:0}
#customerOrders .order-row>div,#ownerOrders .order-row>div{display:flex;flex-direction:column;gap:7px;min-width:0}
#customerOrders .order-row strong,#ownerOrders .order-row strong{display:block;line-height:1.5;font-size:14px}
#customerOrders .order-row p,#ownerOrders .order-row p{margin:0;line-height:1.7}
#customerOrders .order-row .pill,#ownerOrders .order-row .pill{display:inline-flex;align-self:flex-start;margin-top:2px}

/* v0.6 dedicated customer and owner order management */
.orders-section{margin:22px 0}.orders-section .section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-section .section-title h2{margin:5px 0 0}
.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 16px;flex-wrap:wrap}.orders-toolbar select{background:#0b1726;border:1px solid #38506d;color:#dce9ff;border-radius:6px;padding:9px 12px;font:inherit;min-width:135px}
.orders-list{display:grid;gap:14px}.order-card{background:#0b1422;border:1px solid #30435e;border-radius:10px;padding:20px;min-width:0}.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.order-card-top h3{font-size:20px;margin:6px 0 0}.order-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px;margin:20px 0;padding:17px 0;border-top:1px solid #293b52;border-bottom:1px solid #293b52}.order-card-info>div{display:flex;flex-direction:column;gap:7px;min-width:0}.order-card-info small{font-size:10px;letter-spacing:.08em;color:#89a7cc;font-weight:750}.order-card-info strong{font-size:13px;overflow-wrap:anywhere}.order-status{font-size:11px;border:1px solid #7a6336;background:#302819;color:#f4d497;border-radius:999px;padding:7px 11px;font-weight:750;white-space:nowrap}.order-status-cancelled{border-color:#6b4650;background:#2c1d26;color:#e9a8b5}.order-card-note{font-size:11px!important;color:#8fa7c6!important;margin:0!important;line-height:1.6}.orders-empty{padding:30px 16px;text-align:center;border:1px dashed #38506d;border-radius:8px;color:#a7bad2}
@media(max-width:600px){.order-card{padding:15px}.order-card-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}

/* Order workspace v0.6.2 — strong scoped styles override generic dashboard cards */
#my-orders.orders-section{padding:28px 30px;background:linear-gradient(145deg,#111e32,#0d1728);border:1px solid #314763;border-radius:12px}
#my-orders .section-title{margin-bottom:10px}
#my-orders .section-title h2{font-size:27px}
#my-orders>p.muted{margin:10px 0 0;color:#aabed7;line-height:1.6}
#customerOrders .orders-toolbar,#ownerOrders .orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 17px;padding-bottom:15px;border-bottom:1px solid #2a3e59}
#customerOrders .orders-toolbar select,#ownerOrders .orders-toolbar select{background:#101f32;color:#e8f1ff;border:1px solid #405a7c;border-radius:7px;padding:9px 12px;font-size:12px}
#customerOrders .orders-list,#ownerOrders .orders-list{display:grid;gap:16px}
#customerOrders .order-card,#ownerOrders .order-card{display:block;background:#0a1423;border:1px solid #354a68;border-radius:11px;padding:24px;box-shadow:0 7px 20px #0002}
#customerOrders .order-card-top,#ownerOrders .order-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#customerOrders .order-card-top h3,#ownerOrders .order-card-top h3{font-size:23px;line-height:1.3;margin:8px 0 0;color:#f5f8ff}
#customerOrders .order-card-info,#ownerOrders .order-card-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 16px;padding:19px 0;border-top:1px solid #263b55;border-bottom:1px solid #263b55}
#ownerOrders .order-card-info{grid-template-columns:repeat(4,minmax(0,1fr))}
#customerOrders .order-card-info>div,#ownerOrders .order-card-info>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
#customerOrders .order-card-info small,#ownerOrders .order-card-info small{display:block;color:#87a9d4;font-size:10px;font-weight:800;letter-spacing:.08em}
#customerOrders .order-card-info strong,#ownerOrders .order-card-info strong{display:block;color:#f2f6ff;font-size:14px;font-weight:700;overflow-wrap:anywhere}
#customerOrders .order-status,#ownerOrders .order-status{display:inline-flex;align-items:center;background:#2b261a;border:1px solid #7c6231;color:#f3d291;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:750;white-space:nowrap}
#customerOrders .order-status-cancelled,#ownerOrders .order-status-cancelled{background:#30222b;border-color:#784653;color:#e6b0bf}
#customerOrders .order-card-note,#ownerOrders .order-card-note{font-size:11px!important;line-height:1.65!important;color:#92a9c8!important;margin:0!important}
@media(max-width:700px){#my-orders.orders-section{padding:20px 16px}#customerOrders .order-card,#ownerOrders .order-card{padding:18px}#customerOrders .order-card-info,#ownerOrders .order-card-info{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Owner order management v0.6.3 */
#ownerOrders{margin-top:22px}
.owner-order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.owner-order-metric{padding:18px;background:#0b1727;border:1px solid #314663;border-radius:9px;display:flex;flex-direction:column;gap:7px}
.owner-order-metric strong{font-size:26px;line-height:1.1;color:#f4f8ff}.owner-order-metric span{font-size:11px;color:#9eb7d6}
.owner-order-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:23px 0 9px}
.owner-order-toolbar input{flex:1 1 260px;min-width:0;background:#0c1828;border:1px solid #385271;color:#f4f8ff;border-radius:7px;padding:12px;font:inherit}
.owner-order-toolbar select{background:#0c1828;border:1px solid #385271;color:#f4f8ff;border-radius:7px;padding:12px;font:inherit}
.owner-order-toolbar input:focus-visible,.owner-order-toolbar select:focus-visible{outline:2px solid #5896ff;outline-offset:2px}
.owner-order-count{font-size:11px;color:#9bb2d0;margin:8px 0 18px}
.owner-order-list{display:grid;gap:16px}
.owner-order-card{background:#0a1423;border:1px solid #344a69;border-radius:11px;padding:22px}
.owner-order-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.owner-order-head h3{margin:7px 0 0;font-size:21px;color:#f5f8ff}
.owner-order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 25px;padding:19px 0;margin:19px 0;border-top:1px solid #293c56;border-bottom:1px solid #293c56}
.owner-order-details>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.owner-order-details small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#8cadd6}
.owner-order-details strong{font-size:12px;color:#edf4ff;overflow-wrap:anywhere;user-select:text}
.owner-order-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.owner-order-footer span{font-size:11px;color:#92a9c8}
.owner-order-footer button{font-size:12px}
@media(max-width:650px){.owner-order-metrics{grid-template-columns:1fr 1fr}.owner-order-details{grid-template-columns:1fr}.owner-order-card{padding:17px}}

/* v0.6.4 — test order review */
.checkout-page{max-width:1160px}.checkout-steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.checkout-steps span{font-size:11px;color:#829bb9;border:1px solid #283d59;border-radius:999px;padding:9px 14px}.checkout-steps span.active{color:#b8d6ff;border-color:#4b75ac;background:#142944}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}
.checkout-panel{background:#101d30;border:1px solid #344a69;border-radius:11px;padding:27px;min-width:0}
.checkout-panel h2{font-size:29px;margin:13px 0}.checkout-panel>p{line-height:1.7}
.checkout-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:28px 0}.checkout-specs>div{display:flex;flex-direction:column;gap:8px;background:#0a1626;border:1px solid #2d435f;border-radius:8px;padding:18px}.checkout-specs small{color:#91aed1;font-size:11px}.checkout-specs strong{font-size:17px;color:#f5f8ff}
.checkout-back{display:inline-block;color:#a7c9ff;margin-top:7px;font-size:12px;text-decoration:none}.checkout-back:hover{text-decoration:underline}
.checkout-line{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #293d56;padding:18px 0;font-size:12px}.checkout-line>span{color:#9fb7d6}.checkout-line strong{color:#f1f6ff;text-align:right}.checkout-line select{background:#0c192a;color:#f3f7ff;border:1px solid #425b7c;border-radius:6px;padding:8px}
.checkout-total{margin:22px 0}.checkout-total small{display:block;color:#91b5e5;font-size:10px;letter-spacing:.09em;font-weight:750}.checkout-total>strong{display:block;font-size:35px;margin:9px 0;color:#fff}.checkout-total p{font-size:11px;line-height:1.6}
.checkout-warning{background:#272213;border:1px solid #695633;border-radius:8px;padding:15px;margin:18px 0;color:#f3d7a1}.checkout-warning strong{font-size:12px}.checkout-warning p{font-size:11px;line-height:1.7;margin:8px 0 0}
#checkoutConfirm{width:100%;padding:14px}.checkout-success-link{display:inline-block;margin-top:13px;color:#a7d0ff;font-weight:750;font-size:13px}#checkoutFeedback{font-size:12px;line-height:1.6}
@media(max-width:790px){.checkout-layout{grid-template-columns:1fr}.checkout-panel{padding:20px}}
@media(max-width:450px){.checkout-specs{grid-template-columns:1fr}}

/* v0.6.5 — checkout plan accents, plan switching and confirmation */
.checkout-page{--checkout-accent:#5896ff}
.checkout-layout>.checkout-panel:first-child{border-top:3px solid var(--checkout-accent);background:linear-gradient(150deg,color-mix(in srgb,var(--checkout-accent) 9%,#101d30),#101d30 55%)}
.checkout-layout>.checkout-panel:first-child .eyebrow,.checkout-layout>.checkout-panel:first-child h2{color:var(--checkout-accent)}
.checkout-specs>div{border-color:color-mix(in srgb,var(--checkout-accent) 23%,#2d435f)}
.checkout-adjust{border-top:1px solid #344963;padding-top:21px;margin-top:4px}
.checkout-adjust label{display:block;font-size:13px;font-weight:800;color:#e9f2ff}
.checkout-adjust p{font-size:11px;line-height:1.65;margin:7px 0 12px}
.checkout-adjust select{width:100%;padding:12px;background:#0b1727;border:1px solid #405a7a;border-radius:7px;color:#f2f7ff;font:inherit}
.checkout-adjust select:focus-visible{outline:2px solid var(--checkout-accent);outline-offset:2px}
.checkout-success{background:linear-gradient(150deg,color-mix(in srgb,var(--checkout-accent) 8%,#101d30),#0c1828);border:1px solid color-mix(in srgb,var(--checkout-accent) 38%,#314763);border-radius:12px;padding:34px;max-width:850px;margin:0 auto}
.checkout-success-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#193d32;color:#7ce5b4;border:1px solid #377c5b;font-size:26px;margin-bottom:18px}
.checkout-success h2{font-size:30px;margin:9px 0}.checkout-success>p{line-height:1.7}
.checkout-success-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0;padding:24px 0;border-top:1px solid #344963;border-bottom:1px solid #344963}
.checkout-success-details>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.checkout-success-details small{font-size:10px;color:#92b4dc;font-weight:800;letter-spacing:.08em}
.checkout-success-details strong{font-size:14px;color:#f3f7ff;overflow-wrap:anywhere}
.checkout-success-actions{display:flex;gap:12px;flex-wrap:wrap}
.checkout-success-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 18px}
.checkout-success-note{font-size:11px;color:#9cb3ce;margin-top:24px}
@media(max-width:600px){.checkout-success{padding:22px 17px}.checkout-success-details{grid-template-columns:1fr}.checkout-success-actions a{width:100%}}

/* v0.7 customer hosting services */
#customerServices{margin-top:18px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.service-card,.service-detail-panel{background:#101d30;border:1px solid #344b6a;border-radius:11px;padding:24px}
.service-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.service-card h3{font-size:21px;margin:9px 0 0}.service-card>p{margin:18px 0;line-height:1.6}.service-card>a{display:inline-flex;text-decoration:none;margin-top:5px}
.service-status{font-size:11px;font-weight:750;padding:7px 11px;border-radius:999px;border:1px solid #4b6282;color:#c6d7ef;background:#1a2a40}
.service-status-active{color:#99e5b7;background:#17362b;border-color:#357754}.service-status-error,.service-status-suspended{color:#f1b1b1;background:#372029;border-color:#84505b}
.service-detail-panel{max-width:900px}.service-detail-panel h2{font-size:28px;margin:13px 0 25px}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px 0;border-top:1px solid #2e4260;border-bottom:1px solid #2e4260}
.service-detail-grid>div{display:flex;flex-direction:column;gap:9px;min-width:0}.service-detail-grid small{font-size:11px;color:#91b2db}.service-detail-grid strong{overflow-wrap:anywhere;color:#f5f8ff;font-size:14px}
.service-controls-preview{margin-top:25px;padding:20px;background:#0b1728;border:1px dashed #38516f;border-radius:9px}.service-controls-preview h3{margin:0 0 10px}.service-controls-preview p{line-height:1.7;margin:0}
@media(max-width:600px){.service-detail-grid{grid-template-columns:1fr}.service-card,.service-detail-panel{padding:18px}}

/* Starbound v0.7.2 — Client Area overview refresh */
.starbound-overview .dash-heading{margin-bottom:28px}
.starbound-overview .portal{gap:24px}
.starbound-overview .sidebar{padding:10px;background:#0e1622}
.starbound-overview .sidebar a.selected{background:#192b43;color:#f4f8ff;box-shadow:inset 3px 0 #5896ff}
.starbound-overview .portal-main{min-width:0}
.overview-hero{position:relative;min-height:285px;display:flex;overflow:hidden;align-items:center;border:1px solid #355477;border-radius:11px;background:linear-gradient(115deg,#14263d 0%,#14233a 56%,#102039 100%);padding:35px 39px}
.overview-hero-copy{position:relative;z-index:2;max-width:530px}
.overview-hero .eyebrow{font-size:10px;letter-spacing:.17em}
.overview-orbit{margin-left:7px;color:#b6d5ff}
.overview-hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,4vw,53px);line-height:1.02;letter-spacing:.01em;margin:17px 0 13px}
.overview-hero h2 em{font-style:normal;color:#8bbaff}
.overview-hero p{font-size:13px;color:#b5c7df;line-height:1.75;max-width:420px;margin:0}
.overview-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:25px}
.overview-hero-actions .btn{padding:12px 17px;gap:14px}
.overview-text-link{font-size:12px;font-weight:700;color:#d2e3ff}
.overview-text-link:hover{color:#fff}
.overview-hero-art{position:absolute;right:3%;top:0;bottom:0;width:33%;pointer-events:none;opacity:.85}
.overview-ring{position:absolute;border:1px solid #4d81b16e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-27deg)}
.overview-ring-one{width:230px;height:230px;box-shadow:0 0 80px #3972b11c}
.overview-ring-two{width:175px;height:175px;border-style:dashed;opacity:.6}
.overview-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:112px;line-height:1;color:#7cb5ff;text-shadow:0 0 65px #5896ff9c}
.overview-art-caption{position:absolute;bottom:19px;right:2px;color:#7799bd;font-size:9px;letter-spacing:.18em;white-space:nowrap}
.overview-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:32px 0 15px}
.overview-section-head .eyebrow{font-size:10px;letter-spacing:.14em}
.overview-section-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;margin:3px 0 0}
.overview-live-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#98acc7}
.overview-live-label span{width:7px;height:7px;border-radius:50%;background:#76a9ed;box-shadow:0 0 0 3px #76a9ed1a}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.overview-metric{position:relative;display:flex;flex-direction:column;min-height:177px;padding:18px 20px;border:1px solid #2c3d54;border-radius:9px;background:#0f1926;transition:border-color .18s,transform .18s}
a.overview-metric:hover{border-color:#5b8cc5;transform:translateY(-2px)}
.overview-metric-top{display:flex;justify-content:space-between;gap:8px;color:#7fa5d3;font-size:10px;font-weight:800;letter-spacing:.07em}
.overview-metric-symbol{font-size:18px;color:#698db8;line-height:1}
.overview-metric>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1.05;margin:13px 0 1px;color:#f5f8ff}
.overview-metric>b{font-size:12px;color:#e6efff}
.overview-metric>small{font-size:10px;color:#8da2bd;line-height:1.5;margin-top:6px}
.overview-metric-arrow{position:absolute;right:20px;bottom:15px;color:#7baaf0}
.overview-metric-muted{opacity:.85}
.overview-shortcuts-title{margin-top:33px}
.overview-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.overview-destination{display:flex;gap:17px;align-items:flex-start;position:relative;min-height:150px;padding:23px;border:1px solid #2e435e;border-radius:9px;background:#111d2e;transition:border-color .18s,background .18s}
.overview-destination:hover{border-color:#6094d3;background:#16263c}
.overview-destination-icon{flex:0 0 41px;width:41px;height:41px;display:grid;place-items:center;border-radius:9px;background:#1c3554;color:#a3c8ff;font-size:21px}
.overview-destination .eyebrow{font-size:9px;letter-spacing:.12em}
.overview-destination h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;line-height:1.1;margin:5px 0 8px}
.overview-destination p{font-size:11px;color:#9db0ca;line-height:1.6;margin:0;max-width:270px}
.overview-destination-arrow{position:absolute;top:19px;right:20px;color:#a4c5f2;font-size:17px}
.overview-bottom{display:grid;gap:10px;margin-top:23px}
.overview-note{display:flex;align-items:center;gap:16px;padding:16px 19px;border:1px solid #24354a;border-radius:8px;background:#0d1622}
.overview-note-icon{width:31px;flex:0 0 31px;text-align:center;font-size:22px;color:#7f9dc1}
.overview-note>div{flex:1;min-width:0}
.overview-note h3{font-size:12px;margin:0 0 3px}
.overview-note p{font-size:11px;line-height:1.5;color:#8fa3bd;margin:0}
.overview-note .pill{font-size:10px}
@media(max-width:1050px){.overview-hero-art{opacity:.4;right:0}.overview-hero-copy{max-width:100%}}
@media(max-width:650px){.overview-hero{padding:28px 22px;min-height:275px}.overview-hero-art{opacity:.17;width:70%;right:-23%}.overview-hero-copy{max-width:100%}.overview-metrics{grid-template-columns:1fr}.overview-metric{min-height:145px}.overview-destinations{grid-template-columns:1fr}.overview-section-head{align-items:flex-start;flex-wrap:wrap}.overview-note{flex-wrap:wrap}.overview-note .pill{margin-left:47px}}
@media(prefers-reduced-motion:reduce){a.overview-metric,.overview-destination{transition:none}a.overview-metric:hover{transform:none}}

/* Golden star brand identity */
.brand img.starbound-logo-image{display:block;width:38px;height:38px;object-fit:contain;flex:none}

/* Owner Service Management v0.7.1 */
.owner-service-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.owner-service-stats>div{border:1px solid #2e4561;background:#0a1829;border-radius:9px;padding:17px}
.owner-service-stats small{display:block;font-size:10px;letter-spacing:.08em;color:#8db4e3;font-weight:750}
.owner-service-stats strong{display:block;margin-top:10px;font-size:28px;color:#f5f8ff}
.owner-service-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 10px}
.owner-service-toolbar input{flex:1 1 240px;min-width:0}
.owner-service-toolbar input,.owner-service-toolbar select{background:#0b192a;border:1px solid #395473;border-radius:7px;color:#e9f2ff;padding:12px;font-size:12px}
.owner-service-toolbar select{flex:0 1 155px}
.owner-service-toolbar button{white-space:nowrap}
.owner-service-card{background:#0b1727;border:1px solid #324b6b;border-radius:10px;padding:20px;margin-top:14px}
.owner-service-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.owner-service-card-head h3{font-size:22px;margin:7px 0 0}
.owner-service-details,.owner-service-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px;padding-top:17px;border-top:1px solid #2b415d}
.owner-service-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.owner-service-field small{font-size:10px;color:#8bb6ec;font-weight:800;letter-spacing:.06em}
.owner-service-field strong{font-size:12px;color:#edf4ff;overflow-wrap:anywhere}
.owner-service-actions{margin-top:18px;display:flex;justify-content:flex-end}
.owner-service-expanded p{grid-column:1/-1;line-height:1.6;font-size:12px}
.owner-service-empty{text-align:center;padding:46px 22px;border:1px dashed #344c68;border-radius:9px;background:#0c1725;margin-top:17px}
.owner-service-empty-icon{font-size:34px;color:#619bfa}
.owner-service-empty h3{margin:12px 0;font-size:19px}
.owner-service-empty p,.owner-service-no-results{font-size:13px;color:#a5bbd8;line-height:1.7}
@media(max-width:680px){.owner-service-stats{grid-template-columns:1fr}.owner-service-details,.owner-service-expanded{grid-template-columns:1fr}.owner-service-toolbar select{flex:1 1 130px}}

/* Starbound v0.7.2 support desk */
.support-section{min-width:0}
.support-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.support-header h2{margin:6px 0}.support-header p{margin:8px 0}
.support-new-form{display:flex;flex-direction:column;gap:12px;background:#0b1828;border:1px solid #36506f;border-radius:10px;padding:20px;margin:20px 0}
.support-new-form[hidden]{display:none}
.support-new-form label{font-size:12px;font-weight:700;color:#b9d3f5}
.support-new-form input,.support-new-form textarea,.support-new-form select,.support-reply-form textarea,.support-toolbar input,.support-toolbar select,.support-owner-controls select{background:#091727;border:1px solid #375373;border-radius:7px;color:#eef5ff;padding:12px;width:100%;font:inherit;font-size:13px}
.support-new-form textarea,.support-reply-form textarea{resize:vertical;line-height:1.6}
.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-form-grid label{display:flex;flex-direction:column;gap:8px}
.support-new-form>.btn{align-self:flex-start}
.support-notice{font-size:12px;color:#a7dbbd}.support-notice.error{color:#ffb8b8}
.support-notice:empty{display:none}
.support-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:17px 0 10px}
.support-toolbar input{flex:1 1 210px;width:auto;min-width:0}.support-toolbar select{flex:0 1 170px;width:auto}
.support-layout{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.4fr);gap:16px;margin-top:17px;align-items:start}
.support-ticket-list{display:flex;flex-direction:column;gap:9px}
.support-ticket-row{width:100%;background:#0b192a;border:1px solid #314765;border-radius:9px;text-align:left;color:#eaf3ff;padding:15px;cursor:pointer}
.support-ticket-row:hover,.support-ticket-row.selected{border-color:#6398df;background:#152942}
.support-ticket-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.support-ticket-row strong{font-size:13px;overflow-wrap:anywhere}.support-ticket-row small{display:block;margin-top:10px;color:#a3b9d4;line-height:1.5;font-size:10px}
.support-ticket-status{display:inline-flex;border-radius:99px;border:1px solid #486284;background:#172c43;color:#b8d7ff;padding:5px 9px;font-size:10px;white-space:nowrap}
.support-ticket-status.status-open{color:#a7e8c5;border-color:#35795a;background:#123628}
.support-ticket-status.status-closed,.support-ticket-status.status-resolved{color:#b6c3d7}
.support-thread{min-width:0;background:#0b1727;border:1px solid #324968;border-radius:10px;padding:19px}
.support-thread-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.support-thread-head h3{font-size:22px;margin:8px 0 0;overflow-wrap:anywhere}
.support-ticket-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0;padding:17px 0;border-top:1px solid #2a3e58;border-bottom:1px solid #2a3e58}
.support-detail{display:flex;flex-direction:column;gap:6px;min-width:0}
.support-detail small{font-size:9px;color:#8eb6e8;font-weight:800;letter-spacing:.06em}
.support-detail strong{font-size:12px;overflow-wrap:anywhere}
.support-owner-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.support-owner-controls select{width:auto;flex:1 1 145px}
.support-messages{display:flex;flex-direction:column;gap:12px;max-height:450px;overflow-y:auto;padding:2px}
.support-message{border:1px solid #31445d;border-radius:9px;background:#111e30;padding:14px}
.support-message.from-staff{border-color:#355c86;background:#14263d}
.support-message-by{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.support-message-by strong{font-size:12px}.support-message-by small{font-size:10px;color:#9eb4d0}
.support-message p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:12px;color:#d8e7fb;margin:10px 0 0}
.support-reply-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.support-reply-form button{align-self:flex-end}
.support-empty{color:#a3b8d3;line-height:1.7;font-size:13px}
a.overview-note{text-decoration:none;color:inherit}a.overview-note:hover{border-color:#598aca}
@media(max-width:950px){.support-layout{grid-template-columns:1fr}}
@media(max-width:550px){.support-form-grid,.support-ticket-meta{grid-template-columns:1fr}.support-toolbar select{flex:1 1 130px}.support-thread{padding:14px}}

/* Support workspace visual refinement v0.7.3 */
.support-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:226px;padding:32px 36px;margin-bottom:17px;border:1px solid #345376;border-radius:11px;background:radial-gradient(ellipse at 90% 20%,rgba(76,136,235,.24),transparent 52%),linear-gradient(115deg,#122138 0%,#182e4d 100%)}
.support-hero>div:first-child{position:relative;z-index:1;max-width:510px}
.support-hero h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,3.8vw,49px);line-height:1.05;margin:13px 0;color:#f4f7ff}
.support-hero h2 em{font-style:normal;color:#69a3ff}
.support-hero p{color:#b6cbea;font-size:13px;line-height:1.75;max-width:460px}
.support-hero-note{display:inline-flex;align-items:center;gap:9px;color:#b5d1f5;font-size:11px;margin-top:13px}
.support-online-dot{width:7px;height:7px;border-radius:50%;background:#6fb0ff;box-shadow:0 0 0 4px rgba(93,158,255,.12)}
.support-hero-art{position:absolute;right:7%;top:10%;height:200px;width:210px;display:grid;place-items:center;transform:rotate(-14deg);opacity:.65}
.support-hero-art:before,.support-hero-art:after{content:'';position:absolute;border:1px solid rgba(135,185,255,.28);border-radius:50%;width:165px;height:165px}
.support-hero-art:after{width:215px;height:110px;transform:rotate(-35deg)}
.support-hero-art span:first-child{font-size:85px;color:#8ab7ff;text-shadow:0 0 45px #4d8ae9}
.support-hero-art span:nth-child(2){position:absolute;top:4px;right:15px;color:#bcd8ff;font-size:28px}
.support-hero-art span:nth-child(3){position:absolute;bottom:16px;left:12px;color:#6c9ee4;font-size:19px}
.support-section.card{padding:29px;border:1px solid #2c4261;background:#101d30;border-radius:11px}
.support-header{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #2b405d}
.support-header h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;margin:9px 0 8px}
.support-header .btn{white-space:nowrap;min-height:43px}
.support-section .support-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,175px) auto;gap:11px;margin:21px 0 13px}
.support-section .support-toolbar input,.support-section .support-toolbar select{width:100%;min-height:44px;min-width:0;background:#0a1728;border:1px solid #354d6c;border-radius:8px;color:#dceaff;padding:11px 14px;font-size:12px}
.support-section .support-toolbar button{min-height:44px;white-space:nowrap}
.support-section .support-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:15px;margin-top:22px}
.support-section .support-thread{min-height:238px;display:flex;flex-direction:column;justify-content:center;background:#0b1727;border:1px solid #2d4463;border-radius:10px}
.support-section .support-thread:has(.support-thread-head){justify-content:flex-start}
.support-thread-placeholder{text-align:center;padding:24px 12px;max-width:310px;margin:auto}
.support-placeholder-icon{height:55px;width:55px;border-radius:14px;display:grid;place-items:center;margin:0 auto 14px;background:#19304d;border:1px solid #365a82;color:#90bcf6;font-size:28px}
.support-thread-placeholder h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:21px;margin:0 0 8px}
.support-thread-placeholder p{font-size:12px;line-height:1.65;color:#a2b9d6;margin:0}
.support-list-empty{min-height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0c192b;border:1px dashed #39516f;border-radius:10px;padding:25px}
.support-list-empty-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#192d49;color:#8abaff;font-size:26px;margin-bottom:12px}
.support-list-empty h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;margin:0 0 6px}
.support-list-empty p{font-size:12px;line-height:1.7;color:#9db5d4;max-width:280px;margin:0}
.support-list-empty .btn{margin-top:18px;font-size:11px}
.support-section #supportTicketCount{font-size:11px;color:#8faed5;margin:8px 0 0}
.support-owner-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:23px}
.support-owner-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;line-height:1.1;margin:12px 0 8px}
.support-owner-heading p{font-size:13px;line-height:1.7;color:#a8c0df;max-width:510px}
.support-title-dot{color:#5896ff}
.support-owner-mark{flex:none;display:grid;place-items:center;width:67px;height:67px;border:1px solid #365477;border-radius:15px;background:linear-gradient(145deg,#1c385c,#10243c);color:#8dbdff;font-size:32px}
.support-owner-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:5px 0 29px}
.support-owner-summary>div{position:relative;display:flex;flex-direction:column;gap:7px;min-height:120px;border:1px solid #2e4869;border-radius:10px;background:#0a192b;padding:17px 18px}
.support-owner-summary>div:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#548de2;border-radius:2px}
.support-owner-summary span{color:#87b5ee;font-size:9px;font-weight:800;letter-spacing:.09em}
.support-owner-summary strong{font-size:27px;color:#f3f7ff;line-height:1.1}
.support-owner-summary small{font-size:11px;color:#9fb8d8}
.support-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #293d58}
.support-inbox-heading h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;margin:6px 0 0}
.support-owner-live{border:1px solid #345374;background:#11253c;color:#a9c9f4;border-radius:99px;font-size:10px;padding:7px 11px}
.support-section .support-new-form{margin-top:18px}
@media(max-width:950px){.support-section .support-layout{grid-template-columns:1fr}.support-section .support-thread{min-height:190px}}
@media(max-width:680px){.support-hero{padding:27px 23px}.support-hero-art{opacity:.2;right:-60px}.support-section.card{padding:20px}.support-owner-summary{grid-template-columns:1fr}.support-owner-summary>div{min-height:90px}.support-section .support-toolbar{grid-template-columns:1fr 1fr}.support-section .support-toolbar input{grid-column:1/-1}.support-owner-mark{display:none}}
@media(max-width:420px){.support-section .support-toolbar{grid-template-columns:1fr}.support-section .support-toolbar input{grid-column:auto}.support-header .btn{width:100%}}

/* Starbound dashboard subtle texture v0.7.4 */
/* Low-contrast, irregular woven-grain effect: no dot grid or orbital artwork. */
body:has(.dashboard){
  background-color:#080e18;
  background-image:
    radial-gradient(ellipse 75% 65% at 72% 22%,rgba(40,64,103,.075),transparent 76%),
    repeating-linear-gradient(108deg,transparent 0 37px,rgba(180,201,235,.008) 38px,transparent 39px 91px),
    repeating-linear-gradient(17deg,transparent 0 53px,rgba(165,189,225,.006) 54px,transparent 55px 117px),
    linear-gradient(180deg,#080e18,#0a101b 52%,#080e18);
  background-attachment:fixed;
}
@media(max-width:700px){body:has(.dashboard){background-attachment:scroll}}

/* Starbound hosting-panel layout refinement v0.7.5 */
/* Use the viewport as a workspace, rather than centering a short landing page. */
body:has(.dashboard){min-height:100vh;display:flex;flex-direction:column}
body:has(.dashboard) .site-header{flex-shrink:0}
body:has(.dashboard) .dashboard{width:100%;max-width:1500px;flex:1;margin:0 auto;padding:36px 38px 34px}
body:has(.dashboard) .portal{align-items:start;gap:22px}
body:has(.dashboard) .portal .sidebar{position:sticky;top:22px}
body:has(.dashboard) .portal-main{min-width:0}
body:has(.dashboard) .client-footer{
  width:min(100% - 76px,1424px);margin:0 auto;
  padding:14px 8px 19px;background:transparent;
  border-top:1px solid rgba(107,141,187,.13);
  color:#6e809e;font-size:10px;letter-spacing:.035em;
}
body:has(.dashboard) .overview-section-head{margin-top:26px}
body:has(.dashboard) .overview-destinations{margin-bottom:0}
@media(max-width:850px){
 body:has(.dashboard) .dashboard{padding:25px 18px 32px}
 body:has(.dashboard) .portal .sidebar{position:static}
 body:has(.dashboard) .client-footer{width:calc(100% - 36px)}
}


/* Starbound unified visual language — homepage, account, billing, checkout and consoles */
:root{--bg:#090e18;--panel:#111c2b;--border:#30425a;--blue:#79adff;--text:#f4f7ff;--muted:#aebdd1}
body{background:radial-gradient(ellipse 75% 540px at 78% 110px,rgba(33,57,87,.25),transparent 75%),#090e18;color:var(--text);font-family:Inter,Arial,sans-serif}
.site-header{background:#090e18;border-bottom:1px solid #26344a}
.site-header .nav{max-width:1320px}
.site-header .brand strong{color:#f6f8ff}
.site-header .brand small{color:#80afff}
.site-header .nav nav a{transition:color .2s ease,transform .2s ease}
.site-header .nav nav a:hover{color:#8bbaff;transform:translateY(-1px)}
.btn{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(53,110,201,.2)}
.btn:active:not(:disabled){transform:translateY(0) scale(.985)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #86b6ff;outline-offset:3px}
.dashboard .dash-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:.005em}
body:has(.dashboard) .portal .sidebar,body:has(.dashboard) .card,body:has(.dashboard) .welcome,body:has(.dashboard) .metrics>div{border-color:#30425a}
body:has(.dashboard) .portal .sidebar{background:#101a29}
body:has(.dashboard) .portal .sidebar a{transition:background .2s,color .2s,transform .2s}
body:has(.dashboard) .portal .sidebar a:hover{background:#1b3049;color:#fff;transform:translateX(2px)}
body:has(.dashboard) .portal-main .card{background:#111d30}
body:has(.dashboard) .portal-main .welcome{background:linear-gradient(112deg,#14243b 0%,#1c385e 100%);border:1px solid #36577b}
body:has(.dashboard) .portal-main .card h2{font-family:'Barlow Condensed',Impact,sans-serif}
body:has(.dashboard) .eyebrow{color:#8bbaff}
body:has(.dashboard) .pill{border-color:#385475}
.auth-wrap,.checkout-panel,.checkout-card,.pricing-card{border-color:#30425a}
.auth-wrap{background:#111c2b}
.auth-wrap h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(34px,4vw,46px)}
.pricing-card{transition:transform .22s,border-color .22s,box-shadow .22s}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.22)}
.client-footer{border-top-color:#273951}
@media(prefers-reduced-motion:reduce){.site-header .nav nav a,.btn,.pricing-card,body:has(.dashboard) .portal .sidebar a{transition:none!important;transform:none!important}}

/* Customer service lifecycle controls */
.service-customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 20px}
.service-customer-toolbar .muted{margin:0}
.service-status-help{font-size:12px;line-height:1.7;color:#b2c7e3;margin:12px 0 18px}
.service-card .service-status-help{min-height:36px}
@media(max-width:550px){.service-customer-toolbar{align-items:stretch;flex-direction:column}.service-customer-toolbar .btn{text-align:center}}

/* Live Minecraft resource monitoring */
.sb-monitor-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.sb-monitor-head .muted{font-size:11px;margin-right:auto}
.sb-monitor-state{display:inline-flex;align-items:center;border:1px solid #3a536e;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;color:#c5d8f0;background:#16263a}
.sb-monitor-running{border-color:#2d725e;background:#123c33;color:#8ce0b9}
.sb-monitor-offline{border-color:#56627a;color:#c0cce0}
.sb-monitor-starting,.sb-monitor-stopping{border-color:#886b3a;background:#35291b;color:#f0ce91}
.sb-monitor-unknown{border-color:#795454;background:#33242a;color:#f2b8bc}
.sb-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.sb-monitor-tile{border:1px solid #304963;background:#0e1b2c;border-radius:9px;padding:17px;min-width:0;display:flex;flex-direction:column;gap:12px}
.sb-monitor-tile small{color:#9eb8d9;font-size:11px}
.sb-monitor-tile strong{color:#f0f6ff;font-size:clamp(16px,2vw,23px);overflow-wrap:anywhere}
.sb-monitor-track{height:6px;background:#2a3c54;border-radius:99px;overflow:hidden}
.sb-monitor-fill{height:100%;width:0;background:#78aaff;border-radius:99px;transition:width .35s}
@media(max-width:680px){.sb-monitor-grid{grid-template-columns:1fr}.sb-monitor-head .muted{width:100%;order:3}}


/* Service detail workspace — full-width control panel */
body:has(.sb-service-identity) .dashboard{max-width:1500px}
#serviceDetails{width:100%;min-width:0}
#serviceDetails .service-detail-panel{
 max-width:none;width:100%;box-sizing:border-box;
 display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.45fr);
 column-gap:24px;row-gap:0;
 padding:clamp(22px,2.8vw,38px);
 background:#101c2e;border:1px solid #334b68;border-radius:13px;
}
#serviceDetails .sb-service-identity{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid #30445f}
#serviceDetails .sb-service-identity h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,3vw,43px);line-height:1.1;margin:12px 0 9px}
#serviceDetails .sb-service-identity .muted{margin:0;font-size:13px}
#serviceDetails .sb-service-identity .service-status{font-size:12px;padding:9px 15px}
#serviceDetails .service-detail-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 0;border-top:0;border-bottom:1px solid #30445f}
#serviceDetails .service-detail-grid>div{border:1px solid #2a405b;border-radius:9px;padding:17px 18px;background:#0d192a;gap:11px}
#serviceDetails .service-detail-grid small{font-size:10px;letter-spacing:.04em}
#serviceDetails .service-detail-grid strong{font-size:clamp(12px,1vw,15px);line-height:1.5}
#serviceDetails .service-detail-panel>.service-status-help{grid-column:1/-1;margin:17px 0 4px}
#serviceDetails .service-detail-panel>.service-customer-toolbar{grid-column:1/-1;justify-content:flex-start;gap:12px;margin:12px 0 26px}
#serviceDetails .service-lifecycle,#serviceDetails .service-controls-preview{
 min-width:0;align-self:stretch;border:1px solid #304963;border-radius:11px;background:#0b1728;padding:clamp(20px,2vw,28px);margin:0
}
#serviceDetails .service-lifecycle{grid-column:1}
#serviceDetails .service-controls-preview{grid-column:2;border-style:solid}
#serviceDetails .sb-section-kicker{color:#83b3f5;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:12px}
#serviceDetails .service-lifecycle h3,#serviceDetails .service-controls-preview h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(23px,2vw,28px);margin:0 0 18px;line-height:1.2}
#serviceDetails .service-lifecycle-steps{list-style:none;counter-reset:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
#serviceDetails .service-lifecycle-step{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #2a3d55;background:#0f1d30;border-radius:9px;color:#93a9c4}
#serviceDetails .service-lifecycle-step:before,#serviceDetails .service-lifecycle-step:after{content:none}
#serviceDetails .service-lifecycle-step strong{font-size:13px;font-weight:700}
#serviceDetails .sb-step-number{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #405674;border-radius:50%;font-size:12px;font-weight:800;color:#9eb7d8}
#serviceDetails .service-lifecycle-step.is-reached{border-color:#34577c;color:#e6f0ff}
#serviceDetails .service-lifecycle-step.is-reached .sb-step-number{background:#234467;color:#cce3ff;border-color:#4d80b6}
#serviceDetails .service-lifecycle-step.is-current{background:#162d46;border-color:#5988c0}
#serviceDetails .service-lifecycle-step.is-current .sb-step-number{background:#6b9fea;border-color:#6b9fea;color:#0b1b2f}
#serviceDetails .service-lifecycle>.muted{font-size:12px;line-height:1.75;color:#a5bddb;margin:0}
#serviceDetails .sb-monitor-head{margin:3px 0 21px;gap:13px}
#serviceDetails .sb-monitor-head .btn{margin-left:auto}
#serviceDetails .sb-monitor-grid{gap:14px;margin:0 0 20px}
#serviceDetails .sb-monitor-tile{min-height:142px;padding:20px;justify-content:space-between;background:#101f32;border-color:#344d6a}
#serviceDetails .sb-monitor-tile strong{font-size:clamp(19px,1.8vw,28px);line-height:1.2}
#serviceDetails .sb-monitor-tile small{font-size:11px}
#serviceDetails .service-controls-preview>p{font-size:12px;line-height:1.75;margin-top:10px;color:#aac0dc}
@media(max-width:1050px){
 #serviceDetails .service-detail-panel{grid-template-columns:1fr}
 #serviceDetails .service-lifecycle,#serviceDetails .service-controls-preview{grid-column:1}
 #serviceDetails .service-controls-preview{margin-top:16px}
 #serviceDetails .service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #serviceDetails .service-detail-panel{padding:18px}
 #serviceDetails .service-detail-grid{grid-template-columns:1fr;gap:9px}
 #serviceDetails .sb-monitor-grid{grid-template-columns:1fr}
 #serviceDetails .sb-monitor-tile{min-height:100px}
 #serviceDetails .sb-monitor-head .btn{margin-left:0}
}

/* Service monitoring: allocated limits and compact setup timeline */
#serviceDetails .sb-monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#serviceDetails .sb-monitor-tile{min-height:165px;gap:9px;padding:17px 14px;justify-content:flex-start}
#serviceDetails .sb-monitor-tile strong{font-size:clamp(17px,1.7vw,25px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.025em}
#serviceDetails .sb-monitor-detail{display:block;color:#9cb4d1;font-size:11px;line-height:1.45;min-height:30px}
#serviceDetails .sb-monitor-track{margin-top:auto;width:100%;height:7px}
#serviceDetails .sb-monitor-fill-high{background:#f0b66f}
#serviceDetails .service-lifecycle-steps{gap:8px;margin-bottom:12px}
#serviceDetails .service-lifecycle-step{padding:10px 12px}
#serviceDetails .service-lifecycle>.muted{font-size:11px}
#serviceDetails .service-controls-preview{border-color:#456a91;background:#0c1b2e}
@media(max-width:1300px) and (min-width:1051px){#serviceDetails .sb-monitor-grid{grid-template-columns:1fr}#serviceDetails .sb-monitor-tile{min-height:100px}}
@media(max-width:650px){#serviceDetails .sb-monitor-grid{grid-template-columns:1fr}#serviceDetails .sb-monitor-tile{min-height:105px}}

/* Starbound customer console — reference-inspired, no mock server data */
body:has(.sb-console){background:#061122;color:#f2f7ff}
body:has(.sb-console) .dashboard{max-width:none;width:100%;padding:28px clamp(18px,3vw,50px) 50px 290px;box-sizing:border-box}
body:has(.sb-console) .site-header{position:fixed;top:0;left:0;bottom:0;width:245px;z-index:20;background:linear-gradient(160deg,#07172f,#051020 75%);border-right:1px solid #1d3e62;overflow:auto}
body:has(.sb-console) .site-header .nav{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:36px 18px}
body:has(.sb-console) .site-header .brand{justify-content:center}
body:has(.sb-console) .site-header nav{display:flex;flex-direction:column;align-items:stretch;gap:10px}
body:has(.sb-console) .site-header nav a{padding:15px;border-radius:10px;background:#0c2549;color:#a9cfff;font-size:13px}
body:has(.sb-console) .site-header nav a:hover{background:#164074;color:#fff}
body:has(.sb-console) .dash-heading{display:none}
body:has(.sb-console) .client-footer{margin-left:245px}
#serviceDetails .sb-console{display:flex;flex-direction:column;gap:14px;padding:0;max-width:none;background:transparent;border:0;box-shadow:none}
#serviceDetails .sb-service-identity{order:0;min-height:170px;padding:30px 28px;border:1px solid #244b7b;border-radius:16px;background:radial-gradient(ellipse at 78% 15%,rgba(60,93,186,.3),transparent 50%),linear-gradient(110deg,#0c2447,#06152b);align-items:center}
#serviceDetails .sb-service-identity h2{font-family:Inter,Arial,sans-serif;font-size:clamp(28px,2.5vw,38px);font-weight:800}
#serviceDetails .service-detail-grid{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:12px;border:0}
#serviceDetails .service-detail-grid>div{background:#0b203c;border:1px solid #214571;padding:14px 17px;min-width:0}
#serviceDetails .service-detail-grid strong{overflow-wrap:anywhere;font-size:13px}
#serviceDetails .sb-service-note{display:none}
#serviceDetails .service-detail-panel>.service-customer-toolbar{order:7;margin:0;gap:10px}
#serviceDetails .service-controls-preview{order:2;grid-column:auto;background:linear-gradient(155deg,#081e3b,#06162a);border:1px solid #2a5b91;border-radius:15px;padding:26px;margin:0}
#serviceDetails .sb-section-kicker{color:#5cb5ff;font-size:11px;letter-spacing:.18em}
#serviceDetails .service-controls-preview h3,#serviceDetails .sb-connection h3,#serviceDetails .sb-quick-actions h3{font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:800;margin:0 0 7px}
#serviceDetails .sb-console-subtitle{font-size:13px;color:#a9c4e6;margin:0 0 18px}
#serviceDetails .sb-monitor-head{justify-content:flex-end;margin:0 0 18px}
#serviceDetails .sb-monitor-head .muted{margin:0}
#serviceDetails .sb-monitor-head .btn{margin-left:0}
#serviceDetails .sb-monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
#serviceDetails .sb-monitor-tile{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:15px;row-gap:5px;min-height:160px;padding:20px;background:linear-gradient(145deg,#102c51,#081b34);border:1px solid #27548b;border-radius:13px}
#serviceDetails .sb-resource-icon{grid-column:1;grid-row:1/4;display:grid;place-items:center;width:54px;height:54px;background:#123e80;border:1px solid #2868c0;border-radius:12px;color:#73bbff;font-size:28px}
#serviceDetails .sb-monitor-memory .sb-resource-icon{background:#39206e;border-color:#6740ba;color:#cf9aff}
#serviceDetails .sb-monitor-disk .sb-resource-icon{background:#104e4a;border-color:#217e72;color:#65ebbe}
#serviceDetails .sb-monitor-tile small,#serviceDetails .sb-monitor-tile strong,#serviceDetails .sb-monitor-detail{grid-column:2;min-width:0}
#serviceDetails .sb-monitor-tile small{font-size:12px;color:#b4d1f0}
#serviceDetails .sb-monitor-tile strong{font-size:clamp(22px,2.1vw,30px);letter-spacing:-.03em}
#serviceDetails .sb-monitor-detail{font-size:12px;min-height:0}
#serviceDetails .sb-monitor-bar{grid-column:1/-1;display:flex;align-items:center;gap:12px;align-self:end;margin-top:18px}
#serviceDetails .sb-monitor-track{flex:1;margin:0;height:10px;background:#1d3b60}
#serviceDetails .sb-monitor-percent{color:#b9d4f5;font-size:12px;min-width:36px;text-align:right}
#serviceDetails .sb-connection{order:3;padding:24px;border:1px solid #265283;border-radius:15px;background:#071b33}
#serviceDetails .sb-connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#serviceDetails .sb-connection-item{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid #244974;border-radius:11px;background:#0d2341}
#serviceDetails .sb-connection-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#153962;color:#9dcaff;font-size:21px}
#serviceDetails .sb-connection-item div{min-width:0;display:grid;gap:5px}
#serviceDetails .sb-connection-item small{color:#a9c6e8;font-size:11px}
#serviceDetails .sb-connection-item strong{font-size:12px;overflow-wrap:anywhere}
#serviceDetails .sb-quick-actions{order:4;padding:15px 0}
#serviceDetails .sb-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#serviceDetails .sb-quick-item{display:flex;align-items:center;gap:12px;padding:17px 13px;min-width:0;border:1px solid #244a78;border-radius:12px;background:#0b213e;opacity:.83}
#serviceDetails .sb-quick-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#0e624a;color:#7bf5b6;border-radius:10px;font-size:23px}
#serviceDetails .sb-quick-stop .sb-quick-icon{background:#712637;color:#ffacb8}
#serviceDetails .sb-quick-restart .sb-quick-icon{background:#174a8d;color:#92caff}
#serviceDetails .sb-quick-files .sb-quick-icon{background:#523087;color:#dab4ff}
#serviceDetails .sb-quick-item>div{display:grid;gap:4px;min-width:0}
#serviceDetails .sb-quick-item strong{font-size:12px}
#serviceDetails .sb-quick-item small{font-size:10px;color:#abc4e1}
#serviceDetails .sb-quick-soon{margin-left:auto;font-size:10px;color:#80a6cf;white-space:nowrap}
#serviceDetails .sb-setup-details{order:5;background:#08223a;border:1px solid #216f71;border-radius:12px;padding:17px 23px}
#serviceDetails .sb-setup-details>summary{cursor:pointer;font-weight:700;color:#c4f5e0}
#serviceDetails .sb-setup-details .service-lifecycle{border:0;background:transparent;margin-top:15px;padding:12px}
#serviceDetails .service-lifecycle{order:5;grid-column:auto}
#serviceDetails .service-controls-preview>p{margin:12px 0 0}
.sb-services-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.sb-service-list-card{background:linear-gradient(140deg,#102b4e,#091a30)!important;border:1px solid #2c5684!important;border-radius:14px!important;padding:24px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.sb-service-list-card h3{font-size:24px!important}
.sb-service-list-card .btn{border-color:#3470ae}
@media(max-width:1250px){#serviceDetails .sb-monitor-grid{grid-template-columns:1fr}#serviceDetails .sb-connection-grid,#serviceDetails .sb-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){body:has(.sb-console) .site-header{position:static;width:auto}body:has(.sb-console) .site-header .nav{flex-direction:row;align-items:center;padding:14px;gap:20px}body:has(.sb-console) .site-header nav{flex-direction:row}body:has(.sb-console) .dashboard{padding:20px 16px}body:has(.sb-console) .client-footer{margin-left:0}}
@media(max-width:600px){#serviceDetails .service-detail-grid,#serviceDetails .sb-connection-grid,#serviceDetails .sb-quick-grid{grid-template-columns:1fr}#serviceDetails .sb-monitor-grid{grid-template-columns:1fr}#serviceDetails .sb-service-identity{padding:22px}body:has(.sb-console) .site-header .nav{flex-wrap:wrap}}

/* Starbound console v5 — cinematic CSS atmosphere and refined controls */
body:has(.sb-console){background:#041124;background-image:radial-gradient(ellipse 90% 50% at 80% -10%,rgba(33,89,165,.17),transparent 75%),linear-gradient(160deg,#05142b,#030d1e 85%)}
body:has(.sb-console) .site-header{isolation:isolate;background:linear-gradient(180deg,rgba(5,22,48,.95),rgba(3,13,31,.94));border-right:1px solid #20466f}
body:has(.sb-console) .site-header::before{content:"";position:absolute;z-index:-1;inset:175px 0 0;pointer-events:none;background-image:radial-gradient(circle at 51% 42%,rgba(95,180,255,.62) 0 2px,transparent 3px),radial-gradient(circle at 20% 25%,rgba(141,191,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 77% 64%,rgba(125,177,255,.55) 0 1px,transparent 2px),radial-gradient(ellipse at 43% 58%,rgba(28,93,183,.42),transparent 56%),linear-gradient(165deg,transparent 16%,rgba(15,53,111,.25) 58%,rgba(5,18,40,.95) 95%);background-size:100% 100%,89px 137px,151px 163px,100% 100%,100% 100%}
body:has(.sb-console) .site-header::after{content:"";position:absolute;z-index:-1;left:-45px;right:-35px;bottom:80px;height:45%;pointer-events:none;opacity:.38;background:linear-gradient(150deg,transparent 30%,#0b3265 31% 37%,transparent 38%),linear-gradient(24deg,transparent 52%,#0c3a71 53% 61%,transparent 62%),linear-gradient(170deg,transparent 64%,#041c3d 65%);clip-path:polygon(0 47%,15% 40%,27% 51%,40% 30%,53% 44%,70% 22%,86% 39%,100% 26%,100% 100%,0 100%)}
body:has(.sb-console) .site-header .nav{gap:26px;padding:28px 17px}
body:has(.sb-console) .site-header .brand{justify-content:flex-start;padding:0 6px 24px;border-bottom:1px solid #183657}
body:has(.sb-console) .site-header nav{gap:10px}
body:has(.sb-console) .site-header nav .sb-side-link{display:flex;align-items:center;gap:11px;min-height:48px;box-sizing:border-box;padding:10px 12px;background:linear-gradient(115deg,rgba(15,43,82,.92),rgba(9,29,59,.86));border:1px solid #214b7a;border-radius:10px;color:#b8d4f6;font-size:13px;font-weight:700;box-shadow:0 3px 12px rgba(0,0,0,.08);transition:background .2s,border-color .2s,box-shadow .2s}
body:has(.sb-console) .site-header nav .sb-side-link.is-active{color:#fff;background:linear-gradient(105deg,#0c448d,#0c2c5e);border-color:#348cff;box-shadow:0 0 0 1px rgba(47,126,235,.28),0 0 20px rgba(34,110,231,.2)}
body:has(.sb-console) .site-header nav .sb-side-link:hover{background:#123c76;border-color:#5397eb;transform:none}
body:has(.sb-console) .sb-side-link-icon{width:23px;height:23px;display:grid;place-items:center;color:#90c8ff;font-size:19px;line-height:1;flex:none}
body:has(.sb-console) .sb-side-chevron{margin-left:auto;color:#a4c6ed;font-size:22px;line-height:1}
#serviceDetails .sb-quick-item{opacity:1;gap:13px;min-height:76px;background:linear-gradient(145deg,#0e2849,#081a33);border-color:#29517d}
#serviceDetails .sb-quick-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 46px;width:46px;height:46px;line-height:1!important;padding:0!important;text-align:center;box-sizing:border-box;font-family:Arial,sans-serif;font-size:22px!important;font-weight:800}
#serviceDetails .sb-quick-start .sb-quick-icon{font-size:19px!important}
#serviceDetails .sb-quick-stop .sb-quick-icon{font-size:19px!important}
#serviceDetails .sb-quick-soon{background:#1a365a;border:1px solid #24436a;border-radius:99px;padding:5px 7px}
#serviceDetails .sb-setup-details{position:relative;padding:0;border-color:#18716f;background:linear-gradient(90deg,#063538,#081d34)}
#serviceDetails .sb-setup-details>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:16px 20px;color:#80f3c3;font-size:13px}
#serviceDetails .sb-setup-details>summary::-webkit-details-marker{display:none}
#serviceDetails .sb-setup-details>summary::before{content:"✓";display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#20a87d;color:#fff;font-weight:900}
#serviceDetails .sb-setup-details>summary::after{content:"View details  ﹀";margin-left:auto;color:#c6e6ed;font-size:12px;font-weight:600}
#serviceDetails .sb-setup-details[open]>summary::after{content:"Hide details  ﹀"}
#serviceDetails .sb-quick-actions{padding-bottom:0}
@media(max-width:900px){body:has(.sb-console) .site-header::before,body:has(.sb-console) .site-header::after{display:none}body:has(.sb-console) .site-header .brand{border:0;padding:0}body:has(.sb-console) .site-header .nav{gap:14px}body:has(.sb-console) .site-header nav .sb-side-link{min-height:40px;padding:8px 10px}}
@media(max-width:600px){#serviceDetails .sb-quick-soon{font-size:9px}}

/* Console v6 — server action cards, purposeful hierarchy and precise icon alignment */
#serviceDetails .sb-quick-actions{padding:16px 0 8px}
#serviceDetails .sb-quick-actions h3{margin-bottom:5px}
#serviceDetails .sb-quick-grid{gap:15px;margin-top:16px}
#serviceDetails .sb-quick-item{position:relative;isolation:isolate;display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:0 14px;min-height:122px;padding:20px 18px 17px;background:linear-gradient(145deg,#112c4b,#091a31 92%);border:1px solid #31557e;border-radius:14px;box-shadow:0 10px 28px rgba(0,5,19,.12);opacity:1;overflow:hidden}
#serviceDetails .sb-quick-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#287cbb;opacity:.75}
#serviceDetails .sb-quick-start::before{background:#20bd83}
#serviceDetails .sb-quick-stop::before{background:#e45e78}
#serviceDetails .sb-quick-restart::before{background:#4299f4}
#serviceDetails .sb-quick-files::before{background:#a37bfa}
#serviceDetails .sb-quick-icon{grid-column:1;grid-row:1;display:grid!important;place-items:center!important;width:52px!important;height:52px!important;min-width:52px;flex:none!important;margin:0;padding:0!important;border-radius:12px!important}
#serviceDetails .sb-quick-glyph{display:block;line-height:1!important;font-size:23px;font-weight:800;transform:none}
#serviceDetails .sb-quick-start .sb-quick-glyph{font-size:21px;transform:translateX(1px)}
#serviceDetails .sb-quick-stop .sb-quick-glyph{font-size:24px}
#serviceDetails .sb-quick-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
#serviceDetails .sb-quick-copy strong{font-size:14px;line-height:1.2;color:#f2f7ff;font-weight:800}
#serviceDetails .sb-quick-copy small{font-size:11px;line-height:1.45;color:#abc7e6}
#serviceDetails .sb-quick-soon{grid-column:1/-1;grid-row:2;justify-self:start;margin:15px 0 0;padding:5px 10px;background:rgba(55,91,132,.25);border:1px solid rgba(102,151,206,.24);border-radius:100px;color:#a9c6e8;font-size:10px;font-weight:700;letter-spacing:.02em}
@media(min-width:1450px){#serviceDetails .sb-quick-item{min-height:126px}}
@media(max-width:1250px){#serviceDetails .sb-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#serviceDetails .sb-quick-grid{grid-template-columns:1fr}#serviceDetails .sb-quick-item{min-height:108px}}

/* Console v7: larger action tiles and bold centered power icons */
#serviceDetails .sb-quick-actions{padding:23px 0 12px}
#serviceDetails .sb-quick-actions h3{font-size:clamp(23px,2vw,28px);margin:4px 0 2px}
#serviceDetails .sb-quick-grid{gap:18px;margin-top:19px}
#serviceDetails .sb-quick-item{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(84px,1fr) auto;gap:12px 18px;min-height:183px;padding:23px 22px 18px;border-radius:16px;background:linear-gradient(130deg,#122f51 0%,#0b203b 65%,#09182e 100%);border:1px solid #365f8e;box-shadow:0 10px 26px rgba(0,4,18,.17)}
#serviceDetails .sb-quick-item::before{width:4px}
#serviceDetails .sb-quick-icon{grid-column:1;grid-row:1;display:flex!important;align-items:center!important;justify-content:center!important;width:74px!important;height:74px!important;min-width:74px!important;border-radius:17px!important;background:linear-gradient(150deg,#107a55,#07583e)!important;border:1px solid #249e72;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 7px 18px rgba(0,0,0,.17)}
#serviceDetails .sb-quick-stop .sb-quick-icon{background:linear-gradient(150deg,#a72e48,#6e1c32)!important;border-color:#ce5066}
#serviceDetails .sb-quick-restart .sb-quick-icon{background:linear-gradient(150deg,#1e69b9,#10447e)!important;border-color:#3b8fe3}
#serviceDetails .sb-quick-files .sb-quick-icon{background:linear-gradient(150deg,#7945bd,#492775)!important;border-color:#9b6be0}
#serviceDetails .sb-quick-glyph{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;line-height:1!important;font-size:37px!important;font-family:Arial,sans-serif;font-weight:900}
#serviceDetails .sb-quick-start .sb-quick-glyph{font-size:36px!important;transform:translateX(2px)}
#serviceDetails .sb-quick-stop .sb-quick-glyph{font-size:34px!important;transform:none}
#serviceDetails .sb-quick-restart .sb-quick-glyph{font-size:39px!important}
#serviceDetails .sb-quick-files .sb-quick-glyph{font-size:34px!important}
#serviceDetails .sb-quick-copy{grid-column:2;grid-row:1;gap:9px;align-self:center}
#serviceDetails .sb-quick-copy strong{font-size:clamp(15px,1.2vw,18px);line-height:1.25}
#serviceDetails .sb-quick-copy small{font-size:12px;line-height:1.55}
#serviceDetails .sb-quick-footer{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid rgba(100,149,203,.2)}
#serviceDetails .sb-quick-soon{margin:0;padding:7px 12px;font-size:11px}
#serviceDetails .sb-quick-footer-label{color:#769bc2;font-size:11px}
@media(max-width:1550px){#serviceDetails .sb-quick-item{grid-template-columns:65px minmax(0,1fr);padding:19px 16px;gap:12px;min-height:172px}#serviceDetails .sb-quick-icon{width:62px!important;height:62px!important;min-width:62px!important}#serviceDetails .sb-quick-footer-label{display:none}}
@media(max-width:1250px){#serviceDetails .sb-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#serviceDetails .sb-quick-grid{grid-template-columns:1fr}#serviceDetails .sb-quick-item{min-height:145px}}

/* Console v8 — optical centering for Stop power icon */
#serviceDetails .sb-quick-stop .sb-quick-icon{display:grid!important;place-items:center!important}
#serviceDetails .sb-quick-stop .sb-quick-glyph{display:block!important;width:26px!important;height:26px!important;min-width:26px;min-height:26px;flex:none!important;background:#fff0f3;border-radius:4px;font-size:0!important;line-height:0!important;transform:none!important;box-shadow:0 1px 4px rgba(0,0,0,.16)}

/* Console v9 — accessible, live server power actions */
#serviceDetails button.sb-quick-button{font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}
#serviceDetails button.sb-quick-button:not(:disabled):hover{border-color:#5b9fe2;transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,7,24,.27)}
#serviceDetails button.sb-quick-button:focus-visible{outline:3px solid #82c9ff;outline-offset:3px}
#serviceDetails button.sb-quick-button:disabled{cursor:not-allowed;opacity:.55}
#serviceDetails .sb-quick-ready{padding:7px 12px;border:1px solid rgba(65,207,158,.34);border-radius:100px;background:rgba(20,139,97,.17);color:#9ff3cd;font-size:11px;font-weight:800}
#serviceDetails .sb-power-feedback{margin:14px 0 0;min-height:22px;color:#aacbe8;font-size:13px}
#serviceDetails .sb-power-success{color:#8fe8bd}
#serviceDetails .sb-power-error{color:#ff9eb0}
@media(prefers-reduced-motion:reduce){#serviceDetails button.sb-quick-button{transition:none!important}}

/* Connection details v1 */
#serviceDetails .sb-connection-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
#serviceDetails .sb-connection-tools .btn:disabled{opacity:.5;cursor:not-allowed}

/* Starbound connection details — reference-matched, no image assets */
#serviceDetails .sb-connection-v2{padding:22px!important;border:1px solid #1b5c96!important;border-radius:16px!important;background:linear-gradient(145deg,#061b35,#05172d)!important}
#serviceDetails .sb-connect-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
#serviceDetails .sb-connect-title{display:flex;align-items:center;gap:16px;min-width:0}
#serviceDetails .sb-connect-heading-icon{display:grid;place-items:center;width:62px;height:62px;flex:none;background:linear-gradient(145deg,#0b3a75,#05274c);border-radius:14px;font-size:29px}
#serviceDetails .sb-connect-title h3{margin:5px 0 7px!important;font-size:clamp(21px,2vw,28px)!important}
#serviceDetails .sb-connect-title .sb-console-subtitle{margin:0!important;color:#a9cdeb}
#serviceDetails .sb-connect-refresh,#serviceDetails .sb-connect-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #2876b8;border-radius:9px;padding:11px 17px;background:linear-gradient(180deg,#0b315e,#082547);color:#d8efff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}
#serviceDetails .sb-connect-refresh:hover:not(:disabled),#serviceDetails .sb-connect-copy:hover:not(:disabled){border-color:#66baff;background:#11467e;transform:translateY(-1px)}
#serviceDetails .sb-connect-refresh:disabled,#serviceDetails .sb-connect-copy:disabled{opacity:.42;cursor:not-allowed;transform:none}
#serviceDetails .sb-connect-refresh:focus-visible,#serviceDetails .sb-connect-copy:focus-visible{outline:3px solid #83caff;outline-offset:3px}
#serviceDetails .sb-connect-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:18px}
#serviceDetails .sb-connect-address-card,#serviceDetails .sb-connect-fact,#serviceDetails .sb-connect-status{border:1px solid #1c5b91;background:linear-gradient(150deg,#0a2a4f,#071e39);border-radius:12px}
#serviceDetails .sb-connect-address-card{padding:20px}
#serviceDetails .sb-connect-address-top{display:flex;align-items:center;gap:15px;margin-bottom:14px}
#serviceDetails .sb-connect-address-top>div{display:flex;flex-direction:column;gap:6px}
#serviceDetails .sb-connect-address-top small,#serviceDetails .sb-connect-fact small,#serviceDetails .sb-connect-status small{display:block;color:#a5c8e9;font-size:12px}
#serviceDetails .sb-connect-address-state{color:#ffb0a5;font-size:14px}
#serviceDetails .sb-connect-address-state.is-ready{color:#81e4b3}
#serviceDetails .sb-connect-tile-icon{display:grid;place-items:center;width:51px;height:51px;flex:none;border:1px solid #2777b9;border-radius:11px;background:linear-gradient(145deg,#125aa5,#08376b);color:#b8e1ff;font-size:27px;font-weight:700}
#serviceDetails .sb-connect-purple{background:linear-gradient(145deg,#57318b,#32165e);border-color:#7748b2;color:#e1c6ff}
#serviceDetails .sb-connect-green{background:linear-gradient(145deg,#096b60,#06493f);border-color:#138e77;color:#9bffe0}
#serviceDetails .sb-connect-gold{background:linear-gradient(145deg,#54432a,#292b2b);border-color:#615239;color:#ffd980}
#serviceDetails .sb-connect-public-line{display:flex;align-items:center;gap:13px;padding:18px;border:1px dashed #37648c;border-radius:10px;background:rgba(3,15,34,.43)}
#serviceDetails .sb-connect-globe{font-size:30px;color:#5481b1}
#serviceDetails .sb-connect-public-text{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
#serviceDetails .sb-connect-public-text strong{font-size:15px;color:#c8e6ff;overflow-wrap:anywhere}
#serviceDetails .sb-connect-public-text small{font-size:12px;color:#8eb7dd}
#serviceDetails .sb-connect-local{margin-top:14px;padding:16px;border:1px solid #1775c0;border-radius:11px;background:linear-gradient(120deg,rgba(8,71,131,.78),rgba(6,40,80,.8))}
#serviceDetails .sb-connect-local[hidden]{display:none!important}
#serviceDetails .sb-connect-local>strong{display:block;margin-bottom:7px;color:#60c4ff;font-size:14px}
#serviceDetails .sb-connect-local>small{display:block;color:#a8cae9;font-size:12px;line-height:1.55}
#serviceDetails .sb-connect-local-row{display:flex;gap:10px;margin:10px 0}
#serviceDetails .sb-connect-local-row code{flex:1;min-width:0;padding:12px 14px;border:1px solid #15538a;border-radius:8px;background:#061a34;color:#8fd4ff;font-size:14px;font-weight:750;overflow-wrap:anywhere}
#serviceDetails .sb-connect-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#serviceDetails .sb-connect-fact{display:flex;align-items:center;gap:14px;min-width:0;padding:15px}
#serviceDetails .sb-connect-fact>div{min-width:0}
#serviceDetails .sb-connect-fact strong{display:block;margin:6px 0;font-size:17px;color:#f2f8ff;overflow-wrap:anywhere}
#serviceDetails .sb-connect-fact-hint{font-size:11px!important;line-height:1.4;overflow-wrap:anywhere}
#serviceDetails .sb-connect-status{display:flex;gap:17px;align-items:center;margin-top:13px;padding:18px;border-color:#786b4b;background:linear-gradient(115deg,#11283c,#0a203a)}
#serviceDetails .sb-connect-status strong{display:block;margin:8px 0;color:#ffcf78;font-size:14px}
#serviceDetails .sb-connect-status small:last-child{line-height:1.55}
@media(max-width:1150px){#serviceDetails .sb-connect-layout{grid-template-columns:1fr}}
@media(max-width:650px){#serviceDetails .sb-connect-head{align-items:flex-start;flex-direction:column}#serviceDetails .sb-connect-facts{grid-template-columns:1fr}#serviceDetails .sb-connect-public-line,#serviceDetails .sb-connect-local-row{flex-wrap:wrap}#serviceDetails .sb-connect-public-line .sb-connect-copy,#serviceDetails .sb-connect-local-row .sb-connect-copy{width:100%}#serviceDetails .sb-connect-heading-icon{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){#serviceDetails .sb-connect-copy,#serviceDetails .sb-connect-refresh{transition:none}}

/* Starbound live Minecraft console */
#serviceDetails .sb-live-console{margin-top:22px;padding:22px;border:1px solid #1b5c96;border-radius:16px;background:linear-gradient(145deg,#061b35,#05172d)}
#serviceDetails .sb-live-console-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:9px 0 17px}
#serviceDetails .sb-live-console-head h3{font-size:clamp(21px,2vw,27px);margin:0 0 7px}
#serviceDetails .sb-live-console-head p{margin:0;color:#a9cdeb}
#serviceDetails .sb-live-console-buttons{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
#serviceDetails .sb-live-console-status{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #42617e;border-radius:30px;color:#a7c1da;background:#0a263f;font-size:12px;font-weight:800;white-space:nowrap}
#serviceDetails .sb-live-console-connected{border-color:#257f6d;color:#7ee4b7;background:#0a3937}
#serviceDetails .sb-live-console-connecting{border-color:#85714c;color:#f1c781}
#serviceDetails .sb-live-console-error{border-color:#864d59;color:#ffabb5}
#serviceDetails .sb-live-console-output{height:365px;overflow:auto;overscroll-behavior:contain;padding:17px 18px;background:#020e1e;border:1px solid #1b4e7e;border-radius:11px;font:12.5px/1.7 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;color:#c4e3f6;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#285e8e #04172d}
#serviceDetails .sb-console-log-line{min-height:20px}
#serviceDetails .sb-console-system-line{color:#6fbef2;font-style:italic;min-height:20px}
#serviceDetails .sb-live-console-command{display:flex;align-items:center;gap:12px;margin-top:13px;padding:7px 7px 7px 17px;background:#061e39;border:1px solid #266398;border-radius:10px}
#serviceDetails .sb-live-console-command>span{font:bold 20px ui-monospace,Consolas,monospace;color:#61baff}
#serviceDetails .sb-live-console-command input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:#e4f4ff!important;padding:9px 0;font:13px ui-monospace,Consolas,monospace}
#serviceDetails .sb-live-console-command input::placeholder{color:#7f9ebd}
#serviceDetails .sb-live-console-command input:disabled{opacity:.6}
#serviceDetails .sb-live-console-send{border:1px solid #3288c8;border-radius:8px;background:linear-gradient(140deg,#1269b5,#08437d);color:#fff;padding:12px 17px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
#serviceDetails .sb-live-console-send:disabled{opacity:.45;cursor:not-allowed}
#serviceDetails .sb-live-console-tip{margin:11px 0 0;color:#8daecf;font-size:12px}
@media(max-width:850px){#serviceDetails .sb-live-console-head{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){#serviceDetails .sb-live-console{padding:14px}#serviceDetails .sb-live-console-buttons{width:100%}#serviceDetails .sb-live-console-output{height:300px}#serviceDetails .sb-live-console-send{padding:11px}}

/* Service dashboard UX refresh — focused navigation and readable controls */
#serviceDetails .sb-service-jump{position:sticky;top:10px;z-index:5;display:flex;gap:6px;flex-wrap:wrap;padding:8px;margin:18px 0 22px;background:#071b31ee;backdrop-filter:blur(12px);border:1px solid #28517b;border-radius:12px}
#serviceDetails .sb-service-jump a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:9px 15px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:750;color:#aacbe8;transition:background .15s,color .15s}
#serviceDetails .sb-service-jump a:hover,#serviceDetails .sb-service-jump a:focus-visible{background:#164271;color:#fff}
#serviceDetails [id^="sb-"]{scroll-margin-top:90px}
#serviceDetails .sb-service-identity{margin-bottom:4px}
#serviceDetails .sb-quick-actions{margin-top:15px}
#serviceDetails .sb-live-console{margin-top:18px}
#serviceDetails .service-controls-preview{margin-top:18px}
#serviceDetails .sb-connection-v2{margin-top:18px}
#serviceDetails .sb-console-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 9px;font-size:11px;color:#83a8cb}
#serviceDetails .sb-console-utility span:last-child{font-variant-numeric:tabular-nums}
#serviceDetails .sb-live-console-buttons button[aria-pressed="true"]{border-color:#227a83;color:#9be5db}
#serviceDetails .sb-live-console-output{height:410px;line-height:1.75}
#serviceDetails .sb-console-log-line{border-left:2px solid transparent;padding-left:8px;margin-left:-8px}
#serviceDetails .sb-log-warning{color:#f5d29a;border-left-color:#c59b43;background:rgba(166,108,21,.09)}
#serviceDetails .sb-log-error{color:#ffb4bc;border-left-color:#db6473;background:rgba(173,51,70,.12)}
#serviceDetails .sb-log-info{color:#c4e3f6}
#serviceDetails .sb-live-console-command:focus-within{border-color:#63b6f6;box-shadow:0 0 0 3px rgba(66,150,230,.14)}
#serviceDetails .sb-service-meta{margin-top:20px;border:1px solid #244e75;border-radius:12px;background:#071b32;overflow:hidden}
#serviceDetails .sb-service-meta>summary{cursor:pointer;padding:18px 22px;font-size:14px;font-weight:800;color:#d6ecff;list-style-position:inside}
#serviceDetails .sb-service-meta>summary:hover{background:#0c2a4c}
#serviceDetails .sb-service-meta .service-detail-grid{margin:0 22px}
#serviceDetails .sb-service-meta .service-customer-toolbar{padding:12px 22px}
#serviceDetails .sb-service-meta .sb-service-note{padding:0 22px 16px}
#serviceDetails .sb-service-jump a:focus-visible,#serviceDetails .sb-service-meta>summary:focus-visible{outline:2px solid #85caff;outline-offset:2px}
@media(max-width:700px){#serviceDetails .sb-service-jump{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#serviceDetails .sb-service-jump a{padding:9px 6px;font-size:11px}#serviceDetails .sb-live-console-output{height:330px;font-size:11px}#serviceDetails .sb-live-console-buttons{gap:6px}#serviceDetails .sb-live-console-buttons button{flex:1}#serviceDetails .sb-console-utility{font-size:10px}}
@media(prefers-reduced-motion:reduce){#serviceDetails .sb-service-jump a{transition:none}}

/* Mission Control: responsive two-zone workspace, account navigation kept separate */
body:has(.sb-workspace){overflow-x:hidden}
.sb-workspace{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 75px);max-width:100%}
.sb-workspace-sidebar{background:linear-gradient(175deg,#061a35,#071429);border-right:1px solid #224469;min-width:0}
.sb-workspace-sidebar-inner{position:sticky;top:0;display:flex;flex-direction:column;gap:5px;padding:26px 16px;max-height:100vh;overflow-y:auto}
.sb-workspace-label{color:#76b0ee;font-size:10px;letter-spacing:.13em;font-weight:850;padding:13px 12px 8px}
.sb-workspace-link{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#b6cde9;font-size:13px;font-weight:750;min-height:44px}
.sb-workspace-link:hover,.sb-workspace-link:focus-visible{background:#12355d;border-color:#2b6298;color:#fff}
.sb-workspace-link.is-active{background:#124785;border-color:#438fff;color:#fff}
.sb-workspace-separator{height:1px;background:#234362;margin:17px 8px 9px}
.sb-workspace-sidebar-foot{font-size:9px;color:#6e91b8;letter-spacing:.13em;margin:28px 12px 0}
.sb-workspace-main.dashboard{width:100%;max-width:none;min-width:0;margin:0;padding:34px clamp(16px,3vw,48px) 65px}
.sb-workspace-main #serviceDetails{min-width:0}
.sb-workspace-main #serviceDetails .service-detail-panel{max-width:none;width:100%;min-width:0}
.sb-workspace-main #serviceDetails .sb-live-console-output{max-width:100%}
.sb-workspace-top .nav{max-width:none!important;padding-inline:clamp(16px,2.5vw,38px)!important}
.sb-workspace-top-actions{margin-left:auto;display:flex;gap:22px;align-items:center}
.sb-workspace-top-actions a{font-size:12px;font-weight:750;color:#bdd6f5;text-decoration:none}
.sb-workspace-top-actions a:hover{color:#fff}
.sb-workspace-main #serviceDetails .sb-service-jump{display:none}
@media(max-width:1100px){.sb-workspace{grid-template-columns:200px minmax(0,1fr)}.sb-workspace-sidebar-inner{padding:18px 9px}.sb-workspace-main.dashboard{padding:25px 18px 50px}.sb-workspace-main #serviceDetails .sb-live-console-head{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.sb-workspace{display:block}.sb-workspace-sidebar{border-right:0;border-bottom:1px solid #2a5076}.sb-workspace-sidebar-inner{position:static;max-height:none;display:flex;flex-direction:row;flex-wrap:nowrap;gap:7px;padding:11px 14px;overflow-x:auto;scrollbar-width:thin}.sb-workspace-label,.sb-workspace-separator,.sb-workspace-sidebar-foot{display:none}.sb-workspace-link{white-space:nowrap;flex:0 0 auto;padding:10px 12px;min-height:40px;font-size:12px}.sb-workspace-link:nth-of-type(6){margin-left:14px;border-left:1px solid #355c83;border-radius:0 9px 9px 0}.sb-workspace-main.dashboard{padding:22px 13px 45px}.sb-workspace-main #serviceDetails .service-detail-panel{padding:14px}.sb-workspace-top-actions{gap:12px}.sb-workspace-top-actions a{font-size:11px}.sb-workspace-main #serviceDetails .sb-live-console-output{height:320px}}
@media(max-width:480px){.sb-workspace-top .brand small{letter-spacing:2px}.sb-workspace-top-actions a:first-child{display:none}.sb-workspace-main #serviceDetails .sb-quick-grid{grid-template-columns:1fr}.sb-workspace-main #serviceDetails .sb-live-console-command{flex-wrap:wrap}.sb-workspace-main #serviceDetails .sb-live-console-send{width:100%}}

/* Account workspace navigation groups */
.sb-account-sidebar .sb-account-nav-label{display:block;padding:13px 13px 6px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#79adf3}
.sb-account-sidebar a.selected{color:#fff!important;background:#16447a!important;border-left:3px solid #65a4ff}
.sb-account-sidebar a:first-of-type:not(.selected){background:transparent}
@media(max-width:800px){.portal{grid-template-columns:minmax(0,1fr)}.sb-account-sidebar{position:static;display:flex;flex-wrap:wrap;gap:6px}.sb-account-sidebar .sb-account-nav-label{width:100%}.sb-account-sidebar a{padding:10px 12px}.portal-main{min-width:0}}