/* cloud.css — login overlay + account chip */
.cloud-login{position:fixed;inset:0;z-index:9999;background:var(--canvas,#FAF8F5);display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--ui,'Inter',sans-serif)}
.cloud-login .cl-card{width:100%;max-width:380px;background:var(--surface,#fff);border:1px solid var(--line,#E7E2D9);border-radius:16px;box-shadow:0 12px 40px rgba(26,26,26,.10);padding:34px 30px 26px;text-align:center}
.cloud-login .cl-logos{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}
.cloud-login .cl-logos img{height:46px;width:auto;mix-blend-mode:multiply}
.cloud-login h1{font-family:var(--hero,'Fraunces',serif);font-weight:400;font-size:24px;margin:0 0 4px;letter-spacing:-.01em;color:var(--ink,#1A1A1A)}
.cloud-login .cl-sub{font-size:12.5px;color:var(--ink-2,#6B6B6B);margin:0 0 22px}
.cloud-login .cl-msg{background:#FBEEDF;color:#8a5a1a;border-radius:8px;padding:9px 12px;font-size:12.5px;margin-bottom:16px}
.cloud-login form{display:flex;flex-direction:column;gap:14px;text-align:left}
.cloud-login label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2,#6B6B6B);letter-spacing:.01em}
.cloud-login input{font-family:inherit;font-size:14px;border:1px solid var(--line-strong,#D9D3C7);border-radius:9px;padding:11px 12px;background:var(--surface,#fff);color:var(--ink,#1A1A1A)}
.cloud-login input:focus{outline:2px solid var(--nwdc,#2563EB);outline-offset:-1px;border-color:var(--nwdc,#2563EB)}
.cloud-login .cl-err{background:#FCEAEA;color:#DC2626;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:500}
.cloud-login #clBtn{margin-top:4px;border:0;border-radius:9px;background:var(--nwdc,#2563EB);color:#fff;font-family:inherit;font-size:14px;font-weight:600;padding:12px;cursor:pointer}
.cloud-login #clBtn:disabled{opacity:.6;cursor:default}
.cloud-login .cl-forgot{margin-top:16px;background:none;border:0;color:var(--ink-2,#6B6B6B);font-family:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline}

.cloud-account{position:fixed;right:14px;bottom:14px;z-index:900;display:flex;align-items:center;gap:9px;background:var(--surface,#fff);border:1px solid var(--line,#E7E2D9);border-radius:30px;padding:6px 8px 6px 12px;box-shadow:0 4px 16px rgba(26,26,26,.10);font-family:var(--ui,'Inter',sans-serif)}
.cloud-account .ca-role{font-family:var(--mono,'IBM Plex Mono',monospace);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:20px}
.cloud-account .ca-role.admin{color:#fff;background:var(--nwdc,#2563EB)}
.cloud-account .ca-role.editor{color:var(--nwdc,#2563EB);background:var(--nwdc-soft,#EAF0FE)}
.cloud-account .ca-role.viewer{color:var(--ink-2,#6B6B6B);background:var(--canvas,#F1ECE3)}
.cloud-account .ca-email{font-size:12px;color:var(--ink-2,#6B6B6B);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-account #caOut{border:1px solid var(--line,#E7E2D9);background:var(--surface,#fff);border-radius:20px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:500;color:var(--ink,#1A1A1A);cursor:pointer}
.cloud-account #caOut:hover{border-color:var(--line-strong,#D9D3C7)}
@media print{.cloud-account{display:none}}