.operation-log-page { min-width:0; }
.operation-log-filters { padding:18px; border:1px solid #dbe8e8; border-radius:12px; background:#f7fbfa; margin-bottom:22px; }
.operation-log-filter-row { display:grid; grid-template-columns:minmax(190px,1.2fr) minmax(180px,1.15fr) minmax(120px,.8fr) minmax(128px,.85fr) minmax(130px,.85fr) auto; align-items:end; gap:14px; }
.operation-log-page label,.operation-log-module-field>label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:600; color:#40556b; min-width:0; }
.operation-log-page input,.operation-log-page select { box-sizing:border-box; min-width:0; width:100%; height:38px; padding:7px 11px; background:#fff; border:1px solid #cbdcde; border-radius:7px; font-size:14px; }
.operation-log-page input:focus,.operation-log-page select:focus,.operation-log-module-picker>summary:focus-visible { outline:2px solid #79c9bd; outline-offset:2px; }
.operation-log-filter-actions { display:flex; gap:8px; align-items:center; }
.operation-log-filter-actions button { margin:0; min-height:38px; white-space:nowrap; }
.operation-log-module-picker { position:relative; margin-top:7px; }
.operation-log-module-picker>summary { display:flex; justify-content:space-between; align-items:center; min-height:38px; padding:7px 11px; box-sizing:border-box; background:white; border:1px solid #cbdcde; border-radius:7px; font-size:14px; cursor:pointer; list-style:none; }
.operation-log-module-picker>summary::-webkit-details-marker { display:none; }
.operation-log-module-picker>summary svg { width:15px; height:15px; flex:none; }
.operation-log-module-picker[open]>summary { border-color:#0d8b7f; }
.operation-log-module-menu { position:absolute; top:calc(100% + 6px); left:0; width:max(100%,260px); max-width:calc(100vw - 48px); z-index:100; padding:8px; background:white; border:1px solid #dbe7e7; border-radius:9px; box-shadow:0 8px 24px #153b3826; }
.operation-log-module-options { max-height:280px; overflow:auto; margin-top:7px; }
.operation-log-module-options button { display:block; width:100%; text-align:left; margin:0; padding:9px 11px; border:0; border-radius:5px; color:#314859; background:transparent; font-size:14px; }
.operation-log-module-options button:hover,.operation-log-module-options button[aria-pressed="true"] { background:#e4f4ef; color:#077c70; }
.operation-log-module-options p { padding:8px; margin:0; color:#6c7c8d; }
.operation-log-more { margin-top:13px; font-size:13px; color:#60778a; }
.operation-log-more>summary { cursor:pointer; width:fit-content; }
.operation-log-advanced { display:flex; flex-wrap:wrap; gap:16px; margin-top:13px; }
.operation-log-advanced label { width:200px; }
.operation-log-list-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.operation-log-list-heading h2 { display:flex; align-items:center; gap:10px; font-size:18px; margin:0; }
.operation-log-count { font-size:12px; padding:3px 9px; border-radius:20px; color:#087e72; background:#e3f3ef; }
#operationLogState { font-size:13px; color:#66818d; }
#operationLogState[data-error="true"] { color:#b42318; }
.operation-log-notice { font-size:12px; color:#748598; line-height:1.7; margin:10px 0 15px; }
.operation-log-table-wrap { overflow:auto; border:1px solid #dde8ec; border-radius:10px; max-width:100%; }
.operation-log-table { width:100%; min-width:1140px; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.operation-log-table th { text-align:left; color:#4c677b; font-weight:600; background:#f0f7f6; padding:12px; white-space:nowrap; }
.operation-log-table td { padding:14px 12px; vertical-align:middle; border-top:1px solid #e5edf0; color:#30485a; overflow-wrap:anywhere; line-height:1.65; }
.operation-log-table th:nth-child(1) { width:48px; }.operation-log-table th:nth-child(2) { width:125px; }.operation-log-table th:nth-child(3) { width:190px; }.operation-log-table th:nth-child(4) { width:95px; }.operation-log-table th:nth-child(5) { width:100px; }.operation-log-table th:nth-child(6) { width:100px; }.operation-log-table th:nth-child(7) { width:95px; }.operation-log-table th:nth-child(8) { width:165px; }.operation-log-table th:nth-child(9) { width:100px; }.operation-log-table th:nth-child(10) { width:60px; }
.operation-log-table tbody tr:nth-child(even) { background:#fbfdfd; }.operation-log-table tbody tr:hover { background:#f1f9f7; }
.operation-log-table td:nth-child(1),.operation-log-table td:nth-child(8) { color:#697f91; font-variant-numeric:tabular-nums; }
.operation-log-table td:nth-child(8) { white-space:nowrap; }
.operation-log-table button.operation-log-detail { padding:3px 0; margin:0; border:0; background:transparent; color:#008779; font-weight:600; box-shadow:none; }
.operation-log-badge { display:inline-block; font-size:12px; font-weight:500; padding:2px 8px; border-radius:16px; white-space:nowrap; background:#edf1f4; color:#546978; }
.operation-log-badge.success { background:#e1f5ed; color:#087b57; }.operation-log-badge.failed { background:#fff0ed; color:#b42318; }.operation-log-badge.accepted { background:#fff5d9; color:#946800; }
.operation-log-table .operation-log-empty { height:150px; text-align:center; color:#728493; }
.operation-log-pagination { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:14px; margin-top:17px; color:#668092; font-size:13px; }
.operation-log-pagination>span { margin-right:auto; }.operation-log-pagination label { flex-direction:row; align-items:center; font-weight:400; gap:7px; }
.operation-log-pagination select { width:82px; }.operation-log-pagination input { width:62px; }
.operation-log-pages { display:flex; gap:5px; align-items:center; }.operation-log-pages button { margin:0; min-width:34px; padding:6px 9px; border:1px solid #d3e3e3; background:white; color:#486578; border-radius:6px; }.operation-log-pages button[aria-current="page"] { color:#078172; border-color:#2aa08f; background:#e8f6f2; }.operation-log-pages button:disabled { opacity:.4; }
#operationLogJumpForm { display:flex; align-items:center; gap:8px; margin:0; }#operationLogJumpForm button { margin:0; padding:7px 10px; }
.operation-log-modal { z-index:1900; padding:20px; }.operation-log-dialog { display:flex; flex-direction:column; width:min(960px,100%); max-height:88vh; background:white; border:1px solid #dbe8e8; border-radius:16px; box-shadow:0 24px 72px #102e3a40; min-width:0; }
.operation-log-dialog-heading { padding:20px 24px; border-bottom:1px solid #e1eceb; display:flex; align-items:center; justify-content:space-between; gap:16px; }.operation-log-dialog-heading h2 { margin:6px 0 0; font-size:20px; }.operation-log-eyebrow { font-size:12px; color:#087e72; }.operation-log-dialog-heading button { margin:0; }
.operation-log-dialog-body { padding:22px 24px; overflow:auto; min-height:140px; }.operation-log-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 0 22px; }.operation-log-detail-grid dt { font-size:12px; color:#7b8c9c; margin-bottom:6px; }.operation-log-detail-grid dd { margin:0; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }.operation-log-detail-grid .operation-log-wide { grid-column:1/-1; }
.operation-log-dialog-body h3 { font-size:15px; margin:20px 0 12px; }.operation-log-change-wrap { border:1px solid #e0e9ed; border-radius:8px; overflow:auto; }.operation-log-changes { width:100%; table-layout:fixed; border-collapse:collapse; font-size:13px; min-width:520px; }.operation-log-changes th { background:#f4f8f7; text-align:left; padding:10px 12px; }.operation-log-changes td { border-top:1px solid #e6eded; padding:10px 12px; vertical-align:top; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }.operation-log-changes th:first-child { width:24%; }.operation-log-changes .operation-log-new { background:#f1faf6; }.operation-log-detail-note { background:#f5f9fa; padding:12px 14px; color:#617988; font-size:13px; border-radius:8px; line-height:1.7; }
@media(max-width:1250px) { .operation-log-filter-row { grid-template-columns:repeat(3,minmax(0,1fr)); }.operation-log-filter-actions { justify-content:flex-end; } }
@media(max-width:700px) { .operation-log-filter-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.operation-log-filters { padding:14px; }.operation-log-module-field { grid-column:1/-1; }.operation-log-filter-actions { justify-content:flex-start; }.operation-log-pagination { justify-content:flex-start; }.operation-log-pagination>span { width:100%; }.operation-log-dialog-heading,.operation-log-dialog-body { padding:16px; }.operation-log-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.operation-log-modal { padding:10px; } }