.dashboard{--chart-delivered:#14715b;--chart-pending:#a9bdd6;--chart-bar:#087bbb}.dashboard-period{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:18px;margin-bottom:20px}.dashboard-period label{min-width:125px;margin:0}.dashboard-range{align-self:center;margin-left:auto;color:var(--muted);font-size:.875rem}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 22px}.dashboard-metrics .metric{min-width:0;text-align:left;grid-column:auto}.dashboard-metrics .metric-top{font-size:.9375rem}.dashboard-metrics .metric-value{font-size:2rem}.dashboard-metrics .metric-note{font-size:.875rem;line-height:1.45}.dashboard-charts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;margin:20px 0}.dashboard-charts .panel{min-width:0;position:relative}.dashboard .panel-head p{font-size:.875rem}.dashboard-donut-content{display:flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px 28px}.dashboard-donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--chart-delivered) 0 var(--delivered-angle),var(--chart-pending) var(--delivered-angle) 360deg);display:grid;place-items:center;flex-shrink:0}.dashboard-donut.is-empty{background:var(--line)}.dashboard-donut>span{width:130px;height:130px;border-radius:50%;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-donut strong{font-size:1.75rem}.dashboard-donut small{font-size:.875rem;color:var(--muted)}.dashboard-legend{min-width:140px;flex:1;max-width:250px}.dashboard-legend>div{display:flex;align-items:center;gap:8px;margin:14px 0}.dashboard-legend strong{margin-left:auto}.dashboard-legend i{width:12px;height:12px;border-radius:3px}.dashboard-legend .delivered{background:var(--chart-delivered)}.dashboard-legend .pending{background:var(--chart-pending)}.dashboard-legend small{font-size:.875rem;color:var(--muted)}.dashboard-bars{display:flex;align-items:end;gap:12px;height:206px;padding:6px 24px 20px;overflow-x:auto}.dashboard-bar{flex:1;min-width:44px;max-width:100px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center}.dashboard-bar>strong{font-size:.875rem;margin-bottom:6px}.dashboard-bar-track{height:124px;width:100%;max-width:44px;display:flex;align-items:end;border-bottom:1px solid var(--line)}.dashboard-bar-track span{width:100%;background:var(--chart-bar);border-radius:5px 5px 0 0;min-height:0}.dashboard-bar small{color:var(--muted);font-size:.875rem;line-height:1.2;margin-top:8px}.dashboard-chart-empty{padding:0 24px 18px;font-size:.875rem}.dashboard-empty{padding:20px 24px;color:var(--muted);text-align:center}.dashboard .help-line{padding:10px 20px;font-size:.875rem}.dashboard-delivery{display:flex;align-items:center;gap:16px;padding:15px 24px;border-top:1px solid var(--line);width:100%;text-align:left}.dashboard-delivery:hover{background:var(--bg)}.dashboard-delivery>span:nth-child(2){flex:1;min-width:0}.dashboard-delivery strong{display:block;overflow-wrap:anywhere}.dashboard-delivery small{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}.dashboard-delivery time{font-size:.875rem;color:var(--muted)}.today-deliveries{max-height:55vh;overflow:auto}.today-deliveries .dashboard-delivery{padding:14px 0}.today-deliveries-intro{margin-bottom:18px}.theme-toggle{min-height:40px;padding:7px 12px;font-size:.875rem}.theme-toggle>span:first-child{font-size:1.1rem}.dashboard-pending-load{opacity:.55;pointer-events:none}#dashboard-feedback:not(:empty){padding:10px;color:var(--muted)}
@media(max-width:1200px){.dashboard-donut-content{gap:16px;flex-wrap:wrap}.dashboard-donut{width:150px;height:150px}.dashboard-donut>span{width:108px;height:108px}}
@media(max-width:700px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-charts{grid-template-columns:1fr}.dashboard-period{gap:12px}.dashboard-range{width:100%;margin:0}.dashboard-metrics .metric{padding:16px}.dashboard-period label{flex:1}.dashboard-delivery{padding:14px;gap:10px}.dashboard-delivery time{display:none}.theme-toggle{padding:7px}.theme-toggle>span:last-child{display:none}.dashboard-metrics .metric-note{font-size:.875rem}}