.service-card,.backups-card,.password-card{padding:28px;margin-bottom:24px}
.service-heading,.backup-heading,.backup-actions,.import-backup,.backup-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.service-heading{justify-content:flex-start;margin-bottom:16px}
.health-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.health-facts>div,.restore-comparison>div{background:#f0f8f5;border:1px solid #d3e7df;border-radius:14px;padding:18px}
.health-facts span,.restore-comparison span{display:block;font-size:13px;color:#536f69;margin-bottom:8px}
.health-facts strong{font-size:17px;line-height:1.5}
.storage-detail{border-top:1px solid #e0ece7;padding-top:16px}
.storage-detail summary{cursor:pointer;font-weight:600;color:#286b5e}
.storage-detail dd{overflow-wrap:anywhere;white-space:normal;font-size:13px}
.backup-heading{align-items:flex-start;flex-wrap:wrap}
.backup-heading h2{margin-top:0}.backup-heading .muted{margin-bottom:4px}
.backup-actions{justify-content:flex-start;flex-wrap:wrap}
.backup-list{margin:20px 0;max-height:460px;overflow:auto;scrollbar-gutter:stable}
.backup-row{padding:16px 4px;border-bottom:1px solid #e2ece7}
.backup-row strong{display:block;font-size:15px}
.backup-row small{display:block;color:#59736c;font-size:13px;margin-top:6px;line-height:1.5}
.backup-row .row-actions{flex-shrink:0}
.import-backup{padding:20px;background:#f5f9ed;border-radius:14px;margin-top:20px}
.import-backup p{margin:6px 0 0}
.file-button{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin:0;padding:10px 16px;border-radius:10px;overflow:hidden;cursor:pointer}
.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.file-button:focus-within{outline:3px solid #6eaf9f;outline-offset:2px}
.password-card{max-width:850px}
.restore-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.restore-comparison strong{font-size:16px;line-height:1.8}
.restore-warning{color:#87491b;background:#fff3df;border:1px solid #edd3ac;padding:16px;border-radius:12px;line-height:1.8}
.restore-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}
.restore-check input{width:18px;height:18px;flex:none;margin-top:4px;accent-color:#267664}
.connection-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 32px));z-index:100;background:#fff4df;border:1px solid #debf83;box-shadow:0 8px 35px #173d3026;color:#6c431f;padding:16px 20px;border-radius:14px;display:flex;align-items:center;gap:18px;font-size:14px;line-height:1.65}
.connection-banner button{flex-shrink:0}.connection-banner[hidden]{display:none}
@media(max-width:1100px){.backup-row{align-items:flex-start;flex-wrap:wrap}.health-facts{grid-template-columns:1fr}.backup-actions button{font-size:14px}}
@media(max-width:650px){.service-card,.backups-card,.password-card{padding:18px}.import-backup,.connection-banner{align-items:flex-start;flex-direction:column}.restore-comparison{grid-template-columns:1fr}}