/* WifiZone Cloud R63D-UI1 - Plans simple modern polish */
html.wz-plans-modern { color-scheme: light; }

html.wz-plans-modern body {
  font-family: "Segoe UI Variable Text", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #0f172a !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html.wz-plans-modern main { color: #0f172a !important; }

html.wz-plans-modern .wz-modern-hero,
html.wz-plans-modern .wz-modern-form,
html.wz-plans-modern .wz-modern-table {
  background: #ffffff !important;
  border: 1px solid #d9e3ec !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055) !important;
}

html.wz-plans-modern .wz-modern-hero { padding: 18px 20px !important; }
html.wz-plans-modern .wz-modern-form,
html.wz-plans-modern .wz-modern-table { padding: 20px !important; }

html.wz-plans-modern .wz-modern-hero [class*="blur-3xl"] { opacity: .28 !important; }

html.wz-plans-modern .wz-modern-form h1,
html.wz-plans-modern .wz-modern-form h2,
html.wz-plans-modern .wz-modern-form h3,
html.wz-plans-modern .wz-modern-table h1,
html.wz-plans-modern .wz-modern-table h2,
html.wz-plans-modern .wz-modern-table h3,
html.wz-plans-modern .wz-modern-hero h1,
html.wz-plans-modern .wz-modern-hero h2,
html.wz-plans-modern .wz-modern-hero h3 {
  color: #0b172a !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  text-shadow: none !important;
}

html.wz-plans-modern .wz-modern-form h2,
html.wz-plans-modern .wz-modern-form h3,
html.wz-plans-modern .wz-modern-table h2,
html.wz-plans-modern .wz-modern-table h3 {
  font-size: 20px !important;
  line-height: 1.2 !important;
}

html.wz-plans-modern .wz-modern-form label,
html.wz-plans-modern .wz-modern-table label {
  color: #172033 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

html.wz-plans-modern .wz-modern-form input,
html.wz-plans-modern .wz-modern-form select,
html.wz-plans-modern .wz-modern-form textarea {
  min-height: 43px !important;
  border: 1px solid #cbd8e4 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.025) !important;
  outline: none !important;
}

html.wz-plans-modern .wz-modern-form input:focus,
html.wz-plans-modern .wz-modern-form select:focus,
html.wz-plans-modern .wz-modern-form textarea:focus {
  border-color: #0ea5c6 !important;
  box-shadow: 0 0 0 3px rgba(14,165,198,.12) !important;
}

html.wz-plans-modern .wz-modern-form p,
html.wz-plans-modern .wz-modern-table p,
html.wz-plans-modern .wz-modern-hero p {
  color: #475569 !important;
  font-weight: 500 !important;
}

html.wz-plans-modern .wz-modern-form [class*="text-[11px]"],
html.wz-plans-modern .wz-modern-form [class*="text-xs"],
html.wz-plans-modern .wz-modern-table [class*="text-[11px]"],
html.wz-plans-modern .wz-modern-table [class*="text-xs"] {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

html.wz-plans-modern .wz-modern-form button,
html.wz-plans-modern .wz-modern-table button {
  font-weight: 700 !important;
  text-shadow: none !important;
}

html.wz-plans-modern .wz-primary-action {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #0891b2 0%, #0ea5a4 55%, #10b981 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(8,145,178,.18) !important;
}

html.wz-plans-modern .wz-primary-action:hover {
  filter: brightness(.98) saturate(1.04);
  transform: translateY(-1px);
}

html.wz-plans-modern .wz-modern-table table {
  color: #172033 !important;
  font-size: 13px !important;
}

html.wz-plans-modern .wz-modern-table thead,
html.wz-plans-modern .wz-modern-table th {
  color: #334155 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .025em !important;
}

html.wz-plans-modern .wz-modern-table td {
  color: #1e293b !important;
  font-weight: 600 !important;
}

html.wz-plans-modern .wz-force-active-nav {
  background: linear-gradient(90deg, #fff1f2, #ffffff) !important;
  border-color: #fda4af !important;
  color: #be123c !important;
  box-shadow: inset 3px 0 0 #e11d48, 0 4px 12px rgba(225,29,72,.06) !important;
}

html.wz-plans-modern .wz-force-active-nav * {
  color: #be123c !important;
  font-weight: 800 !important;
}

html.wz-plans-modern .wz-force-inactive-nav { box-shadow: none !important; }

html.wz-plans-modern .wz-shell-plans-title {
  color: #081526 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

html.wz-plans-modern .wz-hide-on-plans { display: none !important; }

html.wz-plans-modern .wz-value-strong {
  color: #075985 !important;
  font-weight: 800 !important;
}

html.wz-plans-modern .wz-success-strong {
  color: #047857 !important;
  font-weight: 800 !important;
}

html.wz-plans-modern .wz-modern-form > * + *,
html.wz-plans-modern .wz-modern-table > * + * {
  margin-top: 14px !important;
}

@media (max-width: 900px) {
  html.wz-plans-modern .wz-modern-form,
  html.wz-plans-modern .wz-modern-table,
  html.wz-plans-modern .wz-modern-hero {
    border-radius: 16px !important;
    padding: 16px !important;
  }
}