/* tools.riftbound.zone: solo quello che l'app Strumenti aggiunge al CSS dell'app del sito (token --rz-*, componenti .rz-*). */
.tr3 .st-side-name { padding: 0 var(--rz-3); margin-top: calc(-1 * var(--rz-3)); font-size: var(--rz-fs-12); line-height: var(--rz-lh-12); color: var(--rz-text-3); }
.tr3 .rz-app:not([data-sidebar="open"]) .st-side-name { display: none; }
.tr3 .st-top-title { font: 500 var(--rz-fs-16) / var(--rz-lh-16) var(--rz-font-display); color: var(--rz-text); }
@media (max-width: 767px) { .tr3 .st-top-title { display: none; } }
.tr3 .st-who { display: inline-flex; align-items: center; gap: var(--rz-2); min-width: 0; font-size: var(--rz-fs-14); color: var(--rz-text-2); }
.tr3 .st-who > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 14rem; }
@media (max-width: 479px) { .tr3 .st-who > span { max-width: 7rem; } }

.tr3 .st-admin { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rz-2) var(--rz-4); padding: var(--rz-3) var(--rz-4); border-bottom: 1px solid var(--rz-line); background: var(--rz-navy-1); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }
@media (min-width: 768px) { .tr3 .st-admin { padding-inline: var(--rz-8); } }
.tr3 .st-admin__state { color: var(--rz-text-2); }
.tr3 .st-admin__as { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rz-2); flex: 1 1 22rem; min-width: 0; color: var(--rz-text-2); }
.tr3 .st-admin__as .rz-select { flex: 1 1 14rem; min-width: 0; max-width: 32rem; }
.tr3 .st-admin__hint { flex-basis: 100%; color: var(--rz-text-3); }

.tr3 .st-h2 { font: 600 var(--rz-fs-18) / var(--rz-lh-18) var(--rz-font-ui); color: var(--rz-text); }
.tr3 .st-muted { margin-top: var(--rz-2); color: var(--rz-text-2); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }
.tr3 .st-note { margin: calc(-1 * var(--rz-4)) 0 var(--rz-6); color: var(--rz-text-3); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); max-width: 48rem; }
.tr3 .rz-card + .st-note, .tr3 .st-tiles + .st-note, .tr3 .rz-list + .st-note { margin: var(--rz-4) 0 0; }
.tr3 .st-acts { display: flex; flex-wrap: wrap; gap: var(--rz-2); margin-top: var(--rz-4); }
.tr3 .st-acts .rz-btn .rz-ic, .tr3 .rz-pagehead__actions .rz-btn .rz-ic { width: 16px; height: 16px; }
.tr3 .st-cardhead { display: flex; align-items: center; justify-content: space-between; gap: var(--rz-3); margin-bottom: var(--rz-2); }

.tr3 .st-grid { display: grid; gap: var(--rz-4); }
@media (min-width: 1024px) { .tr3 .st-grid { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; } }
.tr3 .st-stack { display: grid; gap: var(--rz-4); }
.tr3 .st-tiles { display: grid; gap: var(--rz-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.tr3 .st-date { flex: none; width: 48px; }
.tr3 .st-lega__t { font-weight: 500; color: var(--rz-text); }
.tr3 .st-lega--more { margin-top: var(--rz-4); padding-top: var(--rz-4); border-top: 1px solid var(--rz-line); }
.tr3 .rz-card > .st-h2 + .st-lega, .tr3 .rz-card > .st-h2 + .st-muted { margin-top: var(--rz-3); }
.tr3 .st-print { display: flex; flex-direction: column; align-items: flex-start; gap: var(--rz-3); }
.tr3 .st-print .st-muted { margin-top: 0; }
.tr3 .st-print .st-acts { margin-top: auto; padding-top: var(--rz-2); }
.tr3 .st-help { display: grid; gap: var(--rz-2); }
.tr3 .st-help .st-acts { margin-top: var(--rz-2); }
.tr3 .st-ref + .st-note + .st-help, .tr3 .st-ref + .st-help { margin-top: var(--rz-8); }
.tr3 .st-ref__row { align-items: flex-start; padding-block: var(--rz-4); }
.tr3 .st-ref__t { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rz-1) var(--rz-2); font-weight: 500; color: var(--rz-text); }
.tr3 .st-ct { display: grid; gap: 2px; margin-top: var(--rz-2); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); color: var(--rz-text-2); }
.tr3 .st-ct__ln { display: flex; flex-wrap: wrap; gap: var(--rz-1) var(--rz-4); margin-top: var(--rz-1); }
.tr3 .st-ct__ln a { overflow-wrap: anywhere; }
.tr3 .st-acts--row { margin-top: 0; flex: none; }
@media (max-width: 767px) { .tr3 .st-ref__row { flex-wrap: wrap; } .tr3 .st-acts--row { flex-basis: 100%; } }
.tr3 .st-facts { max-width: 48rem; }
.tr3 .st-gate { display: grid; gap: var(--rz-6); max-width: 40rem; margin: var(--rz-12) auto 0; }
.tr3 .rz-legal p + p { margin-top: var(--rz-1); }
/* serate sul telefono: gli iscritti restano sulla riga della serata (la lista dell'app li manda a capo sotto) */
@media (max-width: 479px) {
  .tr3 .st-ev .rz-list__row { flex-wrap: nowrap; align-items: flex-start; }
  .tr3 .st-ev .rz-list__row > .rz-list__end { order: 0; flex-basis: auto; justify-items: end; padding-left: 0; }
}

