.reporting-mount{flex:1;height:100%;max-height:100%;min-height:0;min-width:0;width:100%;overflow:auto;background:var(--color-canvas)}
.reporting-dashboard{padding:28px;max-width:1760px;margin:auto;color:var(--color-text-primary);font:inherit;box-sizing:border-box}
.reporting-dashboard *{box-sizing:border-box}.reporting-dashboard button,.reporting-dashboard select,.reporting-dashboard input{font:inherit;color:inherit}.reporting-dashboard button{cursor:pointer}.reporting-dashboard button:disabled{cursor:default;opacity:.5}.reporting-dashboard button:focus-visible,.reporting-dashboard select:focus-visible,.reporting-dashboard input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.reporting-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.reporting-header h1{font-size:32px;letter-spacing:-.04em;line-height:1.15;margin:0}.reporting-panel p{color:var(--color-text-secondary);font-size:12px;margin:7px 0 18px;line-height:1.6}.reporting-freshness{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:12px}
.reporting-dashboard button:not(.reporting-card):not(.reporting-channel):not(.reporting-agent):not(.reporting-alert){background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 12px}.reporting-dashboard button:hover{background:var(--color-hover)}
/* Shared Overview / Live operations filter toolbar. Keep native keyboard behavior. */
.reporting-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:14px;margin-bottom:20px;background:var(--color-surface-soft);border:1px solid var(--color-border-subtle);border-radius:10px}
.reporting-filters label{display:grid;flex:1 1 110px;min-width:0;gap:7px;font-size:11px;font-weight:600;line-height:1.3;color:var(--color-text-secondary)}
.reporting-filters label:has([name="timezone"]){flex-basis:170px}.reporting-filters label:has([name="user"]){flex-basis:155px}
.reporting-filters input,:is(.reporting-filters,.reporting-list-controls) select{width:100%;min-width:0;max-width:none;height:38px;padding:8px 11px;background:var(--color-input);border:1px solid var(--color-border);border-radius:7px;color:var(--color-text-primary);font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 1px 2px rgb(0 0 0 / .03)}
:is(.reporting-filters,.reporting-list-controls) select{cursor:pointer}:is(.reporting-filters,.reporting-list-controls) select option,.reporting-targets select option{background:var(--color-surface);color:var(--color-text-primary)}
.reporting-filters input:hover,:is(.reporting-filters,.reporting-list-controls) select:hover{border-color:var(--color-border-strong)}
.reporting-filters input:focus-visible,:is(.reporting-filters,.reporting-list-controls) select:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent-soft);outline-offset:2px}
:is(.reporting-filters,.reporting-list-controls) select:not([name="days"]):has(option:checked:not([value=""])){border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent)}
.reporting-dashboard .reporting-filters [data-reporting-reset]{flex:0 0 auto;height:38px;padding:8px 12px;border-color:transparent;background:transparent;color:var(--color-text-secondary);font-size:12px;font-weight:600;white-space:nowrap}
.reporting-dashboard .reporting-filters [data-reporting-reset]:hover{background:var(--color-hover);color:var(--color-accent)}
.reporting-targets label{display:grid;gap:5px;font-size:11px;color:var(--color-text-secondary)}.reporting-targets input,.reporting-targets select{height:38px;padding:8px 11px;background:var(--color-input);border:1px solid var(--color-border);border-radius:7px;max-width:180px;color:var(--color-text-primary)}
/* Customizable native pickers use the top layer, so menus are not clipped by scrolling. */
@supports (appearance:base-select){
  :is(.reporting-filters,.reporting-list-controls) select,.reporting-targets select{appearance:base-select;align-items:center;gap:12px}
  :is(.reporting-filters,.reporting-list-controls) select::picker(select),.reporting-targets select::picker(select){appearance:base-select;background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:9px;padding:5px;margin-block:5px;max-height:300px;max-height:min(300px,60dvh);overflow-y:auto;box-shadow:0 8px 28px rgb(0 0 0 / .16);font:inherit;font-size:12px}
  :is(.reporting-filters,.reporting-list-controls) select::picker-icon,.reporting-targets select::picker-icon{color:var(--color-text-secondary);font-size:10px}
  :is(.reporting-filters,.reporting-list-controls) select:open,.reporting-targets select:open{border-color:var(--color-accent)}
  :is(.reporting-filters,.reporting-list-controls) select option,.reporting-targets select option{display:flex;align-items:center;gap:10px;min-height:35px;padding:8px 10px;border-radius:5px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
  :is(.reporting-filters,.reporting-list-controls) select option:hover,:is(.reporting-filters,.reporting-list-controls) select option:focus,.reporting-targets select option:hover,.reporting-targets select option:focus{background:var(--color-hover);outline:none}
  :is(.reporting-filters,.reporting-list-controls) select option:checked,.reporting-targets select option:checked{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}
  :is(.reporting-filters,.reporting-list-controls) select option::checkmark,.reporting-targets select option::checkmark{order:1;margin-inline-start:auto;color:var(--color-accent)}
}
.reporting-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}.reporting-card{display:flex;flex-direction:column;align-items:start;text-align:left;gap:9px;min-height:145px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.reporting-card>span{font-size:12px;font-weight:650}.reporting-card strong{font-size:28px;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums}.reporting-card small{font-size:10px;line-height:1.6;color:var(--color-text-secondary)}.reporting-card.is-danger strong{color:var(--color-danger)}.reporting-card.is-warning strong{color:var(--color-warning)}
.reporting-charts{display:grid;grid-template-columns:2fr 1fr;gap:14px}.reporting-panel{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:7px;min-width:0}.reporting-panel h2{font-size:15px;font-weight:700;margin:0;letter-spacing:-.015em}.reporting-chart{display:block;width:100%;height:auto;min-height:150px;max-height:290px;overflow:visible}.reporting-chart text{font-size:11px;fill:var(--color-text-secondary)}.reporting-grid{stroke:var(--color-border);stroke-width:1}.reporting-series-0{fill:var(--color-accent);background:var(--color-accent)}.reporting-series-1{fill:var(--color-success);background:var(--color-success)}.reporting-chart-key{display:flex;gap:18px;font-size:11px;color:var(--color-text-secondary);margin:15px 0}.reporting-chart-key span{display:flex;align-items:center;gap:6px}.reporting-chart-key i{width:8px;height:8px;border-radius:2px}
.reporting-channel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;padding:13px 0;background:none;border:0;text-align:left}.reporting-channel i{height:5px;flex-shrink:0;background:var(--color-accent);border-radius:2px}.reporting-channel span{flex:1;text-transform:capitalize;font-size:12px}.reporting-channel b{font-size:12px}.reporting-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;font-size:12px}.reporting-summary span{color:var(--color-text-secondary)}
.reporting-work-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px}.reporting-work-layout:has(.reporting-aside){grid-template-columns:minmax(0,1fr) 280px}.reporting-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.reporting-table-scroll{overflow-x:auto}.reporting-work table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.reporting-work th{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:650;text-align:left;padding:12px 10px;border-bottom:1px solid var(--color-border)}.reporting-work td{padding:15px 10px;border-bottom:1px solid var(--color-border-subtle)}.reporting-work td:first-child{max-width:260px}.reporting-work td strong,.reporting-work td small{display:block;overflow:hidden;text-overflow:ellipsis}.reporting-work td small{color:var(--color-text-secondary);margin-top:5px;font-size:11px}.reporting-status{font-size:11px}.reporting-status.is-danger{color:var(--color-danger)}.reporting-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px;font-size:12px}.reporting-pagination span{color:var(--color-text-secondary)}
.reporting-aside{display:flex;flex-direction:column;gap:14px}.reporting-alert,.reporting-agent{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:0;border-bottom:1px solid var(--color-border-subtle);padding:14px 0;text-align:left;font-size:12px}.reporting-agent small{display:block;color:var(--color-text-secondary);font-size:11px;margin-top:5px;text-transform:capitalize}.reporting-agent b{font-variant-numeric:tabular-nums}.reporting-warning{color:var(--color-warning)!important}.reporting-definitions,.reporting-targets{margin-top:18px;font-size:12px;color:var(--color-text-secondary);line-height:1.7}.reporting-definitions summary,.reporting-targets summary{cursor:pointer;font-weight:650}.reporting-targets form{display:flex;gap:12px;align-items:end;padding-top:12px}.reporting-empty,.reporting-loading{padding:35px 15px!important;text-align:center;color:var(--color-text-secondary)}.reporting-error{padding:12px;background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:5px;margin-bottom:15px;font-size:12px}.reporting-error[hidden]{display:none}.reporting-dashboard[aria-busy=true] [data-reporting-body]{opacity:.65}
@media(max-width:1350px){.reporting-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.reporting-work-layout:has(.reporting-aside){grid-template-columns:1fr}.reporting-aside{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:800px){.reporting-dashboard{padding:16px}.reporting-header{align-items:start}.reporting-freshness{flex-direction:column;align-items:end;font-size:10px}.reporting-header h1{font-size:27px}.reporting-charts{grid-template-columns:1fr}.reporting-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.reporting-card{min-height:130px;padding:12px}.reporting-card strong{font-size:24px}.reporting-panel{padding:14px}.reporting-aside{grid-template-columns:1fr}.reporting-filters{gap:12px;padding:12px}.reporting-filters label,.reporting-filters label:has([name="timezone"]),.reporting-filters label:has([name="user"]){flex:1 1 calc(50% - 12px)}.reporting-filters input,:is(.reporting-filters,.reporting-list-controls) select{max-width:none}.reporting-panel-heading{align-items:start}.reporting-summary{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:no-preference){.reporting-dashboard button{transition:background .15s ease}@keyframes reporting-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}

.reporting-coverage-note{margin:18px 0 0;font-size:11px;color:var(--color-text-secondary);line-height:1.6}
.reporting-settings [data-reporting-body]{display:grid;gap:18px;max-width:1000px}
.reporting-settings-targets>p{max-width:780px}
.reporting-target-row{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:18px 0;border-top:1px solid var(--color-border-subtle)}
.reporting-target-row>strong{flex:1 1 140px;align-self:center;font-size:13px;text-transform:capitalize}
.reporting-target-row label{display:grid;gap:7px;font-size:11px;color:var(--color-text-secondary)}
.reporting-target-row input[type=number]{height:38px;width:160px;border:1px solid var(--color-border);border-radius:7px;padding:8px 11px;background:var(--color-input);color:var(--color-text-primary);font-size:13px}
.reporting-target-row button{height:38px}.reporting-target-row [role=status]{flex:1 1 100px;align-self:center;font-size:12px;color:var(--color-text-secondary)}
.reporting-settings-definitions .reporting-definitions{margin:0}.reporting-settings-definitions summary{color:var(--color-text-primary);font-size:14px}

.reporting-card{cursor:default}
.reporting-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface);overflow:hidden}
.reporting-summary>div{padding:16px 18px;min-width:0}.reporting-summary>div+div{border-inline-start:1px solid var(--color-border-subtle)}
.reporting-summary dt{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.reporting-summary dd{margin:9px 0 6px;font-size:21px;font-weight:650;font-variant-numeric:tabular-nums}.reporting-summary small{font-size:11px;color:var(--color-text-secondary);line-height:1.5}
.reporting-list-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:12px;margin:4px 0 12px;background:var(--color-surface-soft);border:1px solid var(--color-border-subtle);border-radius:8px}
.reporting-list-controls label{display:grid;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary)}.reporting-list-controls select{width:240px;max-width:100%}.reporting-list-controls button{height:38px;font-size:12px!important}.reporting-list-controls p{flex:1 1 220px;align-self:center;margin:0!important;font-size:11px;line-height:1.6}
@media(max-width:1000px){.reporting-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reporting-summary>div+div{border-inline-start:0}.reporting-summary>div:nth-child(even){border-inline-start:1px solid var(--color-border-subtle)}.reporting-summary>div:nth-child(n+3){border-top:1px solid var(--color-border-subtle)}}
@media(max-width:500px){.reporting-list-controls label{width:100%}.reporting-list-controls select{width:100%}}

