/* What the public page adds to the SHIFT design in design/css (copied from the app, never edited): the sign-in form, the notes'
   delivery state, and the room for an extra bar. Everything else is the app's own stylesheets. */
#app { min-height: 100vh; }
.review-signin { align-items: stretch; display: flex; flex-direction: column; gap: 10px; max-width: 24rem; text-align: left; width: 100%; }
.review-signin label { color: var(--text-secondary); font-size: 12px; }
.review-signin .btn { width: 100%; }
.review-signin__test { border-top: 1px solid var(--line-subtle); display: flex; flex-direction: column; gap: 8px; margin-top: 8px; padding-top: 12px; }
.review-choices { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; width: 100%; max-width: 24rem; }
.director-note__sync { color: var(--text-dim); font-size: 10px; line-height: 14px; margin: 0; }
.director-note[data-state=applied] .director-note__sync { color: #7fd08f; }
.director-note[data-state=rejected] .director-note__sync, .director-note[data-state=conflict] .director-note__sync { color: var(--status-red); }
.director-note[data-state=retrying] .director-note__sync { color: var(--highlight); }
.review-banner { background: var(--highlight-soft); border-bottom: 1px solid var(--highlight); color: var(--highlight); font-size: 13px; margin: 0; padding: 8px 16px; }