.opsp section.ophistory{display:block;width:calc(100% - 48px);max-width:1352px;margin:0 auto 24px;padding:24px 0;border:0;border-top:1px solid var(--opsp-line);border-bottom:1px solid var(--opsp-line);min-width:0}
.ophistory-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ophistory-header h2{display:flex;align-items:center;gap:8px;font-size:16px}.ophistory-header p,.ophistory-muted{font-size:12px;color:var(--opsp-muted)}.opsp .ophistory-header p{margin-top:5px}
.ophistory svg{width:16px;height:16px;stroke-width:1.8;flex-shrink:0}.ophistory .ophistory-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;max-width:100%;padding:8px 11px;border:1px solid var(--opsp-line);border-radius:9.8px;background:var(--opsp-base);color:var(--opsp-ink);font:600 12px/1.4 system-ui,sans-serif;cursor:pointer}.ophistory-button:disabled{opacity:.5;cursor:not-allowed}.ophistory-button:hover:not(:disabled){background:var(--surface,#f5f5f5)}
.ophistory-filters{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}.ophistory-filters>label{display:grid;gap:7px;font-size:12px}.ophistory select{min-height:40px;width:260px;max-width:100%;padding:8px 11px;border:1px solid var(--opsp-line);border-radius:9.8px;background:var(--opsp-base);color:var(--opsp-ink);font:400 13px/1.4 system-ui,sans-serif}.ophistory-filters label.ophistory-checkbox{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}.ophistory-checkbox input{width:16px;height:16px;accent-color:var(--opsp-ink)}
.ophistory-button:focus-visible,.ophistory select:focus-visible,.ophistory input:focus-visible,.ophistory summary:focus-visible{outline:2px solid var(--opsp-ink);outline-offset:3px}.ophistory-feedback{font-size:12px;color:var(--opsp-muted)}.ophistory-feedback:empty{display:none}.opsp .ophistory-feedback:not(:empty){margin-bottom:16px}.ophistory-load-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--opsp-line);border-radius:9.8px;margin-bottom:16px;font-size:12px}
.ophistory-timeline{list-style:none;margin:0;padding:0}.ophistory-entry{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding-bottom:24px}.ophistory-rail{position:relative;display:flex;justify-content:center}.ophistory-entry:not(:last-child) .ophistory-rail:after{content:"";position:absolute;top:29px;bottom:-18px;width:1px;background:var(--opsp-line)}.ophistory-dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--opsp-line);border-radius:50%;background:var(--opsp-base)}.ophistory-dot svg{width:14px;height:14px}.ophistory-entry[data-severity=error] .ophistory-dot{color:var(--ophistory-error,var(--red,#a52e3b))}.ophistory-entry[data-severity=warning] .ophistory-dot{color:var(--ophistory-warning,var(--amber,#9a6b10))}
.ophistory-entry-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ophistory-entry-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:28px}.ophistory-entry-heading strong{font-size:13px;overflow-wrap:anywhere}.ophistory-entry-heading time{font-size:11px;color:var(--opsp-muted);white-space:nowrap;padding-top:5px}.ophistory-status{display:inline-flex;padding:3px 7px;border-radius:6px;background:var(--surface,#f5f5f5);color:var(--opsp-muted);font-size:11px}.ophistory-entry[data-severity=error] .ophistory-status{color:var(--ophistory-error,var(--red,#a52e3b))}.ophistory-context{font-size:11px;color:var(--opsp-muted)}.opsp .ophistory-context{margin-top:3px}
.ophistory-diagnostic{padding:12px;margin-top:10px;border-left:2px solid var(--ophistory-error,var(--red,#a52e3b));border-radius:0 9.8px 9.8px 0;background:var(--surface,#f5f5f5);font-size:12px;overflow-wrap:anywhere}.ophistory-diagnostic>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.ophistory-diagnostic>div>strong{font-size:12px}.opsp .ophistory-diagnostic p{white-space:pre-wrap;line-height:1.6;margin-top:8px}.ophistory-diagnostic small{display:block;color:var(--opsp-muted);font-size:11px;margin-top:7px}.ophistory .ophistory-diagnostic .ophistory-button{min-height:30px;padding:5px 8px;font-size:11px}.ophistory .ophistory-diagnostic .ophistory-button svg{width:13px;height:13px}
.ophistory-details{margin-top:10px}.ophistory-details>summary{display:inline-flex;align-items:center;gap:5px;padding:5px 0;font-size:12px;color:var(--opsp-muted);list-style:none;cursor:pointer}.ophistory-details>summary::-webkit-details-marker{display:none}.ophistory-details>summary::marker{content:""}.ophistory-details>summary svg{width:14px;height:14px;transition:transform .15s}.ophistory-details[open]>summary svg{transform:rotate(90deg)}.ophistory-details>div{padding:12px 16px;margin-top:6px;border:1px solid var(--opsp-line);border-radius:9.8px;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.opsp .ophistory-details dl{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,3fr);gap:8px 16px;margin:0}.opsp .ophistory-details dd{text-align:left;min-width:0}.ophistory-details ul{padding-left:18px}.ophistory-details li+li{margin-top:5px}
.ophistory-current{padding:16px;margin-bottom:24px;border:1px solid var(--opsp-line);border-radius:9.8px}.ophistory-current h3{display:flex;align-items:center;gap:8px;font-size:13px}.ophistory-current h3 svg{color:var(--ophistory-error,var(--red,#a52e3b))}.opsp .ophistory-current>p{margin-top:6px}.ophistory-current-item{margin-top:16px;font-size:12px}.ophistory-current-item>small{display:block;color:var(--opsp-muted);font-size:11px;margin-top:6px}.ophistory-current .ophistory-diagnostic{margin-top:7px}
.ophistory-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--opsp-muted)}.ophistory-coverage,.ophistory-empty{font-size:12px;color:var(--opsp-muted)}.opsp .ophistory-coverage{margin-top:16px}.ophistory-empty{padding:12px 0 24px}
@media(max-width:720px){.opsp section.ophistory{width:calc(100% - 32px);padding:20px 0}.ophistory-header{align-items:flex-start;flex-wrap:wrap}.ophistory-filters{display:grid;gap:10px}.ophistory select{width:100%;min-height:44px;font-size:16px}.ophistory .ophistory-button,.ophistory .ophistory-diagnostic .ophistory-button{min-height:44px}.ophistory-filters label.ophistory-checkbox{min-height:44px}.ophistory-entry{gap:9px}.ophistory-entry-heading{flex-direction:column;gap:2px}.ophistory-entry-heading time{padding-top:0}.ophistory-diagnostic>div{flex-wrap:wrap;gap:8px}.ophistory-footer{flex-wrap:wrap}.opsp .ophistory-details dl{grid-template-columns:minmax(0,1fr);gap:5px}.opsp .ophistory-details dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.ophistory-details>summary svg{transition:none}}

[data-theme=dark] .ophistory{--ophistory-error:#f4a1ab;--ophistory-warning:#e9bf72}

.ophistory-resume{margin-top:12px}.opsp .ophistory-resume p{margin-top:7px;line-height:1.5}
.opsp section.ophistory{border:1px solid var(--opsp-line);border-radius:9.8px;padding:0;overflow:clip}
.ophistory-header{display:block;margin:0}
.ophistory-header h2{display:block;width:100%;margin:0}
.opsp .ophistory-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:72px;padding:16px 20px;border:0;border-radius:9.8px;background:var(--opsp-base);color:var(--opsp-ink);text-align:left}
.opsp .ophistory-toggle:hover{background:var(--surface,#fafafa)}
.ophistory-title{display:grid;gap:3px;min-width:0}
.ophistory-title strong{font-size:14px;font-weight:600;line-height:1.5}
.ophistory-title>span{font-size:12px;font-weight:400;line-height:1.5;color:var(--opsp-muted)}
.ophistory-toggle>svg{width:16px;height:16px;flex-shrink:0;transition:transform .15s}
.ophistory[data-collapsed=false] .ophistory-toggle>svg{transform:rotate(180deg)}
.ophistory [data-ophistory-body]{padding:20px;border-top:1px solid var(--opsp-line)}
.ophistory-filters>[data-ophistory=refresh]{margin-left:auto}
.ophistory-toggle:focus-visible{outline:2px solid var(--opsp-ink);outline-offset:3px}
.ophistory [data-ophistory-body][hidden]{display:none!important}
@media(max-width:720px){.opsp .ophistory-toggle{padding:16px;gap:12px}.ophistory-title strong{font-size:13px}.ophistory [data-ophistory-body]{padding:16px}.ophistory-filters>[data-ophistory=refresh]{margin-left:0;justify-self:start}}
@media(prefers-reduced-motion:reduce){.ophistory-toggle>svg{transition:none}}