.od-dashboard{display:grid;grid-gap:18px;gap:18px;min-width:0;--od-blue:var(--blue-text);--od-teal:var(--teal-text)}.od-dashboard .od-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.od-dashboard .od-heading h2{margin:0;font-size:1.375rem;line-height:1.4;letter-spacing:-.025em}.od-dashboard .od-heading p{margin:4px 0 0;color:var(--muted);font-size:.875rem}.od-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.od-live{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;color:var(--muted)}.od-live>span{width:6px;height:6px;border-radius:50%;background:var(--teal)}.od-context{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:-10px;font-size:.75rem;color:var(--muted)}.od-context>span+span{border-left:1px solid var(--border);padding-left:18px}.od-feedback{margin:0;padding:12px 16px;border-radius:8px;background:var(--surface-muted);font-size:.875rem}.od-error{color:var(--red-text);background:var(--red-soft);border:1px solid var(--red-border)}.od-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-gap:16px;gap:16px}.od-dashboard .od-kpi{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:18px 20px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-decoration:none;text-align:left;font:inherit;cursor:pointer;width:100%;justify-self:stretch;box-shadow:0 1px 2px rgb(0 0 0/2%)}.od-dashboard .od-kpi:not(:disabled):is(:hover,:focus-visible){border-color:var(--border-strong);background:var(--surface-soft);color:var(--text)}.od-kpi:disabled{cursor:default;opacity:1}.od-kpi-label{font-size:.875rem;font-weight:500}.od-kpi-value{font-size:2rem;font-weight:650;line-height:1.25;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.od-kpi-hint{line-height:1.5}.od-kpi-footer,.od-kpi-hint{color:var(--muted);font-size:.75rem}.od-kpi-footer{margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.od-primary-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-gap:16px}.od-primary-grid,.od-secondary-grid{display:grid;gap:16px;align-items:stretch}.od-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.od-bottom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));grid-gap:16px;gap:16px;align-items:start}.od-panel{min-width:0;padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:10px}.od-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.od-panel-heading>div:first-child{min-width:0}.od-dashboard .od-panel-heading h3,.od-drilldown h3{font-size:1rem;font-weight:600;margin:0;line-height:1.5;letter-spacing:-.015em}.od-panel-heading p{margin:4px 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}.od-panel-total{font-size:1.25rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.od-segment{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);background:var(--surface-muted);border-radius:7px;flex-shrink:0}.od-segment button{padding:5px 9px;border:0;border-radius:4px;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap}.od-segment button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgb(0 0 0/8%)}.od-dashboard .od-segment button:not(:disabled):is(:hover,:focus-visible){border-color:transparent;background:var(--surface-soft);color:var(--text)}.od-dashboard .od-segment button[aria-pressed=true]:not(:disabled):is(:hover,:focus-visible){background:var(--surface)}.od-bars{display:grid;grid-gap:12px;gap:12px}.od-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:7px 16px;gap:7px 16px;border:0;background:none;padding:4px 0;color:var(--text);font:inherit;font-size:.8125rem;text-align:left;cursor:pointer;min-height:40px;width:100%}.od-bar:not(:disabled):hover .od-bar-label{text-decoration:underline}.od-dashboard .od-bar:not(:disabled):is(:hover,:focus-visible){border-color:var(--border);background:var(--surface-soft);color:var(--text)}.od-bar:disabled{cursor:default;opacity:1}.od-bar strong{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.od-bar-label{overflow-wrap:anywhere}.od-bar-track{grid-column:1/-1;height:7px;background:var(--surface-muted);border-radius:3px;overflow:hidden}.od-bar-track>span{display:block;height:100%;background:var(--od-blue);border-radius:inherit}.od-tone-teal .od-bar-track>span{background:var(--od-teal)}.od-tone-amber .od-bar-track>span{background:var(--amber-text)}.od-bars-compact{gap:0;margin-top:12px}.od-bars-compact .od-bar{align-items:center;border-top:1px solid var(--border)}.od-handling-total{display:flex;align-items:baseline;gap:10px;margin-top:20px}.od-handling-total strong{font-size:2rem;line-height:1.25;letter-spacing:-.04em;font-weight:650}.od-handling-total>span{color:var(--muted);font-size:.75rem}.od-stacked{display:flex;height:12px;overflow:hidden;background:var(--surface-muted);border-radius:4px;margin-top:16px}.od-stacked>span:first-child{background:var(--od-teal)}.od-stacked>span:last-child{flex:1 1;background:var(--od-blue)}.od-legend{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-bottom:16px}.od-legend>span{display:inline-flex;align-items:center;gap:7px}.od-legend strong{color:var(--text);font-weight:600;margin-left:3px}.od-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--od-blue)}.od-dot-replies{background:var(--od-teal);border-radius:1px}.od-line-chart{display:block;width:100%;height:auto;overflow:visible}.od-line-chart text{fill:var(--muted);font-size:11px;font-family:inherit}.od-gridline{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.od-series-customerMessages{stroke:var(--od-blue)}.od-series-customerMessages circle{fill:var(--od-blue);stroke:var(--surface);stroke-width:2}.od-series-replies{stroke:var(--od-teal)}.od-series-replies circle{fill:var(--surface);stroke-width:2}.od-chart-data{font-size:.75rem;color:var(--muted);margin-top:10px}.od-chart-data summary{cursor:pointer;width:-moz-fit-content;width:fit-content;padding:4px 0}.od-data-scroll{overflow:auto;max-height:240px;margin-top:10px}.od-chart-data table{width:100%;border-collapse:collapse}.od-chart-data td,.od-chart-data th{padding:9px;border-bottom:1px solid var(--border);text-align:left;font-weight:400}.od-chart-data thead th{font-weight:600}.od-empty{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 14px;min-height:100px;font-size:.8125rem;color:var(--muted);line-height:1.6}.od-chart-empty{min-height:190px}.od-text-button{padding:3px 0;background:transparent;border:0;color:var(--link);font:inherit;font-size:.75rem;text-decoration:none;white-space:nowrap;cursor:pointer}.od-dashboard .od-text-button:not(:disabled):is(:hover,:focus-visible){border-color:transparent;background:transparent;color:var(--link-hover);text-decoration:underline}.od-action-list{display:grid;min-width:0}.od-action-row{display:flex;align-items:center;gap:12px;min-width:0;min-height:68px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.od-action-row:first-child{padding-top:2px}.od-action-row:last-child{border-bottom:0}.od-action-row:hover .od-row-main>strong{color:var(--link)}.od-dashboard .od-action-row:is(:hover,:focus-visible),.od-drilldown .od-action-row:is(:hover,:focus-visible){border-color:var(--border);background:var(--surface-soft);color:var(--text)}.od-avatar{flex-shrink:0;display:grid;place-items:center;height:34px;width:34px;background:var(--surface-muted);border:1px solid var(--border);border-radius:50%;font-size:.75rem;font-weight:600}.od-row-main{display:grid;grid-gap:4px;gap:4px;flex:1 1;min-width:0}.od-row-main>strong{font-size:.8125rem;font-weight:600;overflow-wrap:anywhere}.od-row-main>span{color:var(--muted);font-size:.75rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.od-row-state{display:grid;grid-gap:5px;gap:5px;justify-items:end;flex-shrink:0}.od-age{font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.od-age,.od-badge{color:var(--muted)}.od-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;background:var(--surface-muted);font-size:.6875rem;white-space:nowrap;line-height:1.5}.od-badge-amber{background:var(--amber-soft);color:var(--amber-text)}.od-panel-link{display:inline-block;margin-top:12px;color:var(--link);text-decoration:none;font-size:.75rem}.od-panel-link:hover{text-decoration:underline}.od-appointment-date{flex-shrink:0;display:grid;text-align:center;grid-gap:0;gap:0;padding:5px 10px;background:var(--surface-muted);border-radius:6px}.od-appointment-date>strong{font-size:1.125rem;line-height:1.3}.od-appointment-date>span{font-size:.6875rem;color:var(--muted)}.od-workspace-totals{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:6px 0;font-size:.75rem;color:var(--muted)}.od-workspace-totals>a{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--muted)}.od-workspace-totals>a:hover{color:var(--link)}.od-workspace-totals strong{color:var(--text);font-size:.875rem;font-weight:600}.od-drilldown{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.od-drilldown::-webkit-backdrop{background:rgb(15 23 42/35%)}.od-drilldown::backdrop{background:rgb(15 23 42/35%)}.od-drilldown .od-panel-heading{align-items:center}.od-drilldown-body{overflow-y:auto;max-height:calc(100dvh - 155px);padding:3px}.od-dashboard :is(button,a,summary,[tabindex]):focus-visible,.od-drilldown :is(button,a):focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (max-width:1150px){.od-primary-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.od-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-secondary-grid>:last-child{grid-column:1/-1}.od-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.od-primary-grid,.od-secondary-grid{grid-template-columns:minmax(0,1fr)}.od-panel{padding:16px}}@media (max-width:520px){.od-dashboard{gap:12px}.od-dashboard .od-heading{align-items:flex-start}.od-dashboard .od-heading h2{font-size:1.25rem}.od-dashboard .od-heading p{font-size:.75rem;max-width:230px}.od-header-actions{gap:8px}.od-live{display:none}.od-context{gap:6px 12px;margin-top:0}.od-context>span+span{padding-left:12px}.od-kpis{gap:10px}.od-dashboard .od-kpi{padding:12px}.od-kpi-label{font-size:.8125rem}.od-kpi-value{font-size:1.75rem}.od-kpi-footer,.od-kpi-hint{font-size:.6875rem}.od-panel-heading{gap:8px}.od-segment button{padding:5px 7px}.od-line-chart{min-height:145px}.od-action-row{gap:8px}.od-avatar{width:28px;height:28px}.od-row-state{max-width:110px}.od-age{font-size:.6875rem}.od-workspace-totals{gap:12px 18px}.od-workspace-totals>span{width:100%}}.od-skeleton{height:150px;border-radius:6px;background:var(--surface-soft)}.od-chart-viewport{min-width:0;overflow-x:auto}