/* Dashboard styles — extracted from index.html inline <style> */

/* Brand color utilities (replaces Tailwind JIT custom theme) */
.bg-brand-50 { background-color: #eff6ff; }
.bg-brand-100 { background-color: #dbeafe; }
.bg-brand-600 { background-color: #2563eb; }
.text-brand-300 { color: #93c5fd; }
.text-brand-600 { color: #2563eb; }
.text-brand-700 { color: #1d4ed8; }
.border-brand-500 { border-color: #3b82f6; }
.from-brand-600 { --tw-gradient-from: #2563eb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37,99,235,0)); }
.hover\:bg-brand-50:hover { background-color: #eff6ff; }
.hover\:bg-brand-700:hover { background-color: #1d4ed8; }
.hover\:text-brand-600:hover { color: #2563eb; }
.hover\:text-brand-700:hover { color: #1d4ed8; }
.focus\:ring-brand-500:focus { --tw-ring-color: #3b82f6; }
.focus\:border-brand-500:focus { border-color: #3b82f6; }

/* Keyframe animations */
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn 0.4s ease-out; }

@keyframes spin { to { transform: rotate(360deg); } }
.spinner { animation: spin 1s linear infinite; }

@keyframes pulse-ring { 0% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } }

.score-ring { transition: stroke-dashoffset 1.5s ease-in-out; }

/* Severity badge classes (expanded from @apply) */
.severity-critical { background-color: #fee2e2; color: #991b1b; border-color: #fecaca; }
.severity-high { background-color: #ffedd5; color: #9a3412; border-color: #fed7aa; }
.severity-medium { background-color: #fef9c3; color: #854d0e; border-color: #fde68a; }
.severity-low { background-color: #dcfce7; color: #166534; border-color: #bbf7d0; }

/* Skeleton loading */
@keyframes shimmer { 0% { background-position: -400px 0; } 100% { background-position: 400px 0; } }
.skeleton { background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); background-size: 400px 100%; animation: shimmer 1.5s ease-in-out infinite; border-radius: 0.5rem; }
.skeleton-ring { opacity: 0.15; }

/* Mobile drawer */
.dash-drawer { transform: translateX(100%); transition: transform 0.3s ease; }
.dash-drawer.open { transform: translateX(0); }

/* Collapsible sections */
.section-collapse-wrap { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.3s ease; }
.section-collapse-wrap.collapsed { grid-template-rows: 0fr; }
.section-collapse-inner { overflow: hidden; }
.section-toggle { border: none; background: none; text-align: left; }
.section-toggle .chevron-icon { transition: transform 0.25s ease; }
.section-toggle.is-collapsed .chevron-icon { transform: rotate(-90deg); }

/* Minimalist dashboard refinements */
#dashboard-content section {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.reg-card {
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}
.reg-card:hover { transform: translateY(-1px); }
#command-center-list details[open] {
  border-color: #d6d3d1;
  background-color: #e7e5e4;
}
#minimalist-findings-table tr {
  transition: background-color 0.15s ease;
}

#dashboard-content details > summary {
  list-style: none;
}
#dashboard-content details > summary::-webkit-details-marker {
  display: none;
}
#dashboard-content details > summary::after {
  content: "Show";
  float: right;
  color: #78716c;
  font-weight: 600;
  text-transform: none;
}
#dashboard-content details[open] > summary::after {
  content: "Hide";
}

.view-mode-btn {
  color: #78716c;
  background: transparent;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.view-mode-btn:hover {
  color: #44403c;
}
.view-mode-btn.active {
  background: #fafaf9;
  color: #1e40af;
  box-shadow: 0 0 0 1px #93c5fd;
}

/* Hard-stop legacy row from reappearing under any render path */
#legacy-score-row {
  display: none !important;
}

/* Entire legacy light-theme stack (score grid, old findings, team, etc.) — keep out of the live Command Center UX */
#legacy-dashboard-remainder {
  display: none !important;
}

/* Closed regulation drawer must not intercept clicks on the dashboard */
#reg-drawer.dash-drawer:not(.open) {
  pointer-events: none;
}
#reg-drawer.dash-drawer.open {
  pointer-events: auto;
}

/* Command Center — warm stone / off-white canvas */
.ca-command-center-shell {
  background-color: #f5f5f4;
  color: #1c1917;
}
#connect-files-strip {
  background-color: #f5f5f4;
}

/* Subtle elevation on panels inside Command Center */
.ca-command-center-shell .rounded-xl.border.border-stone-200.bg-stone-100 {
  box-shadow: 0 1px 3px 0 rgb(28 25 23 / 0.06);
}

/* Export menu (Command Center) */
#cc-export-details > summary.cc-export-summary {
  list-style: none;
}
#cc-export-details > summary.cc-export-summary::-webkit-details-marker {
  display: none;
}

/* Premium readability pass */
.ca-command-center-shell {
  font-size: 15px;
}
#exec-snapshot-line {
  font-size: 1rem;
  line-height: 1.55;
}
#hero-section .rounded-xl,
#executive-audit-row .rounded-xl {
  padding: 1.25rem;
}
#minimalist-score-value {
  font-size: 3rem;
  line-height: 1;
}