/* Kafle strony Trendy: treść wypełnia kafel i skaluje się do jego rozmiaru i kształtu (kafle mają nofit — bez zoomu tilefit.js).
   --u = mniejszy z: szerokość, 1,4 × wysokość kafla / 100 (jednostki kontenera .tile-b); telefon/tablet/druk: kafel płynie w naturalnej wysokości, więc stałe --u i wysokość z treści. */
.trt{--u:min(1cqw,1.4cqh);display:flex;flex-direction:column;gap:clamp(6px,calc(var(--u)*2.2),14px);height:100%;min-height:0;font-size:clamp(11px,calc(var(--u)*3.6),15px)}
.is-phone .trt,.is-tablet .trt,body.print-report .trt{--u:3.4px;height:auto}
.trt>*{flex:none;margin:0;min-width:0}
.trt .tr-corner{font-size:clamp(10px,calc(var(--u)*3),12px)}
.trt .tr-foot{font-size:clamp(10px,calc(var(--u)*3),12px);line-height:1.35}
.trt>.empty{flex:1;display:grid;place-items:center;padding:8px;font-size:clamp(13px,calc(var(--u)*4.5),20px)}
.trt>.empty:has(~ .hbars){flex:none}

.trt .hbar .val small{margin-left:.6em}

/* przychód: sumy + wykres liniowy */
.mc:has(>.mc-body>.trt-rev) .mc-body{display:flex;flex-direction:column}
.trt-rev{flex:1}
.trt .tr-sums{flex-wrap:wrap;gap:clamp(4px,calc(var(--u)*2),16px)}
.trt .tr-sums b{font-size:clamp(17px,calc(var(--u)*7.5),44px)}
.trt .tr-sums .mono{font-size:clamp(9px,calc(var(--u)*2.8),11px)}
.trt-chart{flex:1;min-height:56px;display:flex;flex-direction:column;padding-inline:14px}
.is-phone .trt-chart,.is-tablet .trt-chart,body.print-report .trt-chart{min-height:180px}
.trt-plot{position:relative;flex:1;min-height:0;border-bottom:1px solid var(--line)}
.trt-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.trt-plot polyline{fill:none;stroke-width:2;stroke-linejoin:round}
.trt-plot path{stroke:none}
.trt-plot>i{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%}
.trt-axis{position:relative;flex:none;height:1.7em;font:10px var(--mono);color:var(--muted)}
.trt-axis span{position:absolute;top:.5em;transform:translateX(-50%);white-space:nowrap}
@container (max-width:460px){.trt-axis span:not(.k2){display:none}}
@container (max-width:250px){.trt-axis span:not(.k4){display:none}}

/* tempo: słupki na pełną wysokość, liczba nad słupkiem, dni w osobnym wierszu */
.trt-pace .trt-plot{margin-top:1.9em}
.trt-chart.trt-pace{padding-inline:0}
.trt-cols{position:absolute;inset:0;display:flex}
.trt-col{flex:1;position:relative;min-width:0}
.trt-col>i{position:absolute;left:18%;right:18%;bottom:0;min-height:2px;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--muted) 45%,transparent)}
.trt-col.today>i{background:var(--accent)}
.trt-col>i>b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:2px;font:600 clamp(11px,calc(var(--u)*4),16px) var(--mono);color:var(--ink,var(--text));white-space:nowrap}
.trt-lim{position:absolute;left:0;right:0;border-top:1.5px dashed var(--warn,#d97706);text-decoration:none;pointer-events:none;z-index:1}
.trt-days{display:flex;height:auto;padding-top:.4em;font-size:clamp(9px,calc(var(--u)*3),12px)}
.trt-days span{position:static;transform:none;flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.trt-days .x{visibility:hidden}
.trt-days small{font-size:.85em;min-height:1.1em}

/* rankingi (lejek, wyniki, źródła, branże): ile pozycji się mieści — reszta zawija się do ukrytej kolumny; wiersze rozciągają się do wysokości kafla */
.trt .hbars{flex:1;min-height:0;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly;gap:0;overflow:hidden}
.trt .hbar{--rh:clamp(26px,calc(var(--u)*9),44px);width:100%;flex:1 0 var(--rh);max-height:calc(var(--u)*20);min-height:0;font-size:clamp(11px,calc(var(--u)*4),17px);grid-template-columns:minmax(0,40%) minmax(0,1fr) auto;gap:clamp(6px,calc(var(--u)*2),14px);align-items:center}
.trt .hbar .lbl{overflow:hidden;min-width:0;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.trt .hbar .val{white-space:nowrap}
.trt .hbar .bar{display:block;height:clamp(6px,calc(var(--u)*2.2),14px);border-radius:99px;background:var(--track,var(--line));overflow:hidden}
.trt .hbar .bar i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
@container (max-width:380px){
  .trt .hbar{--rh:clamp(38px,calc(var(--u)*13),58px);grid-template-columns:minmax(0,1fr) auto;row-gap:clamp(2px,calc(var(--u)*1),6px)}
  .trt .hbar .bar{grid-column:1/-1;grid-row:2}
}

/* dyscyplina: dwie kolumny (wąski kafel: jedna pod drugą), liczby skalowane do kafla */
.trt-disc .tr-cols{flex:1;min-height:0;grid-template-columns:1fr 1fr;gap:clamp(8px,calc(var(--u)*3),18px)}
.trt-disc .tr-col{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:1fr;gap:clamp(4px,calc(var(--u)*1.5),10px);min-height:0;min-width:0;overflow:hidden;padding:clamp(8px,calc(var(--u)*3),16px)}
.trt-disc .tr-col>span{grid-column:1/-1;font-size:clamp(9px,calc(var(--u)*3),12px)}
.trt-disc .tr-col>div{display:flex;flex-direction:column;justify-content:center;min-width:0}
.trt-disc .tr-col b{white-space:nowrap;font-size:clamp(15px,calc(var(--u)*10),52px);line-height:1.1;margin:0;overflow-wrap:anywhere}
.trt-disc .tr-col small{font-size:clamp(9px,calc(var(--u)*3.2),14px)}
@container (max-width:419px){
  .trt-disc .tr-cols{grid-template-columns:1fr;grid-auto-rows:1fr}
  .trt-disc .tr-col{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trt-disc .tr-col>div{justify-content:flex-end}
  .trt-disc .tr-col b{font-size:clamp(14px,min(calc(var(--u)*10),6cqw),40px)}
}
@container (min-aspect-ratio:3/1){ .trt-disc .tr-col{grid-template-columns:repeat(3,minmax(0,1fr))} .trt-disc .tr-col>div{justify-content:flex-end} .trt-disc .tr-col b{font-size:clamp(18px,min(calc(var(--u)*14),3.4cqw),60px)} }
.is-phone .trt-disc .tr-cols{grid-template-columns:1fr}
.is-phone .trt-disc .tr-col{grid-template-columns:repeat(3,minmax(0,1fr))}
@container (max-height:299px){ .trt-disc .tr-foot{display:none} }