.cloud-page{margin:0;min-height:100vh;background:#eef3f1;color:#153f38;font:16px/1.9 Tahoma,system-ui,sans-serif;display:grid;place-items:center;padding:24px;box-sizing:border-box}.cloud-card{width:min(100%,500px);padding:28px;border:1px solid #c7d8d1;border-radius:24px;background:#fff;box-sizing:border-box}.cloud-card>img{width:48px}.cloud-card h1{font-size:26px;margin:8px 0}.cloud-card label{display:block;margin:14px 0}.cloud-card input:not([type=checkbox]){display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #8baaa0;border-radius:10px;box-sizing:border-box;font:inherit}.cloud-card button,.cloud-panel button,.cloud-panel a.cloud-button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid #8baaa0;background:#126d58;color:#fff;padding:10px 16px;margin:4px 0;text-decoration:none;display:inline-block}.cloud-card button:disabled,.cloud-panel button:disabled{opacity:.5;cursor:wait}.cloud-card code{display:block;direction:ltr;overflow-wrap:anywhere;background:#eef3f1;padding:12px}.cloud-actions{display:flex;gap:8px;flex-wrap:wrap}.cloud-actions button{background:transparent;color:inherit}.cloud-panel{border:1px solid var(--line,#a6c3b5);border-radius:16px;padding:16px;margin:16px 0;text-align:right}.cloud-panel p{line-height:1.9}.cloud-modes{display:flex;gap:8px;flex-wrap:wrap}.cloud-panel label{display:block;margin:8px 0}.cloud-panel [role=status]{min-height:1.8em}.cloud-panel small{display:block;line-height:1.8}.cloud-panel .cloud-version{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}.cloud-panel button{font-size:14px}.cloud-panel input[type=radio],.cloud-panel input[type=checkbox]{width:auto;accent-color:#126d58}.cloud-card [hidden],.cloud-panel [hidden]{display:none!important}
/* Approved Daraban family; the same nine device palettes feed both account and backup. */
@font-face{font-family:DarabanAccountText;src:url('/daraban-vazir.ttf');font-display:swap}
.cloud-page{font-family:DarabanAccountText,Tahoma,sans-serif;background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--account-accent) 18%,transparent),transparent 50%),var(--account-bg);color:var(--account-text);padding:20px 12px;display:block}.cloud-card{margin:20px auto;background:var(--account-card);border-color:var(--account-line);border-radius:26px;box-shadow:0 18px 50px #0002;padding:24px}.cloud-card p,.cloud-card small{color:var(--account-muted);line-height:1.9}.cloud-card>img{width:52px;border-radius:15px}.cloud-card input:not([type=checkbox]){background:var(--account-bg);color:var(--account-text);border-color:var(--account-line);min-height:46px;font-size:1em}.cloud-card button,.cloud-panel button,.cloud-panel a.cloud-button{background:var(--account-accent,var(--d-teal));color:var(--account-on,var(--d-bg));border-color:var(--account-line,var(--d-line));border-radius:13px;min-height:44px;white-space:normal}.cloud-card .cloud-actions button{background:var(--account-bg);color:var(--account-text)}.cloud-card a{color:var(--account-accent)}.cloud-card code{background:var(--account-bg);color:var(--account-text)}.cloud-card [hidden]{display:none!important}.cloud-card form>button[type=submit]{width:100%}.cloud-card .cloud-show{background:var(--account-bg);color:var(--account-text)}.cloud-panel{background:var(--account-card,var(--d-bg2));border-color:var(--account-line,var(--d-line));border-radius:22px;margin:0;color:var(--account-text,var(--d-text))}.cloud-panel .cloud-version{flex-wrap:wrap;border-bottom:1px solid var(--d-line);padding:10px 0}.cloud-panel .cloud-version span{flex:1 1 180px}.cloud-panel dl div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cloud-panel dd{margin:0}.cloud-panel input{accent-color:var(--account-accent,var(--d-teal))}.cloud-panel input[type=password]{display:block;max-width:100%;box-sizing:border-box}.cloud-card h1{font-size:1.5em}.cloud-card h2{font-size:1.15em}
#backupDialog,#backupRestorePreview{background:var(--account-bg)!important;color:var(--account-text)!important;font-family:DarabanAccountText,Tahoma,sans-serif;border-radius:26px;border:1px solid var(--account-line)}#backupDialog .backup-card,#backupDialog .backup-overview{background:var(--account-card);border-color:var(--account-line);border-radius:22px}#backupDialog .backup-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#backupDialog button.backup-main,#backupDialog .backup-tabs button.active,#backupRestorePreview button.primary{background:var(--account-accent);color:var(--account-on)}#backupDialog input,#backupDialog select,#backupRestorePreview input{accent-color:var(--account-accent)}#backupDialog .backup-tabs button{min-height:48px}#backupDialog .backup-heading{padding-inline-end:24px}.cloud-password-actions{display:flex;gap:8px;flex-wrap:wrap}#cloudDeviceList p{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:10px;border:1px solid var(--account-line);border-radius:13px}

#backupDialog .cloud-modes label{display:flex;align-items:center;gap:10px;min-height:44px}#backupDialog .cloud-modes input[type=radio]{width:20px;height:20px;min-height:20px;margin:0;flex:0 0 20px}
