.hba-shell .has-monitor{--has-ink:#000840;--has-muted:#626780;--has-line:#e2e4ee;color:var(--has-ink);container:monitor/inline-size}.has-monitor .has-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.has-monitor h1{letter-spacing:-.035em;margin:0;font:600 26px PublicSans_600SemiBold,system-ui,sans-serif}.has-monitor .has-heading p{color:var(--has-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.has-monitor .has-heading>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.has-monitor button{border:1px solid var(--has-line);min-height:44px;color:var(--has-ink);font:inherit;cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.has-monitor button:disabled{opacity:.5;cursor:not-allowed}.has-monitor :is(button,summary):focus-visible{outline-offset:3px;outline:2px solid #6d3de9}.has-monitor .has-overall{background:#f6f7fb;border:1px solid #e2e4ee;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.has-monitor .has-overall>div{align-items:center;gap:12px;display:flex}.has-monitor .has-overall strong{font-size:15px;font-weight:500;display:block}.has-monitor .has-overall span{margin-top:6px;font-size:12px;display:block}.has-monitor .has-overall.is-good{color:#246442;background:#f0f9f4;border-color:#d2e9da}.has-monitor .has-overall.is-bad{color:#a52626;background:#fff3f3;border-color:#efcece}.has-monitor .has-error{color:#a52626;margin-bottom:24px;font-size:13px;line-height:1.6}.has-monitor .has-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.has-monitor .has-metrics article{border:1px solid var(--has-line);background:#fff;border-radius:8px;min-width:0;padding:20px}.has-monitor .has-metrics span{min-height:40px;color:var(--has-muted);font-size:12px;line-height:20px;display:block}.has-monitor .has-metrics strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:26px;font-weight:500;line-height:1.2;display:block}.has-monitor .has-metrics .has-uptime{font-size:20px}.has-monitor .has-metrics small{color:var(--has-muted);margin-top:10px;font-size:11px;line-height:1.6;display:block}.has-monitor .has-panel{border:1px solid var(--has-line);background:#fff;border-radius:10px;min-width:0;margin-bottom:24px;padding:24px}.has-monitor h2{margin:0 0 20px;font-size:16px;font-weight:500}.has-monitor .has-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.has-monitor .has-title h2{margin:0}.has-monitor .has-title>span{color:var(--has-muted);font-size:11px}.has-monitor .has-services article{border-top:1px solid #eff0f5;align-items:center;gap:16px;padding:20px 0;display:flex}.has-monitor .has-services article>div{flex:1;min-width:0}.has-monitor .has-service-icon{height:36px;color:var(--has-muted);background:#f6f7fb;border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.has-monitor h3{margin:0;font-size:14px;font-weight:500}.has-monitor .has-services p{color:var(--has-muted);margin:6px 0 0;font-size:12px;line-height:1.6}.has-monitor .has-badge{text-align:center;overflow-wrap:anywhere;width:184px;min-height:44px;color:var(--has-muted);background:#f2f3f7;border-radius:5px;flex:0 0 184px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;line-height:18px;display:flex}.has-monitor .has-badge.is-good{color:#246442;background:#edf8f1}.has-monitor .has-badge.is-bad{color:#a52626;background:#fff1f1}.has-monitor .has-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.has-monitor dl{margin:0}.has-monitor dl>div{border-bottom:1px solid #eff0f5;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.has-monitor dl>div:last-child{border:0}.has-monitor dt{color:var(--has-muted);font-size:13px;line-height:1.5}.has-monitor dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:13px}.has-monitor .has-note,.has-monitor .has-limits p{color:var(--has-muted);font-size:12px;line-height:1.7}.has-monitor .has-capacity{flex-direction:column;gap:8px;margin-top:20px;display:flex}.has-monitor meter{accent-color:#6d3de9;width:100%;height:12px}.has-monitor .has-capacity span{color:var(--has-muted);font-size:12px}.has-monitor .has-chart{border-bottom:1px solid var(--has-line);align-items:flex-end;gap:4px;height:150px;padding-top:12px;display:flex}.has-monitor .has-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:0;max-width:24px;height:100%;display:flex}.has-monitor .has-chart>div>div{background:#c8b5f1;border-radius:3px 3px 0 0}.has-monitor .has-chart span{display:none}.has-monitor .has-limits summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.has-monitor .has-limits[open] summary{margin-bottom:20px}.has-monitor .has-table-scroll{overflow:auto}.has-monitor table{border-collapse:collapse;width:100%;font-size:12px}.has-monitor th{text-align:left;color:var(--has-muted);font-weight:500}.has-monitor :is(th,td){border-bottom:1px solid var(--has-line);font-variant-numeric:tabular-nums;padding:10px}@media (hover:hover) and (pointer:fine){.has-monitor button:hover:not(:disabled){background:#f8f5ff}}@container monitor (width<=850px){.has-monitor .has-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.has-monitor .has-grid{grid-template-columns:1fr;gap:0}}@container monitor (width<=500px){.has-monitor .has-panel,.has-monitor .has-overall{padding:16px}.has-monitor .has-services article{flex-wrap:wrap;gap:12px}.has-monitor .has-badge{max-width:calc(100% - 48px);margin-left:48px}.has-monitor .has-metrics{gap:12px}.has-monitor .has-metrics article{padding:16px}.has-monitor dd{max-width:50%}}