/* AdMeadow theme — generated from the control room (Branding & theme). */
:root {
  --sky: #22c55e;
  --sky-2: #15803d;
  --sky-3: #14532d;
  --sky-soft: #e9f9ef;
  --sky-line: #b8eccb;
  --sky-ring: rgba(34, 197, 94, 0.16);
  --jade: #047857;
  --jade-soft: #e6f2ee;
  --bg-tint: #f0fdf4;
  --bg-soft: #f9fefb;
  --btn-from: #16a34a;
  --btn-to: #14532d;
}
.hero-bg .glow.a { background: rgba(34, 197, 94, 0.3); }
.hero-bg .glow.b { background: rgba(34, 197, 94, 0.16); }
.grid-lines path { stroke: rgba(34, 197, 94, 0.13); }
.nav.is-stuck { box-shadow: 0 6px 20px -18px rgba(20, 83, 45, 0.45); }
.card, .stat, .auth-card, .calc-card, .watch-card, .preview, .admin-login-card, .ad-card, .tier-list {
  box-shadow: 0 18px 40px -30px rgba(20, 83, 45, 0.4), 0 1px 2px rgba(20, 83, 45, 0.05);
}
.btn-primary { background: linear-gradient(180deg, var(--btn-from) 0%, var(--btn-to) 100%); }
.btn-primary { box-shadow: 0 12px 24px -14px rgba(20, 83, 45, 0.7); }
.progress-fill, .limit-fill { background: linear-gradient(90deg, #22c55e, #15803d); }
.bar-fill { background: linear-gradient(180deg, #22c55e, #15803d); }
.cline { stroke: #22c55e; }
.cdot { stroke: #22c55e; }
.side-link.is-active, .pv-link.is-on { background: #e9f9ef; color: #14532d; }
input:focus, select:focus, textarea:focus { border-color: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16); }
.tier-ring, .ring { background: conic-gradient(#22c55e var(--p, 0%), var(--surface-3) 0); }
::selection { background: #def6e7; color: #14532d; }

/* membership plan picker */
.plan-pick { margin-bottom: 14px; }
.plan-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.plan-summary > div { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2, #f8faf9); }
.plan-summary small { display: block; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
.plan-summary strong { font-size: 14px; }

@media (max-width: 640px) {
  .plan-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* the dashboard on a phone: two numbers, one action, everything else below */
  .page-overview .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .page-overview .stat-grid > *:nth-child(n+3) { display: none; }
  .page-overview .sm-hide { display: none; }
  .page-overview .stat { padding: 12px 14px; }
  .page-overview .stat-value { font-size: 20px; }
  .page-overview .callout { font-size: 13px; }
  .page-overview .app-head { gap: 8px; }
}