.cloud-login-page { margin:0;min-height:100dvh;display:grid;place-items:center;background:#edf2ee;font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#31533f;padding:20px;box-sizing:border-box; }
.cloud-login-card { background:#fff;border-radius:25px;padding:35px;width:min(100%,390px);box-sizing:border-box;box-shadow:0 10px 50px #2847310a; }
.cloud-login-brand { font-size:29px;letter-spacing:-1px;color:#0a8c59;font-weight:750;margin-bottom:38px; }
.cloud-login-eyebrow { font-size:9px;color:#91a698;letter-spacing:1px; }.cloud-login-card h1 { font-size:25px;letter-spacing:-.7px;font-weight:600;margin:10px 0; }.cloud-login-card p { font-size:12px;line-height:1.7;color:#83988a; }
.cloud-login-card form { margin-top:24px; }.cloud-login-card label { display:block;font-size:11px;margin:16px 0 7px;color:#6d8978; }.cloud-login-card input { width:100%;box-sizing:border-box;min-height:44px;padding:10px 13px;border:1px solid #dfe9e2;background:#f7f9f7;border-radius:12px;font:inherit;font-size:15px;color:#355740; }.cloud-login-card input:focus { outline:2px solid #96c9ab;outline-offset:2px; }
.cloud-login-card button { border:0;background:#0a8c59;color:white;width:100%;padding:13px;border-radius:13px;margin-top:25px;font:inherit;font-size:13px;cursor:pointer; }.cloud-login-card button:disabled { opacity:.5; }.cloud-login-card .cloud-login-footnote { font-size:10px;margin:24px 0 0;text-align:center;color:#9aae9f; }.cloud-login-card #login-feedback { color:#ad5963;font-size:11px; }
.cloud-connection { display:flex;align-items:center;gap:7px;position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;max-width:calc(100vw - 28px);padding:9px 12px;border-radius:13px;background:#fff9e9;box-shadow:0 3px 20px #263d2519;font-size:11px;color:#8f7746;box-sizing:border-box; }.cloud-connection button { font-size:11px;text-decoration:underline;white-space:nowrap; }
.cloud-conflict { max-width:470px; }.cloud-conflict p { font-size:12px;line-height:1.7;color:#718c7a; }.cloud-conflict .dialog-actions { flex-wrap:wrap; }.cloud-conflict .dialog-actions button { font-size:11px; }
.cloud-account { padding:6px 9px;font-size:10px;color:#587e64;background:#fff;border-radius:12px;white-space:nowrap; }.cloud-sync-label { font-size:10px;color:#83a18f; }
@media(max-width:820px) { .cloud-login-card { padding:26px; }.cloud-account { padding:5px 7px;font-size:9px; }.cloud-sync-label { display:none; }.cloud-connection { font-size:10px;bottom:10px;flex-wrap:wrap;justify-content:center; }.cloud-login-card input { font-size:16px; } }
