/* Dedicated read-only analytics, using the existing Pourcentage palette. */
.trends-intro{margin:-3px 0 22px;color:var(--muted);font-size:14px;line-height:1.6}
.trends-filters{margin-bottom:18px}
.trends-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.trends-filter-grid label{font-size:12px}
.trends-period-label{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.trends-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trends-stat{padding:22px 20px;min-width:0}
.trends-stat>strong{display:block;margin:14px 0 9px;color:var(--gold-light);font-size:clamp(24px,3.2vw,38px);font-weight:650;letter-spacing:-1.2px;overflow-wrap:anywhere}
.trends-stat>p{margin:0 0 9px;font-size:11px;line-height:1.55;color:#d8e5df}
.trends-stat>small{color:var(--muted);font-size:10px;line-height:1.5}
.trends-comparison{margin:14px 2px 24px;color:var(--muted);font-size:11px;line-height:1.65}
.trends-charts{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:18px}
.trends-charts>.section-card{min-width:0;margin:0}
.trends-charts .section-heading{align-items:center;margin-bottom:14px}
.trends-charts h2{margin-top:6px}
.trends-charts .field-help{line-height:1.65}
.trends-group-label{min-width:78px;font-size:10px}
.trends-group-label select{width:100%;margin-top:5px;min-height:44px}
.trends-rate-chart{display:block;width:100%;height:244px;overflow:visible;margin:18px 0 8px;touch-action:pan-y;border-radius:8px}
.trends-grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.trends-axis-label{fill:var(--muted);font-size:10px;font-family:inherit}
.trends-chart-area{fill:rgba(212,175,55,.09)}
.trends-chart-line{fill:none;stroke:var(--gold-light);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.trends-chart-point{fill:var(--gold);stroke:var(--surface);stroke-width:1.5}
.trends-selected-point{fill:var(--gold-light);stroke:#08241b;stroke-width:3}
.trends-selected-guide{stroke:rgba(230,202,108,.45);stroke-width:1;stroke-dasharray:4 4}
.trends-point-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center}
.trends-point-controls select{margin:0;font-size:12px;min-height:44px}
.trends-point-controls button{width:44px;height:44px;font-size:25px;line-height:1}
.trends-point-detail{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:15px;background:rgba(2,17,12,.45);border:1px solid var(--line);border-radius:14px;font-size:11px;line-height:1.65;color:var(--muted);min-height:82px}
.trends-point-detail>span:last-child{text-align:right}
.trends-point-detail strong{display:block;color:var(--gold-light);font-size:24px;font-weight:650;line-height:1.3}
.trends-data{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}
.trends-data summary{display:list-item;cursor:pointer;color:var(--gold-light);font-size:12px;padding:12px 0;min-height:44px}
.trends-table-scroll{overflow-x:auto;max-height:310px;overscroll-behavior:contain}
.trends-data table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.5}
.trends-data caption{text-align:left;color:var(--muted);font-size:10px;padding:8px 0 12px}
.trends-data th,.trends-data td{text-align:right;border-bottom:1px solid var(--line);padding:10px 9px;font-variant-numeric:tabular-nums}
.trends-data th:first-child{text-align:left}
.trends-data thead th{color:var(--muted);font-weight:600}
.trends-data tbody th{font-weight:500}
.trends-donut{position:relative;width:min(100%,220px);aspect-ratio:1;margin:17px auto 20px}
.trends-donut svg{display:block;width:100%;height:100%}
.trends-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}
.trends-donut small{color:var(--muted);font-size:9px;letter-spacing:1.5px}
.trends-donut strong{color:var(--text);font-size:22px;letter-spacing:-.7px;margin-top:8px}
.trends-donut-kept{stroke:var(--gold)}
.trends-donut-out{stroke:#78bba4}
.trends-donut[data-selected="retained"] .trends-donut-out,.trends-donut[data-selected="tip-out"] .trends-donut-kept{opacity:.3}
.trends-distribution-legend{display:grid;gap:8px}
.trends-distribution-legend button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:62px;text-align:left;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(2,17,12,.3);color:var(--text);font-size:11px}
.trends-distribution-legend button[aria-pressed="true"]{border-color:var(--gold);background:rgba(212,175,55,.07)}
.trends-distribution-legend strong{font-size:12px;overflow-wrap:anywhere}
.trends-distribution-legend small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.trends-legend-dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.trends-legend-dot.tip-out{background:#78bba4}
.trends-distribution-detail{color:var(--muted);font-size:11px;line-height:1.65;min-height:36px;margin:12px 0}
.trends-chart-empty,.trends-distribution-note{margin:20px 0;padding:20px;border:1px dashed var(--line);border-radius:14px;font-size:12px;line-height:1.7;color:var(--muted)}
.trends-empty{text-align:center;padding:35px 24px}
.trends-empty>.p-icon{width:38px;height:38px;color:var(--gold)}
.trends-empty h2{margin:16px 0 10px}
.trends-empty p{max-width:400px;margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:1150px){.trends-charts{grid-template-columns:minmax(0,1fr)}.trends-donut{width:210px}.trends-distribution-legend{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:600px){.trends-summary{gap:9px}.trends-stat{padding:16px 12px}.trends-stat .eyebrow{font-size:8px;letter-spacing:1px}.trends-stat>strong{font-size:24px;letter-spacing:-.8px}.trends-stat>p{font-size:10px}.trends-stat>small{font-size:9px}.trends-filter-grid{gap:12px}.trends-filter-grid select{font-size:13px;padding:12px 9px}.trends-distribution-legend{grid-template-columns:minmax(0,1fr)}.trends-intro{font-size:13px;margin-bottom:18px}.trends-charts .section-card{padding:20px 16px}}
@media(max-width:380px){.trends-summary{grid-template-columns:minmax(0,1fr)}.trends-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px}.trends-stat .eyebrow{font-size:9px}.trends-stat>strong{margin:0;grid-column:2;grid-row:1/3}.trends-stat>p{margin:8px 0 4px;grid-column:1}.trends-stat>small{grid-column:1/-1}.trends-filter-grid{grid-template-columns:minmax(0,1fr)}.trends-point-detail{padding:12px;gap:8px;font-size:10px}}