.logs-toolbar{display:flex;gap:12px;align-items:end;background:var(--surface);padding:14px;border-bottom:1px solid var(--hairline);flex-wrap:wrap}.logs-toolbar label{display:grid;gap:5px;color:var(--ink-2);font-size:11px;font-weight:700}.logs-toolbar input,.logs-toolbar select{height:38px;min-width:170px;border:1px solid var(--hairline);border-radius:5px;padding:7px;background:var(--surface);max-width:100%}.log-table{overflow:auto;background:var(--surface);max-width:100%}.log-table table{width:100%;min-width:1550px;border-collapse:collapse;font-size:12px}.log-table th{background:var(--hairline-2);color:var(--ink-2);text-align:left;font-weight:600}.log-table th,.log-table td{padding:12px 14px;border-bottom:1px solid var(--hairline);vertical-align:top}.log-table td:nth-child(1){text-align:center}.log-table .json{max-width:430px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2)}.log-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px;background:var(--surface);flex-wrap:wrap}.log-pagination #logs-total{margin-right:auto;color:var(--ink-3)}.log-pagination .secondary{padding:7px 12px}/* Az orokolt, `data-label`-es kartyanezet. Csak a regi jelolesre ervenyes: a `log-table user-table` parost az app.js sajat felhasznalo-tablaja adja, ami akkor marad a kepen, ha a hivonak nincs `access.manage` joga. A Felhasznalok es a Tenantok lap modern tablaja `user-table-wrap` + `user-table`, es sajat szabalyokat kap a platform.css-ben - a lenti szelessegek es a mobil-kartyak nem szolhatnak bele. */#user-list.log-table.user-table{overflow:hidden}#user-list.log-table.user-table>table{width:100%!important;min-width:0!important;max-width:100%;table-layout:fixed}.log-table.user-table{overflow:hidden;border:1px solid var(--hairline);border-radius:9px}.log-table.user-table table{min-width:0;table-layout:fixed}.log-table.user-table th:nth-child(1){width:15%}.log-table.user-table th:nth-child(2){width:19%}.log-table.user-table th:nth-child(8){width:19%}.log-table.user-table td{overflow-wrap:anywhere}.log-table.user-table td:last-child{display:flex;gap:6px;flex-wrap:wrap}.log-table.user-table .secondary{padding:7px 9px;font-size:11px}.status-toggle{border:0;border-radius:999px;background:var(--hairline-2);color:var(--ink-3);padding:5px 11px;font-weight:800;font-size:11px;cursor:pointer}.status-toggle.on{background:#0ba8a4;color:#fff}@media(max-width:1500px){.log-table.user-table table,.log-table.user-table tbody,.log-table.user-table tr,.log-table.user-table td{display:block;width:100%}.log-table.user-table thead{display:none}.log-table.user-table tbody{padding:10px}.log-table.user-table tr{margin:0 0 12px;border:1px solid var(--hairline);border-radius:9px;overflow:hidden}.log-table.user-table tr:last-child{margin-bottom:0}.log-table.user-table td{display:grid;grid-template-columns:minmax(125px,38%) 1fr;gap:12px;padding:9px 12px;text-align:left!important;border-bottom:1px solid var(--hairline-2)}.log-table.user-table td::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--ink-3)}.log-table.user-table td[colspan]{display:block;text-align:center!important}.log-table.user-table td[colspan]::before{display:none}.log-table.user-table td:last-child{display:flex}.log-table.user-table td:last-child::before{flex:0 0 135px}}
