/* GORJE-310b: the coach's page /klub-trener and the application /postani-trener. Tokens of sistem.css, the cards of /prijava.
   Quiet on purpose (Kir 02.11.2026): no big numbers on a dark tile, no colour lines, equal heights in a row. */
.tr-stran { display: grid; gap: 2.5rem; margin-top: 1.5rem; }
.tr-stran section { display: grid; gap: 0.75rem; }
.tr-stran h2 { margin: 0; }
.tr-primer { margin: 0; color: var(--megla); }
.tr-skupine { display: grid; margin: 0; padding: 0.25rem 1.25rem; list-style: none; }
.tr-skupine li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.125rem 1rem; padding: 0.75rem 0; }
.tr-skupine li + li { box-shadow: inset 0 1px 0 var(--crta); }
.tr-koliko { color: var(--megla); font-variant-numeric: tabular-nums; }
.tr-stevci { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.tr-stevec { display: flex; flex-direction: column; gap: 0.25rem; padding: 1.25rem; border-radius: var(--r-kartica); background: var(--bela); box-shadow: var(--senca-kartica); }
.tr-stevec :is(h3, p) { margin: 0; }
.tr-stevec h3 { font-weight: 600; }
.tr-st { font-family: var(--f-glas); font-size: var(--t-3xl); font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.tr-delo { display: grid; gap: 0.75rem; margin: 0; padding: 1.25rem; }
.tr-delo div { display: grid; gap: 0.125rem; }
.tr-delo dt { color: var(--megla); font-size: var(--t-sm); }
.tr-delo dd { margin: 0; }
.tr-naloge { max-width: 65ch; white-space: pre-line; }
.tr-stevec .povezava { padding-block: 0; }
.tr-prijava { max-width: 44rem; }
@media (min-width: 64rem) { .tr .prijava-mreza { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 47.99rem) { .tr-stran { gap: 2rem; } }
@media (max-width: 63.99rem) {  /* the side menu takes the width of a tablet too: one row per number */
  .tr-stevci { grid-template-columns: minmax(0, 1fr); gap: 0.625rem; }
  .tr-stevec { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 1rem; padding: 0.875rem 1.25rem; }
  .tr-stevec .tr-st { grid-column: 2; grid-row: 1 / 3; }
}

/* GORJE-319c: «Sporočila» - the list of conversations on the left, the open one on the right (phone: one at a time); the
   bubbles and the field come from pogovori.css. No colour lines: the open row is ice, an unread row bold with a lake dot. */
.tr-pg { display: grid; gap: 0.75rem; }
.trp-uvod { margin: 0; max-width: 65ch; color: var(--megla); }
.trp { display: grid; grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr); height: min(38rem, calc(100dvh - var(--glava-h, 4rem) - 4rem)); padding: 0; overflow: hidden; }
.trp-seznam { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0.5rem; box-shadow: inset -1px 0 0 var(--led); }
.trp-niti { display: grid; gap: 0.125rem; margin: 0; padding: 0; list-style: none; }
.trp-vrsta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; width: 100%; min-height: 3.75rem; padding: 0.5rem 0.75rem;
  border: 0; border-radius: var(--r-polje); background: transparent; color: var(--noc); font: inherit; text-align: left; cursor: pointer; }
.trp-vrsta .pg-obraz { width: 2.5rem; height: 2.5rem; font-size: 0.875rem; }
.trp-vrsta .pg-obraz--starsi { background: var(--sneg); box-shadow: inset 0 0 0 1.5px var(--crta); }
.trp-vrsta[aria-current="true"] { background: var(--led); }
.trp-vrsta[aria-current="true"] .pg-obraz { background: var(--bela); }
@media (hover: hover) and (pointer: fine) { .trp-vrsta:not([aria-current="true"]):hover { background: var(--sneg); } }
.trp-vrsta:focus-visible { outline: 3px solid var(--jezero); outline-offset: -3px; }
.trp-vrsta-besedilo { display: grid; min-width: 0; }
.trp-vrsta-ime { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.trp-vrsta.je-novo .trp-vrsta-ime { font-weight: 800; }
.trp-vrsta-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--megla); font-size: var(--t-xs); }
.trp-pika { width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--jezero); }
html[data-vid] .trp-pika { background: var(--vid-b); }
.trp-prazno { margin: 0; padding: 1rem 0.75rem; color: var(--megla); }
.trp-nit { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; min-width: 0; background: var(--sneg); }
.trp-izberi { grid-row: 1 / -1; align-self: center; justify-self: center; margin: 0; padding: 1rem; text-align: center; }
.trp-glava { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1rem; padding: 0.875rem 1.25rem; background: var(--bela); box-shadow: inset 0 -1px 0 var(--led); }
.trp-glava-besedilo { flex: 1 1 14rem; min-width: 0; }
.trp-naslov { margin: 0; font-size: var(--t-lg); font-weight: 600; line-height: 1.25; }
.trp-kdo { margin: 0.125rem 0 0; color: var(--megla); font-size: var(--t-xs); }
.trp-nazaj { display: none; align-items: center; gap: 0.2rem; margin-left: -0.5rem; color: var(--noc); flex-basis: 100%; justify-content: flex-start; }
.trp-glava .pg-zakljuci { margin-right: -0.5rem; }
.trp-sporocila { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 1.25rem; }
.trp-noga { padding: 0.75rem 1.25rem 1rem; background: var(--bela); box-shadow: inset 0 1px 0 var(--led); }
.trp-telefon { display: grid; gap: 0.5rem; padding: 1.25rem; max-width: 44rem; }
.trp-telefon :is(h3, p) { margin: 0; }
.trp-tel-naslov { font-size: var(--t-lg); font-weight: 600; }
.trp-tel-besedilo { max-width: 60ch; }
.trp-tel-gumbi { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.25rem; }
.trp-tel-izid:empty { display: none; }
.trp-tel-izid { font-weight: 600; }
.trp-tel-ios.je-pomembno { padding: 0.5rem 0.75rem; border-radius: var(--r-polje); background: var(--led); color: var(--noc); }
@media (max-width: 63.99rem) {  /* a tablet too: the side menu leaves no room for the list and the thread side by side */
  .trp { grid-template-columns: minmax(0, 1fr); height: auto; overflow: visible; }
  .trp-seznam { box-shadow: none; overflow: visible; }
  .trp-nit { display: none; border-radius: var(--r-kartica); overflow: hidden; }
  .trp.je-odprta .trp-seznam { display: none; }
  .trp.je-odprta .trp-nit { display: grid; height: calc(100dvh - var(--glava-h, 4rem) - 5.5rem); }
  .trp-nazaj { display: inline-flex; }
  .trp-glava { padding: 0.5rem 1rem 0.75rem; }
  .trp-glava .pg-zakljuci { justify-content: flex-start; margin: 0 0 0 -0.6rem; }
  .trp-sporocila { padding: 1rem; }
  .trp-noga { padding: 0.75rem 1rem 1rem; }
  .trp-tel-gumbi .gumb { width: 100%; }
}