/* ---------- Fase 1 (07/11 notte): cruscotto, giocatori, zona ---------- */
.tr3 .st-card { display: grid; gap: var(--rz-4); align-content: start; }
.tr3 .st-card > .st-cardhead { margin-bottom: 0; align-items: flex-start; }
.tr3 .st-lead { margin-top: var(--rz-1); color: var(--rz-text-3); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }
.tr3 .st-grid--even { margin-top: var(--rz-4); }
@media (min-width: 1024px) { .tr3 .st-grid--even { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tr3 .st-kpis + .st-grid, .tr3 .st-know + .st-grid, .tr3 .st-kpis + .rz-card { margin-top: var(--rz-4); }

/* numeri in evidenza */
.tr3 .st-kpis { display: grid; gap: var(--rz-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
@media (min-width: 768px) { .tr3 .st-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .tr3 .st-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); } .tr3 .st-kpis:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tr3 .st-kpi { position: relative; min-width: 0; padding: var(--rz-4); border: 1px solid var(--rz-line); border-radius: var(--rz-r-card); background: var(--rz-navy-1); }
.tr3 .st-kpi dt { font-size: var(--rz-fs-12); line-height: var(--rz-lh-12); color: var(--rz-text-3); }
.tr3 .st-kpi dd { display: grid; gap: var(--rz-1); margin: var(--rz-2) 0 0; }
.tr3 .st-kpi dd b { font: 500 var(--rz-fs-28) / var(--rz-lh-28) var(--rz-font-display); color: var(--rz-text); font-variant-numeric: tabular-nums; }
.tr3 .st-kpi dd span { font-size: var(--rz-fs-12); line-height: var(--rz-lh-12); color: var(--rz-text-3); }
.tr3 .st-kpi__link { display: block; margin: calc(-1 * var(--rz-4)); padding: var(--rz-4); border-radius: inherit; transition: background-color var(--rz-dur-2) var(--rz-ease); }
.tr3 .st-kpi__link:hover { background: var(--rz-tint-2); }

/* da sapere */
.tr3 .st-know { margin-top: var(--rz-4); padding: var(--rz-4) var(--rz-5); border: 1px solid var(--rz-line); border-radius: var(--rz-r-card-lg); background: var(--rz-navy-1); }
.tr3 .st-know ul { display: grid; gap: var(--rz-3); margin: var(--rz-3) 0 0; padding: 0; list-style: none; }
.tr3 .st-know li { display: flex; gap: var(--rz-3); align-items: flex-start; font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); color: var(--rz-text-2); }
.tr3 .st-know li .rz-ic { flex: none; margin-top: 1px; color: var(--rz-text-3); }

/* grafici: barre in gesso, la zona tratteggiata, i nuovi in ghiaccio (niente arancio: non è un'azione) */
.tr3 .st-chart { margin: 0; }
.tr3 .st-chart svg { display: block; width: 100%; height: auto; }
.tr3 .st-ch-grid { stroke: var(--rz-line); stroke-width: 1; }
.tr3 .st-ch-axis { fill: var(--rz-text-3); font: 400 11px var(--rz-font-ui); }
.tr3 .st-ch-val { fill: var(--rz-text-2); font: 500 11px var(--rz-font-ui); font-variant-numeric: tabular-nums; }
.tr3 .st-ch-bar { fill: var(--rz-text-2); }
.tr3 .st-ch-new { fill: var(--rz-ice); }
.tr3 .st-ch-zone { fill: none; stroke: var(--rz-text-3); stroke-width: 2; stroke-dasharray: 5 4; }
.tr3 .st-ch-dot { fill: var(--rz-navy-1); stroke: var(--rz-text-3); stroke-width: 2; }
.tr3 .st-legend { display: flex; flex-wrap: wrap; gap: var(--rz-1) var(--rz-4); margin-top: var(--rz-2); font-size: var(--rz-fs-12); line-height: var(--rz-lh-12); color: var(--rz-text-3); }
.tr3 .st-legend span { display: inline-flex; align-items: center; gap: var(--rz-2); }
.tr3 .st-k { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.tr3 .st-k--bar { background: var(--rz-text-2); }
.tr3 .st-k--new { background: var(--rz-ice); }
.tr3 .st-k--line { height: 0; border-radius: 0; border-top: 2px dashed var(--rz-text-3); }

/* barre orizzontali (imbuto, dove giocano anche, quota) */
.tr3 .st-meters { display: grid; gap: var(--rz-3); margin: 0; padding: 0; list-style: none; }
.tr3 .st-meters li { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr) auto; align-items: center; gap: var(--rz-3); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }
@media (max-width: 479px) { .tr3 .st-meters li { grid-template-columns: minmax(0, 1fr) auto; } .tr3 .st-meters .rz-meter { grid-column: 1 / -1; grid-row: 2; } }
.tr3 .st-meters__l { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--rz-text-2); }
.tr3 .st-meters__l small { color: var(--rz-text-3); }
.tr3 .st-meters b { font-weight: 500; color: var(--rz-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tr3 .st-meters .rz-meter { height: 8px; border-radius: 4px; }
.tr3 .st-meters li.is-me .st-meters__l { color: var(--rz-text); font-weight: 500; }
.tr3 .st-meters li.is-me .rz-meter > i { background: var(--rz-text); }

/* tabella delle fasce */
.tr3 .st-table th[scope="row"] { font-weight: 500; text-align: left; }
.tr3 .st-trend { display: inline-flex; align-items: center; gap: var(--rz-1); color: var(--rz-text-2); font-variant-numeric: tabular-nums; }
.tr3 .st-trend .rz-ic { color: var(--rz-text-3); }

/* fasce da provare */
.tr3 .st-tips { display: grid; gap: var(--rz-2); margin: 0; padding: 0; list-style: none; }
.tr3 .st-tips li { display: grid; gap: 2px; padding: var(--rz-3); border-radius: var(--rz-r-ctl); background: var(--rz-navy-2); }
.tr3 .st-tips b { font-weight: 500; color: var(--rz-text); }
.tr3 .st-tips span { font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); color: var(--rz-text-3); }

/* calendario con le sovrapposizioni */
.tr3 .st-cal { display: grid; gap: var(--rz-4); margin: 0; padding: 0; list-style: none; }
.tr3 .st-cal ul { display: grid; gap: var(--rz-2); margin: var(--rz-2) 0 0; padding: 0; list-style: none; }
.tr3 .st-cal__d { font-size: var(--rz-fs-12); line-height: var(--rz-lh-12); color: var(--rz-text-3); text-transform: none; }
.tr3 .st-cal li li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--rz-1) var(--rz-2); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); color: var(--rz-text-2); }
.tr3 .st-cal li li b { font-weight: 500; color: var(--rz-text); font-variant-numeric: tabular-nums; }
.tr3 .st-cal li li small { color: var(--rz-text-3); font-size: var(--rz-fs-12); }
.tr3 .st-cal__clash .rz-ic { align-self: center; color: var(--rz-text-3); }

