/* Ad detail table and status-switch overrides. Keep this file scoped to the ads page. */
#pageRoot[data-page="ads"] .ad-status-toggle {
  width: 60px;
  height: 28px;
  min-width: 60px;
  padding: 2px;
  border: 1px solid rgba(91, 117, 151, 0.76);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(36, 47, 68, 0.86), rgba(24, 31, 47, 0.94));
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    inset 0 -7px 14px rgba(0, 0, 0, 0.26),
    0 4px 16px rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(14px) saturate(135%);
  backdrop-filter: blur(14px) saturate(135%);
}

#pageRoot[data-page="ads"] .ad-status-toggle::before {
  inset: 1px;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.18), transparent 32%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 54%);
  opacity: 0.72;
}

#pageRoot[data-page="ads"] .ad-status-toggle-knob {
  width: 24px;
  height: 24px;
  background:
    radial-gradient(circle at 30% 24%, #f8fbff 0 24%, #d5deea 62%, #7b879a 100%);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.62),
    inset 0 -5px 10px rgba(15, 23, 42, 0.24),
    0 4px 12px rgba(0, 0, 0, 0.36);
}

#pageRoot[data-page="ads"] .ad-status-toggle.is-active {
  border-color: rgba(124, 179, 255, 0.96);
  background:
    linear-gradient(180deg, #3b82f6, #1d4ed8);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.34),
    inset 0 -8px 14px rgba(16, 61, 178, 0.22),
    0 0 0 1px rgba(59, 130, 246, 0.2),
    0 4px 16px rgba(37, 99, 235, 0.34),
    0 0 22px rgba(47, 125, 246, 0.46);
}

#pageRoot[data-page="ads"] .ad-status-toggle:hover {
  transform: translateY(-1px);
}

#pageRoot[data-page="ads"] .ad-status-toggle.is-active:hover {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.38),
    inset 0 -8px 14px rgba(16, 61, 178, 0.2),
    0 0 0 2px rgba(124, 179, 255, 0.28),
    0 5px 18px rgba(37, 99, 235, 0.4),
    0 0 28px rgba(47, 125, 246, 0.62);
}

#pageRoot[data-page="ads"] .ad-status-toggle:focus-visible {
  outline: 0;
  border-color: rgba(147, 197, 253, 1);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.34),
    0 0 0 3px rgba(59, 130, 246, 0.24),
    0 0 0 6px rgba(59, 130, 246, 0.12),
    0 0 24px rgba(47, 125, 246, 0.5);
}

#pageRoot[data-page="ads"] .ad-status-toggle:active {
  transform: translateY(0);
  filter: brightness(0.95);
}

#pageRoot[data-page="ads"] .ad-status-toggle.is-readonly {
  cursor: default;
}

#pageRoot[data-page="ads"] .ad-status-toggle.is-readonly:hover,
#pageRoot[data-page="ads"] .ad-status-toggle.is-readonly:active {
  transform: none;
  filter: none;
}

#pageRoot[data-page="ads"] .ad-status-toggle:disabled {
  border-color: rgba(100, 116, 139, 0.45);
  background:
    linear-gradient(180deg, rgba(55, 65, 81, 0.5), rgba(31, 41, 55, 0.55));
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06);
}

