.ot-dd{--ot-muted:#697586;--ot-line:#e2e8f0;flex-direction:column;gap:24px;display:flex}.ot-dd-hero-copy{min-width:0}.ot-dd-metrics{border-top:1px solid var(--ot-line);margin:26px 0 0;padding:0;list-style:none}.ot-dd-metric{border-bottom:1px solid var(--ot-line);color:var(--ot-ink);align-items:center;gap:18px;padding:16px 0;display:flex}.ot-dd-metric:hover{color:var(--ot-blue)}.ot-dd-metric-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.ot-dd-metric-icon.tone-blue{background:var(--ot-surface-e8f0fe,#e8f0fe);color:var(--ot-text-245bee,#245bee)}.ot-dd-metric-icon.tone-green{background:var(--ot-surface-e4f7ec,#e4f7ec);color:var(--ot-text-128a52,#128a52)}.ot-dd-metric-icon.tone-amber{background:var(--ot-surface-fdf2dd,#fdf2dd);color:var(--ot-text-a97512,#a97512)}.ot-dd-metric-icon.tone-violet{background:var(--ot-surface-f0eafd,#f0eafd);color:var(--ot-text-6d3fd1,#6d3fd1)}.ot-dd-metric-icon.tone-red{background:var(--ot-surface-fdeaea,#fdeaea);color:var(--ot-text-c0342b,#c0342b)}.ot-dd-metric-badge{color:#fff;background:#d92d20;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.ot-dd-metric-copy{flex-direction:column;flex:1;min-width:0;display:flex}.ot-dd-metric-label{letter-spacing:-.2px;font-size:15px;font-weight:600}.ot-dd-metric-copy small{color:var(--ot-muted);margin-top:4px;font-size:13px}.ot-dd-hero-visual{margin:0}.ot-dd-columns{border-top:1px solid var(--ot-line);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:32px;padding-top:24px;display:grid}.ot-dd-visual{background:var(--ot-soft);border-radius:12px;min-height:300px;margin:0;position:relative;overflow:hidden}.ot-dd-visual>div:first-child{inset:0;position:absolute!important}.ot-dd-panel{background:var(--ot-surface-fff,#fff);border:1px solid var(--ot-line);border-radius:12px;padding:18px}.ot-dd-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.ot-dd-panel-title{letter-spacing:-.4px;align-items:center;gap:11px;font-size:17px;font-weight:600;display:inline-flex}.ot-dd-panel-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ot-dd-panel-icon.tone-blue{background:var(--ot-surface-e8f0fe,#e8f0fe);color:var(--ot-text-245bee,#245bee)}.ot-dd-panel-total{text-align:right}.ot-dd-panel-total small{color:var(--ot-muted);font-size:11px;display:block}.ot-dd-panel-total strong{letter-spacing:-.7px;color:var(--ot-blue);font-size:25px}.ot-dd-chart-note{color:var(--ot-muted);font-size:13px;margin-top:20px!important}.ot-dd-chart-wrap{gap:12px;margin-top:28px;display:flex}.ot-dd-chart-axis{height:148px;color:var(--ot-muted);flex-direction:column;justify-content:space-between;min-width:34px;font-size:11px;display:flex;transform:translateY(-7px)}.ot-dd-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 47px,var(--ot-surface-e8edf5,#e8edf5) 47px,var(--ot-surface-e8edf5,#e8edf5) 48px);background-repeat:no-repeat;background-size:100% 145px;flex:1;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:16px;min-width:0;display:grid}.ot-dd-bar{flex-direction:column;align-items:center;gap:8px;display:flex}.ot-dd-bar-value{color:var(--ot-ink);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ot-dd-bar-track{justify-content:center;align-items:flex-end;width:100%;height:145px;display:flex}.ot-dd-bar-fill{background:linear-gradient(#387df6,#2563eb);border-radius:3px 3px 0 0;width:100%;max-width:52px;min-height:0;position:relative}.ot-dd-bar-fill.is-negative{background:#c0342b}.ot-dd-bar-label{color:var(--ot-muted);font-size:11px}.ot-dd-status{background:var(--ot-surface-f8fafc,#f8fafc);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.ot-driver-dashboard-page #driver-tools{margin-top:28px;scroll-margin-top:24px}@media (width<=1200px){.ot-dd-metric{gap:14px}}@media (width<=600px){.ot-dd-chart{gap:5px}.ot-dd-bar-value{display:none}}@media (width<=900px){.ot-dd-columns{grid-template-columns:1fr}.ot-dd-visual{min-height:220px}}