@media (max-width: 900px){
  body{ background:#f5f6f8; }
  .topbar{ display:none; }
  .container{ max-width:none; width:100%; padding:8px 8px 16px; }
  .monitor-page{ padding: 0; }
  .monitor-hero{ background:#fff; border-radius:28px; padding:22px 18px 18px; box-shadow:0 10px 26px rgba(0,0,0,.05); margin-bottom:16px; }
  .monitor-title{ font-size:26px; font-weight:900; line-height:1.05; letter-spacing:-1px; }
  .monitor-now{ margin-top:14px; font-size:18px; color:#6b7280; font-weight:700; }
  .device-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .device-card{ border-radius:20px; padding:12px; }
  .device-name{ font-size:14px; font-weight:900; line-height:1.12; letter-spacing:-1px; min-height:0; margin-bottom:8px; word-break:keep-all; }
  .device-status{ font-size:13px; padding:8px 14px; margin-bottom:12px; }
  .device-metric-grid{ gap:6px; margin-top:8px; }
  .device-metric-box{ border-radius:14px; padding:10px 2px; }
  .metric-icon{ font-size:18px; margin-bottom:4px; }
  .metric-label{ font-size:12px; margin-bottom:4px; }
  .metric-value{ font-size:16px; }
  .quick-chip-row{ gap:8px; padding:0 0 12px; }
  .quick-chip{ padding:10px 14px; border-radius:16px; font-weight:800; }
  .group-chip-row{ gap:8px; padding:4px 0 12px; }
  .group-chip{ padding:9px 12px; }
  .command-log-panel{ border-radius:20px; padding:14px; }
}