/* Team sign in. Venture Build Co. black and orange. Covers the app until someone is signed in. */
#auth { position: fixed; inset: 0; z-index: 5000; display: none; grid-template-columns: 1fr; background: #f6f4ef; color: #151514; color-scheme: light; font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; overflow: auto; }
#auth:not(.hidden) { display: grid; }
@media (min-width: 900px) { #auth:not(.hidden) { grid-template-columns: minmax(340px, 5fr) 7fr; } }
#auth .au-side { display: none; background: #efece4; color: #151514; padding: 40px 48px; flex-direction: column; justify-content: space-between; gap: 32px; border-right: 4px solid #ef4f0c; }
@media (min-width: 900px) { #auth .au-side { display: flex; } }
#auth .au-logo { display: block; height: 44px; width: auto; align-self: flex-start; }
#auth .au-side h2 { font-size: 1.7rem; letter-spacing: -.02em; margin: 0 0 24px; font-weight: 700; color: #151514; }
#auth .au-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
#auth .au-list li { display: flex; gap: 14px; align-items: flex-start; }
#auth .au-list svg { width: 22px; height: 22px; flex: none; margin-top: 2px; fill: none; stroke: #ef4f0c; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#auth .au-list b { display: block; font-weight: 600; }
#auth .au-list span { display: block; color: #5d5953; font-size: .93rem; line-height: 1.5; margin-top: 2px; }
#auth .au-foot { margin: 0; color: #5d5953; font-size: .9rem; border-top: 1px solid #d9d4c8; padding-top: 18px; }
#auth .au-main { display: flex; padding: 20px; min-height: 100%; }
#auth .au-card { margin: auto; width: 100%; max-width: 420px; background: #fff; border: 1px solid #e3dfd6; border-radius: 18px; padding: 32px 28px; }
#auth .au-logo-m { display: block; height: 35px; width: auto; margin: 0 0 22px; }
@media (min-width: 900px) { #auth .au-logo-m { display: none; } }
#auth h1 { font-size: 1.7rem; letter-spacing: -.025em; margin: 0 0 6px; color: #151514; }
#auth .au-sub { color: #5d5953; margin: 0 0 22px; font-size: .97rem; }
#auth label { display: block; font-weight: 600; font-size: .9rem; margin: 14px 0 6px; color: #151514; }
#auth input[type=email], #auth input[type=password], #auth input[type=text] { width: 100%; height: auto; font: inherit; padding: 12px 13px; border: 1px solid #cfcabf; border-radius: 10px; background: #fff; color: #151514; box-shadow: none; }
#auth input:focus { border-color: #ef4f0c; outline: 2px solid rgba(239,79,12,.25); outline-offset: 0; }
#auth .au-row { display: flex; justify-content: space-between; align-items: baseline; }
#auth .au-row a { font-size: .88rem; font-weight: 600; text-decoration: none; color: #a83304; }
#auth .au-pw { position: relative; }
#auth .au-pw input { padding-right: 64px; }
#auth .au-pw button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: none; box-shadow: none; font: inherit; font-size: .88rem; font-weight: 600; color: #5d5953; padding: 8px 10px; cursor: pointer; width: auto; height: auto; }
#auth .au-chk { display: flex; gap: 9px; align-items: center; font-weight: 500; margin: 16px 0 0; }
#auth .au-chk input { width: 18px; height: 18px; accent-color: #ef4f0c; }
#auth .au-msg { margin: 14px 0 0; padding: 10px 12px; border-radius: 10px; font-size: .92rem; background: #fdecea; color: #b3261e; }
#auth .au-msg.ok { background: #e8f5ec; color: #1d6b3a; }
#auth .au-go { width: 100%; margin-top: 18px; font: inherit; font-weight: 700; padding: 13px; border: 0; border-radius: 10px; background: #ef4f0c; color: #fff; cursor: pointer; box-shadow: none; }
#auth .au-go:hover { background: #d94509; }
#auth .au-help { text-align: center; color: #5d5953; font-size: .9rem; margin: 18px 0 0; }

/* Light by default: the sign-out screen follows the theme. Dark artwork on light, light artwork on dark. */
#auth .au-d { display: none; }
@media (max-width: 899px) { #auth .au-logo-m.au-l { display: block; } }
html[data-theme="dark"] #auth { background: #0d0e0d; color: #f2f0ea; color-scheme: dark; }
html[data-theme="dark"] #auth .au-side { background: #151514; color: #fff; }
html[data-theme="dark"] #auth .au-side h2 { color: #fff; }
html[data-theme="dark"] #auth .au-list span, html[data-theme="dark"] #auth .au-foot { color: #bdb8ae; }
html[data-theme="dark"] #auth .au-foot { border-top-color: #353533; }
html[data-theme="dark"] #auth .au-l { display: none; }
html[data-theme="dark"] #auth .au-logo.au-d { display: block; }
@media (max-width: 899px) { html[data-theme="dark"] #auth .au-logo-m.au-d { display: block; } }
html[data-theme="dark"] #auth .au-card { background: #181917; border-color: #2e2f2c; }
html[data-theme="dark"] #auth h1, html[data-theme="dark"] #auth label { color: #f2f0ea; }
html[data-theme="dark"] #auth .au-sub, html[data-theme="dark"] #auth .au-help { color: #b8b3a9; }
html[data-theme="dark"] #auth input[type=email], html[data-theme="dark"] #auth input[type=password], html[data-theme="dark"] #auth input[type=text] { background: #111211; border-color: #3a3b38; color: #f2f0ea; }
html[data-theme="dark"] #auth .au-pw button { color: #b8b3a9; }
html[data-theme="dark"] #auth .au-row a, html[data-theme="dark"] #auth .au-help a { color: #ff8a55; }
html[data-theme="dark"] #auth .au-msg { background: #3a1816; color: #ffb4ab; }
html[data-theme="dark"] #auth .au-msg.ok { background: #14301f; color: #8fdcab; }