.metrics-shell {max-width: 1440px; margin: 0 auto; padding: 20px 24px 40px;}
.metrics-shell [hidden] {display: none !important;}
.metrics-shell h1 {margin: 0; font-size: 1.75rem;}
.metrics-shell .admin-page-heading {align-items: center;}
.metrics-shell .admin-page-actions .button {padding: 10px 16px; box-shadow: none;}
.metrics-shell #metrics-refresh {width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 0;}
.metrics-shell #metrics-refresh svg {width: 24px; height: 24px;}
.metrics-shell #metrics-refresh:hover svg {transform: rotate(35deg);}
.metrics-shell #metrics-description,.metrics-shell #metrics-status {font-size: .85rem; margin: 8px 0; line-height: 1.5;}
.metrics-card {background: #fff; border: 1px solid #c9d6e5; border-radius: 10px; padding: 16px; margin: 16px 0; color: #092038;}
.metrics-totals {display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin-top: 14px;}
.metrics-total {padding: 12px; border-radius: 8px; background: #0a2336; color: #c5dded; font-size: .8rem;}
.metrics-total strong {display: block; color: #fff; font-size: 1.6rem; margin-top: 6px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums;}
.metrics-charts {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px;}
.metrics-charts .metrics-card:first-child {grid-column: 1 / -1;}
.metrics-card h2 {font-size: 1.2rem; margin-top: 0;}
.metrics-chart {position: relative; height: 280px;}
.metrics-table {overflow-x: auto;}
.metrics-table table {width: 100%; border-collapse: collapse; margin-top: 20px; font-variant-numeric: tabular-nums;}
.metrics-table th, .metrics-table td {padding: 12px; text-align: right; border-bottom: 1px solid #dce5ed; white-space: nowrap;}
.metrics-table th:first-child, .metrics-table td:first-child {text-align: left;}
.metrics-card summary {cursor: pointer; font-weight: 700;}
@media (max-width: 700px) {.metrics-totals {grid-template-columns: repeat(2, minmax(0, 1fr));} .metrics-charts {display: block;} .metrics-shell {padding: 32px 16px;} .metrics-card {padding: 18px;}}

.metrics-tabs{display:flex;gap:8px;margin:20px 0;border-bottom:1px solid #c5d7e7}.metrics-tabs button{padding:12px 20px;border:0;border-bottom:3px solid transparent;background:transparent;color:#344b61;font:inherit;cursor:pointer}.metrics-tabs button[aria-selected=true]{border-bottom-color:#0078d4;color:#005ea8;font-weight:700}#extension-choice{max-width:100%;padding:10px;border:1px solid #c5d7e7;border-radius:6px;background:white;color:#172b4d;font:inherit}

.metrics-shell>section,.metrics-card,.metrics-chart{min-width:0}.metrics-chart canvas{max-width:100%}#extension-choice{display:block;margin-top:8px}#extension-results .metrics-card{grid-column:1 / -1}

.extension-toolbar{display:grid;grid-template-columns:minmax(140px,180px) minmax(200px,1fr) auto;gap:18px;align-items:end;padding:20px;border:1px solid #c9d6e5;border-radius:16px;background:#f2f7fc}.extension-toolbar label,.extension-table-controls label{display:grid;gap:7px;font-size:.85rem;font-weight:700;color:#344b61}.extension-toolbar select,.extension-table-controls select,.extension-table-controls input{min-width:0;width:100%;padding:10px 12px;border:1px solid #aac0d5;border-radius:8px;background:#fff;color:#092038;font:inherit}.extension-toolbar #extension-choice{margin:0}.extension-period{display:grid;gap:6px;text-align:right;font-size:.85rem;color:#53687b}.extension-period strong{font-size:1rem;color:#092038}.extension-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}.extension-heading h2{margin:4px 0;font-size:1.4rem}.extension-heading .eyebrow{margin:0}.extension-coverage{background:#e8f1fb;color:#185889;padding:8px 12px;border-radius:20px;font-size:.85rem;white-space:nowrap}.extension-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.extension-summary .metrics-total{padding:20px;background:linear-gradient(135deg,#0a2336,#153d58)}.extension-summary .metrics-total:first-child{background:linear-gradient(135deg,#006fd0,#004b98)}.extension-summary small{display:block;margin-top:10px;color:#cee1ef;font-size:.75rem}.extension-data-note,.extension-footnote{font-size:.85rem;color:#53687b;line-height:1.6}.extension-charts .metrics-card>p,.extension-heading p{font-size:.85rem;color:#53687b}.extension-charts .metrics-card{margin:12px 0}#extension-results .extension-charts .metrics-card{grid-column:auto}#extension-results .extension-charts .extension-ranking{grid-column:1/-1}.extension-comparison .extension-heading{margin:0}.extension-table-controls{display:flex;gap:12px}.extension-link{border:0;padding:3px 0;background:none;color:#0063ad;font:inherit;font-weight:700;text-align:left;cursor:pointer}.extension-link:hover{text-decoration:underline}.extension-link:focus-visible{outline:2px solid #0078d4;outline-offset:4px}.extension-report-state{display:inline-block;padding:4px 7px;border-radius:5px;font-size:.75rem}.report-complete{background:#e9f6ef;color:#126044}.report-partial{background:#fff3d8;color:#805800}.extension-comparison th{font-size:.8rem;background:#f2f7fc}.extension-comparison tbody tr:hover{background:#f4f8fc}.extension-comparison td{font-size:.88rem}.extension-comparison th:first-child,.extension-comparison td:first-child{position:sticky;left:0;background:#fff;min-width:145px;z-index:1}.extension-comparison caption{text-align:left;font-size:.8rem;color:#53687b;padding:12px 0}.extension-summary strong{font-variant-numeric:tabular-nums}#extension-scope:focus{outline:2px solid #0078d4;outline-offset:4px}
@media(max-width:700px){.extension-toolbar{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.extension-period{grid-column:1/-1;text-align:left}.extension-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.extension-summary .metrics-total{padding:16px 12px}.extension-summary strong{font-size:1.7rem}.extension-heading{align-items:flex-start;flex-direction:column;gap:10px}.extension-table-controls{width:100%;flex-direction:column}.extension-table-controls label{width:100%}.extension-charts .metrics-chart{height:250px}.extension-coverage{font-size:.8rem}.extension-comparison{padding:16px 10px}}

.extension-ranking>.extension-heading{margin-top:0}.extension-metric-label{display:grid;gap:7px;font-size:.85rem;font-weight:700;color:#344b61;min-width:180px}.extension-metric-label select{padding:10px 12px;background:white;color:#092038;border:1px solid #aac0d5;border-radius:8px;font:inherit}.extension-column-scroll{overflow-x:auto;margin-top:20px}.extension-column-scroll .metrics-chart{height:350px;min-width:560px}#extension-detail-title{scroll-margin-top:24px}#extension-detail-title:focus{outline:2px solid #0078d4;outline-offset:4px}@media(max-width:700px){.extension-column-scroll .metrics-chart{height:300px}.extension-metric-label{width:100%}}
.extension-toolbar{grid-template-columns:minmax(140px,180px) minmax(200px,1fr) minmax(140px,180px)}
.extension-period{grid-column:1/-1;text-align:left;line-height:1.4}
@media(max-width:700px){.extension-toolbar{grid-template-columns:1fr 1fr}.extension-period{grid-column:auto;align-self:end}}

.extension-organization-events .extension-heading{margin-top:0}.extension-organization-scroll{max-height:440px;overflow:auto}.extension-organization-events table{margin-top:12px}.extension-organization-events th{position:sticky;top:0;background:#f2f7fc;z-index:1}.extension-organization-events td,.extension-organization-events th{text-align:left}.extension-organization-events td strong,.extension-organization-events td small{display:block}.extension-organization-events td small{color:#53687b;font-size:.75rem}.extension-organization-events tbody tr:hover{background:#f4f8fc}
.extension-filtered-charts .extension-heading{margin-top:28px}.extension-filtered-charts .extension-ranking>h2{margin-top:0}.extension-filtered-charts .extension-ranking>p{color:#53687b;font-size:.85rem}.extension-filtered-charts .extension-column-scroll{margin-top:0}#extension-filtered-title{scroll-margin-top:24px}#extension-filtered-title:focus{outline:2px solid #0078d4;outline-offset:4px}

.metrics-shell .metrics-tabs{margin:10px 0}
.metrics-shell .metrics-tabs button{padding:8px 16px}
.metrics-shell .extension-subtabs{margin:2px 0 14px}
.extension-subtabs button{min-width:100px}
#extension-usage-results .metrics-card{min-width:0}
#extension-usage-results .metrics-table{overflow-x:auto}
#extension-usage-results .metrics-charts .metrics-card{grid-column:auto}
#extension-results .extension-charts .metrics-card{grid-column:1/-1}
.usage-slices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding:16px;border:1px solid #c9d6e5;border-radius:10px;background:#edf5fa}
.usage-slices label{display:grid;gap:7px;font-size:.85rem;font-weight:700;color:#344b61}
.usage-slices select{width:100%;min-width:0;padding:10px 12px;border:1px solid #aac0d5;border-radius:8px;background:#fff;color:#092038;font:inherit}
.usage-breakdown-parent td{font-weight:700;background:#f2f7fc}
.usage-breakdown-child td:first-child{padding-left:32px}
@media(max-width:700px){.usage-slices{grid-template-columns:1fr}}
@media(max-width:700px){.metrics-shell{padding:16px}.metrics-shell .admin-page-heading{flex-direction:row;flex-wrap:wrap;gap:10px}.metrics-total{padding:12px}.metrics-card{padding:14px}}
.metrics-organization-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 16px;border:1px solid #c9d6e5;border-radius:10px;background:#f2f7fc;color:#173850}
.metrics-organization-filter label{display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}
.metrics-organization-filter input{width:20px;height:20px;margin:0;accent-color:#0078d4;flex:none}
.metrics-organization-filter input:focus-visible,.metrics-exclusion-info-button:focus-visible{outline:3px solid #0078d4;outline-offset:3px}
.metrics-exclusion-info-button{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #a9bfd1;border-radius:50%;background:#fff;color:#173850;font:700 18px Georgia,serif;cursor:pointer}
.metrics-exclusion-info{width:min(460px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #b9cfdf;border-radius:14px;color:#173850;box-shadow:0 16px 48px #10283e45}
.metrics-exclusion-info::backdrop{background:#10283e88}
.metrics-exclusion-info-content{padding:22px}
.metrics-exclusion-info h2{margin:0 0 12px;font-size:1.2rem}
.metrics-exclusion-info p{margin:0 0 12px;line-height:1.5;color:#415d72}
.metrics-exclusion-info .button{margin-top:6px}
@media(max-width:680px){
  .admin-protected-page>.site-header.master-header{flex-wrap:nowrap;gap:8px}
  .admin-protected-page>.site-header.master-header .brand{flex:none;white-space:nowrap}
  .admin-protected-page>.site-header.master-header .site-nav{min-width:0;flex-wrap:nowrap;gap:0}
  .admin-protected-page>.site-header.master-header .club-user-copy{max-width:64px}
  .admin-protected-page>.site-header.master-header .club-user-copy small{display:none}
  .admin-protected-page>.site-header.master-header .club-user-menu{gap:5px;padding:4px 7px 4px 5px}
  .admin-protected-page>.site-header.master-header .club-user-dollar{width:26px;height:26px;font-size:18px}
  .admin-protected-page>.site-header.master-header .club-user-signout{padding:0 7px}
}
@media(max-width:370px){.admin-protected-page>.site-header.master-header .brand>span:last-child{display:none}}
.metrics-shell{max-width:1800px}.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.analytics-tabs{display:flex;flex-wrap:wrap;padding:4px;background:#eaf0f7;border-radius:9px;gap:2px}.analytics-tabs button{border:0;border-radius:6px;background:transparent;color:#526579;padding:9px 13px;min-height:40px;font:600 12px system-ui;cursor:pointer}.analytics-tabs button[aria-selected=true]{background:white;color:#123a58;box-shadow:0 1px 4px #16385920}.analytics-controls{display:flex;gap:8px;align-items:center}.analytics-controls select,.analytics-icon{border:1px solid #cfdae6;background:white;border-radius:8px;min-height:40px;padding:8px;color:#26445c}.analytics-icon{min-width:40px;cursor:pointer;font-size:20px}.analytics-filter{background:#fff;border:1px solid #dbe4ef;border-radius:10px;padding:16px;margin-bottom:14px;max-width:320px}.analytics-filter label{display:grid;gap:8px;font:12px system-ui}.analytics-filter input{padding:10px;border:1px solid #cbd8e7;border-radius:6px}.analytics-filter button{margin-top:10px}.analytics-coverage{font:12px system-ui;color:#64748b}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.analytics-kpi{border:1px solid #dbe4ef;border-radius:10px;background:#fff;padding:14px 14px 0;overflow:hidden}.analytics-kpi>span{font:12px system-ui;color:#64748b}.analytics-kpi strong{display:block;font:700 25px system-ui;color:#102c42;margin-top:6px}.analytics-spark{height:48px;margin:10px -14px 0}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analytics-card{border:1px solid #dbe4ef;background:#fff;border-radius:10px;padding:18px;min-width:0}.analytics-card h2{font:600 13px system-ui;color:#526579;margin:0 0 18px}.analytics-plot{height:250px;position:relative}.analytics-data{font:12px system-ui;margin-top:14px;overflow:auto;max-height:280px;color:#64748b}.analytics-data summary{cursor:pointer}.analytics-data table{width:100%;border-collapse:collapse}.analytics-data th,.analytics-data td{text-align:right;padding:8px;border-bottom:1px solid #e8eef5;white-space:nowrap}.analytics-data th:first-child,.analytics-data td:first-child{text-align:left}.analytics-ranking{display:grid;gap:15px}.analytics-rank{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) 65px;gap:12px;align-items:center;font:12px system-ui}.analytics-rank>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-rank strong{text-align:right;font-weight:500}.analytics-rank meter{width:100%;height:9px;accent-color:#3689f5}.analytics-rank meter::-webkit-meter-optimum-value{background:#3689f5}.analytics-empty,.analytics-unavailable p{font:13px/1.7 system-ui;color:#64748b}.analytics-unavailable{min-height:170px}.analytics-help{max-width:520px;border:1px solid #cbd8e7;border-radius:14px;padding:24px;color:#18384f}.analytics-help p{font:14px/1.7 system-ui}.analytics-help::backdrop{background:#10283e88}.analytics-tabs button:focus-visible,.analytics-controls button:focus-visible{outline:3px solid #2b8ae5;outline-offset:2px}@media(max-width:760px){.analytics-grid{grid-template-columns:1fr}.analytics-controls{flex-wrap:wrap}.analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi strong{font-size:21px}.analytics-plot{height:230px}.metrics-shell{padding:16px 12px}}
.analytics-environments{display:flex;gap:20px;border:1px solid #dbe4ef;background:#fff;border-radius:10px;padding:12px 18px;margin-top:18px}.analytics-environments legend{font:600 12px system-ui;color:#64748b}.analytics-environments label{display:flex;align-items:center;gap:6px;font:600 13px system-ui}

.analytics-controls{flex-wrap:wrap}.analytics-controls select:focus-visible{outline:3px solid #2b8ae5;outline-offset:2px}.analytics-coverage{line-height:1.6}.analytics-data th{vertical-align:bottom}