/* Give reporting containers a clear edge in both themes, without KPI accent strips. */
.reporting-card,.reporting-panel,.reporting-summary{border-color:var(--color-border-strong);box-shadow:0 1px 3px var(--color-shadow-tight)}
.reporting-filters,.reporting-list-controls{border-color:var(--color-border-strong)}
html:not([data-theme="dark"]) .reporting-mount{background:var(--color-surface-muted)}
html:not([data-theme="dark"]) .reporting-filters{background:var(--color-panel)}

.reporting-loading-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.reporting-skeleton{display:block;flex-shrink:0;border-radius:4px;background:color-mix(in srgb,var(--color-text-secondary) 16%,var(--color-surface));height:12px;width:100%}
.reporting-skeleton-value{width:76px;height:32px;margin:2px 0}.reporting-skeleton-note{width:75%;height:10px;margin:3px 0}.reporting-skeleton-legend{width:130px;height:12px}.reporting-skeleton-control{width:200px;max-width:100%;height:38px}
.reporting-skeleton-plot{width:100%;aspect-ratio:900/215;min-height:150px;max-height:290px;border-radius:5px}
.reporting-skeleton-channel{display:grid;gap:14px;padding:20px 0}.reporting-skeleton-channel:nth-child(3) .reporting-skeleton-line{width:75%}.reporting-skeleton-channel:nth-child(4) .reporting-skeleton-line{width:50%}
.reporting-skeleton-layout td{height:62px}.reporting-skeleton-layout td .reporting-skeleton{min-width:50px;max-width:180px}
.reporting-dashboard[aria-busy=true] [data-reporting-body]:has(.reporting-skeleton-layout){opacity:1}
@media(prefers-reduced-motion:no-preference){.reporting-skeleton{animation:reporting-skeleton-pulse 1.6s ease-in-out infinite}@keyframes reporting-skeleton-pulse{0%,100%{opacity:.55}50%{opacity:1}}}