button[data-event-product-performance] {width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;}
button[data-event-product-performance]:hover,button[data-event-product-performance]:focus-visible {outline:2px solid #078268;outline-offset:1px;}
button[data-event-product-performance] .bp-event-product-fill {pointer-events:none;}
.event-product-performance {width:min(960px,calc(100vw - 24px));max-height:90vh;padding:0;border:1px solid #bdd7c9;border-radius:16px;color:#174b39;background:white;box-shadow:0 20px 70px #102d3855;}
.event-product-performance[open] {display:flex;flex-direction:column;}
.event-product-performance::backdrop {background:#123e3255;backdrop-filter:blur(3px);}
.event-product-performance header {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;background:#f1f8f4;border-bottom:1px solid #cfdfd5;}
.event-product-performance header h2 {margin:5px 0;font-size:24px;overflow-wrap:anywhere;}
.event-product-performance header p {margin:0;font-size:14px;}
.event-product-performance header small {font-size:11px;}
.event-product-performance button,.event-product-performance select {font:inherit;color:inherit;border:1px solid #bdd7c9;border-radius:8px;background:white;padding:10px 14px;cursor:pointer;min-height:44px;}
.event-product-performance button:focus-visible,.event-product-performance select:focus-visible {outline:2px solid #087d63;outline-offset:2px;}
.event-product-performance-body {overflow:auto;padding:24px;}
.event-product-performance-controls {display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;justify-content:space-between;}
.event-product-performance-controls label {display:grid;gap:6px;font-size:13px;font-weight:600;}
.event-product-performance-controls [role=group] {display:flex;gap:6px;}
.event-product-performance button[aria-pressed=true] {background:#e5f4ed;border-color:#078268;box-shadow:inset 0 0 0 1px #078268;}
.event-product-performance-stats {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;}
.event-product-performance-stats > div {border:1px solid #caddd1;border-radius:12px;padding:16px;background:#f5faf7;}
.event-product-performance-stats dt {font-size:12px;}
.event-product-performance-stats dd {font-size:24px;font-weight:700;margin:8px 0 0;}
.event-product-performance-stats small {font-size:12px;}
.event-product-performance-note {font-size:13px;color:#527265;line-height:1.5;}
.event-product-performance-warning {background:#fff5df;border-radius:8px;padding:12px;font-size:13px;}
.event-product-chart-scroll {overflow-x:auto;margin:20px 0;padding:3px;}
.event-product-hour-chart {display:grid;grid-template-columns:repeat(var(--hour-count),minmax(0,1fr));gap:5px;min-width:calc(var(--hour-count) * 48px);}
.event-product-hour-value {font-size:10px;min-height:14px;}
.event-product-performance .event-product-hour-chart button {display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:4px 1px;border-radius:5px;min-width:0;border-color:transparent;font-size:10px;white-space:nowrap;}
.event-product-hour-track {height:150px;display:flex;align-items:flex-end;width:100%;border-bottom:1px solid #b9cec3;background:#f6faf8;}
.event-product-hour-track i {display:block;width:100%;background:#16856b;border-radius:3px 3px 0 0;min-height:1px;}
.event-product-performance-table {overflow:auto;margin-top:20px;}
.event-product-performance-table table {width:100%;border-collapse:collapse;font-size:13px;}
.event-product-performance-table th,.event-product-performance-table td {text-align:left;padding:10px;border-bottom:1px solid #dae7df;white-space:nowrap;}
.event-product-performance-table summary {cursor:pointer;font-weight:600;padding:10px 0;}
.event-product-performance footer {padding:16px 24px;background:#f6faf7;border-top:1px solid #cfdfd5;font-size:12px;line-height:1.5;}
@media(max-width:600px) {.event-product-performance header,.event-product-performance-body {padding:16px;}.event-product-performance-stats{grid-template-columns:repeat(2,1fr);}.event-product-performance-stats dd{font-size:22px;}.event-product-performance-controls label,.event-product-performance-controls select{width:100%;}.event-product-performance .event-product-hour-chart button{font-size:10px;padding:4px 1px;}.event-product-performance footer{padding:12px 16px;}}