.monitor-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.monitor-summary-grid article{background:linear-gradient(145deg,rgba(15,64,52,.95),rgba(6,28,23,.96));border:1px solid rgba(217,180,91,.18);border-radius:18px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.16)}.monitor-summary-grid span,.monitor-summary-grid small{display:block;color:var(--muted)}.monitor-summary-grid strong{display:block;font-size:1.65rem;margin:.35rem 0}.monitor-summary-grid .account-code{font-size:1.05rem;letter-spacing:.08em}.monitor-settings-panel{margin-bottom:18px}.monitor-device-list{display:grid;gap:18px;margin-bottom:18px}.monitor-device-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.monitor-device-card.status-offline{border-color:rgba(220,70,70,.45)}.monitor-device-card.status-stale{border-color:rgba(239,173,60,.55)}.monitor-device-card.status-revoked{opacity:.66}.monitor-device-head,.monitor-title-line,.monitor-head-badges,.monitor-device-foot,.monitor-times,.sync-block>div,.resource-meter>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.monitor-title-line{justify-content:flex-start}.monitor-title-line h3{margin:0}.monitor-status-dot{width:12px;height:12px;border-radius:50%;background:#777;box-shadow:0 0 0 5px rgba(128,128,128,.12)}.status-online .monitor-status-dot{background:#51db91;box-shadow:0 0 0 5px rgba(81,219,145,.13),0 0 18px rgba(81,219,145,.55)}.status-stale .monitor-status-dot{background:#f1ad3d}.status-offline .monitor-status-dot{background:#df5a5a}.monitor-badge{font-size:.76rem;padding:.32rem .6rem;border-radius:999px;background:rgba(255,255,255,.07)}.monitor-badge.online{background:rgba(81,219,145,.15);color:#8ef0b8}.monitor-badge.offline,.monitor-badge.revoked{background:rgba(223,90,90,.15);color:#ff9d9d}.monitor-badge.stale{background:rgba(241,173,61,.16);color:#ffd486}.monitor-device-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;margin:17px 0}.monitor-current{padding:14px;border-radius:14px;background:rgba(217,180,91,.08);border:1px solid rgba(217,180,91,.14)}.monitor-current span,.metric-grid span,.sync-block span{display:block;color:var(--muted);font-size:.78rem}.monitor-current strong{display:block;margin-top:4px;font-size:1.12rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.metric-grid>div{background:rgba(255,255,255,.035);border-radius:12px;padding:11px}.metric-grid strong{display:block;margin-top:4px;font-size:.86rem;overflow-wrap:anywhere}.resource-meter,.sync-block{margin-top:10px}.resource-meter progress,.sync-block progress{width:100%;height:8px;accent-color:var(--accent)}.resource-meter span,.resource-meter strong{font-size:.75rem}.sync-block{padding:12px;border-radius:13px;background:rgba(0,0,0,.12)}.sync-block small{display:block;margin-top:6px;color:var(--muted)}.monitor-error{margin:8px 0 0;color:#ff9d9d;font-size:.78rem}.monitor-times{margin-top:10px;align-items:flex-start;flex-wrap:wrap;color:var(--muted);font-size:.78rem}.monitor-shot{position:relative;min-height:220px;border-radius:15px;overflow:hidden;background:#030807;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.monitor-shot img{width:100%;height:100%;min-height:220px;object-fit:cover}.monitor-shot span{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 9px;border-radius:9px;background:rgba(0,0,0,.7);color:white;font-size:.72rem}.empty-shot{flex-direction:column;color:var(--muted)}.empty-shot span{position:static;background:none}.monitor-command-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:14px;border-top:1px solid var(--line)}.monitor-command-grid button{min-height:39px}.monitor-device-foot{margin-top:12px;color:var(--muted);font-size:.75rem;flex-wrap:wrap}.monitor-command-log{display:grid;gap:8px}.monitor-command-log>div{display:grid;grid-template-columns:90px 150px minmax(120px,1fr) 2fr;gap:10px;align-items:center;padding:10px;border-radius:11px;background:rgba(255,255,255,.035)}.command-state{text-transform:uppercase;font-size:.68rem;padding:.27rem .45rem;border-radius:999px;text-align:center;background:rgba(255,255,255,.08)}.command-state.done{color:#8ef0b8;background:rgba(81,219,145,.13)}.command-state.failed,.command-state.expired{color:#ff9d9d;background:rgba(223,90,90,.14)}.command-state.queued{color:#ffd486;background:rgba(241,173,61,.14)}.monitor-command-log small{color:var(--muted)}
@media(max-width:1100px){.monitor-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-device-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-command-log>div{grid-template-columns:80px 120px 1fr}.monitor-command-log small{grid-column:1/-1}}
@media(max-width:650px){.monitor-summary-grid{grid-template-columns:1fr}.monitor-device-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.monitor-command-grid{grid-template-columns:1fr 1fr}.monitor-command-log>div{grid-template-columns:1fr 1fr}.monitor-command-log>div span:nth-child(3),.monitor-command-log small{grid-column:1/-1}.monitor-device-foot{display:grid}.monitor-shot{min-height:170px}.monitor-shot img{min-height:170px}}