/* FJN System — E2-03 „Inspekcja kompletu” (D179, SPEC 1.162): the tyres once for the set, the rims
   K1…Kn with damages and photos. Loaded after fjn-storage.css. */
.fjn-stinsp__tyres { gap: 12px; }
.fjn-stinsp__tyrerow { display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; cursor: pointer; font-size: 15px; }
.fjn-stinsp__tyrerow::-webkit-details-marker { display: none; }
.fjn-stinsp__tyres[open] > .fjn-stinsp__tyrerow { display: none; }
.fjn-stinsp__change { color: var(--fjn-brand-600); font-weight: 700; }
.fjn-stinsp__tyrehead { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.fjn-stinsp__split { display: grid; grid-template-columns: repeat(2, 160px); gap: 8px; }
.fjn-stinsp__splitbtn { min-height: 56px; border: 1px solid var(--fjn-border-strong); border-radius: 8px; background: var(--fjn-surface); font-size: 15px; cursor: pointer; }
.fjn-stinsp__splitbtn.is-on { border-color: var(--fjn-brand-600); background: var(--fjn-brand-600); color: var(--fjn-text-inverse); font-weight: 700; }
.fjn-stinsp__tyregroups { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; border: 0; min-width: 0; }
/* K: Indeks wide enough for „105V” with the arrow (4.27.1, D203) */
.fjn-stinsp__tyrefields { display: grid; grid-template-columns: repeat(3, minmax(0, .8fr)) repeat(2, minmax(0, 1.5fr)) minmax(0, 1fr) repeat(2, minmax(0, .8fr)); gap: 8px; align-items: start; }
.fjn-stinsp__tyrefields .fjn-stinsp__field.is-wide { grid-column: auto; }
/* D203: the tread from the list — „mm” beside a number, the list under the field (opens to the left) */
.fjn-tpick--tread .fjn-tpick__input { padding-right: 72px; }
.fjn-tpick--tread .fjn-tpick__side { font-weight: 400; font-size: 13px; color: var(--fjn-text-2); }
.fjn-tpick--tread .fjn-tpick__input { text-overflow: ellipsis; }  /* „Do wym…” in a narrow field */
.fjn-tpick--tread:has(.fjn-tpick__side:empty) .fjn-tpick__input { padding-right: 40px; }  /* Nowe, Do wymiany: no „mm” */
.fjn-tpick--tread .fjn-tpick__panel { left: auto; right: 0; min-width: 200px; }
.fjn-tpick--tread .fjn-tpick__option { gap: 6px; }
.fjn-tpick--tread .fjn-tpick__list { max-height: none; }  /* D204: the whole list (7 positions) */
.fjn-tpick--tread .fjn-tpick__panel.is-up { top: auto; bottom: calc(100% + 4px); }  /* D204: above the field */
/* D204: the banner in one line above the title — „Uzupełnij 2 pola: DOT, Bieżnik” */
.fjn-stinsp__banner { align-items: center; }
.fjn-stinsp__banner p { margin: 0; }
.fjn-stinsp__banner a { color: inherit; font-weight: 400; text-decoration: none; }
.fjn-stinsp__field--dot .fjn-field__error { font-weight: 700; }
.fjn-tpick--tread .fjn-tpick__option b, .fjn-tpick--tread .fjn-tpick__option span { font: 400 15px var(--fjn-font-mono); color: var(--fjn-text); }
.fjn-stinsp__section { margin: 8px 0 0; font-size: 18px; }
.fjn-stinsp__rimgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; }
.fjn-stinsp__rimleft, .fjn-stinsp__rimright { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
@media (min-width: 1280px) {  /* D204 K: the DOT error in one line, right edge of the field, under the neighbours */
  .fjn-stinsp__field--dot { position: relative; }
  .fjn-stinsp__field--dot .fjn-field__error { position: absolute; right: 0; top: 100%; margin-top: 4px; white-space: nowrap; }
  .fjn-stinsp__tyrefields:has(.fjn-stinsp__field--dot .fjn-field__error) { padding-bottom: 22px; }
}
@media (max-width: 1279px) {
  .fjn-stinsp__tyrefields { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .fjn-stinsp__tyrefields .fjn-stinsp__field.is-wide { grid-column: span 3; }
  .fjn-stinsp__tyrefields .fjn-stinsp__field--dot { grid-column: 1 / span 3; }  /* D203 T: DOT and tread in a row */
  .fjn-stinsp__tyrefields .fjn-stinsp__field--tread { grid-column: span 3; }
}
@media (max-width: 767px) {
  .fjn-stinsp__tyrefields { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .fjn-stinsp__tyrefields > .fjn-stinsp__field { grid-column: span 2; }
  .fjn-stinsp__tyrefields > .fjn-stinsp__field.is-wide { grid-column: span 3; }
  .fjn-stinsp__split { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .fjn-stinsp__rimgrid { grid-template-columns: minmax(0, 1fr); }
}