/* SEEDS Voices of Impact palette. Layout remains in styles.css. */
:root {
  color-scheme: dark;
  --green: #f0a533;
  --muted: #b0b0b0;
  --border: #303030;
  --accent: #f0a533;
  --surface: #1c1c1c;
  --chart-traffic: #f0a533;
  --chart-traffic-fill: #f0a53318;
  --chart-engagement: #70bea0;
  --chart-secondary: #94703b;
  --chart-grid: #303030;
  --chart-text: #b0b0b0;
  background: #121212;
  color: #f0f0f0;
}
body { background: #121212; }
.sidebar { background: #151515; }
.brand { flex-direction: column; align-items: flex-start; gap: 12px; margin: 0 12px 40px; letter-spacing: normal; }
.brand img { display: block; width: 128px; height: auto; object-fit: contain; }
.brand small { color: #dedede; font-size: 12px; font-weight: 600; letter-spacing: .3px; margin: 0; }
.nav-label, .sidebar-foot, .sidebar-foot p { color: #a0a0a0; }
nav a { color: #b0b0b0; border-radius: 999px; }
nav a.active, nav a:hover { color: #f3bf6a; background: #302719; }
.status-dot { background: #70bea0; }
header { border-color: var(--border); }
.breadcrumb { color: #b0b0b0; }
.breadcrumb span { color: #777; }
.pill, .date-pill { background: var(--surface); color: #c6c6c6; border-radius: 999px; }
.title-row { margin: 40px 0 30px; }
h1 { font-weight: 700; letter-spacing: -1px; }
h2 { font-weight: 650; }
.eyebrow { color: #efbd70; }
button { background: #242424; color: #e5e5e5; border-color: #414141; border-radius: 999px; }
button:hover { background: #323232; }
.primary { background: var(--accent); border-color: var(--accent); color: #17120a; }
.primary:hover { background: #ffba50; border-color: #ffba50; }
.metric, .panel { background: var(--surface); border-radius: 18px; }
.metric { padding: 24px; }
.metric-label { color: #bdbdbd; }
.metric-value { color: #f0f0f0; font-weight: 650; }
.metric:nth-child(3) .metric-value { color: #70bea0; }
.metric:nth-child(4) .metric-value { color: #f0b759; }
.metric-note, .report-bar, .footnote { color: #a6a6a6; }
.insight, .insight:nth-child(2n) { background: #201d18; border-color: #3b3224; border-radius: 16px; }
.insight:nth-child(2n) { background: #1b2420; border-color: #2e3b34; }
.insight .eyebrow { color: #efbd70; }
.insight p:last-child { color: #b8b6b0; }
.rank-row { border-color: #303030; }
.bar-track { background: #33302a; }
.bar-fill { background: #dca044; }
th { color: #bdb8ae; background: #25231f; }
td, th { border-color: #303030; }
tbody tr:hover { background: #242424; }
input[type=search], input[type=file], select { color: #dedede; background: #242424; border-color: #414141; }
input[type=search], select { border-radius: 10px; }
.search-label, .table-controls, .pagination, details { color: #b0b0b0; }
summary:hover { color: #efbd70; }
footer { color: #999; border-top: 1px solid var(--border); padding-top: 20px; }
.import-panel { background: #211d16; border-color: #886c41; border-radius: 16px; }
#message { color: #e5bd7b; }
#message.error { background: #321e1b; border-color: #704038; color: #ffc1b8; }
#warnings { color: #e5bd7b; }
.data-notes { color: #b0b0b0; font-size: 12px; line-height: 1.8; padding-left: 18px; margin-top: 24px; }
#meta-ads { scroll-margin-top: 20px; }
#meta-ads .metric { background: #24221e; min-width: 0; }
#meta-ads .metric-value { font-size: clamp(20px, 2.2vw, 30px); overflow-wrap: anywhere; }
#meta-ads h3 { font-size: 14px; margin-top: 28px; }
#meta-ads th { white-space: nowrap; }
:focus-visible { outline-color: #f0a533; }
@media (max-width: 700px) {
  .brand { flex-direction: row; align-items: center; margin: 0; gap: 16px; }
  .brand img { width: 86px; }
  .brand small { font-size: 12px; }
  .metric { padding: 16px; }
  .title-row { margin: 28px 0; }
}
.account-controls{display:flex;align-items:center;gap:12px}.account-controls form{margin:0}.account-controls button{font-size:11px;padding:8px 12px}
.metric-view{display:flex;align-items:center;gap:8px}.metric-view label{font-size:11px;color:#a6a6a6}
.ops-chart { height: 330px; }
.campaign-operations #metrics { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1100px) { .campaign-operations #metrics { grid-template-columns: repeat(2, 1fr); } }

html[data-theme="light"] {
  color-scheme: light;
  --green: #9b5b07;
  --muted: #53625a;
  --border: #d8e0da;
  --accent: #b46d0d;
  --surface: #ffffff;
  --chart-traffic: #b46d0d;
  --chart-traffic-fill: #b46d0d18;
  --chart-engagement: #19745c;
  --chart-secondary: #8c9c92;
  --chart-grid: #d8e0da;
  --chart-text: #4e5d54;
  background: #f5f7f5;
  color: #20352e;
}
html[data-theme="light"] body { background: #f5f7f5; }
html[data-theme="light"] .sidebar { background: #ffffff; }
html[data-theme="light"] .brand small, html[data-theme="light"] .nav-label, html[data-theme="light"] .sidebar-foot, html[data-theme="light"] .sidebar-foot p, html[data-theme="light"] nav a { color: #53625a; }
html[data-theme="light"] nav a.active, html[data-theme="light"] nav a:hover { color: #8b560d; background: #fff2dc; }
html[data-theme="light"] .breadcrumb, html[data-theme="light"] .metric-label, html[data-theme="light"] .metric-note, html[data-theme="light"] .report-bar, html[data-theme="light"] .footnote, html[data-theme="light"] .muted, html[data-theme="light"] .panel-heading p:not(.eyebrow) { color: #5a6a60; }
html[data-theme="light"] .pill, html[data-theme="light"] .date-pill, html[data-theme="light"] button, html[data-theme="light"] input[type=search], html[data-theme="light"] input[type=file], html[data-theme="light"] select { background: #ffffff; color: #314238; border-color: #cdd8d0; }
html[data-theme="light"] button:hover { background: #edf4ef; }
html[data-theme="light"] .primary, html[data-theme="light"] .primary:hover { background: #b46d0d; border-color: #b46d0d; color: #ffffff; }
html[data-theme="light"] .metric, html[data-theme="light"] .panel { background: #ffffff; }
html[data-theme="light"] .metric-value { color: #20352e; }
html[data-theme="light"] .metric:nth-child(3) .metric-value { color: #19745c; }
html[data-theme="light"] .metric:nth-child(4) .metric-value { color: #9b5b07; }
html[data-theme="light"] #meta-ads .metric { background: #ffffff; border-color: #d8e0da; box-shadow: 0 3px 12px #20352e0d; }
html[data-theme="light"] #meta-ads .metric-value { color: #20352e; }
html[data-theme="light"] #meta-ads .metric:nth-child(3) .metric-value { color: #19745c; }
html[data-theme="light"] #meta-ads .metric:nth-child(4) .metric-value { color: #9b5b07; }
html[data-theme="light"] .insight, html[data-theme="light"] .insight:nth-child(2n) { background: #f8f5ee; border-color: #e6dcc9; }
html[data-theme="light"] th { background: #f5f7f5; color: #53625a; }
html[data-theme="light"] td, html[data-theme="light"] th, html[data-theme="light"] .rank-row { border-color: #e3e9e4; }
html[data-theme="light"] tbody tr:hover { background: #f5f7f5; }
html[data-theme="light"] .bar-track { background: #e8eee9; }
html[data-theme="light"] .bar-fill { background: #b46d0d; }
html[data-theme="light"] .import-panel { background: #fff8ec; border-color: #d6ad6d; }
html[data-theme="light"] .metric-view label { color: #5a6a60; }