/* ==========================================================
   WALRIX COSMETIC POLISH V3
   Presentation only.
   Deliberately does NOT target:
   hero / hero-photo / public-header / brand / brand-logo /
   footer / sidebar shell / topbar shell / stadium assets.
   ========================================================== */

/* ---------- APP: PANELS / CARDS ---------- */

.wrx-premium .panel,
.wrx-premium .result-panel,
.wrx-premium .editorial-panel,
.wrx-premium .form-panel {
  border: 1px solid rgba(151, 194, 234, .17) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      145deg,
      rgba(18, 43, 69, .88),
      rgba(11, 29, 49, .92) 72%
    ) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .14),
    inset 0 1px 0 rgba(255, 255, 255, .026) !important;
}

.wrx-premium .section-top {
  min-height: 52px !important;
  padding: 15px 21px !important;
  border-bottom: 1px solid rgba(151, 192, 229, .12) !important;
  background: rgba(41, 72, 101, .075) !important;
}

.wrx-premium .section-top h2 {
  font-size: 13px !important;
  font-weight: 590 !important;
  letter-spacing: -.008em !important;
}

.wrx-premium .section-top .muted {
  color: #91abc4 !important;
}

/* ---------- APP: SUMMARY ---------- */

.wrx-premium .summary-strip {
  overflow: hidden !important;
  border: 1px solid rgba(151, 194, 234, .16) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      115deg,
      rgba(18, 43, 69, .86),
      rgba(12, 31, 52, .90)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    0 12px 30px rgba(0,0,0,.10) !important;
}

.wrx-premium .summary-strip > div,
.wrx-premium .summary-strip > div:first-child {
  padding: 20px 24px !important;
  border-color: rgba(151, 192, 229, .12) !important;
}

.wrx-premium .summary-strip span {
  color: #a3b8cd !important;
  font-size: 11px !important;
}

.wrx-premium .summary-strip strong {
  color: #e4f0fb !important;
  font-weight: 520 !important;
  letter-spacing: -.026em !important;
}

/* ---------- APP: MATCH LIST ---------- */

.wrx-premium .match-columns {
  background: rgba(7, 22, 38, .42) !important;
  border-bottom-color: rgba(151, 192, 229, .10) !important;
}

.wrx-premium .match-row {
  min-height: 96px !important;
  border-bottom: 1px solid rgba(151, 192, 229, .10) !important;
  transition:
    background .15s ease,
    border-color .15s ease !important;
}

.wrx-premium .match-row:hover {
  background: rgba(87, 139, 184, .062) !important;
}

.wrx-premium .match-row:last-child {
  border-bottom: 0 !important;
}

.wrx-premium .match-name,
.wrx-premium .match-row strong {
  color: #e4eef8 !important;
  font-weight: 570 !important;
}

.wrx-premium .match-row .muted,
.wrx-premium .match-meta {
  color: #96abc1 !important;
}

/* Real crest classes remain fully intact.
   Only surrounding spacing is cosmetic. */
.wrx-premium .wrx-list-crest,
.wrx-premium .wrx-match-crest {
  margin-inline: 2px !important;
}

/* ---------- APP: BUTTONS ---------- */

.wrx-premium .btn {
  min-height: 42px !important;
  padding: 10px 15px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(151, 194, 234, .22) !important;
  background: rgba(18, 47, 74, .42) !important;
  color: #dceaf7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  font-weight: 530 !important;
  transition:
    background .15s ease,
    border-color .15s ease,
    transform .15s ease !important;
}

.wrx-premium .btn:hover {
  background: rgba(43, 82, 118, .58) !important;
  border-color: rgba(164, 205, 242, .34) !important;
}

.wrx-premium .btn.primary {
  color: #0b2033 !important;
  background:
    linear-gradient(
      135deg,
      #b7dcfa,
      #94c4eb
    ) !important;
  border-color: rgba(200, 227, 249, .62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    0 7px 18px rgba(16, 50, 79, .14) !important;
  font-weight: 620 !important;
}

.wrx-premium .btn.primary:hover {
  background:
    linear-gradient(
      135deg,
      #c6e5fc,
      #a4d0f0
    ) !important;
}

/* ---------- APP: INPUTS / SELECTS ---------- */

.wrx-premium :is(input, select, textarea) {
  min-height: 44px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(145, 183, 218, .20) !important;
  background: rgba(7, 22, 38, .78) !important;
  color: #e3eef9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015) !important;
}

.wrx-premium :is(input, select, textarea):hover {
  border-color: rgba(156, 200, 239, .30) !important;
}

.wrx-premium :is(input, select, textarea):focus {
  border-color: rgba(164, 210, 249, .52) !important;
  box-shadow:
    0 0 0 3px rgba(116, 178, 230, .09) !important;
}

.wrx-premium input::placeholder,
.wrx-premium textarea::placeholder {
  color: #8299b0 !important;
}

/* ---------- APP: EMPTY / NOTICE ---------- */

.wrx-premium .empty {
  padding: 38px 26px !important;
}

.wrx-premium .empty-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(154, 198, 237, .15) !important;
  background:
    linear-gradient(
      145deg,
      rgba(39, 83, 119, .38),
      rgba(21, 52, 80, .42)
    ) !important;
  color: #a9d0f3 !important;
}

.wrx-premium .empty h3 {
  color: #e2edf8 !important;
  font-weight: 560 !important;
}

.wrx-premium .empty p {
  color: #9fb5cb !important;
  line-height: 1.72 !important;
}

