/* Six lightweight monthly points; no external chart runtime or network request. */
.personal-overview-metrics{margin-bottom:24px}
.personal-overview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.personal-overview-charts:empty{display:none}
.overview-chart{--chart-sales:#1395c3;--chart-repairs:#6977d4;--chart-client:#25896f;min-width:0;border:1px solid var(--line);border-radius:16px;padding:20px 22px 14px;background:var(--surface);box-shadow:0 2px 6px #182d4c05}
.overview-chart-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.overview-chart-heading h2{margin:0;font-size:16px;line-height:1.35;font-weight:700;letter-spacing:-.2px}
.overview-chart-heading>span{color:var(--muted);font-size:11px;white-space:nowrap}
.overview-chart-summary{display:flex;gap:12px;align-items:center;margin:14px 0 12px;min-height:45px}
.overview-chart-summary>strong{font-size:34px;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums}
.overview-chart-summary b{font-size:12px;font-weight:600;text-transform:capitalize}
.overview-chart-summary small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.overview-chart-plot{position:relative;height:179px;margin-top:4px}
.overview-chart-grid{position:absolute;inset:0 0 35px 30px;pointer-events:none}
.overview-chart-grid>div{position:absolute;left:0;right:0;top:calc(var(--grid-row)*25%);border-top:1px dashed var(--line)}
.overview-chart-grid span{position:absolute;right:calc(100% + 7px);top:-7px;min-width:28px;white-space:nowrap;text-align:right;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.overview-chart-data{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:100%;margin-left:30px}
.overview-chart-month{position:relative;appearance:none;background:none;border:0;border-radius:6px;min-width:0;margin:0;padding:0 6px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:var(--muted);font:inherit;cursor:pointer;z-index:1}
.overview-chart-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:144px;flex:none;border-radius:5px 5px 0 0}
.overview-chart-bar{display:flex;flex-direction:column;overflow:hidden;width:52%;max-width:48px;min-width:14px;border-radius:5px 5px 0 0;opacity:.7}
.overview-chart-bar i{display:block;width:100%;min-height:1px}
.overview-chart-bar .sales,.chart-key.sales{background:var(--chart-sales)}
.overview-chart-bar .repairs,.chart-key.repairs{background:var(--chart-repairs)}
.overview-chart-month-label{font-size:11px;height:35px;display:flex;align-items:center;justify-content:center;text-transform:capitalize}
.overview-chart-month.is-selected{color:var(--text);font-weight:700;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.overview-chart-month.is-selected .overview-chart-bar,.overview-chart-month:hover .overview-chart-bar{opacity:1}
.overview-chart-month.is-selected .overview-chart-month-label{box-shadow:inset 0 -2px var(--accent)}
.overview-chart-month:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.overview-chart-month:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.overview-client-line{position:absolute;top:0;left:0;width:100%;height:144px;overflow:visible;pointer-events:none}
.overview-client-area{fill:var(--chart-client);opacity:.1}
.overview-client-stroke{fill:none;stroke:var(--chart-client);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.overview-client-line circle{fill:var(--surface);stroke:var(--chart-client);stroke-width:2;vector-effect:non-scaling-stroke}
.overview-chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:14px;min-height:20px;font-size:12px}
.overview-chart-legend>span{display:flex;align-items:center;gap:6px;color:var(--muted)}
.overview-chart-legend b{margin-left:2px;color:var(--text);font-weight:700}
.chart-key{width:8px;height:8px;border-radius:3px;display:inline-block;flex:none}
.overview-chart-footnote{color:var(--muted);font-size:10px;line-height:1.5;margin-top:7px;min-height:15px}
.overview-metric-comparison{display:flex;gap:6px;align-items:flex-start;max-width:100%}
.overview-metric-comparison>span:last-child{font-size:10px;line-height:1.5}
.overview-change{display:inline-flex;flex:none;gap:3px;padding:2px 5px;border-radius:5px;font-weight:700;font-size:10px;line-height:1.2;background:var(--surface-2);color:var(--muted)}
.overview-change.is-positive{background:#dff2e9;color:#21684b}
.overview-change.is-negative{background:#fbe9e8;color:#9d423c}
:root[data-theme=dark] .overview-chart{--chart-sales:#44bde7;--chart-repairs:#a39bf7;--chart-client:#65c9a6}
:root[data-theme=dark] .overview-change.is-positive{background:#204b3c;color:#9fe5c0}
:root[data-theme=dark] .overview-change.is-negative{background:#593339;color:#ffc1c5}
@media(max-width:1100px) and (min-width:801px){.overview-chart{padding:18px 16px 12px}.overview-chart-heading{align-items:flex-start;flex-direction:column;gap:4px}.overview-metric-comparison{flex-wrap:wrap}}
@media(max-width:800px){.personal-overview-charts{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.overview-chart{padding:18px 16px 12px}.overview-chart-heading h2{font-size:15px}.overview-chart-summary>strong{font-size:30px}.overview-metric-comparison{flex-wrap:wrap;gap:5px}.overview-chart-month{padding:0 4px}.overview-chart-month-label{font-size:11px;height:44px}.overview-chart-plot{height:188px}.overview-chart-grid{bottom:44px}.overview-chart-legend{margin-top:12px}}