.login-audit { margin-top: 2rem; }
.login-audit-heading { align-items: end; display: flex; gap: 1rem; justify-content: space-between; }
.login-audit-heading h2 { margin-bottom: .25rem; }
.login-audit-filter { display: grid; gap: .35rem; min-width: 9rem; }
.login-audit-filter label { font-size: .85rem; font-weight: 700; }
.login-audit-filter select { background: rgba(255,255,255,.82); border: 1px solid rgba(113,67,47,.32); border-radius: .8rem; color: #4f2f22; min-height: 44px; padding: .55rem 2rem .55rem .75rem; }
.login-audit-note { background: rgba(255,255,255,.66); border-left: 3px solid #9a674d; border-radius: .55rem; margin: 1rem 0; padding: .75rem; }
.login-audit-signal { background: #fff3df; border: 1px solid #d59f61; border-radius: .8rem; display: flex; flex-wrap: wrap; gap: .35rem .75rem; margin-bottom: 1rem; padding: .75rem; }
.login-audit-signal[data-clear="true"] { background: rgba(255,255,255,.7); border-color: rgba(113,67,47,.2); }
.login-audit-table-wrap { overflow-x: auto; }
.login-audit-table { border-collapse: collapse; min-width: 42rem; width: 100%; }
.login-audit-table th, .login-audit-table td { border-bottom: 1px solid rgba(113,67,47,.16); padding: .75rem; text-align: left; vertical-align: top; }
.login-audit-table th small { display: block; font-weight: 400; margin-top: .25rem; }
.login-audit-badge { background: #71432f; border-radius: 999px; color: white; display: inline-block; font-size: .72rem; margin-left: .4rem; padding: .16rem .45rem; }
@media (max-width: 600px) {
  .login-audit-heading { align-items: stretch; flex-direction: column; }
  .login-audit-table { min-width: 0; }
  .login-audit-table thead { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .login-audit-table tr { background: rgba(255,255,255,.68); border-radius: .8rem; display: block; margin-bottom: .75rem; padding: .65rem; }
  .login-audit-table th, .login-audit-table td { border: 0; display: flex; gap: .75rem; justify-content: space-between; padding: .35rem; }
  .login-audit-table th { display: block; }
  .login-audit-table td::before { content: attr(data-label); font-weight: 700; }
}