/* Quiet dashboard refinement. Presentation only; preserve every control and value. */
:root { --gt-bg: #f7f8f5; --zen-line: #e3e8e0; --pca-gradient-mesh: none; }
#root .glass-sidebar { background: #fafbf8; }
#root .glass-sidebar a[aria-current="page"] { background: #edf2e9; box-shadow: none; font-weight: 600; }
#root .wrr-dashboard { gap: 20px; font-size: 14px; max-width: 1280px; margin-inline: auto; width: 100%; }
#root .wrr-hero { background: transparent; border: 0; border-bottom: 1px solid var(--zen-line); border-radius: 0; padding: 6px 0 22px; gap: 24px; }
#root .wrr-hero h1 { font-size: 24px; font-weight: 500; line-height: 1.35; letter-spacing: -.025em; margin: 6px 0; }
#root .wrr-hero-description { font-size: 14px; line-height: 1.6; }
#root .wrr-eyebrow { font-size: 11px; font-weight: 500; letter-spacing: .06em; }
#root .wrr-hero-meta { margin-top: 12px; gap: 16px; }
#root .wrr-hero-meta span { padding: 0; background: transparent; border: 0; border-radius: 0; font-size: 12px; }
#root .wrr-hero-action { min-width: 130px; padding: 12px 16px; border-radius: 8px; border-color: var(--zen-line); background: #fff; }
#root .wrr-hero-action strong { font-size: 24px; font-weight: 500; }
#root .wrr-metrics { gap: 12px; }
#root .wrr-metric { padding: 18px; border: 1px solid var(--zen-line); border-radius: 10px; box-shadow: none; }
#root .wrr-metric h2 { font-size: 13px; font-weight: 500; color: var(--zen-muted); }
#root .wrr-metric .wrr-value { font-size: 25px; font-weight: 500; letter-spacing: -.025em; margin-top: 10px; }
#root .wrr-exact { font-size: 12px; }
#root .wrr-metric-note { border: 0; padding-top: 0; margin-top: 10px !important; font-size: 12px; }
#root .wrr-dashboard .wrr-explain { margin-top: 8px; font-weight: 400; font-size: 12px; background: transparent; border: 0; }
#root .wrr-dashboard .wrr-explain:hover { color: #243b30; text-decoration: underline; }
#root .wrr-panel { border-radius: 10px; padding: 20px; box-shadow: none; }
#root .wrr-two-column { gap: 16px; }
#root .wrr-section-head { margin-bottom: 16px; }
#root .wrr-section-head h2 { font-size: 17px; font-weight: 500; letter-spacing: -.015em; }
#root .wrr-badge { background: transparent; border-color: var(--zen-line); font-weight: 400; border-radius: 6px; }
#root .wrr-budget-line { background: #f7f9f5; padding: 10px 12px; border-radius: 6px; }
#root .wrr-budget-line strong, #root .wrr-legend strong { font-weight: 500; }
#root .wrr-breakdown-bar { height: 12px; margin: 18px 0; border-radius: 4px; }
#root .wrr-legend { gap: 12px; }
#root .wrr-action { background: transparent; border: 0; padding: 0 0 14px; border-radius: 0; }
#root .wrr-action h3 { font-size: 14px; font-weight: 500; }
#root .wrr-button { background: #f3f6ef; color: #365c48; border: 1px solid var(--zen-line); font-weight: 500; border-radius: 7px; padding: 11px 13px; }
#root .wrr-button:hover { background: #e8eee3; color: #243b30; }
#root .wrr-dashboard button { font-weight: 500; border-radius: 7px; }
#root .wrr-tools { gap: 10px 16px; }
#root .wrr-tools > span { font-size: 12px; }
#root .wrr-dashboard th { background: #f7f9f5; font-weight: 500; padding: 10px 12px; }
#root .wrr-dashboard td { padding: 11px 12px; }
#root .wrr-dashboard tbody tr:nth-child(even) { background: #fcfdfa; }
#root .wrr-dashboard td a, #root .wrr-source a, #root .wrr-text-link { font-weight: 500; }
body [role="dialog"] .wrr-workbench h2 { font-size: 18px; font-weight: 500; }
body [role="dialog"] h3 { font-size: 18px; font-weight: 500; }
@media (max-width: 600px) {
  #root .wrr-hero { padding: 0 0 18px; }
  #root .wrr-hero h1 { font-size: 22px; }
  #root .wrr-hero-action { margin-top: 16px; padding: 10px 12px; }
  #root .wrr-hero-action strong { font-size: 22px; }
  #root .wrr-metric { padding: 14px 12px; }
  #root .wrr-metric .wrr-value { font-size: 23px; }
  #root .wrr-panel { padding: 16px; }
  #root .wrr-section-head h2 { font-size: 17px; }
}
