/* Chart styles from SEAMS static/dashboard.css, scoped to the website preview. */

.cd-dashboard-report .dash-range { padding: 6px 16px 8px; border-bottom: 1px solid #f2f2f4; }
.cd-dashboard-report .dash-range-head { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; }
.cd-dashboard-report .dash-range-when { font-size: 0.75rem; color: var(--c-faint); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cd-dashboard-report .dash-views { margin-left: auto; display: inline-flex; border: 1px solid var(--c-line-2); border-radius: 7px; overflow: hidden; flex: none; }
.cd-dashboard-report .dash-view-btn { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 22px; background: #fff; border: 0;
  border-left: 1px solid var(--c-line-2); color: var(--c-faint); cursor: pointer; padding: 0; }
.cd-dashboard-report .dash-view-btn:first-child { border-left: 0; }
.cd-dashboard-report .dash-view-btn .icon { width: 14px; height: 14px; }
.cd-dashboard-report .dash-view-btn[aria-pressed="true"] { background: var(--c-accent-soft); color: var(--c-accent-dark); }
.cd-dashboard-report .dash-view-btn:focus-visible { outline: 2px solid var(--c-accent); outline-offset: -2px; }
.cd-dashboard-report .dash-rview[hidden] { display: none !important; }
.cd-dashboard-report .dash-rfigs { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.cd-dashboard-report .dash-rfig { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; min-width: 0; }
.cd-dashboard-report .dash-rfig .v, .cd-dashboard-report .dash-rmain .v { font-family: var(--tblr-font-monospace); font-size: 1.05rem; font-weight: 500; line-height: 1.3; }
.cd-dashboard-report .dash-rfig .l, .cd-dashboard-report .dash-rmain .l { font-size: 0.75rem; color: var(--c-faint); }
.cd-dashboard-report .dash-rmain { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.cd-dashboard-report .dash-delta { display: inline-block; font-size: 0.6875rem; line-height: 1.2; padding: 2px 6px;
  border-radius: 999px; background: #f4f4f6; color: var(--c-faint); white-space: nowrap; }
.cd-dashboard-report .dash-delta.ok { background: #e7f6ee; color: var(--c-ok-ink); }
.cd-dashboard-report .dash-delta.bad { background: #fdeceb; color: var(--c-bad-ink); }
.cd-dashboard-report .dash-chart { position: relative; margin-top: 6px; }
.cd-dashboard-report .dash-svg { display: block; width: 100%; height: 72px; overflow: visible; }
.cd-dashboard-report .dash-svg .axis { stroke: var(--c-line-2); stroke-width: 1; vector-effect: non-scaling-stroke; }
.cd-dashboard-report .dash-svg polyline { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.cd-dashboard-report .dash-svg polyline.main { stroke: var(--c-accent); }
.cd-dashboard-report .dash-svg polyline.cmp { stroke: #c9c1ee; stroke-dasharray: 4 3; }
.cd-dashboard-report .dash-svg .bar.main { fill: var(--c-accent); }
.cd-dashboard-report .dash-svg .bar.cmp { fill: #d9d3f5; }
.cd-dashboard-report .dash-svg .hit { fill: transparent; }
.cd-dashboard-report .dash-svg .hit:hover { fill: rgba(110, 86, 207, .08); }
.cd-dashboard-report .dash-chart-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; color: var(--c-faint); pointer-events: none; }
.cd-dashboard-report .dash-chart-pie .dash-chart-empty { position: static; padding: 8px 0; }
.cd-dashboard-report .dash-chart-axis { display: flex; justify-content: space-between; gap: 8px; font-size: 0.6875rem; color: var(--c-faint); margin-top: 2px; }
.cd-dashboard-report .dash-chart-key { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; white-space: nowrap; }
.cd-dashboard-report .dash-chart-key i { display: inline-block; width: 10px; height: 3px; border-radius: 2px; background: var(--c-accent); }
.cd-dashboard-report .dash-chart-key i.cmp { background: #c9c1ee; margin-left: 6px; }
.cd-dashboard-report .dash-pie { display: flex; align-items: center; gap: 12px; }
.cd-dashboard-report .dash-pie svg { width: 80px; height: 80px; flex: none; }
.cd-dashboard-report .dash-pie .slice { stroke: #fff; stroke-width: 1; }
.cd-dashboard-report .dash-pie .slice:hover { opacity: .85; }
.cd-dashboard-report .dash-legend { list-style: none; margin: 0; padding: 0; font-size: 0.75rem; min-width: 0; }
.cd-dashboard-report .dash-legend li { display: flex; align-items: center; gap: 6px; line-height: 1.5; overflow-wrap: anywhere; }
.cd-dashboard-report .dash-legend .n { margin-left: auto; padding-left: 8px; font-family: var(--tblr-font-monospace); color: var(--c-faint); }
.cd-dashboard-report .dash-legend .sw { width: 9px; height: 9px; border-radius: 2px; flex: none; }
.cd-dashboard-report .dash-pie .s0 { fill: #6e56cf; background: #6e56cf; } .cd-dashboard-report .dash-pie .s1 { fill: #9d8ce0; background: #9d8ce0; } .cd-dashboard-report .dash-pie .s2 { fill: #1a9c62; background: #1a9c62; }
.cd-dashboard-report .dash-pie .s3 { fill: #e0930f; background: #e0930f; } .cd-dashboard-report .dash-pie .s4 { fill: #3b82c4; background: #3b82c4; } .cd-dashboard-report .dash-pie .s5 { fill: #b8b8c2; background: #b8b8c2; }


.cd-dashboard-report{--c-faint:#62626c;--c-ink:#16161a;--c-line-2:#e4e4e8;--c-accent:#6e56cf;--c-accent-soft:#f1eefc;--c-accent-dark:#5741b0;--c-ok-ink:#167244;--tblr-font-monospace:'Geist Mono',monospace;padding:12px;background:#f0f1f6;border-radius:8px}
.cd-chart-pickers{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:14px}
.cd-chart-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e4e8;border-radius:7px;padding:5px 9px;background:#fff;font-size:12px;color:#5741b0;line-height:1.3}
.cd-dashboard-report .icon{width:16px;height:16px;flex:none}
.cd-chart-card .app-card-heading{justify-content:flex-start;gap:8px}
.cd-chart-stage{height:144px;padding-top:6px}
.cd-chart-periods{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 16px;color:#62626c;font-size:12px}
.cd-chart-periods p{margin:0!important;display:flex;flex-direction:column;gap:4px}
.cd-chart-periods strong{color:#16161a;font-weight:550}
.cd-dashboard-report .dash-chart-key{white-space:normal;justify-content:center;flex-wrap:wrap;line-height:1.4}
.cd-dashboard-report .dash-chart-axis>span:first-child,.cd-dashboard-report .dash-chart-axis>span:last-child{white-space:nowrap}
.cd-dashboard-report .dash-legend{width:100%;max-width:240px}
.cd-dashboard-report .dash-rfigs{align-content:flex-start}
#module-dialog .cd-dashboard-report .dash-view-btn{min-width:28px;min-height:26px;width:28px;height:26px;padding:0;border-radius:0}
@container (max-width:500px){
  .cd-dashboard-report{padding:6px}
  .cd-chart-pickers{flex-wrap:nowrap;justify-content:space-between;gap:4px;margin-bottom:6px}
  .cd-chart-pill{padding:4px;gap:4px;font-size:10px;white-space:nowrap}
  .cd-chart-pill .icon{width:12px;height:12px}
  .cd-chart-card .app-card-heading{padding:8px;min-height:32px;gap:6px}
  .cd-chart-card .app-card-heading h4{font-size:12px}
  .cd-dashboard-report .dash-range{padding:4px 8px 6px}
  .cd-dashboard-report .dash-range-head{justify-content:flex-end}
  .cd-dashboard-report .dash-range-when{display:none}
  .cd-chart-stage{height:130px;padding-top:4px}
  .cd-dashboard-report .dash-svg{height:58px}
  .cd-chart-periods{display:none}
  .cd-dashboard-report .dash-pie{gap:6px}
  .cd-dashboard-report .dash-pie svg{width:64px;height:64px}
}