.operation-logs{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.logs-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding:12px 16px;border-bottom:1px solid var(--line);background:#fcfdf9}
.log-level-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--control-height);padding:4px 10px;border:1px solid #e2e7dc;border-radius:5px;background:#fff;font-size:11px;line-height:20px;font-weight:600;cursor:pointer;user-select:none}
.log-level-toggle input{width:13px;height:13px;margin:0;accent-color:#41583b;cursor:pointer}
.log-level-toggle:focus-within{outline:2px solid #bf973e;outline-offset:2px}
.log-level-toggle:has(input:not(:checked)){color:#8a9386;background:#f4f6f0}
.log-level-toggle.log-info{color:#3f7350}.log-level-toggle.log-warn{color:#9a7027}.log-level-toggle.log-error{color:#a64c40}.log-level-toggle.log-debug{color:#607283}

.log-output{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;padding:8px 0;background:#fbfcf9;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d2c0 transparent;container-type:inline-size}
.log-output:focus-visible{outline:2px solid #bf973e;outline-offset:-2px}
.log-entries{width:max-content;min-width:100%}
.log-entry{min-height:28px;padding:4px 16px;border-left:2px solid transparent;color:#4b5b4e;font-family:"Cascadia Code",Consolas,"SFMono-Regular",monospace;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums}
.log-line{white-space:pre}
.log-response{width:min(960px,calc(100cqw - 34px));margin-top:2px;color:#62715e;white-space:normal}
.log-response summary{width:max-content;min-height:28px;padding:3px 0;cursor:pointer;font-size:11px}
.log-response summary:focus-visible{outline:2px solid #bf973e;outline-offset:2px}
.log-response-body{max-height:320px;margin:4px 0 6px;padding:10px 12px;border:1px solid #dfe5d7;border-radius:5px;background:#fff;color:#4b5b4e;font:inherit;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
.log-entry:hover{background:#f0f4ea}
.log-entry.log-warn{border-left-color:#d4af60;background:#fffbf0;color:#906822}
.log-entry.log-error{border-left-color:#c57566;background:#fff5f1;color:#a24c40}
.log-entry.log-debug{color:#7a8790}
.logs-empty{position:sticky;left:0;display:grid;place-items:center;min-height:100%;width:100%;margin:0;padding:24px;color:var(--muted);font-size:13px}
@media(max-width:600px){
.logs-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px}
.logs-toolbar:has(.log-debug[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}
.log-level-toggle{min-width:0;padding:4px;gap:4px;min-height:44px;font-size:10px;white-space:nowrap}
.log-entry{padding-inline:10px;font-size:11px}
.log-response{width:calc(100cqw - 22px)}
.log-response summary{min-height:36px;padding-block:8px}
.topbar{gap:6px}
.topbar>span{min-width:0;white-space:nowrap}
.topbar .crumb-separator{padding-inline:5px}
.mobile-pages{gap:0;margin-left:0}
.mobile-pages a{padding-inline:7px}
}