.performance-overlay{z-index:1200;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.performance-panel{color:#203832;box-sizing:border-box;background:#f7f8f2;width:min(1180px,96vw);height:100%;padding:24px;overflow:auto;box-shadow:-12px 0 40px #0006}.performance-panel header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.performance-panel header>div{gap:8px;display:flex}.performance-panel button,.performance-panel input,.performance-panel select{font:inherit;color:inherit;background:#fffefa;border:1px solid #bbcbbf;border-radius:5px;padding:7px 10px}.performance-panel button{cursor:pointer}.performance-panel button:hover{background:#eaf0e9}.performance-icon{vertical-align:middle;flex:none;width:18px;height:18px}.performance-panel .performance-icon-button{background:0 0;justify-content:center;align-items:center;width:34px;height:34px;padding:7px;display:inline-flex}.performance-panel button:focus-visible,.performance-panel summary:focus-visible{outline-offset:3px;outline:2px solid #558975}.performance-filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.performance-filters label{flex-direction:column;gap:5px;font-size:13px;display:flex}.performance-filters input{width:150px}.performance-filters select{max-width:330px}.performance-report-meta{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:14px;display:flex}.performance-report-meta>span,.performance-coverage>span{align-items:center;gap:7px;display:inline-flex}.performance-report-meta>span+span{color:#5d7265;font-size:13px}.performance-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.performance-metrics article{border:1px solid #d2ddd2;border-radius:8px;padding:14px}.performance-metrics article>span{color:#5d7265;font-size:13px}.performance-metrics strong{font-variant-numeric:tabular-nums;margin-top:8px;font-size:21px;display:block}.performance-coverage{color:#5d7265;flex-wrap:wrap;gap:6px 16px;margin-bottom:16px;font-size:13px;display:flex}.performance-pagination{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.performance-panel button:disabled{cursor:default;opacity:.4}.performance-panel table{border-collapse:collapse;width:100%;margin-top:16px;font-size:13px}.performance-panel th,.performance-panel td{text-align:left;white-space:nowrap;border-bottom:1px solid #d2ddd2;padding:10px 8px}.performance-panel th{color:#5d7265}.performance-name{color:#5d7265;margin-top:5px;font-size:12px;display:block}.performance-panel dl{margin:0}.performance-panel dl>div{justify-content:space-between;gap:12px;margin:6px 0;display:flex}.performance-panel dd{margin:0}.performance-panel details{border-bottom:1px solid #d2ddd2;margin:16px 0;padding-bottom:12px}.performance-panel summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.performance-panel summary::-webkit-details-marker{display:none}.performance-panel summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-left:auto;margin-right:4px;transform:rotate(-45deg)}.performance-panel details[open]>summary:after{transform:rotate(45deg)}.performance-trades{overflow:auto}.performance-metric-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 4px;display:grid}.performance-metric-section{background:#fffefa;border:1px solid #d2ddd2;border-radius:8px;align-self:start;min-width:0;overflow:hidden}.performance-metric-section h4{color:#335749;background:#eaf0e9;border-bottom:1px solid #d2ddd2;align-items:center;gap:8px;margin:0;padding:13px 16px;font-size:14px;font-weight:600;display:flex}.performance-metric-section dl{padding:4px 12px}.performance-metric-section dl>div{border-bottom:1px solid #edf0e9;grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:12px;margin:0;padding:10px 4px;font-size:13px;line-height:1.5;display:grid}.performance-metric-section dl>div:last-child{border-bottom:0}.performance-metric-section dl>div:hover{background:#f2f5ee}.performance-metric-section dt{color:#5d7265;overflow-wrap:anywhere}.performance-metric-section dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;color:#203832;font-weight:600}.performance-metric-section .is-missing dd{color:#93a197;font-weight:400}.performance-metric-section .is-negative dd{color:#a84b43}@media (width<=700px){.performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-panel{padding:16px}.performance-metric-sections{grid-template-columns:minmax(0,1fr)}}.performance-parameter-sections dl>div{grid-template-columns:minmax(72px,1fr) minmax(0,2fr)}.performance-parameter-sections dd{white-space:normal;overflow-wrap:anywhere;min-width:0}
