.dd-observability-panel{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 2.5%, transparent), transparent 65%), var(--dd-panel-surface,var(--paper));border-radius:12px;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-width:0;margin-bottom:30px;padding:20px;display:grid;container:dd-observability/inline-size}.dd-observability-panel.is-compact{height:470px;margin-bottom:20px;overflow:hidden}.dd-observability-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.dd-observability-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:25px;font-weight:500;line-height:1.2;display:flex}.dd-observability-title>svg{opacity:.8;flex:none}.dd-observability-actions,.dd-observability-error-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dd-observability-button{border:1px solid color-mix(in srgb, var(--accent) 15%, transparent);background:var(--dd-panel-surface,var(--paper));min-height:32px;color:var(--dd-highlight,var(--accent));cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:10px;transition:background-color .2s,border-color .2s;display:inline-flex}.dd-observability-button.is-icon{width:32px;padding:7px}.dd-observability-button:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 4.5%, transparent)}.dd-observability-button:disabled,.dd-observability-control:disabled{opacity:.5;cursor:wait}.dd-observability-button:focus-visible,.dd-observability-panel :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dd-observability-tabs{border-bottom:1px solid color-mix(in srgb, var(--accent) 12%, transparent);scrollbar-width:thin;gap:4px;min-width:0;display:flex;overflow-x:auto}.dd-observability-tab{min-height:32px;color:var(--dd-panel-muted,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:10px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.dd-observability-tab.is-active{border-bottom-color:var(--dd-highlight,var(--accent));background:color-mix(in srgb, var(--accent) 5.5%, transparent);color:var(--dd-highlight,var(--accent))}.dd-observability-toolbar{scrollbar-width:thin;align-items:center;gap:7px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.dd-observability-segmented{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:color-mix(in srgb, var(--accent) 2.5%, transparent);border-radius:7px;flex:none;gap:2px;padding:2px;display:inline-flex}.dd-observability-control{min-height:26px;color:var(--dd-panel-muted,var(--muted));font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:9px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.dd-observability-control.is-active{border-color:color-mix(in srgb, var(--accent) 12%, transparent);background:var(--dd-panel-surface,var(--paper));color:var(--dd-highlight,var(--accent))}.dd-observability-tab:hover,.dd-observability-control:hover{background:color-mix(in srgb, var(--accent) 6.5%, transparent);color:var(--dd-highlight,var(--accent))}.dd-observability-metric-picker{flex:none;min-width:150px;display:flex;position:relative}.dd-observability-select{appearance:none;border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);background:var(--dd-panel-surface,var(--paper));width:100%;min-height:32px;color:var(--dd-highlight,var(--accent));font:inherit;cursor:pointer;border-radius:7px;padding:7px 30px 7px 9px;font-size:10px}.dd-observability-select-arrow{color:var(--dd-panel-muted,var(--muted));pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dd-observability-viewport{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;transition:opacity .2s;overflow:auto}.dd-observability-viewport.is-refreshing{opacity:.55}.dd-observability-report{flex-direction:column;gap:14px;min-width:0;display:flex}.dd-observability-metrics{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-width:0;display:grid}.dd-observability-kpi{border:1px solid color-mix(in srgb, var(--accent) 10%, transparent);background:var(--dd-panel-surface,var(--paper));min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:9px;gap:7px;padding:12px;transition:background-color .2s,border-color .2s;animation:.35s backwards dd-runtime-reveal;display:grid}.dd-observability-kpi:hover,.dd-observability-kpi.is-active{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 4%, transparent)}.dd-observability-kpi-label{color:var(--dd-panel-muted,var(--muted));flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;line-height:1.4;display:flex}.dd-observability-kpi-label>svg{flex:none}.dd-observability-kpi-value{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:28px;font-weight:500;line-height:1.05}.dd-observability-kpi.has-errors .dd-observability-kpi-value{color:var(--danger)}.dd-observability-data{flex-direction:column;flex:auto;gap:10px;min-width:0;min-height:0;display:flex}.dd-observability-view-heading{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.dd-observability-view-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);align-items:center;gap:6px;margin:0;font-size:19px;font-weight:500;line-height:1.25;display:flex}.dd-observability-metric-info{color:var(--dd-panel-muted,var(--muted));align-items:center;display:inline-flex}.dd-observability-caption{color:var(--dd-panel-muted,var(--muted));font-size:9px;line-height:1.5}.dd-observability-search{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);min-width:0;color:var(--dd-panel-muted,var(--muted));border-radius:7px;align-items:center;gap:5px;padding:6px 8px;display:flex}.dd-observability-search>input{width:125px;min-width:0;color:var(--dd-panel-text,var(--ink));font:inherit;background:0 0;border:0;padding:0;font-size:10px}.dd-observability-warnings{background:color-mix(in srgb, var(--accent) 3.5%, transparent);color:var(--dd-panel-muted,var(--muted));border-radius:7px;flex:none;padding:7px 9px;font-size:10px;line-height:1.6}.dd-observability-warnings>summary{cursor:pointer}.dd-observability-warnings>summary>svg{margin:0 4px -2px 0;display:inline-block}.dd-observability-warnings ul{margin:6px 0 0;padding-left:15px}.dd-observability-table-wrap{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.dd-observability-table{border-collapse:collapse;text-align:left;width:100%}.dd-observability-table th,.dd-observability-table td{border-bottom:1px solid color-mix(in srgb, var(--accent) 9%, transparent);font-variant-numeric:tabular-nums;padding:9px 7px;font-size:10px;font-weight:400}.dd-observability-table thead{z-index:1;color:var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));position:sticky;top:0}.dd-observability-table td,.dd-observability-table thead th:not(:first-child){text-align:right}.dd-observability-empty{background:color-mix(in srgb, var(--accent) 3.5%, transparent);color:var(--dd-panel-muted,var(--muted));border-radius:7px;flex:none;margin:0;padding:9px 11px;font-size:10px;line-height:1.6}.dd-observability-error{border:1px solid color-mix(in srgb, var(--danger) 15%, transparent);background:color-mix(in srgb, var(--danger) 2%, transparent);border-radius:9px;align-items:flex-start;gap:10px;padding:15px;display:flex}.dd-observability-error>svg{color:var(--danger);flex:none;margin-top:2px}.dd-observability-error-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);margin:0 0 5px;font-size:21px;font-weight:500}.dd-observability-description{color:var(--dd-panel-muted,var(--muted));margin:0;font-size:11px;line-height:1.6}.dd-observability-error-actions{margin-top:10px}.dd-observability-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dd-observability-loading{gap:12px;min-width:0;display:grid}.dd-observability-loading .dd-admin-skeleton.is-summary{max-width:none}.dd-observability-loading .dd-admin-skeleton.is-chart{background:0 0;border:0;padding:0}.dd-observability-panel:not(.is-compact) .dd-observability-ranking-scroll,.dd-observability-panel:not(.is-compact) .dd-observability-ranking-table-wrap,.dd-observability-panel:not(.is-compact) .dd-observability-table-wrap{max-height:440px}.dd-observability-panel.is-compact .dd-observability-report{gap:10px;height:100%;min-height:0}.dd-observability-panel.is-compact .dd-observability-metrics,.dd-observability-panel.is-compact .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(4,minmax(0,1fr))}.dd-observability-panel.is-compact .dd-observability-kpi{gap:5px;padding:10px}.dd-observability-panel.is-compact .dd-observability-kpi-label{font-size:9px}.dd-observability-panel.is-compact .dd-observability-kpi-value{font-size:25px}.dd-observability-panel.is-compact .dd-observability-data{scrollbar-width:thin;overflow:auto}.dd-observability-panel.is-compact.is-trend{height:auto;min-height:470px}.dd-observability-panel.is-compact.is-trend .dd-observability-viewport{flex-direction:column;gap:10px;display:flex;overflow:visible}.dd-observability-panel.is-compact.is-trend .dd-observability-report{flex:auto;height:auto}.dd-observability-panel.is-compact.is-trend .dd-observability-data{overflow:visible}.dd-observability-panel.is-compact.is-trend .dd-observability-error{flex:none}.dd-observability-panel.is-compact .dd-observability-table-wrap{flex:auto}.dd-observability-panel.is-compact .dd-admin-skeleton-chart{height:130px}@keyframes dd-runtime-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes dd-runtime-spin{to{transform:rotate(360deg)}}.dd-observability-button>.is-spinning{animation:1s linear infinite dd-runtime-spin}@media (width<=1000px){.dd-observability-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.dd-observability-panel.is-compact{height:560px}.dd-observability-panel.is-compact.is-trend{min-height:560px}.dd-observability-metrics,.dd-observability-panel.is-compact .dd-observability-metrics,.dd-observability-panel.is-compact .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.dd-observability-panel{padding:15px}.dd-observability-kpi{padding:10px}.dd-observability-kpi-value{font-size:24px}.dd-observability-view-title{font-size:17px}}@container dd-observability (width<=760px){.dd-observability-panel:not(.is-compact) .dd-observability-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@container dd-observability (width<=520px){.dd-observability-panel:not(.is-compact) .dd-observability-metrics,.dd-observability-panel.is-compact .dd-observability-metrics,.dd-observability-panel.is-compact .dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dd-observability-kpi,.dd-observability-button>.is-spinning{animation:none}.dd-observability-button,.dd-observability-tab,.dd-observability-control,.dd-observability-viewport,.dd-observability-kpi{transition:none}}