.val-reliability-center{display:grid;gap:16px;color:var(--text,#f4ead2)}
.val-rel-loading,.val-rel-empty{padding:24px;border:1px dashed rgba(255,223,143,.2);border-radius:18px;color:var(--text2,#b9ad94);text-align:center}
.val-rel-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px;border:1px solid rgba(255,212,100,.2);border-radius:22px;background:radial-gradient(circle at 8% 0,rgba(255,197,65,.14),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.03),rgba(0,0,0,.15));position:relative;overflow:hidden}
.val-rel-hero:after{content:"";position:absolute;right:-44px;bottom:-75px;width:190px;height:190px;border:1px solid rgba(255,219,124,.09);border-radius:50%;box-shadow:0 0 0 24px rgba(255,219,124,.025),0 0 0 52px rgba(255,219,124,.015)}
.val-rel-hero h3{margin:4px 0 7px!important;color:var(--gold3,#ffe7a1)!important;font-size:20px!important}.val-rel-hero p{margin:0;max-width:720px;color:var(--text2,#b9ad94);font-size:13px;line-height:1.55}.val-rel-kicker{font-size:9px;letter-spacing:.18em;color:#c8a44d;font-weight:900}
.val-rel-score{position:relative;z-index:1;min-width:92px;text-align:center;border:1px solid rgba(255,219,124,.2);border-radius:19px;padding:13px;background:rgba(0,0,0,.24)}.val-rel-score strong{display:block;color:#ffe8a3;font-size:30px;line-height:1}.val-rel-score small{display:block;margin-top:6px;color:#a99565;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.val-rel-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:0 2px}.val-rel-toolbar>span{margin-right:auto;color:var(--text3,#81755e);font-size:11px}.val-rel-toolbar button,.val-rel-action,.val-rel-backup-controls button,.val-rel-backup-actions button,.val-rel-survival-controls button{border:1px solid rgba(255,216,112,.24);border-radius:11px;background:rgba(255,208,75,.075);color:#f6d778;padding:9px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.val-rel-toolbar button:hover,.val-rel-action:hover,.val-rel-backup-controls button:hover,.val-rel-backup-actions button:hover,.val-rel-survival-controls button:hover{border-color:rgba(255,216,112,.52);transform:translateY(-1px)}.val-rel-toolbar button:disabled,.val-rel-action:disabled,.val-rel-backup-controls button:disabled,.val-rel-backup-actions button:disabled,.val-rel-survival-controls button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.val-rel-notice{padding:12px 14px;border:1px solid rgba(222,175,68,.28);border-radius:14px;background:rgba(222,175,68,.07);color:#f2cf75;font-size:12px}.val-rel-notice.good{border-color:rgba(80,205,137,.3);background:rgba(80,205,137,.07);color:#9fe2ba}.val-rel-notice.warn{color:#f1c96c}.val-rel-notice.danger{border-color:rgba(235,88,88,.32);background:rgba(235,88,88,.08);color:#ffaaaa}
.val-rel-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.val-rel-check{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(0,0,0,.14)}.val-rel-check-light{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#c6a54e;box-shadow:0 0 12px rgba(198,165,78,.5)}.val-rel-check.pass .val-rel-check-light{background:#55cf8d;box-shadow:0 0 12px rgba(85,207,141,.55)}.val-rel-check.fail .val-rel-check-light{background:#ed6666;box-shadow:0 0 12px rgba(237,102,102,.6)}.val-rel-check strong{display:block;color:#eadcbf;font-size:12px}.val-rel-check small{display:block;margin-top:3px;color:var(--text3,#8e826a);font-size:10px;line-height:1.4}.val-rel-check b{color:#ab9769;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.val-rel-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.val-rel-panel{min-width:0;padding:16px;border:1px solid rgba(255,223,143,.13);border-radius:19px;background:rgba(0,0,0,.15)}.val-rel-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.val-rel-panel h4{margin:0!important;color:#f1dfb4!important;font-size:14px!important}.val-rel-panel header p{margin:4px 0 0;color:var(--text3,#81755e);font-size:10px;line-height:1.45}
.val-rel-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid rgba(235,194,91,.25);border-radius:999px;padding:5px 8px;color:#e2bf65;background:rgba(226,191,101,.07);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.val-rel-pill.good{color:#90dfb1;border-color:rgba(80,205,137,.28);background:rgba(80,205,137,.07)}.val-rel-pill.warn{color:#edc669}.val-rel-pill.danger{color:#ff9d9d;border-color:rgba(235,88,88,.3);background:rgba(235,88,88,.08)}
.val-rel-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.val-rel-stat-grid>div{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.018)}.val-rel-stat-grid span,.val-rel-mini-list span{display:block;color:var(--text3,#81755e);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.val-rel-stat-grid strong{display:block;margin-top:4px;color:#f3d987;font-size:15px}.val-rel-stat-grid small{display:block;margin-top:2px;color:#867b65;font-size:9px}
.val-rel-chart{display:flex;align-items:end;gap:3px;height:70px;margin:14px 0 8px;padding:9px 8px 0;border-left:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.val-rel-chart i{display:block;flex:1;min-width:3px;max-width:18px;border-radius:3px 3px 0 0;background:linear-gradient(to top,rgba(193,147,44,.35),rgba(255,219,111,.8))}.val-rel-chart i.error{background:linear-gradient(to top,rgba(173,45,45,.45),rgba(255,112,112,.9))}.val-rel-chart span{margin:auto;color:#7f745e;font-size:10px}
.val-rel-routes{display:grid;gap:4px;max-height:150px;overflow:auto}.val-rel-routes>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.val-rel-routes code{overflow:hidden;text-overflow:ellipsis;color:#cdb774;font-size:9px}.val-rel-routes span{white-space:nowrap;color:#857a64;font-size:9px}
.val-rel-meter{height:6px;margin:14px 0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.05)}.val-rel-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#86702f,#efd170)}.val-rel-mini-list{display:grid;gap:7px}.val-rel-mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.val-rel-mini-list strong{color:#cfc09f;font-size:10px;text-align:right}
.val-rel-backup-controls{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.015)}.val-rel-backup-controls label{color:#cfc2a8;font-size:11px}.val-rel-backup-controls label small{display:block;margin:3px 0 0 20px;color:#776d59}.val-rel-backup-controls>span{color:#82765e;font-size:9px}.val-rel-backup-list{display:grid;gap:8px;margin-top:10px;max-height:360px;overflow:auto}.val-rel-backup{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(0,0,0,.13)}.val-rel-backup-main{min-width:0}.val-rel-backup-main strong{display:block;color:#e6d6af;font-size:11px}.val-rel-backup-main small,.val-rel-backup-main code{display:block;margin-top:3px;color:#81755f;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.val-rel-backup-actions{display:flex;gap:5px}.val-rel-backup-actions button{padding:7px 8px;font-size:9px}.val-rel-backup-actions button.danger,.val-rel-survival-controls button.danger{border-color:rgba(235,88,88,.32);background:rgba(235,88,88,.08);color:#ffa7a7}
.val-rel-action{width:100%;margin-top:12px}.val-rel-anomalies{display:grid;gap:7px}.val-rel-anomalies>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px}.val-rel-anomalies strong{font-size:10px;color:#d5c6a4}.val-rel-anomalies span{color:#f0c96f;font-weight:800}.val-rel-anomalies small{grid-column:1/-1;color:#817660;font-size:9px}.val-rel-anomalies>div.critical{border-color:rgba(235,88,88,.25)}
.val-rel-survival{border-color:rgba(237,180,70,.19);background:radial-gradient(circle at 100% 0,rgba(233,178,59,.09),transparent 44%),rgba(0,0,0,.16)}.val-rel-survival.active{border-color:rgba(235,88,88,.36);box-shadow:inset 0 0 40px rgba(235,88,88,.035)}.val-rel-survival-reason{padding:11px;margin-bottom:10px;border-radius:12px;background:rgba(235,88,88,.07);color:#f1b1a7;font-size:11px}.val-rel-survival-reason small{color:#a98279}.val-rel-survival-controls{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px}.val-rel-survival-controls input{min-width:0;border:1px solid rgba(255,223,143,.16);border-radius:11px;background:rgba(0,0,0,.23);color:inherit;padding:9px 10px;font:inherit;font-size:10px}
.val-rel-tests,.val-rel-events{display:grid;gap:6px;max-height:300px;overflow:auto}.val-rel-test-row{padding:9px;border-bottom:1px solid rgba(255,255,255,.045)}.val-rel-test-row>strong{margin-left:8px;color:#d3c3a0;font-size:10px}.val-rel-test-row>small{float:right;color:#7f745e;font-size:9px}.val-rel-test-row>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.val-rel-test-row em{font-style:normal;border-radius:999px;padding:3px 6px;background:rgba(255,255,255,.035);color:#aa9e85;font-size:8px}.val-rel-test-row em.good{color:#8edbac}.val-rel-test-row em.danger{color:#ff9c9c}.val-rel-event{display:grid;grid-template-columns:105px 1fr auto;gap:7px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045)}.val-rel-event time{color:#766c59;font-size:8px}.val-rel-event strong{color:#c9b994;font-size:9px}.val-rel-event>span{font-size:8px;text-transform:uppercase;color:#d1aa4d}.val-rel-event>span.critical{color:#ff9191}.val-rel-event small{grid-column:2/4;color:#796e5a;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.val-rel-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.val-rel-grid{grid-template-columns:1fr}.val-rel-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.val-rel-backup-controls,.val-rel-survival-controls{grid-template-columns:1fr}.val-rel-backup{grid-template-columns:1fr auto}.val-rel-backup-actions{grid-column:1/-1}}
