:root{color:#172b4d;font-synthesis:none;text-rendering:optimizelegibility;--page-bg:#f7f8fa;--surface:#fff;--surface-muted:#f4f5f7;--border:#dfe1e6;--border-strong:#c1c7d0;--text:#172b4d;--muted:#5e6c84;--subtle:#7a869a;--blue:#0052cc;--blue-hover:#0747a6;--green:#00875a;--green-bg:#e3fcef;--yellow:#ff991f;--yellow-bg:#fff0b3;--red:#de350b;--red-bg:#ffebe6;--focus:#0052cc3d;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #fff 0, var(--page-bg) 280px), var(--page-bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--blue)}a:hover{color:var(--blue-hover)}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 32px}.site-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:var(--subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}h1,h2,h3,h4,p{margin:0}h1{color:#091e42;font-size:clamp(1.7rem,4vw,2.55rem);font-weight:700;line-height:1.08}.intro{max-width:560px;color:var(--muted);margin-top:8px;font-size:.98rem;line-height:1.4}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.env-badge{border:1px solid var(--border);background:var(--surface);min-height:39px;color:var(--text);border-radius:8px;align-items:center;padding:8px 14px;font-size:.86rem;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #091e4214}.refresh-button,.report-button,.details-toggle{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:6px;font-weight:700;transition:background .16s,border-color .16s,color .16s}.refresh-button{align-items:center;gap:8px;min-height:39px;padding:8px 14px;display:inline-flex}.report-widget{position:relative}.report-button{border-color:var(--blue);background:var(--blue);color:#fff;align-items:center;gap:8px;min-height:39px;padding:8px 14px;display:inline-flex}.report-button:hover,.report-button[aria-expanded=true]{border-color:var(--blue-hover);background:var(--blue-hover)}.report-panel{z-index:10;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:min(380px,100vw - 32px);padding:18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 36px #091e4238}.report-panel:before{content:"";border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);width:10px;height:10px;position:absolute;top:-6px;right:24px;transform:rotate(45deg)}.report-panel-header{justify-content:space-between;gap:16px;display:flex}.report-panel-header h2{color:#091e42;font-size:1.12rem}.report-panel-header p{color:var(--muted);margin-top:4px;font-size:.86rem;line-height:1.4}.report-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:0 0 30px;font-size:1.5rem;line-height:1}.report-close:hover{background:var(--surface-muted);color:var(--text)}.report-form{gap:14px;margin-top:18px;display:grid}.report-form label{color:var(--text);gap:6px;font-size:.86rem;font-weight:700;display:grid}.report-form input,.report-form textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:9px 10px}.report-form textarea{resize:vertical}.report-recipient{overflow-wrap:anywhere;color:var(--muted);font-size:.8rem}.report-submit{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:6px;min-height:40px;padding:8px 14px;font-weight:700}.report-submit:hover{border-color:var(--blue-hover);background:var(--blue-hover)}.refresh-button:hover:not(:disabled),.details-toggle:hover{border-color:var(--blue);color:var(--blue)}.refresh-button:focus-visible,.report-button:focus-visible,.report-close:focus-visible,.report-submit:focus-visible,.details-toggle:focus-visible,.report-form input:focus-visible,.report-form textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.spin{animation:.85s linear infinite spin;display:inline-block}.status-banner{border:1px solid var(--border);background:var(--surface);border-left-width:6px;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;padding:15px 18px;display:flex;box-shadow:0 8px 20px #091e4214}.status-banner.operational{border-left-color:var(--green)}.status-banner.degraded,.status-banner.checking{border-left-color:var(--yellow)}.status-banner.outage{border-left-color:var(--red)}.banner-copy{align-items:flex-start;gap:14px;display:flex}.banner-copy h2{color:#091e42;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700}.banner-copy p{color:var(--muted);margin-top:4px;line-height:1.35}.banner-meta{color:var(--muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;font-size:.88rem;display:flex}.banner-meta span:first-child{background:var(--surface-muted);width:fit-content;color:var(--text);border-radius:999px;padding:4px 10px;font-weight:800}.controls-row{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.controls-row>div{flex-direction:column;gap:4px;display:flex}.controls-row strong{color:var(--text)}.refresh-interval{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:.92rem;display:inline-flex}.refresh-interval select{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text);border-radius:6px;padding:7px 34px 7px 10px}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.service-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #091e4214}.service-card.operational{border-left:5px solid var(--green)}.service-card.degraded,.service-card.checking{border-left:5px solid var(--yellow)}.service-card.outage{border-left:5px solid var(--red)}.service-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px 16px 10px;display:grid}.service-heading{align-items:flex-start;gap:10px;min-width:0;display:flex}.service-heading h3{color:#091e42;font-size:1rem;font-weight:700;line-height:1.3}.service-heading p{color:var(--muted);margin-top:3px;font-size:.9rem;line-height:1.35}.service-status{min-width:108px;color:var(--subtle);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;font-size:.78rem;display:flex}.service-status strong{color:var(--text);font-size:.86rem}.service-capabilities{flex-wrap:wrap;gap:6px;padding:0 16px 10px 39px;display:flex}.service-capabilities span{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:600;line-height:1.2}.service-impact{background:var(--red-bg);color:var(--red);border-radius:6px;margin:0 16px 10px 39px;padding:8px 10px;font-size:.82rem;font-weight:700}.details-toggle{justify-content:space-between;align-items:center;width:calc(100% - 32px);margin:0 16px 14px;padding:8px 10px;font-size:.88rem;display:flex}.service-details{border-top:1px solid var(--border);background:#fafbfc;gap:18px;padding:18px 22px 20px;display:grid}.endpoint-list{gap:10px;display:grid}.endpoint-list h4{color:#091e42;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:800}.endpoint-group{border:1px solid var(--border);background:var(--surface);border-radius:8px}.endpoint-group-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.mini-status{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.mini-status.operational{background:var(--green-bg);color:var(--green)}.mini-status.degraded,.mini-status.checking{background:var(--yellow-bg);color:#7a4c00}.mini-status.outage{background:var(--red-bg);color:var(--red)}.endpoint-urls{display:grid}.endpoint-url-row{border-top:1px solid #f1f2f4;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:9px;padding:9px 12px;display:grid}.endpoint-url-row:first-child{border-top:0}.endpoint-link{gap:2px;min-width:0;display:grid}.endpoint-name{color:var(--text);font-size:.88rem;font-weight:650}.endpoint-link a{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88rem;text-decoration:none;overflow:hidden}.endpoint-link a:hover{text-decoration:underline}.endpoint-error{color:var(--red);grid-column:2;font-size:.78rem;line-height:1.35}.endpoint-count{color:var(--subtle);font-size:.84rem}.site-footer{text-align:right;margin-top:20px;font-size:.84rem}.site-footer a,.back-link{color:var(--muted);text-decoration:none}.site-footer a:hover,.back-link:hover{color:var(--blue);text-decoration:underline}.back-link{margin-bottom:10px;font-size:.88rem;display:inline-block}.advanced-metrics{margin-top:24px}.metric-list{gap:12px;display:grid}.certificate-flagged{border:1px solid var(--border);border-radius:8px;margin:0 16px 10px 39px}.certificate-expiry{color:var(--muted);font-size:.78rem;line-height:1.35}.certificate-expiry.attention{color:var(--red)}.status-dot{background:var(--yellow);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:5px}.status-dot.operational{background:var(--green)}.status-dot.degraded,.status-dot.checking{background:var(--yellow)}.status-dot.outage{background:var(--red)}.banner-copy>.status-dot{flex-basis:16px;width:16px;height:16px;margin-top:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.page-shell{width:min(100% - 24px,1120px);padding-top:24px}.site-header,.status-banner,.controls-row{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.env-badge,.refresh-button,.report-button,.report-widget{width:100%}.env-badge,.refresh-button,.report-button{justify-content:center}.report-panel{left:0;right:auto}.report-panel:before{left:24px;right:auto}.banner-meta,.service-status{text-align:left;align-items:flex-start}.service-main,.service-list{grid-template-columns:1fr}.service-capabilities,.service-impact{margin-left:0;padding-left:16px}.refresh-interval{justify-content:space-between}}