.backup-page{padding-bottom:42px}.backup-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:6px 0 22px}.backup-heading h1{margin:2px 0 7px;font-size:30px}.backup-heading p{margin:0;max-width:700px;color:#5f6e66}.backup-heading .eyebrow{color:#087347;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.backup-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #b7dfca;border-radius:999px;background:#edf9f2;color:#075c39;font-size:13px;font-weight:800;white-space:nowrap}.backup-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#15a361}.backup-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.backup-stats .card{display:flex;flex-direction:column;gap:6px;padding:16px}.backup-stats small{color:#6b766f;font-weight:700}.backup-stats strong{color:#103d2b;font-size:24px}.backup-primary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px;margin-bottom:16px;border-color:#b8dbc8;background:linear-gradient(135deg,#f3fbf6,#fff)}.backup-primary>div{display:flex;align-items:flex-start;gap:16px}.backup-primary h2,.backup-grid h2{margin:0 0 6px;font-size:19px}.backup-primary p,.backup-grid>div>p{margin:0;color:#64716a}.backup-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:#0a7046;color:#fff;font-size:13px;font-weight:900;letter-spacing:.05em}.backup-primary form{flex:0 0 auto}.backup-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.backup-grid>.card{padding:22px}.export-list{margin-top:16px;border-top:1px solid #e3e9e5}.export-list form{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #e3e9e5}.export-list span{display:flex;flex-direction:column;gap:2px}.export-list small{color:#7a857e}.backup-guide ul{margin:16px 0;padding-left:21px}.backup-guide li{margin:10px 0;color:#44534b}.safety-note{margin-top:18px;padding:14px;border-left:4px solid #df9c21;border-radius:8px;background:#fff8e9;color:#604813}.safety-note p{margin:5px 0 0;font-size:13px;line-height:1.5}@media(max-width:900px){.backup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-grid{grid-template-columns:1fr}}@media(max-width:600px){.backup-heading,.backup-primary{flex-direction:column}.backup-heading h1{font-size:25px}.backup-status{align-self:flex-start}.backup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-stats .card{padding:13px}.backup-stats strong{font-size:20px}.backup-primary,.backup-grid>.card{padding:17px}.backup-primary form,.backup-primary button{width:100%}.export-list form{align-items:flex-start}.export-list button{flex:0 0 auto}}
.backup-unlock{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:28px;align-items:center;padding:24px;border-color:#d7c18b;background:#fffdf6}.backup-unlock>div{display:flex;gap:16px;align-items:flex-start}.backup-unlock h2{margin:0 0 6px;font-size:19px}.backup-unlock p{margin:0;color:#64716a}.backup-unlock form label{display:block;margin-bottom:7px;font-size:13px;font-weight:800;color:#3f4e46}.backup-unlock form>div{display:flex;gap:9px}.backup-unlock input{min-width:0}@media(max-width:760px){.backup-unlock{grid-template-columns:1fr}.backup-unlock form>div{flex-direction:column}.backup-unlock button{width:100%}}.backup-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.drive-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:24px;align-items:center;padding:22px;margin-bottom:16px;border-color:#b9d6f2;background:linear-gradient(135deg,#f4f9ff,#fff)}.drive-card>div{display:flex;align-items:flex-start;gap:16px}.drive-card h2{margin:0 0 6px;font-size:19px}.drive-card p{margin:0;color:#64716a}.drive-card form:not(.drive-connect-form){justify-self:end}.drive-connect-form{display:grid;gap:10px}.drive-connect-form label{display:grid;gap:5px;color:#44534b;font-size:12px;font-weight:800}.drive-connect-form input{width:100%;min-width:0}.drive-connect-form button{justify-self:start}@media(max-width:760px){.backup-statuses{justify-content:flex-start}.drive-card{grid-template-columns:1fr}.drive-card form:not(.drive-connect-form),.drive-card button{width:100%}}

.auto-backup-panel{grid-column:1/-1;display:block!important;padding:19px;border:1px solid #c7dfd2;border-radius:13px;background:#fff}.auto-backup-head{display:flex!important;align-items:flex-start!important;justify-content:space-between;gap:16px}.auto-backup-head h3{margin:0 0 5px;font-size:17px}.auto-backup-head p{margin:0;color:#64716a}.auto-backup-state{flex:0 0 auto;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:850}.auto-backup-state.enabled{background:#e4f7ec;color:#087044}.auto-backup-state.disabled{background:#eef2ef;color:#64716a}.auto-backup-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:16px 0}.auto-backup-details>div{display:grid!important;gap:4px!important;padding:12px 14px;border-radius:10px;background:#f3f8f5}.auto-backup-details small{color:#6b776f;font-size:12px;font-weight:700}.auto-backup-details b{font-size:14px}.backup-result-ok{color:#087044}.backup-result-failed{color:#b12f27}.auto-backup-error{margin:0 0 13px!important;padding:10px 12px;border-radius:9px;background:#fff0ef;color:#9d2b24!important;font-size:13px}.auto-backup-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px!important;padding:12px 0;border-top:1px solid #e4ebe7}.auto-backup-toggle label{display:flex;align-items:center;gap:9px;margin:0;font-size:14px}.auto-backup-toggle input{width:18px;height:18px}.cron-setup{display:grid!important;gap:7px!important;margin-top:4px;padding:14px;border-radius:10px;background:#f4f8ff}.cron-setup label{margin:0;color:#294b73;font-size:12px;font-weight:800}.cron-setup>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important}.cron-setup input{min-width:0;background:#fff}.cron-setup small{color:#60738a}.auto-backup-test{margin-top:12px}.drive-card .auto-backup-test{justify-self:start!important}@media(max-width:760px){.auto-backup-head{flex-direction:column}.auto-backup-details{grid-template-columns:1fr}.auto-backup-toggle{align-items:flex-start;flex-direction:column}.auto-backup-toggle button,.cron-setup button,.auto-backup-test button{width:100%}.cron-setup>div{grid-template-columns:1fr}}

/* Compact Backup page and clearer Google Drive controls. */
.backup-page{font-size:13px}.backup-heading{margin-bottom:18px}.backup-heading h1{font-size:27px}.backup-heading p{font-size:13px}.backup-stats strong{font-size:21px}.backup-primary h2,.backup-grid h2,.drive-card h2{font-size:17px}.backup-page button{font-size:12px}.drive-card{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px;align-items:center}.drive-card>.drive-summary{display:flex;align-items:center;gap:14px}.drive-summary .backup-icon{width:42px;height:42px;flex-basis:42px}.drive-action-form{justify-self:end}.auto-backup-panel{display:grid!important;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:14px 18px;padding:17px}.auto-backup-head{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid #e4ebe7}.auto-backup-head h3{font-size:16px}.auto-backup-details{grid-column:1;margin:0!important}.auto-backup-details>div{padding:10px 12px}.auto-backup-details small{font-size:11px}.auto-backup-details b{font-size:13px}.auto-backup-error{grid-column:1/-1}.auto-backup-toggle{grid-column:1;justify-self:stretch!important;margin:0;padding:11px 12px;border:1px solid #e4ebe7;border-radius:10px;background:#fbfdfc}.auto-backup-toggle label{font-size:13px}.cron-setup{grid-column:2;grid-row:2/span 2;margin:0;align-self:stretch}.auto-backup-test{grid-column:2;margin:0;justify-self:start!important}.cron-setup input{font-size:12px}.cron-setup small{font-size:11px}@media(max-width:850px){.auto-backup-panel{grid-template-columns:1fr}.auto-backup-head,.auto-backup-details,.auto-backup-error,.auto-backup-toggle,.cron-setup,.auto-backup-test{grid-column:1;grid-row:auto}}@media(max-width:600px){.drive-card{grid-template-columns:1fr}.drive-action-form,.drive-action-form button{width:100%}.backup-heading h1{font-size:24px}.backup-page{font-size:12.5px}}
