#backup-panel{--mb-bg:#080f15;--mb-panel:#101e28;--mb-top:#162936;--mb-line:#294150;--mb-text:#e7f0f6;--mb-muted:#96afc1;--mb-cyan:#60dce6;--mb-green:#61d5a4;--mb-red:#ff7c86;--mb-amber:#ffc076;color-scheme:dark;background:var(--mb-bg);color:var(--mb-text);font:13px/1.55 'Segoe UI',Arial,sans-serif;border-radius:12px;overflow:hidden}
#backup-panel *{box-sizing:border-box}#backup-panel h1,#backup-panel h2,#backup-panel h3,#backup-panel p{margin:0}#backup-panel small{font-size:11px;color:var(--mb-muted)}#backup-panel svg{width:17px;height:17px;flex-shrink:0}#backup-panel button{font:inherit;color:var(--mb-text);background:#12232e;border:1px solid var(--mb-line);border-radius:6px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px}#backup-panel button:disabled{opacity:.55}#backup-panel button:focus-visible,#backup-panel summary:focus-visible{outline:2px solid var(--mb-cyan);outline-offset:3px}#backup-panel .mb-muted{color:var(--mb-muted)}#backup-panel .mb-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--mb-line)}#backup-panel .mb-brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:1.7px}#backup-panel .mb-brand>span{background:#163440;border:1px solid #44808e;color:var(--mb-cyan);border-radius:8px;font-size:23px;padding:2px 9px}#backup-panel .mb-brand small{display:block;letter-spacing:4px;font-size:10px}#backup-panel .mb-demo{color:var(--mb-muted);font-size:10px;letter-spacing:1px}#backup-panel .mb-shell{display:grid;grid-template-columns:156px minmax(0,1fr)}#backup-panel aside{background:#0c151d;border-right:1px solid var(--mb-line);padding:26px 12px}#backup-panel aside>small{font-size:9px;letter-spacing:1.5px;display:block;margin-bottom:17px}#backup-panel aside>div{display:flex;align-items:center;gap:9px;padding:13px 8px;font-size:11px;color:var(--mb-muted);margin-bottom:9px;border-radius:7px}#backup-panel aside .mb-selected{background:#162b36;color:var(--mb-cyan)}#backup-panel main{padding:24px;min-width:0}#backup-panel .mb-intro{margin-bottom:22px}#backup-panel .mb-intro>small,#backup-panel .mb-section-head>div>small,#backup-panel .mb-config header small{letter-spacing:1.7px;color:var(--mb-cyan);font-size:10px;font-weight:600}#backup-panel h1{font-size:25px;margin:6px 0}#backup-panel .mb-intro p{color:var(--mb-muted);font-size:12px}#backup-panel h2{font-size:21px;margin-top:4px}#backup-panel h2>span{font-size:13px;font-weight:400;color:var(--mb-muted);margin-left:8px}#backup-panel h3{font-size:16px}#backup-panel .mb-existing{padding:15px 17px;border:1px solid var(--mb-line);border-left:3px solid var(--mb-cyan);border-radius:10px;background:linear-gradient(110deg,var(--mb-top),var(--mb-panel));margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#backup-panel .mb-existing>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#backup-panel .mb-tag{color:var(--mb-cyan);font-size:10px;letter-spacing:1.5px;border:1px solid #377088;background:#193d4d;padding:4px 8px;border-radius:4px}#backup-panel .mb-status{padding:3px 7px;border:1px solid currentColor;border-radius:4px;font-size:10px;white-space:nowrap}#backup-panel .mb-ok{color:var(--mb-green)}#backup-panel .mb-warn{color:var(--mb-amber)}#backup-panel .mb-fail{color:var(--mb-red)}#backup-panel .mb-section-head{margin:27px 0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#backup-panel .mb-backup{border:1px solid var(--mb-line);border-top:2px solid #3d6979;border-radius:11px;background:var(--mb-panel);overflow:hidden}#backup-panel .mb-server-head{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:linear-gradient(110deg,var(--mb-top),var(--mb-panel))}#backup-panel .mb-server-id{display:flex;gap:12px;align-items:center;min-width:0}#backup-panel .mb-server-id small{display:block;overflow-wrap:anywhere}#backup-panel .mb-actions{display:flex;align-items:center;gap:12px}#backup-panel .mb-bell{color:var(--mb-red);padding:6px 9px}#backup-panel .mb-overview{padding:12px 18px;border-block:1px solid var(--mb-line);display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px}#backup-panel .mb-overview>small{margin-left:auto}#backup-panel .mb-running{display:flex;align-items:center;gap:7px;color:var(--mb-cyan)}#backup-panel .mb-overview b{margin-right:4px}#backup-panel .mb-jobs{padding:0 18px}#backup-panel .mb-job{display:grid;grid-template-columns:minmax(175px,1.25fr) minmax(125px,1fr) 80px auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid var(--mb-line)}#backup-panel .mb-job:last-child{border-bottom:0}#backup-panel .mb-job-id{display:flex;align-items:center;gap:10px;min-width:0}#backup-panel .mb-job-id strong{display:block;font-size:12px}#backup-panel .mb-job-id small{display:block;font-size:11px;margin-top:4px}#backup-panel .mb-job-icon{color:var(--mb-cyan);background:#18353f;border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:none}#backup-panel .mb-job-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;color:var(--mb-muted)}#backup-panel .mb-job-progress b{color:var(--mb-text);font-size:13px}#backup-panel .mb-track{height:6px;border-radius:10px;background:#293b45;overflow:hidden}#backup-panel .mb-track>span{display:block;height:100%;background:var(--mb-cyan);border-radius:10px}#backup-panel .mb-time{text-align:right;font-variant-numeric:tabular-nums}#backup-panel .mb-time strong{display:block;font-size:13px;font-weight:500}#backup-panel .mb-time small{display:block}#backup-panel .mb-job button{font-size:11px;padding:6px 9px}#backup-panel .mb-job button svg{width:13px}#backup-panel .mb-detail{padding:15px;border-left:2px solid var(--mb-cyan);margin:0 0 15px;background:#0b1821}#backup-panel .mb-detail p{color:var(--mb-muted);margin:6px 0 12px;font-size:12px}#backup-panel .mb-task{display:grid;grid-template-columns:1fr 1fr 45px;padding:8px 0;border-top:1px solid var(--mb-line);font-size:12px;gap:8px}#backup-panel .mb-task b{text-align:right}#backup-panel .mb-alerts{padding:17px 18px;background:#14212a;border-top:1px solid var(--mb-line)}#backup-panel .mb-event{display:flex;gap:10px;margin-top:15px}#backup-panel .mb-event strong{font-size:12px}#backup-panel .mb-event p{color:var(--mb-text);font-size:12px;margin:3px 0}#backup-panel .mb-history{padding:14px 18px;border-top:1px solid var(--mb-line);font-size:12px}#backup-panel .mb-history summary{color:var(--mb-text)}#backup-panel .mb-history summary span{margin-left:12px;color:var(--mb-muted);font-size:11px}#backup-panel .mb-history-row{display:grid;grid-template-columns:1fr 100px 110px;gap:12px;padding:12px 0;border-bottom:1px solid var(--mb-line)}#backup-panel .mb-history-row strong{font-weight:500}#backup-panel footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 18px;background:#0e1922;color:var(--mb-muted);font-size:11px}#backup-panel footer span{display:flex;align-items:center;gap:6px}#backup-panel footer svg{width:13px;height:13px}#backup-panel .mb-system{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--mb-panel);padding:16px;border:1px solid var(--mb-line);border-radius:10px;margin-bottom:12px}#backup-panel .mb-system-title{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}#backup-panel .mb-system-title strong{font-size:12px}#backup-panel .mb-system-title small{display:block;font-size:11px;overflow-wrap:anywhere}#backup-panel .mb-system-title>svg{color:var(--mb-cyan)}#backup-panel .mb-backup-active{display:flex;align-items:center;gap:6px;color:var(--mb-cyan);font-size:11px}#backup-panel .mb-system-metric{min-width:43px;text-align:center}#backup-panel .mb-system-metric b{display:block;font-weight:500}#backup-panel .mb-system-metric small{display:block}#backup-panel .mb-pulse{animation:mb-backup-glow 3.6s ease-in-out infinite}#backup-panel .mb-config{margin-top:22px;border:1px solid var(--mb-line);border-radius:11px;padding:20px;background:var(--mb-panel)}#backup-panel .mb-config>header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}#backup-panel .mb-config summary{font-size:16px;padding:12px 0;border-bottom:1px solid var(--mb-line)}#backup-panel .mb-config summary span{float:right;font-size:11px;color:var(--mb-muted)}#backup-panel .mb-config-toolbar{display:flex;justify-content:flex-end;padding-top:15px}#backup-panel fieldset{border:0;padding:15px 0;margin:0;min-width:0}#backup-panel .mb-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}#backup-panel label{font-size:12px;display:block}#backup-panel input:not([type=checkbox]){display:block;width:100%;min-width:0;padding:10px;background:#0a151e;border:1px solid var(--mb-line);border-radius:5px;color:var(--mb-text);font:inherit;margin-top:6px}#backup-panel input:disabled{opacity:.75}#backup-panel .mb-check{display:flex;align-items:center;gap:8px;margin-top:18px}#backup-panel .mb-config p{font-size:12px;margin-top:10px}#backup-panel .mb-primary{background:var(--mb-cyan);color:#052029}#backup-panel [hidden]{display:none!important}
 #backup-panel .mb-target-badge{display:flex;align-items:center;gap:6px;color:#bf98ff;font-size:11px}#backup-panel .mb-target-pulse{animation:mb-target-glow 4s ease-in-out infinite}
