.danger-button{color:#a12d3e!important;border-color:#efc9cf!important;background:#fff6f7!important}
.passport-select-all{display:flex;align-items:center;gap:6px;color:#5d7287;font-size:10px;font-weight:800;white-space:nowrap}.passport-checkbox,.passport-select-all input,#selectVisiblePassports{width:15px;height:15px;accent-color:#1b6cff;cursor:pointer}.passport-select-all input{margin:0}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:#49d6c7}
.log-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.log-metrics article{padding:18px 20px;border:1px solid #e0e6ed;background:#fff}.log-metrics span,.log-metrics strong,.log-metrics small{display:block}.log-metrics span{font-size:10px;color:#728398}.log-metrics strong{font-size:24px;margin:8px 0 5px;color:#19324f}.log-metrics small{font-size:8px;letter-spacing:1px;color:#93a0ae}
.access-log-panel{padding:0;overflow:hidden}.access-log-filters{display:grid;grid-template-columns:150px 180px minmax(260px,1fr) 110px auto;gap:12px;align-items:end;padding:17px 18px;border-bottom:1px solid #e3e8ee;background:#fbfcfd}.access-log-filters label{display:grid;gap:6px}.access-log-filters label>span{font-size:9px;font-weight:800;letter-spacing:.8px;color:#738399}.access-log-filters select,.access-log-filters input[type=search]{height:38px;border:1px solid #d3dbe4;background:#fff;padding:0 11px;color:#2c4057}.access-log-filters .log-check{display:flex;align-items:center;height:38px;gap:7px;white-space:nowrap}.access-log-filters .log-check input{accent-color:var(--blue)}
.access-log-table{table-layout:fixed}.access-log-table th:nth-child(1){width:166px}.access-log-table th:nth-child(2){width:82px}.access-log-table th:nth-child(4){width:70px}.access-log-table th:nth-child(5){width:72px}.access-log-table th:nth-child(6){width:280px}.access-log-table th:nth-child(7){width:115px}.access-log-row{cursor:pointer;transition:background .15s}.access-log-row:hover,.access-log-row:focus{background:#f3f8ff;outline:none}
.method-pill,.http-status{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:9px;font-weight:900;letter-spacing:.4px}.method-pill{min-width:52px;padding:5px 6px;background:#e9f0ff;color:#245dc2}.method-post{background:#e8f7f0;color:#16805f}.method-put,.method-patch{background:#fff3df;color:#a26000}.method-delete{background:#feecef;color:#ad3546}.http-status{min-width:40px;padding:5px 7px}.http-status.good{background:#e7f7f1;color:#14765c}.http-status.bad{background:#feecef;color:#ad3546}
.log-path,.correlation-cell,.client-cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-path{font-family:Consolas,monospace;color:#254a77}.correlation-cell{font-size:9px;color:#64758a}.client-cell{color:#697b8f}.log-retention{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid #e5e9ee;color:#7b8b9d;font-size:9px;background:#fafbfd}
@media(max-width:1000px){.log-metrics{grid-template-columns:1fr 1fr}.access-log-filters{grid-template-columns:1fr 1fr}.log-search-label{grid-column:1/-1}}
@media(max-width:720px){.nav-list{grid-template-columns:repeat(7,1fr)}.nav-item .nav-icon{display:grid}.log-metrics{grid-template-columns:1fr 1fr}.access-log-filters{grid-template-columns:1fr}.log-search-label{grid-column:auto}.access-log-table{min-width:930px}.log-retention{display:grid;gap:5px}}
.credential-panel .table-toolbar{justify-content:flex-start}.credential-panel .table-toolbar input{max-width:none}.credential-panel .table-toolbar select{min-width:145px;border:1px solid #d2dae3;background:#fff;padding:0 10px}.credential-token{display:block;font:10px Consolas,monospace;color:#284e78}.credential-fingerprint{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8795a5;font-size:8px;margin-top:4px}.credential-status{display:inline-flex;padding:5px 8px;border-radius:10px;font-size:8px;font-weight:900}.credential-status.active{background:#e7f7f1;color:#14765c}.credential-status.revoked{background:#feecef;color:#ad3546}.credential-status.expired{background:#fff3df;color:#9a6200}.credential-actions{display:flex;gap:6px}.credential-actions button{padding:6px 8px;border:1px solid #ced9e4;background:#f6f9fc;color:#315b82;font-size:9px;font-weight:800;cursor:pointer}.credential-actions button.revoke{color:#a12d3e;background:#fff6f7;border-color:#efc9cf}.credential-viewer-panel{width:min(760px,94vw)}.credential-viewer-panel>#credentialViewerClaims{flex:1;overflow:auto;margin:14px 24px;padding:18px;border-radius:12px;background:#0f2135;color:#d7e5ee;font:12px/1.65 Consolas,monospace;white-space:pre-wrap}