.jeam-mqtt-value{display:inline}
.jeam-mqtt-label{font-weight:600}
.jeam-mqtt-unit{color:#666;font-size:.85em}
.jeam-mqtt-time{color:#999;font-size:.8em}
.jeam-mqtt-no-value{color:#999;font-style:italic}
.jeam-mqtt-error{color:#dc3545;font-style:italic}
.jeam-mqtt-dashboard{display:grid;grid-template-columns:repeat(var(--mqtt-columns,3),1fr);gap:20px;margin:20px 0}
@media(max-width:768px){.jeam-mqtt-dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.jeam-mqtt-dashboard{grid-template-columns:1fr}}
.jeam-mqtt-dashboard-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}
.jeam-mqtt-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.jeam-mqtt-dashboard-card-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.jeam-mqtt-dashboard-card-header .dashicons{color:#0073aa;font-size:20px;width:20px;height:20px}
.jeam-mqtt-dashboard-label{font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}
.jeam-mqtt-dashboard-card-value{font-size:32px;font-weight:700;color:#1a1a1a;margin:10px 0;line-height:1.2}
.jeam-mqtt-dashboard-card-value .jeam-mqtt-unit{font-size:18px;font-weight:400;color:#666}
.jeam-mqtt-dashboard-card-footer{margin-top:12px;padding-top:10px;border-top:1px solid #f0f0f0}
.jeam-mqtt-dashboard-card-footer small{color:#999;font-size:12px}
.jeam-mqtt-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.jeam-mqtt-table thead{background:#0073aa;color:#fff}
.jeam-mqtt-table th{padding:12px 15px;text-align:left;font-weight:600}
.jeam-mqtt-table td{padding:10px 15px;border-bottom:1px solid #f0f0f0}
.jeam-mqtt-table tbody tr:hover{background:#f8f9fa}
.jeam-mqtt-table .dashicons{vertical-align:middle;color:#0073aa;margin-right:5px}
.jeam-mqtt-val-cell{font-weight:600;font-size:16px}
.jeam-mqtt-widget-list{list-style:none;padding:0;margin:0}
.jeam-mqtt-widget-item{padding:8px 0;border-bottom:1px solid #eee}
.jeam-mqtt-widget-item:last-child{border-bottom:none}
.jeam-mqtt-widget-label{font-weight:600}
.jeam-mqtt-widget-value{font-weight:700;color:#0073aa}
.jeam-mqtt-widget-time{color:#999;display:block;margin-top:2px}
.jeam-mqtt-widget-card{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:10px;text-align:center}
.jeam-mqtt-widget-card .dashicons{color:#0073aa;font-size:24px;width:24px;height:24px}
.jeam-mqtt-widget-card-label{font-size:12px;text-transform:uppercase;color:#666;margin:5px 0}
.jeam-mqtt-widget-card-value{font-size:22px;font-weight:700;color:#1a1a1a}
.jeam-mqtt-updated{animation:jmflash .5s ease}
@keyframes jmflash{0%{background:rgba(0,115,170,.1)}100%{background:transparent}}
.jeam-mqtt-empty{text-align:center;color:#999;padding:30px;font-style:italic}