/* ZyroDevv CPanel Cloud V1.6.6 — line icon refresh, right-side live status, role hero contrast */
.deploy-title-icon,
.field-leading,
.smart-select-leading,
.server-status-icon,
.server-target-icon,
.smart-select-option-icon{
  color:#2563eb;
}
.deploy-title-icon svg,
.field-leading svg,
.smart-select-leading svg,
.server-status-icon svg,
.server-target-icon svg,
.smart-select-option-icon svg{
  width:20px;
  height:20px;
  display:block;
}
.deploy-title-icon svg{width:23px;height:23px}
.server-status-icon svg{width:22px;height:22px}
.server-target-icon svg,.smart-select-option-icon svg{width:18px;height:18px}
.field-leading svg,.smart-select-leading svg{width:19px;height:19px}

.server-target-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  min-width:88px;
  text-align:right;
}
.server-target-meta strong,
.server-target-meta small{
  margin:0;
}
.server-target-copy small{
  color:#728197;
}

.role-upgrade-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(191,219,254,.75);
  background:
    radial-gradient(circle at 88% 15%,rgba(34,211,238,.22),transparent 28%),
    radial-gradient(circle at 18% 88%,rgba(167,139,250,.20),transparent 26%),
    linear-gradient(135deg,#0f172a 0%,#173b67 50%,#4338ca 100%) !important;
}
.role-upgrade-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(15,23,42,.14),rgba(15,23,42,.02));
  pointer-events:none;
}
.role-upgrade-hero .hero-content{
  position:relative;
  z-index:1;
}
.role-upgrade-hero .eyebrow{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:#e0f2fe !important;
}
.role-upgrade-hero h1,
.role-upgrade-hero p{
  color:#fff !important;
  text-shadow:0 8px 24px rgba(2,6,23,.28);
}
.role-upgrade-hero p{
  max-width:680px;
  color:#dbeafe !important;
}

@media (max-width:640px){
  .server-target-row{
    grid-template-columns:auto auto minmax(0,1fr) auto !important;
    align-items:center;
    gap:8px;
  }
  .server-target-meta{
    grid-column:auto !important;
    min-width:70px;
    align-items:flex-end !important;
    justify-content:center !important;
    text-align:right !important;
    padding-left:0 !important;
  }
  .server-target-meta strong{font-size:10px !important}
  .server-target-meta small{font-size:9px !important}
  .server-target-copy b{font-size:12px}
  .server-target-copy small{font-size:9px;white-space:normal;line-height:1.35}
  .role-upgrade-hero{
    min-height:185px !important;
  }
  .role-upgrade-hero h1{
    font-size:clamp(2rem,9vw,2.8rem) !important;
    line-height:1.04;
  }
}