/* Presentation-only override. Remove the layout link to restore the previous UI. */
html.console-refresh {
  --brand-400:#b69aff; --brand-500:#7c3aed; --brand-600:#6d28d9;
  --fg-2:#a1a7b5; --fg-3:#949baa;
  --bg-0:#101217; --bg-1:#171a21; --bg-2:#1b1f27; --bg-3:#222732; --bg-4:#2a303c;
  --line-1:#2c323e; --line-2:#3b4351; --line-3:#596374;
  --fg-0:#f3f4f7; --fg-1:#d0d5df;
  --accent-tint:rgba(124,58,237,.13);
  color-scheme:dark;
}
html.console-refresh[data-theme="light"] {
  --bg-0:#f5f6f8; --bg-1:#fff; --bg-2:#f9fafb; --bg-3:#eef0f4; --bg-4:#e6e9ef;
  --fg-0:#17202f; --fg-1:#354155; --fg-2:#566174; --fg-3:#616c7c;
  --line-1:#dce1e8; --line-2:#c7cfdc; --line-3:#98a4b6;
  --brand-400:#6d28d9; --ok:#157348; --warn:#966000; --bad:#c12b35; --info:#086b99;
  color-scheme:light;
}
.console-refresh body { font-size:14px; background:var(--bg-0); color:var(--fg-0); }
.console-refresh :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--brand-400); outline-offset:3px; }
.console-refresh .vw-sidebar { background:var(--bg-1); }
.console-refresh .sb-section { font-size:11px; letter-spacing:.06em; padding-top:20px; }
.console-refresh .sb-link { min-height:40px; border-radius:6px; }
.console-refresh .sb-link-icon { color:var(--fg-2); }
.console-refresh .vw-app .sb-link.active { background:var(--accent-tint); }
.console-refresh .vw-app .sb-link.active::before { background:var(--brand-400); }
.console-refresh .vw-app .sb-link.active .sb-link-icon { color:var(--brand-400); }
.console-refresh .vw-app :is(.sb-avatar,.user-avatar) { background:var(--brand-600); }
.console-refresh .vw-topbar { background:var(--bg-1); }
.console-refresh .vw-page { padding:28px 32px; }
.console-refresh .page-head { padding-bottom:20px; border-bottom:1px solid var(--line-1); margin-bottom:24px; }
.console-refresh .page-title { font-size:26px; font-weight:600; letter-spacing:-.035em; overflow-wrap:anywhere; }
.console-refresh .page-sub { color:var(--fg-2); line-height:1.6; }
.console-refresh :is(.card,.stat,.stat-card) { border-radius:8px; box-shadow:none; }
.console-refresh .card-header { min-height:54px; gap:12px; flex-wrap:wrap; padding:16px 20px; }
.console-refresh .card-title { font-size:14px; font-weight:600; }
.console-refresh .stat { padding:20px; }
.console-refresh .stat-label { font-size:13px; margin-bottom:12px; }
.console-refresh .stat-value { font-size:28px; font-weight:600; font-variant-numeric:tabular-nums; }
.console-refresh :is(.btn,.btn-outline,.btn-gradient) { min-height:38px; border-radius:6px; font-weight:500; }
.console-refresh .btn-sm { min-height:32px; }
.console-refresh :is(.btn-primary,.btn-gradient) { background:#7c3aed; color:#fff; box-shadow:none; }
.console-refresh :is(.btn-primary,.btn-gradient):hover { background:#6d28d9; }
.console-refresh :is(button,.btn):disabled { opacity:.5; cursor:not-allowed; }
.console-refresh :is(.input,.select,.form-control) { min-height:40px; border-radius:6px; }
.console-refresh .tbl th { background:var(--bg-2); color:var(--fg-2); font-size:11px; font-weight:600; letter-spacing:.05em; padding:13px 18px; }
.console-refresh .tbl td { padding:15px 18px; font-variant-numeric:tabular-nums; }
.console-refresh .tbl tbody tr:hover { background:var(--bg-2); }
.console-refresh .mono { font-variant-numeric:tabular-nums; }
.console-refresh .split-layout > * { min-width:0; }
.console-refresh :is(.flash,.alert) { border-radius:6px; line-height:1.6; }
.console-refresh .ring-fill { stroke-linecap:butt; }
.console-refresh .auth-box { border-radius:10px; border:1px solid var(--line-1); box-shadow:none; }
.console-refresh .auth-left { background:#181622; }
.console-refresh .auth-left::before,.console-refresh .auth-left::after { display:none; }
.console-refresh .auth-right { background:var(--bg-1); }
.console-refresh .auth-title { color:var(--fg-0); font-weight:600; }
.console-refresh .auth-sub,.console-refresh .text-muted { color:var(--fg-2); }
.console-refresh .auth-right :is(input,select) { background:var(--bg-2); color:var(--fg-0); border-color:var(--line-2); }
.console-refresh .auth-right input::placeholder { color:var(--fg-2); opacity:1; }
.console-refresh .auth-right :is(.form-label,.form-hint,.auth-footer) { color:var(--fg-2); }
.console-refresh :is(.sb-logo-full,.auth-logo img,.auth-mobile-logo img) { background:transparent; }
.console-refresh .up-card { background:var(--bg-1); border:1px solid var(--line-1); border-radius:8px; }
.console-refresh .up-card-h { padding:16px 20px; border-bottom:1px solid var(--line-1); font-weight:600; }
.console-refresh .up-card-b { padding:20px; }
@media(max-width:900px) {
  .console-refresh .vw-page { padding:20px; }
  .console-refresh :is(.btn,.btn-sm,.icon-btn,.sb-link,.user-chip) { min-height:44px; }
  .console-refresh .icon-btn { min-width:44px; }
  .console-refresh :is(.input,.select,.form-control) { min-height:44px; font-size:16px; }
  .console-refresh .auth-right :is(input:not([type=checkbox]),select) { min-height:44px; font-size:16px; }
  .console-refresh .vw-topbar { padding-inline:12px; gap:8px; }
  .console-refresh .page-title { font-size:24px; }
}
@media(max-width:480px) {
  .console-refresh .vw-page { padding:16px 12px; }
  .console-refresh .page-head { gap:16px; }
  .console-refresh .page-actions { width:100%; flex-wrap:wrap; }
  .console-refresh .card-header { padding:14px 16px; }
  .console-refresh .tbl td,.console-refresh .tbl th { padding:12px; }
  .console-refresh .vw-crumbs { min-width:0; overflow:hidden; }
}
@media(prefers-reduced-motion:reduce) {
  .console-refresh *, .console-refresh *::before, .console-refresh *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* Approved VoloWeb console theme — shared by customer and admin views. */
.console-refresh { --radius:8px; --r-6:8px; }
.console-refresh .vw-sidebar,.console-refresh .vw-topbar { background:var(--bg-0); }
.console-refresh .sb-brand { height:76px; padding:16px 18px; gap:6px; }
.console-refresh .vw-brand-lockup { position:relative; display:inline-block; width:180px; max-width:100%; aspect-ratio:632 / 140; vertical-align:middle; flex-shrink:0; }
.console-refresh .vw-brand-lockup img { display:block; width:100%; height:100%; object-fit:contain; }
.console-refresh .vw-brand-lockup .vw-brand-light { position:absolute; inset:0; filter:brightness(0) invert(1); clip-path:inset(0 12% 0 28%); }
.console-refresh[data-theme="light"] .vw-brand-light { display:none; }
.console-refresh .vw-app .sb-mark { width:180px; height:40px; flex-shrink:1; }
.console-refresh .vw-app .sb-wordmark { display:none; }
.console-refresh .sb-role-badge { font-size:9px; padding:2px 4px; }
.console-refresh .vw-app.collapsed .sb-brand { padding:12px; }
.console-refresh .vw-app.collapsed .sb-logo-full { display:none; }
.console-refresh .vw-app.collapsed .sb-logo-owl { display:block!important; width:34px; height:34px; }
.console-refresh .vw-app.collapsed .sb-mark { width:34px; height:34px; }
.console-refresh .sb-user { padding:14px 16px; border-bottom:1px solid var(--line-1); }
.console-refresh .sb-nav { padding:12px; }
.console-refresh .sb-link { padding:11px 12px; gap:12px; margin-bottom:4px; }
.console-refresh .vw-app .sb-link.active { color:var(--brand-400); background:var(--accent-tint); }
.console-refresh .vw-app .sb-link.active::before { display:none; }
.console-refresh .sb-foot { padding:12px; border-top:1px solid var(--line-1); }
.console-refresh .vw-topbar { min-height:76px; height:auto; padding:16px 32px; border-bottom:1px solid var(--line-1); }
.console-refresh .vw-page { max-width:1640px; margin-inline:auto; padding:32px; }
.console-refresh .page-head { border:0; padding-bottom:0; margin-bottom:28px; align-items:center; }
.console-refresh .page-title { font-size:28px; line-height:1.25; letter-spacing:-.03em; }
.console-refresh .page-sub { margin-top:8px; font-size:13px; }
.console-refresh :is(.card,.up-card,.stat,.stat-card,.plan-card) { background:var(--bg-1); border:1px solid var(--line-1); box-shadow:none; border-radius:8px; }
.console-refresh .card-header { border-bottom:1px solid var(--line-1); padding:20px 22px; }
.console-refresh .card-title,.console-refresh .up-card-h { font-size:15px; font-weight:600; }
.console-refresh .stat { min-width:0; padding:22px; }
.console-refresh .stat-value { font-size:30px; line-height:1.25; overflow-wrap:anywhere; }
.console-refresh .stat-note { font-size:12px; color:var(--fg-2); margin-top:8px; }
.console-refresh .stat-grid { gap:18px; }
.console-refresh .tbl th { background:transparent; font-size:12px; letter-spacing:0; text-transform:none; padding:16px 20px; }
.console-refresh .tbl td { padding:18px 20px; border-bottom:1px solid var(--line-1); }
.console-refresh .tbl tr:last-child td { border-bottom:0; }
.console-refresh :is(.btn,.btn-outline,.btn-gradient) { min-height:40px; padding:9px 15px; font-size:13px; gap:8px; }
.console-refresh .btn-sm { min-height:34px; padding:6px 11px; font-size:12px; }
.console-refresh :is(.btn-ghost,.btn-outline) { border:1px solid var(--line-2); background:transparent; color:var(--fg-1); }
.console-refresh :is(.btn-ghost,.btn-outline):hover { background:var(--bg-3); border-color:var(--line-3); }
.console-refresh .btn-danger { background:rgba(239,68,68,.09); color:var(--bad); border:1px solid rgba(239,68,68,.45); }
.console-refresh .btn-danger:hover { background:rgba(239,68,68,.18); }
.console-refresh .vw-app :where(input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="datetime-local"],select,textarea) { background:var(--bg-2); color:var(--fg-0); border:1px solid var(--line-2); border-radius:6px; padding:10px 12px; max-width:100%; font:inherit; }
.console-refresh .vw-app input::placeholder,.console-refresh .vw-app textarea::placeholder { color:var(--fg-3); }
.console-refresh :is(input,select,textarea) { accent-color:var(--brand-500); }
.console-refresh :is(.field-label,.form-label) { text-transform:none; letter-spacing:0; font-size:13px; color:var(--fg-1); }
.console-refresh .vw-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:24px!important; }
.console-refresh .vw-dashboard-secondary { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:24px!important; }
.console-refresh .vw-dashboard-secondary > :last-child { grid-column:1 / -1; }
.console-refresh .vw-dashboard-secondary > :last-child > div:last-child { flex-direction:row!important; flex-wrap:wrap; }
.console-refresh .vw-mobile-brand { display:none; }
.console-refresh :is(.admin-nav-item,.plan-tab,.sel-card,.img-card,.step-panel,.pf-modal-card) { border-radius:6px; }
.console-refresh :is(.sel-card,.img-card,.plan-card) { box-shadow:none; }
.console-refresh .plan-card:hover { transform:none; box-shadow:none; }
.console-refresh .health-card { padding:24px; margin-bottom:20px; }
.console-refresh .health-card h2 { font-size:17px; margin-bottom:12px; }
.console-refresh .health-card p { color:var(--fg-2); line-height:1.7; }
.console-refresh .service-management p { margin:10px 0; color:var(--fg-2); }
.console-refresh .up-card-b .badge { padding:10px 14px; border:1px solid var(--line-1); border-radius:6px; white-space:normal; }
.console-refresh .deploy-wrap { max-width:1400px; }
.console-refresh .stepper { overflow-x:auto; }
.console-refresh .step-item { flex-shrink:0; }
.console-refresh pre { max-width:100%; overflow:auto; }

/* Authentication remains outside the signed-in app shell. */
.console-refresh body.auth-shell { display:block; padding:0 24px 48px; background:var(--bg-0); }
.console-refresh .vw-auth-header { max-width:1200px; margin:0 auto 48px; min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line-1); }
.console-refresh .vw-auth-header a { color:var(--brand-400); text-decoration:none; }
.console-refresh .auth-box { display:block; max-width:460px; min-height:0; margin:0 auto; background:var(--bg-1); overflow:visible; }
.console-refresh .auth-right { display:block; width:100%; padding:36px; border:0; background:transparent; overflow:visible; }
.console-refresh .auth-right::before,.console-refresh .auth-right::after { display:none; }
.console-refresh .auth-title { font-size:28px; line-height:1.25; letter-spacing:-.03em; }
.console-refresh .auth-sub { margin:10px 0 28px; font-size:13px; color:var(--fg-2); }
.console-refresh .auth-right .form-label { color:var(--fg-1); text-transform:none; letter-spacing:0; font-weight:500; font-size:13px; }
.console-refresh .auth-right :is(input,select) { border-color:var(--line-2); border-radius:6px; }
.console-refresh .auth-right .btn-submit { min-height:44px; border-radius:6px; font-weight:600; }
.console-refresh .auth-footer a { color:var(--brand-400); }
.console-refresh .auth-register .auth-box { max-width:1040px; background:transparent; border:0; }
.console-refresh .auth-register .auth-right { padding:0; }
.console-refresh .registration-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.console-refresh .registration-section { min-width:0; padding:26px; background:var(--bg-1); border:1px solid var(--line-1); border-radius:8px; }
.console-refresh .registration-section h2 { font-size:17px; margin:0 0 8px; font-weight:600; }
.console-refresh .registration-section > p { color:var(--fg-2); font-size:13px; margin-bottom:24px; }
.console-refresh .registration-section .form-group { margin-bottom:18px; }
.console-refresh .registration-section .input-bare { min-height:44px; background:var(--bg-2); }
.console-refresh .registration-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.console-refresh .registration-section .input-wrap input { padding-left:12px; }
.console-refresh .required-mark { color:var(--bad); }
.console-refresh .registration-hint { font-size:12px; color:var(--fg-2); margin-top:6px; }
.console-refresh .auth-register #reg-form > .form-group { margin-top:22px!important; }
.console-refresh .auth-register #reg-btn { max-width:420px; display:block; margin:18px auto 0; }
.console-refresh .form-err { font-size:12px; line-height:1.6; }
.console-refresh .otp-input { background:var(--bg-2); border-color:var(--line-2); }
.console-refresh .auth-right .input-toggle { color:var(--fg-1); min-height:40px; padding:4px 0 4px 8px; }
.console-refresh .auth-right .form-control { width:100%; padding:12px; border:1px solid var(--line-2); }
.console-refresh .auth-right .btn { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line-2); color:var(--fg-0); background:var(--brand-500); text-decoration:none; }
.console-refresh .vw-error-page .auth-page { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; background:var(--bg-0); }
.console-refresh .vw-error-page .vw-brand-lockup { margin:0 auto 32px; }
.console-refresh .vw-error-page .auth-page > div > svg { display:none; }
.console-refresh .vw-error-page .auth-page h1::before { content:'404'; display:block; font-size:80px; line-height:1.2; margin-bottom:20px; }
.console-refresh.vw-public-plans .hero { background:var(--bg-0); padding:48px 24px; }
.console-refresh.vw-public-plans .hero-title { font-size:40px; }
.console-refresh.vw-public-plans .hero-sub { font-size:16px; }
.console-refresh.vw-public-plans header .vw-brand-lockup { width:170px; }
.console-refresh .vw-dashboard .stat { position:relative; padding-left:72px; }
.console-refresh .vw-stat-icon { position:absolute; left:20px; top:25px; display:grid; place-items:center; width:36px; height:36px; color:var(--brand-400); background:var(--accent-tint); border-radius:8px; }
.console-refresh .vw-dashboard .stat:nth-child(3) .stat-value { color:var(--fg-0)!important; }
.console-refresh .vw-app.admin .sb-brand { flex-wrap:wrap; }
.console-refresh .vw-app.admin .sb-mark { flex:none; min-width:180px; }
.console-refresh .vw-app.admin .sb-role-badge { margin-left:0; color:var(--brand-400); background:var(--accent-tint); border-color:var(--line-2); }
.console-refresh .vw-settings .admin-grid { display:block; }
.console-refresh .vw-settings .admin-nav { margin-bottom:24px; }
.console-refresh .vw-settings .admin-nav > .card { display:flex; flex-wrap:wrap; gap:4px; }
.console-refresh .vw-settings .admin-nav hr { display:none; }
.console-refresh .vw-settings .admin-nav-item { width:auto; min-height:44px; }
@media(max-width:600px) {
  .console-refresh .vw-dashboard .stat { padding-left:12px; padding-top:58px; }
  .console-refresh .vw-stat-icon { left:12px; top:14px; width:30px; height:30px; }
  .console-refresh.vw-public-plans header .vw-brand-lockup { width:110px; }
}

