/* ZyroDevv CPanel Cloud V1.6.4 — Premium Select + Buyer Panel Only */
.server-status-premium{
  padding:24px;
  border-color:rgba(191,219,254,.75);
  background:
    radial-gradient(circle at 100% 0,rgba(196,181,253,.18),transparent 34%),
    radial-gradient(circle at 0 100%,rgba(125,211,252,.14),transparent 34%),
    rgba(255,255,255,.92);
}
.server-status-premium .server-status-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.server-status-premium .server-status-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e0f2fe,#ede9fe);border:1px solid #dbeafe;color:#2563eb;font-size:21px;box-shadow:0 10px 26px rgba(37,99,235,.1)}
.server-online-pill{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 13px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#059669;font-size:12px;white-space:nowrap}
.server-online-pill>span{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.1)}
.server-target-list{display:grid;gap:11px}
.server-target-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:15px 16px;border:1px solid #dfe7f1;border-radius:19px;background:#f8fafc;transition:.2s}
.server-target-row.online{border-color:#c7f0e1;background:linear-gradient(135deg,#f0fdf8,#f8fffd)}
.server-target-row.offline{border-color:#fee2e2;background:linear-gradient(135deg,#fff7f7,#fff)}
.server-target-row:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.06)}
.server-target-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.09)}
.server-target-row.online .server-target-dot{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.1)}
.server-target-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;color:#334155;font-size:17px}
.server-target-copy{min-width:0}
.server-target-copy b,.server-target-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-target-copy b{font-size:14px;color:#0f172a}
.server-target-copy small{margin-top:4px;color:#64748b;font-size:11px}
.server-target-meta{text-align:right;min-width:76px}
.server-target-meta strong,.server-target-meta small{display:block;white-space:nowrap}
.server-target-meta strong{color:#e11d48;font-size:12px}
.server-target-row.online .server-target-meta strong{color:#059669}
.server-target-meta small{margin-top:4px;color:#94a3b8;font-size:10px}
.server-status-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:15px;background:rgba(248,250,252,.82);color:#64748b;font-size:11px}
.server-status-summary span{display:flex;align-items:center;gap:7px;min-width:0}
.server-status-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}
.server-status-summary i{font-style:normal;color:#2563eb;font-weight:900}

.premium-deploy-card{padding:30px;border-color:rgba(191,219,254,.72);background:radial-gradient(circle at 100% 0,rgba(196,181,253,.14),transparent 28%),rgba(255,255,255,.94)}
.premium-deploy-card:before{height:5px;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed)}
.premium-deploy-card .create-panel-head{display:block!important;margin-bottom:24px!important}
.deploy-title-lockup{display:flex;align-items:center;gap:14px;min-width:0}
.deploy-title-icon{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;border-radius:18px;background:linear-gradient(145deg,#e0f2fe,#ede9fe);border:1px solid #dbeafe;font-size:25px;box-shadow:0 12px 26px rgba(37,99,235,.1)}
.premium-deploy-card .create-panel-head h2{margin:2px 0 0!important;font-size:clamp(30px,5vw,44px)!important}
.premium-deploy-card .create-panel-head>p{margin:13px 0 0!important;max-width:700px;color:#64748b}
.premium-create-grid{grid-template-columns:1fr!important;gap:18px!important}
.premium-create-grid .field{margin:0}
.premium-input{min-height:58px;border-radius:18px;background:#fbfdff}
.field-leading{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,#eff6ff,#f5f3ff);color:#2563eb}

.smart-select{position:relative;min-width:0}
.smart-select-trigger{width:100%;min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 14px;border:1px solid #dfe7f1;border-radius:19px;background:#fbfdff;color:#0f172a;text-align:left;transition:.2s}
.smart-select-trigger:hover{border-color:#bfdbfe;background:white}
.smart-select.open .smart-select-trigger,.smart-select-trigger:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12);background:white}
.smart-select-leading{width:41px;height:41px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#e0f2fe,#ede9fe);border:1px solid #dbeafe;color:#2563eb;font-size:18px}
.smart-select-copy{display:block;min-width:0}
.smart-select-copy b,.smart-select-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smart-select-copy b{font-size:14px}
.smart-select-copy small{margin-top:3px;color:#10b981;font-size:10px;font-weight:700}
.smart-select-chevron{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#64748b;transition:.2s}
.smart-select.open .smart-select-chevron{transform:rotate(180deg);background:#eef2ff;color:#4f46e5}
.smart-select-menu{position:absolute;z-index:75;left:0;right:0;top:calc(100% + 8px);display:none;max-height:320px;overflow:auto;padding:8px;border:1px solid #dbeafe;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(15,23,42,.18);backdrop-filter:blur(18px)}
.smart-select.open .smart-select-menu{display:grid;gap:7px;animation:smartSelectIn .18s ease}
.smart-select-menu.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}
.smart-select-option{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid transparent;border-radius:15px;background:transparent;color:#0f172a;text-align:left;transition:.18s}
.smart-select-option:hover,.smart-select-option.selected{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#f5f3ff)}
.smart-select-option.disabled{opacity:.58;cursor:not-allowed;background:#f8fafc}
.smart-select-option-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:white;border:1px solid #e2e8f0;color:#2563eb;font-weight:900}
.smart-select-option-copy{min-width:0}
.smart-select-option-copy b,.smart-select-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smart-select-option-copy b{font-size:12px}
.smart-select-option-copy small{margin-top:3px;color:#64748b;font-size:9px}
.smart-select-option-badge{padding:5px 7px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:8px;font-weight:900;white-space:nowrap}
.smart-select-option-badge.online{background:#ecfdf5;color:#059669}
.smart-select-option-badge.offline{background:#fff1f2;color:#e11d48}
.smart-select-option-badge.unlimited{background:linear-gradient(135deg,#e0f2fe,#ede9fe);color:#5b21b6}
.smart-select-check{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:white;font-size:10px;opacity:0;transform:scale(.75);transition:.18s}
.smart-select-option.selected .smart-select-check{opacity:1;transform:scale(1)}
.smart-select-empty{padding:18px;color:#64748b;text-align:center;font-size:12px}

.runtime-field{margin-top:1px!important}
.runtime-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.runtime-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:15px;border:1px solid #dfe7f1;border-radius:19px;background:#fbfdff;cursor:pointer;transition:.2s}
.runtime-option:hover{border-color:#bfdbfe;background:white}
.runtime-option:has(input:checked){border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f5f3ff);box-shadow:0 0 0 4px rgba(59,130,246,.08)}
.runtime-option input{position:absolute;opacity:0;pointer-events:none}
.runtime-logo{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border-radius:16px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:900}
.runtime-logo.node{background:linear-gradient(145deg,#dbeafe,#e0f2fe);color:#1d4ed8}
.runtime-logo.python{background:linear-gradient(145deg,#dbeafe,#fef3c7);color:#1e40af}
.runtime-option>span:last-child{min-width:0}
.runtime-option b,.runtime-option small{display:block;min-width:0}
.runtime-option b{font-size:14px}
.runtime-option small{margin-top:4px;color:#64748b;font-size:10px;line-height:1.45}
.runtime-check{position:absolute;right:10px;top:10px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #cbd5e1;border-radius:50%;color:transparent;font-size:10px;font-weight:900}
.runtime-option:has(input:checked) .runtime-check{border-color:#2563eb;background:#2563eb;color:white}
.premium-deploy-button{min-height:57px;border-radius:18px;letter-spacing:.06em;font-size:14px;background:linear-gradient(100deg,#06b6d4,#2563eb 48%,#7c3aed);box-shadow:0 16px 34px rgba(79,70,229,.24)}

@keyframes smartSelectIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:640px){
  .server-status-premium{padding:18px;border-radius:24px}
  .server-status-premium .server-status-head{align-items:flex-start;gap:10px}
  .server-status-premium .server-status-icon{width:46px;height:46px;border-radius:15px}
  .server-online-pill{padding:8px 10px;font-size:10px}
  .server-target-row{grid-template-columns:auto auto minmax(0,1fr);gap:9px;padding:13px 12px;border-radius:17px}
  .server-target-icon{width:38px;height:38px;border-radius:13px}
  .server-target-copy b{font-size:12px}
  .server-target-copy small{font-size:9px}
  .server-target-meta{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding-left:0;text-align:left}
  .server-target-meta strong,.server-target-meta small{margin:0;font-size:9px}
  .server-status-summary{align-items:flex-start;flex-direction:column;padding:11px 12px}
  .server-status-summary b{white-space:normal}
  .premium-deploy-card{padding:23px 17px;border-radius:24px}
  .deploy-title-lockup{gap:11px}
  .deploy-title-icon{width:48px;height:48px;border-radius:16px;font-size:21px}
  .premium-deploy-card .create-panel-head h2{font-size:30px!important;line-height:1.08}
  .premium-deploy-card .create-panel-head>p{font-size:12px;line-height:1.6}
  .smart-select-trigger{min-height:59px;padding:8px 11px;border-radius:17px}
  .smart-select-leading{width:39px;height:39px;border-radius:13px}
  .smart-select-copy b{font-size:12px}
  .smart-select-copy small{font-size:9px}
  .smart-select-menu{position:fixed;z-index:180;left:14px;right:14px;top:auto;bottom:max(18px,env(safe-area-inset-bottom));max-height:min(58vh,480px);padding:10px;border-radius:24px;box-shadow:0 30px 90px rgba(15,23,42,.3)}
  .smart-select.open:before{content:"";position:fixed;inset:0;z-index:170;background:rgba(2,6,23,.48);backdrop-filter:blur(2px)}
  .smart-select.open .smart-select-menu{display:grid}
  .smart-select-menu.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .smart-select-option{padding:12px 10px}
  .smart-select-option-copy b{font-size:11px}
  .smart-select-option-copy small{font-size:8px}
  .smart-select-option-badge{display:none}
  .runtime-options{grid-template-columns:1fr 1fr;gap:9px}
  .runtime-option{align-content:start;grid-template-columns:1fr;padding:13px 11px;min-height:132px;text-align:left}
  .runtime-logo{width:45px;height:45px;border-radius:14px}
  .runtime-option small{font-size:9px}
  .runtime-check{right:9px;top:9px}
}
@media(max-width:380px){
  .server-online-pill{max-width:105px}
  .server-online-pill b{overflow:hidden;text-overflow:ellipsis}
  .smart-select-menu.compact{grid-template-columns:1fr 1fr}
  .runtime-option{padding:12px 9px}
  .runtime-option b{font-size:12px}
}