/* TECHRIB SMART VISUAL V1 — pure presentation, dashboard route only.
   No device values, MQTT commands, controls or API bindings introduced. */
html[data-iot-theme="mushroom"]:has(#iotConsole){
 --tr-bg:#071321;--tr-surface:#0d1c2b;--tr-card:#122438;--tr-raised:#192d43;
 --tr-border:#263e56;--tr-text:#edf6ff;--tr-muted:#9caec3;--tr-accent:#48b8ff;
 --tr-accent-soft:#164164;--tr-success:#36e397;--tr-shadow:0 12px 32px #0005;
 --iot-bg:#071321;--iot-card:#122438;--iot-raised:#192d43;--iot-border:#263e56;
 --iot-text:#edf6ff;--iot-muted:#9caec3;--iot-accent:#48b8ff;--iot-shadow:0 12px 32px #0005;
}
html[data-iot-theme="mushroom"]:has(#iotConsole) body{background:radial-gradient(ellipse at 70% 0%,#102b44 0%,#071321 55%,#07111c 100%);background-attachment:fixed}
html[data-iot-theme="mushroom"]:has(#iotConsole) .tr-sidebar{background:linear-gradient(180deg,#101f31,#0d1827);border-color:#213852}
html[data-iot-theme="mushroom"]:has(#iotConsole) .tr-header{background:#0d1a29;border-bottom-color:#284058}
html[data-iot-theme="mushroom"]:has(#iotConsole) .tr-side-nav a{border-radius:11px;min-height:41px}
html[data-iot-theme="mushroom"]:has(#iotConsole) .tr-side-nav a[aria-current="page"]{background:linear-gradient(105deg,#1464db,#144482);color:#fff;box-shadow:0 6px 18px #0040a43d}
html[data-iot-theme="mushroom"]:has(#iotConsole) .tr-side-nav a[aria-current="page"] .tr-side-icon{color:white}
#iotConsole{--smart-radius:16px;letter-spacing:.01em}
#iotConsole .iot-head{padding:8px 0 20px;gap:14px;border-bottom:1px solid var(--iot-border,var(--tr-border));margin-bottom:20px!important}
#iotConsole .iot-eyebrow{color:var(--iot-accent,var(--tr-accent));font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:800}
#iotConsole .iot-toolbar-title h1{font-weight:850;font-size:clamp(22px,2vw,30px);letter-spacing:-.6px;margin:5px 0 0}
#iotConsole .iot-head-tools{gap:10px}
#iotConsole .iot-head-action{border-radius:12px!important}
#iotConsole .iot-filters select{border-radius:10px}
#iotConsole .iot-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:10px 0 25px}
#iotConsole .iot-kpi{position:relative;min-height:118px;padding:19px 18px!important;border:1px solid var(--iot-border,var(--tr-border));border-radius:var(--smart-radius);box-shadow:0 12px 25px #00000013;overflow:hidden}
#iotConsole .iot-kpi::after{content:"";position:absolute;right:-37px;bottom:-65px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--iot-accent,var(--tr-accent)) 0%,transparent 67%);opacity:.07;pointer-events:none}
#iotConsole .iot-kpi strong{font-size:clamp(24px,2.3vw,32px)!important;font-weight:850;letter-spacing:-.6px}
#iotConsole .iot-kpi .iot-icon-wrap{border-radius:15px!important}
#iotConsole .tr-universal-heading,#iotConsole .trd-heading,#iotConsole .iot-section-head{border-bottom:1px solid var(--iot-border,var(--tr-border));padding-bottom:11px;margin-top:18px;margin-bottom:15px}
#iotConsole .tr-universal-heading h2,#iotConsole .trd-heading h2,#iotConsole .iot-section-head h2{font-size:19px;letter-spacing:-.3px;font-weight:850}
#iotConsole .tr-universal-grid,#iotConsole .trd-grid{gap:12px}
#iotConsole .tr-universal-card.bench-channel,#iotConsole .trd-channel,#iotConsole .trd-sensor,#iotConsole .bench-channel{border-radius:15px!important;box-shadow:0 8px 22px #0002;transition:border-color .18s,transform .18s,box-shadow .18s;background-image:linear-gradient(155deg,#ffffff06,transparent 65%)}
#iotConsole .tr-universal-card.bench-channel{padding:14px!important;min-height:148px}
#iotConsole .tr-universal-card.tr-universal-wide{min-height:210px}
#iotConsole .tr-universal-card .bench-channel-name{font-size:12px;font-weight:800}
#iotConsole .tr-universal-card .bench-channel-sub{font-size:10px}
#iotConsole .tr-universal-card .tr-universal-reading{font-size:21px;font-weight:850}
#iotConsole .tr-universal-card .bench-channel-icon{width:37px!important;height:37px!important;border-radius:12px!important;flex-basis:37px!important}
#iotConsole .tr-universal-card .bench-channel-icon svg{width:19px!important;height:19px!important}
#iotConsole .tr-universal-card.on{box-shadow:inset 0 0 30px color-mix(in srgb,var(--tile-accent) 7%,transparent),0 9px 26px #0003}
#iotConsole .iot-card,#iotConsole .home-chart-grid>*{border-radius:var(--smart-radius);box-shadow:0 10px 25px #0002}
#iotConsole .home-chart-grid{gap:14px}
#iotConsole .iot-quick-actions{gap:12px}
#iotConsole .iot-modal-trigger{border-radius:13px!important}
html[data-iot-theme="industrial"] #iotConsole .iot-kpi,html[data-iot-theme="industrial"] #iotConsole .tr-universal-card{box-shadow:0 5px 20px #1636520c}
@media(min-width:1450px){#iotConsole .tr-universal-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1300px){#iotConsole .tr-universal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#iotConsole .iot-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#iotConsole .tr-universal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){#iotConsole .iot-summary{gap:8px}#iotConsole .iot-kpi{min-height:95px;padding:12px!important}#iotConsole .tr-universal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#iotConsole .tr-universal-card.bench-channel{padding:11px!important;min-height:132px}#iotConsole .iot-head{align-items:stretch}}
@media(prefers-reduced-motion:reduce){#iotConsole .tr-universal-card,#iotConsole .iot-kpi{transition:none!important}}