/* Client access screens. Shared colors and controls are defined in styles.css. */
#modal{max-height:90vh;overflow-y:auto;overscroll-behavior:contain}
#modal .auth-tabs{display:flex;gap:8px;align-items:stretch}
#modal .auth-tabs button{flex:1;min-height:44px}
#modal form{display:grid;gap:14px}
#modal form label{margin-bottom:0}
#modal form input[type=email],#modal form input[type=password]{width:100%;min-width:0}
#modal .demo-entry{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
#modal .text-link{margin-top:12px}
@media(max-width:600px){#modal{max-width:calc(100vw - 28px);padding:22px}#modal .auth-tabs{flex-wrap:wrap}}