#cloudAuth[hidden], #cloudStatus[hidden], body.cloud-locked .app-shell,
body.cloud-locked #modalRoot { display: none !important; }
#cloudAuth { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f3f6fa; }
.cloud-auth-card { width: min(100%, 420px); padding: 32px; border: 1px solid #d9e1ec; border-radius: 12px; background: white; color: #10233f; }
.cloud-auth-card h1 { margin: 0 0 12px; }
.cloud-auth-card form { display: grid; gap: 16px; }
.cloud-auth-card label { display: grid; gap: 6px; }
.cloud-auth-card input { padding: 12px; border: 1px solid #b7c5d8; border-radius: 6px; font: inherit; }
.cloud-auth-error { color: #a51c30; overflow-wrap: anywhere; }
.cloud-auth-filing { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 24px; padding-top: 18px; border-top: 1px solid #d9e1ec; color: #53657e; font-size: 13px; line-height: 1.6; text-align: center; }
.cloud-auth-filing a { color: inherit; text-decoration: none; white-space: nowrap; }
.cloud-auth-filing a:hover { color: #10233f; text-decoration: underline; }
.cloud-auth-filing a:focus-visible { outline: 2px solid #10233f; outline-offset: 4px; border-radius: 2px; }
#cloudStatus { position: sticky; top: 0; z-index: 2000; padding: 12px 24px; background: #fff0ee; color: #8f1929; border-bottom: 1px solid #e7b2b8; }
#cloudStatus button { margin-left: 16px; }
@media screen { body.cloud-mode [hidden] { display: none !important; } }
@media print { #cloudAuth, #cloudStatus { display: none !important; } }