.stcvps-page,.stcvps-account-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a}
.stcvps-page{background:#f5f8fc;min-height:70vh;padding:28px 0 50px}.stcvps-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.stcvps-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.stcvps-head h1{font-size:28px;line-height:1.2;margin:0 0 7px;font-weight:800;letter-spacing:-.02em}.stcvps-head p{margin:0;color:#64748b;font-size:14px}.stcvps-head-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.stcvps-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.stcvps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stcvps-card{background:#fff;border:1px solid #dce5f0;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.04);display:flex;flex-direction:column;min-width:0}.stcvps-card-top{display:flex;align-items:center;gap:12px}.stcvps-plan-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cfe1ff;background:#eff6ff;color:#1677ff;border-radius:14px;flex:none}.stcvps-plan-icon svg{width:22px;height:22px}.stcvps-card h2{font-size:17px;margin:0;font-weight:800}.stcvps-sub{font-size:11px;color:#94a3b8;margin-top:3px}.stcvps-price{margin:20px 0 15px}.stcvps-price strong{font-size:27px;color:#1677ff;letter-spacing:-.03em}.stcvps-price span{font-size:14px;color:#1677ff;font-weight:700}.stcvps-price small{display:block;margin-top:2px;color:#94a3b8;font-size:11px}.stcvps-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #eef2f7;padding-top:16px;margin-top:4px}.stcvps-spec{border:1px solid #e5edf7;background:#f8fbff;border-radius:13px;padding:10px 8px;text-align:center}.stcvps-spec small{display:block;color:#94a3b8;font-size:10px}.stcvps-spec b{display:block;margin-top:3px;font-size:12px}.stcvps-description{color:#64748b;font-size:12px;line-height:1.55;margin:15px 0;min-height:38px}.stcvps-buy{margin-top:auto;text-decoration:none;height:44px;border-radius:13px;background:#1677ff;color:#fff!important;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.stcvps-buy:hover{background:#0868ed;transform:translateY(-1px)}.stcvps-empty{padding:70px 20px;text-align:center;border:1px dashed #cbd5e1;background:#fff;border-radius:22px}.stcvps-empty h3{font-size:18px;margin:12px 0 5px}.stcvps-empty p{color:#64748b;font-size:13px}.stcvps-alert{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:15px;padding:13px 15px;font-size:12px;margin-bottom:18px}
/* order */
.stcvps-order{background:#f5f8fc;min-height:75vh;padding:24px 0 48px}.stcvps-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.stcvps-section,.stcvps-summary{background:#fff;border:1px solid #dce5f0;border-radius:20px;box-shadow:0 10px 26px rgba(15,23,42,.035)}.stcvps-section{padding:19px;margin-bottom:16px}.stcvps-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f7;padding-bottom:13px;margin-bottom:15px}.stcvps-section-head h2{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:9px}.stcvps-step{width:25px;height:25px;border-radius:50%;background:#eff6ff;color:#1677ff;display:grid;place-items:center;font-size:11px;font-weight:800}.stcvps-help{font-size:11px;color:#94a3b8}.stcvps-qty-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stcvps-counter{display:flex;align-items:center;border:1px solid #dce5f0;border-radius:13px;padding:3px;background:#fff}.stcvps-counter button{width:33px;height:33px;border:0;background:#f8fafc;border-radius:9px;font-size:17px;cursor:pointer}.stcvps-counter input{width:52px;border:0;text-align:center;font-weight:800;outline:0}.stcvps-quick{display:flex;flex-wrap:wrap;gap:7px}.stcvps-chip{height:34px;padding:0 12px;border-radius:11px;border:1px solid #dce5f0;background:#fff;color:#475569;font-size:11px;font-weight:700;cursor:pointer}.stcvps-chip.active{border-color:#1677ff;background:#eff6ff;color:#1677ff}.stcvps-addons{margin-top:15px;border:1px solid #e5edf7;background:#f8fbff;border-radius:15px;padding:13px}.stcvps-addons summary{cursor:pointer;list-style:none;font-size:12px;font-weight:800}.stcvps-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;border-top:1px solid #e5edf7;padding-top:12px}.stcvps-addon{background:#fff;border:1px solid #dce5f0;border-radius:13px;padding:12px}.stcvps-addon-title{font-size:11px;font-weight:800;margin-bottom:9px}.stcvps-addon .stcvps-counter{justify-content:space-between}.stcvps-addon-price{font-size:10px;color:#1677ff;text-align:center;margin-top:8px;font-weight:700}.stcvps-cycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stcvps-cycle{position:relative;border:1px solid #dce5f0;background:#fff;border-radius:13px;min-height:61px;padding:10px;cursor:pointer;text-align:center}.stcvps-cycle.active{border-color:#1677ff;background:#eff6ff;box-shadow:0 0 0 2px rgba(22,119,255,.11)}.stcvps-cycle b{display:block;font-size:11px;text-transform:uppercase}.stcvps-cycle strong{display:block;color:#1677ff;font-size:11px;margin-top:3px}.stcvps-cycle del{display:block;color:#94a3b8;font-size:9px}.stcvps-cycle em{position:absolute;right:0;top:0;background:#ef4444;color:white;font-style:normal;font-size:8px;font-weight:800;padding:2px 6px;border-radius:0 12px 0 8px}.stcvps-os-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.stcvps-os-tab{border:1px solid #dce5f0;background:#fff;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.stcvps-os-tab.active{border-color:#1677ff;color:#1677ff;background:#eff6ff}.stcvps-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stcvps-template{border:1px solid #dce5f0;border-radius:12px;background:#fff;padding:11px;text-align:left;font-size:11px;font-weight:700;cursor:pointer}.stcvps-template.active{border-color:#1677ff;background:#eff6ff;color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.1)}.stcvps-field label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.stcvps-field input{width:100%;height:42px;border:1px solid #dce5f0;border-radius:12px;padding:0 13px;font:inherit;font-size:12px;outline:0}.stcvps-field input:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.stcvps-summary{padding:20px;position:sticky;top:90px}.stcvps-summary-head{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:14px}.stcvps-summary-icon{width:36px;height:36px;border-radius:11px;background:#eff6ff;color:#1677ff;display:grid;place-items:center}.stcvps-summary-icon svg{width:18px}.stcvps-summary-head h3{font-size:15px;margin:0;font-weight:800}.stcvps-summary-head p{margin:2px 0 0;font-size:10px;color:#94a3b8}.stcvps-selected{margin:14px 0;border:1px solid #dbeafe;background:#eff6ff;border-radius:14px;padding:12px}.stcvps-selected b{display:block;font-size:12px}.stcvps-selected span{font-size:10px;color:#1677ff;font-weight:700}.stcvps-summary-lines{font-size:11px;color:#64748b;border-bottom:1px solid #eef2f7;padding-bottom:12px}.stcvps-line{display:flex;justify-content:space-between;gap:10px;margin:7px 0}.stcvps-line b{color:#0f172a}.stcvps-coupon{padding:13px 0}.stcvps-coupon label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.stcvps-coupon-row{display:flex;gap:7px}.stcvps-coupon-row input{min-width:0;flex:1;height:38px;border:1px solid #dce5f0;border-radius:11px;padding:0 10px;font-size:11px}.stcvps-coupon-row button{border:1px solid #dce5f0;border-radius:11px;background:#fff;padding:0 12px;font-size:11px;font-weight:800;cursor:pointer}.stcvps-total{background:#f1f5f9;border:1px solid #dce5f0;border-radius:14px;padding:14px}.stcvps-total-main{display:flex;justify-content:space-between;align-items:center}.stcvps-total-main span{font-size:10px;font-weight:800;color:#64748b}.stcvps-total-main strong{color:#1677ff;font-size:20px}.stcvps-lossguard{font-size:9px;color:#16a34a;margin-top:7px}.stcvps-submit{width:100%;height:45px;border:0;border-radius:13px;background:#1677ff;color:#fff;font-weight:800;font-size:12px;margin-top:12px;cursor:pointer}.stcvps-submit:disabled{opacity:.55;cursor:not-allowed}.stcvps-status{font-size:10px;color:#64748b;text-align:center;margin-top:8px;min-height:14px}
/* account history/dashboard */
.stcvps-account-card{background:#fff;border:1px solid #dce5f0;border-radius:18px;overflow:hidden}.stcvps-account-head{padding:18px 20px;border-bottom:1px solid #e8eef6}.stcvps-account-head h1,.stcvps-account-head h2{font-size:18px;margin:0 0 4px;font-weight:800}.stcvps-account-head p{margin:0;color:#64748b;font-size:11px}.stcvps-table-wrap{overflow-x:auto;scrollbar-width:thin}.stcvps-table{width:100%;min-width:850px;border-collapse:collapse;font-size:11px}.stcvps-table th{background:#f8fafc;color:#64748b;text-align:left;font-weight:800;padding:12px 14px;white-space:nowrap}.stcvps-table td{padding:13px 14px;border-top:1px solid #eef2f7;white-space:nowrap}.stcvps-status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;background:#f1f5f9;color:#475569}.stcvps-status-pill.running,.stcvps-status-pill.active{background:#dcfce7;color:#15803d}.stcvps-status-pill.off{background:#fee2e2;color:#b91c1c}.stcvps-manage{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;color:#1677ff;background:#fff;border-radius:9px;padding:7px 10px;text-decoration:none;font-weight:800}.stcvps-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;padding:16px}.stcvps-kv{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stcvps-kv div{border:1px solid #e5edf7;border-radius:12px;padding:11px;background:#f8fbff}.stcvps-kv small{display:block;color:#94a3b8;font-size:9px}.stcvps-kv b{font-size:11px;word-break:break-all}.stcvps-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.stcvps-action{height:39px;border-radius:11px;border:1px solid #dce5f0;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.stcvps-action.primary{background:#1677ff;color:#fff;border-color:#1677ff}.stcvps-rebuild{margin-top:12px;border-top:1px solid #eef2f7;padding-top:12px}.stcvps-rebuild select{width:100%;height:40px;border:1px solid #dce5f0;border-radius:11px;padding:0 9px;font-size:11px}.stcvps-note{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:12px;padding:11px;font-size:10px;line-height:1.45}
@media(max-width:980px){.stcvps-grid{grid-template-columns:repeat(2,1fr)}.stcvps-order-grid{grid-template-columns:1fr}.stcvps-summary{position:static}.stcvps-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:640px){.stcvps-page{padding-top:18px}.stcvps-wrap{width:min(100% - 20px,1180px)}.stcvps-head{align-items:flex-start;flex-direction:column}.stcvps-head h1{font-size:22px}.stcvps-grid{grid-template-columns:1fr}.stcvps-card{padding:17px}.stcvps-specs{gap:6px}.stcvps-order{padding-top:14px}.stcvps-section{padding:14px;border-radius:16px}.stcvps-cycle-grid{grid-template-columns:repeat(2,1fr)}.stcvps-addon-grid{grid-template-columns:1fr}.stcvps-template-grid{grid-template-columns:1fr 1fr}.stcvps-summary{padding:15px;border-radius:17px}.stcvps-kv{grid-template-columns:1fr}.stcvps-dashboard-grid{padding:12px}.stcvps-actions{grid-template-columns:1fr 1fr}.stcvps-account-head{padding:15px}}


/* ============================================================
   V122: header spacing + stable Cloud VPS catalogue page
   Desktop header của site nằm ngoài normal flow giống Hosting,
   vì vậy chừa đúng khoảng trên để tiêu đề không bị header đè.
   ============================================================ */
@media (min-width:1200px){
  .stcvps-page{padding-top:92px!important}
  .stcvps-order{padding-top:92px!important}
}
@media (min-width:641px) and (max-width:1199px){
  .stcvps-page{padding-top:20px!important}
  .stcvps-order{padding-top:20px!important}
}
@media (max-width:640px){
  .stcvps-page{padding-top:14px!important}
  .stcvps-order{padding-top:14px!important}
}

/* ============================================================
   V125 — Cloud VPS customer UI
   Card catalogue based on compact service cards; checkout uses
   the same typography/spacing language as Hosting/Cronjob.
   Provider cost/margin must never be exposed in customer UI.
   ============================================================ */
.stcvps-page,.stcvps-order{
  --vps-blue:#1677ff;
  --vps-ink:#0f172a;
  --vps-muted:#64748b;
  --vps-line:#d7e2ef;
  --vps-soft:#f6f9fd;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--vps-ink);
}
.stcvps-page button,.stcvps-page input,.stcvps-page select,.stcvps-order button,.stcvps-order input,.stcvps-order select{font-family:inherit!important}
.stcvps-head h1{font-weight:850!important;letter-spacing:-.028em}
.stcvps-head p{font-weight:500;line-height:1.55}

/* Catalogue */
.stcvps-grid-v125{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stcvps-plan-card-v125{
  border:1px solid var(--vps-line)!important;border-radius:20px!important;padding:18px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.stcvps-plan-card-v125:hover{border-color:#bdd7fb!important;box-shadow:0 16px 36px rgba(15,23,42,.075)!important;transform:translateY(-2px)}
.stcvps-card-top-v125{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding-bottom:12px}
.stcvps-card-title-v125{display:flex;align-items:center;gap:10px;min-width:0}
.stcvps-card-title-v125 .stcvps-plan-icon{width:38px;height:38px;border-radius:12px;box-shadow:none}
.stcvps-card-title-v125 .stcvps-plan-icon svg{width:18px;height:18px}
.stcvps-card-title-v125 h2{margin:0!important;font-size:16px!important;font-weight:850!important;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stcvps-public-price-v125{margin:12px 0 11px;padding:13px 12px;border:1px solid #dbeafe;background:#f2f7ff;border-radius:14px;text-align:center}
.stcvps-public-price-v125>div{display:flex;justify-content:center;align-items:baseline;gap:6px;flex-wrap:wrap}
.stcvps-public-price-v125 strong{font-size:24px;line-height:1;font-weight:900;color:var(--vps-blue);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.stcvps-public-price-v125 span{font-size:11px;font-weight:750;color:var(--vps-muted)}
.stcvps-spec-grid-v125{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.stcvps-spec-v125{display:flex;align-items:center;gap:8px;border:1px solid #e5edf6;background:#fbfdff;border-radius:11px;padding:8px 9px;min-width:0}
.stcvps-spec-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;flex:none}
.stcvps-spec-icon svg{width:14px;height:14px}
.stcvps-spec-icon.cpu{background:#fff5dc;color:#c47a00}.stcvps-spec-icon.ram{background:#f2ecff;color:#7c3aed}.stcvps-spec-icon.disk{background:#eaf4ff;color:#1677ff}.stcvps-spec-icon.net{background:#e9fbf3;color:#059669}
.stcvps-spec-v125 small{display:block;color:#94a3b8;font-size:9px;font-weight:650;line-height:1.05}
.stcvps-spec-v125 b{display:block;margin-top:2px;color:#1f2937;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stcvps-feature-list-v125{list-style:none;margin:11px 0 14px;padding:10px 0 0;border-top:1px solid #edf2f7;display:grid;gap:6px}
.stcvps-feature-list-v125 li{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10.5px;line-height:1.35}
.stcvps-feature-list-v125 li svg{width:12px;height:12px;color:var(--vps-blue);flex:none}
.stcvps-feature-list-v125 li strong{color:#334155;font-weight:800}
.stcvps-plan-card-v125 .stcvps-buy{height:40px;border-radius:11px;font-size:11.5px;font-weight:850;box-shadow:none}

/* Checkout shell */
.stcvps-order-grid{grid-template-columns:minmax(0,1fr) 380px!important;gap:18px!important}
.stcvps-section,.stcvps-summary{border-color:var(--vps-line)!important;border-radius:18px!important;box-shadow:0 9px 24px rgba(15,23,42,.035)!important}
.stcvps-section{padding:18px!important;margin-bottom:14px!important}
.stcvps-section-head{padding-bottom:12px!important;margin-bottom:13px!important;border-color:#edf2f7!important}
.stcvps-section-head h2{font-size:14px!important;font-weight:850!important;letter-spacing:-.01em;color:#111827}
.stcvps-step{width:24px!important;height:24px!important;font-size:10px!important;font-weight:850!important}
.stcvps-help{font-size:10px!important;font-weight:550!important;color:#94a3b8!important}
.stcvps-counter{border-color:var(--vps-line)!important;border-radius:11px!important;padding:2px!important;box-shadow:none!important}
.stcvps-counter button{width:32px!important;height:32px!important;border-radius:8px!important;color:#334155!important;font-weight:750!important}
.stcvps-counter input,.stcvps-counter b{font-size:13px!important;font-weight:850!important;color:#111827!important;font-variant-numeric:tabular-nums}
.stcvps-chip{height:33px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:800!important}
.stcvps-addons{margin-top:13px!important;padding:12px!important;border-color:#dce7f3!important;border-radius:14px!important;background:#f8fbff!important}
.stcvps-addons summary{font-size:11.5px!important;font-weight:850!important;color:#1f2937!important}
.stcvps-addons summary::-webkit-details-marker{display:none}
.stcvps-addon-grid{gap:8px!important;margin-top:10px!important;padding-top:10px!important}
.stcvps-addon{padding:11px!important;border-color:var(--vps-line)!important;border-radius:12px!important;box-shadow:none!important}
.stcvps-addon-title{font-size:10.5px!important;font-weight:850!important;color:#334155!important}
.stcvps-addon-price{font-size:9.5px!important;font-weight:750!important}

.stcvps-cycle-grid{gap:8px!important}
.stcvps-cycle{min-height:62px!important;border-color:var(--vps-line)!important;border-radius:12px!important;padding:10px 8px!important;font-family:inherit!important}
.stcvps-cycle b{font-size:10.5px!important;font-weight:850!important;color:#111827;letter-spacing:.01em}
.stcvps-cycle strong{font-size:11.5px!important;font-weight:850!important;margin-top:5px!important;font-variant-numeric:tabular-nums}
.stcvps-cycle del{display:none!important}
.stcvps-cycle em{font-size:8px!important;font-weight:850!important;padding:2px 6px!important}
.stcvps-cycle.active{background:#f0f6ff!important;box-shadow:0 0 0 2px rgba(22,119,255,.08)!important}

.stcvps-os-tabs{gap:6px!important;margin-bottom:10px!important}
.stcvps-os-tab{padding:7px 10px!important;border-radius:10px!important;font-size:10px!important;font-weight:850!important}
.stcvps-template-grid{gap:7px!important}
.stcvps-template{padding:10px 11px!important;border-radius:11px!important;font-size:10.5px!important;font-weight:750!important;min-height:39px}
.stcvps-field label{font-size:10.5px!important;font-weight:850!important;color:#334155!important}
.stcvps-field input{height:41px!important;border-color:var(--vps-line)!important;border-radius:11px!important;font-size:11.5px!important;font-weight:600!important}

/* Public order summary: never show supplier cost or margin */
.stcvps-summary{padding:17px!important;top:88px!important}
.stcvps-summary-head{gap:9px!important;padding-bottom:12px!important}
.stcvps-summary-icon{width:34px!important;height:34px!important;border-radius:10px!important}
.stcvps-summary-head h3{font-size:14px!important;font-weight:850!important;letter-spacing:-.01em}
.stcvps-summary-head p{font-size:9.5px!important;font-weight:550!important}
.stcvps-selected{margin:12px 0!important;padding:11px!important;border-radius:12px!important}
.stcvps-selected b{font-size:11.5px!important;font-weight:850!important}
.stcvps-selected span{font-size:9.5px!important;font-weight:750!important}
.stcvps-summary-lines{font-size:10.5px!important;padding-bottom:11px!important}
.stcvps-line{margin:6px 0!important;align-items:center}
.stcvps-line span{font-weight:550;color:#64748b}
.stcvps-line b{font-weight:800!important;font-variant-numeric:tabular-nums}

/* Coupon synchronized with Cronjob */
.stcvps-coupon{padding:12px 0!important}
.stcvps-coupon label{font-size:10.5px!important;font-weight:850!important;color:#334155!important;margin-bottom:7px!important}
.stcvps-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center}
.stcvps-coupon-input{height:42px;border:1px solid var(--vps-line);border-radius:11px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;transition:.16s ease}
.stcvps-coupon-input:focus-within{border-color:#7eb8ff;box-shadow:0 0 0 3px rgba(22,119,255,.07)}
.stcvps-coupon-input svg{width:15px;height:15px;color:#7b8da5;flex:none}
.stcvps-coupon-input input{height:auto!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;min-width:0!important;flex:1!important;background:transparent!important;color:#334155!important;font-size:11px!important;font-weight:650!important}
.stcvps-coupon-input input::placeholder{color:#9aa8ba}
.stcvps-coupon-row>button{height:42px!important;border:1px solid #9cc8ff!important;border-radius:11px!important;background:#edf5ff!important;color:#126fe3!important;padding:0 13px!important;box-shadow:none!important;font-size:10.5px!important;font-weight:850!important;transition:.16s ease}
.stcvps-coupon-row>button:hover{background:#deedff!important;border-color:#6eafff!important;color:#075fcf!important}

.stcvps-total{padding:13px!important;border-radius:13px!important;background:#f3f7fb!important}
.stcvps-total-main span{font-size:9.5px!important;font-weight:850!important;letter-spacing:.03em}
.stcvps-total-main strong{font-size:20px!important;font-weight:900!important;font-variant-numeric:tabular-nums}
.stcvps-discount-info{min-height:12px;margin-top:6px;color:#16803f;font-size:9px;font-weight:750;line-height:1.35}
.stcvps-lossguard{display:none!important}
.stcvps-submit{height:43px!important;border-radius:11px!important;font-size:11.5px!important;font-weight:850!important;margin-top:10px!important}
.stcvps-status{font-size:9.5px!important;line-height:1.4!important}

@media(max-width:1100px){.stcvps-grid-v125{grid-template-columns:repeat(2,minmax(0,1fr))}.stcvps-order-grid{grid-template-columns:1fr!important}.stcvps-summary{position:static!important}}
@media(max-width:640px){
  .stcvps-grid-v125{grid-template-columns:1fr}
  .stcvps-plan-card-v125{padding:15px!important;border-radius:17px!important}
  .stcvps-public-price-v125 strong{font-size:22px}
  .stcvps-spec-grid-v125{gap:6px}
  .stcvps-section{padding:13px!important;border-radius:15px!important}
  .stcvps-section-head{align-items:flex-start!important}
  .stcvps-help{max-width:42%;text-align:right;line-height:1.35}
  .stcvps-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stcvps-template-grid{grid-template-columns:1fr!important}
  .stcvps-coupon-row{grid-template-columns:1fr!important}
  .stcvps-coupon-row>button{width:100%!important}
  .stcvps-summary{padding:14px!important}
}

/* V126 — resource/OS icons + configurable cycle promo */
.stcvps-summary-label{display:inline-flex;align-items:center;gap:8px;min-width:0}
.stcvps-inline-icon{width:24px;height:24px;border-radius:8px;background:#edf5ff;color:#1677ff;display:grid;place-items:center;flex:none}
.stcvps-inline-icon svg{width:14px;height:14px;display:block}
.stcvps-addon-title{display:flex!important;align-items:center;gap:7px!important}
.stcvps-addon-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none}
.stcvps-addon-icon svg{width:13px;height:13px;display:block}
.stcvps-addon-icon.cpu{background:#fff5dc;color:#c47a00}.stcvps-addon-icon.ram{background:#f2ecff;color:#7c3aed}.stcvps-addon-icon.disk{background:#eaf4ff;color:#1677ff}
.stcvps-os-tab{display:inline-flex!important;align-items:center!important;gap:7px!important}
.stcvps-os-tab>span:not(.stcvps-os-icon){line-height:1}
.stcvps-os-tab>b{min-width:18px;height:18px;border-radius:999px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;font-size:8.5px;font-weight:850;line-height:1}
.stcvps-os-tab.active>b{background:rgba(22,119,255,.12);color:#1677ff}
.stcvps-os-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px currentColor}
.stcvps-os-icon svg{width:16px;height:16px;display:block}
.stcvps-os-icon.windows{background:#e8f6ff;color:#168bd2}.stcvps-os-icon.ubuntu{background:#fff2e8;color:#e56d1a}.stcvps-os-icon.debian{background:#fff0f4;color:#d94672}.stcvps-os-icon.centos{background:#f5efff;color:#8457d8}.stcvps-os-icon.alma{background:#edf4ff;color:#3978da}.stcvps-os-icon.linux{background:#effaf3;color:#219653}
.stcvps-os-tab.active .stcvps-os-icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:inherit}
.stcvps-cycle{min-height:72px!important}
.stcvps-cycle del{display:block!important;margin-top:2px;color:#94a3b8!important;font-size:8.5px!important;font-weight:650!important;line-height:1.1!important;text-decoration-thickness:1px!important}
.stcvps-cycle em{z-index:1}
@media(max-width:640px){.stcvps-os-tab{padding:6px 8px!important;gap:5px!important}.stcvps-os-icon{width:23px;height:23px}.stcvps-os-icon svg{width:14px;height:14px}.stcvps-cycle{min-height:70px!important}}


/* V127 — keep OS icon frame visible on active tab */
.stcvps-os-tab.active .stcvps-os-icon{box-shadow:inset 0 0 0 1px currentColor,0 0 0 3px rgba(22,119,255,.08)!important}
.stcvps-os-tab.active .stcvps-os-icon.windows{background:#e8f6ff!important;color:#168bd2!important}
.stcvps-os-tab.active .stcvps-os-icon.ubuntu{background:#fff2e8!important;color:#e56d1a!important}
.stcvps-os-tab.active .stcvps-os-icon.debian{background:#fff0f4!important;color:#d94672!important}
.stcvps-os-tab.active .stcvps-os-icon.centos{background:#f5efff!important;color:#8457d8!important}
.stcvps-os-tab.active .stcvps-os-icon.alma{background:#edf4ff!important;color:#3978da!important}
.stcvps-os-tab.active .stcvps-os-icon.linux{background:#effaf3!important;color:#219653!important}

/* V127 — public VPS bestseller badge */
.stcvps-plan-card-v125{position:relative}
.stcvps-card-featured-v127{border-color:#f6b26b!important;box-shadow:0 10px 28px rgba(245,158,11,.08)!important}
.stcvps-best-badge{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:0 18px 0 16px;background:linear-gradient(90deg,#f59e0b 0%,#f97316 100%);color:#fff;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 10px 20px rgba(249,115,22,.18)}
.stcvps-best-badge svg{width:13px;height:13px;display:block}


/* V131: customer VPS dashboard contains no reseller/API details */
.stcvps-dashboard-grid-v131{grid-template-columns:minmax(0,1fr) 260px}.stcvps-client-summary-v131{display:flex;flex-direction:column;gap:10px}.stcvps-client-summary-v131>div{padding:14px;border:1px solid #dbe5f1;border-radius:14px;background:#f8fbff}.stcvps-client-summary-v131 span{display:block;color:#64748b;font-size:11px;font-weight:700;margin-bottom:4px}.stcvps-client-summary-v131 b{color:#0f172a;font-size:14px;font-weight:850;word-break:break-word}.stcvps-client-waiting{margin-top:14px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#31557c;font-size:12px;font-weight:700;line-height:1.55}@media(max-width:900px){.stcvps-dashboard-grid-v131{grid-template-columns:1fr}.stcvps-client-summary-v131{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stcvps-client-summary-v131{grid-template-columns:1fr}}


/* V133 — VPS history status palette + IP typography */
.stcvps-ip-cell{font-weight:750;color:#334155;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.stcvps-status-pill.progressing,.stcvps-status-pill.pending,.stcvps-status-pill.provisioning,.stcvps-status-pill.uncertain,.stcvps-status-pill.rebuild{background:#fef3c7;color:#a16207}
.stcvps-status-pill.failed,.stcvps-status-pill.error,.stcvps-status-pill.cancelled_refund_pending{background:#fee2e2;color:#b91c1c}
.stcvps-status-pill.cancelled{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.stcvps-status-pill.refunded{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.stcvps-status-pill.stopped{background:#f1f5f9;color:#475569}