.backup-panel{--backup-line:color-mix(in srgb,currentColor 22%,transparent)}
.backup-panel h2{display:flex;align-items:center;gap:.6rem}.backup-panel svg{width:1.25em;height:1.25em;flex:none;vertical-align:middle}.backup-panel button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.backup-summary,.backup-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:1.4rem 0}.backup-summary>div{padding:1.2rem;border:1px solid var(--backup-line);border-radius:16px;display:grid;gap:.5rem}.backup-summary span{font-size:.9rem}.backup-panel fieldset{min-width:0;border:1px solid var(--backup-line);border-radius:16px;padding:1.4rem;margin:1.4rem 0}.backup-plans fieldset{margin:0}.backup-panel legend{font-size:1.1rem;font-weight:700;padding:0 .5rem}.backup-panel legend svg{margin-right:.5rem}.backup-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.backup-fields label{display:grid;gap:.4rem;align-content:start}.backup-panel input,.backup-panel select{width:100%;min-width:0;box-sizing:border-box}.backup-panel .backup-check{display:flex;align-items:flex-start;gap:.7rem;margin:.8rem 0;cursor:pointer}.backup-panel .backup-check input{width:1.2rem;height:1.2rem;flex:none;margin:.15rem 0}.backup-options{display:flex;flex-wrap:wrap;gap:1rem}.backup-warning{border-left:4px solid #d99725;background:color-mix(in srgb,#d99725 12%,transparent);padding:1rem}.backup-setup{margin:2rem 0;padding:1.2rem;border:1px solid var(--backup-line);border-radius:16px}.backup-panel summary{cursor:pointer;font-weight:600}.backup-panel li{margin:.6rem 0}.backup-job{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr) auto;gap:1.5rem;padding:1.3rem 0;border-top:1px solid var(--backup-line)}.backup-job p{margin:.4rem 0}.backup-actions{display:flex;flex-direction:column;gap:.8rem;align-items:stretch}.backup-job code{overflow-wrap:anywhere;font-size:.75rem}.backup-status{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:.25rem .65rem;font-size:.85rem}.backup-status[data-status=complete]{background:#e0f3e7;color:#165437}.backup-status[data-status=failed],.backup-status[data-status=attention],.backup-status[data-status=interrupted]{background:#ffecdf;color:#7a310c}#backup-message:empty{display:none}#backup-message{padding:1rem;border:1px solid var(--backup-line)}
@media(max-width:800px){.backup-summary,.backup-plans{grid-template-columns:1fr}.backup-job{grid-template-columns:1fr}.backup-actions{flex-direction:row;flex-wrap:wrap}.backup-fields{grid-template-columns:1fr}}

.backup-instant{margin:1.5rem 0;padding:1.4rem;border:2px solid var(--backup-line);border-radius:16px;background:color-mix(in srgb,currentColor 4%,transparent)}.backup-instant h3{margin-top:0}.backup-instant-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.backup-instant-controls select{width:auto;max-width:100%;flex:1 1 230px}.backup-instant-controls button{flex:0 1 auto}.backup-instant .muted{font-size:.9rem;margin-bottom:0}.backup-status[data-status=running]{background:#ddecfb;color:#143f69}.backup-status[data-status=queued]{background:#f8edcb;color:#5c470e}.backup-panel button:disabled{opacity:.6;cursor:default}
@media(max-width:600px){.backup-instant-controls{align-items:stretch;flex-direction:column}.backup-instant-controls select,.backup-instant-controls button{width:100%;flex:auto}}