/* Responsive V1: actual-width layouts replace transformed design canvases. */
body #customDashboardGrid{max-width:100%!important;min-width:0!important;min-height:0!important}
body #customDashboardGrid > .studio-widget-shell{container-type:inline-size!important;container-name:widget!important;contain:layout style!important;overflow:auto!important;overscroll-behavior:auto;scrollbar-width:thin;border-radius:13px!important}
body #customDashboardGrid > .studio-widget-shell > .studio-scaled-content{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0!important;min-height:100%!important;max-width:100%!important;max-height:none!important;transform:none!important;transform-origin:initial!important;will-change:auto!important;container-type:inline-size!important;container-name:widgetContent!important;box-sizing:border-box!important;padding:12px!important;overflow:visible!important}
body #customDashboardGrid [hidden]{display:none!important}
body #customDashboardGrid .card-title,body #customDashboardGrid .section-title,body #customDashboardGrid .studio-kpi-head{min-width:0;gap:8px;flex-wrap:wrap}
body #customDashboardGrid h3,body #customDashboardGrid b,body #customDashboardGrid strong{overflow-wrap:break-word}
body #customDashboardGrid h3{font-size:12px!important;line-height:1.35!important}
body #customDashboardGrid input,body #customDashboardGrid select,body #customDashboardGrid button{min-width:0;max-width:100%;box-sizing:border-box}
body #customDashboardGrid canvas{max-width:100%!important}
/* Readings stay readable and circles stay circular. */
body #customDashboardGrid .gauge-card{min-height:216px!important}
body #customDashboardGrid .gauge{width:180px!important;height:98px!important;margin:13px auto 5px!important;max-width:100%!important}
body #customDashboardGrid .gauge:after{height:79px!important;left:18px!important;right:18px!important}
body #customDashboardGrid .gauge-center strong{font-size:36px!important}
body #customDashboardGrid .gauge-center small{font-size:16px!important}
body #customDashboardGrid .gauge-scale{font-size:10px!important}
body #customDashboardGrid .progress-big{font-size:22px!important;margin:14px 0!important}
body #customDashboardGrid .progress-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:13px 0!important}
body #customDashboardGrid .progress-meta>div{min-width:0!important;padding:0!important}
body #customDashboardGrid .progress-meta b{font-size:11px!important;white-space:normal!important}
body #customDashboardGrid .hero-turn-card .egg-turner-visual{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:8px!important;height:190px!important;min-height:0!important;margin:0!important;overflow:visible!important}
body #customDashboardGrid .hero-turn-card .turn-top-row{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;align-items:start!important;gap:4px!important;height:auto!important;padding:0!important}
body #customDashboardGrid .hero-turn-card .turn-side{display:grid!important;gap:3px!important;position:static!important;min-width:0!important}
body #customDashboardGrid .hero-turn-card .turn-side strong{font-size:16px!important;line-height:1.1!important;white-space:normal!important}
body #customDashboardGrid .hero-turn-card .turn-side span{font-size:10px!important;white-space:normal!important}
body #customDashboardGrid .hero-turn-card .turn-side b{font-size:15px!important;white-space:normal!important}
body #customDashboardGrid .hero-turn-card .turn-arrow-slot{position:relative!important;display:block!important;height:32px!important;padding:0!important}
body #customDashboardGrid .hero-turn-card .turn-arrow{position:static!important;font-size:28px!important;margin:0!important}
body #customDashboardGrid .hero-turn-card .turn-egg-stage{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;overflow:visible!important;padding:10px!important}
body #customDashboardGrid .hero-turn-card .egg-point-down{position:relative!important;inset:auto!important;width:64px!important;height:88px!important;aspect-ratio:auto!important;max-height:none!important;margin:0!important}
/* Five outputs; the PID panel is its own independently resizable widget. */
body #customDashboardGrid .equipment-card{container-name:equipment!important;padding:12px!important;min-height:0!important}
body #customDashboardGrid .equipment-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
body #customDashboardGrid .equipment-grid>.equipment-tile{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:24px 144px 18px 12px 8px 32px!important;align-content:start!important;justify-items:center!important;gap:3px!important;padding:7px!important;min-width:0!important;min-height:0!important;height:auto!important;max-width:100%!important}
body #customDashboardGrid .equipment-grid>.equipment-tile>b{padding:0!important;min-height:0!important;font-size:11px!important;line-height:1.25!important;text-align:center!important;align-self:center!important}
body #customDashboardGrid .equipment-grid .heater-duty-corners{display:none!important}
body #customDashboardGrid .equipment-grid .equipment-icon.hardware-photo{width:120px!important;height:120px!important;aspect-ratio:1!important;max-width:100%!important;margin:0!important;align-self:center!important}
body #customDashboardGrid .equipment-grid .pill{margin:0!important;font-size:10px!important;padding:3px 8px!important;align-self:center!important}
body #customDashboardGrid .equipment-grid .output-value{font-size:10px!important;margin:0!important}
body #customDashboardGrid .equipment-grid .mini-progress{width:100%!important;height:9px!important;margin:0!important;align-self:center!important}
body #customDashboardGrid .equipment-grid .sv-control-strip{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;width:100%!important;max-width:100%!important;margin:6px 0 0!important;gap:3px!important;padding:0!important;box-sizing:border-box!important}
body #customDashboardGrid .equipment-grid .sv-water-button{width:30px!important;height:32px!important;min-width:30px!important;font-size:17px!important}
body #customDashboardGrid .equipment-grid .sv-value-pill{min-width:0!important;height:32px!important;padding:2px!important}
body #customDashboardGrid .equipment-grid .sv-value-pill strong{font-size:11px!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] > .equipment-card .equipment-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="2"] > .equipment-card .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="3"] > .equipment-card .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="5"] > .equipment-card .equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid>.equipment-tile{grid-template-columns:76px minmax(0,1fr) auto!important;grid-template-rows:24px 20px 10px 32px!important;gap:3px 8px!important;min-height:100px!important;text-align:left!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid>.equipment-tile>b{grid-column:2;grid-row:1;justify-self:start!important;text-align:left!important;font-size:12px!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid .equipment-icon.hardware-photo{grid-column:1;grid-row:1/5;width:76px!important;height:76px!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid .pill{grid-column:3;grid-row:1}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid .output-value{grid-column:2/4;grid-row:2;justify-self:start!important}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid .mini-progress{grid-column:2/4;grid-row:3}
body #customDashboardGrid > .studio-widget-shell[data-equipment-cols="1"] .equipment-grid .sv-control-strip{grid-column:2/4;grid-row:4}
body #customDashboardGrid [data-studio-source="pidControl"]{text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr)!important;gap:8px 16px!important;align-content:start!important;cursor:pointer}
body #customDashboardGrid .pid-equipment-head{grid-column:1/-1;gap:8px!important;flex-wrap:wrap!important}
body #customDashboardGrid .pid-equipment-summary{grid-column:1;grid-row:2/5;min-width:0!important;margin:0!important}
body #customDashboardGrid .pid-equipment-summary>div{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:4px 0!important}
body #customDashboardGrid .pid-equipment-summary dt{font-size:11px!important;white-space:normal!important}
body #customDashboardGrid .pid-equipment-summary dd{font-size:12px!important;white-space:normal!important;margin:0!important;text-align:right!important}
body #customDashboardGrid .pid-equipment-progress,body #customDashboardGrid .pid-equipment-hint,body #customDashboardGrid .pid-duty-timer{grid-column:2;min-width:0!important;margin:0!important}
body #customDashboardGrid .pid-duty-timer{padding:8px!important}
body #customDashboardGrid .pid-duty-values{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body #customDashboardGrid .pid-duty-value b{font-size:22px!important}
body #customDashboardGrid .pid-duty-title{flex-wrap:wrap!important;gap:4px!important}
body #customDashboardGrid .pid-adjust-panel{grid-column:1/-1;position:static!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
@container widget (max-width:539px){body #customDashboardGrid [data-studio-source="pidControl"]{display:flex!important;flex-direction:column!important}body #customDashboardGrid .pid-equipment-summary,body #customDashboardGrid .pid-duty-timer{width:100%!important}body #customDashboardGrid .pid-duty-value b{font-size:24px!important}}
/* Custom, system, safety, chart and control widgets share safe content bounds. */
body #customDashboardGrid .studio-dynamic-content{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere}
body #customDashboardGrid .studio-dynamic-content>*,body #customDashboardGrid .blynk-dynamic-content>*{min-width:0;max-width:100%;box-sizing:border-box}
body #customDashboardGrid .studio-metric-grid,body #customDashboardGrid .smart-metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))!important}
body #customDashboardGrid .bw-value{font-size:clamp(24px,10cqw,38px)!important;line-height:1.15!important}
body #customDashboardGrid .bw-step-h{grid-template-columns:40px minmax(0,1fr) 40px!important}
body #customDashboardGrid .bw-step-h button{min-height:40px!important}
body #customDashboardGrid .bw-terminal{max-height:160px;overflow:auto}
body #customDashboardGrid .bw-led-row,body #customDashboardGrid .bw-button-row{flex-wrap:wrap!important}
body #customDashboardGrid .chart-card{min-height:240px!important}
body #customDashboardGrid .chart-card canvas{width:100%!important;height:175px!important}
body #customDashboardGrid .dual-climate-card{min-height:300px!important}
body #customDashboardGrid .dual-climate-title{flex-wrap:wrap!important}
/* Other application pages use wrapping grids rather than rigid desktop columns. */
body .settings-layout,body .control-page-grid,body .control-tools-grid,body .report-grid,body .device-cards,body .home-device-grid,body .cycle-live-grid,body .cycle-form-grid,body .smart-tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:12px!important}
body .settings-grid,body .home-form-grid,body .feature-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}
body .settings-section,body .home-device,body .cycle-manager-card,body .smart-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body .form-actions,body .page-head,body .home-device-top{flex-wrap:wrap}
body .modal{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important}
@media(max-width:560px){body .trend-page,body .analysis-grid,body .bottom-grid,body .pid-content{grid-template-columns:minmax(0,1fr)!important}body .home-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .manual-output-grid{grid-template-columns:minmax(0,1fr)!important}body .header-tools{flex-wrap:wrap!important}body .broodit-chart-range{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Preserve selected widgets if layout calculation fails; never force-unhide removed widgets. */
body #customDashboardGrid[data-layout-fallback="1"]{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;height:auto!important;gap:12px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body #customDashboardGrid[data-layout-fallback="1"]>.studio-widget-shell{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:220px!important;grid-column:auto!important}
body #customDashboardGrid[data-layout-fallback="1"]>[data-studio-widget="equipment"],body #customDashboardGrid[data-layout-fallback="1"]>.layout-recovery-notice{grid-column:1/-1!important}
body #customDashboardGrid[data-layout-fallback="1"]>.studio-widget-shell[hidden]{display:none!important}
body #customDashboardGrid .layout-recovery-notice{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:12px}

/* Let page scrolling pass through cards and editor overlay bodies. Only gesture handles own dragging. */
body .main{overflow:visible!important}
body #customDashboardGrid,body #customDashboardGrid>.studio-widget-shell,body #customDashboardGrid .studio-scaled-content{overscroll-behavior-y:auto!important;touch-action:pan-y!important}
body.dashboard-editing #customDashboardGrid>.studio-widget-shell{pointer-events:auto!important;touch-action:pan-y!important}
body #dashboardEditorLayer,body #dashboardEditorLayer .studio-editor-overlay{pointer-events:none!important;touch-action:pan-y!important}
body #dashboardEditorLayer .studio-editor-toolbar{pointer-events:auto!important;touch-action:pan-y!important}
body #dashboardEditorLayer [data-editor-move],body #dashboardEditorLayer [data-editor-resize]{pointer-events:auto!important;touch-action:none!important}
body #dashboardEditorLayer [data-editor-action]{pointer-events:auto!important;touch-action:manipulation!important}

/* Setpoint strips belong to their own grid cell, never the old centered popup position. */
body #customDashboardGrid .equipment-grid .equipment-tile .sv-control-strip{transform:none!important;translate:none!important;animation:none!important;position:static!important;inset:auto!important;min-width:0!important;max-width:100%!important;width:100%!important;grid-column:1/-1;justify-self:stretch!important;align-self:center!important;margin:0!important;z-index:1!important}
body #customDashboardGrid>.studio-widget-shell[data-equipment-cols="1"] .equipment-grid .equipment-tile .sv-control-strip{grid-column:2/4!important;grid-row:4!important}
body #customDashboardGrid .equipment-grid .equipment-tile .sv-control-strip>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

/* Requested equipment layout: readouts top-left, larger art, thicker optional-direction bar. */
body #customDashboardGrid>.studio-widget-shell>.independent-equipment.studio-scaled-content{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:24px minmax(64px,1fr) 12px!important;justify-items:center!important;align-content:stretch!important;gap:3px!important;padding:6px!important;text-align:center!important;height:100%!important;min-height:156px!important;min-width:0!important;box-sizing:border-box!important}
body #customDashboardGrid>.studio-widget-shell>.independent-equipment.sv-open.studio-scaled-content{grid-template-rows:24px minmax(64px,1fr) 12px 30px!important}
body #customDashboardGrid .independent-equipment>b{grid-column:1/-1;grid-row:1;min-height:0!important;width:100%!important;box-sizing:border-box!important;padding:0 0 0 65px!important;font-size:12px!important;line-height:1.1!important;align-self:center!important;white-space:normal!important;text-align:center!important}
body #customDashboardGrid .independent-equipment .heater-duty-corners{display:none!important}
body #customDashboardGrid .independent-equipment .equipment-icon.hardware-photo{grid-column:1;grid-row:2;width:var(--equipment-art-closed,170px)!important;height:var(--equipment-art-closed,170px)!important;max-width:100%!important;margin:0!important;align-self:center!important;justify-self:center!important}
body #customDashboardGrid .independent-equipment.sv-open .equipment-icon.hardware-photo{width:var(--equipment-art-open,137px)!important;height:var(--equipment-art-open,137px)!important}
body #customDashboardGrid .independent-equipment .pill{position:absolute!important;inset:auto!important;left:6px!important;top:7px!important;margin:0!important;font-size:9px!important;line-height:1!important;padding:3px 5px!important;min-width:20px!important;text-align:center!important;z-index:4!important;box-sizing:content-box!important}
body #customDashboardGrid .independent-equipment .output-value{position:absolute!important;inset:auto!important;left:39px!important;top:9px!important;margin:0!important;font-size:10px!important;line-height:1!important;z-index:4!important;white-space:nowrap!important}
body #customDashboardGrid .independent-equipment .mini-progress{grid-column:1;grid-row:3;width:100%!important;height:12px!important;margin:0!important;align-self:stretch!important;border-radius:7px!important;position:relative!important;box-sizing:border-box!important;overflow:hidden!important}
body #customDashboardGrid .independent-equipment .mini-progress>i{height:100%!important;min-width:0!important;display:block!important;border-radius:inherit!important;transition:width .2s ease,height .2s ease}
body #customDashboardGrid .independent-equipment .sv-control-strip{grid-column:1/-1;grid-row:4;position:static!important;inset:auto!important;transform:none!important;translate:none!important;animation:none!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;width:min(100%,168px)!important;min-width:0!important;max-width:168px!important;gap:6px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important}
body #customDashboardGrid .independent-equipment .sv-control-strip>.sv-water-button{position:relative!important;inset:auto!important;flex:none!important;grid-column:auto!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;margin:0!important;padding:0!important;font-size:19px!important;line-height:1!important;box-sizing:border-box!important}
body #customDashboardGrid .independent-equipment .sv-control-strip>.sv-value-pill{position:static!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:30px!important;margin:0!important;padding:1px 3px!important;box-sizing:border-box!important}
body #customDashboardGrid .independent-equipment .sv-value-pill strong{font-size:12px!important;line-height:1.1!important}
body #customDashboardGrid .independent-equipment .sv-value-pill small{font-size:8px!important;line-height:1!important}
body #customDashboardGrid .independent-equipment .hwb2-mist{top:0!important;left:33%!important;width:34%!important;height:30%!important}
body #customDashboardGrid .independent-equipment .hwb2-mist-two{top:-2%!important;left:32%!important;width:36%!important;height:32%!important}
body #customDashboardGrid .independent-equipment .hwb2-heat{top:0!important;height:25%!important}
body #customDashboardGrid>.studio-widget-shell[data-equipment-bar="vertical"]>.independent-equipment.studio-scaled-content{grid-template-columns:minmax(0,1fr) 14px!important;grid-template-rows:24px minmax(64px,1fr)!important}
body #customDashboardGrid>.studio-widget-shell[data-equipment-bar="vertical"]>.independent-equipment.sv-open.studio-scaled-content{grid-template-rows:24px minmax(64px,1fr) 30px!important}
body #customDashboardGrid [data-equipment-bar="vertical"] .independent-equipment .mini-progress{grid-column:2;grid-row:2;width:14px!important;height:100%!important;min-height:64px!important;display:flex!important;align-items:flex-end!important;align-self:stretch!important}
body #customDashboardGrid [data-equipment-bar="vertical"] .independent-equipment .mini-progress>i{width:100%!important;height:calc(var(--output-level,0)*100%)!important;flex:none!important}
body #customDashboardGrid [data-equipment-bar="vertical"] .independent-equipment.is-na .mini-progress>i{height:0!important}
body #customDashboardGrid [data-equipment-bar="vertical"] .independent-equipment .sv-control-strip{grid-row:3}
@container editorOverlay (max-width:220px){body #dashboardEditorLayer .studio-editor-toolbar strong,body #dashboardEditorLayer .studio-editor-dim{display:none!important}body #dashboardEditorLayer .studio-editor-toolbar{gap:2px!important;padding:2px!important;justify-content:space-between!important}body #dashboardEditorLayer .studio-editor-toolbar button{width:26px!important;min-width:26px!important;height:28px!important;padding:0!important;font-size:10px!important}}

/* Enlarge visible hardware inside the transparent atlas margins. */
body #customDashboardGrid .independent-equipment .hwb2-body{transform:scale(1.18);transform-origin:50% 56%}
body #customDashboardGrid .independent-equipment .hwb2-mist,body #customDashboardGrid .independent-equipment .hwb2-mist-two,body #customDashboardGrid .independent-equipment .hwb2-heat{top:8%!important}
@container widget (max-width:180px){body #customDashboardGrid .independent-equipment>b{padding-left:60px!important;font-size:11px!important}}

/* Smaller monitoring widgets adapt only when their own width/height is reduced. */
body #customDashboardGrid>[data-studio-widget="temperature"]>.gauge-card,body #customDashboardGrid>[data-studio-widget="humidity"]>.gauge-card{min-height:184px!important;height:100%!important}
body #customDashboardGrid>[data-small-widget="1"] .gauge{width:154px!important;height:84px!important;margin:10px auto 4px!important}
body #customDashboardGrid>[data-small-widget="1"] .gauge:after{height:67px!important;left:15px!important;right:15px!important}
body #customDashboardGrid>[data-small-widget="1"] .gauge-center strong{font-size:30px!important}
body #customDashboardGrid>[data-small-widget="1"] .gauge-center small{font-size:14px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .egg-turner-visual{height:158px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .egg-point-down{width:52px!important;height:72px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .turn-egg-stage{padding:4px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .turn-side strong{font-size:14px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .turn-side span{font-size:9px!important}
body #customDashboardGrid>[data-small-widget="1"] .hero-turn-card .turn-side b{font-size:13px!important}
@container editorOverlay (max-width:180px){body #dashboardEditorLayer .studio-editor-toolbar{gap:2px!important;padding:2px!important}body #dashboardEditorLayer .studio-editor-toolbar button{width:24px!important;min-width:24px!important;font-size:8px!important}}

/* Small outer boxes retain a complete logical canvas; scale every internal part together. */
body #customDashboardGrid>.studio-widget-shell[data-scaled-widget="1"]{overflow:hidden!important}
body #customDashboardGrid>.studio-widget-shell[data-scaled-widget="1"]>.studio-scaled-content{position:absolute!important;inset:0 auto auto 0!important;width:var(--studio-design-w)!important;min-width:var(--studio-design-w)!important;max-width:none!important;height:var(--studio-design-h)!important;min-height:var(--studio-design-h)!important;max-height:var(--studio-design-h)!important;transform:scale(var(--studio-content-scale))!important;transform-origin:0 0!important;overflow:auto!important}
/* The editor stays unscaled and reachable even on an 80px card. Scroll its toolbar for more actions. */
body #dashboardEditorLayer .studio-editor-toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;max-width:100%!important;box-sizing:border-box!important}
body #dashboardEditorLayer .studio-editor-toolbar button{flex:0 0 auto!important}
@container editorOverlay (max-width:280px){body #dashboardEditorLayer .studio-editor-toolbar strong,body #dashboardEditorLayer .studio-editor-dim{display:none!important}body #dashboardEditorLayer .studio-editor-toolbar{justify-content:flex-start!important;gap:3px!important;padding:2px!important}body #dashboardEditorLayer .studio-editor-toolbar button{width:28px!important;min-width:28px!important;height:28px!important;font-size:10px!important}}

/* No hardware confirmation means unknown, never an inferred OFF state. */
body .equipment-tile.is-unknown .hardware-photo .hwb2-body{filter:grayscale(1) brightness(.48)!important}
body .equipment-tile.is-unknown .hardware-photo *{animation:none!important}
body .equipment-tile.is-unknown .hwb2-fx,body .equipment-tile.is-unknown .hwb2-air{opacity:0!important}
body .equipment-tile.is-unknown{border-color:var(--line)!important;box-shadow:none!important}
body .pill.unknown{background:#526176;color:#e4ebf5}
body #customDashboardGrid .independent-equipment.is-unknown .output-value{font-size:8px!important}
body.hardware-unconfirmed #turnerEgg,body.hardware-unconfirmed .turn-arrow{animation:none!important}
body .hardware-data-note{position:absolute;right:6px;top:25px;font-size:8px;line-height:12px;color:var(--muted);z-index:5;pointer-events:auto}
body .last-received-value{opacity:.65}