.auth-locked .registration-card { display:none; }
.auth-card { width:min(490px,100% - 24px); margin:32px auto; padding:30px; background:var(--white); border:1px solid var(--line); border-radius:var(--radius-xl); box-shadow:var(--shadow); }
.auth-card h2 { font-size:1.7rem; margin:18px 0 8px; }
.auth-card p { line-height:1.7; color:var(--muted); }
.auth-card label { display:block; font-weight:700; margin:20px 0 8px; }
.auth-card input { width:100%; min-height:52px; padding:12px 15px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font-size:1rem; }
.auth-card input:focus { outline:2px solid var(--gold); outline-offset:2px; }
.auth-card input[readonly] { background:var(--paper); }
.auth-card .primary-btn { width:100%; min-height:50px; margin-top:20px; }
.auth-card button:disabled { opacity:.6; cursor:wait; }
.auth-language { float:inline-end; }
.auth-links { display:flex; gap:12px; flex-wrap:wrap; justify-content:space-between; margin-top:16px; }
.auth-links button { background:none; border:0; color:var(--gold-dark); cursor:pointer; padding:8px 0; }
.auth-message { background:var(--gold-pale); padding:12px 15px; border-radius:12px; font-size:.95rem; }
#staffCode { text-align:center; font-size:1.7rem; letter-spacing:.32em; }
.staff-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:17px 32px; border-bottom:1px solid var(--line); background:#fbfaf7; }
.staff-identity { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.staff-avatar { display:grid; place-items:center; flex:0 0 44px; height:44px; border-radius:50%; color:#7a5917; background:var(--gold-pale); font-size:1.25rem; font-weight:800; }
.staff-details { display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-width:0; line-height:1.3; }
.staff-caption { font-size:.7rem; color:var(--muted); }
#staffName { font-size:.95rem; font-weight:800; }
#staffEmailLabel { max-width:100%; font-family:Arial,sans-serif; font-size:.75rem; color:var(--muted); overflow-wrap:anywhere; text-align:start; }
.staff-logout { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 16px; border:1px solid #ded7ca; border-radius:11px; background:#fff; color:#35302a; font-weight:700; font-size:.85rem; white-space:nowrap; cursor:pointer; }
.staff-logout:hover { background:var(--gold-pale); border-color:var(--gold); }
.staff-logout:focus-visible { outline:2px solid var(--gold-dark); outline-offset:3px; }
@media(max-width:600px) { .staff-bar { padding:14px 16px; gap:12px; } .staff-avatar { flex-basis:36px; height:36px; } .staff-logout { padding:9px 11px; } #staffEmailLabel { font-size:.69rem; } }
@media(max-width:390px) { .staff-bar { flex-wrap:wrap; } .staff-logout { margin-inline-start:auto; } }
#receptionEmployeeName[readonly] { background:var(--paper); }
@media(max-width:600px) { .auth-card { padding:23px; margin:24px auto; } }