/* Keep the original card geometry; live metrics occupy only the old preview. */
.cdash-metrics-card{container-type:inline-size}
.cdash-live{display:flex;flex-direction:column;padding:8px 12px!important;background:none!important;min-height:0;overflow:visible!important}
.cdash-live::before{display:none!important}
.cdash-live-meta{display:flex;align-items:center;gap:8px;min-height:14px;position:absolute;right:14px;top:-25px}
.cdash-live-period{color:#8f9ba8;font-size:9px;line-height:1;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;cursor:help}
.cdash-live-status{width:6px;height:6px;border-radius:50%;background:#697581;box-shadow:0 0 0 3px #9ca9b00b;flex:none}
.cdash-live-status.good{background:#80cdb5;box-shadow:0 0 0 3px #80cdb512}
.cdash-live-status.bad{background:#e48d96;box-shadow:0 0 0 3px #e48d9612}
.cdash-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:1;min-height:0}
.cdash-live-metric{min-width:0;min-height:0;border:1px solid #ffffff0b;border-radius:9px;background:#ffffff02;padding:4px 7px;display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}
.cdash-live-label{font-size:9px;color:#9ca8b5;line-height:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.cdash-live-lines{display:flex;flex-direction:column;gap:2px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}
.cdash-live-entry{min-width:0;flex:none}
.cdash-live-entry>small{display:none}
.cdash-live-value{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;min-width:0}
.cdash-live-value>strong{display:flex;align-items:baseline;gap:3px;font-size:17px;line-height:20px;font-weight:550;letter-spacing:-.025em;color:#edf1f5;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cdash-live-number{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cdash-live-unit{font-size:10px;line-height:1.1;color:#a9b4c0;letter-spacing:0;flex:none}
.cdash-live-origin{font:600 7px/1 Geist,system-ui,sans-serif;color:#8c9aa8;text-decoration:none;flex:none;width:8px;text-align:center}
.cdash-live-delta{display:inline-flex;align-items:center;gap:2px;font:500 9px/1.2 Geist,system-ui,sans-serif;color:#798694;letter-spacing:0;white-space:nowrap;flex:none;margin-left:auto}
.cdash-live-delta svg{width:10px;height:10px;flex:none}
.cdash-live-change{display:none}
.cdash-live-delta[data-unavailable]{display:none}
.cdash-live-delta.good{color:#80cdb5}.cdash-live-delta.bad{color:#e48d96}
.cdash-live-metric.has-breakdown{gap:2px;padding-block:2px}
.cdash-live-metric.has-breakdown .cdash-live-lines{gap:1px}
.cdash-live-metric.has-breakdown .cdash-live-value{gap:3px}
.cdash-live-metric.has-breakdown .cdash-live-value>strong{font-size:13px;line-height:15px}
.cdash-live-metric.has-breakdown .cdash-live-unit{font-size:8px}
@container(max-width:260px){.cdash-live-metric{padding-inline:5px}.cdash-live-value>strong{font-size:15px}.cdash-live-metric.has-breakdown .cdash-live-value>strong{font-size:12px}.cdash-live-metric.has-breakdown .cdash-live-unit{font-size:7px}.cdash-live-metric.has-breakdown .cdash-live-origin{width:6px;font-size:6px}}
html[data-panel-ui-ready] .reference-collection .source-dashboard-preview.cdash-live{padding:8px 12px!important;display:flex!important;flex-direction:column!important;gap:0!important}
/* The same live reading becomes four columns in the spreadsheet view. */
html[data-panel-ui-ready] .reference-collection .collection-list-head.dashboards{display:grid!important;border-inline:0!important;box-sizing:border-box}
html[data-panel-ui-ready] .reference-collection .collection-list-head.dashboards,
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-metrics-card{grid-template-columns:minmax(190px,1.25fr) minmax(140px,.85fr) minmax(125px,.75fr) minmax(140px,.85fr) minmax(140px,.85fr) minmax(85px,.55fr) 110px!important;min-width:1140px!important;gap:12px!important}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view{min-width:1140px!important;border:0!important}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .client-dashboard-preview.cdash-live,
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-grid{display:contents!important}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-meta{display:none!important}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-metric{padding:0!important;border:0!important;background:none!important;border-radius:0;overflow:visible;gap:0}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-label{display:none}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=results]:not(.has-breakdown)>.cdash-live-label{display:block;font-size:8px;line-height:11px;margin-bottom:1px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-lines{overflow:visible;gap:3px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-value>strong{font-size:13px;line-height:16px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-unit{font-size:9px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-origin{display:none}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-entry>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8e9f;font-size:7px;line-height:9px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .has-breakdown .cdash-live-lines{gap:2px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .has-breakdown .cdash-live-entry>small{line-height:8px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .has-breakdown .cdash-live-value>strong{line-height:14px}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=spend] .cdash-live-entry>small{display:none}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-change{display:inline}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-live-delta[data-unavailable]{display:inline-flex}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=spend]{order:3}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=results]{order:4}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=cpa]{order:5}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-metric=ctr]{order:6}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-metrics-card .card-actions{order:7;justify-content:end}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view .cdash-card-name::before{content:"";display:inline-block;width:5px;height:5px;margin:0 7px 2px 0;border-radius:50%;background:#697581}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-cdash-state=good] .cdash-card-name::before{background:#80cdb5}
html[data-panel-ui-ready] .reference-collection #dashboards-grid.collection-list-view [data-cdash-state=bad] .cdash-card-name::before{background:#e48d96}