/* ═══════════════════════════════════════════════════════════════
   Case Dashboard — atq-dashboard.css
   2-column layout: Sidebar (KPIs + actions) + Main (PBI + table)
   Matches Support Hub sidebar+main design language
   Token namespace: --sp-*  (defined in page-level CSS)
   ═══════════════════════════════════════════════════════════════ */


/* ═══ §1  Animations ═══ */
@keyframes dashFadeSlideUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes dashOrbFloat1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%      { transform: translate(80px, 55px) scale(1.12); }
  66%      { transform: translate(-45px, 28px) scale(0.93); }
}
@keyframes dashOrbFloat2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%      { transform: translate(-60px, 38px) scale(1.09); }
  66%      { transform: translate(38px, -28px) scale(1.15); }
}
@keyframes dashCountUp {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}


/* ═══ §2  Page Container — Full-width ═══ */

.atq-dash {
  width: 100%;
  max-width: 100%;
  margin: 28px 0 48px;
  padding: 0 clamp(12px, 4vw, 60px);
  position: relative;
  z-index: 1;
  font-family: var(--sp-font, 'Segoe UI Variable', system-ui, sans-serif);
  box-sizing: border-box;
}

/* Dark-mode animated ambient orbs */
.atq-dash::before,
.atq-dash::after {
  content: none;
}
html[data-theme="dark"] .atq-dash {
  overflow-x: clip;
}
html[data-theme="dark"] .atq-dash::before {
  content: '';
  position: absolute;
  top: -220px;
  left: -280px;
  width: 780px;
  height: 780px;
  background: radial-gradient(circle at 38% 38%, rgba(79,124,255,0.34), rgba(79,124,255,0.10) 46%, transparent 70%);
  border-radius: 50%;
  filter: blur(80px);
  animation: dashOrbFloat1 24s ease-in-out infinite;
  z-index: -1;
  pointer-events: none;
}
html[data-theme="dark"] .atq-dash::after {
  content: '';
  position: absolute;
  top: -160px;
  right: -260px;
  width: 680px;
  height: 680px;
  background: radial-gradient(circle at 58% 34%, rgba(34,211,238,0.26), rgba(14,165,233,0.07) 46%, transparent 70%);
  border-radius: 50%;
  filter: blur(68px);
  animation: dashOrbFloat2 30s ease-in-out infinite;
  z-index: -1;
  pointer-events: none;
}


/* ═══ §3  2-Column Flex Layout ═══ */

.atq-dash-layout {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}

/* Left sidebar — sticky */
.atq-dash-sidebar {
  flex: 0 0 320px;
  width: 320px;
  max-width: 320px;
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Right main — fills remaining space */
.atq-dash-main {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}


/* ═══ §4  Reveal Animation ═══ */

.atq-dash-reveal {
  opacity: 0;
  transform: translateY(16px);
  animation: dashFadeSlideUp 0.6s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)) forwards;
}
.atq-dash-reveal:nth-child(1) { animation-delay: 0.05s; }
.atq-dash-reveal:nth-child(2) { animation-delay: 0.12s; }
.atq-dash-reveal:nth-child(3) { animation-delay: 0.19s; }
.atq-dash-reveal:nth-child(4) { animation-delay: 0.26s; }


/* ═══ §5  Sidebar Cards — Base ═══ */

