.cloud-account-button{border:1px solid #c8daf5;background:#edf4ff;color:#1d4ed8;border-radius:8px;padding:8px 13px;min-height:36px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer}.cloud-account-button:hover{background:#dceaff;border-color:#8bb5f2}.cloud-account-button:disabled{opacity:.6;cursor:wait}.cloud-status{display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 34px;background:#f0f6ff;border-bottom:1px solid #e2ebf8;color:#4a668e;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.cloud-status-dot{height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#3b82f6}.cloud-status[data-phase=loading] .cloud-status-dot,.cloud-status[data-phase=syncing] .cloud-status-dot{animation:cloud-pulse 1s infinite alternate}.cloud-status[data-phase=error]{background:#fff8ec;color:#91602a}.cloud-status[data-phase=error] .cloud-status-dot{background:#eba532}.cloud-status button{margin-left:auto;flex-shrink:0;border:0;background:transparent;color:#2563eb;text-decoration:underline;padding:4px;font-size:inherit;cursor:pointer}.cloud-account-dialog{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #d7e4f5;border-radius:16px;background:#fff;color:#1b3254;box-shadow:0 24px 90px #12305d40;overflow:auto}.cloud-account-dialog::backdrop{background:#0a1c3f66;backdrop-filter:blur(3px)}.cloud-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.cloud-dialog-heading h2{font-size:23px;margin:6px 0 8px}.cloud-account-intro{font-size:12px;line-height:1.9;color:#6a7f9b;margin:12px 0 20px}.cloud-account-dialog form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500;margin-top:16px}.cloud-account-dialog input{height:43px;width:100%;padding:8px 11px;border:1px solid #cfdcef;border-radius:7px;background:#fff;color:#253e62;font:inherit;font-weight:400;outline:none;box-sizing:border-box}.cloud-account-dialog input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f617}.cloud-auth-submit{width:100%;justify-content:center;min-height:43px}.cloud-auth-toggle{display:block;margin:17px auto 4px;font-size:12px}.cloud-auth-status,.cloud-logout-status{font-size:12px;line-height:1.8;color:#aa5f2d;min-height:0;margin:13px 0;overflow-wrap:anywhere}.cloud-auth-status:empty,.cloud-logout-status:empty{display:none}.cloud-account-footnote{font-size:10px;color:#8c9ab0;line-height:1.7;margin:18px 0 0;text-align:center}.cloud-account-actions{display:flex;gap:12px;margin-top:20px}.cloud-account-dialog [data-account-details]>h3{font-size:22px;margin:20px 0 6px;overflow-wrap:anywhere}.cloud-account-dialog [data-account-details]>p{font-size:12px;color:#6a7f9b;line-height:1.8;overflow-wrap:anywhere}.cloud-account-dialog [hidden]{display:none!important}@keyframes cloud-pulse{to{opacity:.25}}
@media(max-width:960px){.cloud-status{padding-left:27px;padding-right:27px}.cloud-account-button{padding:7px 10px;font-size:11px}.top-actions{gap:10px}}
@media(max-width:720px){.cloud-status{padding:6px 15px;font-size:10px;min-height:33px;align-items:flex-start}.cloud-status-dot{margin-top:5px}.cloud-account-button{padding:6px 9px;min-height:34px;max-width:104px;font-size:10px}.top-actions{gap:8px}.top-actions #export-button{display:none}.cloud-account-dialog{padding:22px 20px;border-radius:13px}.cloud-account-dialog input{font-size:16px}.cloud-account-actions{flex-wrap:wrap}.cloud-dialog-heading h2{font-size:22px}.cloud-account-intro{font-size:12px}}
@media(max-width:360px){.cloud-account-button{max-width:88px;padding:6px 7px}.top-actions{gap:7px}.top-actions #import-button{font-size:9px}.cloud-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cloud-status-dot{animation:none!important}}