.staff-login-enabled [hidden] { display: none !important; }
.staff-login-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; background: #edf2ef; border-radius: 12px; }
.staff-login-methods button { min-height: 42px; border: 0; border-radius: 9px; color: #52625b; background: transparent; font: inherit; font-size: 14px; cursor: pointer; }
.staff-login-methods button[aria-pressed="true"] { background: #fff; color: #184b38; font-weight: 700; box-shadow: 0 1px 4px #183c2514; }
.staff-sms-code { min-width: 0; }
.staff-sms-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.staff-sms-row input { min-width: 0; width: 100%; box-sizing: border-box; }
.staff-sms-send { min-width: 104px; min-height: 44px; padding: 8px 12px; border: 1px solid #c3d7ca; border-radius: 9px; background: #edf5ef; color: #184b38; font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.staff-sms-send:disabled, .staff-login-methods button:disabled { cursor: default; opacity: .65; }
.staff-login-message { margin: 0; color: #52625b; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.staff-login-message:empty { display: none; }
.staff-login-message.is-error { color: #a82c2c; }
.staff-login-enabled button:focus-visible, .staff-login-enabled input:focus-visible { outline: 2px solid #2a7050; outline-offset: 3px; }