.perf-root{--hz-accent:var(--hz-business-accent);--hz-accent-soft:var(--hz-business-soft);color:var(--hz-label);font-family:var(--hz-font);padding:28px;min-width:0;background:var(--hz-surface);width:100%;box-sizing:border-box}.perf-view.active{display:block;overflow:auto}.perf-head,.perf-attainment>header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.perf-head h2{font-family:var(--hz-font)!important;font-size:28px;margin:0}.perf-head p,.perf-muted,.perf-metrics small{color:var(--hz-secondary)}.perf-eyebrow{font-size:12px;margin:0 0 8px}.perf-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.perf-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;padding:0 14px;border:1px solid var(--hz-border);border-radius:var(--hz-radius-control);color:var(--hz-label);background:var(--hz-surface)}.perf-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--hz-separator);margin-bottom:20px}.perf-root label,.perf-dialog label{display:grid;gap:6px;font-size:13px}.perf-filters input,.perf-filters select{max-width:180px;width:100%;min-width:100px}.perf-filter-more{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0}.perf-filters details{flex-basis:100%}.perf-filters summary{cursor:pointer;font-size:13px}.perf-error{color:var(--hz-danger);white-space:pre-wrap}.perf-error:empty{display:none}.perf-broadcast{display:flex;align-items:center;gap:24px;padding:24px 28px;background:var(--hz-business-accent);color:#fff;border-radius:8px;margin-bottom:28px}.perf-broadcast strong{font-size:30px;display:inline-block;margin:8px 18px 0 0}.perf-broadcast small{display:block;font-size:12px;color:#fff}.perf-broadcast>b{font-size:36px;margin-left:auto;font-variant-numeric:tabular-nums}.perf-broadcast button{color:white!important;border-color:#ffffff88!important;background:transparent!important;min-width:88px}.perf-metrics{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1fr;border-bottom:1px solid var(--hz-separator);padding-bottom:28px;gap:24px}.perf-metrics>div+div{border-left:1px solid var(--hz-separator);padding-left:24px}.perf-metrics strong{font-size:28px;display:block;margin:8px 0;font-variant-numeric:tabular-nums;white-space:nowrap}.perf-metrics>div:first-child strong{font-size:42px;color:var(--hz-business-accent)}.perf-metrics strong small{font-size:13px}.perf-analysis{display:grid;grid-template-columns:1.6fr 1fr;border-bottom:1px solid var(--hz-separator);gap:28px;padding:24px 0}.perf-analysis>section+section{border-left:1px solid var(--hz-separator);padding-left:24px}.perf-root h3{font-family:var(--hz-font);font-size:19px;margin:0 0 20px}.perf-chart{height:260px;min-width:0}.perf-team{margin-bottom:24px}.perf-team>div{display:flex;gap:12px;align-items:center}.perf-team b{margin-left:auto;font-variant-numeric:tabular-nums;font-size:23px}.perf-rank{color:var(--hz-business-accent);font-size:24px;font-weight:650}.perf-team progress{width:100%;height:8px;margin-top:12px;accent-color:var(--hz-business-accent)}.perf-attainment{padding-top:24px}.perf-tabs{display:flex;gap:8px}.perf-tabs .active{color:var(--hz-business-accent);border-color:var(--hz-business-accent)}.perf-table-scroll{overflow:auto;max-width:100%;border-radius:6px}.perf-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.perf-table th,.perf-table td{padding:12px 14px;border-bottom:1px solid var(--hz-separator);text-align:right}.perf-table th:first-child,.perf-table td:first-child{text-align:left}.perf-table thead{background:var(--hz-surface-secondary);color:var(--hz-secondary)}.perf-table tbody th{font-weight:500;position:sticky;left:0;background:var(--hz-surface);z-index:1}.perf-met{color:var(--hz-success);background:color-mix(in srgb,var(--hz-success) 8%,transparent)}.perf-short{color:var(--hz-warning);background:color-mix(in srgb,var(--hz-warning) 8%,transparent)}.perf-empty{color:var(--hz-secondary);padding:28px!important;white-space:normal}.perf-footnote{font-size:12px;line-height:1.7}.perf-dialog{width:850px;max-width:94vw;max-height:90vh;padding:0;border:1px solid var(--hz-border);border-radius:var(--hz-radius-dialog);background:var(--hz-surface);color:var(--hz-label)}.perf-dialog::backdrop{background:var(--hz-scrim)}.perf-dialog>header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hz-separator);position:sticky;top:0;background:var(--hz-surface);z-index:2}.perf-dialog h2{margin:0;font-size:20px}.perf-dialog-body{padding:24px}.perf-dialog>.perf-error{padding:0 24px 20px}.perf-form{display:grid;gap:20px}.perf-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.perf-team-pick{display:grid!important;grid-template-columns:20px 1fr 1fr;align-items:center;padding:8px;border-bottom:1px solid var(--hz-separator)}.perf-team-pick input[type=checkbox]{width:18px;height:18px;min-height:18px}.perf-setting{padding:24px 0;border-top:1px solid var(--hz-separator)}.perf-setting .perf-head{margin-bottom:18px}.org-workspace{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;margin-top:28px}.org-directory details{padding:12px;border-bottom:1px solid var(--hz-separator)}.org-directory summary{font-size:16px;font-weight:600;cursor:pointer}.org-directory small{color:var(--hz-secondary);margin-left:12px}.org-directory p{margin-left:18px}.perf-dialog input,.perf-dialog select,.perf-dialog textarea{width:100%;box-sizing:border-box}.perf-dialog .primary,.perf-root .primary{background:var(--hz-business-accent)!important;color:white!important}
@media(max-width:1100px){.perf-metrics{grid-template-columns:1fr 1fr}.perf-metrics>div:first-child strong{font-size:34px}.perf-metrics>div:nth-child(3){border-left:0;padding-left:0}.perf-broadcast>b{font-size:28px}}
@media(max-width:700px){.perf-root{padding:18px}.perf-head h2{font-size:24px}.perf-broadcast{padding:18px;gap:12px;flex-wrap:wrap}.perf-broadcast>b{font-size:26px;margin-left:0}.perf-broadcast button{margin-left:auto}.perf-analysis,.org-workspace{grid-template-columns:1fr}.perf-analysis>section+section{border-left:0;padding-left:0;border-top:1px solid var(--hz-separator);padding-top:20px}.perf-metrics{gap:12px}.perf-metrics strong{font-size:21px}.perf-metrics>div:first-child strong{font-size:26px}.perf-metrics>div+div{padding-left:12px}.perf-filters label{width:calc(50% - 6px)}.perf-filters input,.perf-filters select{max-width:100%}.perf-two{grid-template-columns:1fr}.perf-team-pick{grid-template-columns:20px 1fr!important}.perf-team-pick>input:last-child{grid-column:2}.perf-dialog-body{padding:18px}}
.perf-root button,.perf-dialog button{appearance:none;border:1px solid var(--hz-border);background:var(--hz-surface);border-radius:var(--hz-radius-control);padding:8px 14px;color:var(--hz-label);font:inherit;min-height:42px;cursor:pointer}.perf-root button:disabled,.perf-dialog button:disabled{opacity:.55;cursor:default}.perf-root input,.perf-root select,.perf-dialog input,.perf-dialog select,.perf-dialog textarea{appearance:auto;border:1px solid var(--hz-border);border-radius:var(--hz-radius-control);padding:9px 12px;font:inherit;color:var(--hz-label);background:var(--hz-field);box-sizing:border-box}.perf-analysis{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important}.perf-analysis>section{min-width:0}.perf-chart{width:100%;overflow:hidden}.perf-head p{margin:8px 0 0}.perf-head{margin-bottom:8px}#view-dashboard:has(#performanceHome){padding:0}#performanceHome{flex:none}.perf-root .perf-filters label{min-width:0}.perm-item[hidden],.perm-group[hidden]{display:none!important}
@media(max-width:700px){.perf-analysis{grid-template-columns:minmax(0,1fr)!important}}
.perf-root{padding:20px 28px}.perf-head h2{font-size:26px}.perf-head p{font-size:12px;margin-top:4px}.perf-eyebrow{margin-bottom:4px!important}.perf-filters{padding:12px 0;margin-bottom:16px;gap:10px}.perf-broadcast{padding:16px 24px;margin-bottom:20px}.perf-broadcast strong{font-size:26px;margin-top:6px}.perf-broadcast>b{font-size:32px}.perf-metrics{padding-bottom:18px}.perf-metrics>div:first-child strong{font-size:36px}.perf-metrics strong{font-size:26px}.perf-analysis{padding:18px 0;gap:24px}.perf-chart{height:210px}.perf-root h3{font-size:18px;margin-bottom:14px}.perf-tabs{flex-wrap:wrap}.perf-attainment{padding-top:18px}.perf-tabs button{font-size:12px;padding:6px 10px;min-height:34px}.perf-table td,.perf-table th{padding:10px 12px}
body:has(#performanceHome) .sidebar{--hz-accent:var(--hz-business-accent);--hz-accent-soft:var(--hz-business-soft)}
/* Desktop density follows the approved dashboard, while retaining touch-sized filters. */
.perf-root{padding:20px 28px}.perf-head h2{font-size:26px}.perf-head p{font-size:12px;margin-top:4px}.perf-eyebrow{margin-bottom:4px!important}.perf-filters{padding:12px 0;margin-bottom:16px;gap:10px}.perf-broadcast{padding:16px 24px;margin-bottom:20px}.perf-broadcast strong{font-size:26px;margin-top:6px}.perf-broadcast>b{font-size:32px}.perf-metrics{padding-bottom:18px}.perf-metrics>div:first-child strong{font-size:36px}.perf-metrics strong{font-size:26px}.perf-analysis{padding:18px 0;gap:24px}.perf-chart{height:210px}.perf-root h3{font-size:18px;margin-bottom:14px}.perf-tabs{flex-wrap:wrap}.perf-attainment{padding-top:18px}.perf-tabs button{font-size:12px;padding:6px 10px;min-height:34px}.perf-table td,.perf-table th{padding:10px 12px}
@media(max-width:700px){.perf-root{padding:16px}.perf-metrics>div:first-child strong{font-size:25px}.perf-metrics strong{font-size:20px}.perf-broadcast>b{font-size:25px}}
