.workspace-nav .backups-nav{display:flex;align-items:center;gap:12px;padding:14px 12px;font:inherit;font-size:13px;line-height:1.5;border-radius:8px;border:1px solid transparent;color:#c5d7f1;background:transparent;text-align:left;cursor:pointer;min-height:50px}
.workspace-nav .backups-nav:hover{background:#ffffff13;border-color:#ffffff12;color:white}
.backups-nav:focus-visible{outline:2px solid #b5d0ff;outline-offset:2px}
.backups-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dce4ef;border-radius:14px;color:#20304b;background:#f4f7fc;box-sizing:border-box;overflow-y:auto}
.backups-dialog::backdrop{background:#102b5370}
.backups-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.backups-heading h2{font-size:20px;margin:0}
.backups-dialog label{display:block;margin:18px 0 6px;font-size:13px}.backups-dialog input,.backups-dialog select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;font-size:14px;background:white;color:#20304b}
.backups-dialog input:focus-visible,.backups-dialog select:focus-visible{outline:2px solid #3377dd;outline-offset:2px}
#backup-create-form .website-button{margin-top:12px}.backups-actions{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.backups-dialog #backup-details{margin-top:8px}
@media(min-width:561px) and (hover:hover) and (pointer:fine){.website-workspace .workspace-sidebar:not(:hover):not(:focus-within) .backups-nav{justify-content:center;padding:12px 0;gap:0}}

.backups-footer{display:flex;justify-content:flex-end;margin-top:16px}