
/* Kramer Kundenportal – Login-Audit (dark design, scoped styles) */
.la-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.la-stat,.la-box,.la-table-wrap{background:#19191b;border:1px solid #363639;border-radius:15px}
.la-stat{padding:22px;min-width:0}.la-stat>span{display:block;color:#a7a6a4;font-size:12px;margin-bottom:14px}
.la-stat>strong{display:block;font-size:32px;color:#fff;line-height:1.3;overflow-wrap:anywhere}.la-stat .la-warn{color:#ffad54}.la-stat .la-smaller{font-size:17px}
.la-box{padding:22px;margin-bottom:22px}.la-filters{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(4,minmax(100px,1fr));gap:12px;align-items:end}
.la-filters label{display:flex;flex-direction:column;gap:8px;color:#bbb;font-weight:700;font-size:12px;min-width:0}
.la-filters input,.la-filters select{width:100%;min-width:0;height:44px;border:1px solid #48484b;background:#111113;color:#f4f4f4;padding:10px 12px;border-radius:9px;font:inherit}
.la-filters input:focus,.la-filters select:focus{outline:2px solid #ff9c12;outline-offset:1px}
.la-filter-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;grid-column:1/-1}
.la-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.la-heading h2{margin:0;font-size:19px;color:#f5f5f5}.la-heading small{font-weight:400;font-size:13px;color:#999;margin-left:8px}
.la-table-wrap{overflow-x:auto}.la-table{border-collapse:collapse;width:100%;min-width:760px;background:transparent}
.la-table th{background:#222225;color:#a9a9ab;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.055em;padding:16px 14px;border-bottom:1px solid #39393c;white-space:nowrap}
.la-table td{color:#d7d6d5;font-size:12px;padding:17px 14px;border-bottom:1px solid #303033;vertical-align:middle}.la-table tr:last-child td{border-bottom:0}.la-table tr:hover td{background:#222124}
.la-table td strong{display:block;color:#fafafa;font-weight:750;margin-bottom:4px}.la-table td span:not(.la-status){display:block;color:#a4a2a1;overflow-wrap:anywhere}
.la-date,.la-ip{white-space:nowrap;color:#b8b9bf!important;font-variant-numeric:tabular-nums}.la-ip{font-size:11px!important}
.la-status{display:inline-flex;align-items:center;max-width:max-content;padding:7px 9px;border-radius:7px;font-weight:800;white-space:nowrap;color:#b5edca;background:#183526}
.la-failed,.la-mfa_failed,.la-blocked,.la-mfa_blocked{background:#3c221e;color:#ffb2a2}.la-logout{background:#292930;color:#b4b4c2}
.la-empty{text-align:center;color:#aaa!important;padding:35px!important}.la-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:17px 0 32px}.la-footer p{color:#a3a0a0;font-size:12px;max-width:580px;line-height:1.6;margin:0}
.la-pages{display:flex;align-items:center;gap:13px;color:#aaa;font-size:12px}.la-pages a{color:#ffb045;font-weight:700}
.la-ok{color:#a6edbd}.la-alert-error{color:#ffb9a8}.la-muted{font-size:12px;color:#999;margin-top:22px}
@media(max-width:1200px){.la-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.la-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.la-stats{grid-template-columns:1fr}.la-filters{grid-template-columns:1fr 1fr}.la-filters>label:first-child{grid-column:1/-1}.la-box{padding:17px}.la-heading{align-items:flex-start;flex-wrap:wrap}.la-heading small{display:block;margin:7px 0 0}}
@media(max-width:460px){.la-filters{grid-template-columns:1fr}.la-filters>label:first-child{grid-column:auto}.la-filter-actions{flex-direction:column;align-items:stretch}.la-filter-actions>*{width:100%}}
