.monitor-demo,.monitor-solution{max-width:860px;margin-top:24px;min-width:0}.monitor-view{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.monitor-view button{min-height:44px;padding:10px 16px;border:1px solid #737e90;border-radius:6px;background:white;font-size:13px;line-height:1.7}.monitor-view button[aria-pressed=true]{color:white;background:#2558ed;border-color:#2558ed}.monitor-preview{padding:24px;background:#eef1f7;border:1px solid #cbd4e4;border-radius:12px;min-width:0}.monitor-preview p.monitor-kicker{font:9px/1.8 monospace;letter-spacing:.1em;color:#536174}.monitor-preview h3{font-size:26px;font-weight:500;margin:8px 0 22px}.monitor-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.monitor-cards>section{padding:20px;background:white;border:1px solid #cbd4e4;border-radius:10px}.monitor-card-title,.monitor-compact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.monitor-card-title p,.monitor-compact-head>div>span{font-size:11px;line-height:1.8;color:#536174}.monitor-card-title h4{font-size:20px;font-weight:500;line-height:1.5;margin-top:4px}.monitor-status{display:inline-block;flex-shrink:0;font-size:11px;font-weight:500;line-height:1.8;border:1px solid #ccd4df;border-radius:5px;padding:3px 8px;background:#edf0f5;color:#3f4e61}.monitor-status.needs-attention{color:#79500d;background:#fff2d6;border-color:#d3ad60}.monitor-cards dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #d5ddea;padding-top:18px;margin-top:18px}.monitor-cards dt{font-size:11px;color:#536174;line-height:1.8}.monitor-cards dd{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.6;margin-top:6px}.monitor-cards dl>div:last-child dd{font-size:18px}.monitor-demo .monitor-demo-note,.monitor-preview .monitor-scroll-hint,.monitor-solution .monitor-demo-note{font-size:12px;line-height:1.8;color:#536174;margin-top:16px}.monitor-table-scroll{overflow-x:auto;max-width:100%;min-width:0;margin-top:18px;border:1px solid #bac5d8;border-radius:8px;background:white;scroll-margin-top:110px}.monitor-table-scroll table{min-width:620px;width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:1.8}.monitor-table-scroll caption{text-align:left;font-size:12px;color:#536174;padding:16px}.monitor-table-scroll :is(th,td){text-align:left;padding:14px 16px;border-bottom:1px solid #d5ddea;vertical-align:middle}.monitor-table-scroll thead th{background:#e7edf8;font-weight:500;font-size:12px}.monitor-table-scroll thead th:first-child{position:sticky;left:0;z-index:2;border-right:1px solid #d5ddea}.monitor-table-scroll tbody th{position:sticky;left:0;z-index:1;min-width:155px;background:white;border-right:1px solid #d5ddea;font-weight:500}.monitor-table-scroll tbody th>span{display:block;font-size:10px;color:#536174;font-weight:400}.monitor-table-scroll .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-solution{border:1px solid #cbd4e4;border-radius:10px;padding:24px;background:#f2f4f8}.monitor-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.monitor-settings>div{min-width:0}.monitor-settings label{display:block;font-size:12px;font-weight:500;line-height:1.8;margin-bottom:8px}.monitor-settings select{width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #737e90;border-radius:6px;padding:10px 8px;font-size:13px;line-height:1.6;color:#253147;background:white}.monitor-solution h3{scroll-margin-top:110px;font-size:24px;line-height:1.4;margin-top:26px}.monitor-solution p.monitor-result-count{font-size:12px;line-height:1.8;color:#536174;margin-top:10px}.monitor-compact-list{list-style:none;padding:0;margin:20px 0 0;border:1px solid #cbd4e4;border-radius:8px;overflow:hidden;background:white}.monitor-compact-list li{padding:20px}.monitor-compact-list li+li{border-top:1px solid #d5ddea}.monitor-compact-head>div{min-width:0;overflow-wrap:anywhere}.monitor-compact-head h4{font-size:17px;font-weight:500;line-height:1.5;margin-top:4px}.monitor-compact-list dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.monitor-compact-list dt{font-size:11px;color:#536174;line-height:1.8}.monitor-compact-list dd{font-size:17px;font-weight:500;line-height:1.7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.monitor-compact-list dl>div:last-child{text-align:right}.monitor-compact-list details{margin-top:12px}.monitor-compact-list summary{cursor:pointer;font-size:11px;line-height:1.8;min-height:44px;padding:12px 0;color:#254ab5;overflow-wrap:anywhere}.monitor-compact-list details>p{font-size:12px;line-height:1.8;color:#536174}.monitor-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}.monitor-pagination button{min-height:44px;padding:10px 12px;border:1px solid #737e90;border-radius:6px;font-size:12px;background:white}.monitor-pagination button:disabled{background:#e5e9ef;color:#637084;border-color:#b9c3d2}.monitor-pagination>span{font-size:12px;color:#536174}.monitor-demo :is(button,select):focus-visible,.monitor-solution :is(button,select,summary,h3):focus-visible,.monitor-table-scroll:focus-visible{outline:3px solid #2558ed;outline-offset:3px}@media(max-width:640px){.monitor-preview,.monitor-solution{padding:18px}.monitor-cards{grid-template-columns:1fr;gap:14px}.monitor-view button{font-size:12px;padding:10px 14px}.monitor-cards>section{padding:18px}.monitor-settings{grid-template-columns:1fr;gap:18px}.monitor-settings select{font-size:12px}.monitor-compact-list li{padding:16px}.monitor-compact-head{gap:8px}.monitor-compact-head h4{font-size:16px}.monitor-compact-head>div>span{font-size:10px}.monitor-status{font-size:10px;padding:3px 6px}.monitor-compact-list dd{font-size:15px}.monitor-pagination button{font-size:11px}.monitor-table-scroll{scroll-margin-top:90px}}