/* Login-history table and mobile cards from the current reference/index.html. */
.history-page>.ui-page-header{gap:20px;margin:8px 0 22px}
.history-page>.ui-page-header h1{font-size:var(--type-heading-management);font-weight:600;line-height:1.55;margin:4px 0}
.history-page>.ui-page-header p{margin:4px 0 0;font-size:.88rem}
.history-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:0;overflow:hidden}
.history-toolbar{padding:20px;border-bottom:1px solid var(--line);display:grid;gap:14px;align-items:center}
.history-toolbar .ui-field{font-size:.8rem;margin:0;gap:7px;min-width:0;width:100%}
.history-toolbar .ui-select-trigger{font-size:.8rem}
.history-table-wrap{overflow-x:auto}
.history-table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}
.history-table th{background:var(--field);color:var(--muted);font-weight:500;font-size:.76rem;padding:13px 18px;text-align:left;white-space:nowrap}
.history-table td{padding:18px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:.83rem;overflow-wrap:anywhere}
.history-table tr:last-child td{border-bottom:0}.history-table tbody tr:hover{background:var(--field)}
.history-table td:first-child{min-width:0;width:64px}
.history-footer{border-top:1px solid var(--line);padding:12px 20px;font-size:.76rem;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.history-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.history-pager .btn{font-size:.85rem}.history-pager svg{width:14px;height:14px}
.history-empty{text-align:center;padding:44px 20px 48px}.history-empty h3{margin:0 0 6px;font-size:1.1rem;font-weight:600}.history-empty p{margin:0 0 20px;font-size:.85rem;color:var(--muted)}
.history-note{font-size:.78rem;color:var(--muted);margin:10px 0}
@media(max-width:700px){
 .history-page>.ui-page-header{align-items:start;gap:12px}.history-page>.ui-page-header h1{font-size:1.25rem}.history-page>.ui-page-header p{font-size:.78rem}
 .history-toolbar{padding:14px;gap:10px}.history-table{min-width:0;display:block}.history-table thead{display:none}.history-table tbody{display:block}
 .history-table tr{display:flex;flex-direction:column;gap:10px;padding:18px;border-bottom:1px solid var(--line)}.history-table tr:last-child{border:0}
 .history-table td{display:block;padding:0;border:0;min-width:0}.history-table td:first-child{margin-bottom:4px;width:auto}
 .history-table td[data-label]{display:flex;align-items:baseline;justify-content:space-between;gap:16px;text-align:right;font-size:.8rem}
 .history-table td[data-label]::before{content:attr(data-label);color:var(--muted);flex:none;font-size:.75rem}
 .history-footer{padding:14px}.history-footer .history-pager{width:100%;justify-content:space-between}
}