/* serate: link a iscrizioni e locandina */
.tr3 .st-ev__links { display: flex; flex-wrap: wrap; gap: var(--rz-1) var(--rz-4); margin-top: var(--rz-1); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }

/* ---------- Fase 2 (08/11): Altro, kit social, valutatore, widget e TV ---------- */
.tr3 .st-side-g { margin-top: var(--rz-3); }
.tr3 .st-side-g:first-child { margin-top: 0; }
.tr3 .st-soc { display: grid; gap: var(--rz-4); }
.tr3 .st-soc__ctl { display: flex; flex-wrap: wrap; gap: var(--rz-3); }
.tr3 .st-soc__body { display: grid; gap: var(--rz-4); align-items: start; }
@media (min-width: 1024px) { .tr3 .st-soc__body { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); } }
.tr3 .st-soc__prev { display: grid; gap: var(--rz-3); justify-items: start; }
.tr3 .st-soc__prev canvas { display: block; width: 100%; max-width: 420px; height: auto; border-radius: var(--rz-r-card); border: 1px solid var(--rz-line-2); background: var(--rz-navy-1); }
.tr3 .st-soc__prev .st-note { margin: 0; }
.tr3 .st-soc__cap { width: 100%; font: 400 var(--rz-fs-14) / var(--rz-lh-14) var(--rz-font-ui); }
.tr3 .st-val { display: grid; gap: var(--rz-4); }
.tr3 .st-val__top { display: flex; flex-wrap: wrap; gap: var(--rz-4); align-items: flex-end; }
.tr3 .st-val__search { flex: 1 1 18rem; display: grid; gap: var(--rz-2); min-width: 0; }
.tr3 .st-val__pct { display: grid; gap: var(--rz-2); }
.tr3 .st-val__pctrow { display: flex; align-items: center; gap: var(--rz-2); color: var(--rz-text-3); font-size: var(--rz-fs-14); }
.tr3 .st-val__pctrow .rz-input { width: 6rem; }
.tr3 .st-val__res:empty { display: none; }
.tr3 .st-val__res .rz-list__row { gap: var(--rz-3); }
.tr3 .st-val__card { display: flex; align-items: center; gap: var(--rz-3); min-width: 0; flex: 1; text-align: left; }
.tr3 .st-val__card img { flex: none; width: 36px; height: 50px; object-fit: cover; border-radius: 3px; background: var(--rz-navy-2); }
.tr3 .st-val__card span { display: grid; min-width: 0; font-weight: 500; }
.tr3 .st-val__card small { color: var(--rz-text-3); font-weight: 400; font-size: var(--rz-fs-12); }
.tr3 .st-val__qty { width: 4.5rem; }
.tr3 .st-val__t td, .tr3 .st-val__t th { vertical-align: middle; }
.tr3 .st-val__tot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--rz-2); padding: var(--rz-3) 0; border-top: 1px solid var(--rz-line-2); color: var(--rz-text-3); font-size: var(--rz-fs-14); }
.tr3 .st-val__tot b { font: 500 var(--rz-fs-24) / var(--rz-lh-24) var(--rz-font-display); color: var(--rz-text); }
.tr3 .st-wid__prev { width: 100%; max-width: 480px; height: 640px; border: 0; border-radius: var(--rz-r-card-lg); background: transparent; }

