:root{
  --bg:#f7f9fc;--bg-2:#eef4fb;--surface:rgba(255,255,255,.86);--surface-strong:#fff;--line:rgba(20,52,92,.13);
  --text:#122033;--muted:#5d6c82;--muted-2:#7b8899;--brand:#006fc9;--brand-2:#6c4dff;--ok:#0f9f68;--warn:#c47b00;--danger:#d94b4b;
  --shadow:0 24px 80px rgba(24,60,104,.14);--radius:24px;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(0,111,201,.13),transparent 32rem),radial-gradient(circle at 72% 16%,rgba(108,77,255,.12),transparent 28rem),linear-gradient(180deg,var(--bg) 0%,#fff 48%,#f2f6fb 100%);min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}.noise{pointer-events:none;position:fixed;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");z-index:0}header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(255,255,255,.78);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:1.45rem}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 14px 35px rgba(0,111,201,.28);display:grid;place-items:center;color:white;font-weight:900}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.94rem}.nav-links a{padding:10px 8px;border-radius:12px}.nav-links a:hover,.nav-links a.active{color:var(--brand);background:rgba(0,111,201,.08)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:700;font-size:.94rem;cursor:pointer;transition:.2s ease;background:var(--surface-strong);color:var(--text);box-shadow:0 8px 24px rgba(24,60,104,.1);border:1px solid var(--line)}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(24,60,104,.14)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.btn.ghost{background:transparent;box-shadow:none}.btn.danger{color:white;background:linear-gradient(135deg,#d94b4b,#f07b55);border-color:transparent}.page{position:relative;z-index:1}.hero{padding:86px 0 58px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--brand);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.hero h1,.section-title h2{letter-spacing:-.06em;line-height:.95;margin:0}.hero h1{font-size:clamp(3rem,7vw,6.6rem);max-width:850px}.gradient{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.18rem;line-height:1.7;color:var(--muted);max-width:680px;margin:24px 0 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stat,.card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(16px)}.stat{padding:18px}.stat strong{font-size:1.45rem;display:block}.stat span,.muted{color:var(--muted);font-size:.94rem}.hero-card{padding:24px}.terminal{font-family:"SFMono-Regular",Consolas,monospace;border-radius:20px;background:#f9fbff;border:1px solid var(--line);padding:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.term-dots{display:flex;gap:7px;margin-bottom:14px}.term-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.term-line{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#334766;font-size:.9rem}.term-line b{color:var(--ok)}section{padding:54px 0}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-title h2{font-size:clamp(2rem,4vw,3.8rem)}.section-title p{color:var(--muted);max-width:520px;line-height:1.65;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:24px}.icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.12));color:var(--brand);font-weight:900;margin-bottom:18px}.card h3{font-size:1.25rem;margin:0 0 10px}.card p{color:var(--muted);line-height:1.6}.price{display:flex;align-items:flex-end;gap:7px;margin:18px 0}.price strong{font-size:2.35rem;letter-spacing:-.05em}.tag{display:inline-flex;align-items:center;border-radius:999px;background:rgba(0,111,201,.09);color:var(--brand);padding:7px 11px;font-size:.82rem;font-weight:800}.features{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;color:var(--muted)}.features li:before{content:"✓";color:var(--ok);font-weight:900;margin-right:8px}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:white;color:var(--text);font:inherit;outline:none}.field textarea{min-height:140px;resize:vertical}.auth{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:60px 0}.auth-card{width:min(480px,100%);padding:30px}.auth-card h1{font-size:2.6rem;letter-spacing:-.06em;margin:0 0 8px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{text-align:left;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.table td{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ok);margin-right:8px}.status-dot.warn{background:var(--warn)}.status-dot.danger{background:var(--danger)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.sidebar{padding:18px;height:max-content}.side-link{display:flex;justify-content:space-between;padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:700}.side-link.active,.side-link:hover{background:rgba(0,111,201,.08);color:var(--brand)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:18px}.metric b{font-size:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.mini-chart{height:160px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);padding:12px}.bars{display:flex;align-items:end;height:100%;gap:8px}.bars i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,rgba(0,111,201,.7),rgba(108,77,255,.45))}.line-chart svg{width:100%;height:100%}.faq details{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.faq details+details{margin-top:12px}.faq summary{font-weight:800;cursor:pointer}.footer{margin-top:56px;padding:40px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:22px}.footer a{display:block;margin:8px 0}.footer h4{color:var(--text);margin:0 0 12px}.center{text-align:center}.spacer{height:20px}@media(max-width:900px){.hero-grid,.grid-3,.grid-2,.dashboard-layout,.footer-grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:16px 0;flex-direction:column}.nav-links{flex-wrap:wrap}.metric-grid,.actions-grid,.stat-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:min(100% - 24px,var(--max))}.metric-grid,.actions-grid,.stat-row{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{font-size:3rem}}


.wallet-balance{font-size:3rem;letter-spacing:-.06em;margin:8px 0}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:.82rem}.invoice-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.8rem}.invoice-status.paid{background:rgba(15,159,104,.1);color:var(--ok)}.invoice-status.open{background:rgba(196,123,0,.12);color:var(--warn)}.invoice-status.overdue{background:rgba(217,75,75,.12);color:var(--danger)}.message{display:flex;gap:12px;margin:14px 0}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:white;font-weight:900;flex:0 0 auto}.bubble{background:white;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 8px 24px rgba(24,60,104,.06);flex:1}.bubble .meta{color:var(--muted);font-size:.82rem;margin-bottom:6px}.upload-box{border:1px dashed rgba(0,111,201,.35);border-radius:18px;background:rgba(0,111,201,.04);padding:18px;text-align:center;color:var(--muted);font-weight:700}.kbd{font-family:"SFMono-Regular",Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 6px;color:var(--text)}

.service-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:rgba(15,159,104,.1);color:var(--ok);font-weight:800;font-size:.8rem}.legal-copy p{line-height:1.7;color:var(--muted)}