#pageRoot[data-page="ads"] .ad-status-toggle:disabled .ad-status-toggle-knob {
  background:
    radial-gradient(circle at 30% 24%, rgba(226, 232, 240, 0.76), rgba(100, 116, 139, 0.72));
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.26);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle {
  border-color: rgba(203, 215, 233, 0.95);
  background:
    linear-gradient(180deg, rgba(250, 253, 255, 0.9), rgba(235, 242, 252, 0.78));
  background-clip: padding-box;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.94),
    inset 0 -8px 14px rgba(148, 163, 184, 0.12),
    0 8px 18px rgba(63, 90, 132, 0.14);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle::before {
  background:
    radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.52), transparent 58%);
  opacity: 1;
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle-knob {
  background:
    radial-gradient(circle at 30% 24%, #ffffff 0 28%, #f3f7fc 58%, #d9e3f1 100%);
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.96),
    inset 0 -5px 10px rgba(148, 163, 184, 0.16),
    0 5px 14px rgba(91, 117, 151, 0.24);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle.is-active {
  border-color: rgba(96, 165, 250, 0.72);
  background:
    linear-gradient(180deg, #4d9dff, #2563eb);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.44),
    inset 0 -8px 14px rgba(37, 99, 235, 0.24),
    0 0 0 1px rgba(59, 130, 246, 0.14),
    0 8px 18px rgba(37, 99, 235, 0.22),
    0 0 20px rgba(47, 107, 255, 0.28);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle:hover {
  border-color: rgba(96, 165, 250, 0.56);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.95),
    0 0 0 3px rgba(59, 130, 246, 0.08),
    0 10px 22px rgba(63, 90, 132, 0.16);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle.is-active:hover {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.46),
    inset 0 -8px 14px rgba(37, 99, 235, 0.22),
    0 0 0 3px rgba(59, 130, 246, 0.12),
    0 8px 20px rgba(37, 99, 235, 0.26),
    0 0 24px rgba(47, 107, 255, 0.34);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle:focus-visible {
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.82),
    0 0 0 3px rgba(47, 107, 255, 0.28),
    0 0 0 6px rgba(47, 107, 255, 0.12),
    0 10px 22px rgba(37, 99, 235, 0.18);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle:disabled {
  border-color: rgba(203, 213, 225, 0.62);
  background:
    linear-gradient(180deg, rgba(238, 242, 248, 0.64), rgba(226, 233, 244, 0.54));
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.72),
    0 4px 12px rgba(91, 117, 151, 0.08);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-status-toggle:disabled .ad-status-toggle-knob {
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.78), rgba(203, 213, 225, 0.72));
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table thead th,
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:nth-child(-n + 4),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:last-child {
  background: var(--dashboard-table-head-bg);
  color: var(--dashboard-table-head-text);
}

/* Keep the final revenue and TACOS columns visible while the ad table scrolls horizontally. */
#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table th:last-child,
#pageRoot[data-page="ads"] .ad-detail-table td:last-child {
  position: sticky;
}

#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table th:last-child {
  background: var(--dashboard-table-head-bg);
}

#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table td:last-child {
  background: var(--dashboard-table-sticky-cell-bg);
}

#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(23) {
  right: 92px;
  z-index: 4;
  width: 148px;
  min-width: 148px;
  max-width: 148px;
  box-shadow: -1px 0 0 rgba(74, 115, 166, 0.48);
}

#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table td:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table th:last-child,
#pageRoot[data-page="ads"] .ad-detail-table td:last-child {
  right: 0;
  z-index: 5;
  width: 92px;
  min-width: 92px;
  max-width: 92px;
  box-shadow: -1px 0 0 rgba(74, 115, 166, 0.48);
}

#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table th:last-child {
  z-index: 8;
}

#pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:last-child {
  background: var(--dashboard-table-sticky-cell-bg-alt);
}

#pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:nth-child(23),
#pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:nth-child(24),
#pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:last-child {
  background: var(--dashboard-table-sticky-cell-bg-hover);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table td:nth-child(23),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table td:nth-child(24),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table td:last-child {
  background: var(--dashboard-table-sticky-cell-bg);
  box-shadow: -1px 0 0 rgba(182, 204, 232, 0.82);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:nth-child(23),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:nth-child(24),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table th:last-child {
  box-shadow: -1px 0 0 rgba(182, 204, 232, 0.82);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:nth-child(23),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:nth-child(24),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:nth-child(even) td:last-child {
  background: var(--dashboard-table-sticky-cell-bg-alt);
}

body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:nth-child(23),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:nth-child(24),
body.theme-glass-light #pageRoot[data-page="ads"] .ad-detail-table tbody tr:hover td:last-child {
  background: var(--dashboard-table-sticky-cell-bg-hover);
}