.tr-page { --tr-soft:#f4f8f6; --tr-blue-soft:#f3f6fa; }
.tr-page bdi,.tr-dialog bdi { font-family:Arial,sans-serif; font-variant-numeric:tabular-nums; }
.tr-overview { background:var(--surface); border-bottom:1px solid var(--line); padding:27px 0 16px; }
.tr-heading,.tr-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tr-heading { flex-wrap:wrap; }
.tr-heading h1 { font-size:24px; }
.tr-period-label { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:var(--muted); max-width:100%; }
.tr-page select { height:38px; max-width:100%; min-width:0; padding:4px 10px; border:1px solid #cbd5d0; border-radius:4px; background:white; color:var(--ink); }
.tr-period-label select { width:430px; font-weight:600; }
.tr-period-note,.tr-summary-note,.tr-filter-note,.tr-method-note { color:var(--muted); font-size:11px; margin:8px 0; }
.tr-primary-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:20px 0 0; border-block:1px solid var(--line); }
.tr-primary { padding:20px 0 16px; min-width:0; }
.tr-primary+.tr-primary { border-inline-start:1px solid var(--line); padding-inline-start:32px; }
.tr-primary dt { font-size:13px; font-weight:500; }
.tr-primary dd { font:600 38px/1.4 Arial,sans-serif; font-variant-numeric:tabular-nums; margin:7px 0; text-align:start; width:fit-content; max-width:100%; overflow-wrap:anywhere; color:var(--red); }
.tr-metric-context { display:flex; flex-wrap:wrap; gap:4px 24px; color:var(--muted); font-size:10px; }
.tr-metric-context bdi { color:var(--red); }
.tr-support-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:15px 0; border-bottom:1px solid var(--line); }
.tr-support-metrics>div+div { border-inline-start:1px solid var(--line); padding-inline-start:24px; }
.tr-support-metrics dt { color:var(--muted); font-size:11px; }
.tr-support-metrics dd { margin:4px 0 0; font-size:20px; font-weight:600; }
.tr-support-metrics small { font-size:10px; color:var(--muted); font-weight:400; margin-inline-start:12px; white-space:nowrap; }
.tr-support-metrics dt small { display:block; margin:4px 0 0; font-size:9px; white-space:normal; }
.tr-cohort { display:flex; flex-wrap:wrap; gap:8px 30px; margin:12px 0; }
.tr-cohort>div { display:flex; align-items:baseline; gap:8px; }
.tr-cohort dt { color:var(--muted); font-size:10px; }
.tr-cohort dd { margin:0; font:600 17px/1.5 Arial,sans-serif; }
.tr-cohort>div:first-child dd { color:var(--green); }
#tr-published-membership .tr-cohort { display:flex; }
.tr-waiting { color:var(--green); font-size:12px; margin:16px 0 8px; }
.tr-content { padding-block:24px 30px; }
.tr-section-heading { margin-bottom:12px; }
#tr-refresh { color:var(--muted); font-size:10px; max-width:45%; }
#tr-refresh[data-state=error] { color:var(--red); }
.tr-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:end; padding-block:12px; border-block:1px solid var(--line); }
.tr-toolbar .search-field { width:270px; align-self:end; }
.tr-toolbar .search-field input { height:38px; font-size:12px; }
.tr-control { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:10px; }
.tr-control select { font-size:11px; max-width:210px; }
.tr-filter-note { font-size:10px; margin-block:8px 12px; }
.tr-table-scroll { width:100%; overflow:auto; max-height:690px; border:1px solid var(--line); border-radius:6px; scrollbar-width:thin; overscroll-behavior:contain; }
.tr-table { width:100%; table-layout:fixed; min-width:1120px; }
.tr-company-col { width:270px; }
.tr-amount-col { width:113px; }
.tr-ape-col { width:110px; }
.tr-direction-col { width:142px; }
.tr-action-col { width:66px; }
.tr-table thead { position:sticky; top:0; z-index:2; }
.tr-table th,.tr-table td { padding:10px 12px; }
.tr-table thead th { background:#eef3f0; white-space:normal; text-align:center; font-size:10px; }
.tr-table thead tr:first-child th:first-child { text-align:start; }
.tr-table thead tr:last-child th { background:#f6f8f7; }
.tr-table tbody th { font-weight:400; }
.tr-table tbody tr:nth-child(even) { background:#fafbfa; }
.tr-table tbody tr:hover { background:#eff6f2; }
.tr-table tbody td { height:76px; }
.tr-table .company-name { font-size:12px; }
.tr-row-period { display:block; color:var(--muted); font-size:9px; line-height:1.7; margin-top:3px; overflow-wrap:anywhere; }
.tr-row-period bdi { display:block; }
.tr-number { text-align:end; font-size:12px; white-space:nowrap; }
.tr-error { background:#eef5f333; font-weight:600; color:var(--red); }
.tr-na { font-size:10px; color:var(--muted); font-weight:400; }
.tr-direction { display:inline-flex; align-items:center; gap:5px; font-size:10px; white-space:nowrap; }
.tr-direction.good { color:var(--green); }
.tr-direction.bad { color:var(--red); }
.tr-direction.neutral { color:var(--muted); }
.tr-direction .lucide { width:14px; height:14px; flex-basis:14px; }
.tr-detail-link { color:var(--green); border:0; background:none; padding:8px 0; font:inherit; font-size:11px; text-decoration:underline; text-underline-offset:4px; }
.tr-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:10px 0; color:var(--muted); font-size:11px; }
.tr-pagination p { margin:0; }
.tr-pagination>div { display:flex; align-items:center; gap:12px; }
#tr-page-number { min-width:55px; text-align:center; font-variant-numeric:tabular-nums; }
.tr-icon-button { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; background:white; border:1px solid var(--line); border-radius:4px; color:var(--ink); }
.tr-icon-button:hover:not(:disabled) { background:#edf5f1; border-color:#a7c8b8; }
.tr-icon-button:disabled { opacity:.35; cursor:default; }
.tr-page :disabled { cursor:default; }
.tr-empty { text-align:center!important; padding:34px 16px!important; color:var(--muted); font-size:12px; }
.tr-method-note { margin:2px 0 20px; max-width:920px; }
.tr-rankings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid var(--line); }
.tr-rank h3 { font-size:14px; font-weight:600; margin:0 0 12px; }
.tr-rank.low h3 { color:var(--green); }
.tr-rank.high h3 { color:var(--red); }
.tr-ranking-table { table-layout:fixed; width:100%; font-size:11px; }
.tr-ranking-table caption { text-align:start; color:var(--muted); font-size:10px; margin-bottom:6px; }
.tr-ranking-table th,.tr-ranking-table td { padding:8px; overflow-wrap:anywhere; }
.tr-ranking-table th:first-child { width:42%; }
.tr-ranking-table tbody th { font-weight:500; }
.tr-ranking-table thead { background:#f3f6f4; }
.tr-ranking-table td { text-align:end; font-variant-numeric:tabular-nums; }
.tr-ranking-table tbody td:last-child { color:var(--red); }
.tr-rank small { display:block; color:var(--muted); font-weight:400; font:9px/1.7 Arial,sans-serif; }
.tr-pending { border-block:1px solid var(--line); margin-top:18px; padding:12px 0; }
.tr-pending>summary { cursor:pointer; font-size:14px; font-weight:600; padding:6px 0; }
.tr-pending>summary bdi { display:inline-block; min-width:30px; margin-inline-start:8px; color:var(--muted); font-size:12px; }
.tr-pending ul { list-style:none; padding:0; margin:0; }
.tr-pending li { display:flex; align-items:center; gap:16px; padding:12px 0; border-top:1px solid var(--line); }
.tr-pending li>div { min-width:0; flex:1; }
.tr-status { color:var(--muted); font-size:11px; }
.tr-muted { color:var(--muted); }
.tr-static-details { padding-top:20px; }
.tr-static-details>details { border-bottom:1px solid var(--line); padding:12px 0; scroll-margin-top:120px; }
.tr-static-details summary { cursor:pointer; font-weight:600; }
.tr-page.is-enhanced .tr-static-details { display:none; }
.tr-dialog { color:var(--ink); border:1px solid #c9d6cf; border-radius:6px; padding:24px; width:min(820px,calc(100% - 28px)); max-height:90dvh; overflow:auto; box-shadow:0 12px 60px #15332626; }
.tr-dialog::backdrop { background:#18262266; }
.tr-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.tr-dialog h2 { font-size:18px; overflow-wrap:anywhere; }
.tr-dialog h3 { font-size:14px; margin:22px 0 10px; }
.tr-metadata { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:18px 0; }
.tr-metadata dt { color:var(--muted); font-size:10px; }
.tr-metadata dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:12px; unicode-bidi:plaintext; }
.tr-metadata .tr-source { grid-column:1/-1; }
.tr-metadata a { color:var(--green); text-decoration:underline; }
.tr-metadata small,.tr-detail-table th small { display:block; color:var(--muted); font-size:10px; font-weight:400; overflow-wrap:anywhere; }
.tr-detail-scroll { max-width:100%; overflow:auto; }
.tr-detail-table,.tr-history { min-width:560px; }
.tr-detail-table caption { text-align:start; color:var(--muted); font-size:10px; padding:8px 0; }
.tr-detail-table th,.tr-history th { white-space:normal; }
.tr-detail-table thead th,.tr-history thead th { background:#f1f5f3; }
.tr-detail-table td,.tr-history td { font-variant-numeric:tabular-nums; }
.tr-detail-table tbody td:last-child { color:var(--red); }
.tr-dialog [data-note] { color:var(--muted); font-size:11px; }
@media(max-width:900px) {
 .tr-toolbar .search-field { flex:1; min-width:220px; }
 .tr-toolbar { gap:12px 16px; }
 .tr-primary+.tr-primary { padding-inline-start:24px; }
 .tr-cohort { gap:8px 20px; }
}
@media(max-width:600px) {
 .tr-overview { padding-top:18px; }
 .tr-heading { align-items:stretch; flex-direction:column; gap:12px; }
 .tr-heading h1 { font-size:21px; }
 .tr-period-label { flex-direction:column; align-items:stretch; gap:6px; font-size:11px; }
 .tr-period-label select { width:100%; font-size:11px; }
 .tr-primary-metrics { margin-top:14px; }
 .tr-primary { padding-block:15px; }
 .tr-primary+.tr-primary { padding-inline-start:14px; }
 .tr-primary:first-child { padding-inline-end:12px; }
 .tr-primary dt { font-size:11px; min-height:38px; }
 .tr-primary dd { font-size:29px; }
 .tr-metric-context { flex-direction:column; gap:2px; font-size:9px; }
 .tr-support-metrics { gap:10px; }
 .tr-support-metrics>div+div { padding-inline-start:10px; }
 .tr-support-metrics dt { font-size:9px; min-height:32px; }
 .tr-support-metrics dd { font-size:17px; }
 .tr-support-metrics small { display:block; margin:0; font-size:9px; }
 .tr-cohort { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 8px; }
 .tr-cohort>div { justify-content:space-between; padding-inline-end:12px; }
 .tr-cohort dt { font-size:9px; }
 .tr-cohort dd { font-size:15px; }
 .tr-summary-note,.tr-period-note,.tr-method-note { font-size:10px; }
 .tr-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .tr-toolbar .search-field { grid-column:1/-1; width:100%; min-width:0; }
 .tr-control { flex-direction:column; align-items:stretch; gap:4px; }
 .tr-control:last-child { grid-column:2; grid-row:2; }
 .tr-control:has(#tr-sort) { grid-column:1/-1; }
 .tr-control select { width:100%; max-width:none; }
 .tr-table-scroll { max-height:580px; }
 .tr-rankings { grid-template-columns:1fr; gap:24px; }
 .tr-pending li { gap:10px; flex-wrap:wrap; }
 .tr-pending li>div { flex-basis:100%; }
 .tr-pending .tr-detail-link { margin-inline-start:auto; }
 .tr-dialog { padding:16px; }
 .tr-dialog h2 { font-size:16px; }
 .tr-metadata { grid-template-columns:1fr; gap:12px; }
 .tr-content { padding-top:18px; }
 .site-footer { flex-wrap:wrap; gap:6px 18px; }
}