/* تم اختصاصی ساروی‌ها — آبی + کارت سه‌ستونه + پس‌زمینه */

body.is-theme-saraviha {
  --bg: #e8f1fb;
  --bg-soft: #f3f7fd;
  --panel: rgba(255, 255, 255, 0.94);
  --panel-solid: #ffffff;
  --panel-light: #eaf2ff;
  --line: rgba(37, 99, 235, 0.14);
  --line-strong: rgba(37, 99, 235, 0.24);
  --text: #12233f;
  --muted: #5a6f8f;
  --faint: #8a9bb5;
  --brand: #2563eb;
  --brand-hover: #1d4ed8;
  --brand-soft: #dbeafe;
  --accent: #2563eb;
  --accent-2: #3b82f6;
  --blue: #2563eb;
  --shadow: 0 1px 2px rgba(15, 40, 90, 0.05), 0 14px 36px rgba(37, 99, 235, 0.1);
  --shadow-md: 0 18px 44px rgba(37, 99, 235, 0.14);

  min-height: 100vh;
  background-color: var(--bg);
  background-image:
    linear-gradient(180deg, rgba(232, 241, 251, 0.9) 0%, rgba(243, 247, 253, 0.86) 45%, rgba(232, 241, 251, 0.92) 100%),
    url("back.jpg");
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body.is-theme-saraviha .hero::before {
  background:
    radial-gradient(circle at 90% 0%, rgba(37, 99, 235, 0.12), transparent 44%),
    linear-gradient(180deg, rgba(243, 247, 253, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
}

body.is-theme-saraviha .hero,
body.is-theme-saraviha .control-strip,
body.is-theme-saraviha .filter-panel,
body.is-theme-saraviha .dashboard,
body.is-theme-saraviha .saved-panel,
body.is-theme-saraviha .results-panel,
body.is-theme-saraviha .info-band {
  backdrop-filter: blur(8px);
}

body.is-theme-saraviha .outage-row.is-soon {
  border-color: rgba(37, 99, 235, 0.3);
  background: #f5f9ff;
}

body.is-theme-saraviha .outage-row.is-soon .row-progress .progress i {
  background: linear-gradient(90deg, #2563eb, #60a5fa);
}

body.is-theme-saraviha .row-time {
  background: var(--brand-soft);
}

body.is-theme-saraviha .row-time strong,
body.is-theme-saraviha .row-details summary {
  color: var(--brand);
}

body.is-theme-saraviha .share-card {
  border-color: rgba(37, 99, 235, 0.2);
}

body.is-theme-saraviha .share-card-title,
body.is-theme-saraviha .share-card-time-box strong {
  color: var(--brand);
}

/* نمایش کارتی ۳ ستونه */
body.is-theme-saraviha .outage-list:not(.outage-table-wrap) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .outage-row {
  grid-template-columns: 1fr;
  gap: 12px;
  height: 100%;
  padding: 14px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .outage-row:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .row-address {
  font-size: 0.95rem;
  line-height: 1.65;
  min-height: 3.2em;
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .row-time {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* برچسب شروع/پایان کنار ساعت — نه زیر آن */
body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .row-time span {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  white-space: nowrap;
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .row-time strong {
  font-size: 0.95rem;
}

body.is-theme-saraviha .show-more-results {
  display: none !important;
}

body.is-theme-saraviha .outage-list:not(.outage-table-wrap) .row-progress {
  grid-template-columns: 1fr;
  gap: 6px;
}

@media (max-width: 980px) {
  body.is-theme-saraviha .outage-list:not(.outage-table-wrap) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.is-theme-saraviha {
    background-attachment: scroll;
  }

  body.is-theme-saraviha .outage-list:not(.outage-table-wrap) {
    grid-template-columns: 1fr;
  }
}