.reliability-panel{margin:24px 0;padding:24px;border:1px solid #d8e3ec;border-radius:16px;background:#fff;color:#18334c}
.reliability-heading,.reliability-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.reliability-heading h3,.reliability-heading h4{margin:0}.reliability-heading p{margin:6px 0;color:#5b7085}.reliability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.reliability-card{padding:18px;border:1px solid #dce6ed;border-radius:12px;background:#f7fafc}.reliability-reading{display:block;font-size:30px;margin:18px 0 10px}.reliability-reading small{font-size:14px;font-weight:500;color:#546a7b}.reliability-card progress{width:100%;height:9px;accent-color:#277bb0;border:none;border-radius:5px}.reliability-card p{font-size:13px;color:#5b7085;margin-bottom:0}.reliability-state{display:inline-block;white-space:nowrap;padding:4px 10px;font-size:12px;font-weight:700;border-radius:20px;background:#e8edf2;color:#526576}.reliability-state[data-level=healthy]{background:#e2f3eb;color:#176447}.reliability-state[data-level=warning]{background:#fff1d3;color:#895c00}.reliability-state[data-level=critical]{background:#fce4e2;color:#a33632}.reliability-backup{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #e2e9ef}.reliability-backup span,.reliability-backup strong,.reliability-backup small{display:block}.reliability-backup span{font-size:12px;color:#52697d}.reliability-backup strong{margin:7px 0;font-size:16px;overflow-wrap:anywhere}.reliability-backup small,.reliability-note{font-size:13px;line-height:1.6;color:#607488}.reliability-note{margin:18px 0 0}.reliability-notice{padding:12px 14px;margin:14px 0;background:#fff0d8;border-radius:8px}.reliability-dialog{width:min(1050px,calc(100vw - 32px));max-width:1050px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #d7e0e8;border-radius:18px;box-shadow:0 24px 80px #06182c55;color:#18334c}.reliability-dialog::backdrop{background:#071b2c99}.reliability-dialog-heading{padding:22px 26px;border-bottom:1px solid #dfe7ee;background:#f7fafc}.reliability-dialog-heading h2{margin:0;font-size:23px}.reliability-dialog-content{padding:24px 26px}.reliability-actions{display:flex;gap:8px;flex-shrink:0}.reliability-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.reliability-charts section{border:1px solid #dce6ef;border-radius:12px;padding:16px;min-width:0}.reliability-charts h3{font-size:15px;margin:0 0 14px}.reliability-charts svg{display:block;width:100%;height:auto;overflow:visible}.reliability-charts text{font-family:inherit;font-size:12px;fill:#5b7085}.reliability-chart-axis{fill:none;stroke:#d6e1e9;stroke-width:1}.reliability-chart-line{fill:none;stroke:#227db4;stroke-width:2.5;vector-effect:non-scaling-stroke}.reliability-chart-empty{display:flex;align-items:center;min-height:145px;line-height:1.6;color:#607488;font-size:14px}.reliability-check{border-bottom:1px solid #e1e8ef;padding:14px 0}.reliability-check>div{display:flex;gap:12px;align-items:center;justify-content:space-between}.reliability-check p{font-size:14px;line-height:1.6;margin:8px 0;color:#52697d}.reliability-check small{font-size:12px;color:#806300}.reliability-all-clear{color:#176447}.reliability-event{padding:14px 0;border-bottom:1px solid #e1e8ef}.reliability-event time{display:block;font-size:12px;color:#607488;margin-top:5px}.reliability-event p{font-size:14px;line-height:1.6}.reliability-dialog button{min-height:40px}.reliability-dialog button:focus-visible,.reliability-panel button:focus-visible{outline:3px solid #58a8e5;outline-offset:3px}
@media(max-width:760px){.reliability-panel{padding:18px}.reliability-grid,.reliability-backup,.reliability-charts{grid-template-columns:1fr}.reliability-heading{align-items:flex-start;flex-wrap:wrap}.reliability-backup{gap:18px}.reliability-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.reliability-dialog-heading,.reliability-dialog-content{padding:18px}.reliability-dialog-heading h2{font-size:19px}.reliability-dialog-heading button{flex-shrink:0}.reliability-actions{flex-wrap:wrap}.reliability-check>div{align-items:flex-start}.reliability-reading{font-size:28px}}
.reliability-dialog-heading{position:sticky;top:0;z-index:2}.reliability-state[data-level=pending]{background:#fff1d3;color:#895c00}