/* Sign-in / create-account screen (js/authui.js); shares the title screen's #title backdrop and .ti-card layout */
.au-card { gap: 14px; }
.au-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: rgba(5, 12, 32, .55); padding: 5px; border-radius: 14px; border: 2px solid #2d5bb3; }
.au-tab { min-height: 44px; border: 0; border-radius: 10px; background: none; color: #c8e7ff; font: 800 16px Nunito, system-ui, sans-serif; cursor: pointer; }
.au-tab.on { background: linear-gradient(#ffd85e, #f3a51e); color: #3a2400; }
.au-form { text-align: left; }
.au-form label { display: flex; flex-direction: column; gap: 4px; font-weight: 800; font-size: 14px; color: #dbe9ff; }
.au-form input { min-height: 46px; padding: 0 12px; border-radius: 10px; border: 2px solid #2d5bb3; background: #0a1838; color: #fff; font: 700 16px Nunito, system-ui, sans-serif; }
.au-form input:focus { outline: none; border-color: #ffcb05; box-shadow: 0 0 0 3px rgba(255, 203, 5, .25); }
.au-opt { font-weight: 600; color: #8fa7d6; font-size: 12px; }
.au-hint { margin: 0; font-size: 12px; color: #8fa7d6; }
.au-error { margin: 0; min-height: 18px; color: #ff8a8a; font-weight: 800; font-size: 14px; }
.au-offline { background: none; border: 0; color: #9fc2ff; font: 700 14px Nunito, system-ui, sans-serif; text-decoration: underline; cursor: pointer; min-height: 44px; }
.ti-start[disabled] { opacity: .65; cursor: progress; }
.au-name { float: right; font-size: 12px; font-weight: 900; }
.au-name.ok { color: #7ff0a0; }
.au-name.taken { color: #ff8a8a; }
.au-meter { display: grid; grid-template-columns: repeat(4, 1fr) auto; gap: 4px; align-items: center; margin-top: -4px; }
.au-meter i { height: 5px; border-radius: 3px; background: rgba(255,255,255,.14); }
.au-meter span { grid-column: 1 / -1; font-size: 12px; font-weight: 800; color: #8fa7d6; }
.au-meter[data-s="1"] i:nth-child(-n+1) { background: #ff6b6b; }
.au-meter[data-s="2"] i:nth-child(-n+2) { background: #ffb547; }
.au-meter[data-s="3"] i:nth-child(-n+3) { background: #7fd36b; }
.au-meter[data-s="4"] i:nth-child(-n+4) { background: #3ccf7e; }
.au-terms { flex-direction: row !important; align-items: flex-start; gap: 10px !important; font-weight: 700 !important; font-size: 13px !important; line-height: 1.4; }
.au-terms input { width: 22px; height: 22px; flex: none; margin-top: 1px; accent-color: #ffd23f; }
.au-terms a { color: #ffd23f; }
.au-conn { margin: 0; color: #c8d6ff; font-weight: 700; line-height: 1.5; text-align: center; }