/* Overview only. Shared navigation, editor and campaign behavior are unchanged. */
#content .performance-dashboard { display: grid; gap: 18px; color: #334155; font-size: 14px; }
.report-date-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; max-width: 620px; margin: 0; }
#workspace[data-workspace-page="overview"] .shell-topbar-right { min-width: 0; max-width: 100%; flex: 0 1 auto; }
#workspace .shell-topbar-right .report-date-controls { min-width: 0; max-width: 100%; padding: 0; white-space: normal; }
.report-presets,.report-grouping { display: flex; flex-wrap: wrap; gap: 6px; }
.report-date-controls button,.performance-dashboard button { font-size: 13px; min-height: 36px; padding: 8px 13px; border-radius: 8px; font-weight: 600; }
.report-date-controls button[aria-pressed="true"],#content .performance-dashboard button[aria-pressed="true"] { background: #2563eb; border-color: #2563eb; color: white; box-shadow: 0 2px 6px #2563eb18; }
.report-date-controls button:focus-visible,.performance-dashboard button:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.report-zone { font-size: 11px; color: #64748b; line-height: 1.5; text-align: right; }
.report-custom:not([hidden]) { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; width: 100%; justify-content: flex-end; }
.report-custom label { font-size: 12px; display: grid; gap: 4px; }
.report-custom input { min-width: 0; width: 155px; min-height: 36px; }
#content .report-notice { display: flex; align-items: center; gap: 10px; background: #fffbeb; border: 1px solid #fde6ae; color: #854d0e; border-radius: 9px; padding: 11px 16px; line-height: 1.5; font-size: 13px; }
#content .report-notice > span { font-size: 20px; font-weight: 700; }
#content .report-notice.is-error { background: #fff1f2; color: #9f1239; border-color: #fecdd3; }
#content .report-notice button { margin-left: auto; flex-shrink: 0; }
.report-stats { display: grid; gap: 14px; }
.report-primary { grid-template-columns: repeat(4,minmax(0,1fr)); }
.report-secondary { grid-template-columns: repeat(3,minmax(0,1fr)); }
#content .report-stat { display: flex; gap: 16px; align-items: center; min-width: 0; padding: 16px 18px; border-radius: 12px; border: 1px solid #e2e8f0; background: white; box-shadow: 0 2px 6px #14263f03; }
#content .report-stat.blue { background: #eff6ff; border-color: #dce8fc; }
#content .report-stat.green { background: #f0fdf8; border-color: #d9eee6; }
#content .report-stat.red { background: #fff1f2; border-color: #f6e0e6; }
#content .report-stat.amber { background: #fffbeb; border-color: #f6eacb; }
.report-stat-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 12px; background: #e5efff; color: #2563eb; }
.report-stat.green .report-stat-icon { background: #dcf5e9; color: #15803d; }
.report-stat.red .report-stat-icon { background: #ffe0e6; color: #be123c; }
.report-stat.amber .report-stat-icon { background: #fff0c7; color: #a16207; }
.report-stat-icon svg { width: 26px; height: 26px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#content .report-stat h3 { font-size: 13px; font-weight: 600; color: #475569; margin: 0 0 7px; line-height: 1.4; }
#content .report-stat strong { display: block; font-size: 28px; line-height: 1.1; color: #14263f; font-weight: 700; }
#content .report-stat p { color: #64748b; font-size: 12px; line-height: 1.5; margin: 8px 0 0; }
.report-main-row { display: grid; grid-template-columns: minmax(0,2.4fr) minmax(270px,1fr); gap: 16px; }
.report-bottom-row { display: grid; grid-template-columns: minmax(0,2fr) minmax(310px,1fr); gap: 16px; align-items: start; }
#content .report-panel { padding: 20px; background: #fff; border: 1px solid #e2e8f0; border-radius: 11px; min-width: 0; }
#content .report-panel h3 { margin: 0; color: #14263f; font-weight: 700; font-size: 16px; line-height: 1.4; }
.report-panel > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.report-chart-meta { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 16px 0; color: #64748b; font-size: 12px; }
.report-legend { display: flex; gap: 16px; flex-wrap: wrap; }
.report-legend span::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: #2563eb; }
.report-legend .delivered::before { background: #16a34a; }.report-legend .failed::before { background: #e11d48; }
.report-chart-empty { min-height: 175px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px; border-left: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; background: repeating-linear-gradient(to top,transparent 0,transparent 44px,#f1f5f9 45px,#f1f5f9 46px); }
.report-chart-symbol { color: #94a3b8; }.report-chart-symbol svg { width: 32px; height: 32px; stroke: currentColor; stroke-width: 2; fill: none; }
#content .report-chart-empty h4 { font-size: 14px; color: #334155; margin: 12px 0 6px; }
#content .report-chart-empty p { color: #64748b; font-size: 12px; margin: 0; line-height: 1.6; }
#content .report-footnote { font-size: 12px; line-height: 1.6; color: #64748b; margin: 10px 0; }
.report-delivery dl { margin: 16px 0 22px; }
.report-delivery dl > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0; border-bottom: 1px solid #edf2f7; }
.report-delivery dt { display: flex; align-items: center; gap: 10px; }.report-delivery dd { margin: 0; color: #14263f; font-weight: 600; }
.report-delivery i { width: 10px; height: 10px; border-radius: 50%; background: #16a34a; }.report-delivery i.amber { background: #f59e0b; }.report-delivery i.red { background: #e11d48; }
#content .report-info { padding: 12px; font-size: 12px; line-height: 1.7; border-radius: 8px; border: 1px solid #dce8fc; background: #eff6ff; color: #475569; margin: 14px 0 0; }
#content .report-link { color: #2563eb; border-color: transparent; background: transparent; box-shadow: none; white-space: nowrap; }
.report-table-wrap { overflow-x: auto; max-width: 100%; }
#content .report-table-wrap table { width: 100%; min-width: 610px; margin: 0; border-collapse: collapse; font-size: 13px; }
#content .report-table-wrap th { background: #f1f5f9; color: #475569; font-size: 12px; font-weight: 600; padding: 12px 10px; text-align: left; text-transform: none; }
#content .report-table-wrap td { padding: 14px 10px; color: #334155; border-bottom: 1px solid #edf2f7; line-height: 1.5; }
#content .report-table-wrap tr:hover td { background: #f8faff; }
#content .report-table-wrap .report-campaign-name { color: #14263f; font-weight: 600; max-width: 200px; overflow-wrap: anywhere; }
#content .report-table-empty { height: 145px; text-align: center; color: #64748b; }
.report-state { display: inline-block; padding: 4px 7px; border-radius: 6px; background: #f1f5f9; font-size: 11px; color: #475569; }
.report-state.state-draft { background: #fffbeb; color: #92400e; }.report-state.state-queued { background: #eff6ff; color: #1d4ed8; }.report-state.state-failed { background: #fff1f2; color: #9f1239; }
.report-test-tag { font-size: 11px; border-radius: 6px; padding: 5px 8px; color: #92400e; background: #fffbeb; border: 1px solid #f6eacb; }
.report-quota dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 12px; margin: 18px 0; }
.report-quota dt { color: #64748b; font-size: 11px; line-height: 1.4; min-height: 32px; }
.report-quota dd { margin: 5px 0 0; color: #2563eb; font-size: 21px; font-weight: 700; overflow-wrap: anywhere; }
.report-definitions { color: #64748b; font-size: 12px; line-height: 1.7; padding: 8px 0; }
.report-definitions summary { cursor: pointer; color: #475569; }
@media(max-width:1200px) { .report-main-row { grid-template-columns: minmax(0,1.8fr) minmax(250px,1fr); }.report-bottom-row { grid-template-columns: 1fr; }.report-quota dl { grid-template-columns: repeat(6,minmax(0,1fr)); }#content .report-stat { padding: 18px 14px; gap: 10px; }.report-stat-icon { width: 38px; height: 38px; flex-basis: 38px; } }
@media(max-width:950px) { .report-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }.report-main-row { grid-template-columns: 1fr; }.report-date-controls { justify-content: flex-start; }.report-zone { text-align: left; }.report-custom:not([hidden]) { justify-content: flex-start; }.report-quota dl { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .report-secondary { grid-template-columns: 1fr; }.report-stat-icon { width: 36px; height: 36px; flex-basis: 36px; }#content .report-stat { align-items: flex-start; padding: 16px 12px; }#content .report-stat h3 { font-size: 12px; }#content .report-panel { padding: 16px; }.report-date-controls { width: 100%; }.report-presets { gap: 5px; }.report-date-controls button { padding: 8px 10px; font-size: 12px; }.report-zone { width: 100%; }.report-zone br { display: none; }.report-quota dd { font-size: 19px; }.report-notice { flex-wrap: wrap; }.report-custom input { width: 140px; } }