.dash{position:relative;width:100%;max-width:560px;border-radius:var(--nrmd-radius-card);background:var(--nrmd-color-background);box-shadow:var(--nrmd-elevation-3);font-family:var(--nrmd-font-body);animation:dash-in .35s cubic-bezier(.16,1,.3,1) both}@keyframes dash-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dash__chrome{display:flex;align-items:center;gap:12px;padding:12px 16px}.dash__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-tertiary)}.dash__title b{font-weight:600;color:var(--nrmd-color-text)}.dash__example{margin-left:auto;flex:none;padding:3px 8px;border-radius:var(--nrmd-radius-chip);background:var(--nrmd-color-surface-sunken);font:500 11px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-tertiary)}.dash__body{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash__kpi,.dash__chart,.dash__agents{border-radius:var(--nrmd-radius-card);background:var(--nrmd-color-surface);box-shadow:var(--nrmd-elevation-1);padding:14px 16px}.dash__kpi{display:flex;flex-direction:column;gap:3px;min-width:0}.dash__kpi-value{font:800 22px/1.05 var(--nrmd-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--nrmd-color-text)}.dash__kpi-label{font:400 12.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-secondary)}.dash__kpi-delta{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font:500 11.5px/1.3 var(--nrmd-font-body);font-variant-numeric:tabular-nums}.dash__kpi-delta.is-good{color:var(--nrmd-color-accent)}.dash__kpi-delta .ar{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dash__vs{margin-left:2px;color:var(--nrmd-color-text-tertiary)}.dash__chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.dash__chart-eyebrow{margin-bottom:4px;font:500 11.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-tertiary)}.dash__chart-title{font:800 18px/1.15 var(--nrmd-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--nrmd-color-text)}.dash__chart-tabs{display:inline-flex;flex:none;gap:2px;padding:3px;border-radius:var(--nrmd-radius-control);background:var(--nrmd-color-surface-sunken);font:500 11.5px/1 var(--nrmd-font-body)}.dash__chart-tabs span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;color:var(--nrmd-color-text-secondary)}.dash__chart-tabs span.is-active{background:var(--nrmd-color-elevated);color:var(--nrmd-color-text);box-shadow:var(--nrmd-elevation-2)}.dash__legend{display:flex;gap:14px;margin:2px 0 4px;font:500 11.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-secondary)}.dash__legend span{display:inline-flex;align-items:center;gap:6px}.dash__legend i{width:6px;height:6px;border-radius:50%}.dash__legend .is-ret{background:var(--nrmd-color-data-ret)}.dash__legend .is-inv{background:var(--nrmd-color-data-inv)}.dash__chart-svg{display:block;width:100%;height:auto;margin-top:4px;overflow:visible}.dash__grid line{stroke:var(--nrmd-color-border);stroke-width:1}.dash__line{fill:none;stroke:var(--nrmd-color-data-ret);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9999;stroke-dashoffset:9999;animation:dash-draw .85s cubic-bezier(.16,1,.3,1) .15s forwards}.dash__line2{fill:none;stroke:var(--nrmd-color-data-inv);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dash__area{fill:var(--nrmd-color-data-ret);fill-opacity:.06;opacity:0;animation:dash-fade .35s cubic-bezier(.16,1,.3,1) 1s forwards}.dash__pin{opacity:0;animation:dash-fade .35s cubic-bezier(.16,1,.3,1) 1.1s forwards}.dash__pin .is-ret{fill:var(--nrmd-color-data-ret)}.dash__pin .is-inv{fill:var(--nrmd-color-data-inv)}@keyframes dash-draw{to{stroke-dashoffset:0}}@keyframes dash-fade{to{opacity:1}}.dash__agents-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font:500 12.5px/1.3 var(--nrmd-font-body)}.dash__agents-head>:first-child{font-weight:600;color:var(--nrmd-color-text)}.dash__agents-count{font-variant-numeric:tabular-nums;color:var(--nrmd-color-text-tertiary)}.dash__agent{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--nrmd-color-border);font-size:12.5px}.dash__agent-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--nrmd-color-text)}.dash__st{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font:500 12.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text)}.dash__st i{width:6px;height:6px;flex:none;border-radius:50%}.dash__st .is-ok{background:var(--nrmd-color-status-success)}.dash__st .is-neutral{background:var(--nrmd-color-status-neutral)}.dash__float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px;white-space:nowrap;border-radius:var(--nrmd-radius-card);background:var(--nrmd-color-surface);box-shadow:var(--nrmd-elevation-2);font-size:12.5px}.dash__float--tr{top:-50px;right:-20px}.dash__float--bl{bottom:-18px;left:-42px}.dash__float-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--nrmd-radius-control);background:var(--nrmd-color-elevated);color:var(--nrmd-color-text-secondary)}.dash__float-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.dash__float-text{display:flex;flex-direction:column;line-height:1.2}.dash__float-text b{font:600 12.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text)}.dash__float-text span{font:400 11.5px/1.3 var(--nrmd-font-body);color:var(--nrmd-color-text-tertiary)}@media(max-width:768px){.dash{max-width:100%;text-align:left}.dash__float{display:none}.dash__chrome{padding:12px}.dash__body{gap:10px;padding:0 12px 12px}.dash__kpis{gap:8px}.dash__kpi{padding:12px}.dash__kpi-value{font-size:17px}.dash__kpi-label{font-size:11.5px}.dash__kpi-delta{flex-wrap:wrap;font-size:11px}.dash__vs{flex-basis:100%;margin:0}.dash__chart-head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.dash,.dash__line,.dash__area,.dash__pin{animation:none;opacity:1;stroke-dashoffset:0}}
