/* AQUA STUDIO V8 — Dashboard, Analytics, IDs, GEO flags, hierarchy */
:root{
  --accent-vsl:rgba(139,92,246,.22);
  --accent-vsl-border:rgba(139,92,246,.35);
  --accent-ad:rgba(96,165,250,.16);
  --accent-ad-border:rgba(96,165,250,.32);
  --accent-meta:rgba(148,163,184,.08);
}

/* Dashboard */
#dashboardPanel.card{padding:14px 16px}
.dash-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:0 0 12px}
.dash-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:110px}
.dash-kpi-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 14px
}
.dash-kpi{
  background:var(--bg-elevated);border:1px solid var(--border-primary);
  border-radius:var(--radius-md);padding:10px 12px;min-height:72px
}
.dash-kpi .label{color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.35px;font-weight:650}
.dash-kpi strong{display:block;margin-top:4px;font-size:18px;letter-spacing:-.3px}
.dash-kpi .sub{color:var(--text-muted);font-size:11px;margin-top:2px}
.dash-section{margin:14px 0 8px;font-size:14px;font-weight:700}
.dash-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.dash-chart{
  background:var(--bg-elevated);border:1px solid var(--border-primary);
  border-radius:var(--radius-md);padding:10px 12px;min-height:160px
}
.dash-chart h4{margin:0 0 8px;font-size:12px;color:var(--text-secondary);font-weight:650}
.dash-bars{display:flex;align-items:flex-end;gap:3px;height:110px;border-bottom:1px solid var(--border-primary)}
.dash-bar-col{flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.dash-bar{width:100%;max-width:18px;border-radius:3px 3px 0 0;background:var(--accent-primary);min-height:0}
.dash-bar.fail{background:var(--danger);opacity:.85}
.dash-bar.cost{background:#34D399}
.dash-bar.win{background:#34D399}
.dash-bar.lose{background:var(--danger)}
.dash-table-wrap{overflow:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md)}
.dash-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}
.dash-table th,.dash-table td{padding:7px 8px;border-bottom:1px solid var(--border-primary);text-align:left}
.dash-table th{color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;background:var(--bg-elevated)}
.cost-note{font-size:11.5px;color:var(--text-muted);margin:6px 0 10px}

/* Analytics tabs */
.intel-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px;border-bottom:1px solid var(--border-primary);padding-bottom:8px}
.intel-tab{
  background:transparent;border:1px solid transparent;color:var(--text-secondary);
  border-radius:8px;padding:6px 10px;font:600 12px var(--font);cursor:pointer;min-height:30px
}
.intel-tab:hover{background:var(--bg-hover);color:var(--text-primary)}
.intel-tab.active{background:var(--accent-soft);color:#E8DEFF;border-color:rgba(139,92,246,.25)}
.intel-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:0 0 12px}
.intel-filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:100px}
.intel-panel{display:none}
.intel-panel.active{display:block}

/* Campaign hierarchy accents */
.cp-info-bar{background:var(--accent-meta)!important}
.cp-linked-vsl.aqua-acc,
.cp-linked-vsl{
  border-color:var(--accent-vsl-border)!important;
  background:linear-gradient(0deg,var(--accent-vsl),var(--accent-vsl)),var(--bg-elevated)!important
}
.ad-text-row.aqua-acc{
  border-color:var(--accent-ad-border)!important;
  background:linear-gradient(0deg,var(--accent-ad),var(--accent-ad)),var(--bg-elevated)!important
}
.cp-creatives-table-wrap{border-color:var(--border-primary)}
.cp-badge.winner,.cp-badge.loser,.cp-badge.testing{font-weight:750}

/* Generation cards denser with display ID */
#workspace .project .display-id{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;color:var(--accent-hover);margin-top:2px
}
#workspace .project .id-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.gen-card .display-id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--accent-hover)}

/* GEO flags */
.geo-flag{margin-right:4px}
.meta-badge .geo-flag,.vsl-chip .geo-flag{margin-right:3px}

/* Internal / display ID chips */
.id-chip{
  display:inline-flex;align-items:center;gap:4px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;
  color:var(--accent-hover);background:var(--bg-secondary);
  border:1px solid var(--border-primary);border-radius:6px;padding:2px 6px
}

@media(max-width:1200px){
  .dash-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dash-charts{grid-template-columns:1fr}
}
@media(max-width:800px){
  .dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}