/* Scoped login styles; approved CRM layout remains in the existing stylesheets. */
.auth-gated>.sidebar,.auth-gated>.workspace,.auth-gated>.bottom-nav,.auth-gated>#dialog,.auth-gated>#toast{display:none!important}
#auth-root{min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,390px);padding:28px}.login-card>img{width:125px;filter:brightness(0);margin-bottom:25px}.login-card h1{font-size:25px;margin:0 0 10px}.login-card p{font-size:13px;color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:17px;margin-top:23px}.login-card label{display:grid;gap:8px;font-size:13px}.login-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:white;font:inherit}.login-card .primary{min-height:44px;width:100%;font-size:14px}.login-card #login-error{margin:0;color:#b43c31}.login-card button:disabled{opacity:.65}

.q-page .pc-heading{flex-wrap:wrap}.q-page #q-error{color:#b43c31}@media(max-width:760px){.q-page>.pc-heading{margin-bottom:18px}.q-page>.pc-heading .pc-actions{width:100%;flex-wrap:wrap}.q-page>.pc-heading .pc-actions>*{flex:1;min-width:90px}.q-page>.pc-heading .pc-actions .primary{min-width:90px}}
