.mqtt-stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mqtt-station{padding:24px;min-width:0}.mqtt-station-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mqtt-station h3{margin:0;font-size:1.2rem;overflow-wrap:anywhere}.mqtt-station p{line-height:1.7;overflow-wrap:anywhere}.mqtt-badge{border-radius:999px;padding:7px 12px;font-size:.9rem;background:#e8eef9;color:#2c466f}.mqtt-badge.online{background:#d7f5e9;color:#09674a}.mqtt-station .button{min-height:46px}.mqtt-station button:disabled{opacity:.65;cursor:default}@media(max-width:800px){.mqtt-stations{grid-template-columns:1fr}.mqtt-station .button{width:100%}.mqtt-station{padding:20px}}
.mqtt-station .button{margin-top:8px;margin-right:8px}
.mqtt-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mqtt-step{padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:#f1f4f8;color:#50637e;min-width:0}.mqtt-step small{display:block;font-size:.76rem;margin-bottom:8px}.mqtt-step strong{font-size:.85rem;line-height:1.5;display:block;overflow-wrap:anywhere}.mqtt-step.ok{background:linear-gradient(140deg,#e4f7f2,#eaf8fe);border-color:#bde3de;color:#075f65}.mqtt-report-age{font-size:.84rem;color:var(--muted)}.mqtt-reason{font-size:.94rem}.mqtt-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.mqtt-metrics div,.mqtt-times div{min-width:0}.mqtt-metrics dt,.mqtt-times dt{font-size:.82rem;color:var(--muted);line-height:1.6}.mqtt-metrics dd{font-size:1.17rem;font-weight:650;margin:6px 0 0;overflow-wrap:anywhere}.mqtt-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-block:1px solid var(--line);padding:15px 0}.mqtt-times dd{margin:6px 0 0;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere}.mqtt-detail summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--accent,#136477)}.mqtt-detail p,.mqtt-interval-note,.mqtt-interval small{font-size:.8rem;line-height:1.7;color:var(--muted)}.mqtt-detail .mqtt-metrics{grid-template-columns:1fr 1fr}.mqtt-interval{margin-top:16px}.mqtt-interval label{font-size:.96rem;font-weight:600}.mqtt-interval>div{display:flex;gap:8px;align-items:center;margin:10px 0}.mqtt-interval select{min-width:0;flex:1;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--text);background:var(--panel,#fff)}.mqtt-interval .button{margin:0;flex-shrink:0}.mqtt-station .button.primary{color:#fff}.mqtt-station .button:focus-visible,.mqtt-station select:focus-visible,.mqtt-detail summary:focus-visible{outline:3px solid #3698e0;outline-offset:3px}.mqtt-form-result{font-size:.9rem;color:#0c7364}
@media(max-width:1250px){.mqtt-stations{grid-template-columns:1fr}}@media(max-width:600px){.mqtt-path,.mqtt-metrics{grid-template-columns:1fr 1fr}.mqtt-times{grid-template-columns:1fr}.mqtt-interval>div{flex-direction:column;align-items:stretch}.mqtt-interval select{width:100%}}
[data-theme=dark] .mqtt-step{background:#1d2c40;color:#c7d6ec}[data-theme=dark] .mqtt-step.ok{background:#123e42;color:#b5f0e2}