.section-panel .device-status{--device-muted:#62695f;--device-line:#dce0d5;--device-icon:#f4f5f1;--device-ink:#20231f;--device-ok:#216345;--device-ok-bg:#e9f4ec;--device-bad:#89501b;--device-bad-bg:#fff1df;min-width:0;color:var(--device-ink);align-items:flex-start;gap:14px;padding:18px 0;display:flex}[data-theme=dark] .device-status{--device-muted:#b6b9ad;--device-line:#34382d;--device-icon:#25291f;--device-ink:#f1f0e9;--device-ok:#a2dfba;--device-ok-bg:#173d2b;--device-bad:#efc191;--device-bad-bg:#422e1c}.device-status .device-status-icon{border:1px solid var(--device-line);background:var(--device-icon);width:46px;height:46px;color:var(--device-muted);border-radius:11px;flex-shrink:0;grid-template-columns:1fr;place-items:center;display:grid}.device-status .device-status-info{flex:1;min-width:0;display:block}.device-status-info strong{overflow-wrap:anywhere;font-size:15px}.device-status .device-status-info p{color:var(--device-muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:12px}.device-status .device-status-info p span{display:inline}.device-status .device-status-connection{text-align:right;flex-shrink:0;grid-template-columns:1fr;justify-items:end;gap:6px;display:grid}.device-status-connection :is(small,time){color:var(--device-muted);font-size:12px}.device-status .device-status-badge{border-radius:20px;align-items:center;gap:7px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.device-status-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.device-status-badge.connected{color:var(--device-ok);background:var(--device-ok-bg)}.device-status-badge.disconnected{color:var(--device-bad);background:var(--device-bad-bg)}.device-status .device-status-info .device-status-error{background:var(--device-bad-bg);color:var(--device-bad);border-radius:6px;padding:8px 10px}@media (width<=540px){.section-panel .device-status{flex-wrap:wrap;gap:12px}.device-status .device-status-connection{border-top:1px solid var(--device-line);text-align:left;justify-items:start;width:100%;padding-top:12px}}