.atq-dash-sidebar-card {
  background: var(--sp-surface, #ffffff);
  border: 1px solid var(--sp-border, #e2e6ef);
  border-radius: var(--sp-radius, 20px);
  box-shadow: var(--sp-shadow, 0 12px 30px rgba(15,23,42,0.08));
  padding: 24px;
  transition: box-shadow 0.3s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              transform 0.3s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.atq-dash-sidebar-card:hover {
  box-shadow: var(--sp-shadow-lg, 0 24px 60px rgba(15,23,42,0.12));
  transform: translateY(-1px);
}

/* Sidebar heading with left accent bar */
.atq-dash-sidebar-heading {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sp-text-soft, #8b96a8);
  margin: 0 0 16px;
  padding-left: 14px;
  position: relative;
}
.atq-dash-sidebar-heading::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 14px;
  background: var(--sp-gradient, linear-gradient(135deg, #4f7cff 0%, #0ea5e9 100%));
  border-radius: 4px;
}


/* ═══ §6  Hero Card (sidebar top) ═══ */

.atq-dash-sidebar-card--hero {
  position: relative;
  overflow: hidden;
}
.atq-dash-sidebar-card--hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(79,124,255,0.10), rgba(14,165,233,0.05));
  pointer-events: none;
  z-index: 0;
}
.atq-dash-sidebar-card--hero > * {
  position: relative;
  z-index: 1;
}

.atq-dash-kicker {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sp-text-soft, #8b96a8);
  margin-bottom: 8px;
}
.atq-dash-hero-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.3px;
  color: var(--sp-text, #0f172a);
  margin: 0 0 8px;
}
.atq-dash-hero-title svg {
  color: var(--sp-primary, #4f7cff);
  flex-shrink: 0;
}
.atq-dash-hero-sub {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--sp-text-muted, #5b6474);
  margin: 0 0 14px;
}
.atq-dash-hero-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.atq-dash-hero-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--sp-border, #e2e6ef);
  background: var(--sp-surface-raised, #f1f4f9);
  color: var(--sp-text-muted, #5b6474);
  font-size: 12px;
  font-weight: 500;
}
.atq-dash-hero-meta__item svg {
  color: var(--sp-primary, #4f7cff);
  flex-shrink: 0;
}


/* ═══ §7  Stats Card — KPI Grid (2x3) ═══ */

.atq-dash-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.atq-dash-stat {
  border: 1px solid var(--sp-border, #e2e6ef);
  background: var(--sp-surface-raised, #f1f4f9);
  border-radius: 14px;
  padding: 14px 12px;
  text-align: center;
  transition: border-color 0.2s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              transform 0.2s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1));
  animation: dashCountUp 0.5s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)) backwards;
}
.atq-dash-stat:nth-child(1) { animation-delay: 0.10s; }
.atq-dash-stat:nth-child(2) { animation-delay: 0.15s; }
.atq-dash-stat:nth-child(3) { animation-delay: 0.20s; }
.atq-dash-stat:nth-child(4) { animation-delay: 0.25s; }
.atq-dash-stat:nth-child(5) { animation-delay: 0.30s; }
.atq-dash-stat:nth-child(6) { animation-delay: 0.35s; }
.atq-dash-stat:hover {
  border-color: var(--sp-primary, #4f7cff);
  transform: translateY(-1px);
}
.atq-dash-stat__value {
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--sp-text, #0f172a);
  line-height: 1.1;
  margin-bottom: 4px;
}
.atq-dash-stat__label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sp-text-soft, #8b96a8);
}

/* Colored stat fills — light mode */
.atq-dash-stat[data-stat="open"] {
  border-color: rgba(79,124,255,0.30);
  background: rgba(79,124,255,0.08);
}
.atq-dash-stat[data-stat="open"] .atq-dash-stat__value { color: #4f7cff; }

.atq-dash-stat[data-stat="progress"] {
  border-color: rgba(124,58,237,0.30);
  background: rgba(124,58,237,0.08);
}
.atq-dash-stat[data-stat="progress"] .atq-dash-stat__value { color: #7c3aed; }

.atq-dash-stat[data-stat="hold"] {
  border-color: rgba(217,119,6,0.30);
  background: rgba(217,119,6,0.08);
}
.atq-dash-stat[data-stat="hold"] .atq-dash-stat__value { color: #d97706; }

.atq-dash-stat[data-stat="resolved"] {
  border-color: rgba(5,150,105,0.30);
  background: rgba(5,150,105,0.08);
}
.atq-dash-stat[data-stat="resolved"] .atq-dash-stat__value { color: #059669; }

.atq-dash-stat[data-stat="total"] {
  border-color: rgba(15,23,42,0.15);
  background: rgba(15,23,42,0.04);
}
.atq-dash-stat[data-stat="total"] .atq-dash-stat__value { color: var(--sp-text, #0f172a); }

.atq-dash-stat[data-stat="sla"] {
  border-color: rgba(5,150,105,0.30);
  background: rgba(5,150,105,0.08);
}
.atq-dash-stat[data-stat="sla"] .atq-dash-stat__value { color: #059669; }


/* ═══ §8  Quick Actions Card ═══ */

.atq-dash-sidebar-card--actions .atq-dash-action {
  margin-bottom: 8px;
}
.atq-dash-sidebar-card--actions .atq-dash-action:last-child {
  margin-bottom: 0;
}
.atq-dash-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 14px;
  border-radius: 14px;
  text-decoration: none !important;
  transition: transform 0.2s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              border-color 0.2s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1)),
              box-shadow 0.2s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1));
  white-space: nowrap;
  border: 1px solid var(--sp-border, #e2e6ef);
  background: var(--sp-surface-raised, #f1f4f9);
  color: var(--sp-text, #0f172a) !important;
}
.atq-dash-action:hover {
  transform: translateY(-2px);
  border-color: var(--sp-primary, #4f7cff);
  box-shadow: var(--sp-shadow, 0 12px 30px rgba(15,23,42,0.08));
  color: var(--sp-primary, #4f7cff) !important;
}
.atq-dash-action--primary {
  background: var(--sp-gradient, linear-gradient(135deg, #4f7cff 0%, #0ea5e9 100%)) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px var(--sp-primary-glow, rgba(79,124,255,0.35));
}
.atq-dash-action--primary:hover {
  color: #ffffff !important;
  box-shadow: 0 6px 20px var(--sp-primary-glow, rgba(79,124,255,0.35));
}
.atq-dash-action svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}


/* ═══ §9  Section Containers (main content) ═══ */

.atq-dash-section {
  background: var(--sp-surface, #ffffff);
  border: 1px solid var(--sp-border, #e2e6ef);
  border-radius: var(--sp-radius, 20px);
  padding: 28px;
  box-shadow: var(--sp-shadow, 0 12px 30px rgba(15,23,42,0.08));
  transition: box-shadow 0.3s var(--sp-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.atq-dash-section:hover {
  box-shadow: var(--sp-shadow-lg, 0 24px 60px rgba(15,23,42,0.12));
}
.atq-dash-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--sp-primary, #4f7cff);
}
.atq-dash-section__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--sp-text, #0f172a);
  margin: 0;
  letter-spacing: -0.3px;
}
.atq-dash-section__title svg { color: var(--sp-primary, #4f7cff); }
.atq-dash-section__link {
  font-size: 13px;
  font-weight: 600;
  color: var(--sp-primary, #4f7cff);
  text-decoration: none;
  transition: color 0.2s;
}
.atq-dash-section__link:hover {
  color: var(--sp-primary-hover, #3b66f5);
  text-decoration: underline;
}


/* ═══ §10  Power BI Embed ═══ */

.atq-dash-pbi {
  min-height: 480px;
  border-radius: 12px;
  overflow: hidden;
}
.atq-dash-pbi iframe {
  width: 100%;
  min-height: 480px;
  border: none;
}


/* ═══ §11  Recent Cases Table ═══ */

.atq-dash-table-wrap { overflow-x: auto; }
.atq-dash-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.atq-dash-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--sp-text-soft, #8b96a8);
  padding: 10px 12px;
  border-bottom: 2px solid var(--sp-border, #e2e6ef);
  white-space: nowrap;
}
.atq-dash-table td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--sp-border, #e2e6ef);
  color: var(--sp-text, #0f172a);
  vertical-align: middle;
}
.atq-dash-table tbody tr {
  transition: background 0.2s;
}
.atq-dash-table tbody tr:hover {
  background: var(--sp-surface-raised, #f1f4f9);
}
.atq-dash-table__link {
  font-weight: 600;
  color: var(--sp-primary, #4f7cff);
  text-decoration: none;
  white-space: nowrap;
}
.atq-dash-table__link:hover { text-decoration: underline; }
.atq-dash-table__title { max-width: 260px; }
.atq-dash-table__date {
  white-space: nowrap;
  color: var(--sp-text-soft, #8b96a8);
  font-size: 12px;
}
.atq-dash-table__empty {
  text-align: center;
  padding: 48px 12px !important;
  color: var(--sp-text-soft, #8b96a8);
  font-style: italic;
}


/* ═══ §12  Status / Badge / Priority / SLA — Pills ═══ */

.atq-dash-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.atq-dash-status--progress  { background: rgba(37,99,235,0.1); color: #2563eb; }
.atq-dash-status--hold      { background: rgba(217,119,6,0.1); color: #b45309; }
.atq-dash-status--waiting   { background: rgba(217,119,6,0.08); color: #92400e; }
.atq-dash-status--research  { background: rgba(124,58,237,0.1); color: #7c3aed; }
.atq-dash-status--open      { background: rgba(37,99,235,0.08); color: #1d4ed8; }
.atq-dash-status--resolved  { background: rgba(5,150,105,0.1); color: #059669; }
.atq-dash-status--cancelled { background: rgba(220,38,38,0.08); color: #dc2626; }

.atq-dash-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: var(--sp-surface-raised, #f1f4f9);
  color: var(--sp-text-secondary, #334155);
  white-space: nowrap;
}
.atq-dash-badge--incident { background: rgba(220,38,38,0.08); color: #dc2626; }
.atq-dash-badge--sr       { background: rgba(37,99,235,0.08); color: #2563eb; }
.atq-dash-badge--problem  { background: rgba(217,119,6,0.08); color: #b45309; }
.atq-dash-badge--change   { background: rgba(124,58,237,0.08); color: #7c3aed; }
.atq-dash-badge--access   { background: rgba(5,150,105,0.08); color: #059669; }

.atq-dash-priority {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.atq-dash-priority--critical { background: #dc2626; color: #fff; }
.atq-dash-priority--high     { background: rgba(220,38,38,0.12); color: #dc2626; }
.atq-dash-priority--medium   { background: rgba(217,119,6,0.1); color: #b45309; }
.atq-dash-priority--low      { background: rgba(5,150,105,0.08); color: #059669; }

.atq-dash-sla { font-size: 16px; font-weight: 700; }
.atq-dash-sla--met      { color: var(--sp-success, #059669); }
.atq-dash-sla--breached  { color: var(--sp-danger, #dc2626); }
.atq-dash-sla--active    { color: var(--sp-primary, #4f7cff); }
.atq-dash-sla--warning   { color: var(--sp-warning, #d97706); }
.atq-dash-sla--na        { color: var(--sp-text-soft, #8b96a8); font-weight: 400; }


/* ═══ §13  Responsive ═══ */

@media (max-width: 1024px) {
  .atq-dash-layout {
    flex-direction: column;
  }
  .atq-dash-sidebar {
    flex: none;
    width: 100%;
    max-width: 100%;
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
  .atq-dash-sidebar-card {
    flex: 1 1 280px;
    min-width: 280px;
  }
  .atq-dash-sidebar-card--hero {
    flex: 1 1 100%;
  }
}
@media (max-width: 768px) {
  .atq-dash-sidebar {
    flex-direction: column;
  }
  .atq-dash-sidebar-card {
    flex: none;
    width: 100%;
    min-width: auto;
  }
  .atq-dash-stats-grid { grid-template-columns: repeat(3, 1fr); }
  .atq-dash-section { padding: 20px; border-radius: 16px; }
  .atq-dash-sidebar-card { border-radius: 16px; }
}
@media (max-width: 480px) {
  .atq-dash { padding: 0 12px; margin-top: 16px; }
  .atq-dash-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .atq-dash-stat { padding: 10px 8px; border-radius: 10px; }
  .atq-dash-stat__value { font-size: 20px; }
  .atq-dash-section, .atq-dash-sidebar-card { border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .atq-dash-reveal { opacity: 1 !important; transform: none !important; animation: none !important; }
  .atq-dash-stat { animation: none !important; }
  .atq-dash::before, .atq-dash::after { animation: none !important; }
}


/* ═══ §14  Dark Mode ═══ */

/* Sidebar cards — solid opaque surface with subtle glow */
html[data-theme="dark"] .atq-dash-sidebar-card {
  background: #161d28 !important;
  border-color: rgba(138,180,255,0.12) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.45), inset 0 1px 0 rgba(138,180,255,0.04) !important;
}

/* Hero card gradient wash — dark version */
html[data-theme="dark"] .atq-dash-sidebar-card--hero::before {
  background: linear-gradient(135deg, rgba(138,180,255,0.08), rgba(34,211,238,0.04)) !important;
}

/* Hero meta badges */
html[data-theme="dark"] .atq-dash-hero-meta__item {
  background: var(--sp-surface-raised) !important;
  border-color: var(--sp-border) !important;
  color: var(--sp-text-muted) !important;
}

/* Section cards */
html[data-theme="dark"] .atq-dash-section {
  background: #161d28 !important;
  border-color: rgba(138,180,255,0.12) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.45), inset 0 1px 0 rgba(138,180,255,0.04) !important;
}

/* Stats — colored fills in dark mode */
html[data-theme="dark"] .atq-dash-stat {
  background: var(--sp-surface-raised) !important;
  border-color: var(--sp-border) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="open"] {
  border-color: rgba(138,180,255,0.25) !important;
  background: rgba(138,180,255,0.12) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="open"] .atq-dash-stat__value { color: #8ab4ff !important; }

html[data-theme="dark"] .atq-dash-stat[data-stat="progress"] {
  border-color: rgba(167,139,250,0.25) !important;
  background: rgba(167,139,250,0.12) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="progress"] .atq-dash-stat__value { color: #a78bfa !important; }

html[data-theme="dark"] .atq-dash-stat[data-stat="hold"] {
  border-color: rgba(251,191,36,0.25) !important;
  background: rgba(251,191,36,0.12) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="hold"] .atq-dash-stat__value { color: #fbbf24 !important; }

html[data-theme="dark"] .atq-dash-stat[data-stat="resolved"] {
  border-color: rgba(16,185,129,0.25) !important;
  background: rgba(16,185,129,0.12) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="resolved"] .atq-dash-stat__value { color: #10b981 !important; }

html[data-theme="dark"] .atq-dash-stat[data-stat="total"] {
  border-color: rgba(138,180,255,0.15) !important;
  background: rgba(138,180,255,0.08) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="total"] .atq-dash-stat__value { color: #e7edf7 !important; }

html[data-theme="dark"] .atq-dash-stat[data-stat="sla"] {
  border-color: rgba(16,185,129,0.25) !important;
  background: rgba(16,185,129,0.12) !important;
}
html[data-theme="dark"] .atq-dash-stat[data-stat="sla"] .atq-dash-stat__value { color: #10b981 !important; }

/* Quick actions — dark mode */
html[data-theme="dark"] .atq-dash-action {
  background: var(--sp-surface-raised) !important;
  border-color: var(--sp-border) !important;
  color: var(--sp-text) !important;
}
html[data-theme="dark"] .atq-dash-action:hover {
  border-color: var(--sp-primary) !important;
  color: var(--sp-primary) !important;
}
html[data-theme="dark"] .atq-dash-action--primary {
  background: var(--sp-gradient) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(138,180,255,0.25) !important;
}

/* Table */
html[data-theme="dark"] .atq-dash-table tbody tr:hover {
  background: rgba(138,180,255,0.06) !important;
}

/* Section header border */
html[data-theme="dark"] .atq-dash-section__header {
  border-bottom-color: var(--sp-primary) !important;
}

/* Status pills — dark mode vivid colors */
html[data-theme="dark"] .atq-dash-status--progress  { background: rgba(138,180,255,0.15); color: #8ab4ff; }
html[data-theme="dark"] .atq-dash-status--hold      { background: rgba(251,191,36,0.12); color: #fbbf24; }
html[data-theme="dark"] .atq-dash-status--waiting   { background: rgba(251,191,36,0.10); color: #f59e0b; }
html[data-theme="dark"] .atq-dash-status--research  { background: rgba(167,139,250,0.15); color: #a78bfa; }
html[data-theme="dark"] .atq-dash-status--open      { background: rgba(138,180,255,0.12); color: #93b5ff; }
html[data-theme="dark"] .atq-dash-status--resolved  { background: rgba(16,185,129,0.12); color: #10b981; }
html[data-theme="dark"] .atq-dash-status--cancelled { background: rgba(248,113,113,0.12); color: #f87171; }

/* Badge pills — dark mode */
html[data-theme="dark"] .atq-dash-badge--incident { background: rgba(248,113,113,0.12); color: #f87171; }
html[data-theme="dark"] .atq-dash-badge--sr       { background: rgba(138,180,255,0.12); color: #8ab4ff; }
html[data-theme="dark"] .atq-dash-badge--problem  { background: rgba(251,191,36,0.10); color: #fbbf24; }
html[data-theme="dark"] .atq-dash-badge--change   { background: rgba(167,139,250,0.12); color: #a78bfa; }
html[data-theme="dark"] .atq-dash-badge--access   { background: rgba(16,185,129,0.10); color: #10b981; }

/* Priority pills — dark mode */
html[data-theme="dark"] .atq-dash-priority--critical { background: #f87171; color: #1e1e1e; }
html[data-theme="dark"] .atq-dash-priority--high     { background: rgba(248,113,113,0.15); color: #f87171; }
html[data-theme="dark"] .atq-dash-priority--medium   { background: rgba(251,191,36,0.12); color: #fbbf24; }
html[data-theme="dark"] .atq-dash-priority--low      { background: rgba(16,185,129,0.10); color: #10b981; }

/* SLA — dark mode vivid */
html[data-theme="dark"] .atq-dash-sla--met     { color: #10b981 !important; }
html[data-theme="dark"] .atq-dash-sla--breached { color: #f87171 !important; }
html[data-theme="dark"] .atq-dash-sla--active   { color: #8ab4ff !important; }
html[data-theme="dark"] .atq-dash-sla--warning  { color: #fbbf24 !important; }