@media(max-width:1100px) { .console-refresh .vw-page { padding:24px; } }
@media(max-width:900px) {
  .console-refresh .vw-topbar { padding:12px 16px; min-height:68px; }
  .console-refresh .vw-mobile-brand { display:block; margin-right:auto; }
  .console-refresh .vw-mobile-brand .vw-brand-lockup { width:150px; }
  .console-refresh .vw-topbar > .vw-crumbs { display:none; }
  .console-refresh :is(.btn,.btn-sm,.icon-btn,.sb-link,.user-chip) { min-height:44px; }
  .console-refresh .vw-dashboard-secondary { grid-template-columns:minmax(0,1fr); }
  .console-refresh .registration-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  .console-refresh .vw-page { padding:20px 12px!important; }
  .console-refresh .vw-topbar { gap:8px; padding-inline:10px; }
  .console-refresh .vw-mobile-brand .vw-brand-lockup { width:128px; }
  .console-refresh .tb-actions { gap:4px; }
  .console-refresh .user-chip > span,.console-refresh .user-chip-caret { display:none; }
  .console-refresh .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .console-refresh .stat { padding:16px 12px; }
  .console-refresh .stat-value { font-size:23px; }
  .console-refresh .stat-label { font-size:12px; }
  .console-refresh .card { padding:0; }
  .console-refresh .card-header { padding:16px; }
  .console-refresh .page-actions > .btn-primary { flex:1; }
  .console-refresh .page-title { font-size:24px!important; }
  .console-refresh .page-head { text-align:left; align-items:flex-start; }
  .console-refresh .vw-mobile-cards { display:block; min-width:0!important; width:100%; }
  .console-refresh .vw-mobile-cards thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .console-refresh .vw-mobile-cards tbody { display:block; padding:12px; }
  .console-refresh .vw-mobile-cards tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; border:1px solid var(--line-1); border-radius:6px; margin-bottom:12px; background:var(--bg-1); }
  .console-refresh .vw-mobile-cards tbody tr:last-child { margin-bottom:0; }
  .console-refresh .vw-mobile-cards td { display:block; padding:0; border:0; min-width:0; white-space:normal; overflow-wrap:anywhere; }
  .console-refresh .vw-mobile-cards td[data-label]::before { content:attr(data-label); display:block; font:11px/1.5 var(--font-sans); color:var(--fg-2); margin-bottom:4px; }
  .console-refresh .vw-mobile-cards .vw-cell-wide { grid-column:1 / -1; }
  .console-refresh body.auth-shell { padding:0 16px 32px; }
  .console-refresh .vw-auth-header { min-height:76px; margin-bottom:28px; }
  .console-refresh .vw-auth-header .vw-brand-lockup { width:166px; }
  .console-refresh .auth-right { padding:24px 20px; }
  .console-refresh .registration-section { padding:20px; }
  .console-refresh .registration-pair { grid-template-columns:1fr; gap:0; }
  .console-refresh .auth-register .auth-title { font-size:28px!important; }
}

