.performance-overview { min-width:0; }
.performance-overview .pagehead { margin-bottom:22px; }
.performance-range { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--t2); }
.performance-range select { border:1px solid var(--h2); border-radius:var(--r); background:var(--s1); color:var(--t1); padding:7px 10px; min-height:36px; }
.performance-period-caption { display:flex; flex-wrap:wrap; gap:4px 20px; margin-top:10px; font-size:12px; color:var(--t2); line-height:1.6; }
.performance-period-caption b { color:var(--t3); font-weight:400; margin-right:4px; }
.performance-demo { font-size:11px; color:var(--t3); margin:4px 0 0; }
.performance-dates { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding:0 0 18px; }
.performance-dates[hidden] { display:none; }
.performance-dates label { display:grid; gap:5px; color:var(--t2); font-size:12px; }
.performance-dates input { min-height:36px; border:1px solid var(--h2); border-radius:var(--r); padding:6px 8px; background:var(--s1); color:var(--t1); font:inherit; }
#performanceDateError { width:100%; margin:0; font-size:12px; color:var(--late); }
#performanceDateError:empty { display:none; }
.performance-section { border-top:1px solid var(--h1); padding-top:18px; margin-top:20px; }
.performance-overview .performance-section > .sec { margin:0 0 10px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.performance-section .sec h2 { font-size:12px; font-weight:550; color:var(--t2); }
.performance-section-note,.performance-snapshot { color:var(--t3); font-size:11px; margin:0; }
.performance-overview .performance-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; }
.performance-overview .performance-fact { display:flex; flex-direction:column; align-items:start; gap:8px; min-width:0; padding:16px; background:transparent; border:0; border-right:1px solid var(--h1); border-radius:0; }
.performance-overview .performance-fact:last-child { border-right:0; }
.performance-value { font-size:28px; font-weight:550; line-height:1.1; font-variant-numeric:tabular-nums; color:var(--t1); }
.performance-value.unrecorded { font-size:16px; padding:6px 0; }
.performance-delta,.performance-comparison-note { font-size:11px; color:var(--t2); line-height:1.45; }
.performance-comparison-note { margin:9px 0 0; }
.performance-overview .performance-insight { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; padding:13px 16px; }
.performance-insight strong { display:block; font-weight:550; color:var(--t1); }
.performance-insight .sub { display:block; margin-top:4px; white-space:normal; }
.performance-insight > .btn { white-space:nowrap; }
.performance-client-link { display:inline-flex; align-items:center; min-height:30px; font-weight:550; }
.performance-client-link:hover { color:var(--accent); }
.performance-clients .sec > a { margin-left:auto; font-size:12px; color:var(--t2); }
.performance-clients table { min-width:420px; width:100%; }
.performance-clients table td:first-child { width:45%; white-space:normal; overflow-wrap:anywhere; }
.performance-clients .tw { max-height:420px; overflow:auto; }
.performance-load-error { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:12px; border:1px solid var(--h2); border-radius:var(--r); margin-bottom:14px; }
.performance-overview .performance-history { border-top:1px solid var(--h1); margin-top:20px; padding-top:10px; }
.performance-history > summary { cursor:pointer; font-size:12px; color:var(--t2); padding:8px 0; }
.performance-record-notes { font-size:12px; color:var(--t2); line-height:1.6; }
.performance-record-notes dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; }
.performance-record-notes dt { color:var(--t1); font-weight:550; }
.performance-record-notes dd { margin:2px 0 0; }
.performance-history .tw { max-height:460px; overflow:auto; }
@media(max-width:1050px) { .performance-overview .performance-fact { padding:13px; } }
@media(max-width:900px) {
  .performance-range select,.performance-dates input,.performance-dates button,.performance-insight > .btn,.performance-clients .sec > .btn,.performance-client-link { min-height:44px; }
}
@media(max-width:720px) {
  .performance-overview .performance-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .performance-overview .performance-fact:nth-child(2) { border-right:0; }
  .performance-overview .performance-fact:nth-child(-n+2) { border-bottom:1px solid var(--h1); }
  .performance-overview .pagehead .ph-row { flex-direction:row; align-items:center; gap:12px; }
  .performance-overview .pagehead .ph-row h1 { flex:1 1 auto; }
  .performance-range { gap:4px; margin-left:auto; flex-shrink:0; }
  .performance-overview .performance-insight { grid-template-columns:minmax(0,1fr); gap:9px; padding:12px; }
  .performance-insight > .btn { justify-self:start; }
  .performance-insight > .btn,.performance-clients .sec > .btn,.performance-client-link { min-height:44px; }
  .performance-range select,.performance-dates input,.performance-dates button { min-height:44px; }
  .performance-dates label { flex:1; min-width:120px; }
  .performance-dates input { width:100%; min-width:0; }
  .performance-clients table { min-width:0; font-size:11px; }
  .performance-clients table th,.performance-clients table td { padding:9px 6px; }
  .performance-clients table td:first-child { width:36%; }
  .performance-record-notes dl { grid-template-columns:minmax(0,1fr); }
}