.cloud-sign-in { min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
.cloud-sign-in-card { width: min(100%, 34rem); }
.cloud-sign-in-card h1 { font-size: 1.5rem; line-height: 1.25; }
.cloud-brand { font-size: .8rem; font-weight: 700; letter-spacing: .15em; }
.cloud-sign-in-card #clerk-signin { margin-top: 1.5rem; }
.cloud-session { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; font: 14px/1.5 system-ui, sans-serif; }
body > .cloud-session { padding: .75rem 1rem; border-bottom: 1px solid #64748b55; }
.cloud-session[data-state="error"] { position: fixed; top: .75rem; right: .75rem; z-index: 100; width: min(42rem, calc(100vw - 1.5rem)); max-height: calc(100vh - 1.5rem); overflow: auto; padding: .75rem 1rem; border: 1px solid #b91c1c; border-radius: .375rem; color: #991b1b; background: #fef2f2; box-shadow: 0 2px 8px #0002; }
#cloud-session-status:empty { display: none; }
#cloud-account-subject { overflow-wrap: anywhere; }
.cloud-session button, .cloud-session a { font: inherit; }
.cloud-session [hidden], .cloud-sign-in [hidden] { display: none; }
.cloud-board-creation { margin: 0; }
.cloud-board-creation > summary { cursor: pointer; border: 1px solid var(--line, #c9d2df); border-radius: .375rem; padding: .45rem .75rem; font-weight: 600; }
.cloud-board-creation form { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .75rem; max-width: none; flex-shrink: 1; }
.cloud-board-creation input[name="board_id"] { min-width: 0; max-width: 100%; }
@media (max-width: 640px) {
  .cloud-sign-in { padding: 1rem; }
  .cloud-session { justify-content: flex-start; }
}