/* Screenshot alignment: shared graphite surfaces and hand-drawn outline SVGs. */
html.console-refresh:not([data-theme="light"]) {
  --bg-0:#0d1218; --bg-1:#111820; --bg-2:#161e27; --bg-3:#202a36;
  --line-1:#26323f; --line-2:#344251; --fg-0:#f5f7fb; --fg-1:#d3dce8; --fg-2:#aab8c9;
  --brand-400:#bc77ff; --brand-500:#8028ff; --brand-600:#6920e0; --ok:#51dc9b;
}
.console-refresh .vw-design-icon { flex-shrink:0; vertical-align:middle; }
.console-refresh :is(.btn-primary,.btn-gradient,.btn-submit) { background:linear-gradient(135deg,#8a2cff,#6719ff); border:1px solid #8b35ff; box-shadow:inset 0 1px 0 #ffffff14; }
.console-refresh .sb-user { display:none; }
.console-refresh .sb-nav > .sb-section:first-child { display:none; }
.console-refresh .sb-nav { padding:18px 14px; }
.console-refresh .sb-link { min-height:46px; gap:16px; }
.console-refresh .sb-link-icon { color:var(--fg-1); }
.console-refresh .vw-app .sb-link.active { background:linear-gradient(105deg,#7222e542,#5211b03d); border:1px solid #8e40ee55; }
.console-refresh .vw-app .sb-link { border:1px solid transparent; }
.console-refresh .vw-app .user-avatar,.console-refresh .sb-avatar { background:#303c4d; border-radius:50%; }
.console-refresh .vw-topbar { min-height:66px; padding-block:12px; }
.console-refresh .sb-brand { height:66px; }
.console-refresh .vw-app.admin .sb-brand { height:82px; align-content:center; }
.console-refresh .vw-app.admin .sb-role-badge { margin-left:64px; padding:0; border:0; background:none; font-size:9px; letter-spacing:.08em; color:var(--fg-2); }
.console-refresh .page-title { font-size:32px; font-weight:600; }
.console-refresh .page-sub { font-size:14px; }
.console-refresh .card-title { font-size:18px; }
.console-refresh .vw-dashboard .stat { min-height:112px; padding:24px 16px 20px 80px; }
.console-refresh .vw-stat-icon { top:20px; left:18px; width:42px; height:46px; color:var(--fg-0); background:linear-gradient(135deg,var(--bg-3),var(--bg-2)); border-radius:5px; }
.console-refresh .vw-stat-running { color:var(--ok); }
.console-refresh .vw-dashboard .stat-label { font-weight:400; margin-bottom:10px; }
.console-refresh .vw-dashboard .stat > div:last-child:not(.stat-value) { display:none; }
.console-refresh .vw-dashboard .stat:nth-child(4) .stat-value[style] { color:#ff6868!important; }
.console-refresh .vw-dashboard-secondary { grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); }
.console-refresh .vw-dashboard-secondary > :nth-child(1) { order:2; }
.console-refresh .vw-dashboard-secondary > :nth-child(2) { order:1; }
.console-refresh .vw-dashboard-secondary > :nth-child(3) { order:3; }
.console-refresh .vw-wallet-card .card-title { display:flex; align-items:center; gap:12px; }
.console-refresh .vw-wallet-card .card-header { border:0; }
.console-refresh .vw-wallet-card > div:nth-child(2) > div:first-child { color:var(--fg-0)!important; }
.console-refresh .vw-wallet-card .btn-primary { border:1px solid var(--brand-400); background:transparent; color:var(--brand-400); }
.console-refresh .vw-recent-invoices td,.console-refresh .vw-recent-invoices th { font-size:12px; padding:14px 12px; }
.console-refresh .vw-invoice-status { display:inline-flex; border-radius:5px; padding:4px 9px; }
.console-refresh .vw-invoice-status.is-paid { background:#26c58120; color:var(--ok); }
.console-refresh .vw-invoice-status.is-unpaid { background:#ed555520; color:#ff8980; }
.console-refresh .vw-invoice-link { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:var(--brand-400); text-decoration:none; }
.console-refresh .vw-settings .admin-nav > .card { padding:0!important; gap:0; }
.console-refresh .vw-settings .admin-nav-item { padding:12px 18px; border-right:1px solid var(--line-1); border-radius:0; }
.console-refresh .vw-settings .admin-nav-item.active { background:linear-gradient(135deg,#8a2cff,#6719ff); color:white; border-radius:6px; }
.console-refresh .vw-field-icon { position:relative; }
.console-refresh .vw-field-icon > .vw-design-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--fg-1); z-index:1; pointer-events:none; }
.console-refresh .registration-section .vw-field-icon :is(input,select) { width:100%; padding-left:46px; }
.console-refresh .registration-section .vw-field-icon.input-wrap { padding:0; }
.console-refresh .registration-section .input-toggle { right:12px; display:grid; place-items:center; padding:0; width:28px; }
.console-refresh .registration-section .input-toggle .vw-design-icon { position:static; }
.console-refresh .registration-section { background:var(--bg-1); padding:26px; }
.console-refresh .registration-section h2 { font-size:22px; }
.console-refresh .registration-section .form-group { margin-bottom:22px; }
.console-refresh .registration-section > p { font-size:14px; margin-bottom:28px; }
.console-refresh .registration-section .form-label { margin-bottom:8px; }
.console-refresh .registration-consent { background:var(--bg-1); border:1px solid var(--line-1); border-radius:8px; padding:20px; }
.console-refresh .auth-register #reg-btn { margin:14px 0 0; max-width:none; width:100%; }
.console-refresh .auth-register .auth-title { font-size:38px; }
.console-refresh .auth-register .auth-sub { font-size:16px; }
.console-refresh .vw-auth-login-label { color:var(--fg-1); margin-right:8px; }
@media(min-width:901px) {
  .console-refresh .auth-register #reg-form { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; align-items:stretch; }
  .console-refresh .registration-grid { display:contents; }
  .console-refresh .registration-section:first-child { grid-column:1; grid-row:1 / 3; }
  .console-refresh .registration-section:nth-child(2) { grid-column:2; grid-row:1; }
  .console-refresh .registration-consent { grid-column:2; grid-row:2; }
  .console-refresh .vw-dashboard-secondary .vw-wallet-card { min-width:0; }
}
@media(max-width:900px) {
  .console-refresh .vw-dashboard-secondary { grid-template-columns:minmax(0,1fr); }
  .console-refresh .registration-consent { margin-top:12px; }
}
@media(max-width:600px) {
  .console-refresh .vw-dashboard .stat { min-height:94px; padding:18px 10px 14px 48px; }
  .console-refresh .vw-stat-icon { top:14px; left:9px; width:30px; height:34px; }
  .console-refresh .vw-stat-icon svg { width:20px; height:20px; }
  .console-refresh .vw-dashboard .stat-label { font-size:11px; margin-bottom:8px; }
  .console-refresh .vw-dashboard .stat-value { font-size:20px; }
  .console-refresh .vw-dashboard .stat:nth-child(3) .stat-value { font-size:17px; }
  .console-refresh .registration-pair { grid-template-columns:1fr 1fr; gap:12px; }
  .console-refresh .registration-section { padding:18px 16px; }
  .console-refresh .registration-section h2 { font-size:18px; }
  .console-refresh .registration-section > p { font-size:12px; margin-bottom:16px; }
  .console-refresh .registration-section .form-group { margin-bottom:16px; }
  .console-refresh .registration-section .form-label { font-size:12px; }
  .console-refresh .registration-section .vw-field-icon :is(input,select) { padding-left:36px; font-size:13px; }
  .console-refresh .vw-field-icon > .vw-design-icon { left:10px; width:17px; height:17px; }
  .console-refresh .registration-pair .vw-field-icon > .vw-design-icon { left:8px; }
  .console-refresh .registration-pair .vw-field-icon input { padding-left:30px; padding-right:5px; }
  .console-refresh .vw-auth-login-label { display:none; }
  .console-refresh .registration-consent { padding:16px; }
}
.console-refresh .vw-server-state { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.console-refresh .vw-server-state i { width:8px; height:8px; border-radius:50%; }
.console-refresh .registration-section input::placeholder { color:var(--fg-2); opacity:1; }
@media(max-width:600px) {
  .console-refresh.vw-public-plans header .plans-container { padding:10px 12px; height:auto!important; min-height:64px; flex-wrap:wrap; gap:10px; }
  .console-refresh.vw-public-plans header .plans-container > div:last-child { flex-wrap:wrap; }
  .console-refresh.vw-public-plans header .btn { padding-inline:9px; font-size:12px; }
}
.console-refresh .vw-dashboard .vw-secondary-pricing { display:none; }
.console-refresh .vw-dashboard-secondary > :last-child { border:0; background:none; padding:0!important; }
.console-refresh .vw-dashboard-secondary > :last-child > div:first-child { display:none; }
.console-refresh .auth-register #reg-form { grid-template-rows:1fr auto; }
.console-refresh .registration-consent { align-self:end; }
.console-refresh .auth-register .auth-footer { display:none; }
.console-refresh .required-mark { color:#ff7777; }
@media(min-width:901px) {
  .console-refresh .vw-sidebar { width:216px; }
  .console-refresh .vw-main { margin-left:216px; width:calc(100% - 216px); }
  .console-refresh .vw-app.collapsed .vw-main { margin-left:60px; width:calc(100% - 60px); }
}
.console-refresh .vw-server-location { display:inline-flex; align-items:center; gap:9px; vertical-align:middle; }
.console-refresh .vw-location-flag { display:inline-flex; flex-shrink:0; line-height:0; }
.console-refresh .vw-location-flag svg { border-radius:2px; box-shadow:0 0 0 1px #ffffff18; }

/* Approved page compositions: invoice, payments, deployment and management. */
.console-refresh .vw-invoice-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.console-refresh .vw-invoice-stats > .card { padding:22px; }
.console-refresh .vw-invoice-stats span,.console-refresh .vw-invoice-meta span { display:block; color:var(--fg-2); font-size:13px; margin-bottom:10px; }
.console-refresh .vw-invoice-stats strong { display:block; font-size:22px; font-weight:600; width:fit-content; }
.console-refresh .vw-invoice-stats .vw-invoice-status { font-size:14px; }
.console-refresh .vw-invoice-service { margin-bottom:24px; }
.console-refresh .vw-invoice-meta { display:flex; flex-wrap:wrap; gap:24px 60px; padding:22px; }
.console-refresh .vw-invoice-meta strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.console-refresh .vw-invoice-bottom { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr); gap:24px; }
.console-refresh .vw-invoice-totals { padding:24px; }
.console-refresh .vw-invoice-totals > div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; }
.console-refresh .vw-invoice-totals .vw-total { border-top:1px solid var(--line-1); margin-top:12px; font-size:18px; }
.console-refresh .vw-payment-summary { padding:22px; display:flex; flex-direction:column; gap:20px; }
.console-refresh .vw-payment-summary #feeBreakdown { padding:0!important; max-width:none!important; border:0!important; background:transparent!important; }
.console-refresh .vw-payment-summary > div { max-width:none!important; }
.console-refresh .vw-add-funds .split-layout { grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr); }
.console-refresh .vw-server-detail .split-layout { grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr); }
.console-refresh .vw-server-detail .tbl td { padding:12px 20px; }
.console-refresh .vw-server-detail .page-sub { flex-wrap:wrap; }
.console-refresh .vw-spec-rows { padding:8px 20px; }
.console-refresh .vw-spec-rows > div { display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--line-1); }
.console-refresh .vw-spec-rows span { color:var(--fg-2); }
.console-refresh .vw-spec-rows strong { font-weight:500; }
.console-refresh .vw-compact-metrics { gap:8px; padding:12px; margin-bottom:0!important; }
.console-refresh .vw-compact-metrics .card { padding:8px!important; border:0; }
.console-refresh .vw-compact-metrics svg { width:64px; height:64px; }
.console-refresh .vw-compact-metrics .ring-sub { display:none; }
.console-refresh .vw-financial-details { margin-top:24px; border:1px solid var(--line-1); border-radius:8px; padding:20px; }
.console-refresh .vw-financial-details > summary { cursor:pointer; font-size:16px; font-weight:600; }
.console-refresh .vw-financial-details[open] > summary { margin-bottom:20px; }
.console-refresh .vw-settings { max-width:1400px!important; }
.console-refresh .vw-settings .card-body { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px!important; padding:24px; }
.console-refresh .vw-settings .card-body > .grid-2 { display:contents; }
.console-refresh .vw-settings .card-body > :not(.field):not(.grid-2) { grid-column:1 / -1; }
.console-refresh .vw-settings .card-body .field { min-width:0; }
.console-refresh .vw-settings .card-body .input { width:100%; }
.console-refresh .vw-settings form > .card > :is(h2,h3) { padding:20px 24px 0; }
.console-refresh .vw-deploy-page { display:grid; grid-template-columns:190px minmax(0,1fr); padding:28px; gap:24px; }
.console-refresh .vw-deploy-page > .vw-topbar { grid-column:1 / -1; padding:0!important; background:none; }
.console-refresh .vw-deploy-steps { padding:0!important; border:0!important; background:none!important; }
.console-refresh .vw-deploy-steps .stepper { display:flex; flex-direction:column; align-items:stretch; overflow:visible; gap:8px; }
.console-refresh .vw-deploy-steps .step-connector { display:none; }
.console-refresh .vw-deploy-steps .step-item { opacity:1; cursor:pointer; min-height:64px; padding:10px; border-radius:6px; }
.console-refresh .vw-deploy-steps .step-item.active { background:var(--accent-tint); }
.console-refresh .vw-deploy-steps .step-label-sup { display:none; }
.console-refresh .vw-deploy-page #dForm { min-width:0; }
.console-refresh .vw-deploy-page .deploy-wrap { padding:0; grid-template-columns:minmax(0,1fr); }
.console-refresh .vw-deploy-page .step-panel { padding:26px; margin:0; background:var(--bg-1); border:1px solid var(--line-1); min-height:330px; }
.console-refresh .vw-deploy-page.is-wizard .step-panel[hidden] { display:none; }
.console-refresh .vw-deploy-page .summary-card { position:static; border-radius:8px; }
.console-refresh .vw-deploy-page .loc-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.console-refresh .vw-deploy-page .plan-group { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
@media(min-width:1200px) {
 .console-refresh .vw-deploy-page .summary-card { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 22px; }
 .console-refresh .vw-deploy-page .summary-card > :first-child { grid-column:1 / -1; }
 .console-refresh .vw-deploy-page .summary-card > div { margin:0!important; min-width:0; }
 .console-refresh .vw-deploy-page .summary-card > :last-child { grid-column:3; }
}
@media(max-width:900px) {
 .console-refresh .vw-invoice-bottom,.console-refresh .vw-server-detail .split-layout,.console-refresh .vw-add-funds .split-layout { grid-template-columns:minmax(0,1fr); }
 .console-refresh .vw-deploy-page { grid-template-columns:minmax(0,1fr); padding:16px; }
 .console-refresh .vw-deploy-steps .stepper { flex-direction:row; overflow-x:auto; }
 .console-refresh .vw-deploy-steps .step-item { flex:0 0 auto; min-height:48px; }
 .console-refresh .vw-deploy-page .step-panel { padding:18px; }
}
@media(max-width:600px) {
 .console-refresh .vw-invoice-stats { grid-template-columns:minmax(0,1fr); gap:12px; }
 .console-refresh .vw-invoice-stats > .card { padding:16px; }
 .console-refresh .vw-invoice-totals { padding:20px; }
 .console-refresh .vw-settings .card-body { grid-template-columns:minmax(0,1fr); padding:18px; }
}

/* User preference: all deployment choices stay on one page. */
.console-refresh .vw-deploy-single { display:block; }
.console-refresh .vw-deploy-single .vw-deploy-steps .stepper { flex-direction:row; overflow-x:auto; gap:8px; }
.console-refresh .vw-deploy-single .vw-deploy-steps .step-item { flex:1 0 auto; min-height:50px; }
.console-refresh .vw-deploy-single .deploy-wrap { grid-template-columns:minmax(0,1fr) 300px; align-items:start; margin-top:24px; }
.console-refresh .vw-deploy-single .step-panel { display:block; margin-bottom:24px; min-height:0; }
.console-refresh .vw-deploy-single .summary-card { display:block; position:sticky; top:80px; }
.console-refresh .vw-deploy-single .summary-card > div { margin-bottom:12px!important; }
.console-refresh .vw-stock-status { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--fg-2); font-size:12px; margin:14px 0 24px; }
.console-refresh .plan-card.stock-unknown .stock-badge { background:var(--bg-3); color:var(--fg-1); border:1px solid var(--line-2); }
.console-refresh .plan-card .stock-badge { z-index:2; }
@media(max-width:1100px) {
 .console-refresh .vw-deploy-single .deploy-wrap { grid-template-columns:minmax(0,1fr); }
 .console-refresh .vw-deploy-single .summary-card { position:static; }
}

/* White infrastructure console. Shared presentation only; controls retain their contracts. */
html.console-refresh[data-theme="light"] {
 --bg-0:#fff; --bg-1:#fff; --bg-2:#f7f8fa; --bg-3:#eef0f3; --bg-4:#e4e7eb;
 --fg-0:#252a32; --fg-1:#424952; --fg-2:#626b76; --fg-3:#707985;
 --line-1:#e1e4e8; --line-2:#cbd0d7; --line-3:#9aa2ae;
 --brand-400:#6930c3; --brand-500:#6930c3; --brand-600:#54269d;
 --accent-tint:#f1ecf8; color-scheme:light;
}
.console-refresh :is(.btn-primary,.btn-gradient,.btn-submit) { background:var(--brand-500); border:1px solid var(--brand-500); color:#fff; box-shadow:none; }
.console-refresh :is(.btn-primary,.btn-gradient,.btn-submit):hover { background:var(--brand-600); border-color:var(--brand-600); box-shadow:none; }
.console-refresh :is(.card,.up-card,.stat,.stat-card,.plan-card,.summary-card,.step-panel,.auth-box,.vw-financial-details) { border-radius:4px; box-shadow:none; }
.console-refresh :is(.btn,.btn-outline,.btn-gradient,.btn-submit,.input,.select,.form-control) { border-radius:4px; }
.console-refresh .vw-app .sb-link.active { background:var(--accent-tint); border-color:transparent; color:var(--brand-400); }
.console-refresh .sb-link { border-radius:3px; }
.console-refresh .vw-topbar { min-height:64px; padding-block:10px; background:var(--bg-1); }
.console-refresh .sb-brand { height:64px; }
.console-refresh .vw-sidebar { background:var(--bg-2); }
.console-refresh .page-title { font-size:25px; font-weight:500; letter-spacing:-.02em; }
.console-refresh .page-head { margin-bottom:24px; }
.console-refresh .card-header { padding:16px 20px; }
.console-refresh .tbl th { background:var(--bg-2); color:var(--fg-1); font-weight:500; padding:12px 20px; }
.console-refresh .tbl td { padding:14px 20px; }
.console-refresh .vw-stat-icon { color:var(--fg-2); background:transparent; border-radius:0; }
.console-refresh .vw-settings .admin-nav-item.active { background:var(--accent-tint); color:var(--brand-400); border-radius:3px; }
.console-refresh .vw-app.admin :is(.sb-avatar,.user-avatar) { background:var(--brand-500); }
.console-refresh .hero { background:var(--bg-2); }
.console-refresh .auth-left { background:var(--bg-2); }
.console-refresh .auth-tagline h2,.console-refresh .auth-logo-name { color:var(--fg-0); }
.console-refresh .auth-tagline p,.console-refresh .auth-feat { color:var(--fg-2); }
.console-refresh .auth-right { border-color:var(--line-1); }
.console-refresh .auth-register .auth-title { font-size:30px; font-weight:500; }
.console-refresh .auth-register .auth-sub { font-size:14px; }
.console-refresh .auth-right .btn { color:#fff; }
.console-refresh :is(.input,.select,.form-control) { box-shadow:none; }
@media(max-width:600px) {
 .console-refresh .page-title { font-size:23px; }
 .console-refresh .tbl td,.console-refresh .tbl th { padding:12px; }
}


/* VoloWeb authentication: editorial type and a custom infrastructure drawing. */
.console-refresh body.auth-shell { background:#fbfaf7; }
.console-refresh .vw-auth-header { max-width:1240px; border:0; margin-bottom:24px; }
.console-refresh .auth-box { display:grid; grid-template-columns:1.1fr 1fr; max-width:1100px; border:1px solid #ded9e3; border-radius:0; overflow:hidden; background:#fff; }
.console-refresh .vw-auth-story { display:flex; flex-direction:column; padding:40px; background:#f0ebf5; color:#342244; min-width:0; }
.vw-story-label { font-size:10px; font-weight:600; letter-spacing:.14em; }
.vw-auth-story h2 { font-family:'Plus Jakarta Sans',system-ui,sans-serif; font-size:52px; font-weight:400; letter-spacing:-.035em; line-height:1.08; margin:38px 0 20px; }
.vw-auth-story h2 em { color:#6b4294; font-weight:400; }
.vw-auth-story p { font-size:13px; color:#6d5f79; line-height:1.8; }
.vw-cloud-drawing { width:100%; height:auto; margin:24px 0; }
.vw-story-bottom { display:flex; justify-content:space-between; gap:16px; border-top:1px solid #d8cedf; padding-top:18px; margin-top:auto; font-size:10px; color:#6d5f79; }
.console-refresh .auth-box > .auth-right { align-self:center; padding:48px; background:var(--bg-1); }
.console-refresh .auth-title { font-size:30px; font-weight:500; }
.console-refresh .auth-right .input-wrap input { background:transparent; min-height:48px; }
.console-refresh .auth-right .btn-submit { background:#6b4294; border-color:#6b4294; min-height:48px; }
.console-refresh .auth-right .btn-submit:hover { background:#523171; }
.console-refresh .auth-register .auth-box { max-width:1240px; grid-template-columns:330px minmax(0,1fr); border:1px solid #ded9e3; }
.console-refresh .auth-register .vw-auth-story { padding:30px; }
.console-refresh .auth-register .vw-auth-story h2 { font-size:44px; }
.console-refresh .auth-register .auth-right { padding:32px; }
.console-refresh .auth-register .registration-section { padding:20px; border-radius:0; }
@media(max-width:1050px) {
 .console-refresh .auth-register .auth-box { grid-template-columns:minmax(0,1fr); }
 .console-refresh .auth-register .vw-auth-story { display:none; }
}
@media(max-width:760px) {
 .console-refresh .auth-box { grid-template-columns:minmax(0,1fr); max-width:520px; }
 .console-refresh .vw-auth-story { padding:24px; }
 .vw-auth-story h2 { font-size:34px; margin:18px 0 8px; }
 .vw-auth-story h2 br { display:none; }
 .vw-auth-story p,.vw-cloud-drawing,.vw-story-bottom { display:none; }
 .console-refresh .auth-box > .auth-right { padding:28px 24px; }
 .console-refresh .auth-register .auth-right { padding:20px 16px; }
}
.console-refresh[data-theme="light"] .auth-right #passkey-btn { color:#623b8a!important; border-color:#baa4d0!important; background:#f5f0fa!important; border-radius:4px!important; }
/* Match the public VoloWeb brand typography. */
.vw-auth-story h2 { font-weight:700; font-size:46px; line-height:1.15; }
.vw-auth-story h2 em { font-style:normal; font-weight:700; }
@media(max-width:760px) { .vw-auth-story h2 { font-size:32px; } }

/* White VoloWeb authentication, consistent with the customer console. */
.console-refresh body.auth-shell { background:#fff; }
.console-refresh .auth-box,.console-refresh .auth-register .auth-box { background:#fff; border-color:#e1e4e8; }
.console-refresh .vw-auth-story { background:#fff; color:#252a32; border-right:1px solid #e1e4e8; }
.vw-auth-story h2 em { color:#7c3aed; }
.vw-auth-story p,.vw-story-bottom { color:#626b76; }
.vw-story-bottom { border-color:#e1e4e8; }
.console-refresh .auth-box > .auth-right { background:#fff; color:#252a32; }
.console-refresh .auth-right .btn-submit { background:#7c3aed; border-color:#7c3aed; color:#fff; }
.console-refresh .auth-right .btn-submit:hover { background:#6d28d9; border-color:#6d28d9; }
.console-refresh[data-theme="light"] .auth-right #passkey-btn { color:#6d28d9!important; background:#fff!important; border-color:#c4b5fd!important; }
@media(max-width:760px) { .console-refresh .vw-auth-story { border-right:0; border-bottom:1px solid #e1e4e8; } }

/* VoloWeb dashboard: actionable summary, clear service table, restrained purple. */
.console-refresh .vw-dashboard-v2 .page-head { padding:28px 30px; border:1px solid var(--line-1); border-left:4px solid var(--brand-500); background:var(--bg-1); border-radius:6px; gap:24px; }
.vw-dashboard-eyebrow { display:block; color:var(--brand-400); font-size:10px; font-weight:700; letter-spacing:.13em; margin-bottom:12px; }
.console-refresh .vw-dashboard-v2 .page-title { font-size:30px; font-weight:650; }
.console-refresh .vw-dashboard-v2 .stat-grid { gap:0; border:1px solid var(--line-1); border-radius:6px; background:var(--bg-1); overflow:hidden; margin-bottom:28px!important; }
.console-refresh .vw-dashboard-v2 .stat { padding:22px 24px; border:0; border-right:1px solid var(--line-1); border-radius:0; min-height:155px; }
.console-refresh .vw-dashboard-v2 .stat:last-child { border-right:0; }
.console-refresh .vw-dashboard-v2 .stat > div:last-child:not(.stat-value) { display:block; }
.console-refresh .vw-dashboard-v2 .vw-stat-icon { position:static; display:inline-flex; width:22px; height:22px; margin-bottom:12px; color:var(--brand-400); }
.console-refresh .vw-dashboard-v2 .stat-label { display:inline-block; margin-left:8px; font-size:12px; }
.console-refresh .vw-dashboard-v2 .stat-value { font-size:28px; font-weight:600; }
.console-refresh .vw-dashboard-v2 .stat:nth-child(4) .stat-value[style] { color:var(--warn)!important; }
.vw-section-note { font-size:11px; color:var(--fg-2); margin-top:5px; }
.console-refresh .vw-dashboard-v2 .card-header { padding:20px 22px; }
.console-refresh .vw-dashboard-v2 .tbl th { font-size:11px; font-weight:600; }
.console-refresh .vw-dashboard-v2 .tbl td { padding-block:18px; }
.console-refresh .vw-dashboard-v2 .vw-wallet-card { border-top:3px solid var(--brand-500); }
.console-refresh .vw-dashboard-v2 .vw-invoice-status.is-neutral { background:var(--bg-3); color:var(--fg-2); }
.console-refresh .vw-dashboard-v2 .vw-dashboard-secondary > :last-child .sb-item { border:1px solid var(--line-1); border-radius:4px; color:var(--fg-1); }
@media(max-width:760px) {
 .console-refresh .vw-dashboard-v2 .page-head { padding:22px 18px; }
 .console-refresh .vw-dashboard-v2 .page-title { font-size:24px; }
 .console-refresh .vw-dashboard-v2 .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .console-refresh .vw-dashboard-v2 .stat { padding:18px 14px; border-bottom:1px solid var(--line-1); }
 .console-refresh .vw-dashboard-v2 .stat:nth-child(2) { border-right:0; }
 .console-refresh .vw-dashboard-v2 .stat:nth-child(n+3) { border-bottom:0; }
 .console-refresh .vw-dashboard-v2 .stat-value { font-size:24px; }
 .console-refresh .vw-dashboard-v2 .stat:nth-child(3) .stat-value { font-size:20px; }
}

/* Approved VoloWeb server workspace. Existing action forms retain their handlers. */
.console-refresh .vw-server-workspace { position:relative; padding-right:84px; max-width:1800px; }
.server-tabs { display:flex; align-items:center; gap:24px; border-bottom:1px solid var(--line-1); overflow:auto; margin-bottom:24px; }
.server-tabs a,.server-tabs button { white-space:nowrap; padding:14px 0; color:var(--fg-1); background:none; border:0; font:inherit; text-decoration:none; cursor:pointer; }
.server-tabs .active { color:var(--brand-400); border-bottom:2px solid var(--brand-500); }
.server-workspace { display:grid; grid-template-columns:1.15fr 1fr 1.05fr; gap:18px; align-items:stretch; }
.server-workspace > * { min-width:0; }
.server-workspace h2,.server-extra h2 { font-size:16px; font-weight:600; margin:0 0 22px; }
.server-workspace :is(.server-general,.server-location-card,.server-access,.server-activity,.server-graphs),.server-extra { padding:24px; }
.server-general { grid-column:2; grid-row:1/3; }
.server-location-card { grid-column:3; grid-row:1/3; }
.server-access { grid-column:1; grid-row:2; }
.server-activity { grid-column:1; }
.server-graphs { grid-column:2/4; }
.server-identity-slot > .card { height:100%; }
.server-identity-slot > .card > div:nth-child(2) { padding:10px 20px 20px; }
.server-facts { margin:0 0 20px; }
.server-facts > div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; font-size:12px; }
.server-facts dt { color:var(--fg-2); }
.server-facts dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.server-region-map { display:block; width:100%; height:260px; }
.server-note { color:var(--fg-2); font-size:12px; line-height:1.7; margin:12px 0; }
.server-access-user { display:flex; justify-content:space-between; font-size:13px; margin-bottom:12px; }
#serverPasswordSlot { font-size:12px; color:var(--fg-2); margin:14px 0; }
#serverPasswordSlot > div { padding:0!important; border:0!important; }
#serverPasswordSlot .input { width:0; min-width:0; }
.server-copy { margin-left:10px; font-size:11px; padding:5px 7px; color:var(--brand-400); border:1px solid var(--line-1); background:var(--bg-1); border-radius:4px; cursor:pointer; }
.server-event { display:grid; gap:5px; border-left:2px solid var(--brand-500); padding:0 0 0 12px; margin:18px 0; font-size:12px; overflow-wrap:anywhere; }
.server-event span,.server-event time { color:var(--fg-2); font-size:11px; }
.server-chart-head { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between; }
.server-chart-head h2 { margin:0; }
.server-chart-head label { font-size:11px; color:var(--fg-2); }
.server-chart-head select { padding:8px; background:var(--bg-1); color:var(--fg-0); border:1px solid var(--line-1); border-radius:4px; }
#metricChart { width:100%; height:auto; }
#metricLegend { display:flex; flex-wrap:wrap; gap:10px; }
.server-extra { margin-top:20px; }
.server-action-rail { position:absolute; right:18px; top:80px; z-index:1; display:flex; flex-direction:column; background:var(--brand-500); border-radius:9px; padding:5px; }
.server-action-rail button { width:42px; height:48px; display:grid; place-items:center; border:0; background:transparent; color:white; cursor:pointer; }
.server-action-rail button:hover { background:#ffffff20; }
.console-refresh .server-legacy { margin-top:24px; }
.console-refresh .server-legacy .vw-specifications[hidden] { display:none; }
.console-refresh .vw-server-workspace .page-head { margin-bottom:0; justify-content:flex-end; }
.console-refresh .vw-server-workspace .page-head .page-actions { display:none; }
@media(max-width:1200px) { .server-workspace { grid-template-columns:1fr 1fr; } .server-general { grid-column:2; } .server-location-card { grid-column:2; grid-row:3; } .server-activity { grid-column:1; grid-row:3; } .server-graphs { grid-column:1/-1; } }
@media(max-width:760px) {
 .console-refresh .vw-server-workspace { padding:16px 12px 90px; }
 .server-workspace { display:flex; flex-direction:column; }
 .server-identity-slot { order:0; }.server-access { order:1; }.server-general { order:2; }.server-location-card { order:3; }.server-activity { order:4; }.server-graphs { order:5; }
 .server-action-rail { position:static; flex-direction:row; width:max-content; margin:18px 0 0 auto; }
 .server-tabs { gap:20px; }.server-tabs a,.server-tabs button { min-height:44px; }
 .server-workspace :is(.server-general,.server-location-card,.server-access,.server-activity,.server-graphs) { padding:18px; }
 .server-facts > div { font-size:13px; }.server-region-map { height:240px; }
}
.console-refresh .vw-resource-shell .sb-nav { padding:8px 0; }
.console-refresh .vw-resource-shell .sb-link { min-height:48px; padding:14px 24px; border-radius:0; margin:0; font-size:13px; }
.console-refresh .vw-resource-shell .sb-link-icon { color:var(--fg-0); }
.console-refresh .vw-resource-shell .sb-link.active { background:var(--brand-500); color:#fff; border:0; }
.console-refresh .vw-resource-shell .sb-link.active .sb-link-icon { color:white; }
.server-nav-row { position:relative; }.server-nav-add { position:absolute; right:18px; top:8px; color:#fff; padding:6px; font-size:22px; text-decoration:none; }
.server-nav-divider { border:0; border-top:1px solid var(--line-1); margin:20px 24px; }
.console-refresh .vw-resource-shell .sb-deploy { display:none; }
.console-refresh .vw-resource-shell.collapsed .server-nav-add { display:none; }
.console-refresh .server-region-map { width:100%; height:260px; max-width:100%; }
.console-refresh #metricChart { width:100%; height:auto; }
.console-refresh #metricChart[hidden] { display:none!important; }
.console-refresh .server-identity-slot .tbl tr[hidden] { display:none!important; }
.console-refresh .server-workspace .server-activity,.console-refresh .server-workspace .server-graphs { min-height:245px; }
.console-refresh .server-workspace [hidden],.console-refresh .server-legacy[hidden] { display:none!important; }
.server-workspace[data-active-tab] > * { grid-row:auto; grid-column:auto; }
.server-workspace[data-active-tab]:not([data-active-tab="overview"]) { grid-template-columns:minmax(0,1fr); }
.server-tab-stack { display:grid; gap:18px; }
.server-workspace[data-active-tab="overview"] .server-region-map { height:160px; }
.server-workspace[data-active-tab="overview"] .server-facts > div { padding:8px 0; }

/* Overview access and customer-controlled card order. */
.server-layout-tools { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin:0 0 16px; color:var(--fg-2); font-size:13px; }
.server-layout-tools > div { display:flex; gap:8px; }
.server-layout-feedback { flex-basis:100%; font-size:12px; }
.server-layout-feedback:empty { display:none; }
.server-layout-tools[hidden],.server-layout-tools [hidden],.server-card-move[hidden] { display:none!important; }
.server-workspace[data-active-tab="overview"] { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.server-workspace[data-active-tab="overview"] > [data-layout-card] { order:0; }
.server-workspace[data-active-tab="overview"] .server-identity-slot > .card { height:auto; }
.server-card-move { display:flex; align-items:center; gap:6px; padding:0 0 12px; margin-bottom:12px; border-bottom:1px dashed var(--line-2); }
.server-identity-slot .server-card-move { padding:12px 18px; margin:0; }
.server-card-move button { background:var(--bg-2); color:var(--fg-1); border:1px solid var(--line-1); border-radius:5px; min-width:36px; min-height:36px; cursor:pointer; }
.server-card-move .server-drag-handle { margin-right:auto; padding:5px 10px; cursor:grab; font-size:12px; }
.server-workspace .is-dragging { opacity:.55; outline:2px dashed var(--brand-500); }
.server-panel-access { margin-top:22px; padding-top:20px; border-top:1px solid var(--line-1); }
.access-switch { display:flex; gap:20px; border-bottom:1px solid var(--line-1); margin:12px 0 20px; }
.access-switch button { background:none; color:var(--fg-2); border:0; border-bottom:2px solid transparent; padding:12px 0; font:inherit; font-size:14px; cursor:pointer; min-height:44px; }
.access-switch button[aria-selected="true"] { color:#7c3aed; border-bottom-color:#7c3aed; font-weight:600; }
.access-switch ~ .server-panel-access { border-top:0; margin-top:0; padding-top:0; }
#panelAccessContent[hidden],#sshAccessContent[hidden] { display:none!important; }
.server-panel-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.server-panel-heading img { object-fit:contain; flex-shrink:0; }
.server-panel-heading h3 { font-size:15px; font-weight:600; margin:0; }
#panelStatus { margin-left:auto; padding:5px 8px; border-radius:5px; background:var(--bg-2); color:var(--fg-2); font-size:11px; }
#panelStatus[data-state="ready"] { color:var(--ok); }
#panelStatus[data-state="failed"],#panelStatus[data-state="blocked"] { color:var(--warn); }
.server-panel-access .server-facts a { overflow-wrap:anywhere; }
.panel-advanced { margin-top:16px; font-size:12px; }
.panel-advanced summary { cursor:pointer; color:var(--fg-2); padding:8px 0; }
.panel-advanced pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; border:1px solid var(--line-1); background:var(--bg-2); border-radius:5px; }
.panel-secret-row { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.panel-secret-row input { flex:1; min-width:100px; width:0; border:1px solid var(--line-1); background:var(--bg-2); color:var(--fg-0); border-radius:5px; padding:8px; }
.panel-secret-row [role="status"] { flex-basis:100%; font-size:12px; color:var(--fg-2); }
@media(max-width:760px){.server-workspace[data-active-tab="overview"]{display:flex;flex-direction:column}.server-workspace[data-active-tab="overview"] > *{width:100%}.server-card-move button{min-width:44px;min-height:44px}.server-layout-tools .btn{min-height:44px}.server-panel-heading{gap:8px}.server-panel-access .server-facts > div{flex-wrap:wrap}.server-panel-access .server-facts dd{text-align:left;max-width:100%}}

.order-edit-form{display:grid;gap:14px}.order-edit-form label{display:grid;gap:6px;min-width:0}.order-edit-form label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px}.order-edit-form>.btn{justify-self:start}.order-edit-form textarea{min-height:85px}