/* ---------- Fase 3 (08/11): la scheda del negozio, avvisi e report ---------- */
.tr3 .st-form { display: grid; gap: var(--rz-4); align-content: start; }
.tr3 .st-form .rz-field { display: grid; gap: var(--rz-2); }
.tr3 .st-form__2 { display: grid; gap: var(--rz-4); }
@media (min-width: 768px) { .tr3 .st-form__2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tr3 .st-logo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--rz-3); }
.tr3 .st-logo__img { display: grid; place-items: center; width: 96px; height: 96px; border-radius: var(--rz-r-ctl); background: #fff; }
.tr3 .st-logo__img img { max-width: 84px; max-height: 84px; object-fit: contain; }
.tr3 .st-logo input[type=file] { font-size: var(--rz-fs-14); color: var(--rz-text-2); }
.tr3 .st-adm { padding-top: var(--rz-3); border-top: 1px solid var(--rz-line); }
.tr3 .st-sw { display: flex; gap: var(--rz-3); align-items: flex-start; width: 100%; padding: var(--rz-3) 0; border-bottom: 1px solid var(--rz-line); cursor: pointer; }
.tr3 .st-sw > span { display: grid; gap: 2px; }
.tr3 .st-sw b { font-weight: 500; color: var(--rz-text); }
.tr3 .st-sw small { color: var(--rz-text-3); font-size: var(--rz-fs-14); line-height: var(--rz-lh-14); }