.logs-view{--logs-paper:#fff;--logs-canvas:#fafafa;--logs-ink:#18202d;--logs-muted:#778292;--logs-line:#dfe3e9;--logs-accent:#2166ab;min-height:100%;background:var(--logs-canvas);color:var(--logs-ink)}.logs-content{max-width:1680px;margin:0 auto;padding:38px 30px 42px}.logs-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.logs-eyebrow{display:block;color:var(--logs-muted,#778292);font-size:10px;font-weight:650;letter-spacing:.1em}.logs-header h1{margin:8px 0 6px;font-size:29px;letter-spacing:-.035em;font-weight:620}.logs-header p{margin:0;color:var(--logs-muted);font-size:12px}.logs-header-actions,.logs-table-actions{display:flex;align-items:center;gap:9px}.logs-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid var(--logs-line,#dfe3e9);border-radius:6px;background:var(--logs-paper,#fff);color:var(--logs-ink,#18202d);font:inherit;font-size:11.5px;white-space:nowrap;cursor:pointer}.logs-button:hover{border-color:#a8b5c7;background:var(--logs-canvas,#f6f7f9)}.logs-button:disabled{opacity:.45;cursor:default}.logs-button svg,.logs-view svg,.logs-settings svg,.logs-details svg{width:16px;height:16px;flex:none}.logs-header-actions>.logs-button{width:38px;height:38px;padding:0}.logs-header-actions .theme-switcher-trigger{width:38px;height:38px}.logs-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--logs-line);border-radius:9px;background:var(--logs-paper);margin-bottom:22px;padding:19px 0}.logs-summary>div{padding:0 24px;border-right:1px solid var(--logs-line)}.logs-summary>div:last-child{border:0}.logs-summary span{display:block;color:var(--logs-muted);font-size:11px;margin-bottom:7px}.logs-summary strong{font-size:23px;font-weight:560;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.logs-panel{border:1px solid var(--logs-line);border-radius:10px;background:var(--logs-paper);overflow:hidden;box-shadow:0 2px 6px #17203304}.logs-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid var(--logs-line)}.logs-panel-heading>div:first-child{display:flex;align-items:center;gap:10px}.logs-panel-heading svg{color:var(--logs-muted)}.logs-panel-heading h2{font-size:13px;font-weight:600;margin:0}.logs-panel-heading>div:first-child>span{border-left:1px solid var(--logs-line);padding-left:10px;color:var(--logs-muted);font-size:11px}.logs-filters{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--logs-line);flex-wrap:wrap}.logs-search{position:relative;display:flex;align-items:center;flex:1;max-width:440px;min-width:220px}.logs-search svg{position:absolute;left:11px;color:var(--logs-muted);pointer-events:none}.logs-search input{width:100%;height:36px;padding:0 12px 0 35px;border:1px solid var(--logs-line);border-radius:6px;background:var(--logs-paper);color:var(--logs-ink);font:inherit;font-size:11.5px}.logs-search input::placeholder{color:var(--logs-muted)}.logs-clear{border:0;background:transparent;color:var(--logs-accent);font:inherit;font-size:11px;cursor:pointer}.logs-table-scroll{overflow:auto;max-height:650px;min-height:45px}.logs-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:11.5px}.logs-table th{position:sticky;top:0;z-index:2;padding:14px 16px;border-bottom:1px solid var(--logs-line);background:var(--logs-canvas);color:var(--logs-muted);font-size:10px;letter-spacing:.025em;font-weight:550;text-align:left;white-space:nowrap}.logs-table td{padding:17px 16px;border-bottom:1px solid var(--logs-line);color:var(--logs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--logs-paper);font-variant-numeric:tabular-nums}.logs-table tbody tr:last-child td{border-bottom:0}.logs-table .is-pinned{box-shadow:1px 0 0 var(--logs-line);z-index:1}.logs-table th.is-pinned{z-index:3}.logs-table tr:hover td{background:#f7f9fc}.logs-table.is-compact td{padding-block:10px}.logs-row-link{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-size:11px;text-align:left;cursor:pointer}.logs-row-link:hover{color:var(--logs-accent);text-decoration:underline;text-underline-offset:3px}.logs-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.logs-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.logs-status.is-success{color:#2c8264}.logs-status.is-error{color:#b8444d}.logs-state{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:28px;text-align:center}.logs-state>svg{width:25px;height:25px;margin-bottom:7px;color:var(--logs-muted)}.logs-state strong{font-size:14px;font-weight:580}.logs-state p{margin:0 0 5px;font-size:12px;color:var(--logs-muted)}.logs-state .profile-loading-dot{border-top-color:var(--logs-accent)}.logs-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--logs-line);padding:14px 20px;color:var(--logs-muted);font-size:11px}.logs-pagination>div{display:flex;align-items:center;gap:8px}.logs-pagination>div>span{margin-right:7px}.logs-pagination .logs-button{min-height:30px;font-size:11px}.logs-footnote{margin:13px 2px;color:var(--logs-muted);font-size:10px}.logs-settings{position:fixed;inset:auto;margin:0;padding:0;overflow:auto;border:1px solid #dfe3e9;border-radius:9px;background:#fff;color:#18202d;box-shadow:0 10px 34px #17203326;font:12px Inter,system-ui,sans-serif}.logs-settings::backdrop{background:transparent}.logs-settings-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e7eaf0}.logs-settings-head strong{font-size:13px;font-weight:600}.logs-settings-head button{border:0;background:transparent;color:#2166ab;font:inherit;cursor:pointer}.logs-settings-tabs{display:flex;border-bottom:1px solid #e7eaf0;padding:0 12px;gap:8px}.logs-settings-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 8px;background:transparent;color:#778292;font:inherit;cursor:pointer}.logs-settings-tabs button[aria-selected=true]{border-bottom-color:#2166ab;color:#2166ab}.logs-column-list{padding:8px 12px 12px}.logs-column-list>p{margin:5px 3px 12px;color:#778292;font-size:10px;line-height:1.6}.logs-column-option{display:flex;align-items:center;gap:3px;padding:5px 2px}.logs-column-option label{display:flex;align-items:center;gap:9px;flex:1;min-height:28px;cursor:pointer}.logs-column-option input,.logs-density input{accent-color:#2166ab;width:14px;height:14px}.logs-column-option button{display:grid;place-items:center;width:25px;height:27px;border:0;border-radius:4px;background:transparent;color:#8a94a3;cursor:pointer}.logs-column-option button:hover,.logs-column-option button[aria-pressed=true]{background:#edf3fb;color:#2166ab}.logs-column-option button:disabled{opacity:.3;cursor:default}.logs-column-option svg{width:13px;height:13px}.logs-density{padding:12px}.logs-density label{display:flex;gap:10px;padding:12px 5px;cursor:pointer}.logs-density strong,.logs-density small{display:block}.logs-density strong{font-size:12px;font-weight:550}.logs-density small{color:#778292;font-size:10px;margin-top:4px}.logs-details{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;margin:0;padding:0;border:0;border-left:1px solid #dfe3e9;background:#fff;color:#18202d;box-shadow:-12px 0 50px #17203316;font:12px Inter,system-ui,sans-serif;overflow:auto}.logs-details::backdrop{background:#17203340}.logs-details-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid #e7eaf0;background:inherit;z-index:1}.logs-details h2{margin:8px 0 0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.logs-details-head .logs-button{padding:0;width:32px;min-height:32px;flex:none}.logs-details-body{padding:24px}.logs-details dl{margin:20px 0 24px}.logs-details dl>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4;line-height:1.5}.logs-details dt{color:#778292;font-size:11px}.logs-details dd{margin:0;font-size:11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.logs-note{margin:20px 0;color:#778292;font-size:11px;line-height:1.6}.logs-view :focus-visible,.logs-settings :focus-visible,.logs-details :focus-visible{outline:2px solid #3178bc;outline-offset:2px}html[data-theme=dark] .logs-view{--logs-paper:#171c23;--logs-canvas:#101419;--logs-ink:#e2e8f0;--logs-muted:#95a2b4;--logs-line:#2d3642;--logs-accent:#8dbbff}html[data-theme=dark] .logs-table tr:hover td{background:#202936}html[data-theme=dark] .logs-status.is-success{color:#80ceaa}html[data-theme=dark] .logs-status.is-error{color:#f599a1}html[data-theme=dark] .logs-settings,html[data-theme=dark] .logs-details{background:#171c23;color:#e2e8f0;border-color:#2d3642;color-scheme:dark}html[data-theme=dark] .logs-settings-head,html[data-theme=dark] .logs-settings-tabs,html[data-theme=dark] .logs-details-head,html[data-theme=dark] .logs-details dl>div{border-color:#2d3642}html[data-theme=dark] .logs-details .logs-button{background:#171c23;color:#e2e8f0;border-color:#2d3642}html[data-theme=dark] .logs-column-option button:hover,html[data-theme=dark] .logs-column-option button[aria-pressed=true]{background:#243c59;color:#b8d8ff}html[data-theme=dark] .logs-settings-tabs button[aria-selected=true],html[data-theme=dark] .logs-settings-head button{color:#8dbbff}@media(max-width:1000px){.logs-header{align-items:flex-start;flex-direction:column;gap:18px}.logs-header-actions{width:100%}.logs-content{padding:28px 20px 36px}}@media(max-width:640px){.logs-content{padding:24px 16px}.logs-header h1{font-size:26px}.logs-header-actions{flex-wrap:wrap}.logs-summary{grid-template-columns:1fr 1fr;row-gap:20px;padding:18px 0}.logs-summary>div{padding:0 18px}.logs-summary>div:nth-child(2){border:0}.logs-summary strong{font-size:21px}.logs-panel-heading{padding:14px;align-items:flex-start;flex-wrap:wrap;gap:12px}.logs-panel-heading>div:first-child>span{font-size:10px}.logs-filters{padding:12px;gap:8px}.logs-search{min-width:100%;max-width:none}.logs-pagination{padding:12px;align-items:flex-start;flex-direction:column}.logs-pagination>div{width:100%;justify-content:flex-end}.logs-pagination>div>span{margin-right:auto}.logs-footnote{line-height:1.6}.logs-table-scroll{max-height:560px}}

.logs-filters .logs-filter-select{height:36px;min-height:36px;font-size:11.5px;flex:none}.logs-filters .logs-model-select{width:210px;min-width:210px}.logs-filters .logs-status-select{width:150px;min-width:150px}.logs-filter-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-filter-select .select-trigger-chevron{flex:none}@media(max-width:640px){.logs-filters .logs-filter-select{flex:1;min-width:0;width:0}}

.logs-panel{overflow:visible}.logs-filters .analytics-model-multiselect{width:210px;min-width:210px;flex:none}.logs-filters .analytics-model-multiselect-trigger{width:210px;min-width:210px;height:36px;min-height:36px;font-size:11.5px}.logs-filters .analytics-model-menu{z-index:140}.logs-filters .analytics-model-menu strong{white-space:normal}@media(max-width:640px){.logs-filters .analytics-model-multiselect{flex:1;min-width:0;width:0;grid-column:auto;grid-row:auto}.logs-filters .analytics-model-multiselect-trigger{width:100%;min-width:0}.logs-filters .analytics-model-menu{left:0;right:auto;width:min(280px,calc(100vw - 58px))}}

.logs-view-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--profile-border,#dfe3e9);margin:8px 0 0}.logs-view-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 2px;color:inherit;font:inherit;font-size:13px;cursor:pointer}.logs-view-tabs button[aria-current=page]{color:var(--profile-accent,#2166ab);border-bottom-color:var(--profile-accent,#2166ab);font-weight:600}.logs-view-tabs button:focus-visible{outline:2px solid #3178bc;outline-offset:-3px}.logs-view-description{font-size:12px;color:#778292;margin:12px 0 20px;line-height:1.6}.logs-more-filters{padding:0 20px 16px}.logs-more-filters summary{font-size:12px;cursor:pointer;color:inherit}.logs-extra-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px}.logs-extra-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px}.logs-details-body section h3{margin:24px 0 8px;font-size:12px;font-weight:600}.logs-details-body section:first-of-type h3{margin-top:18px}html[data-theme=dark] .logs-view-description{color:#a2afc0}@media(max-width:640px){.logs-view-tabs{gap:18px}.logs-more-filters{padding:0 14px 14px}}

.logs-session-example{width:min(100%,660px);margin:20px auto 0;text-align:left}.logs-session-example>strong{font-size:12px}.logs-session-example pre{margin:12px 0;padding:16px;border:1px solid #dfe3e9;border-radius:8px;background:#f6f8fb;color:#263347;font:11px/1.8 ui-monospace,monospace;overflow:auto;max-width:100%;box-sizing:border-box}.logs-session-example p{font-size:11px;line-height:1.6}html[data-theme=dark] .logs-session-example pre{background:#171c23;color:#dce4ef;border-color:#343e4c}

.logs-view .logs-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.logs-view .logs-search{flex:1 1 260px}.logs-rule .logs-button{gap:8px;white-space:nowrap}.logs-rule-count{border-radius:4px;background:#eaf1fa;color:#215f9e;padding:1px 5px;font-size:10px}.logs-rule-popover{position:fixed;inset:auto;margin:0;padding:14px;border:1px solid #dfe3e9;border-radius:10px;background:#fff;color:#18202d;box-shadow:0 8px 28px #17203326;font:12px Inter,system-ui,sans-serif;max-height:calc(100vh - 24px);overflow:auto;box-sizing:border-box}.logs-rule-modes{display:flex;gap:4px;padding:3px;background:#f4f6f9;border-radius:6px}.logs-rule-popover button{font:inherit;border:0;border-radius:5px;padding:7px 10px;cursor:pointer;background:transparent;color:inherit}.logs-rule-modes button{flex:1}.logs-rule-modes button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #17203320;color:#215f9e}.logs-rule-popover>p{color:#778292;font-size:11px}.logs-rule-popover>input{width:100%;box-sizing:border-box;padding:8px;border:1px solid #dfe3e9;border-radius:5px;background:transparent;color:inherit;font:inherit}.logs-rule-values{max-height:240px;overflow:auto;margin:8px 0}.logs-rule-values label{display:flex;align-items:center;gap:9px;padding:9px 4px;cursor:pointer;overflow-wrap:anywhere}.logs-rule-values input{accent-color:#2166ab}.logs-rule-actions{display:flex;justify-content:space-between;border-top:1px solid #e7eaf0;padding-top:8px}.logs-rule-popover :focus-visible{outline:2px solid #3178bc;outline-offset:2px}.logs-sort-row{display:flex;justify-content:flex-end;padding:0 20px 14px}html[data-theme=dark] .logs-rule-popover{background:#171c23;color:#dce4ef;border-color:#343e4c}html[data-theme=dark] .logs-rule-modes{background:#242e3b}html[data-theme=dark] .logs-rule-modes button[aria-pressed=true]{background:#30435b;color:#b8d8ff}html[data-theme=dark] .logs-rule-popover>input,html[data-theme=dark] .logs-rule-actions{border-color:#343e4c}

.logs-copy-actions{display:flex;align-items:center;gap:8px;margin-top:22px}.logs-copy-actions .logs-button[data-copied=true]{color:#18865b;border-color:#18865b}.logs-copy-actions .logs-button:first-child{min-width:150px;justify-content:center}.logs-copy-feedback{min-height:32px;margin:8px 0 0;font-size:11px;line-height:16px;color:#778292}html[data-theme=dark] .logs-copy-actions .logs-button[data-copied=true]{color:#4ade80;border-color:#4ade80}

.logs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px 10px}.logs-view .logs-toolbar .logs-search{flex:1 1 320px;max-width:480px;min-width:0}.logs-sort-control{display:flex;align-items:center;gap:10px;flex:none}.logs-sort-label,.logs-filter-label{color:var(--logs-muted);font-size:11px;white-space:nowrap}.logs-sort-control>div{width:164px}.logs-view .logs-filters{padding:0 20px 16px;gap:8px}.logs-filter-label{margin-right:4px}.logs-rule .logs-button{min-height:32px;font-size:11px;background:var(--logs-canvas);border-color:var(--logs-line)}.logs-rule:has(.logs-rule-count) .logs-button{background:#eef4fc;border-color:#c0d4ed;color:#215f9e}.logs-view .logs-clear{margin-left:4px;padding:6px 8px}.logs-sort-control button{min-height:36px}html[data-theme=dark] .logs-rule:has(.logs-rule-count) .logs-button{background:#243c59;border-color:#405b7a;color:#b8d8ff}@media(max-width:640px){.logs-toolbar{flex-wrap:wrap;padding:14px 14px 10px;gap:10px}.logs-view .logs-toolbar .logs-search{flex-basis:100%;max-width:none}.logs-sort-control{margin-left:auto}.logs-view .logs-filters{padding:0 14px 14px}.logs-filter-label{flex-basis:100%;margin:0 0 2px}}

/* Semantic accents stay subtle; text labels convey the same meaning. */
.logs-status{padding:4px 7px;border-radius:5px;line-height:1.4;border:1px solid transparent;font-weight:500}.logs-status.is-success{background:#edf7f1;color:#246b4d;border-color:#d6eadf}.logs-status.is-error{background:#fcf0f0;color:#a43842;border-color:#f0d9dc}.logs-status.is-progress{background:#edf3fc;color:#245f9c;border-color:#d6e3f6}.logs-status.is-pending{background:#fbf5e8;color:#865f18;border-color:#eee1bd}.logs-status.is-neutral{background:#f1f3f6;color:#5c687a;border-color:#e0e4ea}.logs-usage-badge{display:inline-flex;padding:4px 7px;border-radius:5px;background:#f1f3f6;color:#5c687a;font-size:10px;line-height:1.4}.logs-usage-badge.is-streaming{background:#edf3fc;color:#245f9c}.logs-view-tabs button[aria-current=page]{background:linear-gradient(transparent 25%,#2166ab09);border-radius:5px 5px 0 0}.logs-rule-count{font-weight:600}html[data-theme=dark] .logs-status.is-success{background:#18372d;color:#8cdbb2;border-color:#2d5242}html[data-theme=dark] .logs-status.is-error{background:#3b242b;color:#f3a3aa;border-color:#62333e}html[data-theme=dark] .logs-status.is-progress{background:#20344d;color:#a5caff;border-color:#365170}html[data-theme=dark] .logs-status.is-pending{background:#3a3220;color:#e6c17a;border-color:#57492a}html[data-theme=dark] .logs-status.is-neutral,html[data-theme=dark] .logs-usage-badge{background:#29313d;color:#b9c3d2;border-color:#3b4655}html[data-theme=dark] .logs-usage-badge.is-streaming{background:#20344d;color:#a5caff}html[data-theme=dark] .logs-view-tabs button[aria-current=page]{color:#a5caff;border-bottom-color:#82aaff;background:linear-gradient(transparent 25%,#82aaff10)}

.logs-scope-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;margin-bottom:14px;border:1px solid var(--logs-line);border-radius:8px;background:var(--logs-paper)}.logs-scope-controls>span:first-child{font-size:12px;color:var(--logs-muted)}.logs-scope-controls>div:not(.logs-rule){min-width:190px}.logs-scope-controls .logs-footnote{margin:0}@media(max-width:640px){.logs-scope-controls{padding:12px}.logs-scope-controls>span:first-child{flex-basis:100%}}

.logs-rule .logs-button{transition:background-color .15s,border-color .15s,box-shadow .15s}.logs-rule .logs-button:hover,.logs-rule .logs-button[aria-expanded=true]{background:#edf3fc;border-color:#9ebde1;box-shadow:0 0 0 2px #2166ab0a}.logs-rule-values label{border-radius:6px;transition:background-color .12s,color .12s}.logs-rule-values label:hover{background:#f0f4fa}.logs-rule-values label:has(input:checked){background:#eaf2fd;color:#215f9e}.logs-rule-values label:focus-within{outline:2px solid #3178bc;outline-offset:-2px}.logs-rule-actions button:hover,.logs-rule-modes button:hover{background:#eaf2fd;color:#215f9e}.logs-scope-segments{display:flex;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid var(--logs-line);border-radius:7px;background:var(--logs-canvas)}.logs-scope-segments button{padding:8px 12px;border:0;border-radius:5px;background:transparent;color:var(--logs-muted);font:inherit;font-size:12px;cursor:pointer;transition:background-color .15s,color .15s}.logs-scope-segments button:hover{background:#edf3fc;color:#215f9e}.logs-scope-segments button[aria-pressed=true]{background:var(--logs-paper);color:var(--logs-accent);box-shadow:0 1px 4px #17203318}.logs-scope-segments button:focus-visible,.logs-member-chip button:focus-visible{outline:2px solid #3178bc;outline-offset:2px}.logs-member-selection{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}.logs-member-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:anywhere;padding:4px 8px;border-radius:5px;background:#edf3fc;color:#215f9e;font-size:11px}.logs-member-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;border-radius:3px}.logs-member-chip button:hover{background:#d5e5fa}html[data-theme=dark] .logs-rule .logs-button:hover,html[data-theme=dark] .logs-rule .logs-button[aria-expanded=true],html[data-theme=dark] .logs-rule-values label:hover,html[data-theme=dark] .logs-rule-actions button:hover,html[data-theme=dark] .logs-rule-modes button:hover,html[data-theme=dark] .logs-scope-segments button:hover{background:#243c59;color:#b8d8ff}html[data-theme=dark] .logs-rule-values label:has(input:checked),html[data-theme=dark] .logs-member-chip{background:#243c59;color:#b8d8ff}html[data-theme=dark] .logs-member-chip button:hover{background:#365170}@media(prefers-reduced-motion:reduce){.logs-rule .logs-button,.logs-rule-values label,.logs-scope-segments button{transition:none}}

/* Blue identifies navigation and interactive controls; status keeps its semantic palette. */
.logs-view{--logs-accent-wash:#f0f5fc;--logs-accent-line:#d6e3f5;--logs-input-ink:#30659b;--logs-output-ink:#725b99}
.logs-view .logs-eyebrow{color:var(--logs-accent)}
.logs-view-tabs button[aria-current=page]{background:var(--logs-accent-wash);color:var(--logs-accent);border-bottom-color:var(--logs-accent)}
.logs-view-tabs button:hover:not([aria-current=page]){background:var(--logs-accent-wash);color:var(--logs-accent);border-radius:5px 5px 0 0}
.logs-panel-heading{background:linear-gradient(100deg,var(--logs-accent-wash),var(--logs-paper) 65%);border-bottom-color:var(--logs-accent-line)}
.logs-panel-heading>div:first-child>svg{color:var(--logs-accent);background:var(--logs-paper);padding:5px;box-sizing:content-box;border:1px solid var(--logs-accent-line);border-radius:7px}
.logs-panel-heading>div:first-child>span{border:1px solid var(--logs-accent-line);padding:4px 8px;border-radius:5px;background:var(--logs-paper);color:var(--logs-accent)}
.logs-search:focus-within svg{color:var(--logs-accent)}
.logs-search input:focus{outline:2px solid var(--logs-accent-line);outline-offset:1px;border-color:var(--logs-accent)}
.logs-model-value{font-weight:550;color:var(--logs-accent)}
.logs-app-value{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;padding:3px 7px;border-radius:5px;background:var(--logs-accent-wash);color:var(--logs-accent);font-size:10.5px}
.logs-token-input{color:var(--logs-input-ink)}.logs-token-output{color:var(--logs-output-ink)}
.logs-table tr:hover td{background:var(--logs-accent-wash)}
.logs-table tr:hover td:first-child{box-shadow:inset 2px 0 var(--logs-accent)}
html[data-theme=dark] .logs-view{--logs-accent:#9dc4f7;--logs-accent-wash:#1c2b3e;--logs-accent-line:#304861;--logs-input-ink:#9bbde5;--logs-output-ink:#c0ace4}
html[data-theme=dark] .logs-view-tabs button[aria-current=page]{background:var(--logs-accent-wash)}
html[data-theme=dark] .logs-table tr:hover td{background:var(--logs-accent-wash)}

/* Scope and date determine the data; refresh and theme follow at the right. */
.logs-header-actions{flex-shrink:0}.logs-scope-select{width:190px;flex:0 0 190px;min-width:0}.logs-scope-select>div{width:100%}.logs-scope-select>button{width:100%;min-height:38px}.logs-scope-select>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1200px){.logs-header{align-items:flex-start;flex-direction:column;gap:18px}.logs-header-actions{width:100%}}
@media(max-width:640px){.logs-header-actions{display:flex;flex-wrap:wrap}.logs-scope-select{flex:1 1 calc(50% - 9px);width:auto}.logs-header-actions>.ol-date-control{flex:1 1 calc(50% - 9px);min-width:0}.logs-header-actions>.theme-switcher{margin-left:0}}

.logs-scope-trigger{justify-content:space-between;font-size:12px;border-color:#dfe2e6;border-radius:7px;color:#263244;box-shadow:0 1px 2px #17203304}.logs-scope-trigger:hover,.logs-scope-trigger[aria-expanded=true]{border-color:#8aa6c9;background:#fff}
.logs-scope-popover{box-sizing:border-box;--scope-hover:#f3f5f8;--scope-selected:#eef4fc;--scope-accent:#215f9e;--scope-muted:#637085;--scope-border:#e7eaf0;padding:8px;color:#253245;border-color:#dce1e8;box-shadow:0 12px 36px #17203324,0 2px 6px #1720330a;font:12px Inter,system-ui,sans-serif;max-height:calc(100dvh - 24px);overflow:auto}
.logs-scope-popover h3{margin:6px 10px 10px;font-size:12px;font-weight:600}.logs-scope-options{display:grid;gap:3px}.logs-scope-options label{position:relative;display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 30px 7px 9px;border-radius:5px;cursor:pointer}.logs-scope-options label:hover{background:var(--scope-hover)}.logs-scope-options label:has(input:checked){background:var(--scope-selected);color:var(--scope-accent)}.logs-scope-options input{position:absolute;opacity:0;width:1px;height:1px}.logs-scope-options label:has(input:checked)::after{content:'✓' / '';position:absolute;right:10px;font-size:14px;color:var(--scope-accent)}.logs-scope-options label:focus-within{outline:2px solid #3178bc;outline-offset:-2px}.logs-scope-options strong,.logs-scope-options small{display:block}.logs-scope-options strong{font-size:12px;font-weight:500}.logs-scope-options small{font-size:11px;color:var(--scope-muted);margin-top:3px;line-height:1.4}
.logs-scope-members{border-top:1px solid var(--scope-border);margin-top:8px;padding:12px 4px 0}.logs-scope-popover .logs-scope-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 9px;border:1px solid var(--scope-border);border-radius:5px;background:transparent;color:var(--scope-muted)}.logs-scope-search svg{width:14px!important;height:14px!important;flex:0 0 14px}.logs-scope-popover .logs-scope-search input{width:100%;min-width:0;height:32px;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;outline:none;box-shadow:none}.logs-scope-search:focus-within{outline:2px solid #3178bc;outline-offset:2px}.logs-scope-members .logs-rule-values{max-height:168px}.logs-scope-popover .logs-rule-values label{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:34px;font-size:12px;border-radius:5px}.logs-scope-popover .logs-rule-values label:hover{background:var(--scope-hover)}.logs-scope-popover .logs-rule-values label:has(input:checked){background:var(--scope-selected);color:var(--scope-accent)}.logs-scope-popover .logs-rule-values input{position:static;opacity:1;appearance:auto;width:15px;height:15px;margin:0;padding:0;flex:0 0 15px;accent-color:#174fa6}.logs-scope-popover .logs-scope-selection{margin:10px 6px 6px;font-size:11px;color:var(--scope-muted)}.logs-scope-member-actions{display:flex;gap:8px}.logs-scope-member-actions button{background:none;border:0;color:var(--scope-accent);font:inherit;font-size:11px;padding:6px;cursor:pointer}.logs-scope-popover .logs-scope-help{font-size:11px;line-height:1.5;color:var(--scope-muted);margin:8px 6px}.logs-scope-popover .logs-rule-actions{border-top:1px solid var(--scope-border);margin-top:8px;padding:10px 4px 2px;justify-content:flex-end;gap:8px}.logs-scope-popover .logs-rule-actions button{min-width:64px;height:30px;padding:0 12px;border:1px solid var(--scope-border);border-radius:5px;color:inherit;background:transparent;font:inherit}.logs-scope-popover .logs-rule-actions .logs-scope-apply{background:var(--scope-selected);border-color:var(--scope-border);color:var(--scope-accent);font-weight:600}.logs-scope-popover .logs-rule-actions button:hover:not(:disabled){background:var(--scope-hover)}.logs-scope-popover .logs-rule-actions .logs-scope-apply:hover:not(:disabled){background:var(--scope-selected);border-color:var(--scope-accent)}.logs-scope-popover button:disabled{opacity:.4;cursor:default}.logs-scope-popover :focus-visible{outline:2px solid #3178bc;outline-offset:2px}
html[data-theme=dark] .logs-scope-trigger{background:#171c23;color:#dce4ef;border-color:#343e4c}html[data-theme=dark] .logs-scope-popover{box-sizing:border-box;--scope-hover:#242e3b;--scope-selected:#243c59;--scope-accent:#b8d8ff;--scope-muted:#a2afc0;--scope-border:#303a47;background:#171c23;color:#dce4ef;border-color:#343e4c;color-scheme:dark}

.logs-column-heading{display:flex;align-items:center;gap:6px}.logs-column-grip{display:grid;place-items:center;width:24px;height:28px;padding:0;flex:none;background:transparent;border:0;border-radius:4px;color:var(--logs-muted);font:20px/1 system-ui;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.logs-column-grip:hover,.logs-column-grip:focus-visible{background:var(--logs-canvas);color:var(--logs-accent)}.logs-column-grip:active{cursor:grabbing}.logs-table th.is-dragging{background:var(--logs-canvas);color:var(--logs-accent)}.logs-table th.drop-before{box-shadow:inset 3px 0 var(--logs-accent)}.logs-table th.drop-after{box-shadow:inset -3px 0 var(--logs-accent)}.logs-reorder-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(pointer:coarse){.logs-column-grip{width:32px;height:40px}}

/* Column boundaries remain visible while scrolling and reordering. */
.logs-table th:not(:last-child),.logs-table td:not(:last-child){border-right:1px solid var(--logs-line)}

.logs-column-heading{min-width:0}.logs-column-heading>span{min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.4}.logs-table th{vertical-align:middle}

/* Compact directional controls; the full sort order is available in tooltips. */
.logs-column-sort{display:flex;align-items:center;gap:1px;flex:none;margin-left:auto}.logs-column-sort button{display:grid;place-items:center;width:20px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--logs-muted);cursor:pointer;transition:background-color .12s,color .12s}.logs-column-sort button svg{width:13px!important;height:13px!important}.logs-column-sort button:hover{background:var(--logs-accent-wash,#eef4fc);color:var(--logs-accent)}.logs-column-sort button[aria-pressed=true]{color:var(--logs-accent);background:var(--logs-accent-wash,#eef4fc)}.logs-table th[aria-sort=ascending],.logs-table th[aria-sort=descending]{color:var(--logs-ink)}.logs-column-grip{color:var(--logs-accent);opacity:.65}.logs-column-grip:hover,.logs-column-grip:focus-visible{opacity:1}.logs-table td.is-dragging,.logs-table th.is-dragging{background:var(--logs-accent-wash,#eef4fc);color:var(--logs-muted)}
.logs-drag-preview{position:fixed;top:0;left:0;z-index:500;pointer-events:none;overflow:hidden;border:1px solid #bdcee6;border-radius:7px;background:#f2f6fd;color:#253245;box-shadow:0 14px 36px #17203330,0 3px 8px #17203318;font:11.5px Inter,system-ui,sans-serif;box-sizing:border-box;will-change:transform}.logs-drag-preview-header,.logs-drag-preview-cell{box-sizing:border-box;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #dce4ef;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logs-drag-preview-header{background:#e9f0fc;color:#215f9e;font-size:11px;font-weight:600;gap:8px}.logs-drag-preview-header::before{content:'⠿' / '';font-size:18px;color:#2166ab}.logs-drag-preview-cell{background:#f2f6fd}html[data-theme=dark] .logs-drag-preview{border-color:#45638a;background:#202e40;color:#dce4ef;box-shadow:0 14px 36px #0006}html[data-theme=dark] .logs-drag-preview-header{background:#243c59;color:#b8d8ff}html[data-theme=dark] .logs-drag-preview-header::before{color:#8dbbff}html[data-theme=dark] .logs-drag-preview-cell{background:#202e40}html[data-theme=dark] .logs-drag-preview-header,html[data-theme=dark] .logs-drag-preview-cell{border-color:#35465c}@media(pointer:coarse){.logs-column-sort button{width:26px;height:36px}}@media(prefers-reduced-motion:reduce){.logs-column-sort button{transition:none}}

/* Compact spacing reserves space for controls without oversized columns. */
.logs-table th{padding:9px 10px}.logs-table td{padding:12px 10px}.logs-table.is-compact td{padding-block:8px}.logs-column-heading{gap:4px}.logs-column-grip{width:18px;height:24px;font-size:17px}.logs-column-sort{gap:0;margin-left:3px}.logs-column-sort button{width:18px;height:24px}.logs-column-sort button svg{width:12px!important;height:12px!important}.logs-drag-preview-header,.logs-drag-preview-cell{padding-inline:10px}.logs-drag-preview-header{gap:4px}@media(pointer:coarse){.logs-column-grip{width:24px;height:36px}.logs-column-sort button{width:24px;height:32px}}

/* Divider handles resize independently of column dragging and sorting. */
.logs-table th{padding:6px 10px}.logs-table td{padding:8px 10px}.logs-table.is-compact td{padding-block:5px}.logs-column-heading>span:not(.logs-column-sort){flex-shrink:0;white-space:nowrap;overflow-wrap:normal}.logs-column-sort{flex-shrink:0}.logs-column-resize{position:absolute;right:0;top:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:5;outline-offset:-2px}.logs-column-resize::after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:transparent;transition:background-color .12s}.logs-column-resize:hover::after,.logs-column-resize:focus-visible::after,.logs-column-resize.is-resizing::after{background:var(--logs-accent)}.logs-table.is-resizing{user-select:none;cursor:col-resize}@media(pointer:coarse){.logs-column-resize{width:14px}.logs-table th{padding-block:4px}}

.logs-pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logs-pagination .logs-page-size{display:flex;align-items:center;gap:7px;font-size:11px;flex-wrap:wrap}.logs-page-size>span{color:var(--logs-muted);white-space:nowrap}.logs-page-size>button.select-trigger{width:64px;min-width:64px;min-height:28px;height:28px;padding:0 7px;font-size:11px;gap:4px}.logs-page-size-custom{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.logs-page-size-custom input{box-sizing:border-box;width:64px;height:30px;padding:4px 6px;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-ink);font:inherit;font-variant-numeric:tabular-nums}.logs-page-size-custom button,.logs-page-size-edit{display:grid;place-items:center;width:28px;height:30px;padding:0;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-accent);cursor:pointer}.logs-page-size-custom button:hover,.logs-page-size-edit:hover{background:var(--logs-accent-wash)}.logs-page-size-custom button:disabled{opacity:.4;cursor:default}.logs-page-size-error{flex-basis:100%;font-size:11px;color:var(--logs-ink)}.logs-page-previous{display:flex;transform:rotate(180deg)}.logs-pagination .logs-button{min-height:30px;font-size:11px}.logs-pagination .logs-button svg{width:13px;height:13px}@media(max-width:900px){.logs-pagination{flex-wrap:wrap;gap:10px}.logs-pagination-controls{justify-content:flex-end}}@media(max-width:640px){.logs-pagination .logs-page-size{flex-basis:100%;justify-content:flex-start}.logs-pagination .logs-pagination-controls>span{margin-right:auto}}

/* Keep page size and result count together; navigation remains on the right. */
.logs-pagination>.logs-pagination-summary{justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;min-width:0}.logs-pagination-summary .logs-pagination-count{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.logs-pagination>.logs-pagination-controls{margin-left:auto;flex-shrink:0}.logs-pagination-summary .logs-page-size{flex-basis:auto}@media(max-width:640px){.logs-pagination>.logs-pagination-summary{width:100%;justify-content:flex-start;gap:8px 12px}.logs-pagination-summary .logs-pagination-count{margin-right:0}.logs-pagination>.logs-pagination-controls{width:100%}.logs-pagination-summary .logs-page-size{flex-basis:auto}}

/* Expand custom size below the selector, keeping the footer's first row stable. */
.logs-pagination .logs-page-size{display:grid;grid-template-columns:auto 64px auto;align-items:center;gap:6px}.logs-page-size>span{grid-column:1;grid-row:1}.logs-page-size>button.select-trigger{grid-column:2;grid-row:1}.logs-page-size>.logs-page-size-edit{grid-column:3;grid-row:1}.logs-page-size-custom{grid-column:2 / -1;grid-row:2;display:grid;grid-template-columns:64px 26px 26px;gap:4px;align-items:center}.logs-page-size-custom input{width:64px;height:28px}.logs-page-size-custom button{width:26px;height:28px}.logs-page-size-custom .logs-page-size-error{grid-column:1 / -1;max-width:160px;font-size:10px;line-height:1.4}.logs-pagination>.logs-pagination-summary{align-items:flex-start}.logs-pagination-summary .logs-pagination-count{line-height:28px}.logs-pagination:has(.logs-page-size-custom){align-items:flex-start}

.logs-pagination .logs-page-size-menu{display:flex;gap:7px}.logs-page-size-trigger{display:flex;align-items:center;justify-content:space-between;width:60px;height:28px;padding:0 7px;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-ink);font:11px Inter,system-ui,sans-serif;cursor:pointer}.logs-page-size-trigger svg{width:12px!important;height:12px!important}.logs-page-menu{position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#253245;box-shadow:0 6px 20px #17203320;font:11px Inter,system-ui,sans-serif;max-height:calc(100dvh - 24px);overflow:auto}.logs-page-menu::backdrop{background:transparent}.logs-page-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.logs-page-option:hover{background:#f3f5f8}.logs-page-option[aria-pressed=true]{background:#eef4fc;color:#215f9e}.logs-page-custom-option{border-top:1px solid #e7eaf0;border-radius:0;margin-top:4px;padding-top:3px;height:31px}.logs-page-custom-form{display:flex;flex-direction:column;gap:7px;padding:4px}.logs-page-back{align-self:flex-start;border:0;background:transparent;color:#637085;padding:0;font:inherit;cursor:pointer}.logs-page-custom-form label{font-size:11px;font-weight:500}.logs-page-custom-form input{box-sizing:border-box;width:100%;height:30px;border:1px solid #dce1e8;border-radius:4px;padding:4px 7px;background:transparent;color:inherit;font:inherit}.logs-page-custom-form small{font-size:10px;color:#637085}.logs-page-apply{height:28px;border:1px solid #c0d4ed;border-radius:4px;background:#eef4fc;color:#215f9e;font:inherit;cursor:pointer}.logs-page-apply:disabled{opacity:.4;cursor:default}.logs-page-menu :focus-visible{outline:2px solid #3178bc;outline-offset:1px}html[data-theme=dark] .logs-page-menu{background:#171c23;color:#dce4ef;border-color:#343e4c;color-scheme:dark}html[data-theme=dark] .logs-page-option:hover{background:#242e3b}html[data-theme=dark] .logs-page-option[aria-pressed=true],html[data-theme=dark] .logs-page-apply{background:#243c59;color:#b8d8ff;border-color:#405b7a}html[data-theme=dark] .logs-page-custom-form input,html[data-theme=dark] .logs-page-custom-option{border-color:#343e4c}html[data-theme=dark] .logs-page-back,html[data-theme=dark] .logs-page-custom-form small{color:#a2afc0}

.logs-numbered-pages{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.logs-numbered-pages button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:0;border-radius:50%;background:transparent;color:var(--logs-ink);font:12px Inter,system-ui,sans-serif;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}.logs-numbered-pages button:hover:not(:disabled){background:var(--logs-accent-wash,#eef4fc);color:var(--logs-accent)}.logs-numbered-pages button[aria-current=page],.logs-numbered-pages button[aria-current=page]:hover{background:var(--logs-accent);color:var(--logs-paper)}.logs-numbered-pages button:disabled{opacity:.4;cursor:default}.logs-numbered-pages svg{width:14px;height:14px}.logs-page-ellipsis{display:grid;place-items:center;width:20px;color:var(--logs-muted);font-size:14px}@media(max-width:640px){.logs-numbered-pages{gap:3px}.logs-numbered-pages button{min-width:28px;height:30px;padding:0 5px}.logs-page-ellipsis{width:16px}}

.logs-current-page{margin-right:8px;color:var(--logs-muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:640px){.logs-numbered-pages{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.logs-current-page{flex-basis:100%;margin:0 0 3px;text-align:right}}

.logs-filter-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;color:var(--logs-muted)}.logs-rule .logs-filter-icon svg{width:14px;height:14px;stroke-width:1.6}.logs-rule .logs-button:hover .logs-filter-icon,.logs-rule .logs-button[aria-expanded=true] .logs-filter-icon,.logs-rule:has(.logs-rule-count) .logs-filter-icon{color:var(--logs-accent)}

.logs-scope-trigger>svg{width:14px;height:14px;flex:none;color:var(--logs-muted)}.logs-scope-trigger>.logs-scope-label{flex:1;text-align:left;min-width:0}.logs-sort-control .select-trigger-prefix{display:inline-flex;align-items:center;flex:none;padding:0;border:0}.logs-sort-control .select-trigger-prefix svg{width:14px;height:14px;color:var(--logs-muted)}.logs-scope-trigger:hover>svg,.logs-scope-trigger[aria-expanded=true]>svg{color:var(--logs-accent)}