.service-visual.backup-visual,.service-visual.recovery-visual{width:90%;border:1px solid #315167;border-radius:15px;background:linear-gradient(140deg,#0d2b41,#071f33);box-shadow:0 20px 45px #0002}
.ct-head{display:flex;gap:12px;align-items:start;justify-content:space-between;padding:23px 23px 17px}.ct-head div>span{display:block;color:#64c2df;letter-spacing:1px;font-size:8px;font-weight:700;margin-bottom:9px}.ct-head strong{display:block;font-size:18px;font-weight:600;color:#eaf4fb;line-height:1.4}.ct-head>small{white-space:nowrap;font-size:9px;color:#98b6c8;border:1px solid #35566c;padding:5px 8px;border-radius:20px}
.bv-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:13px 23px 0}.bv-sources>div{display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 4px;border:1px solid #315167;border-radius:9px;background:#113348}.bv-sources svg{width:29px;height:29px;fill:none;stroke:#83bfd9;stroke-width:1.4}.bv-sources span{font-size:10px;color:#bdd5e4}
.bv-transfer{height:42px;position:relative;text-align:center;color:#59bcd7;line-height:42px}.bv-transfer i{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#426c7d55}.bv-transfer>span{position:relative;padding:0 7px;background:#0c293d;font-size:20px}.bv-vault{margin:0 23px;display:flex;gap:12px;align-items:center;border:1px solid #36675f;border-radius:8px;background:#123b3d;padding:15px}.bv-check{color:#81d3b3;font-size:23px}.bv-vault strong{display:block;color:#d9f2e8;font-size:13px;font-weight:600}.bv-vault div>span{display:block;color:#97c1b6;font-size:9px;margin-top:5px}
.bv-history{padding:20px 23px 0}.bv-history-head{display:flex;justify-content:space-between;color:#aac3d3;font-size:10px;padding-bottom:12px}.bv-history-head strong{font-weight:500}.bv-history-row{display:flex;align-items:center;gap:10px;border-top:1px solid #29485c;padding:13px 0}.bv-history-dot{width:5px;height:5px;background:#55c5b1;border-radius:50%;flex-shrink:0}.bv-history-row strong{display:block;color:#d7e9f3;font-size:11px;font-weight:500}.bv-history-row small{display:block;color:#89a6ba;font-size:9px;margin-top:4px}.bv-complete{margin-left:auto;color:#72c9ad;font-size:9px}.bv-history-row button,.rv-actions button{border:1px solid #3b5d73;border-radius:6px;background:#15374d;color:#cfe4f2;padding:8px 10px;font:500 10px/1.4 Arial,sans-serif;cursor:pointer}.bv-history-row button:disabled{opacity:.5;cursor:default}.bv-history-row button:focus-visible,.rv-actions button:focus-visible{outline:2px solid #64c2df;outline-offset:3px}.bv-feedback{border-top:1px solid #29485c;margin:5px 0 0;padding:13px 23px;font-size:10px;line-height:1.6;color:#9ebace;min-height:50px}
.rv-map svg{display:block;width:100%;height:auto;fill:none;stroke:none;font-family:Arial,sans-serif}.rv-center>rect:first-child{fill:#113248;stroke:#3c657c}.rv-rack{fill:#0a2437;stroke:#41677e}.rv-led{fill:#5bc8bb}.rv-slots{stroke:#3e6179;stroke-width:3}.rv-label{fill:#dfedf7;font-size:14px;font-weight:600;text-anchor:middle}.rv-small{fill:#94b7cc;font-size:9px;text-anchor:middle;letter-spacing:.6px}.rv-repl{stroke:#3781a0;stroke-width:2;opacity:.4}.rv-repl-flow{stroke:#62c8e5;stroke-width:2;stroke-dasharray:7 33;animation:rv-replicate 4s linear infinite}.rv-route{fill:none;stroke-width:2;stroke-linecap:round}.rv-primary{stroke:#58c8b7;stroke-dasharray:8 12;animation:rv-replicate 4s linear infinite}.rv-secondary{stroke:#34536b;stroke-dasharray:4 6}
.rv-state{margin:2px 23px 16px;display:flex;gap:10px;align-items:center;background:#123b3d;border:1px solid #38675f;border-radius:8px;padding:12px}.rv-state i{width:6px;height:6px;flex-shrink:0;background:#76d4b6;border-radius:50%}.rv-state strong{display:block;font-size:12px;color:#d5f0e5;font-weight:600}.rv-state span{display:block;color:#9bbdaf;font-size:10px;margin-top:5px;line-height:1.6}.rv-actions{display:flex;gap:9px;padding:0 23px 16px}.rv-actions button:first-child{border-color:#8e6946;color:#f4c695;background:#3d3429}.recovery-visual>figcaption{font-size:9px;color:#8fadc2;line-height:1.7;border-color:#29485c;padding:12px 23px}
.recovery-visual.failed .rv-center-0{opacity:.4}.recovery-visual.failed .rv-repl-flow{display:none}.recovery-visual.failed .rv-primary{stroke:#405467;animation:none;stroke-dasharray:4 6}.recovery-visual.failed .rv-secondary{stroke:#58c8b7;stroke-dasharray:8 12;animation:rv-replicate 4s linear infinite}.recovery-visual.failed .rv-center-1>rect:first-child{stroke:#65bc9d}.recovery-visual.paused *{animation-play-state:paused!important}
@keyframes rv-replicate{to{stroke-dashoffset:-120}}
@media(prefers-reduced-motion:reduce){.recovery-visual *{animation:none!important}}
@media(max-width:700px){.service-visual.backup-visual,.service-visual.recovery-visual{width:100%}.ct-head{padding:19px 16px 12px}.ct-head strong{font-size:16px}.ct-head>small{font-size:8px;padding:4px 6px}.bv-sources{padding-inline:16px;gap:8px}.bv-sources span{font-size:9px}.bv-vault{margin-inline:16px;padding:12px}.bv-history{padding-inline:16px}.bv-history-row{gap:6px}.bv-history-row button{font-size:9px;padding:7px}.bv-complete{font-size:8px}.bv-feedback{padding-inline:16px}.rv-state{margin-inline:16px}.rv-actions{padding-inline:16px}.rv-state strong{font-size:11px}.rv-label{font-size:16px}.rv-small{font-size:10px}}
@media(min-width:701px){.service-visual.recovery-visual{width:80%;}}