@keyframes mb-target-glow{0%,100%{box-shadow:inset 3px 0 0 #66517e,0 0 0 transparent}50%{box-shadow:inset 3px 0 0 #bf98ff,0 0 13px #bf98ff17}}
@keyframes mb-backup-glow{0%,100%{box-shadow:inset 3px 0 0 #386675,0 0 0 transparent}50%{box-shadow:inset 3px 0 0 #60dce6,0 0 13px #60dce617}}
@media(prefers-reduced-motion:reduce){#backup-panel .mb-pulse{animation:none;border-left:3px solid var(--mb-cyan)}#backup-panel .mb-target-pulse{animation:none;border-left:3px solid #bf98ff}}
@media(max-width:900px){#backup-panel .mb-shell{grid-template-columns:1fr}#backup-panel aside{display:none}#backup-panel .mb-job{gap:12px;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr) 75px auto}}
@media(max-width:600px){#backup-panel main{padding:16px}#backup-panel .mb-top{padding:14px 16px;gap:12px}#backup-panel .mb-top>.mb-muted{display:none}#backup-panel h1{font-size:22px}#backup-panel .mb-demo{font-size:9px}#backup-panel .mb-job{grid-template-columns:minmax(0,1fr) auto;gap:12px}#backup-panel .mb-job-id{grid-column:1/-1}#backup-panel .mb-job-progress{grid-column:1}#backup-panel .mb-time{grid-column:2}#backup-panel .mb-job>button{grid-column:1/-1;justify-self:end}#backup-panel .mb-overview{gap:12px}#backup-panel .mb-overview>small{margin-left:0;flex-basis:100%}#backup-panel .mb-server-head{padding:15px}#backup-panel .mb-server-id{flex-wrap:wrap}#backup-panel .mb-server-id>div{flex-basis:100%}#backup-panel .mb-history summary span{display:block;margin:5px 0}#backup-panel .mb-history-row{grid-template-columns:1fr auto}#backup-panel .mb-history-row small{grid-column:1/-1}#backup-panel .mb-system-title{flex-basis:100%}#backup-panel .mb-fields{grid-template-columns:1fr}#backup-panel .mb-config{padding:15px}#backup-panel .mb-config summary span{float:none;display:block}}

#backup-panel{margin-top:27px;border-radius:0;background:transparent}
#backup-panel .mb-section-head{margin-top:0}
#backup-panel .backup-empty{padding:18px;color:var(--mb-muted);font-size:12px}
#backup-panel .backup-notice{padding:12px 18px;background:#332b20;color:var(--mb-amber);font-size:12px}
#backup-panel .mb-overview{gap:12px}
#backup-panel .mb-bell.mb-ok{color:var(--mb-green)}
#backup-panel .mb-bell.mb-warn{color:var(--mb-amber)}
#backup-panel footer .text-button{padding:0;border:0;background:none;font-size:11px}
#backup-panel .mb-job button{white-space:nowrap}
#backup-dialog .backup-check{display:flex;align-items:center;gap:8px;margin-top:16px}
#backup-dialog .backup-check input{width:auto}
#cards .card-head:has(.backup-activity-badge){flex-wrap:wrap;gap:8px}
#cards .backup-activity-badge{display:inline-flex;font-size:11px;color:#60dce6;background:#14313b;border-radius:5px;padding:4px 8px;white-space:nowrap}
#cards .backup-target-active .backup-activity-badge{color:#cfafff;background:#2a233b}
#cards .backup-server-active{animation:backup-server-glow 3.6s ease-in-out infinite}
#cards .backup-target-active{animation:backup-target-glow 4s ease-in-out infinite}
@keyframes backup-server-glow{0%,100%{box-shadow:inset 3px 0 0 #386675}50%{box-shadow:inset 3px 0 0 #60dce6,0 0 13px #60dce617}}
@keyframes backup-target-glow{0%,100%{box-shadow:inset 3px 0 0 #66517e}50%{box-shadow:inset 3px 0 0 #bf98ff,0 0 13px #bf98ff17}}
@media(prefers-reduced-motion:reduce){#cards .backup-server-active,#cards .backup-target-active{animation:none}#cards .backup-server-active{box-shadow:inset 3px 0 0 #60dce6}#cards .backup-target-active{box-shadow:inset 3px 0 0 #bf98ff}}
@media(max-width:1120px){#backup-panel .mb-job{grid-template-columns:minmax(130px,1fr) minmax(100px,1fr) 65px auto;gap:10px}}
@media(max-width:740px){#backup-panel .mb-job{grid-template-columns:minmax(0,1fr) auto}#backup-panel .mb-job-id{grid-column:1/-1}#backup-panel .mb-job-progress{grid-column:1}#backup-panel .mb-time{grid-column:2}#backup-panel .mb-job>button{grid-column:1/-1;justify-self:end}}

#backup-panel .mb-job-id strong,#backup-panel .mb-task>span,#backup-panel .mb-event p,#backup-panel .mb-history-row strong{overflow-wrap:anywhere}
#cards .card-head:has(.backup-verified){flex-wrap:wrap;gap:8px}
#cards .backup-verified{display:flex;flex-direction:column;gap:3px;max-width:100%;margin-left:auto;text-align:right}
#cards .backup-verified-title{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:#72ddb1;font-size:11px;white-space:nowrap}
#cards .backup-verified-title svg{width:15px;height:15px;flex:none}
#cards .backup-verified-date{font-size:10px;color:#aac6bb;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#cards .backup-verified-attempt{font-size:10px;color:#ffc076}
#cards .backup-verified-attempt[hidden]{display:none}
#cards .backup-verified-warning .backup-verified-title{color:#ffc076}
#cards .card-head .backup-activity-badge{align-self:flex-start}
#cards[data-layout="list"] .backup-verified{margin-left:0;text-align:left}
#cards[data-layout="list"] .backup-verified-title{justify-content:flex-start}

/* Roles independientes de backup v2 */
#cards .backup-activity-badge[data-backup-role="server"]{color:#60dce6;background:#14313b}
#cards .backup-activity-badge[data-backup-role="target"]{color:#cfafff;background:#2a233b}