/* White-glass treatment for the media parameter cards. Scoped to their compiled Vue ids. */
.feature-card.is-dark[data-v-485b31aa] {
  color: #193757 !important;
  border-color: rgba(255, 255, 255, .82) !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(112, 215, 246, .18), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(255, 190, 220, .16), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(248, 252, 255, .76)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .96), inset 0 -1px rgba(141, 208, 232, .16), 0 18px 40px rgba(96, 130, 161, .13) !important;
}

.feature-card.is-dark .feature-icon[data-v-485b31aa] {
  background: rgba(255, 255, 255, .72) !important;
  color: #2ba9d6 !important;
  box-shadow: inset 0 0 0 1px rgba(194, 224, 239, .72);
}

.feature-card.is-dark .feature-eyebrow[data-v-485b31aa] { color: #7890a8 !important; }
.feature-card.is-dark .feature-title[data-v-485b31aa] { color: #173b5e !important; }
.feature-card.is-dark .feature-desc[data-v-485b31aa] { color: #6d86a0 !important; }
.feature-card.is-dark .badge[data-v-485b31aa] { background: rgba(255, 255, 255, .72) !important; color: #66809a !important; }
.feature-card.is-dark .metric-meta[data-v-485b31aa] { color: #7189a1 !important; }
.feature-card.is-dark .metric-meta strong[data-v-485b31aa] { color: #173b5e !important; }
.feature-card.is-dark .metric-track[data-v-485b31aa] { background: rgba(205, 224, 237, .72) !important; }

.feature-card.is-dark .badge.is-active[data-v-485b31aa],
.feature-card .badge.is-active[data-v-485b31aa] {
  border: 1px solid rgba(168, 218, 238, .72) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(231, 248, 255, .9)) !important;
  color: #187ca8 !important;
  box-shadow: 0 10px 22px rgba(67, 170, 211, .14);
}

.preview-time[data-v-45973cb4] { color: #173b5e !important; }

.strategy-pill[data-v-45973cb4],
.dark-panel[data-v-45973cb4],
.field-card[data-v-45973cb4] {
  border: 1px solid rgba(214, 230, 240, .86) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(242, 249, 253, .66)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .92), 0 12px 26px rgba(94, 145, 177, .1) !important;
}

.strategy-pill span[data-v-45973cb4] { color: #8296aa !important; }
.strategy-pill strong[data-v-45973cb4] { color: #173b5e !important; }
.control-scale-dark span[data-v-45973cb4],
.field-card .field-note[data-v-45973cb4] { color: #6d86a0 !important; }

.range-slider-dark[data-v-45973cb4] {
  background: linear-gradient(90deg, rgba(112, 215, 246, .68), rgba(255, 190, 220, .46), rgba(205, 224, 237, .72)) !important;
}

.range-slider[data-v-45973cb4]::-webkit-slider-thumb {
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px rgba(150, 196, 219, .72), 0 8px 18px rgba(72, 125, 158, .2) !important;
}

.range-slider[data-v-45973cb4]::-moz-range-thumb {
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 0 0 1px rgba(150, 196, 219, .72), 0 8px 18px rgba(72, 125, 158, .2) !important;
}

.toggle-button.is-active[data-v-45973cb4],
.action-button[data-v-45973cb4] {
  background: linear-gradient(135deg, #74d7ec, #6abde9 56%, #efa8bd) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(71, 163, 205, .2) !important;
}

/* Professional-upgrade banner: replace the remaining navy/gray surface. */
.upgrade-banner[data-v-27859472] {
  border-color: rgba(255, 255, 255, .86) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(112, 215, 246, .22), transparent 34%),
    radial-gradient(circle at 92% 86%, rgba(255, 187, 214, .2), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(247, 252, 255, .82) 52%, rgba(255, 248, 252, .82)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), inset 0 -1px rgba(141, 208, 232, .16), 0 20px 46px rgba(96, 130, 161, .14) !important;
  backdrop-filter: blur(18px) saturate(140%);
}

.upgrade-banner[data-v-27859472]::after {
  background: linear-gradient(135deg, rgba(255, 255, 255, .56), transparent 44%, rgba(112, 215, 246, .08)) !important;
}

.eyebrow[data-v-27859472] { color: #36a9d4 !important; }
h3[data-v-27859472] { color: #173b5e !important; }
.description[data-v-27859472] { color: #6d86a0 !important; }

.primary-button[data-v-27859472] {
  border: 1px solid rgba(133, 205, 232, .72) !important;
  background: linear-gradient(135deg, #74d7ec, #6abde9 58%, #efa8bd) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(71, 163, 205, .22) !important;
}

.secondary-button[data-v-27859472] {
  border-color: rgba(190, 220, 237, .9) !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #526f8a !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .96), 0 10px 22px rgba(94, 145, 177, .1);
}