.alert{padding:14px 16px;border-radius:16px;margin:14px 0;border:1px solid var(--line);background:white}.alert.ok{border-color:rgba(15,159,104,.25);background:rgba(15,159,104,.08);color:var(--ok)}.alert.error{border-color:rgba(217,75,75,.25);background:rgba(217,75,75,.08);color:var(--danger)}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.8rem;background:rgba(0,111,201,.09);color:var(--brand)}.badge.ok{background:rgba(15,159,104,.1);color:var(--ok)}.badge.warn{background:rgba(196,123,0,.12);color:var(--warn)}.badge.danger{background:rgba(217,75,75,.12);color:var(--danger)}.topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.money{font-variant-numeric:tabular-nums}.small{font-size:.86rem}.inline-form{display:inline}.btn.small{padding:8px 12px;font-size:.82rem}.nav-user{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.code{font-family:SFMono-Regular,Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;overflow:auto}.empty{padding:26px;text-align:center;color:var(--muted);background:white;border:1px dashed var(--line);border-radius:18px}.kbd.danger{color:var(--danger)}


/* Expanded cloud dashboard */
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 14px 38px rgba(24,60,104,.08)}.kpi small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kpi strong{font-size:2rem;letter-spacing:-.05em}.progress{height:10px;background:#eef4fb;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.progress i{display:block;height:100%;background:linear-gradient(135deg,var(--brand),var(--brand-2));border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.service-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.hardware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hardware-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:120px 1fr;gap:12px}.timeline-row div:last-child{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.mono{font-family:SFMono-Regular,Consolas,monospace}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs a{padding:10px 14px;border-radius:999px;background:white;border:1px solid var(--line);font-weight:800;color:var(--muted)}.tabs a.active,.tabs a:hover{color:var(--brand);background:rgba(0,111,201,.08)}@media(max-width:900px){.kpi-grid,.dashboard-grid,.hardware-grid{grid-template-columns:1fr}.service-card{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr}}

/* cybaaspace brand and SEO-ready shell */
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:28px 0 0;position:relative;z-index:1}.app-nav{padding:0 max(20px,calc((100vw - var(--max))/2));}.brand-link{display:inline-flex;align-items:center}.brand-logo{height:48px;width:auto;display:block}.app-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.94rem}.app-links a{padding:10px 10px;border-radius:12px;font-weight:700}.app-links a:hover{color:var(--brand);background:rgba(0,111,201,.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer{width:min(var(--max),calc(100% - 40px));margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:var(--text)}.seo-copy{font-size:1rem;line-height:1.7;color:var(--muted);max-width:850px}.hero .card ul{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}@media(max-width:900px){.app-nav{padding:16px 20px}.brand-logo{height:42px}.app-links{gap:6px}.container{width:min(100% - 24px,var(--max))}}

/* --------------------------------------------------------------------------
   cybaaspace UI polish pass v2
   Normalizes every form/table/control, including admin inline forms.
   -------------------------------------------------------------------------- */
:root{
  --container:1180px;
  --focus:0 0 0 4px rgba(0,111,201,.14);
  --control-bg:#ffffff;
  --control-bg-hover:#f8fbff;
  --control-line:#d8e2ee;
  --control-line-strong:#b9c9dc;
  --soft-shadow:0 12px 38px rgba(24,60,104,.08);
}
body{font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.container,.page,.footer{width:min(var(--container),calc(100% - 40px));margin-inline:auto;}
.container{padding:34px 0 64px;}
main.container > h1:first-child,.container > h1:first-child{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1;margin:8px 0 22px;}
h1,h2,h3{color:var(--text)}
.card,.panel,.stat,.auth-card{box-shadow:var(--soft-shadow);}
.card{margin-bottom:18px;}
.card > h2:first-child,.card > h3:first-child{margin-top:0;}

/* Header */
.app-nav{width:100%;min-height:74px;padding:0 max(20px,calc((100vw - var(--container))/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(24,60,104,.04);}
.brand-link{display:inline-flex;align-items:center;gap:12px;min-width:max-content;}
.brand-logo{height:42px;width:auto;display:block;}
.app-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.app-links a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 12px;border-radius:999px;color:#506176;font-weight:750;font-size:.88rem;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.app-links a:hover{color:var(--brand);background:rgba(0,111,201,.075);border-color:rgba(0,111,201,.10);transform:translateY(-1px)}
.app-links a.account-pill{background:#fff;border-color:var(--line);box-shadow:0 8px 22px rgba(24,60,104,.06);color:var(--text);}
.nav-ico{width:20px;height:20px;display:inline-grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,rgba(0,111,201,.10),rgba(108,77,255,.10));color:var(--brand);font-size:.82rem;font-weight:900;line-height:1;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Unified forms: this intentionally targets controls outside .field too. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,textarea{
  appearance:none;-webkit-appearance:none;width:100%;min-height:44px;border:1px solid var(--control-line);border-radius:14px;padding:11px 14px;background:var(--control-bg);color:var(--text);font:inherit;font-weight:650;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.85),0 7px 20px rgba(24,60,104,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;
}
input::placeholder,textarea::placeholder{color:#96a4b5;font-weight:600;}
select{padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%,100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat:no-repeat;}
textarea{min-height:132px;resize:vertical;}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,select:hover,textarea:hover{border-color:var(--control-line-strong);background:var(--control-bg-hover);}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--focus),0 10px 24px rgba(24,60,104,.08);background:#fff;}
input[style*="width"]{max-width:100%;}
.field{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;}
.field label,label{font-weight:850;color:#243349;font-size:.9rem;}
.form{display:grid;gap:14px;}
form.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;}
form.actions input:not([type="hidden"]),form.actions select{width:auto;min-width:128px;flex:1 1 130px;}
form.actions input[name="vmid"]{max-width:110px;flex:0 0 110px;text-align:center;}
form.actions button{flex:0 0 auto;}

/* Buttons */
button,.btn,input[type="submit"]{font:inherit;}
.btn,button:not(.plain){min-height:42px;border-radius:999px;padding:11px 17px;font-weight:850;letter-spacing:-.01em;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:0 8px 22px rgba(24,60,104,.07);}
.btn:hover,button:not(.plain):hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,60,104,.12);}
.btn.primary,button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent;}
.btn.danger,button.danger{background:linear-gradient(135deg,#d94b4b,#f07b55);color:#fff;border-color:transparent;}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}

/* Tables and admin screens */
.table{width:100%;border-collapse:separate!important;border-spacing:0 10px;}
.table th{padding:0 14px 4px;text-align:left;color:#748298;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;white-space:nowrap;}
.table td{background:rgba(255,255,255,.92);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;vertical-align:middle;}
.table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px;}
.table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0;}
.table tr:hover td{background:#fff;box-shadow:0 8px 24px rgba(24,60,104,.055);}
.table code,.kbd{white-space:nowrap;}
.admin-toolbar{display:grid;grid-template-columns:1fr;gap:16px;padding:18px;margin-bottom:24px;background:rgba(255,255,255,.86);}
.toolbar-title{display:flex;align-items:center;gap:12px;}
.toolbar-title strong{display:block;font-size:1.04rem;letter-spacing:-.025em;}
.toolbar-title span:not(.icon){display:block;color:var(--muted);font-size:.9rem;}
.icon.sm{width:38px;height:38px;margin:0;border-radius:14px;}
.admin-toolbar .actions{gap:8px;}
.admin-toolbar .btn{min-height:38px;padding:9px 12px;font-size:.86rem;background:#f8fbff;}

/* Status labels / pills */
.pill,.invoice-status,.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;border:1px solid transparent;}
.pill{background:#eef6ff;color:#1759b8;border-color:#d7e9ff;}
.ok,.pill.ok,.invoice-status.paid{background:#ecfdf5;color:#047857;border-color:#bbf7d0;}
.warn,.pill.warn,.invoice-status.open{background:#fffbeb;color:#b45309;border-color:#fde68a;}
.danger,.pill.danger,.invoice-status.overdue{background:#fff1f2;color:#be123c;border-color:#fecdd3;}

/* Dashboard refinement */
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.metric{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(24,60,104,.06);}
.metric:before{content:"";display:block;width:38px;height:38px;border-radius:14px;margin-bottom:10px;background:linear-gradient(135deg,rgba(0,111,201,.13),rgba(108,77,255,.13));}
.metric b{display:block;font-size:1.65rem;letter-spacing:-.04em;}
.metric .muted,.metric span{color:var(--muted);}
.dashboard-layout{align-items:start;}
.sidebar{position:sticky;top:94px;border-radius:22px;}
.side-link{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:4px;}
.side-link:before{content:"◌";width:24px;height:24px;border-radius:9px;display:inline-grid;place-items:center;background:rgba(0,111,201,.08);color:var(--brand);font-size:.8rem;}
.actions-grid .btn{border-radius:16px;min-height:50px;}

/* Better spacing for public pages */
.hero{padding-top:76px;}
.section-title{margin-top:6px;}
.footer{padding:34px 0;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
.footer a{display:inline;margin:0 4px;color:var(--brand);font-weight:750;}

/* Responsive tables become cards */
@media(max-width:920px){
  .app-nav{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px;}
  .app-links{justify-content:flex-start;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .table{border-spacing:0 12px;}
  .table thead,.table th{display:none;}
  .table tr{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 8px 22px rgba(24,60,104,.05);margin-bottom:12px;}
  .table td{display:block;border:0!important;border-radius:0!important;background:transparent!important;padding:8px 4px;box-shadow:none!important;}
  .table td + td{border-top:1px solid var(--line)!important;}
  form.actions input:not([type="hidden"]),form.actions select,form.actions button{width:100%;flex:1 1 100%;}
  form.actions input[name="vmid"]{max-width:none;flex:1 1 100%;}
}
@media(max-width:560px){
  .container,.page,.footer{width:min(100% - 24px,var(--container));}
  .container{padding-top:22px;}
  .app-links a{font-size:.84rem;padding:8px 10px;}
  .metric-grid{grid-template-columns:1fr;}
  .card{padding:18px;}
}

/* --------------------------------------------------------------------------
   Navigation + dashboard shell polish v3
   Public topbar is intentionally minimal; client/admin navigation lives in a
   left sidebar once the user is inside the control panel.
   -------------------------------------------------------------------------- */
header.nav.app-nav{display:none!important;}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 36px rgba(24,60,104,.055)}
.topbar-inner{width:min(var(--container),calc(100% - 40px));margin-inline:auto;min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.public-nav{display:flex;align-items:center;justify-content:center;gap:8px}
.top-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:999px;color:#506176;font-weight:850;font-size:.92rem;border:1px solid transparent;transition:.18s ease}
.top-link:hover,.top-link.active{background:rgba(0,111,201,.075);border-color:rgba(0,111,201,.11);color:var(--brand);transform:translateY(-1px)}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content}
.icon-btn{width:42px;height:42px;border-radius:999px;display:inline-grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(24,60,104,.07);font-weight:950;color:var(--brand);transition:.18s ease}
.icon-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(24,60,104,.12);background:#f8fbff}
.icon-btn.logout{color:#d94b4b}.icon-btn.dashboard-shortcut{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.icon-btn span{line-height:1}
.wallet-chip{min-height:42px;display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(24,60,104,.07);font-weight:950;color:var(--text)}

/* App shell */
.app-shell{width:min(1440px,calc(100% - 40px));margin-inline:auto;display:grid;grid-template-columns:292px minmax(0,1fr);gap:22px;padding:28px 0 72px;align-items:start}
.app-content{min-width:0}.app-content > h1:first-child{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.055em;line-height:1;margin:8px 0 22px}.app-content .container{width:100%;padding:0}
.dashboard-sidebar{position:sticky;top:96px;padding:16px;border-radius:26px;background:rgba(255,255,255,.9);box-shadow:0 12px 38px rgba(24,60,104,.08);margin:0;max-height:calc(100vh - 116px);overflow:auto}
.sidebar-title{display:flex;align-items:center;gap:12px;padding:8px 8px 16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.sidebar-title strong{display:block;font-size:1.04rem;letter-spacing:-.03em}.sidebar-title span:not(.icon){display:block;color:var(--muted);font-size:.86rem}.side-nav{display:grid;gap:6px}.side-link{display:flex!important;align-items:center;gap:11px;justify-content:flex-start!important;margin:0;padding:12px 13px;border-radius:16px;color:#526176;font-weight:900;border:1px solid transparent;transition:.18s ease}.side-link:before{display:none!important}.side-link:hover,.side-link.active{background:linear-gradient(135deg,rgba(0,111,201,.09),rgba(108,77,255,.08));border-color:rgba(0,111,201,.12);color:var(--brand);transform:translateX(2px)}.side-ico{width:30px;height:30px;border-radius:12px;display:inline-grid;place-items:center;background:#fff;border:1px solid rgba(0,111,201,.10);box-shadow:0 5px 16px rgba(24,60,104,.055);color:var(--brand);font-size:.9rem;flex:0 0 auto}.side-link.active .side-ico{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.admin-side .side-link.active .side-ico{background:linear-gradient(135deg,#243349,var(--brand))}
.page-heading{margin-bottom:20px}.page-heading h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.06em;line-height:1;margin:8px 0 10px}.eyebrow.small{font-size:.74rem;margin-bottom:0}

/* Make cards align better inside the app shell */
.app-content .card:first-child{margin-top:0}.app-content .grid-2,.app-content .grid-3{align-items:start}.app-content .table{margin-top:8px}.app-content .actions{row-gap:10px}.admin-toolbar{display:none!important}

@media(max-width:1040px){
  .topbar-inner{grid-template-columns:1fr;gap:12px;padding:14px 0}.public-nav{justify-content:flex-start;flex-wrap:wrap}.top-actions{justify-content:flex-start}.app-shell{grid-template-columns:1fr;width:min(var(--container),calc(100% - 32px));padding-top:20px}.dashboard-sidebar{position:relative;top:auto;max-height:none}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .topbar-inner{width:min(100% - 24px,var(--container))}.brand-logo{height:36px}.public-nav{gap:6px}.top-link{font-size:.84rem;padding:8px 10px}.top-link .nav-ico{display:none}.top-actions{gap:7px}.wallet-chip{display:none}.app-shell{width:min(100% - 24px,var(--container));gap:16px}.side-nav{grid-template-columns:1fr}.dashboard-sidebar{padding:12px}.icon-btn{width:40px;height:40px}
}

/* Final dashboard/action polish */
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head h2{margin:0 0 4px}.card-head p{margin:0}.dashboard-kpis .kpi{position:relative;overflow:hidden;padding-left:72px}.kpi-icon{position:absolute;left:22px;top:24px;width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.11));color:var(--brand);font-weight:900}.service-table-card{padding:0;overflow:hidden}.service-table-card .card-head{padding:26px 28px 0}.table-scroll{overflow:auto;width:100%}.service-table{min-width:1120px;margin:0}.service-table th{white-space:nowrap}.service-table td{vertical-align:middle}.server-title{font-weight:900;color:var(--text)}.server-title:hover{color:var(--brand)}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.78rem;text-transform:capitalize;background:#eef4fb;color:#526176;border:1px solid var(--line)}.status-pill.active{background:rgba(15,159,104,.10);color:var(--ok);border-color:rgba(15,159,104,.18)}.status-pill.provisioning,.status-pill.pending{background:rgba(196,123,0,.10);color:var(--warn);border-color:rgba(196,123,0,.18)}.status-pill.suspended{background:rgba(217,75,75,.10);color:var(--danger);border-color:rgba(217,75,75,.18)}.status-pill.terminated,.status-pill.cancelled{background:#f2f4f7;color:#7b8899}.server-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.server-actions.compact{gap:6px;min-width:250px}.action-form{display:inline-flex;align-items:center;gap:8px;margin:0}.action-btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:14px;min-height:38px;padding:9px 12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 8px 20px rgba(24,60,104,.07);transition:.18s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,60,104,.12);color:var(--brand)}.action-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.action-btn.success{color:var(--ok);background:rgba(15,159,104,.08);border-color:rgba(15,159,104,.14)}.action-btn.danger{background:rgba(217,75,75,.09);color:var(--danger);border-color:rgba(217,75,75,.16)}.action-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#d94b4b,#f07b55);color:#fff}.action-btn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.action-btn.icon-only{width:38px;height:38px;padding:0;border-radius:13px}.action-btn.icon-only .action-label{display:none}.action-icon{font-size:.95rem;line-height:1}.compact-select{min-height:38px;border-radius:14px;border:1px solid var(--line);padding:0 12px;background:#fff;color:var(--text);font-weight:800}.state-note{display:inline-flex;align-items:center;border-radius:999px;padding:9px 12px;background:rgba(196,123,0,.10);color:var(--warn);font-weight:900;border:1px solid rgba(196,123,0,.16)}.copy-btn{margin-left:7px;border:1px solid rgba(0,111,201,.13);background:#fff;color:var(--brand);width:30px;height:30px;border-radius:11px;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px rgba(24,60,104,.07);font-size:.86rem}.copy-btn:hover,.copy-btn.copied{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-color:transparent}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;letter-spacing:.04em;background:#f5f8fc;border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:inline-block;min-width:110px}.secret.shown{letter-spacing:0;color:var(--text)}.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px}.wallet-card{text-align:center}.wallet-card .icon.xl{width:58px;height:58px;margin:0 auto 12px;font-size:1.4rem}.alert.danger{border-color:rgba(217,75,75,.24);background:rgba(217,75,75,.08);color:var(--danger)}
@media(max-width:760px){.card-head{display:block}.service-table-card .card-head{padding:22px 20px 0}.dashboard-kpis .kpi{padding-left:64px}.server-actions.compact{min-width:210px}.action-btn.icon-only{width:36px;height:36px}}

/* --------------------------------------------------------------------------
   cybaaspace polish v3: package cards, copy controls, top-up stability
   -------------------------------------------------------------------------- */
.pricing-landing{padding:26px 0 64px}.pricing-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.pricing-topline h1{font-size:clamp(2.8rem,6vw,5.6rem);letter-spacing:-.07em;line-height:.92;margin:10px 0 0}.pricing-topline .lead{max-width:720px}.package-tabs{display:inline-flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 12px 34px rgba(24,60,104,.08)}.package-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;font-weight:900;color:var(--muted)}.package-tabs a.active,.package-tabs a:hover{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#121417;border-radius:30px;overflow:hidden;box-shadow:0 28px 90px rgba(16,29,48,.22);border:1px solid rgba(255,255,255,.08)}.pricing-card{background:#151719;color:#fff;min-height:510px;position:relative}.pricing-card:not(:last-child){border-right:1px solid rgba(255,255,255,.16)}.pricing-card-inner{height:100%;padding:40px 34px;display:flex;flex-direction:column}.pricing-card h2{color:#fff;font-size:clamp(2.3rem,4.6vw,3.7rem);letter-spacing:-.075em;line-height:.92;margin:0 0 26px}.package-price{display:flex;align-items:flex-end;gap:6px;margin:0 0 32px}.package-price span{font-size:1.5rem;color:#fff200;font-weight:950;line-height:1.1}.package-price strong{font-size:clamp(2.6rem,5vw,4.3rem);line-height:.82;letter-spacing:-.08em;color:#fff200;text-shadow:0 4px 0 rgba(43,49,115,.55)}.package-price em{font-style:normal;color:#aab1bd;margin-bottom:7px}.package-order{display:inline-flex;align-items:center;justify-content:center;width:min(190px,100%);min-height:54px;border-radius:9px;background:#1d1f22;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#fff200;font-weight:950;text-transform:capitalize;margin-bottom:34px}.package-order:hover{background:#24272b;transform:translateY(-1px)}.package-features{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:20px;color:#f3f5f7;font-weight:760}.package-features li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.package-features li::before{content:'✓';color:#38f078;font-weight:1000;line-height:1}@media(max-width:1050px){.pricing-grid{grid-template-columns:1fr}.pricing-card:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.pricing-card{min-height:auto}.pricing-card-inner{padding:34px 26px}.pricing-topline{align-items:flex-start;flex-direction:column}}@media(min-width:1051px){.pricing-grid:has(.pricing-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid:has(.pricing-card:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}

.copy-btn{margin-left:6px;vertical-align:middle;border:1px solid rgba(0,111,201,.14)!important;background:#fff!important;color:var(--brand)!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:0!important;box-shadow:0 6px 16px rgba(24,60,104,.07)!important;transform:none!important}.copy-btn::before{content:'⧉';font-size:14px;line-height:1;display:block}.copy-btn.reveal-btn::before{content:'👁';font-size:13px}.copy-btn:hover,.copy-btn.copied{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(0,111,201,.18)!important}.copy-btn.copied::before{content:'✓'}td .mono,td .secret{vertical-align:middle}.secret{min-height:34px;display:inline-flex!important;align-items:center}.server-actions.compact{gap:7px}.action-btn.icon-only{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:12px!important;padding:0!important}.action-btn.icon-only .action-icon{font-size:14px;display:block;line-height:1}.state-note{white-space:nowrap}.add-funds-grid{align-items:stretch}.compact-head{align-items:center}.panel-icon{width:46px;height:46px;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(108,77,255,.12));color:var(--brand);font-weight:950}.solo-price{justify-content:center}.solo-price strong{font-size:3rem}.mini-list{display:grid;gap:9px;margin-top:18px;color:var(--muted);font-weight:750}.quick-amounts .btn{min-width:82px}

/* Route/sidebar and add-funds polish */
.add-balance-btn{width:max-content;min-width:172px;min-height:48px!important;padding:0 24px!important;border-radius:999px!important;gap:10px!important;align-self:flex-start;line-height:1!important;}
.add-balance-btn .btn-icon{width:22px;height:22px;border-radius:8px;display:inline-grid;place-items:center;background:rgba(255,255,255,.18);line-height:1;font-size:15px;font-weight:950;}
.form-stack .add-balance-btn{margin-top:2px;}
@media(max-width:560px){.add-balance-btn{width:100%;}}

/* cybaaspace copy controls fix: works on HTTPS, localhost and plain HTTP testing */
.copy-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin-left:8px!important;
  vertical-align:middle!important;
  line-height:1!important;
  text-align:center!important;
  user-select:none!important;
}
.copy-btn.copied::before{content:'✓'!important;font-size:15px!important;font-weight:900!important;line-height:1!important;}
.copy-btn.copy-failed{background:rgba(217,75,75,.1)!important;color:var(--danger)!important;border-color:rgba(217,75,75,.22)!important;}
.copy-btn.copy-failed::before{content:'!'!important;font-size:15px!important;font-weight:900!important;line-height:1!important;}
.copy-btn.reveal-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important;border-color:transparent!important;}
.copy-btn span,.copy-btn svg{pointer-events:none!important;}
.secret,.mono{vertical-align:middle!important;}

/* Live dashboard polling states */
.live-status-wrap{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.state-dot{width:10px;height:10px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px rgba(100,116,139,.12);background:#94a3b8;flex:0 0 auto}
.state-dot.online{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}
.state-dot.offline{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.14)}
.state-dot.provisioning{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.14);animation:cybaaPulse 1.1s ease-in-out infinite}
.state-dot.suspended{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}
.state-dot.unknown{background:#94a3b8}
@keyframes cybaaPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.35);opacity:1}}
.small{font-size:12px}.live-power-state{margin-top:7px}.live-error{color:#b91c1c;margin-top:6px}
.provision-progress{min-width:150px;margin-top:9px}.provision-progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;border:1px solid #dbe4ef}.provision-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:inherit;transition:width .35s ease}
tr[data-service-status="provisioning"] .action-buttons, tr[data-service-status="pending"] .action-buttons{opacity:.65;pointer-events:none}
[data-live-status] .status-pill{vertical-align:middle}

/* --------------------------------------------------------------------------
   cybaaspace clean cloud dashboard and service detail polish
   -------------------------------------------------------------------------- */
.clean-cloud-card{padding:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);}
.clean-cloud-card .card-head{padding:22px 26px 12px;margin:0;border-bottom:1px solid #edf1f6;}
.cloud-table{width:100%;border-collapse:collapse;background:#fff;}
.cloud-table th{padding:14px 22px;text-align:left;color:#16223a;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;background:#fbfcfe;border-bottom:1px solid #dfe6ef;white-space:nowrap;}
.cloud-table td{padding:20px 22px;border-bottom:1px solid #edf1f6;vertical-align:middle;background:#fff;}
.cloud-table tr:hover td{background:#fbfdff;}
.cloud-table .actions-col{text-align:right;min-width:260px;}
.server-cell{display:flex;align-items:center;gap:18px;min-width:310px;}
.server-os-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7a1a,#ffb15e);color:#fff;font-size:1.25rem;box-shadow:0 9px 20px rgba(255,122,26,.22);flex:0 0 auto;}
.server-os-icon.large{width:58px;height:58px;border-radius:17px;font-size:1.7rem;}
.server-title{font-weight:950;color:#101b2f;letter-spacing:-.02em;}
.server-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:5px;color:#2b3b52;font-size:.86rem;}
.server-meta span{display:inline-flex;align-items:center;gap:4px;}
.server-meta.compact{margin-top:12px;}
.detail-lines{display:grid;gap:8px;min-width:360px;color:#17243a;font-size:.91rem;}
.detail-lines>div{display:flex;align-items:center;min-height:34px;gap:7px;}
.line-icon{width:18px;display:inline-grid;place-items:center;color:#0059a7;}
.billing-cell strong{font-size:1rem;color:#0e1a2f;}
.billing-cell span{color:#67758b;margin-left:3px;font-size:.86rem;}
.billing-cell small{display:block;color:#66758b;margin-top:4px;}
.location-cell{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#1b2b44;font-weight:750;}
.flag-dot{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 7px;border-radius:7px;background:linear-gradient(#ae1c28 0 33%,#fff 33% 66%,#21468b 66%);color:transparent;border:1px solid #d9e0ea;box-shadow:0 2px 5px rgba(24,60,104,.06);font-size:0;}
.clean-status{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;}
.state-dot{width:11px;height:11px;border-radius:999px;display:inline-block;box-shadow:0 0 0 4px rgba(123,136,153,.12);background:#95a3b7;}
.state-dot.online{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.14);}
.state-dot.offline{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.13);}
.state-dot.provisioning{background:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.14);animation:pulseDot 1.2s infinite;}
.state-dot.suspended{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14);}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
.status-pill.online{background:#10b981;color:#fff;border-color:#10b981;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.offline{background:#ef4444;color:#fff;border-color:#ef4444;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.provisioning{background:#e0f2fe;color:#0369a1;border-color:#bae6fd;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.suspended{background:#fef3c7;color:#92400e;border-color:#fde68a;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.terminated{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.status-pill.active{background:#eef6ff;color:#1759b8;border-color:#d7e9ff;text-transform:uppercase;padding:4px 10px;font-size:.74rem;}
.live-power-state{margin-top:5px;}
.provision-progress{margin-top:9px;min-width:150px;}
.provision-progress-bar,.renew-bar,.usage-bar{height:7px;border-radius:999px;background:#e5e9ef;overflow:hidden;}
.provision-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0ea5e9,#006fc9);transition:width .35s ease;}
.server-actions.compact{justify-content:flex-end;gap:6px;min-width:0;}
.action-form{margin:0;}
.action-btn.icon-only{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:10px!important;background:#fff;border:1px solid #d8e2ee;box-shadow:none;}
.action-btn.icon-only:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(24,60,104,.12);}
.action-btn.icon-only.danger{background:#fff5f5;color:#dc2626;border-color:#fecaca;}
.action-btn.icon-only.primary{background:#eff6ff;color:#006fc9;border-color:#bfdbfe;}
.action-btn.icon-only.success{background:#ecfdf5;color:#059669;border-color:#bbf7d0;}
.copy-btn{margin-left:6px!important;}
.compact-secret{min-width:102px;}

.service-detail-page{display:grid;gap:18px;}
.service-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px!important;border-radius:22px;}
.service-summary-main{display:flex;align-items:center;gap:18px;}
.service-summary h1{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.055em;margin:0 0 6px;}
.service-summary-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#334155;font-size:.95rem;}
.service-summary-side{text-align:right;min-width:180px;}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 456px;gap:28px;align-items:start;}
.service-main-col,.service-side-col{display:grid;gap:16px;}
.service-side-col{position:sticky;top:96px;}
.clean-panel,.side-card{border-radius:14px!important;border:1px solid #dfe6ef!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,60,104,.055)!important;padding:22px!important;}
.side-card{border-top:3px solid #ff9800!important;}
.section-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.045em;font-size:.88rem;font-weight:950;color:#1b2c48;}
.access-grid{display:grid;grid-template-columns:200px minmax(260px,1fr);gap:16px;max-width:620px;}
.access-grid label{display:grid;gap:8px;text-transform:uppercase;letter-spacing:.04em;color:#334155;font-size:.82rem;}
.read-field{min-height:48px;border:1px solid #d3dce8;background:#f8fafc;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:7px;}
.read-field.full{margin-top:8px;justify-content:space-between;}
.read-field code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#050b15;background:transparent;border:0;padding:0;}
.ssh-box{margin-top:26px;}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 16px;}
.resource-box{min-height:98px;border:1px solid #e1e7f0;background:#fbfcfe;border-radius:8px;display:grid;place-items:center;text-align:center;padding:12px;}
.resource-box span{font-size:1.35rem;color:#006fc9;}
.resource-box strong{font-size:1rem;}
.resource-box small{color:#526176;}
.location-row{display:flex;align-items:center;gap:10px;margin-top:14px;color:#0f172a;}
.hardware-grid.slim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
.hardware-grid.slim>div{border:1px solid #e1e7f0;border-radius:8px;padding:12px;background:#fbfcfe;}
.usage-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px;text-transform:uppercase;font-weight:900;color:#334155;font-size:.85rem;}
.usage-row strong{font-size:1.25rem;color:#0059a7;}
.usage-bar{margin-bottom:12px;}
.usage-bar span{display:block;height:100%;border-radius:999px;background:#006fc9;}
.usage-bar.danger span{background:#ef4444;}
.network-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.billing-detail{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:#475569;}
.billing-detail strong{color:#0f172a;}
.renew-bar{margin:14px 0 22px;}
.renew-bar span{display:block;height:100%;background:#ff9800;border-radius:999px;}
.billing-actions .btn{width:100%;border-radius:6px;}
.manage-side .server-actions{display:grid;grid-template-columns:1fr;gap:9px;}
.manage-side .action-form{width:100%;}
.manage-side .action-btn{width:100%;justify-content:flex-start;border-radius:8px;box-shadow:none;}
.manage-side .compact-select{width:100%;margin-bottom:8px;}

@media(max-width:1180px){.service-detail-grid{grid-template-columns:1fr}.service-side-col{position:static}.cloud-table .actions-col{min-width:220px}.detail-lines{min-width:280px}}
@media(max-width:860px){.service-summary{align-items:flex-start;flex-direction:column}.service-summary-side{text-align:left}.access-grid,.resource-grid,.hardware-grid.slim{grid-template-columns:1fr}.cloud-table{min-width:1080px}.server-cell{min-width:280px}}

/* --------------------------------------------------------------------------
   Final clean dashboard/service table pass
   -------------------------------------------------------------------------- */
.clean-cloud-card{overflow:visible!important;}
.clean-cloud-card .card-head{padding:24px 26px 16px!important;align-items:center!important;}
.table-scroll.no-scroll-table,.service-table-card .table-scroll{overflow:visible!important;width:100%;}
.cloud-table.fit-cloud-table,.cloud-table{display:block!important;width:100%!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;}
.cloud-table thead,.cloud-table tbody{display:block!important;width:100%!important;}
.cloud-table tr{display:grid!important;grid-template-columns:minmax(210px,1.35fr) minmax(255px,1.65fr) minmax(105px,.7fr) minmax(150px,1fr) minmax(125px,.75fr) minmax(220px,1.05fr)!important;align-items:center!important;width:100%!important;}
.cloud-table th,.cloud-table td{display:block!important;min-width:0!important;padding:16px 18px!important;}
.cloud-table th.actions-col,.cloud-table td.actions-col{text-align:right!important;min-width:0!important;}
.server-cell{min-width:0!important;gap:14px!important;}
.server-os-icon{width:40px!important;height:40px!important;border-radius:13px!important;}
.server-title{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.server-meta{gap:8px!important;font-size:.82rem!important;line-height:1.55;}
.detail-lines{min-width:0!important;max-width:100%!important;gap:7px!important;}
.detail-lines>div{min-width:0!important;gap:6px!important;flex-wrap:nowrap!important;}
.detail-lines .mono,.detail-lines .secret{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.compact-detail-lines .secret{min-width:96px!important;max-width:120px!important;}
.location-cell{white-space:normal!important;line-height:1.35;gap:8px!important;}
.billing-cell{white-space:nowrap;}
.clean-status{justify-content:flex-start!important;}
.server-actions.compact{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:7px!important;min-width:0!important;}
.server-actions.compact .action-form{display:inline-flex!important;margin:0!important;}
.action-btn.icon-only{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.action-btn.icon-only .action-icon{font-size:14px!important;line-height:1!important;display:block!important;margin:0!important;}
.copy-btn{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin-left:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;line-height:1!important;flex:0 0 34px!important;}
.read-field .copy-btn,.read-field .reveal-btn{margin-left:auto!important;}
.read-field .copy-btn + .reveal-btn{margin-left:6px!important;}
.read-field{gap:8px!important;padding:8px 10px!important;}
.read-field code,.read-field .secret{min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;}

/* Service detail action area: clean horizontal button rows with labels. */
.manage-side .server-actions{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;}
.manage-side .action-form{width:auto!important;display:inline-flex!important;}
.manage-side .action-btn{width:auto!important;min-height:40px!important;justify-content:center!important;border-radius:10px!important;padding:9px 12px!important;box-shadow:none!important;}
.manage-side .action-btn .action-label{display:inline!important;font-size:.86rem!important;}
.manage-side .compact-select{flex:1 1 100%!important;margin:0 0 2px!important;}
.service-detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;gap:28px!important;}
.service-summary.card{padding:28px 30px!important;}
.service-summary-main{min-width:0!important;}
.service-summary h1{word-break:break-word;}
.clean-panel,.side-card{padding:22px!important;}
.access-grid{grid-template-columns:minmax(160px,200px) minmax(240px,1fr)!important;max-width:100%!important;}

@media(max-width:1250px){
  .cloud-table tr{grid-template-columns:minmax(200px,1.25fr) minmax(230px,1.45fr) minmax(95px,.65fr) minmax(125px,.8fr) minmax(115px,.65fr) minmax(205px,.95fr)!important;}
  .cloud-table th,.cloud-table td{padding:14px 14px!important;}
  .server-meta{font-size:.78rem!important;}
  .detail-lines{font-size:.84rem!important;}
  .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
}
@media(max-width:980px){
  .cloud-table{display:table!important;min-width:980px!important;}
  .cloud-table thead{display:table-header-group!important;}.cloud-table tbody{display:table-row-group!important;}.cloud-table tr{display:table-row!important;}.cloud-table th,.cloud-table td{display:table-cell!important;}
  .table-scroll.no-scroll-table,.service-table-card .table-scroll{overflow:auto!important;}
  .service-detail-grid{grid-template-columns:1fr!important;}
  .service-summary.card{padding:22px!important;}
}

/* === Clean dashboard/service table v2 === */
.service-table-card.clean-cloud-card{overflow:visible;padding:0}
.service-table-card .card-head{padding:26px 26px 18px;border-bottom:1px solid var(--border)}
.cloud-service-list{width:100%;display:block}
.cloud-service-list-head,.cloud-service-row{display:grid;grid-template-columns:1.35fr 1.7fr .72fr .95fr .72fr 1.35fr;gap:16px;align-items:center}
.cloud-service-list-head{padding:14px 18px;background:#f8fafc;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;color:var(--navy)}
.cloud-service-row{padding:18px;border-bottom:1px solid var(--border);background:#fff;min-height:126px}
.cloud-service-row:last-child{border-bottom:0;border-radius:0 0 22px 22px}
.cloud-service-row>*{min-width:0}.cloud-service-row .server-cell{gap:14px}.cloud-service-row .server-title{font-size:16px;line-height:1.2;display:inline-block;margin-bottom:8px}.cloud-service-row .server-meta{gap:8px;font-size:12px;display:flex;flex-wrap:wrap}.cloud-service-row .detail-lines{gap:9px}.cloud-service-row .detail-lines>div{display:flex;align-items:center;gap:8px;min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-service-row .billing-cell strong{font-size:16px}.cloud-service-row .billing-cell small{display:block;margin-top:4px}.cloud-service-row .location-cell{gap:9px;font-weight:800;line-height:1.25}.cloud-service-row .status-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cloud-service-row .actions-col{display:flex;justify-content:flex-start}.server-actions.compact{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.server-actions.compact .action-form{margin:0}.server-actions.compact .action-btn,.server-actions.compact>button.action-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px}.server-actions.compact .action-btn .action-label{display:none}.action-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.copy-btn{width:34px!important;height:34px!important;min-width:34px;padding:0!important;border-radius:12px;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle}.copy-btn:before{display:block;line-height:1}.read-field .copy-btn{margin-left:auto}.read-field .reveal-btn{margin-left:6px}.compact-secret{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:10px;background:#f7faff;border:1px solid #dbe6f6;letter-spacing:.08em}.clean-status{display:flex;align-items:center;gap:8px}.status-pill{white-space:nowrap}.flag-dot{flex:0 0 auto}.provision-progress{width:100%;max-width:150px}.no-scroll-table,.table-scroll{overflow:visible!important}

/* Service detail polish */
.service-detail-page{display:flex;flex-direction:column;gap:28px}.service-summary.card{padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:center}.service-summary-main{display:flex;align-items:center;gap:18px}.service-summary h1{margin:0 0 10px;font-size:42px;letter-spacing:-.04em}.service-summary-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.service-summary-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.9fr);gap:28px;align-items:start}.service-main-col,.service-side-col{display:flex;flex-direction:column;gap:28px}.clean-panel,.side-card{padding:24px}.side-card{border-top:4px solid #ff9800}.section-label{font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:18px}.access-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:16px}.access-grid label span,.stacked-form label{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#142542}.read-field{height:52px;display:flex;align-items:center;gap:10px;border:1px solid #d7e2f1;background:#f8fbff;border-radius:10px;padding:8px 10px;min-width:0}.read-field code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-field.full{margin-top:10px;width:100%}.ssh-box{margin-top:24px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-box{border:1px solid #dbe6f3;border-radius:10px;background:#fbfdff;padding:18px;text-align:center}.resource-box span{display:block;font-size:24px;color:#0a6fe8}.resource-box strong{display:block;font-size:16px;margin-top:6px}.resource-box small{color:var(--muted)}.billing-side .billing-detail{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.billing-actions .btn{width:100%;justify-content:center}.manage-side .server-actions{display:flex;flex-wrap:wrap;gap:10px}.manage-side .action-form{margin:0}.manage-side .action-btn,.manage-side>div[data-live-actions]>.server-actions>button.action-btn{height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.manage-side .server-actions.compact .action-label{display:inline}.manage-side .server-actions.compact .action-btn{width:auto;min-width:92px}.usage-row{display:flex;justify-content:space-between;font-weight:800;margin:12px 0}.usage-bar,.renew-bar{height:8px;background:#e5e9f0;border-radius:999px;overflow:hidden}.usage-bar span,.renew-bar span{height:100%;display:block;background:#0a6fe8;border-radius:999px}.usage-bar.danger span{background:#ef4444}.network-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag{border-radius:8px;padding:4px 9px;background:#edf6ff;color:#064d99;font-weight:800;font-size:12px}.tag.ok{background:#e9fbf3;color:#059669}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,18,38,.48);backdrop-filter:blur(5px)}.modal-panel{position:relative;background:#fff;border:1px solid #dbe5f2;border-radius:22px;box-shadow:0 26px 80px rgba(7,18,38,.28);width:min(520px,96vw);padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h3{margin:0;font-size:22px}.modal-close{border:1px solid #dbe5f2;background:#f8fbff;border-radius:12px;width:38px;height:38px;font-size:24px;line-height:1;cursor:pointer}.stacked-form{display:flex;flex-direction:column;gap:16px;margin-top:18px}.stacked-form select,.stacked-form input{width:100%;height:46px;border:1px solid #d4dfed;border-radius:12px;padding:0 12px;background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}

@media (max-width:1180px){.cloud-service-list-head{display:none}.cloud-service-row{grid-template-columns:1fr;gap:14px}.cloud-service-row .actions-col{justify-content:flex-start}.service-detail-grid{grid-template-columns:1fr}.service-summary.card{align-items:flex-start}.service-summary-side{align-items:flex-start}.access-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}}
@media (max-width:720px){.service-summary.card{flex-direction:column}.service-summary h1{font-size:32px}.cloud-service-row{padding:16px}.service-table-card .card-head{padding:20px;flex-direction:column;align-items:flex-start}.modal-panel{padding:18px}.manage-side .action-btn{flex:1}}

/* === Live metrics graphs === */
.live-metrics-panel{margin-top:24px;overflow:hidden!important;}
.live-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #d9e4f2;background:#fbfdff;border-radius:999px;padding:8px 12px;font-weight:900;color:#10213b;box-shadow:0 8px 20px rgba(24,60,104,.06)}
.live-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;padding:22px;}
.live-metrics-grid.compact{display:block;padding:0;}
.metric-card{border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 14px 35px rgba(24,60,104,.07);padding:18px;min-width:0;}
.metric-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.metric-card-head strong{display:block;color:var(--navy);font-size:1.04rem;line-height:1.15;word-break:break-word;}
.metric-card-head small{display:block;margin-top:5px;color:var(--muted);font-size:.83rem;}
.metric-number-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.metric-number-row span{display:flex;flex-direction:column;gap:4px;border:1px solid #e1e9f4;background:#f8fbff;border-radius:14px;padding:10px 12px;color:#60708a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em;}
.metric-number-row strong{font-size:1rem;color:#07172f;text-transform:none;letter-spacing:0;}
.metric-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.metric-chart-tile{border:1px solid #e1e9f4;background:#fff;border-radius:16px;padding:12px;min-width:0;}
.metric-chart-tile.wide{grid-column:1 / -1;}
.metric-chart-tile canvas{display:block;width:100%;height:150px;border-radius:12px;}
.metric-chart-tile.wide canvas{height:170px;}
.tile-label{font-size:.82rem;font-weight:950;color:#10213b;margin-bottom:8px;display:flex;justify-content:space-between;gap:10px;}
.service-metrics-panel .live-metrics-grid{padding:0;}
.service-metrics-panel .metric-card{box-shadow:none;border:0;padding:0;background:transparent;}
.service-metrics-panel .metric-chart-tile canvas{height:160px;}
@media(max-width:760px){.live-metrics-grid{grid-template-columns:1fr;padding:16px}.metric-number-row,.metric-chart-grid{grid-template-columns:1fr}.metric-chart-tile.wide{grid-column:auto}.metric-chart-tile canvas,.metric-chart-tile.wide canvas{height:150px}}


/* === Resource usage live stats + unmetered bandwidth === */
.resource-usage-panel{display:grid;gap:18px;}
.usage-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.usage-stat-box{border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;display:grid;gap:10px;}
.usage-stat-box>span{color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;}
.usage-stat-box>strong{font-size:1.5rem;letter-spacing:-.04em;color:var(--navy,#07172f);}
.usage-bar{height:9px;border-radius:999px;background:#e6ebf2;overflow:hidden;}
.usage-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b7cff,#6747ff);transition:width .35s ease;}
.usage-bar.danger span{background:linear-gradient(90deg,#f59e0b,#ef4444);}
.usage-network-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #dce6f3;border-radius:18px;background:#fff;padding:14px;}
.usage-network-card>div{display:grid;gap:4px;min-width:0;}
.usage-network-card strong{font-size:1rem;color:var(--navy,#07172f);}
.ok-text{color:#10b981!important;}
@media(max-width:760px){.usage-stats-grid,.usage-network-card{grid-template-columns:1fr;}}

/* === FINAL FIX: service rows with non-overlapping 3x3 action grid === */
.cloud-service-list{
  width:100%;
  overflow:hidden!important;
}
.service-table-card{
  overflow:hidden!important;
}
.cloud-service-list-head,
.cloud-service-row{
  display:grid!important;
  grid-template-columns:minmax(175px,1.15fr) minmax(270px,1.55fr) minmax(110px,.72fr) minmax(145px,.78fr) minmax(105px,.62fr) 134px!important;
  column-gap:16px!important;
  align-items:center!important;
  width:100%!important;
}
.cloud-service-list-head{
  padding:0 22px!important;
}
.cloud-service-row{
  padding:18px 22px!important;
}
.cloud-service-row > div{
  min-width:0!important;
  overflow:hidden!important;
}
.cloud-service-row .server-col,
.cloud-service-row .details-col,
.cloud-service-row .billing-col,
.cloud-service-row .location-col,
.cloud-service-row .status-col,
.cloud-service-row .actions-col{
  min-width:0!important;
  max-width:100%!important;
}
.cloud-service-row .details-col .detail-lines,
.cloud-service-row .compact-detail-lines{
  min-width:0!important;
  max-width:100%!important;
}
.cloud-service-row .detail-lines > div{
  max-width:100%!important;
  min-width:0!important;
}
.cloud-service-row .detail-lines .mono,
.cloud-service-row .compact-secret,
.cloud-service-row .location-cell,
.cloud-service-row .server-meta,
.cloud-service-row .server-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cloud-service-row .location-cell{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  line-height:1.2!important;
  white-space:normal!important;
  word-break:normal!important;
}
.cloud-service-row .location-cell strong,
.cloud-service-row .location-cell span:not(.flag-dot){
  min-width:0!important;
  overflow-wrap:break-word!important;
}
.cloud-service-row .status-col{
  align-items:flex-start!important;
  justify-content:center!important;
}
.cloud-service-row .clean-status{
  max-width:100%!important;
}
.cloud-service-row .status-pill{
  padding:6px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cloud-service-row .live-power-state,
.cloud-service-row .state-note{
  font-size:11px!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cloud-service-row .actions-col{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.server-actions.compact{
  width:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  display:grid!important;
  grid-template-columns:repeat(3,36px)!important;
  grid-auto-rows:36px!important;
  gap:6px!important;
  justify-content:end!important;
  align-items:center!important;
}
.server-actions.compact .action-form{
  width:36px!important;
  height:36px!important;
  margin:0!important;
  display:block!important;
}
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.server-actions.compact .action-icon{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  line-height:1!important;
}
.server-actions.compact .action-label{
  display:none!important;
}
.cloud-service-row .copy-btn{
  flex:0 0 34px!important;
}
.cloud-service-row .compact-secret{
  max-width:130px!important;
}

@media(max-width:1260px){
  .cloud-service-list-head,
  .cloud-service-row{
    grid-template-columns:minmax(170px,1fr) minmax(250px,1.35fr) minmax(96px,.58fr) minmax(120px,.62fr) minmax(92px,.5fr) 126px!important;
    column-gap:12px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .cloud-service-row .status-pill{max-width:84px!important;padding:6px 8px!important;}
  .cloud-service-row .live-power-state{max-width:84px!important;}
}
@media(max-width:1080px){
  .cloud-service-list-head{display:none!important;}
  .cloud-service-row{
    grid-template-columns:1fr!important;
    row-gap:16px!important;
    padding:18px!important;
  }
  .cloud-service-row .actions-col{justify-content:flex-start!important;}
  .server-actions.compact{justify-content:start!important;}
}

/* === Compact expandable dashboard/services layout hard fix === */
.service-table-card.clean-cloud-card{overflow:visible!important;padding:0!important}
.compact-services-list{display:grid;gap:12px;padding:0 18px 20px}
.compact-service-card{border:1px solid #dbe5f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(24,60,104,.055);overflow:hidden}
.compact-service-main{display:grid;grid-template-columns:42px minmax(300px,1.65fr) minmax(108px,.55fr) minmax(150px,.75fr) minmax(126px,.62fr) minmax(142px,.7fr);gap:14px;align-items:center;padding:16px 18px;min-width:0}
.row-expand-btn{width:34px;height:34px;border-radius:12px;border:1px solid #d7e2f1;background:#f8fbff;color:#006fc9;font-weight:950;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.row-expand-btn[aria-expanded="true"]{transform:rotate(180deg);background:#eef6ff;border-color:#bfdbfe}.row-expand-btn:hover{box-shadow:0 8px 18px rgba(24,60,104,.1)}
.compact-server-cell{min-width:0}.compact-server-cell .server-title{font-size:16px;margin:0 0 7px}.compact-server-cell .server-meta{display:flex;flex-wrap:wrap;gap:7px 10px;font-size:12px;line-height:1.35;color:#263955}.compact-billing,.compact-location,.compact-status{min-width:0}.compact-billing strong{font-size:16px;color:var(--navy)}.compact-billing span{color:var(--muted);font-size:13px;margin-left:3px}.compact-billing small{display:block;color:var(--muted);margin-top:4px}.compact-location{display:flex;align-items:center;gap:9px;font-weight:850;line-height:1.25}.compact-status{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.compact-actions{display:flex;justify-content:flex-end;min-width:0}.compact-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important;justify-content:end!important;align-items:center!important;width:auto!important}.compact-actions .action-form{display:block!important;margin:0!important}.compact-actions .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:11px!important;padding:0!important}.compact-actions .state-note{font-size:12px;white-space:nowrap}.compact-service-details{border-top:1px solid #e2eaf5;background:linear-gradient(180deg,#fbfdff,#fff);padding:16px 18px 18px}.expanded-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(260px,.9fr) minmax(360px,1.35fr);gap:14px;align-items:start}.expanded-panel{border:1px solid #dfe8f4;border-radius:16px;background:#fff;padding:16px;min-width:0}.expanded-panel h3{margin:0 0 12px;font-size:15px;letter-spacing:-.02em}.expanded-lines{display:grid;gap:10px}.expanded-lines>div{display:flex;align-items:center;gap:9px;min-width:0}.expanded-lines span:first-child{min-width:76px;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.expanded-lines strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-actions .server-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.expanded-actions .action-btn{min-height:40px!important;border-radius:11px!important}.expanded-actions .action-label{display:inline!important}.expanded-metrics .live-metrics-grid.compact{padding:0}.expanded-metrics .metric-card{box-shadow:none;border-radius:14px;padding:14px}.expanded-metrics .metric-chart-grid{grid-template-columns:1fr 1fr}.expanded-metrics .metric-chart-tile canvas{height:112px}.expanded-metrics .metric-chart-tile.wide canvas{height:128px}.compact-service-card .provision-progress{max-width:124px;margin-top:4px}.cloud-service-list-head,.cloud-service-row{display:none!important}
@media(max-width:1180px){.compact-service-main{grid-template-columns:42px minmax(280px,1fr) minmax(120px,.5fr) minmax(130px,.55fr) minmax(116px,.45fr);}.compact-actions{grid-column:2 / -1;justify-content:flex-start}.compact-actions .server-actions.compact{justify-content:start!important}.expanded-grid{grid-template-columns:1fr}}
@media(max-width:760px){.compact-services-list{padding:0 12px 16px}.compact-service-main{grid-template-columns:34px 1fr;gap:12px;padding:14px}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2}.compact-actions{justify-content:flex-start}.compact-actions .server-actions.compact{grid-template-columns:repeat(3,34px)!important}.compact-service-details{padding:14px}.server-os-icon{width:38px!important;height:38px!important}.compact-server-cell .server-cell{align-items:flex-start}}

/* Service detail top alignment: remove stray progress spacing inside status box */
.service-summary-side [data-live-status] .provision-progress:empty{display:none}.service-summary-side [data-live-status]{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.service-detail-grid{align-items:start!important}.service-main-col,.service-side-col{gap:20px!important}.clean-panel,.side-card{box-sizing:border-box}.access-grid{align-items:end}.read-field{box-sizing:border-box}


/* === cybaaspace vNext polish: service detail alignment, compact rows, admin CRM/accounting === */
.clean-service-detail{gap:22px!important}.clean-hero-card{margin-bottom:0!important}.service-top-panels{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:28px;align-items:stretch;margin-top:0!important}.service-top-panels .clean-panel,.service-top-panels .side-card{height:100%;margin:0!important}.clean-lower-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;gap:28px!important}.clean-lower-grid .service-side-col{position:sticky;top:92px}.access-panel .access-grid{max-width:none;grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr)}.access-panel .ssh-box{margin-top:22px}.billing-side{display:flex;flex-direction:column}.billing-side .billing-actions{margin-top:auto}.read-field{position:relative;min-width:0}.read-field code,.read-field .secret{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-field .copy-btn:first-of-type{margin-left:auto!important}.usage-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.usage-stat-box{border:1px solid #dfe8f4;border-radius:14px;padding:14px;background:#fbfdff}.usage-stat-box>span,.usage-network-card .muted{display:block;text-transform:uppercase;font-size:.76rem;letter-spacing:.045em;font-weight:900;color:#526176}.usage-stat-box strong{display:block;margin:6px 0 10px;color:#0b1c39}.usage-network-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #dfe8f4;border-radius:14px;padding:14px;background:#fff;margin-top:14px}.ok-text{color:#10b981}.manage-side .server-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.manage-side .action-form{width:100%!important}.manage-side .action-btn,.manage-side .server-actions>button.action-btn{width:100%!important;height:42px!important;min-width:0!important;padding:0 14px!important;justify-content:center!important}.manage-side .action-label{display:inline!important}.manage-side .action-icon{margin:0!important}.compact-service-main{grid-template-columns:42px minmax(230px,1.5fr) minmax(95px,.55fr) minmax(120px,.72fr) minmax(105px,.62fr) 126px!important;gap:12px!important;padding:13px 16px!important}.compact-server-cell .server-meta{font-size:11.5px!important}.compact-actions{width:126px;max-width:126px;justify-content:flex-end!important}.compact-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important;width:114px!important;min-width:114px!important;max-width:114px!important}.compact-location{font-size:13px!important}.compact-status .status-pill{font-size:11px!important;padding:4px 8px!important}.compact-service-card .provision-progress{display:none!important}.compact-service-details .provision-progress{display:block!important}.expanded-grid{grid-template-columns:minmax(220px,.8fr) minmax(230px,.8fr) minmax(340px,1.2fr)!important}.expanded-actions .server-actions{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important}.expanded-actions .action-btn{width:100%!important;justify-content:center!important}.admin-grid-main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.admin-editor-grid{align-items:start}.admin-form-card h2,.admin-table-card h2{margin-top:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form-grid label{display:grid;gap:7px;font-weight:900;color:#1b2c48;font-size:.84rem;text-transform:uppercase;letter-spacing:.035em}.admin-form-grid label.wide{grid-column:1/-1}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.stacked-form input,.stacked-form select,.stacked-form textarea{width:100%;border:1px solid #d4dfed;border-radius:13px;background:#fff;min-height:44px;padding:10px 12px;color:#07172f;box-shadow:0 6px 18px rgba(24,60,104,.035)}.admin-form-grid input[type=range]{padding:0;box-shadow:none;accent-color:#006fc9}.admin-form-grid output{display:inline-flex;justify-content:center;min-width:56px;border:1px solid #dbe5f2;border-radius:999px;padding:4px 8px;background:#f8fbff;color:#006fc9;font-weight:950}.switch-line{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px;text-transform:none!important;letter-spacing:0!important}.switch-line input{width:auto!important;min-height:unset!important}.admin-modern-table td,.admin-modern-table th{vertical-align:middle}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions form{display:flex;gap:8px;margin:0}.btn.small{min-height:34px;padding:7px 10px;font-size:.82rem;border-radius:11px}.btn.success{background:#ecfdf5;color:#059669;border-color:#bbf7d0}.admin-detail-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-side-card .admin-stat-list{margin-bottom:18px}.admin-stat-list{display:grid;gap:12px}.admin-stat-list>div{display:flex;justify-content:space-between;gap:14px;border:1px solid #e0e9f5;border-radius:14px;padding:12px;background:#fbfdff}.admin-stat-list span{color:#526176;font-weight:800}.admin-stat-list strong{color:#07172f}.ticket-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.ticket-thread{display:grid;gap:12px;margin-top:18px}.ticket-message{border:1px solid #dfe8f4;border-radius:16px;padding:14px;background:#fbfdff}.ticket-message.admin-msg{background:#eef6ff;border-color:#bfdbfe}.ticket-message strong{display:flex;justify-content:space-between;gap:12px}.ticket-message strong span{font-size:12px;color:#64748b;font-weight:700}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1180px){.service-top-panels,.clean-lower-grid,.admin-grid-main,.ticket-admin-layout{grid-template-columns:1fr!important}.clean-lower-grid .service-side-col{position:static}.compact-service-main{grid-template-columns:36px minmax(0,1fr) 110px!important}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2/-1}.compact-actions{width:auto;max-width:none;justify-content:flex-start!important}.compact-actions .server-actions.compact{justify-content:start!important}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.service-top-panels{gap:14px}.access-panel .access-grid,.usage-stats-grid,.usage-network-card,.admin-form-grid{grid-template-columns:1fr!important}.expanded-actions .server-actions{grid-template-columns:1fr!important}.grid-4{grid-template-columns:1fr}.admin-detail-top{display:grid}.compact-service-main{grid-template-columns:34px 1fr!important}.compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2}.compact-actions .server-actions.compact{grid-template-columns:repeat(3,34px)!important}}

/* Final polish: service detail equal columns and admin service management */
.service-page-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:28px;align-items:start;margin-top:0}
.service-left-stack,.service-right-stack{display:flex;flex-direction:column;gap:22px;min-width:0}.service-right-stack{position:sticky;top:92px}.service-left-stack>.card,.service-right-stack>.card{margin:0!important}.service-page-columns .clean-panel,.service-page-columns .side-card{padding:24px}.service-page-columns .access-panel{min-height:0!important}.service-detail-page.clean-service-detail{gap:22px!important}.service-top-panels,.clean-lower-grid{display:none!important}.access-panel .read-field{height:52px}.billing-side .billing-detail{margin:18px 0}.manage-side .server-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.manage-side .action-form{width:100%!important}.manage-side .action-btn,.manage-side .server-actions>button.action-btn{width:100%!important;height:44px!important;min-width:0!important;padding:0 12px!important}.span-2{grid-column:span 2}.admin-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 190px auto auto;gap:12px;align-items:end}.admin-services-list{display:grid;gap:14px}.admin-service-row{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(150px,.55fr) minmax(360px,1fr);gap:16px;align-items:center;border:1px solid #dfe8f4;border-radius:18px;background:#fff;padding:16px;box-shadow:0 10px 26px rgba(24,60,104,.045)}.admin-service-main{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-service-main strong,.admin-service-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-service-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-service-actions{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center}.admin-service-actions .server-actions.compact{display:grid!important;grid-template-columns:repeat(3,34px)!important;gap:6px!important}.admin-service-actions .action-btn.icon-only{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important}.admin-service-actions .inline-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin:0}.admin-form-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-form-grid.wide .span-2{grid-column:span 2}.field small{display:block;margin-top:6px}.promo-applied-note{border:1px solid #c7f2dc;background:#ecfdf5;color:#047857;border-radius:12px;padding:10px 12px;font-weight:800}
@media(max-width:1180px){.service-page-columns{grid-template-columns:1fr}.service-right-stack{position:static}.admin-service-row{grid-template-columns:1fr}.admin-service-actions{grid-template-columns:1fr}.admin-filter-bar,.admin-form-grid.wide{grid-template-columns:1fr}.admin-form-grid.wide .span-2,.span-2{grid-column:auto}.service-page-columns .access-grid,.usage-stats-grid,.usage-network-card{grid-template-columns:1fr!important}}
.text-ok{color:var(--ok)!important}.text-danger{color:var(--danger)!important}
.kpi small{display:block;margin-top:6px;font-weight:700}

/* --------------------------------------------------------------------------
   Tailwind component polish for admin/IPAM screens
   Tailwind CDN is loaded with preflight disabled; these component classes keep
   the existing layout while making forms, buttons and tables more consistent.
   -------------------------------------------------------------------------- */
.tw-admin-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}.tw-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 54px rgba(24,60,104,.09);padding:22px}.tw-card-wide{min-width:0}.tw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.tw-card-head h2{margin:2px 0 0;font-size:1.32rem;letter-spacing:-.04em;line-height:1.1}.tw-kicker{margin:0;color:var(--brand);font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.tw-form{display:grid;gap:14px}.tw-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tw-field{display:grid;gap:7px;margin:0}.tw-field span,.tw-check span{color:#172640;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.tw-field input,.tw-field select,.tw-field textarea,.tw-filterbar input,.tw-filterbar select{width:100%;min-height:44px;border:1px solid #d7e2f0;border-radius:15px;background:#f9fbff;color:#0f1f35;padding:11px 13px;font:inherit;font-weight:650;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);transition:.16s ease}.tw-field textarea{resize:vertical;line-height:1.45}.tw-field input:focus,.tw-field select:focus,.tw-field textarea:focus,.tw-filterbar input:focus,.tw-filterbar select:focus{border-color:rgba(0,111,201,.62);background:#fff;box-shadow:0 0 0 4px rgba(0,111,201,.10)}.tw-check{min-height:44px;display:flex;align-items:center;gap:10px;border:1px solid #d7e2f0;border-radius:15px;background:#f9fbff;padding:10px 12px}.tw-check input{width:18px;height:18px;accent-color:var(--brand)}.tw-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d7e2f0;border-radius:15px;padding:10px 16px;background:#fff;color:#102039;font-weight:950;font-size:.9rem;line-height:1;box-shadow:0 9px 22px rgba(24,60,104,.07);cursor:pointer;transition:.16s ease}.tw-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(24,60,104,.11)}.tw-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}.tw-btn-light{background:#f8fbff}.tw-alert{border-radius:18px;padding:13px 16px;margin:12px 0 16px;font-weight:850;border:1px solid}.tw-alert-ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.tw-alert-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.tw-table-wrap{overflow:auto;margin-top:10px}.tw-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:760px}.tw-table th{padding:0 13px 4px;text-align:left;color:#718098;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950;white-space:nowrap}.tw-table th.tw-right{text-align:right}.tw-table td{background:#fff;border-top:1px solid #dce6f2;border-bottom:1px solid #dce6f2;padding:13px;vertical-align:middle}.tw-table td:first-child{border-left:1px solid #dce6f2;border-radius:18px 0 0 18px}.tw-table td:last-child{border-right:1px solid #dce6f2;border-radius:0 18px 18px 0}.tw-table td strong{display:block;font-weight:950;color:#0f1f35}.tw-table td span{display:block;margin-top:4px;color:#607089;font-size:.84rem}.tw-table tr:hover td{box-shadow:0 12px 30px rgba(24,60,104,.06)}.tw-actions-cell{display:flex;justify-content:flex-end;align-items:center;gap:8px;white-space:nowrap}.tw-inline{display:inline-flex;margin:0}.tw-icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:13px;border:1px solid #d7e2f0;background:#f8fbff;color:var(--brand);font-weight:950;box-shadow:0 7px 18px rgba(24,60,104,.06);cursor:pointer;line-height:1}.tw-icon-btn:hover{transform:translateY(-1px);background:#fff}.tw-icon-danger{color:#dc2626;background:#fff5f5;border-color:#fecaca}.tw-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;width:max-content;min-height:26px;padding:6px 10px;border-radius:999px;font-size:.74rem!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.04em;border:1px solid}.tw-pill-ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.tw-pill-muted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.tw-pill-warn{background:#fffbeb;color:#b45309;border-color:#fde68a}.tw-pill-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.tw-progress{height:9px;min-width:130px;border-radius:999px;background:#e7edf5;overflow:hidden;margin-bottom:5px}.tw-progress i{height:100%;display:block;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.tw-filterbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px auto;gap:10px;align-items:center;margin:0 0 10px}
/* Better default admin button padding and alignment */
.admin-side .side-link,.dashboard-sidebar .side-link{min-height:48px}.admin-side .side-ico{font-size:.95rem}.app-content button,.app-content .btn,.app-content .icon-btn{line-height:1}.app-content form.actions button,.app-content form.actions .btn{min-height:42px;padding-inline:14px;border-radius:14px}.card form input,.card form select,.card form textarea{max-width:100%}
@media(max-width:1080px){.tw-admin-grid{grid-template-columns:1fr}.tw-table{min-width:720px}.tw-filterbar{grid-template-columns:1fr 1fr}}@media(max-width:620px){.tw-card{padding:17px;border-radius:22px}.tw-form-grid{grid-template-columns:1fr}.tw-filterbar{grid-template-columns:1fr}.tw-table{min-width:660px}.tw-card-head{flex-direction:column}.tw-btn{width:100%}}


/* Release manager polish: consistent service spacing, contained quick actions, no overflow */
.service-detail-page.clean-service-detail{
  display:grid!important;
  gap:16px!important;
}
.service-detail-page.clean-service-detail > .service-summary{
  margin:0!important;
}
.service-page-columns{
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important;
  gap:22px!important;
  align-items:start!important;
}
.service-left-stack,.service-right-stack{
  gap:16px!important;
  min-width:0!important;
}
.service-left-stack > .card,.service-right-stack > .card{
  margin:0!important;
}
.service-page-columns .clean-panel,
.service-page-columns .side-card{
  padding:22px!important;
}
.service-right-stack{
  position:sticky!important;
  top:92px!important;
}

/* Keep expanded dashboard/service actions inside their cards */
.compact-service-details,
.expanded-grid,
.expanded-panel{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.expanded-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.expanded-actions{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.expanded-actions .server-actions,
.expanded-actions .server-actions:not(.compact){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:hidden!important;
}
.expanded-actions .action-form,
.expanded-actions .server-actions > button.action-btn{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.expanded-actions .action-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:40px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:hidden!important;
}
.expanded-actions .action-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.expanded-actions .action-icon{
  flex:0 0 auto!important;
  line-height:1!important;
  margin:0!important;
}

/* Compact rows: prevent action/status/location overlap */
.compact-service-main{
  grid-template-columns:42px minmax(260px,1.5fr) minmax(108px,.5fr) minmax(150px,.75fr) minmax(116px,.55fr) 132px!important;
  gap:14px!important;
  align-items:center!important;
}
.compact-location,.compact-status,.compact-actions{
  min-width:0!important;
  overflow:hidden!important;
}
.compact-actions{
  justify-self:end!important;
  width:132px!important;
  max-width:132px!important;
  overflow:visible!important;
}
.compact-actions .server-actions.compact{
  display:grid!important;
  grid-template-columns:repeat(3,36px)!important;
  gap:6px!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  justify-content:end!important;
}
.compact-actions .action-btn.icon-only{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.compact-actions .action-btn.icon-only .action-icon{margin:0!important;line-height:1!important;display:block!important}

/* Customer activity should look like product activity, internal admin-only syncs are filtered server-side. */
.activity-note{font-size:.84rem;color:var(--muted)}

@media(max-width:1240px){
  .expanded-grid{grid-template-columns:1fr!important;overflow:visible!important}
  .expanded-panel{overflow:visible!important}
  .expanded-actions .server-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-service-main{grid-template-columns:36px minmax(0,1fr) 132px!important}
  .compact-billing,.compact-location,.compact-status,.compact-actions{grid-column:2/-1!important;justify-self:start!important;width:auto!important;max-width:100%!important}
  .compact-actions .server-actions.compact{justify-content:start!important}
}
@media(max-width:1180px){
  .service-page-columns{grid-template-columns:1fr!important;gap:16px!important}
  .service-right-stack{position:static!important}
}
@media(max-width:720px){
  .service-page-columns .clean-panel,.service-page-columns .side-card{padding:18px!important}
  .expanded-actions .server-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* === Production release final alignment pass === */
.service-left-stack{padding:0!important;margin:0!important;}
.service-page-columns{align-items:start!important;}
.service-left-stack,.service-right-stack{align-self:start!important;}
.clean-service-detail .service-left-stack > .card:first-child,
.clean-service-detail .service-right-stack > .card:first-child{margin-top:0!important;}
.clean-service-detail .service-left-stack{display:flex!important;flex-direction:column!important;gap:16px!important;}
.clean-service-detail .service-right-stack{display:flex!important;flex-direction:column!important;gap:16px!important;}
.clean-service-detail .access-panel{height:auto!important;min-height:0!important;}
.clean-service-detail .billing-side{height:auto!important;min-height:0!important;}
.production-legal{max-width:980px;margin:0 auto;line-height:1.78;}
.production-legal h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.06em;margin:.1rem 0 1rem;}
.production-legal h2{margin:2rem 0 .6rem;font-size:1.22rem;letter-spacing:-.025em;color:var(--navy,#07172f);}
.production-legal p{color:#30415e;}
.production-legal .legal-kicker{display:inline-flex;width:max-content;margin:0 0 .6rem;padding:.38rem .65rem;border-radius:999px;background:#eef6ff;color:#006fc9;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;}
@media(min-width:1181px){
  .service-page-columns{grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;gap:24px!important;}
}

/* Package change production flow */
.danger-note{border:1px solid #fecaca;background:#fff7f7;color:#7f1d1d;border-radius:14px;padding:14px 16px;margin:4px 0 2px;line-height:1.45}
.danger-note strong{display:block;margin-bottom:4px;color:#991b1b}
.danger-note p{margin:0;color:#7f1d1d;font-size:.92rem}
.check-line{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0;color:#334155;font-weight:600}
.check-line input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}

/* Embedded Proxmox console */
.console-side{display:flex;flex-direction:column;gap:12px;}
.console-side .btn{width:100%;justify-content:center;min-height:44px;}
.console-open-link{margin-top:-4px;}
.console-modal{padding:18px!important;}
.console-modal-panel{width:min(1180px,98vw)!important;height:min(820px,92vh)!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden!important;border-radius:24px!important;background:#071426!important;color:#eaf2ff!important;border-color:#1e3554!important;}
.console-modal-head{padding:14px 16px!important;margin:0!important;border-bottom:1px solid #1e3554;background:#0b1a2f;color:#eaf2ff;}
.console-modal-head h3{color:#eaf2ff!important;font-size:18px!important;}
.console-modal-head .muted{color:#9fb1ca!important;margin:3px 0 0;}
.console-modal .modal-close{background:#10233d!important;border-color:#284569!important;color:#eaf2ff!important;}
.console-embed-frame{width:100%;height:100%;border:0;display:block;background:#050b16;}
.console-page-shell{padding:24px!important;}
.console-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.console-page-head h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;}
.console-frame-wrap{height:min(760px,78vh);border:1px solid #dbe6f2;border-radius:22px;overflow:hidden;background:#050b16;box-shadow:0 20px 70px rgba(24,60,104,.16);}
.console-frame{width:100%;height:100%;border:0;display:block;background:#050b16;}
@media(max-width:760px){.console-page-head{flex-direction:column}.console-modal{padding:8px!important}.console-modal-panel{height:96vh!important;width:98vw!important;border-radius:18px!important}.console-frame-wrap{height:72vh}}

/* Custom ISO library */
.iso-library-layout .card { align-self: stretch; }
.iso-side .notice.soft { background:#f7fbff; border:1px solid #d7e9ff; border-radius:14px; padding:12px 14px; margin:10px 0 12px; }
.iso-action-form { margin-top:12px; }
.status-pill.status-pending { background:#fff7ed; color:#9a3412; border-color:#fed7aa; }
.status-pill.status-approved, .status-pill.status-synced { background:#ecfdf5; color:#047857; border-color:#a7f3d0; }
.status-pill.status-blocked, .status-pill.status-deleted, .status-pill.status-failed { background:#fef2f2; color:#b91c1c; border-color:#fecaca; }
.status-pill.status-syncing { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.sync-line { padding:6px 0; border-bottom:1px solid var(--border); }
.sync-line:last-child { border-bottom:0; }
.admin-actions-cell .action-grid-form { display:grid; grid-template-columns:1fr auto auto auto; gap:8px; align-items:center; }
.admin-actions-cell .mini-input { min-width:150px; }
.mt-2 { margin-top:8px; }
.danger-text { color:#b91c1c; }
@media (max-width: 900px) { .admin-actions-cell .action-grid-form { grid-template-columns:1fr; } }
/* Release fix: custom ISO quota and service removal polish */
.quota-meter{height:10px;border-radius:999px;background:#e8eef8;overflow:hidden;margin:14px 0 8px;border:1px solid #dbe6f3}
.quota-meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4)}
.compact-service-card[data-removing="1"]{opacity:.45;pointer-events:none;transition:opacity .18s ease}

/* === Public launch polish: homepage, packages, status, FAQ, contact === */
.public-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:34px;align-items:center;padding:72px 0 38px}.public-hero.small{grid-template-columns:minmax(0,1fr) minmax(300px,430px);padding:54px 0 26px}.public-hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.92;letter-spacing:-.075em;margin:.25rem 0 1.15rem;color:#07172f}.public-hero .lead{max-width:760px;font-size:clamp(1.05rem,1.7vw,1.28rem);color:#42536d}.hero-actions{margin:26px 0 20px}.btn.big{min-height:50px;padding:0 22px;border-radius:14px;font-weight:900}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{display:inline-flex;gap:6px;align-items:center;padding:9px 12px;border-radius:999px;background:#f4f8fd;border:1px solid #dfe9f6;color:#52627a;font-size:.92rem}.trust-row strong{color:#07172f}.hero-product-card{border:1px solid #dbe6f3;border-radius:30px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 30px 80px rgba(26,66,114,.14)}.mini-dashboard-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#eef7ff;color:#0f335c}.live-dot{width:10px;height:10px;border-radius:50%;background:#93a4b9;display:inline-block;box-shadow:0 0 0 4px rgba(147,164,185,.14)}.live-dot.ok{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.14)}.live-dot.warn{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}.hero-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.hero-metric-grid div{padding:16px;border:1px solid #e1eaf6;border-radius:18px;background:#fff}.hero-metric-grid span{display:block;color:#6b7890;font-size:.8rem;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.hero-metric-grid strong{display:block;font-size:1.45rem;color:#07172f;margin:4px 0}.hero-metric-grid small{color:#60708a}.hero-terminal{display:grid;gap:8px;background:#071426;color:#dff3ff;border-radius:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.hero-terminal span:nth-child(n+2){color:#9ee8b5}.public-section{padding:44px 0}.section-title.wide{max-width:860px}.featured-packages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.featured-card{position:relative;padding:22px;border:1px solid #dfe8f5;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(23,60,106,.08);display:flex;flex-direction:column;gap:14px}.featured-card.featured{border-color:#7cc6ff;transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,111,201,.18)}.plan-tag,.plan-kind{width:max-content;padding:6px 9px;border-radius:999px;background:#eaf5ff;color:#006fc9;font-weight:900;font-size:.72rem;letter-spacing:.08em}.featured-card h3{font-size:1.25rem;margin:0}.featured-card p{color:#60708a;margin:0;min-height:66px}.price-line strong{font-size:1.8rem;color:#07172f}.price-line span{color:#7a8aa0}.featured-card ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.featured-card li:before{content:'✓';color:#16a34a;font-weight:900;margin-right:8px}.split-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:28px;align-items:center}.split-feature h2,.public-section h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.06em}.feature-list-clean{display:grid;gap:14px;margin-top:24px}.feature-list-clean div{padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff}.feature-list-clean b{display:block;color:#07172f}.feature-list-clean span{color:#60708a}.feature-card-stack{padding:24px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module-grid span{padding:12px;border:1px solid #dfe8f5;background:#f8fbff;border-radius:14px;text-align:center;font-weight:800;color:#30415e}.cta-band{border:1px solid #dbe6f3;border-radius:28px;padding:28px;background:linear-gradient(135deg,#eef7ff,#fff);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.cta-band h2{margin:0}.cta-band p{margin:6px 0 0;color:#60708a}
.packages-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:56px 0 24px}.packages-hero h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.07em;line-height:.95;margin:.25rem 0}.pill-tabs{padding:6px;border:1px solid #dbe6f3;background:#f8fbff;border-radius:999px;display:flex;gap:4px}.pill-tabs a{padding:11px 16px;border-radius:999px;color:#516079;font-weight:900;text-decoration:none}.pill-tabs a.active{background:#006fc9;color:white;box-shadow:0 10px 24px rgba(0,111,201,.22)}.plan-carousel-section{padding:14px 0 42px}.carousel-hint{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#65758e}.carousel-hint span{font-weight:900;color:#07172f}.plan-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,380px);gap:18px;overflow-x:auto;padding:4px 4px 22px;scroll-snap-type:x mandatory}.plan-carousel::-webkit-scrollbar{height:10px}.plan-carousel::-webkit-scrollbar-thumb{background:#cddbea;border-radius:999px}.plan-card{position:relative;scroll-snap-align:start;background:#fff;border:1px solid #dfe8f5;border-radius:28px;padding:24px;box-shadow:0 20px 60px rgba(23,60,106,.1);display:flex;flex-direction:column;gap:16px}.plan-card.popular{border-color:#76c7ff;box-shadow:0 28px 75px rgba(0,111,201,.18)}.popular-ribbon{position:absolute;top:16px;right:16px;background:#07172f;color:white;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:900}.plan-card h2{margin:0;font-size:1.6rem}.package-price.clean{display:flex;align-items:baseline;gap:3px}.package-price.clean strong{font-size:2.4rem}.plan-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-spec-grid div{padding:14px;border-radius:16px;background:#f8fbff;border:1px solid #e0eaf6}.plan-spec-grid b{display:block;color:#07172f}.plan-spec-grid span{color:#6b7890;font-size:.85rem}.package-features.clean{list-style:none;margin:0;padding:0;display:grid;gap:10px}.package-features.clean li{color:#42536d}.package-features.clean li:before{content:'✓';color:#16a34a;font-weight:900;margin-right:9px}.btn.full{width:100%;justify-content:center}.compare-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dbe6f3;border-radius:24px;background:#f8fbff;padding:22px}.compare-strip strong{display:block;font-size:1.15rem;color:#07172f}.compare-strip span{color:#60708a}
.status-grid{display:grid;grid-template-columns:1.25fr .875fr;gap:18px;align-items:start}.status-card.wide{grid-column:1/-1}.status-summary-card{padding:26px;border:1px solid #dfe8f5;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(23,60,106,.1)}.status-big-dot{width:52px;height:52px;border-radius:50%;margin-bottom:16px;background:#16a34a;box-shadow:0 0 0 12px rgba(22,163,74,.12)}.status-big-dot.warn{background:#f59e0b;box-shadow:0 0 0 12px rgba(245,158,11,.14)}.card-head-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.latency-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.latency-panel{padding:18px;border-radius:20px;border:1px solid #dfe8f5;background:#fbfdff}.latency-panel>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.latency-panel strong{color:#07172f}.latency-panel span{display:block;color:#6b7890}.latency-panel b{font-size:1.9rem;color:#006fc9}.latency-panel canvas{width:100%;height:90px;margin-top:8px}.event-item{padding:14px 0;border-bottom:1px solid #edf2f8}.event-item:last-child{border-bottom:0}.event-item strong{display:block;color:#07172f}.event-item span{font-size:.86rem;color:#60708a}.event-item p{margin:8px 0 0;color:#42536d}.severity-critical strong{color:#b91c1c}.severity-major strong{color:#c2410c}.empty-state.small{padding:18px;border:1px dashed #d5e1ef;border-radius:18px;background:#fbfdff}.empty-state.small strong{display:block;color:#07172f}.empty-state.small span{color:#60708a}.node-status-list{display:grid;gap:10px}.node-status-row{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(180px,.5fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff}.node-status-row>div{display:flex;align-items:center;gap:10px}.node-status-row small{display:block;color:#60708a;margin-left:4px}.status-pill.status-online{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-pill.status-maintenance{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.faq-hero{display:block}.faq-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 0 52px}.faq-group h2{margin:0 0 12px}.faq-group details{border-top:1px solid #e5edf7;padding:14px 0}.faq-group summary{cursor:pointer;font-weight:900;color:#07172f;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-group summary:after{content:'+';font-weight:900;color:#006fc9}.faq-group details[open] summary:after{content:'–'}.faq-group p{margin:10px 0 0;color:#53657e;line-height:1.65}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;padding:22px 0 52px}.contact-form-card{padding:26px}.stack-form{display:grid;gap:16px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack-form label{display:grid;gap:7px;font-weight:800;color:#273850}.stack-form input,.stack-form textarea,.stack-form select{width:100%;border:1px solid #d9e5f2;border-radius:14px;padding:13px 14px;background:#fff;color:#07172f}.stack-form textarea{resize:vertical}.contact-side{display:grid;gap:14px;align-content:start}.success-box{padding:22px;border-radius:18px;background:#f0fdf4;border:1px solid #bbf7d0}.alert.danger{padding:12px 14px;border-radius:14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.tw-mt{margin-top:18px}.tw-metric-line{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #edf2f8}.tw-metric-line small{grid-column:1/-1;color:#7a8aa0}.inline-form{display:inline-block;margin-left:6px}
@media(max-width:1100px){.public-hero,.public-hero.small,.split-feature,.contact-layout,.status-grid{grid-template-columns:1fr}.featured-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.packages-hero{align-items:flex-start;flex-direction:column}.latency-panels{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.node-status-row{grid-template-columns:1fr}.node-status-row>div{align-items:flex-start}.cta-band,.compare-strip{flex-direction:column;align-items:flex-start}.form-grid-2{grid-template-columns:1fr}}
@media(max-width:680px){.public-hero{padding-top:38px}.hero-metric-grid,.featured-packages{grid-template-columns:1fr}.plan-carousel{grid-auto-columns:86vw}.module-grid{grid-template-columns:1fr 1fr}.status-hero h1,.public-hero h1{font-size:3rem}.topbar .public-nav{display:none}}


/* Packages page polish: match homepage package cards, no dark/yellow pricing style */
.packages-side-card{border:1px solid #dbe6f3;border-radius:28px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 24px 70px rgba(26,66,114,.12);display:grid;gap:16px;align-self:stretch;min-width:0}.packages-side-card p{margin:0;color:#60708a;line-height:1.55}.packages-side-card .package-tabs{width:100%;justify-content:center}.packages-showcase{padding-top:28px}.packages-grid-clean{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.packages-grid-clean .featured-card{min-height:100%;transform:none}.packages-grid-clean .featured-card.featured{transform:none}.package-card-clean{gap:15px}.plan-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.soft-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef7ff;color:#006fc9;border:1px solid #cfe8ff;font-size:.72rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.homepage-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homepage-spec-grid div{padding:13px;border-radius:16px;border:1px solid #e0eaf6;background:#f8fbff}.homepage-spec-grid b{display:block;color:#07172f;font-size:1rem}.homepage-spec-grid span{display:block;margin-top:3px;color:#6b7890;font-size:.82rem;font-weight:750}.package-card-clean .price-line strong{color:#07172f;text-shadow:none}.package-card-clean .btn{margin-top:auto;justify-content:center}.package-card-clean ul{min-height:142px}.package-card-clean li{color:#42536d}@media(max-width:1100px){.packages-side-card{width:100%}}@media(max-width:680px){.packages-grid-clean{grid-template-columns:1fr}.homepage-spec-grid{grid-template-columns:1fr 1fr}}

/* Public release typography and spacing polish */
.public-hero h1,
.public-section h2,
.split-feature h2,
.packages-hero h1,
.status-hero h1{line-height:1.06;letter-spacing:-.055em;margin-bottom:18px;overflow:visible}
.public-hero .lead,
.public-section p,
.split-feature p,
.packages-side-card p,
.feature-list-clean span,
.contact-side p{line-height:1.65}
.split-feature{align-items:start}.split-feature h2 + p{margin-top:16px;margin-bottom:0;max-width:720px}.public-section .section-title p,.section-title.wide p{margin-top:14px;line-height:1.7}.feature-list-clean{margin-top:28px}.featured-card p{min-height:0;line-height:1.55}.featured-card h3{line-height:1.2}.module-grid span{line-height:1.25}.cta-band p{line-height:1.55}.hero-copy{min-width:0}.public-section{padding-top:52px;padding-bottom:52px}

/* Contact form checkbox alignment */
.stack-form .check-line{display:flex!important;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dbe6f3;border-radius:16px;background:#f8fbff;font-weight:800;color:#273850;line-height:1.35}
.stack-form .check-line input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;margin:0;accent-color:#006fc9;flex:0 0 auto}.stack-form .check-line span{display:block}.stack-form .btn.big{width:max-content;min-width:168px}

/* Public status component overview */
.component-status-list{display:grid;gap:12px;margin-top:18px}.component-status-row{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(120px,.35fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dfe8f5;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(23,60,106,.045)}.component-main{display:flex;align-items:center;gap:12px;min-width:0}.component-main strong{display:block;color:#07172f}.component-main small{display:block;color:#60708a;line-height:1.45;margin-top:3px}.live-dot.down{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.14)}.status-pill.status-up{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-pill.status-degraded{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.status-pill.status-down{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.latency-panels{grid-template-columns:repeat(4,minmax(0,1fr))}.latency-panel{min-width:0}.latency-panel b{font-size:clamp(1.35rem,2.3vw,1.9rem)}

@media(max-width:1200px){.latency-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.component-status-row{grid-template-columns:1fr auto}}
@media(max-width:680px){.public-hero h1,.packages-hero h1,.status-hero h1{font-size:2.75rem;line-height:1.08}.public-section{padding-top:34px;padding-bottom:34px}.latency-panels{grid-template-columns:1fr}.component-status-row{grid-template-columns:1fr;align-items:flex-start}.stack-form .btn.big{width:100%}}


/* Public marketing polish: homepage map + refined packages page */
.public-section h2,
.split-feature h2,
.packages-hero-pro h1{margin:0 0 18px;line-height:1.05;letter-spacing:-.055em;}
.public-section p,
.split-feature p,
.packages-hero-pro .lead{line-height:1.72;margin-top:0;}
.platform-map-section{align-items:start;gap:34px;}
.platform-map-section h2 + p{margin-top:0;margin-bottom:0;}
.datacenter-map-card{border:1px solid #dbe6f3;border-radius:30px;padding:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 24px 70px rgba(23,60,106,.1);overflow:hidden;}
.map-card-head h3{margin:6px 0 10px;font-size:1.45rem;letter-spacing:-.025em;color:#07172f;line-height:1.18;}
.map-card-head p{margin:0;color:#60708a;line-height:1.62;}
.dotted-world-map{position:relative;margin-top:20px;border:1px solid #e1eaf6;border-radius:24px;background:linear-gradient(180deg,#f7fbff,#eef6ff);min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.dotted-world-map svg{width:100%;height:auto;display:block;}
.map-marker{animation:mapPulse 2.4s ease-in-out infinite;}
@keyframes mapPulse{0%,100%{opacity:1;transform:translate(382px,128px) scale(1)}50%{opacity:.85;transform:translate(382px,128px) scale(1.12)}}
.map-location-label{position:absolute;left:50%;top:32%;transform:translate(18px,-10px);background:#fff;border:1px solid #dbe6f3;border-radius:16px;padding:10px 12px;box-shadow:0 16px 38px rgba(23,60,106,.16);min-width:150px;}
.map-location-label strong{display:block;color:#07172f;font-size:.95rem;line-height:1.2;}
.map-location-label span{display:block;color:#60708a;font-size:.82rem;margin-top:2px;}
.packages-hero-pro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;padding:58px 0 28px;border-bottom:1px solid #e6eef8;margin-bottom:8px;}
.packages-hero-copy{max-width:850px;min-width:0;}
.packages-hero-pro h1{font-size:clamp(2.7rem,5.8vw,5.2rem);margin-top:8px;}
.packages-hero-pro .lead{max-width:760px;color:#42536d;font-size:clamp(1.03rem,1.5vw,1.2rem);margin-bottom:0;}
.packages-toolbar{display:grid;gap:14px;justify-items:end;align-self:center;}
.pill-tabs.compact{border-radius:18px;padding:6px;background:#fff;box-shadow:0 14px 36px rgba(23,60,106,.08);}
.pill-tabs.compact a{padding:10px 14px;border-radius:14px;white-space:nowrap;}
.packages-mini-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:420px;}
.packages-mini-meta span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid #dfe8f5;border-radius:999px;background:#f8fbff;color:#60708a;font-size:.82rem;font-weight:800;}
.packages-showcase{padding-top:36px;}
.packages-showcase .section-title h2{margin-bottom:14px;}
.package-card-clean p{line-height:1.58;}
.package-card-clean .btn{min-height:44px;padding:0 16px;border-radius:14px;}
.package-card-clean ul{min-height:0;}

@media(max-width:1100px){
  .packages-hero-pro{grid-template-columns:1fr;align-items:start;}
  .packages-toolbar{justify-items:start;}
  .packages-mini-meta{justify-content:flex-start;}
}
@media(max-width:680px){
  .datacenter-map-card{padding:18px;border-radius:24px;}
  .dotted-world-map{min-height:210px;}
  .map-location-label{left:44%;top:30%;transform:translate(14px,-8px);}
  .packages-hero-pro{padding:38px 0 22px;}
  .packages-hero-pro h1{font-size:2.65rem;line-height:1.04;}
  .pill-tabs.compact{width:100%;}
  .pill-tabs.compact a{flex:1;text-align:center;}
}

/* === Release manager public polish: clearer map, spacing and SEO content blocks === */
.public-section .section-title h2,
.platform-map-section h2,
.packages-hero-pro h1,
.faq-hero h1,
.status-hero h1{line-height:1.04!important;}
.public-section p,
.platform-map-section p,
.faq-layout p,
.status-card p{line-height:1.68!important;}
.enhanced-map{min-height:320px!important;background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.enhanced-map svg{min-height:270px;}
.map-location-label.enhanced{left:auto!important;right:18px!important;top:22px!important;transform:none!important;min-width:210px!important;padding:14px 16px!important;border-radius:18px!important;}
.map-location-label.enhanced:before{content:'';display:inline-block;width:10px;height:10px;border-radius:999px;background:#006fc9;box-shadow:0 0 0 8px rgba(0,111,201,.12);margin-right:8px;vertical-align:middle;}
.map-location-label.enhanced strong{display:inline;color:#07172f;font-size:1rem;}
.map-location-label.enhanced span{display:block;margin-top:6px;color:#52657d;font-size:.86rem;}
.map-meta-row{position:absolute;left:18px;right:18px;bottom:16px;display:flex;gap:8px;flex-wrap:wrap;}
.map-meta-row span{display:inline-flex;align-items:center;border:1px solid #dbe6f3;background:rgba(255,255,255,.86);border-radius:999px;padding:8px 10px;color:#42536d;font-size:.78rem;font-weight:850;box-shadow:0 10px 24px rgba(23,60,106,.08);}
.status-card .latency-panel span[data-hidden-ip],
.latency-panel span{line-height:1.35;}
@media(max-width:760px){.map-location-label.enhanced{position:relative!important;right:auto!important;top:auto!important;margin:12px 14px 0!important}.map-meta-row{position:relative;left:auto;right:auto;bottom:auto;margin:12px 14px 16px}.enhanced-map{display:block!important;}.enhanced-map svg{min-height:220px}}

/* Packages page - provider comparison style, inspired by compact hosting plan cards without copying vendor design */
.packages-page-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:stretch;padding:58px 0 30px;border-bottom:1px solid #e5eef8;margin-bottom:8px}
.packages-page-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.packages-page-copy h1{font-size:clamp(2.65rem,5.4vw,5.25rem);line-height:1.03;letter-spacing:-.06em;margin:10px 0 18px;color:#07172f}
.packages-page-copy .lead{max-width:850px;color:#40526c;font-size:clamp(1.03rem,1.5vw,1.22rem);line-height:1.72;margin:0}
.package-head-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.package-head-trust span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dce8f6;background:#fff;border-radius:999px;padding:9px 12px;color:#52637a;font-weight:800;font-size:.9rem;box-shadow:0 8px 24px rgba(23,60,106,.05)}
.package-head-trust span:before{content:'✓';width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf7ef;color:#16a34a;font-size:.72rem;font-weight:950}
.packages-page-panel{border:1px solid #dbe6f3;border-radius:28px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 22px 70px rgba(23,60,106,.12);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.packages-page-panel span{display:block;color:#6b7890;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.packages-page-panel strong{display:block;margin-top:6px;font-size:2.35rem;letter-spacing:-.04em;color:#07172f}
.packages-page-panel small{display:block;color:#60708a;margin-top:2px}
.package-toggle-clean{display:grid;grid-template-columns:1fr 1fr;padding:6px;border:1px solid #dbe6f3;border-radius:16px;background:#f4f8fd;gap:6px}
.package-toggle-clean a{text-align:center;text-decoration:none;border-radius:12px;padding:11px 10px;color:#516079;font-weight:950}
.package-toggle-clean a.active{background:#006fc9;color:#fff;box-shadow:0 10px 24px rgba(0,111,201,.18)}
.plan-comparison-section{padding-top:32px}
.packages-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;max-width:none;margin-bottom:18px}
.packages-title-row h2{margin-bottom:8px}
.packages-title-row p{max-width:760px;line-height:1.7;margin:0;color:#60708a}
.plan-scroll-shell{position:relative;overflow:hidden;margin-left:-6px;margin-right:-6px;padding:6px}
.plan-scroll-shell:after{content:'';position:absolute;right:0;top:0;bottom:14px;width:70px;pointer-events:none;background:linear-gradient(90deg,rgba(248,251,255,0),#fff)}
.plan-card-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,386px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 6px 22px;scrollbar-width:thin;scrollbar-color:#cbd9e9 transparent}
.plan-card-row::-webkit-scrollbar{height:10px}.plan-card-row::-webkit-scrollbar-thumb{background:#cbd9e9;border-radius:999px}.plan-card-row::-webkit-scrollbar-track{background:transparent}
.provider-plan-card{position:relative;scroll-snap-align:start;background:#fff;border:1px solid #dfe8f5;border-radius:26px;box-shadow:0 18px 52px rgba(23,60,106,.09);padding:22px;display:flex;flex-direction:column;gap:16px;min-height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.provider-plan-card:hover{transform:translateY(-4px);box-shadow:0 26px 78px rgba(23,60,106,.14);border-color:#b8d9f6}
.provider-plan-card.is-popular{border-color:#73c2ff;box-shadow:0 28px 78px rgba(0,111,201,.16)}
.plan-ribbon-soft{position:absolute;top:16px;right:16px;border:1px solid #cfe8ff;background:#eef7ff;color:#006fc9;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.provider-plan-head{padding-right:76px}.provider-kind{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf5ff;color:#006fc9;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.provider-plan-head h3{margin:12px 0 8px;color:#07172f;font-size:1.42rem;letter-spacing:-.03em}.provider-plan-head p{margin:0;color:#60708a;line-height:1.58;min-height:52px}
.provider-location-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e3edf8;background:#f8fbff;border-radius:15px;padding:10px 12px;color:#53647c;font-size:.88rem;font-weight:800}.location-pill{width:34px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d8e5f3;color:#006fc9;font-weight:950}.dot-sep{width:5px;height:5px;border-radius:50%;background:#b8c7d8}
.provider-spec-list{display:grid;border:1px solid #dfe8f5;border-radius:18px;overflow:hidden;background:#fff}.provider-spec-item{display:grid;grid-template-columns:98px 1fr;gap:12px;padding:13px 14px;align-items:center}.provider-spec-item+.provider-spec-item{border-top:1px solid #edf3fa}.provider-spec-item span{color:#6b7890;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.provider-spec-item strong{color:#07172f;font-size:1.02rem;text-align:right}
.provider-feature-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.provider-feature-list li{color:#42536d;line-height:1.45}.provider-feature-list li:before{content:'✓';display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;background:#eaf7ef;color:#16a34a;font-size:.72rem;font-weight:950;margin-right:8px;vertical-align:1px}
.provider-plan-footer{margin-top:auto;padding-top:2px;display:grid;gap:14px}.provider-price{display:flex;align-items:baseline;gap:6px}.provider-price strong{font-size:2.2rem;line-height:1;color:#07172f;letter-spacing:-.05em}.provider-price span{color:#708096;font-weight:800}.provider-plan-footer .btn.full{min-height:46px;border-radius:14px}
.package-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px}.package-process-grid article{border:1px solid #dfe8f5;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(23,60,106,.07);padding:22px}.package-process-grid span{display:inline-flex;width:34px;height:34px;border-radius:12px;background:#eaf5ff;color:#006fc9;align-items:center;justify-content:center;font-weight:950}.package-process-grid h3{margin:14px 0 8px;color:#07172f;font-size:1.2rem}.package-process-grid p{margin:0;color:#60708a;line-height:1.65}.packages-final-cta .inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.no-packages-card{padding:28px}.no-packages-card .btn{margin-top:12px}
@media(max-width:1020px){.packages-page-head{grid-template-columns:1fr}.packages-page-panel{max-width:520px}.packages-title-row{align-items:flex-start;flex-direction:column}.package-process-grid{grid-template-columns:1fr}}
@media(max-width:680px){.packages-page-head{padding-top:38px}.packages-page-copy h1{font-size:2.7rem}.plan-card-row{grid-auto-columns:86vw}.provider-plan-head{padding-right:0}.plan-ribbon-soft{position:static;width:max-content;margin-bottom:-6px}.provider-spec-item{grid-template-columns:1fr}.provider-spec-item strong{text-align:left}.plan-scroll-shell:after{display:none}.packages-page-panel strong{font-size:2rem}}

/* One.com-inspired package presentation, rebuilt in cybaaspace style */
.one-packages-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:34px;align-items:stretch;padding:60px 0 32px;border-bottom:1px solid #e6eef8;margin-bottom:20px}
.one-packages-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.one-packages-copy h1{font-size:clamp(2.85rem,5.6vw,5.8rem);line-height:.98;letter-spacing:-.075em;margin:10px 0 18px;color:#07172f;max-width:980px}.one-packages-copy p{font-size:clamp(1.03rem,1.45vw,1.24rem);line-height:1.72;color:#40526c;max-width:900px;margin:0}.one-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.one-packages-summary{border:1px solid #dbe7f5;border-radius:32px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 24px 80px rgba(24,60,104,.12);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:290px}.one-summary-price span{display:block;color:#6b7890;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.one-summary-price strong{display:block;font-size:2.8rem;line-height:1;margin:10px 0 4px;color:#07172f;letter-spacing:-.05em}.one-summary-price small{color:#60708a}.one-summary-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.one-summary-split div{border:1px solid #e1ebf7;background:#fff;border-radius:18px;padding:14px}.one-summary-split b{display:block;color:#07172f;font-size:1.05rem}.one-summary-split span{display:block;margin-top:4px;color:#6b7890;font-size:.86rem;font-weight:800}.one-summary-note{border:1px solid #cfe8ff;background:#eef7ff;color:#0b5e9e;border-radius:18px;padding:13px 14px;font-weight:800;line-height:1.45}.one-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 54px}.one-feature-strip article{border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(23,60,106,.08)}.one-feature-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#eef7ff;color:#006fc9;font-weight:950;font-size:1.2rem}.one-feature-strip h3{margin:14px 0 7px;color:#07172f;font-size:1.08rem;letter-spacing:-.025em}.one-feature-strip p{margin:0;color:#60708a;line-height:1.58}.one-plan-section{padding:42px 0 56px}.one-plan-section-alt{border-top:1px solid #e6eef8}.one-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px}.one-section-head h2{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.02;letter-spacing:-.06em;margin:8px 0 10px;color:#07172f}.one-section-head p{max-width:780px;margin:0;color:#52647e;line-height:1.68}.one-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;align-items:stretch}.one-plan-card{position:relative;border:1px solid #dfe8f5;background:#fff;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 22px 64px rgba(23,60,106,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}.one-plan-card:hover{transform:translateY(-4px);box-shadow:0 30px 84px rgba(23,60,106,.14);border-color:#b8d9f6}.one-plan-popular{border-color:#73c2ff;box-shadow:0 30px 84px rgba(0,111,201,.15)}.one-popular-label{position:absolute;right:18px;top:18px;background:#eaf5ff;color:#006fc9;border:1px solid #cfe8ff;border-radius:999px;padding:7px 11px;font-size:.73rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.one-plan-title{padding-right:88px}.one-plan-title span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f7fd;color:#4c617d;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.one-plan-title h3{margin:12px 0 9px;color:#07172f;font-size:1.48rem;letter-spacing:-.035em}.one-plan-title p{margin:0;color:#60708a;line-height:1.58;min-height:50px}.one-plan-price{display:flex;align-items:baseline;gap:6px;padding-top:2px}.one-plan-price strong{font-size:2.4rem;line-height:1;color:#07172f;letter-spacing:-.06em}.one-plan-price span{color:#708096;font-weight:850}.one-resource-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.one-resource-list li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-areas:'icon main' 'icon sub';column-gap:10px;align-items:center;padding:12px 13px;border:1px solid #e4edf7;background:#f9fcff;border-radius:16px}.one-check{grid-area:icon;width:24px;height:24px;border-radius:999px;background:#e7f8ef;color:#128043;display:inline-flex;align-items:center;justify-content:center;font-weight:950}.one-resource-list b{grid-area:main;color:#07172f;font-size:1rem}.one-resource-list small{grid-area:sub;color:#6b7890;font-weight:780;margin-top:2px}.one-plan-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px}.one-plan-benefits div{border:1px solid #e4edf7;border-radius:16px;padding:12px;background:#fff}.one-plan-benefits span{display:block;color:#6b7890;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.one-plan-benefits strong{display:block;margin-top:4px;color:#07172f}.one-configure{min-height:48px;border-radius:15px;margin-top:auto}.one-package-faq-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0 60px;border:1px solid #dce7f5;background:linear-gradient(90deg,#f8fbff,#fff);border-radius:28px;padding:26px;box-shadow:0 20px 60px rgba(23,60,106,.08)}.one-package-faq-cta h2{margin:0 0 6px;color:#07172f;font-size:1.45rem;letter-spacing:-.03em}.one-package-faq-cta p{margin:0;color:#60708a;line-height:1.58}.packages-page-head,.plan-comparison-section,.package-process-grid,.packages-final-cta{display:none!important}

/* Payment methods */
.payment-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:32px;align-items:stretch;padding:62px 0 42px}.payment-hero h1{font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.075em;margin:10px 0 18px;color:#07172f}.payment-hero p{font-size:1.12rem;line-height:1.72;color:#40526c;max-width:850px;margin:0}.payment-settlement-card{border:1px solid #dbe7f5;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:30px;padding:26px;box-shadow:0 24px 80px rgba(24,60,104,.12);display:flex;flex-direction:column;justify-content:center}.payment-settlement-card span{color:#6b7890;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.payment-settlement-card strong{display:block;margin:12px 0;font-size:2rem;letter-spacing:-.04em;color:#07172f}.payment-settlement-card p{font-size:1rem;color:#60708a;line-height:1.62}.payment-title-row{align-items:flex-start}.coin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.coin-card{border:1px solid #dfe8f5;background:#fff;border-radius:22px;padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 18px 52px rgba(23,60,106,.08)}.coin-icon{width:48px;height:48px;border-radius:16px;background:#eef7ff;color:#006fc9;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-.04em;flex:0 0 auto}.coin-card h3{margin:0;color:#07172f;font-size:1.05rem}.coin-card strong{display:block;color:#006fc9;margin:3px 0 7px}.coin-card p{margin:0;color:#60708a;line-height:1.52;font-size:.92rem}.payment-flow-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:38px 0 58px}.payment-flow-section article{border:1px solid #dfe8f5;background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 52px rgba(23,60,106,.08)}.payment-flow-section span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:13px;background:#eef7ff;color:#006fc9;font-weight:950}.payment-flow-section h3{margin:14px 0 8px;color:#07172f}.payment-flow-section p{margin:0;color:#60708a;line-height:1.58}
@media(max-width:1040px){.one-packages-hero,.payment-hero{grid-template-columns:1fr}.one-packages-summary,.payment-settlement-card{max-width:560px}.one-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.one-section-head{align-items:flex-start;flex-direction:column}.one-package-faq-cta{align-items:flex-start;flex-direction:column}.payment-flow-section{grid-template-columns:1fr}}
@media(max-width:680px){.one-packages-hero,.payment-hero{padding-top:38px}.one-packages-copy h1,.payment-hero h1{font-size:2.65rem}.one-feature-strip,.one-plans-grid,.coin-grid{grid-template-columns:1fr}.one-plan-title{padding-right:0}.one-popular-label{position:static;width:max-content;margin-bottom:-6px}.one-plan-benefits,.one-summary-split{grid-template-columns:1fr}.one-plan-card{padding:20px;border-radius:24px}.one-package-faq-cta{padding:20px}.one-section-head h2{font-size:2.2rem}}

/* === cybaaspace production UI refresh: one.com-inspired structure, cybaaspace branding === */
:root{
  --ui-bg:#f6f8fc;
  --ui-hero:#eaf5ff;
  --ui-hero-2:#f3f8ff;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fbff;
  --ui-border:#dbe7f3;
  --ui-border-strong:#c9d9ec;
  --ui-text:#102033;
  --ui-muted:#56677d;
  --ui-muted-soft:#728198;
  --ui-brand:#006fc9;
  --ui-brand-dark:#0058a8;
  --ui-brand-soft:#e5f2ff;
  --ui-green:#0d9b63;
  --ui-orange:#d98900;
  --ui-red:#d64045;
  --ui-radius-xl:32px;
  --ui-radius-lg:24px;
  --ui-radius-md:18px;
  --ui-shadow:0 18px 54px rgba(16,45,82,.10);
  --ui-shadow-soft:0 8px 28px rgba(16,45,82,.07);
}
html{font-size:16px} body{background:linear-gradient(180deg,#f8fbff 0%,#fff 42%,#f5f8fc 100%); color:var(--ui-text); line-height:1.55;}
.container,.wrap{width:min(1220px,calc(100% - 44px)); margin-inline:auto;}
.topbar{background:rgba(255,255,255,.92)!important; border-bottom:1px solid var(--ui-border)!important; box-shadow:0 4px 22px rgba(16,45,82,.04);}
.topbar-inner{width:min(1240px,calc(100% - 36px)); margin-inline:auto; min-height:76px; display:flex; align-items:center; gap:22px; justify-content:space-between;}
.brand-logo{height:42px; width:auto; display:block}.brand-link{display:flex; align-items:center; min-width:max-content}
.public-nav{display:flex; align-items:center; justify-content:center; gap:6px; flex:1}.top-link{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; color:#52647a; font-weight:750; font-size:.95rem; white-space:nowrap;}.top-link:hover,.top-link.active{background:var(--ui-brand-soft); color:var(--ui-brand)}.nav-ico,.side-ico{display:inline-grid; place-items:center; width:18px; height:18px; line-height:1}.top-actions{display:flex; align-items:center; gap:10px; min-width:max-content}.wallet-chip{display:inline-flex; align-items:center; min-height:38px; border-radius:999px; padding:0 13px; background:#eef7ff; color:#005da8; border:1px solid #d1e8ff; font-weight:800}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:999px;background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-soft);font-weight:900}.icon-btn:hover{background:var(--ui-brand-soft); color:var(--ui-brand)}
.btn{min-height:42px; padding:11px 18px; border-radius:999px; border:1px solid var(--ui-border); background:#fff; color:var(--ui-text); font-weight:800; letter-spacing:-.01em; box-shadow:none; line-height:1.1; text-align:center;}.btn:hover{transform:translateY(-1px); box-shadow:0 12px 28px rgba(16,45,82,.12)}.btn.primary{background:var(--ui-brand); color:#fff; border-color:var(--ui-brand);}.btn.primary:hover{background:var(--ui-brand-dark)}.btn.ghost{background:#fff;color:var(--ui-brand);border-color:#cfe4fa}.btn.big{min-height:50px; padding:14px 22px; font-size:1rem}.btn.small{min-height:34px; padding:8px 12px; font-size:.84rem}.btn.full{width:100%}.btn.danger{background:#fff0f1;color:#b8262c;border-color:#f5c8cb}.btn.danger:hover{background:#ffe3e5}.actions,.inline-actions,.hero-actions,.one-hero-actions{display:flex; align-items:center; flex-wrap:wrap; gap:10px}.inline-actions form{display:inline-flex; flex-wrap:wrap; gap:8px; margin:0}.inline-actions .btn{margin:0}.card,.panel,.clean-panel,.auth-card,.status-card,.contact-form-card,.contact-side .card,.one-plan-card,.featured-card,.payment-settlement-card,.coin-card,.payment-flow-section article,.hero-product-card,.one-packages-summary,.datacenter-map-card{background:#fff; border:1px solid var(--ui-border); border-radius:var(--ui-radius-lg); box-shadow:var(--ui-shadow-soft);}.card,.panel,.clean-panel{padding:24px}.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{margin-top:0; letter-spacing:-.035em; line-height:1.08}.card p,.panel p{line-height:1.72;color:var(--ui-muted)}
.public-hero,.home-hero,.one-packages-hero,.payment-hero,.contact-hero,.status-hero{position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr); gap:36px; align-items:center; margin:34px auto 40px; padding:48px; border-radius:36px; background:linear-gradient(135deg,#e9f6ff 0%,#f8fbff 52%,#eef5ff 100%); border:1px solid #d6e9fb; box-shadow:0 24px 70px rgba(16,72,130,.12); overflow:hidden}.public-hero.small,.contact-hero.public-hero.small,.status-hero.public-hero.small{grid-template-columns:minmax(0,1fr) minmax(270px,.42fr); padding:42px}.public-hero:before,.one-packages-hero:before,.payment-hero:before{content:""; position:absolute; inset:auto -8% -38% auto; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,rgba(0,111,201,.14),transparent 68%); pointer-events:none}.hero-copy,.one-packages-copy,.payment-hero>div,.status-hero>div{position:relative; z-index:1}.eyebrow{display:inline-flex; align-items:center; gap:8px; margin:0 0 16px; padding:7px 12px; border:1px solid #cfe4fa; border-radius:999px; background:#fff; color:var(--ui-brand); font-size:.78rem; line-height:1.2; text-transform:uppercase; letter-spacing:.08em; font-weight:900}.public-hero h1,.home-hero h1,.one-packages-hero h1,.payment-hero h1,.status-hero h1{font-size:clamp(2.5rem,5.5vw,5.4rem); line-height:.98; letter-spacing:-.07em; margin:0 0 20px; max-width:900px}.lead,.one-packages-copy p,.payment-hero p,.contact-hero .lead,.status-hero .lead{font-size:1.12rem; line-height:1.75; color:var(--ui-muted); margin:0 0 28px; max-width:720px}.trust-row{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px}.trust-row span{display:inline-flex; gap:6px; align-items:center; padding:9px 12px; background:#fff; border:1px solid var(--ui-border); border-radius:999px; color:var(--ui-muted); font-size:.92rem}.trust-row strong{color:var(--ui-text)}
.public-section,section{padding-block:42px}.section-title,.section-title.wide,.one-section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:24px}.section-title h2,.one-section-head h2,.public-section h2,.cta-band h2{font-size:clamp(2rem,3.8vw,3.6rem); line-height:1.04; letter-spacing:-.06em; margin:0 0 12px}.section-title p,.one-section-head p{font-size:1rem; line-height:1.75; color:var(--ui-muted); max-width:650px; margin:0}.split-feature{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:28px; align-items:start}.split-feature>div:first-child{padding:8px 0}.split-feature h2{margin-bottom:18px}.split-feature p{line-height:1.8; margin:0 0 22px}.feature-list-clean{display:grid; gap:12px}.feature-list-clean>div{display:grid; gap:5px; padding:16px 18px; background:#fff; border:1px solid var(--ui-border); border-radius:20px}.feature-list-clean b{font-size:1rem}.feature-list-clean span{color:var(--ui-muted); line-height:1.65}.hero-product-card{padding:24px; position:relative; z-index:1}.mini-dashboard-head,.card-head-row,.card-head{display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px}.hero-metric-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}.hero-metric-grid>div{padding:16px; border-radius:20px; background:#f8fbff; border:1px solid var(--ui-border)}.hero-metric-grid span{display:block;color:var(--ui-muted);font-size:.84rem}.hero-metric-grid strong{display:block;margin:3px 0;font-size:1.22rem}.hero-metric-grid small{color:var(--ui-muted-soft); line-height:1.5}.hero-terminal{margin-top:14px; display:grid; gap:8px; padding:16px; border-radius:20px; background:#112033; color:#d9e9ff; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.86rem}.hero-terminal span:nth-child(n+2){color:#92f2bd}.featured-packages,.one-plans-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch}.featured-card,.one-plan-card{padding:24px; display:flex; flex-direction:column; min-height:100%; position:relative; overflow:hidden}.featured-card.featured,.one-plan-popular{border-color:#98cdf9; box-shadow:0 18px 54px rgba(0,111,201,.14)}.featured-card h3,.one-plan-title h3{font-size:1.45rem; margin:8px 0 10px}.featured-card p,.one-plan-title p{line-height:1.65; color:var(--ui-muted); margin:0 0 16px}.plan-tag,.one-plan-title span,.one-popular-label{display:inline-flex; width:max-content; padding:6px 10px; border-radius:999px; background:var(--ui-brand-soft); color:var(--ui-brand); font-weight:900; font-size:.76rem; letter-spacing:.04em; text-transform:uppercase}.one-popular-label{position:absolute; right:18px; top:18px}.price-line,.one-plan-price{margin:14px 0 18px; display:flex; align-items:flex-end; gap:6px}.price-line strong,.one-plan-price strong{font-size:2.4rem; letter-spacing:-.06em}.price-line span,.one-plan-price span,.one-plan-price small{color:var(--ui-muted)}.featured-card ul,.one-resource-list{list-style:none; padding:0; margin:0 0 18px; display:grid; gap:10px}.featured-card li,.one-resource-list li{display:flex; align-items:center; gap:10px; color:var(--ui-muted); min-width:0}.one-resource-list li{padding:10px 0;border-bottom:1px solid #edf3f9}.one-resource-list li b{color:var(--ui-text); margin-left:2px}.one-resource-list li small{margin-left:auto; color:var(--ui-muted-soft)}.one-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e9f8f1;color:var(--ui-green);font-weight:900;flex:0 0 auto}.one-plan-benefits,.one-summary-split{display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:8px 0 18px}.one-plan-benefits>div,.one-summary-split>div{background:#f7fbff;border:1px solid var(--ui-border);border-radius:16px;padding:12px}.one-plan-benefits span,.one-summary-split span{display:block;color:var(--ui-muted-soft);font-size:.82rem}.one-plan-benefits strong,.one-summary-split b{display:block;margin-top:2px}.one-packages-hero{grid-template-columns:minmax(0,1fr) 360px}.one-packages-summary{padding:24px}.one-summary-price span,.one-summary-price small{display:block;color:var(--ui-muted)}.one-summary-price strong{font-size:2.7rem;letter-spacing:-.06em;display:block}.one-summary-note{padding:14px;border-radius:18px;background:#eef7ff;color:#225b88;line-height:1.55}.one-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 auto 36px}.one-feature-strip article{padding:22px;border:1px solid var(--ui-border);border-radius:24px;background:#fff;box-shadow:var(--ui-shadow-soft)}.one-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:900;margin-bottom:14px}.one-feature-strip h3{margin:0 0 8px}.one-feature-strip p{margin:0;color:var(--ui-muted);line-height:1.6}.one-plan-section{padding-block:44px}.one-plan-section-alt{background:linear-gradient(180deg,transparent,#f8fbff);border-radius:32px;padding:34px 24px}.one-package-faq-cta,.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border-radius:30px;background:#102033;color:#fff;margin:42px 0}.one-package-faq-cta h2,.cta-band h2{color:#fff;margin:0 0 8px}.one-package-faq-cta p,.cta-band p{color:#c9d7e8;margin:0;line-height:1.65}.one-package-faq-cta .btn.ghost,.cta-band .btn.ghost{background:rgba(255,255,255,.10); color:#fff; border-color:rgba(255,255,255,.24)}
.datacenter-map-card{padding:24px}.map-card-head h3{font-size:1.7rem;letter-spacing:-.04em;margin:0 0 8px}.map-card-head p{margin:0 0 16px;color:var(--ui-muted);line-height:1.65}.dotted-world-map{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--ui-border);background:#f8fbff}.dotted-world-map svg{display:block;width:100%;height:auto}.map-location-label{position:absolute;right:18px;top:18px;background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:12px 14px;box-shadow:var(--ui-shadow-soft)}.map-location-label strong{display:block}.map-location-label span{display:block;color:var(--ui-muted);font-size:.86rem}.map-meta-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px}.map-meta-row span{display:inline-flex;background:#fff;border:1px solid var(--ui-border);border-radius:999px;padding:7px 10px;color:var(--ui-muted);font-size:.82rem}
.payment-hero{grid-template-columns:minmax(0,1fr) 380px}.payment-settlement-card{padding:24px}.payment-settlement-card span{color:var(--ui-muted)}.payment-settlement-card strong{display:block;font-size:2rem;line-height:1.05;letter-spacing:-.05em;margin:8px 0 12px}.coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.coin-card{padding:18px;display:flex;gap:14px;align-items:flex-start}.coin-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:950;font-size:.86rem;flex:0 0 auto}.coin-card h3{margin:0 0 2px;line-height:1.2}.coin-card strong{color:var(--ui-brand);font-size:.85rem}.coin-card p{margin:8px 0 0;color:var(--ui-muted);line-height:1.55;font-size:.92rem}.payment-flow-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.payment-flow-section article{padding:24px}.payment-flow-section article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#102033;color:#fff;font-weight:900;margin-bottom:14px}.payment-flow-section h3{margin:0 0 8px}.payment-flow-section p{margin:0;color:var(--ui-muted);line-height:1.65}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.contact-form-card{padding:28px}.contact-side{display:grid;gap:16px}.stack-form,.form,.admin-form-grid{display:grid;gap:16px}.form-grid-2,.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stack-form label,.admin-form-grid label,.form label,.field label{display:grid;gap:7px;font-weight:850;color:var(--ui-text);font-size:.92rem}.stack-form input,.stack-form select,.stack-form textarea,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea,.form input,.form select,.form textarea,.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{width:100%;border:1px solid var(--ui-border-strong);border-radius:16px;background:#fff;color:var(--ui-text);min-height:46px;padding:12px 14px;font:inherit;outline:none;box-shadow:0 1px 0 rgba(16,45,82,.02)}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#8bc7fa;box-shadow:0 0 0 4px rgba(0,111,201,.10)}.check-line,.switch-line{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px;border:1px solid var(--ui-border);border-radius:16px;background:#f8fbff;font-weight:750!important}.check-line input,.switch-line input{width:18px;height:18px;flex:0 0 auto;margin:0}.check-line span{line-height:1.45}.alert,.success-box,.notice{border-radius:18px;padding:16px 18px;border:1px solid var(--ui-border);background:#f8fbff}.alert.danger{background:#fff0f1;border-color:#f0c6cb;color:#9d252b}.success-box{background:#eefaf4;border-color:#bdebd5}.success-box h2{margin:0 0 8px}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status-card.wide{grid-column:1/-1}.status-summary-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-soft)}.status-big-dot{width:54px;height:54px;border-radius:50%;background:var(--ui-orange);box-shadow:0 0 0 12px rgba(217,137,0,.12);margin-bottom:16px}.status-big-dot.ok{background:var(--ui-green);box-shadow:0 0 0 12px rgba(13,155,99,.12)}.latency-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.latency-panel{background:#f8fbff;border:1px solid var(--ui-border);border-radius:20px;padding:16px;display:grid;gap:10px}.latency-panel>div{display:flex;justify-content:space-between;gap:10px}.latency-panel strong{display:block}.latency-panel span{display:block;color:var(--ui-muted);font-size:.84rem}.latency-panel b{font-size:1.55rem;color:var(--ui-brand)}.component-status-list{display:grid;gap:10px}.component-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--ui-border);border-radius:18px;padding:14px;background:#fff}.component-main{display:flex;align-items:center;gap:12px;min-width:0}.component-main strong,.component-main small{display:block}.component-main small{color:var(--ui-muted);line-height:1.45}.live-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:var(--ui-muted-soft);box-shadow:0 0 0 5px rgba(114,129,152,.12);flex:0 0 auto}.live-dot.ok{background:var(--ui-green);box-shadow:0 0 0 5px rgba(13,155,99,.13)}.live-dot.warn{background:var(--ui-orange);box-shadow:0 0 0 5px rgba(217,137,0,.12)}.live-dot.down{background:var(--ui-red);box-shadow:0 0 0 5px rgba(214,64,69,.12)}.status-pill,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:900;border:1px solid var(--ui-border);background:#fff;color:var(--ui-muted)}.status-pill.status-up,.status-pill.online,.pill.ok{background:#eefaf4;color:var(--ui-green);border-color:#bee9d2}.status-pill.status-degraded,.status-pill.suspended{background:#fff8e9;color:var(--ui-orange);border-color:#f4ddb0}.status-pill.status-down{background:#fff0f1;color:var(--ui-red);border-color:#f1c4c7}.event-item{border:1px solid var(--ui-border);border-radius:18px;padding:16px;background:#fff;margin-top:10px}.event-item strong,.event-item span{display:block}.event-item span{color:var(--ui-muted);font-size:.86rem;margin-top:3px}.event-item p{margin:10px 0 0;color:var(--ui-muted);line-height:1.6}.empty-state{display:grid;gap:4px;padding:18px;border:1px dashed var(--ui-border-strong);border-radius:18px;color:var(--ui-muted)}.empty-state strong{color:var(--ui-text)}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--ui-border);border-radius:20px;padding:0;box-shadow:var(--ui-shadow-soft);overflow:hidden}.faq summary{padding:18px 20px;font-weight:900;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 20px 18px;margin:0;color:var(--ui-muted);line-height:1.72}.legal-page{max-width:980px;margin:34px auto;padding:36px}.legal-page h1{font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.07em;line-height:1;margin-bottom:10px}.legal-page h2{font-size:1.3rem;margin:30px 0 10px}.legal-page p{line-height:1.85}.legal-kicker{font-weight:900;color:var(--ui-brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.app-shell{width:min(1440px,calc(100% - 30px));margin:24px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.app-content{min-width:0;padding:0!important}.dashboard-sidebar{position:sticky;top:96px;padding:16px;border-radius:28px}.sidebar-title{display:flex;gap:12px;align-items:center;padding:8px 8px 16px;border-bottom:1px solid var(--ui-border);margin-bottom:10px}.sidebar-title strong,.sidebar-title span{display:block}.sidebar-title span{color:var(--ui-muted);font-size:.86rem}.icon.sm{width:40px;height:40px;margin:0;border-radius:14px}.side-nav{display:grid;gap:4px}.side-link{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:11px 12px;border-radius:16px;color:var(--ui-muted);font-weight:800}.side-link.active,.side-link:hover{background:var(--ui-brand-soft);color:var(--ui-brand)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--ui-border);border-radius:22px;background:#fff;padding:20px;box-shadow:var(--ui-shadow-soft)}.metric b{display:block;font-size:1.8rem;letter-spacing:-.04em}.metric span{display:block;color:var(--ui-muted);margin-top:4px}.table,.admin-modern-table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th,.admin-modern-table th{text-align:left;color:var(--ui-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;padding:0 12px}.table td,.admin-modern-table td{padding:14px 12px;background:#fff;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);vertical-align:middle}.table td:first-child,.admin-modern-table td:first-child{border-left:1px solid var(--ui-border);border-radius:16px 0 0 16px}.table td:last-child,.admin-modern-table td:last-child{border-right:1px solid var(--ui-border);border-radius:0 16px 16px 0}.service-list,.compact-service-list{display:grid;gap:12px}.service-row,.compact-service-row{border:1px solid var(--ui-border);border-radius:24px;background:#fff;box-shadow:var(--ui-shadow-soft);padding:14px;overflow:hidden}.service-row-main,.compact-service-main{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(170px,1fr) minmax(130px,.75fr) minmax(130px,.75fr) minmax(120px,.65fr) minmax(210px,.95fr);gap:14px;align-items:center}.actions-grid,.service-actions-grid{display:grid!important;grid-template-columns:repeat(3,42px);gap:8px;justify-content:end;align-items:center}.actions-grid .btn,.service-actions-grid .btn,.action-icon-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:14px!important;display:inline-grid!important;place-items:center!important}.service-row details,.compact-service-row details{margin-top:12px}.service-row summary,.compact-service-row summary{cursor:pointer;font-weight:900;color:var(--ui-brand)}.service-row-expanded,.compact-service-expanded{margin-top:12px;border-top:1px solid var(--ui-border);padding-top:14px}.mini-chart,canvas{max-width:100%}.copy-btn,.reveal-btn{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:12px!important}.credential-row,.access-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.resource-usage-grid,.server-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-detail-grid,.service-detail-top,.service-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.service-detail-main{display:grid;gap:18px}.service-detail-side{display:grid;gap:18px}.service-detail-main>.card,.service-detail-side>.card{margin:0}.quick-actions,.manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-actions .btn,.manage-actions .btn{border-radius:16px;min-height:44px}.modal,.modal-panel{border-radius:26px!important}.admin-editor-grid{align-items:start}.admin-form-grid .wide{grid-column:1/-1}.admin-table-card{overflow-x:auto}.admin-modern-table{min-width:850px}
.footer{margin:56px auto 0; width:min(1240px,calc(100% - 36px)); border-top:1px solid var(--ui-border); padding:28px 0 38px; color:var(--ui-muted); display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}.footer a{color:var(--ui-muted);font-weight:750}.footer a:hover{color:var(--ui-brand)}
@media(max-width:1100px){.public-hero,.home-hero,.one-packages-hero,.payment-hero,.status-hero,.split-feature,.contact-layout,.service-detail-grid,.service-detail-top,.service-overview-grid{grid-template-columns:1fr}.featured-packages,.one-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.one-feature-strip,.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:auto}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.service-row-main,.compact-service-main{grid-template-columns:1fr 1fr}.actions-grid,.service-actions-grid{justify-content:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.container,.wrap,.topbar-inner,.footer,.app-shell{width:min(100% - 24px,1220px)}.topbar-inner{flex-wrap:wrap;min-height:auto;padding:14px 0}.public-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.top-link{padding:9px 12px}.public-hero,.home-hero,.one-packages-hero,.payment-hero,.status-hero{padding:28px;border-radius:28px;margin-top:20px}.public-hero h1,.home-hero h1,.one-packages-hero h1,.payment-hero h1,.status-hero h1{font-size:2.65rem}.featured-packages,.one-plans-grid,.one-feature-strip,.coin-grid,.payment-flow-section,.latency-panels,.status-grid,.form-grid-2,.admin-form-grid,.metric-grid,.resource-usage-grid,.server-resource-grid{grid-template-columns:1fr}.one-section-head,.section-title{display:grid;gap:14px}.one-package-faq-cta,.cta-band{display:grid}.hero-metric-grid,.one-plan-benefits,.one-summary-split{grid-template-columns:1fr}.component-status-row{grid-template-columns:1fr}.service-row-main,.compact-service-main{grid-template-columns:1fr}.actions-grid,.service-actions-grid{grid-template-columns:repeat(3,42px)}.footer{display:grid}.side-nav{grid-template-columns:1fr}.quick-actions,.manage-actions{grid-template-columns:1fr}.legal-page{padding:26px}}

/* Extra IPv4 add-on management */
.network-panel .compact-head{align-items:flex-start;gap:18px;flex-wrap:wrap}.network-panel .compact-head form{margin-left:auto;display:flex;align-items:center}.network-ip-table td,.network-ip-table th{vertical-align:middle}.network-ip-table form{display:inline-flex;margin:0}.btn.small{min-height:34px;padding:8px 12px;font-size:13px;border-radius:10px}.btn.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.network-ip-table .copy-btn{margin-left:8px}.network-ip-table .mono{white-space:nowrap}.network-ip-table td:last-child{text-align:right;min-width:92px}@media(max-width:760px){.network-panel .compact-head form{margin-left:0;width:100%}.network-panel .compact-head .btn{width:100%;justify-content:center}.network-ip-table{display:block;overflow-x:auto;white-space:nowrap}}

/* Extra IP confirmation modals */
.confirm-modal .modal-panel{width:min(560px,96vw)!important;}
.confirm-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;}
.confirm-summary>div{border:1px solid var(--ui-border,#dbe5f2);background:#f8fbff;border-radius:16px;padding:12px;min-width:0;}
.confirm-summary span{display:block;color:var(--ui-muted,#64748b);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;}
.confirm-summary strong{display:block;font-size:.94rem;line-height:1.25;overflow-wrap:anywhere;}
.check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;font-weight:800;color:#1d2b45;margin:0;line-height:1.35;}
.check-row input{width:18px!important;height:18px!important;margin:1px 0 0!important;flex:0 0 18px;}
.notice.warn{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;border-radius:16px;padding:14px;margin:14px 0;}
.notice.soft{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e3a8a!important;border-radius:16px;padding:14px;margin:14px 0;}
@media(max-width:680px){.confirm-summary{grid-template-columns:1fr}.confirm-modal .modal-panel{padding:18px!important}.network-panel .compact-head{align-items:flex-start!important}}

/* Release fix: keep confirmation modals above all service cards, charts and side panels. */
html.modal-lock, body.modal-lock{overflow:hidden!important;}
.modal{position:fixed!important;inset:0!important;z-index:2147483000!important;isolation:isolate!important;align-items:center!important;justify-content:center!important;padding:24px!important;}
.modal.is-open{display:flex!important;}
.modal-backdrop{position:absolute!important;inset:0!important;z-index:0!important;background:rgba(7,18,38,.56)!important;backdrop-filter:blur(8px)!important;}
.modal-panel{position:relative!important;z-index:2!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;overscroll-behavior:contain!important;}
.confirm-modal .modal-panel{width:min(580px,calc(100vw - 32px))!important;padding:26px!important;}
.confirm-modal .modal-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 38%);padding-top:14px;margin-top:12px;}
@media(max-width:680px){.modal{padding:14px!important}.confirm-modal .modal-panel{width:calc(100vw - 24px)!important;padding:20px!important}}

/* Release UI cleanup: icon-only controls should render as plain icons, not rounded pills/circles. */
.icon-btn,
.modal-close,
.copy-btn,
.reveal-btn,
.tw-icon-btn,
.action-btn.icon-only,
.action-icon-btn,
.actions-grid .btn,
.service-actions-grid .btn,
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn,
.compact-actions .action-btn.icon-only{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  outline-offset:4px!important;
}

.icon-btn:hover,
.modal-close:hover,
.copy-btn:hover,
.reveal-btn:hover,
.tw-icon-btn:hover,
.action-btn.icon-only:hover:not(:disabled),
.action-icon-btn:hover:not(:disabled),
.actions-grid .btn:hover:not(:disabled),
.service-actions-grid .btn:hover:not(:disabled),
.server-actions.compact .action-btn:hover:not(:disabled),
.server-actions.compact > button.action-btn:hover:not(:disabled),
.compact-actions .action-btn.icon-only:hover:not(:disabled){
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:var(--ui-brand,var(--brand,#006fc9))!important;
}

.icon-btn,
.modal-close,
.copy-btn,
.reveal-btn,
.tw-icon-btn,
.action-btn.icon-only,
.action-icon-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}

.icon-btn{width:auto!important;height:auto!important;min-width:28px!important;min-height:28px!important;padding:4px!important;color:var(--ui-text,var(--text,#07172f))!important;}
.icon-btn.dashboard-shortcut{background:transparent!important;color:var(--ui-brand,var(--brand,#006fc9))!important;border-color:transparent!important;}
.icon-btn.logout{color:var(--danger,#d94b4b)!important;}
.icon-btn span{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:18px!important;}

.modal-close{width:auto!important;height:auto!important;min-width:30px!important;min-height:30px!important;font-size:28px!important;font-weight:800!important;color:var(--ui-text,var(--text,#07172f))!important;}
.console-modal .modal-close{background:transparent!important;border-color:transparent!important;color:#eaf2ff!important;}

.copy-btn,.reveal-btn{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;margin-left:6px!important;color:var(--ui-brand,var(--brand,#006fc9))!important;font-size:0!important;
}
.copy-btn::before{font-size:15px!important;line-height:1!important;display:block!important;}
.copy-btn.reveal-btn::before{font-size:14px!important;}
.copy-btn.copied,.copy-btn.copied:hover{background:transparent!important;color:var(--ok,#0f9f68)!important;border-color:transparent!important;}
.copy-btn.copy-failed,.copy-btn.copy-failed:hover{background:transparent!important;color:var(--danger,#d94b4b)!important;border-color:transparent!important;}
.copy-btn.reveal-btn.active,.copy-btn.reveal-btn.active:hover{background:transparent!important;color:var(--ui-brand,var(--brand,#006fc9))!important;border-color:transparent!important;}
.read-field .copy-btn,.read-field .reveal-btn{margin-left:6px!important;}
.read-field .copy-btn:first-of-type{margin-left:auto!important;}

.action-btn.icon-only,
.action-icon-btn,
.actions-grid .btn,
.service-actions-grid .btn,
.server-actions.compact .action-btn,
.server-actions.compact > button.action-btn,
.compact-actions .action-btn.icon-only{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;color:var(--ui-text,var(--text,#07172f))!important;
}
.action-btn.icon-only.primary,.action-icon-btn.primary,.actions-grid .btn.primary,.service-actions-grid .btn.primary{color:var(--ui-brand,var(--brand,#006fc9))!important;}
.action-btn.icon-only.success,.action-icon-btn.success,.actions-grid .btn.success,.service-actions-grid .btn.success{color:var(--ok,#0f9f68)!important;}
.action-btn.icon-only.danger,.action-icon-btn.danger,.actions-grid .btn.danger,.service-actions-grid .btn.danger{color:var(--danger,#d94b4b)!important;}
.action-btn.icon-only:disabled,.action-icon-btn:disabled,.actions-grid .btn:disabled,.service-actions-grid .btn:disabled{opacity:.28!important;}
.action-icon{font-size:16px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;}
.actions-grid,.service-actions-grid{grid-template-columns:repeat(3,32px)!important;gap:10px!important;}
.server-actions.compact{gap:10px!important;}

.tw-icon-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;color:var(--ui-brand,var(--brand,#006fc9))!important;}
.tw-icon-danger{color:var(--danger,#dc2626)!important;background:transparent!important;border-color:transparent!important;}

.btn .btn-icon,.add-balance-btn .btn-icon{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}

/* Release UI cleanup v2: remove icon circles from top menu, footer and sidebars. */
.top-link .nav-ico,
.footer .nav-ico,
.side-link .side-ico,
.dashboard-sidebar .side-ico,
.admin-side .side-ico,
.sidebar-title .icon.sm,
.dashboard-sidebar .sidebar-title .icon,
.admin-side .sidebar-title .icon{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  color:currentColor!important;
  font-size:1em!important;
}

.top-link{gap:7px!important;}
.top-link .nav-ico{font-size:.95em!important;color:inherit!important;opacity:.82!important;}
.top-link:hover .nav-ico,.top-link.active .nav-ico{opacity:1!important;color:inherit!important;}

.footer .nav-ico{font-size:.92em!important;opacity:.75!important;margin-right:3px!important;}
.footer a:hover .nav-ico{opacity:1!important;}

.side-link{grid-template-columns:18px 1fr!important;gap:10px!important;}
.side-link .side-ico{font-size:1rem!important;color:inherit!important;opacity:.78!important;}
.side-link:hover .side-ico,.side-link.active .side-ico{opacity:1!important;color:inherit!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.admin-side .side-link.active .side-ico,.side-link.active .side-ico{background:transparent!important;color:inherit!important;border-color:transparent!important;}

.sidebar-title{gap:10px!important;}
.sidebar-title .icon.sm,.dashboard-sidebar .sidebar-title .icon,.admin-side .sidebar-title .icon{font-size:1.15rem!important;color:var(--ui-brand,var(--brand,#006fc9))!important;}

/* IP management transfer page */
.ipam-overview-card,.ip-transfer-card{overflow:hidden;}
.ip-address-list{display:grid;gap:10px;margin-top:18px;}
.ip-address-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ui-border,#dbe5f2);border-radius:18px;padding:14px 16px;background:#fff;}
.ip-address-row strong{display:block;color:var(--ui-text,#07172f);font-weight:900;}
.ip-address-row .muted{display:block;margin-top:4px;line-height:1.45;}
.ip-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.pill.info{background:#eff6ff;color:#075da8;border-color:#bfdbfe;}
.pill.soft{background:#f8fbff;color:#536782;border-color:var(--ui-border,#dbe5f2);}
.ip-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.ip-transfer-card{border:1px solid var(--ui-border,#dbe5f2);border-radius:22px;background:#fff;box-shadow:var(--ui-shadow-soft,0 18px 50px rgba(31,67,112,.08));padding:18px;display:grid;gap:16px;}
.transfer-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.transfer-card-main h3{margin:4px 0 6px;font-size:1.35rem;letter-spacing:-.02em;}
.transfer-price{text-align:right;min-width:92px;}
.transfer-price strong{display:block;font-size:1.2rem;color:var(--ui-text,#07172f);}
.transfer-price span{display:block;color:var(--ui-muted,#60708a);font-size:.86rem;}
.transfer-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;border-top:1px solid var(--ui-border,#dbe5f2);padding-top:14px;}
.notice.info{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e3a8a!important;border-radius:16px;padding:14px;margin:14px 0;line-height:1.6;}
.check-row{display:flex!important;align-items:flex-start!important;gap:10px!important;font-weight:850!important;line-height:1.45!important;}
.check-row input{width:18px!important;height:18px!important;min-height:18px!important;margin-top:2px!important;flex:0 0 auto!important;}
@media(max-width:900px){.ip-transfer-grid{grid-template-columns:1fr}.ip-address-row,.transfer-card-main{flex-direction:column;align-items:flex-start}.ip-row-meta,.transfer-card-actions{justify-content:flex-start}.transfer-price{text-align:left}}
/* Payment methods public page polish */
.streamlined-payment-hero{align-items:stretch}.payment-highlight-card{position:relative;z-index:1;border:1px solid var(--ui-border);background:#fff;border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-soft);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.payment-highlight-card strong{font-size:clamp(1.7rem,2vw,2.25rem);line-height:1.05;letter-spacing:-.05em;color:var(--ui-text)}.payment-highlight-card p{margin:0;color:var(--ui-muted);line-height:1.7}.payment-highlight-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--ui-brand-soft);color:var(--ui-brand);font-weight:950}.payment-highlight-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.payment-highlight-badges span{font-size:.82rem;font-weight:850;color:var(--ui-brand);background:#f4f9ff;border:1px solid #d8eafe;border-radius:999px;padding:7px 10px}.compact-public-section{margin-top:24px}.featured-coin-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-coin-card{border:1px solid var(--ui-border);background:#fff;border-radius:22px;box-shadow:var(--ui-shadow-soft);padding:18px;display:flex;gap:14px;align-items:center}.featured-coin-card h3{margin:0;line-height:1.05;color:var(--ui-text);font-size:1.08rem}.featured-coin-card p{margin:4px 0 0;color:var(--ui-muted);line-height:1.35}.coin-logo-wrap{width:50px;height:50px;border-radius:16px;background:#f5f9ff;border:1px solid #dfeaf7;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.coin-logo-wrap.small{width:46px;height:46px;border-radius:14px}.coin-logo-wrap img{width:30px;height:30px;object-fit:contain}.coin-logo-wrap span{width:100%;height:100%;align-items:center;justify-content:center;font-size:.74rem;font-weight:950;color:var(--ui-brand)}.coin-search-box{min-width:min(360px,100%)}.coin-search-box input{width:100%;min-height:46px;border-radius:999px;border:1px solid #cfe2f5;background:#fff;padding:0 18px;font-weight:750;box-shadow:0 12px 34px rgba(15,54,98,.08)}.live-coin-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));max-height:none}.live-coin-card{min-height:112px}.live-coin-card p{word-break:break-word}.payment-settlement-card{display:none!important}@media(max-width:1100px){.featured-coin-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.streamlined-payment-hero{grid-template-columns:1fr}}@media(max-width:720px){.featured-coin-strip{grid-template-columns:1fr}.payment-highlight-card{padding:22px}.coin-search-box{min-width:0;width:100%}}

/* Payment methods cache/list polish */
.payment-route-stats{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 18px}
.payment-route-stats span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:700}
.live-coin-grid .coin-card{min-height:92px}
.coin-logo-wrap span{place-items:center;width:100%;height:100%;font-size:12px;font-weight:800;color:var(--brand);background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:14px}

/* API system */
.api-docs-head{background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 100%);border:1px solid #dcecff;border-radius:28px;padding:42px;margin-bottom:24px;}
.api-doc-card{margin-bottom:18px;}
.api-endpoint-list{display:grid;gap:18px;}
.api-endpoint{padding:24px;}
.api-endpoint-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;}
.api-endpoint-head code{background:#f4f8fc;border:1px solid #dbe7f3;border-radius:12px;padding:8px 10px;color:#12324d;word-break:break-all;}
.method{display:inline-flex;align-items:center;justify-content:center;min-width:66px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.08em;padding:8px 10px;}
.method.get{background:#e9f8ef;color:#0f7a3a;}.method.post{background:#eaf2ff;color:#0b62c4;}.method.delete{background:#ffecec;color:#b52222;}
.api-endpoint pre,.api-doc-card pre{background:#071426;color:#eaf2ff;border-radius:18px;padding:16px;overflow:auto;font-size:13px;line-height:1.55;}
.secret-row{display:flex;align-items:center;gap:10px;background:#f6f9fd;border:1px solid #dce7f3;border-radius:16px;padding:12px;margin-top:10px;}
.secret-row code{flex:1;overflow:auto;white-space:nowrap;}
.success-card{border-color:#b9e7cc;background:#f4fff8;}
.form-card label{display:grid;gap:7px;margin-bottom:14px;}
.btn.small{padding:8px 12px;min-height:36px;font-size:13px;}
@media(max-width:760px){.api-docs-head{padding:28px}.secret-row{align-items:stretch;flex-direction:column}.api-endpoint{padding:18px}}

/* Custom crypto payment UI */
.copy-row{display:flex;gap:10px;align-items:center}.copy-row input{flex:1;min-width:0}.mini-stat{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.mini-stat .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.coin-payment-logo{width:76px;height:76px;object-fit:contain;border-radius:18px;border:1px solid var(--line);background:#fff;padding:10px;margin-bottom:10px}.text-warning{color:#d97706}.text-ok{color:#16a34a}@media(max-width:720px){.copy-row{flex-direction:column;align-items:stretch}}

/* Site settings, language selector and affiliate additions */
.language-switcher{display:inline-flex;align-items:center;margin:0 6px 0 0}.language-switcher select{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.82);color:var(--text);font-weight:800;padding:9px 12px;min-width:112px;outline:none}.copy-wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copy-wrap input{flex:1;min-width:260px;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff;color:var(--text);font:inherit}.affiliate-hero{margin-top:24px}.big{font-size:2.35rem;font-weight:900;letter-spacing:-.04em;margin:10px 0}.text-red-600{color:#dc2626}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.language-switcher{order:-1}.copy-wrap input{min-width:100%}.admin-form-grid{grid-template-columns:1fr}}

/* FlagCDN language selector */
.language-switcher.flag-language-switcher{display:inline-flex;align-items:center;gap:6px;margin:0 8px 0 0;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(18,32,51,.06)}
.language-switcher.flag-language-switcher .language-flag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:.05em;line-height:1;transition:.16s ease}
.language-switcher.flag-language-switcher .language-flag img{display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(18,32,51,.12)}
.language-switcher.flag-language-switcher .language-flag.active{background:linear-gradient(135deg,rgba(0,111,201,.12),rgba(79,70,229,.12));color:var(--brand);box-shadow:inset 0 0 0 1px rgba(0,111,201,.18)}
.language-switcher.flag-language-switcher .language-flag:hover{background:rgba(0,111,201,.08);color:var(--brand)}
@media(max-width:760px){.language-switcher.flag-language-switcher{order:-1}.language-switcher.flag-language-switcher .language-flag span{display:none}.language-switcher.flag-language-switcher .language-flag{padding:7px}}

/* Private VLAN management */
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.private-vlan-note code,.clean-panel code{white-space:nowrap}

/* Logical status colors: success = green, pending/running/manual = orange, error/failed = red. */
.status-badge,.badge.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:.8rem;border:1px solid transparent;}
.status-badge.status-success,.badge.status-success,.badge.success,.badge.applied,.badge.ok,.status-pill.success,.status-pill.completed,.status-pill.active{background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;}
.status-badge.status-pending,.badge.status-pending,.badge.pending,.badge.queued,.badge.running,.badge.manual,.status-pill.pending,.status-pill.provisioning,.status-pill.queued,.status-pill.running{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.status-badge.status-error,.badge.status-error,.badge.failed,.badge.error,.status-pill.failed,.status-pill.error{background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;}
.status-badge.status-muted,.badge.status-muted,.badge.detached,.badge.disabled,.status-pill.detached,.status-pill.deleted{background:#f1f5f9!important;color:#64748b!important;border-color:#e2e8f0!important;}
.private-vlan-flash{margin:0 0 18px;border-radius:18px;padding:14px 16px;font-weight:850;border:1px solid var(--ui-border,#dbe5f2);background:#f8fbff;}
.private-vlan-flash.ok{background:#eefaf4;color:var(--ui-green,#0d9b63);border-color:#bee9d2;}
.private-vlan-flash.error{background:#fff0f1;color:var(--ui-red,#d64045);border-color:#f1c4c7;}
.private-vlan-members tr[data-pending="1"]{background:#fffaf0;}
.private-vlan-members .actions-cell{min-width:120px;text-align:right;}
.private-vlan-card[data-vlan-pending="1"]{border-color:#f4ddb0;box-shadow:0 14px 38px rgba(217,137,0,.08);}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none;}

/* Unified status badge colors: green = healthy/success, orange = pending/in progress, red = error/blocking. */
.status-pill.success,.status-pill.active,.status-pill.online,.status-pill.available,.status-pill.applied,.status-pill.completed,.status-pill.accepted,.status-pill.paid,.status-pill.up,.status-pill.running,.status-pill.allow,.status-pill.allowed,.status-pill.enabled,.status-pill.synced,.status-pill.approved,.status-pill.delivered,.status-pill.sent,.pill.success,.badge.success,.badge.ok{background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;}
.status-pill.warn,.status-pill.pending,.status-pill.queued,.status-pill.processing,.status-pill.provisioning,.status-pill.creating,.status-pill.scheduled,.status-pill.unpaid,.status-pill.unknown,.status-pill.maintenance,.status-pill.degraded,.status-pill.investigating,.status-pill.action-required,.status-pill.manual,.status-pill.manual-required,.pill.warn,.badge.pending,.badge.queued,.badge.running,.badge.manual{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.status-pill.danger,.status-pill.failed,.status-pill.error,.status-pill.suspended,.status-pill.cancelled,.status-pill.void,.status-pill.terminated,.status-pill.deleted,.status-pill.banned,.status-pill.offline,.status-pill.rejected,.status-pill.disabled,.status-pill.down,.status-pill.blocked,.status-pill.high,.status-pill.critical,.status-pill.deny,.status-pill.denied,.status-pill.expired,.pill.danger,.badge.failed,.badge.error{background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;}
.status-pill.job-running,.status-pill.job-queued,.status-pill.job-pending{background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;}
.invoice-pdf-hint{font-size:.86rem;color:var(--muted);margin-top:8px}


/* Final unified status badge palette across admin, client and public pages.
   Green = ready/healthy/success, orange = queued/pending/in progress, red = missing/failed/blocked. */
.status-pill.success,.status-pill.active,.status-pill.online,.status-pill.available,.status-pill.applied,.status-pill.completed,.status-pill.accepted,.status-pill.paid,.status-pill.up,.status-pill.running,.status-pill.ready,.status-pill.synced,.status-pill.enabled,.status-pill.approved,.status-pill.delivered,.status-pill.sent,.status-pill.low,
.status-pill.status-success,.status-pill.status-active,.status-pill.status-online,.status-pill.status-available,.status-pill.status-applied,.status-pill.status-completed,.status-pill.status-accepted,.status-pill.status-paid,.status-pill.status-up,.status-pill.status-running,.status-pill.status-ready,.status-pill.status-synced,.status-pill.status-enabled,.status-pill.status-approved,.status-pill.status-delivered,.status-pill.status-sent,.status-pill.status-low,
.badge.success,.badge.ok,.badge.online,.badge.ready,.badge.status-success,.badge.status-ready,.badge.status-active,.badge.status-online,.badge.status-synced,.status-badge.status-success,.status-badge.status-ready{
  background:#eefaf4!important;color:var(--ui-green,#0d9b63)!important;border-color:#bee9d2!important;
}
.status-pill.warn,.status-pill.pending,.status-pill.queued,.status-pill.processing,.status-pill.provisioning,.status-pill.creating,.status-pill.scheduled,.status-pill.unpaid,.status-pill.unknown,.status-pill.maintenance,.status-pill.degraded,.status-pill.investigating,.status-pill.action-required,.status-pill.manual,.status-pill.manual-required,.status-pill.exporting,.status-pill.syncing,.status-pill.skipped,
.status-pill.status-warn,.status-pill.status-pending,.status-pill.status-queued,.status-pill.status-processing,.status-pill.status-provisioning,.status-pill.status-creating,.status-pill.status-scheduled,.status-pill.status-unpaid,.status-pill.status-unknown,.status-pill.status-maintenance,.status-pill.status-degraded,.status-pill.status-investigating,.status-pill.status-action-required,.status-pill.status-manual,.status-pill.status-manual-required,.status-pill.status-exporting,.status-pill.status-syncing,.status-pill.status-skipped,
.badge.pending,.badge.queued,.badge.running,.badge.manual,.badge.warn,.badge.status-pending,.badge.status-queued,.badge.status-running,.badge.status-exporting,.badge.status-syncing,.status-badge.status-pending,.status-badge.status-warn,.status-badge.status-neutral{
  background:#fff8e9!important;color:var(--ui-orange,#d98900)!important;border-color:#f4ddb0!important;
}
.status-pill.danger,.status-pill.failed,.status-pill.error,.status-pill.suspended,.status-pill.cancelled,.status-pill.canceled,.status-pill.void,.status-pill.terminated,.status-pill.deleted,.status-pill.banned,.status-pill.offline,.status-pill.rejected,.status-pill.disabled,.status-pill.down,.status-pill.blocked,.status-pill.high,.status-pill.critical,.status-pill.deny,.status-pill.denied,.status-pill.expired,.status-pill.missing,.status-pill.retired,
.status-pill.status-danger,.status-pill.status-failed,.status-pill.status-error,.status-pill.status-suspended,.status-pill.status-cancelled,.status-pill.status-canceled,.status-pill.status-void,.status-pill.status-terminated,.status-pill.status-deleted,.status-pill.status-banned,.status-pill.status-offline,.status-pill.status-rejected,.status-pill.status-disabled,.status-pill.status-down,.status-pill.status-blocked,.status-pill.status-high,.status-pill.status-critical,.status-pill.status-deny,.status-pill.status-denied,.status-pill.status-expired,.status-pill.status-missing,.status-pill.status-retired,
.badge.failed,.badge.error,.badge.danger,.badge.offline,.badge.missing,.badge.status-error,.badge.status-failed,.badge.status-missing,.badge.status-danger,.status-badge.status-error,.status-badge.status-danger,.status-badge.status-missing{
  background:#fff0f1!important;color:var(--ui-red,#d64045)!important;border-color:#f1c4c7!important;
}