.monitor-heading .monitor-sound-control,.ops-header .monitor-sound-control{position:static;flex-shrink:0}@media (min-width:720px) and (max-width:1100px) and (min-height:720px){.ops-standalone{height:100dvh;min-height:0;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto minmax(180px,1.1fr) minmax(180px,1fr) auto;gap:10px;align-content:stretch}.ops-standalone .ops-header{margin:0;gap:12px}.ops-standalone .ops-header h1{font-size:24px;letter-spacing:0;margin:0}.ops-standalone .ops-header p{font-size:11px;margin:2px 0}.ops-standalone .ops-header .actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.ops-standalone .ops-toolbar{margin:0;padding:0;gap:8px;flex-wrap:nowrap}.ops-standalone .ops-controls{gap:8px;flex:1}.ops-standalone .ops-controls .search-select{width:180px}.ops-standalone .ops-controls>label:last-of-type .search-select{width:130px}.ops-standalone .date-control.with-time{width:212px}.ops-standalone .ops-actions{padding-top:22px}.ops-standalone .ops-controls>button{margin-top:22px}.ops-standalone .ops-controls label{font-size:11px;gap:5px}.ops-standalone .ops-controls input,.ops-standalone .search-select-trigger{font-size:12px;height:34px}.ops-standalone .ops-toolbar button{font-size:12px}.ops-standalone .ops-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.ops-standalone .ops-card{padding:9px 10px;border-radius:8px}.ops-standalone .ops-card>span{font-size:12px;gap:3px}.ops-standalone .ops-card strong{font-size:clamp(20px,2.8vw,30px);margin:5px 0;gap:5px;overflow-wrap:anywhere}.ops-standalone .ops-card small{font-size:10px}.ops-standalone .ops-card p{font-size:10px;line-height:1.3}.ops-standalone>.ops-panel{margin:0;padding:12px;min-height:0;display:flex;flex-direction:column}.ops-standalone>.ops-send-panel{grid-column:1/-1}.ops-standalone>section[aria-label]:not(.ops-panel){position:fixed;z-index:100}.ops-standalone .ops-panel-heading{gap:5px;flex-shrink:0}.ops-standalone .ops-panel-heading h2{font-size:15px;margin:0 0 3px}.ops-standalone .ops-panel-heading p,.ops-standalone .ops-panel-heading>span{font-size:10px}.ops-standalone .ops-bars,.ops-standalone .ops-chart{height:auto;flex:1;min-height:0;margin-top:4px}.ops-standalone .recharts-legend-wrapper{font-size:11px}.ops-standalone .ops-selection{font-size:11px;padding:5px 8px;gap:10px;flex-shrink:0}.ops-standalone .ops-footnote{font-size:10px;line-height:1.3;gap:4px 12px}.server-monitor-standalone{height:100dvh;min-height:0;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:auto}.server-monitor-standalone .monitor-heading{margin:0;flex-shrink:0}.server-monitor-standalone h1{font-size:24px;margin:0}.server-monitor-standalone .monitor-meta{margin:0;font-size:11px;flex-shrink:0}.server-monitor-standalone .monitor-resources{margin:0;gap:8px;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr))}.server-monitor-standalone .panel{padding:12px;margin:0;min-width:0}.server-monitor-standalone .monitor-resource-card strong{font-size:25px;margin:5px 0}.server-monitor-standalone .monitor-resource-card small{margin-top:4px;font-size:11px}.server-monitor-standalone .monitor-resource-card>div{font-size:12px}.server-monitor-standalone h2{font-size:15px;margin:0 0 5px}.server-monitor-standalone .monitor-network{flex:1 1 160px;min-height:145px;display:flex;flex-direction:column}.server-monitor-standalone .monitor-network>svg{flex:1;height:0;min-height:65px}.server-monitor-standalone .monitor-network small{font-size:10px}.server-monitor-standalone .monitor-number-chart{flex:1.5 1 255px;min-height:230px;display:flex;flex-direction:column}.server-monitor-standalone .monitor-number-chart>.h-64{flex:1;min-height:95px;height:0;margin-top:4px}.server-monitor-standalone .monitor-number-chart p{font-size:10px;line-height:1.3;margin-top:5px}.server-monitor-standalone .monitor-number-chart .text-sm{font-size:12px}.server-monitor-standalone .monitor-channel-switch{flex-wrap:nowrap;overflow-x:auto;max-height:40px;flex-shrink:0;margin-top:4px}.server-monitor-standalone .monitor-channel-switch button{flex-shrink:0;font-size:11px;padding:4px 9px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-monitor-standalone .monitor-database{flex:1 1 205px;min-height:185px;display:flex;flex-direction:column;overflow:hidden}.server-monitor-standalone .monitor-database>p{font-size:11px;line-height:1.3;margin-bottom:4px;flex-shrink:0}.server-monitor-standalone .monitor-database>.hint{padding:5px 8px;font-size:10px}.server-monitor-standalone .monitor-database>.overflow-x-auto{min-height:0;max-height:none;overflow:auto;flex:1}.server-monitor-standalone .monitor-database td,.server-monitor-standalone .monitor-database th{padding:6px!important;font-size:11px}.server-monitor-standalone .monitor-database .empty{padding:12px!important}}@media (min-width:720px) and (max-width:850px) and (min-height:720px){.ops-standalone .ops-controls .search-select{width:150px}.ops-standalone .date-control.with-time{width:190px}.ops-standalone .ops-controls>label:last-of-type .search-select{width:110px}.ops-standalone .ops-toolbar button{padding-left:8px;padding-right:8px}}.monitor-sound-control{position:fixed;left:14px;bottom:12px;z-index:60;display:flex;align-items:center;gap:6px;border:1px solid #dbe2ed;border-radius:7px;background:#ffffffed;color:#65748a;padding:6px 9px;font-size:11px;box-shadow:0 2px 8px #14243d0b;cursor:pointer}.monitor-sound-control:hover{border-color:#7598c9;color:#2563eb}.monitor-alarm{position:fixed;z-index:150;background:linear-gradient(125deg,#360a13,#701223 55%,#320a14);border:1px solid #ff6a79;border-radius:13px;color:#fff5f5;box-shadow:0 0 0 5px #ec294418,0 0 48px #e7214538,0 16px 56px #14020b66;overflow:hidden;animation:monitor-alert-glow 3s ease-in-out infinite;max-width:calc(100vw - 24px)}.monitor-alarm-center{left:50%;top:50%;transform:translate(-50%,-50%);width:720px}.monitor-alarm-corner{right:20px;bottom:20px;width:420px}.monitor-alarm-edge{height:5px;background:repeating-linear-gradient(135deg,#fa405b,#fa405b 15px,#701223 0,#701223 30px)}.monitor-alarm-top{display:flex;align-items:center;gap:12px;padding:20px 24px 14px;color:#ffbdc4;font-size:18px;letter-spacing:2px}.monitor-alarm-count{margin-left:auto;padding:2px 10px;border:1px solid #f45b6e;border-radius:5px;font-size:13px}.monitor-alarm-lines{padding:0 24px;max-height:45dvh;overflow:auto}.monitor-alarm-line{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid #ff89952b;font-size:17px;line-height:1.55;overflow-wrap:anywhere}.monitor-alarm-line svg{flex-shrink:0;margin-top:4px;color:#ff778a}.monitor-alarm-center .monitor-alarm-line{font-size:21px}.monitor-alarm-bottom{display:flex;align-items:center;gap:16px;padding:16px 24px 20px;font-size:11px;color:#f3b2be}.monitor-alarm-bottom span{flex:1}.monitor-alarm-bottom button{border:1px solid #ff9ba8;background:#a92139;color:white;border-radius:5px;padding:7px 10px;font-size:12px;white-space:nowrap;cursor:pointer}.monitor-channel-switch{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:10px 0 5px}.monitor-channel-switch button{max-width:180px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dce4ef;border-radius:6px;background:white;color:#566580;font-size:12px;padding:6px 12px;cursor:pointer}.monitor-channel-switch button.selected{background:#e8f1ff;border-color:#80a9e6;color:#195dc2}.monitor-number-chart{min-width:0}.panel.monitor-resource-danger{background:rgba(103,12,27,.8);border-color:#de697b;color:#fff4f5;box-shadow:0 0 0 2px #b51d3420}.monitor-resource-danger .muted,.monitor-resource-danger .text-blue-600,.monitor-resource-danger .text-emerald-600,.monitor-resource-danger .text-slate-500{color:#ffdbdf}.monitor-resource-danger progress{accent-color:#ff8d9f}.monitor-resource-danger svg polyline{stroke:#ffc8d1}@keyframes monitor-alert-glow{50%{box-shadow:0 0 0 5px #ec294430,0 0 60px #e7214550,0 16px 56px #14020b66}}@media(prefers-reduced-motion:reduce){.monitor-alarm{animation:none}}@media(max-width:640px){.monitor-alarm-corner{bottom:16px;right:12px}.monitor-alarm-bottom,.monitor-alarm-top{padding:14px 16px}.monitor-alarm-lines{padding:0 16px}.monitor-alarm-center .monitor-alarm-line{font-size:17px}.monitor-alarm-bottom{flex-wrap:wrap}}