body.cloud-locked{display:block;min-height:100dvh;background:#f4f2ec}body.cloud-locked>*:not(#auth-view){display:none!important}#auth-view{min-height:100dvh;display:grid;place-items:center;padding:28px;box-sizing:border-box;margin:0;max-width:none}#auth-view[hidden]{display:none}.auth-card{width:min(440px,100%);padding:42px;border:1px solid #d8ded6;border-radius:26px;background:#fffefa;box-shadow:0 24px 90px #294c3810}.auth-card .brand{margin-bottom:48px;color:#243d32}.auth-card .brand .dot{color:#3d8a5f}.auth-card .eyebrow{display:block;font-size:10px;letter-spacing:.16em;color:#677665}.auth-card h1{font-size:42px;letter-spacing:-.045em;line-height:1.1;margin:16px 0 22px;color:#243d32}.auth-card p{line-height:1.65;color:#657164}.auth-card form{display:grid;gap:18px;margin-top:30px}.auth-card label{display:grid;gap:8px;font-size:13px;font-weight:600}.auth-card input{width:100%;box-sizing:border-box;padding:13px;font:inherit;border:1px solid #ccd4c9;border-radius:10px;background:white}.auth-card button{cursor:pointer}.auth-card form button{padding:14px}.auth-card small{display:block;line-height:1.7;color:#788275;font-size:11px;margin-top:28px}.auth-links{display:flex;justify-content:space-between;gap:12px}.auth-links button{border:0;background:transparent;padding:0;color:#3d6550;font-size:12px}.cloud-account{border-bottom:1px solid var(--line,#ddd);padding-bottom:20px;margin-bottom:20px}.cloud-account p,.cloud-account a{overflow-wrap:anywhere}.cloud-account .hint{font-size:12px;line-height:1.6}#cloud-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;background:#243d32;color:white;box-shadow:0 5px 30px #0002;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:16px;width:max-content;max-width:90vw;box-sizing:border-box;font-size:13px}#cloud-notice.inline{position:sticky;top:0;bottom:auto;inset-inline-start:auto;transform:none;width:auto;max-width:none;margin:0;border-radius:0;justify-content:space-between}#cloud-notice button{background:#fff;color:#243d32;white-space:nowrap}@media(max-width:720px){.auth-card{padding:28px}.auth-card h1{font-size:36px}#auth-view{padding:18px}#cloud-notice{bottom:90px}}
#backup-reminder{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:10px 14px;border:1px solid #e6d9b8;border-radius:12px;background:#fbf6e8;color:#5c4a1c;font-size:13px}#backup-reminder span{flex:1;min-width:200px}#backup-reminder button{padding:6px 12px}#backup-reminder [data-dismiss-reminder]{border:0;background:transparent;font-size:18px;line-height:1;padding:4px 8px;color:#5c4a1c}
body.read-only .header-actions,body.read-only .focus-strip,body.read-only .example-tools,body.read-only #quick-update-form,body.read-only .workspace-links [data-view="Settings"],body.read-only [data-command]:not([data-command="backup"]):not([data-command="chief-status"]):not([data-command="export-study"]):not([data-command="copy-folder"]):not([data-command$="-projects"]),body.read-only :is([data-focus],[data-note-edit],[data-note-action],[data-edit-action],[data-file-remove],[data-file-edit],[data-change-edit],[data-change-delete],[data-restore-deleted],[data-recover],[data-cloud-snapshot],[data-project-edit],[data-project-archive],[data-project-task],[data-directory-toggle],[data-directory-edit]){display:none!important}body.read-only :is(select[data-action-status],select[data-check],[data-project-complete]){pointer-events:none;opacity:.75}
#cloud-password-form,#cloud-share-form{display:grid;gap:10px;margin:12px 0}#cloud-password-form[hidden]{display:none}#cloud-password-form label,#cloud-share-form label{display:grid;gap:6px;font-size:13px;font-weight:600}#cloud-sharing{margin-top:18px}
/* Team invitation card and the invitation link a Chief can copy. */
#team-invite{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1001;background:var(--surface,#fffefa);color:var(--ink,#1d2420);border:1px solid var(--line,#d8ded6);box-shadow:0 8px 34px #0003;border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:18px;width:min(620px,calc(100vw - 32px));box-sizing:border-box}
#team-invite p{margin:4px 0 0;color:var(--muted,#5d6862);font-size:13px}
#team-invite .button-row{flex-shrink:0}
@media (max-width:640px){#team-invite{flex-direction:column;align-items:stretch;top:12px}}
.invite-link-row{display:flex;gap:8px}.invite-link-row input{flex:1;min-width:0}
#view-switch{width:100%;margin-bottom:6px}