#app-shell-auth{grid-template:"header"56px"main"1fr/1fr}.login-container{place-items:center;padding:1rem;display:grid}#app-shell-auth .login-container{grid-area:main}.user-pill-placeholder{cursor:default;background:#ffffff1a;border-radius:999px;align-items:center;gap:.5rem;padding:.125rem .625rem .125rem .125rem;display:flex}.avatar-placeholder{background:#fff3;border-radius:50%;width:28px;height:28px}.name-placeholder{background:#fff3;border-radius:6px;width:56px;height:12px}.login-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:400px;padding:2.5rem}.login-card>h1{text-align:center;margin-bottom:.25rem;font-size:1.875rem;font-weight:700}.btn-google{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;font-weight:500;text-decoration:none;display:flex}.btn-google:hover{background:var(--color-bg)}.login-card .btn-primary,.login-card .btn-google{width:100%;padding:.75rem 1rem;font-size:1rem}.btn-primary .htmx-indicator{display:none}.htmx-request .htmx-indicator{display:inline}.htmx-request .btn-text{display:none}.divider{color:var(--color-text-muted);align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-line);flex:1;height:1px}.divider span{padding:0 1rem}#login-result{margin-top:1rem}.error{color:var(--color-error);text-align:center;font-size:.875rem}.success{color:var(--color-success);text-align:center;font-size:.875rem}.error-message{color:var(--color-error);text-align:center;margin-bottom:1rem}.error-detail{text-align:center;color:var(--color-text-muted);margin-bottom:1.5rem}.login-hint{text-align:center;color:var(--color-text-muted);margin-top:1rem;font-size:.875rem}.login-message{text-align:center;color:var(--brand-teal);background:hsl(from var(--brand-teal)h s l/10%);border-radius:var(--radius);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9375rem}.pending-container{place-items:center;min-height:100vh;padding:1rem;display:grid}.pending-container>article{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:400px;padding:2.5rem}.pending-icon{width:64px;height:64px;color:var(--brand-teal);margin:0 auto 1rem}.pending-container>article>h1{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.pending-container>article>p{color:var(--color-text-muted);margin-bottom:1.5rem}.pending-info{background:var(--color-bg);border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.pending-info-row{border-bottom:1px solid var(--color-line);justify-content:space-between;padding:.5rem 0;display:flex}.pending-info-row:last-child{border-bottom:none}.pending-info-label{color:var(--color-text-muted);font-size:.875rem}.pending-info-value{font-size:.875rem;font-weight:500}.pending-actions{flex-direction:column;gap:.75rem;display:flex}.pending-container>article .btn-secondary{text-align:center;width:100%;padding:.75rem 1rem;font-size:1rem;text-decoration:none;display:inline-block}