.system-monitor-view{display:grid;gap:20px;min-width:0}.monitor-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.monitor-header>div{min-width:0}.monitor-header h2{overflow-wrap:anywhere}.monitor-header p{margin-top:6px}.monitor-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.monitor-check{display:flex;flex-direction:column;gap:12px;min-width:0}.monitor-check-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.monitor-check-heading h3{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.monitor-check-heading .pill{flex-shrink:0;font-size:10px}.monitor-check>p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.monitor-check>.btn{align-self:flex-start;margin-top:auto}.monitor-pill{white-space:normal;text-align:center}.monitor-queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.monitor-queue-grid>article{padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.monitor-queue-grid dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 10px}.monitor-queue-grid dt{font-size:10px;color:var(--muted)}.monitor-queue-grid dd{font-size:22px;font-weight:650;color:var(--navy);margin:5px 0 0}.monitor-detail summary{cursor:pointer;font-size:14px;font-weight:650;min-height:30px;line-height:1.45}.monitor-backup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0;margin-top:8px}.monitor-backup-summary>div{display:grid;align-content:start;gap:5px}.monitor-backup-summary span,.monitor-backup-summary small{font-size:11px;color:var(--muted)}.monitor-backup-summary strong{font-size:15px;text-transform:capitalize}.monitor-backup-summary .monitor-date{font-size:13px;text-transform:none}.monitor-history{list-style:none;margin:12px 0;padding:0}.monitor-history>li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.monitor-history>li:last-child{border:0}.monitor-history>li>div{min-width:0}.monitor-history strong{font-size:13px;overflow-wrap:anywhere}.monitor-history small{display:block;font-size:11px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.monitor-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px}.monitor-storage{margin:16px 0;display:grid;gap:13px}.monitor-storage>div{display:flex;justify-content:space-between;gap:14px;font-size:12px}.monitor-storage dt{color:var(--muted)}.monitor-storage dd{margin:0;font-weight:650}.monitor-activity{list-style:none;padding:0;margin:12px 0 0}.monitor-activity li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.monitor-activity strong{font-weight:600}.monitor-activity span{font-size:11px;color:var(--muted);text-align:right}.monitor-detail .notice{font-size:12px;margin-top:16px}
@media(max-width:1050px){.monitor-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-check-heading{flex-wrap:wrap}}
@media(max-width:640px){.system-monitor-view{gap:14px}.monitor-header{align-items:flex-start;gap:10px}.monitor-header h2{font-size:17px}.monitor-header>.btn{padding:10px;font-size:12px;flex-shrink:0}.monitor-header>.btn .icon{display:none}.monitor-check-grid,.monitor-queue-grid,.monitor-lower-grid{grid-template-columns:minmax(0,1fr);gap:12px}.monitor-check-heading{flex-wrap:nowrap}.monitor-check{gap:10px}.monitor-queue-grid>article{padding:13px}.monitor-queue-grid dl{gap:7px}.monitor-queue-grid dd{font-size:21px}.monitor-backup-summary{grid-template-columns:minmax(0,1fr);gap:16px}.monitor-history>li{gap:10px;align-items:flex-start}.monitor-history>li>.btn{padding:8px;flex-shrink:0}.monitor-history .pill{font-size:10px}.monitor-activity li{display:grid;gap:4px}.monitor-activity span{text-align:left}.monitor-detail summary{font-size:13px}}