manager-performance { display:block; min-width:0; }
.performance-section { padding:24px 0; margin:20px 0; border-top:1px solid #dce3e9; border-bottom:1px solid #dce3e9; color:#193044; letter-spacing:0; }
.performance-section h2 { margin:0; font-size:22px; }
.performance-section h3 { margin:0; font-size:18px; }
.performance-section p { margin:8px 0; }
.performance-heading,.performance-comparison-heading,.performance-comparison-tools { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.performance-heading p { color:#647384; font-size:14px; }
.performance-section label { display:inline-flex; align-items:center; gap:8px; font-size:14px; }
.performance-section select { max-width:100%; min-height:36px; padding:6px 28px 6px 9px; border:1px solid #bdcbd8; border-radius:4px; background:#fff; color:#193044; font:inherit; }
.performance-section button { cursor:pointer; }
.performance-legend { display:flex; gap:20px; flex-wrap:wrap; margin:20px 0 10px; font-size:13px; }
.performance-legend span { display:flex; align-items:center; gap:6px; }
.performance-legend i { width:14px; height:3px; display:inline-block; }
.performance-chart-scroll,.performance-table-scroll { overflow:auto; max-width:100%; }
.performance-line-chart { display:block; width:100%; max-height:360px; background:#fff; font-size:12px; fill:#526575; }
.performance-line-chart circle:focus { outline:2px solid #172b3c; outline-offset:4px; }
.performance-daily { margin:10px 0 26px; }
.performance-daily summary { cursor:pointer; font-weight:600; padding:12px 0; font-size:14px; }
.performance-comparison-heading { margin-top:20px; }
.performance-tabs { display:flex; border-bottom:1px solid #bcc9d2; }
.performance-tabs button { background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; padding:9px 18px; color:#526575; font:inherit; }
.performance-tabs button[aria-selected="true"] { border-bottom-color:#2166b5; color:#175994; font-weight:700; }
.performance-staff { border:0; padding:14px 0; margin:0; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.performance-staff legend { font-size:13px; color:#647384; padding-top:15px; }
.performance-staff input { width:16px; height:16px; accent-color:#2166b5; }
.performance-comparison-tools { margin-bottom:12px; }
.performance-section table { border-collapse:collapse; width:100%; min-width:640px; font-size:14px; table-layout:fixed; background:#fff; }
.performance-section caption { text-align:left; font-weight:600; padding:10px 0; color:#526575; }
.performance-section th,.performance-section td { text-align:left; border-bottom:1px solid #e0e6eb; padding:14px 12px; overflow-wrap:anywhere; vertical-align:middle; }
.performance-section thead th { background:#f0f4f7; color:#526575; font-size:13px; }
.performance-section small { display:block; font-weight:400; font-size:12px; color:#617484; margin-top:5px; }
.performance-bars td { position:relative; }
.performance-bars b { display:inline-block; margin-top:5px; font-size:15px; }
.performance-bar { height:9px; background:#eaf0f3; width:100%; }
.performance-bar i { height:100%; display:block; }
.performance-note { font-size:12px; line-height:1.7; color:#617484; }
.performance-empty { padding:32px 12px; text-align:center; color:#647384; background:#f5f8fa; }
@media(max-width:700px) {
  .performance-section { padding:18px 0; }
  .performance-section h2 { font-size:19px; }
  .performance-heading { align-items:flex-start; }
  .performance-legend { gap:10px; font-size:12px; }
  .performance-section .secondary-button { padding:8px 12px; }
}