.pending { padding:50px 0; color:var(--muted); }.error-note { color:var(--danger); margin:15px 0; }.live-gauge { width:175px; max-width:100%; height:4px; }.live-gauge svg { width:100%; height:4px; display:block; }.live-gauge .track { stroke:var(--track); }.live-gauge .fill { stroke:var(--gauge); }.tight .live-gauge .fill { stroke:var(--warning); }.chart-container svg { width:100%; height:auto; display:block; }.live-chart text { fill:var(--muted); font-size:12px; font-family:inherit; }.live-chart .grid { stroke:var(--rule); stroke-width:.7; }.live-chart .previous { stroke:var(--muted); stroke-width:1.5; fill:none; }.live-chart .average { stroke:var(--muted); stroke-width:1; stroke-dasharray:4 3; fill:none; }.data-note { margin-top:12px; font-size:11px; color:var(--muted); }.live-model-head,.live-model-row { display:grid; grid-template-columns:minmax(190px,2fr) repeat(5,minmax(85px,1fr)); gap:15px; padding:15px 0; border-top:1px solid var(--rule); }.live-model-head { color:var(--muted); font-size:11px; }.live-model-row>span,.live-model-head>span:not(:first-child) { text-align:right; }.live-model-row small { font-size:11px; margin-top:4px; }.table-scroll { overflow-x:auto; }.button-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }.live-usage { margin:20px 0; }.live-usage .widget-bar { height:4px; }.fresh-note { font-size:11px; color:var(--muted); margin-top:4px; }.key-list { padding-left:18px; }.account-row .identity strong { display:block; overflow-wrap:anywhere; }.share-svg { margin:20px 0; }.page-heading h1 { max-width:65ch; }.notice-row { padding:16px 0; border-bottom:1px solid var(--rule); }.notice-row p { color:var(--muted); margin-top:4px; }.native-widget-link { display:block; margin-top:15px; }.live-widget { max-width:352px; margin:auto; }.device-controls { display:flex; gap:10px; justify-content:flex-end; }.preview-bar { min-height:50px; }.currency-note { font-size:11px; color:var(--muted); }.model-meter { display:none; }#signin-error { color:var(--danger); font-size:12px; margin-top:15px; }.empty-reading { color:var(--muted); }.live-code { font-size:16px; font-weight:600; }.live-device-filter { max-width:190px; }.live-widget .native-hero-value { font-size:26px; }.small-source-line strong { font-weight:500; }.share-svg text { font-size:12px; }.native-family { display:flex; gap:20px; align-items:start; flex-wrap:wrap; }.native-family .usage-widget { margin:0; }.live-widget-settings { max-width:350px; }
@media(max-width:760px) { .live-model-head,.live-model-row { min-width:720px; }.live-chart text { font-size:11px; }.account-row { grid-template-columns:1fr; }.account-row>div { grid-column:1; }.account-row .identity { margin-bottom:4px; }.live-gauge { width:100%; max-width:240px; }.device-row { grid-template-columns:1fr auto; }.device-row .identity,.device-row .device-state,.device-row .device-harnesses { grid-column:1; grid-row:auto; }.device-controls { grid-column:2; grid-row:1/4; flex-direction:column; }.registry-head { display:none; }.live-chart { min-height:200px; }.page-heading h1 { max-width:28ch; }.main-nav { gap:22px; }.live-widget { width:100%; }.share-svg text { font-size:11px; } }
.device-history-note { color:var(--muted);font-size:11px;line-height:1.6;grid-column:1 / -1;max-width:80ch;margin:10px 0; }
.device-row>.device-controls { grid-column:4;grid-row:1; }
@media(max-width:760px){.device-row>.device-controls{grid-column:2;grid-row:1/4}.device-history-note{grid-column:1/-1;grid-row:4}}