.cloud-backups-dialog{width:min(860px,calc(100vw - 28px));max-height:calc(100dvh - 36px);color:var(--ink,#273d32);background:var(--paper,#faf9f0);padding:0}.cloud-backups-dialog *{box-sizing:border-box}.cloud-backups-dialog button{min-height:44px;border:1px solid var(--line,#d5dccc);border-radius:5px;padding:9px 13px;font:inherit;font-size:12px;line-height:1.5;color:inherit;background:transparent;cursor:pointer}.cloud-backups-dialog button:disabled{opacity:.5;cursor:default}.cloud-backups-dialog button:focus-visible,.cloud-backups-dialog input:focus-visible{outline:2px solid var(--gold,#a18b53);outline-offset:3px}.cloud-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 20px;border-bottom:1px solid var(--line,#d5dccc)}.cloud-header>button{font-size:22px;width:44px;padding:0;flex-shrink:0}.cloud-eyebrow,.cloud-caption{font-size:11px;letter-spacing:1px;color:var(--muted,#6f7d68)}.cloud-header h2{font-family:var(--serif,serif);font-size:28px;font-weight:500;margin:8px 0 0}.cloud-body{padding:22px 28px}.cloud-note,.cloud-auto small,.cloud-usage,.cloud-empty,.cloud-current p,.cloud-notice p,.cloud-confirm p{font-size:12px;line-height:1.85;color:var(--muted,#6f7d68)}.cloud-note{margin:0 0 20px}.cloud-current{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:19px;background:color-mix(in srgb,var(--green,#315d47) 7%,var(--paper,#faf9f0));border:1px solid var(--line,#d5dccc);border-radius:7px}.cloud-current h3{font-size:18px;line-height:1.6;font-weight:500;margin:6px 0;overflow-wrap:anywhere}.cloud-current p{margin:0}.cloud-current>button{flex-shrink:0}.cloud-backups-dialog .cloud-primary{background:var(--green,#315d47);color:var(--paper,#faf9f0);border-color:var(--green,#315d47)}.cloud-auto{display:flex;gap:10px;align-items:flex-start;font-size:13px;margin:20px 0;line-height:1.7}.cloud-auto input{margin-top:5px;width:18px;height:18px;flex-shrink:0;accent-color:var(--green,#315d47)}.cloud-auto small{display:block;margin-top:3px}.cloud-usage{border-top:1px solid var(--line,#d5dccc);padding-top:12px;font-variant-numeric:tabular-nums}.cloud-error,.cloud-notice,.cloud-confirm{padding:15px 17px;border-radius:5px;line-height:1.8;font-size:13px;margin:16px 0}.cloud-error{background:#f5e6e1;color:#813d32;border:1px solid #dfb9ae}.cloud-notice{background:#f2ecda;border:1px solid #d4c79e;color:#66552f}.cloud-notice strong,.cloud-confirm h3{font-size:14px;font-weight:600}.cloud-confirm{background:var(--paper,#faf9f0);border:2px solid var(--gold,#a18b53)}.cloud-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 13px}.cloud-section-heading h3{font-size:16px;font-weight:500;margin:0;overflow-wrap:anywhere}.cloud-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cloud-backups-dialog .cloud-book{text-align:left;padding:15px;min-width:0}.cloud-book strong,.cloud-book span,.cloud-version strong,.cloud-version span{display:block;overflow-wrap:anywhere}.cloud-book strong{font-size:14px;font-weight:500}.cloud-book span,.cloud-version span{font-size:11px;line-height:1.7;color:var(--muted,#6f7d68);margin-top:6px}.cloud-backups-dialog .cloud-book.selected{border-color:var(--green,#315d47);background:color-mix(in srgb,var(--green,#315d47) 8%,var(--paper,#faf9f0))}.cloud-version{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line,#d5dccc)}.cloud-version strong{font-size:13px;font-weight:500}.cloud-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cloud-backups-dialog .cloud-danger{color:#934b3d;border-color:#cbb1a6}.cloud-status{font-size:12px;line-height:1.8;min-height:22px;color:var(--green,#315d47);margin:18px 0 0}.cloud-empty{padding:10px 0;grid-column:1/-1}.cloud-empty h3{font-size:18px;font-weight:500;color:var(--ink,#273d32)}
@media(max-width:600px){.cloud-header{padding:21px 18px 17px}.cloud-body{padding:19px 18px}.cloud-header h2{font-size:25px}.cloud-current{align-items:stretch;flex-direction:column;gap:13px;padding:15px}.cloud-books{grid-template-columns:1fr}.cloud-version{align-items:flex-start;flex-direction:column}.cloud-version .cloud-actions{width:100%}.cloud-version .cloud-actions button{flex:1}.cloud-section-heading{align-items:flex-start;flex-wrap:wrap}.cloud-auto{font-size:14px}.cloud-backups-dialog button{font-size:12px}.cloud-note,.cloud-auto small,.cloud-usage{font-size:12px}}