.wrx-premium .notice {
  border: 1px solid rgba(154, 195, 232, .20) !important;
  border-left: 2px solid rgba(164, 205, 242, .68) !important;
  border-radius: 11px !important;
  background: rgba(22, 51, 78, .74) !important;
  color: #cbdceb !important;
}

/* ---------- APP: DECISION / RESULT ---------- */

.wrx-premium .wrx-decision {
  overflow: hidden !important;
  border: 1px solid rgba(156, 198, 236, .18) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      135deg,
      rgba(20, 46, 74, .90),
      rgba(12, 30, 51, .94)
    ) !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.026) !important;
}

.wrx-premium .wrx-decision-top {
  border-bottom-color: rgba(151, 192, 229, .11) !important;
}

/* ---------- ACCOUNT / PLAN / SETTINGS SURFACES ---------- */

.wrx-premium .tabs {
  gap: 5px !important;
  padding: 5px !important;
  border: 1px solid rgba(151, 194, 234, .16) !important;
  border-radius: 12px !important;
  background: rgba(9, 27, 46, .76) !important;
}

.wrx-premium .tabs > a,
.wrx-premium .tabs > button {
  min-height: 40px !important;
  padding: 9px 15px !important;
  border-radius: 9px !important;
  color: #a6bed5 !important;
}

.wrx-premium .tabs > .active {
  color: #e4f2ff !important;
  background:
    linear-gradient(
      145deg,
      rgba(41, 87, 128, .70),
      rgba(23, 59, 92, .67)
    ) !important;
  border-color: rgba(163, 205, 243, .20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.wrx-premium .form-panel {
  padding: 25px 26px !important;
}

.wrx-premium .form-panel h2 {
  color: #e2eef9 !important;
  font-size: 15px !important;
  font-weight: 590 !important;
}

.wrx-premium .form-panel .account-avatar {
  width: 58px !important;
  height: 58px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(165, 205, 241, .18) !important;
  background:
    linear-gradient(
      145deg,
      rgba(39, 84, 121, .78),
      rgba(19, 48, 75, .82)
    ) !important;
  color: #bfdef7 !important;
}

.wrx-premium .account-lines {
  overflow: hidden !important;
  margin: 20px 0 !important;
  border: 1px solid rgba(151, 194, 234, .15) !important;
  border-radius: 12px !important;
  background: rgba(8, 26, 44, .58) !important;
}

.wrx-premium .account-lines > div {
  padding: 15px 18px !important;
  border-bottom: 1px solid rgba(151, 192, 229, .10) !important;
}

.wrx-premium .account-lines > div:last-child {
  border-bottom: 0 !important;
}

.wrx-premium .account-lines span {
  color: #9fb6cd !important;
}

.wrx-premium .account-lines strong {
  color: #dceaf7 !important;
  font-weight: 560 !important;
}

/* If current account/plans markup exposes plan/pricing cards,
   polish them without adding/replacing any functional markup. */
.wrx-premium :is(.plan-card, .pricing-card, .subscription-card) {
  border: 1px solid rgba(153, 195, 234, .17) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      145deg,
      rgba(19, 45, 72, .88),
      rgba(11, 30, 50, .92)
    ) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.024) !important;
}

/* ---------- TABLES ---------- */

.wrx-premium .plain-table {
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.wrx-premium .plain-table th {
  padding: 14px 20px !important;
  background: rgba(7, 24, 41, .62) !important;
  color: #9eb5cc !important;
  border-bottom: 1px solid rgba(151, 192, 229, .11) !important;
}

.wrx-premium .plain-table td {
  padding: 17px 20px !important;
  color: #d6e5f3 !important;
  border-bottom: 1px solid rgba(151, 192, 229, .09) !important;
}

.wrx-premium .plain-table tbody tr:hover {
  background: rgba(87, 139, 184, .05) !important;
}

/* ---------- PUBLIC: NEWS / DECISION / GENERIC PANELS ---------- */
/* No hero/header/logo/stadium selectors below. */

.news-card {
  border: 1px solid rgba(152, 195, 234, .17) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      150deg,
      rgba(18, 42, 69, .76),
      rgba(11, 29, 49, .84)
    ) !important;
  box-shadow:
    0 13px 32px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.02) !important;
  transition:
    border-color .15s ease,
    transform .15s ease !important;
}

.news-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(170, 211, 247, .27) !important;
}

.news-card h3 {
  line-height: 1.38 !important;
  font-weight: 590 !important;
  letter-spacing: -.012em !important;
}

.decision-illustration {
  border: 1px solid rgba(153, 195, 234, .17) !important;
  border-radius: 15px !important;
  background:
    linear-gradient(
      145deg,
      rgba(18, 42, 69, .76),
      rgba(11, 29, 49, .84)
    ) !important;
  box-shadow:
    0 15px 36px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.02) !important;
}

.public-narrow .panel,
.public-narrow .editorial {
  border-radius: 15px !important;
  border-color: rgba(151, 194, 234, .17) !important;
  box-shadow:
    0 13px 32px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.02) !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 767px) {
  .wrx-premium .panel,
  .wrx-premium .result-panel,
  .wrx-premium .editorial-panel,
  .wrx-premium .form-panel,
  .wrx-premium .summary-strip,
  .wrx-premium .wrx-decision,
  .news-card,
  .decision-illustration {
    border-radius: 12px !important;
  }

  .wrx-premium .match-row {
    min-height: 88px !important;
  }
}