/* FJN System — D228 (SPEC 1.241) the vehicle part of „Klient i pojazd” (E3-02, „Auto z ulicy”):
   the list of the customer's vehicles (rows 56 px with a radio), „+ Dodaj nowy pojazd”, the form
   „Nowy pojazd klienta” (2 px #1E4F8A), the new vehicle (green 2 px #1B6B41), a number of another
   customer (red 2 px #B3261E), the list of the makes with search. */
.fjn-tveh__list { display: flex; flex-direction: column; border: 1px solid #D8DCE1; border-radius: 8px; background: var(--fjn-surface); overflow: hidden; }
.fjn-tveh__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 12px; background: var(--fjn-bg); border-bottom: 1px solid #D8DCE1; font-size: 14px; }
.fjn-tveh__row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 8px 12px; border: 0; border-bottom: 1px solid #ECEEF1; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.fjn-tveh__row:last-child { border-bottom: 0; }
.fjn-tveh__row small { flex: 1; min-width: 0; font-size: 14px; color: var(--fjn-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fjn-tveh__row.is-on { background: var(--fjn-brand-50); }
.fjn-tveh__aside { text-align: right; font-size: 13px; }
.fjn-tveh__radio { flex: none; width: 22px; height: 22px; border: 2px solid #8A929C; border-radius: 50%; background: var(--fjn-surface); }
.fjn-tveh__row.is-on .fjn-tveh__radio { border-color: var(--fjn-brand-600); box-shadow: inset 0 0 0 4px var(--fjn-surface); background: var(--fjn-brand-600); }
.fjn-tveh__add { color: var(--fjn-brand-600); font-weight: 700; }
.fjn-tveh__add svg { flex: none; color: var(--fjn-text); }
.fjn-tveh__form { display: flex; flex-direction: column; gap: 12px; padding: 12px; border: 2px solid #1E4F8A; border-radius: 8px; background: var(--fjn-surface); }
.fjn-tveh__title { font-size: 15px; }
.fjn-tveh__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.fjn-tveh__nr { text-transform: uppercase; }
.fjn-tveh__nr[aria-invalid="true"] { border: 2px solid #B3261E; }
.fjn-tveh__owner { margin: 0; font-size: 13px; color: var(--fjn-text-2); }
.fjn-tveh__btns { display: flex; justify-content: flex-end; gap: 10px; }
.fjn-tveh__btns .fjn-btn { height: 56px; }
.fjn-tveh__card { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border: 2px solid; border-radius: 8px; background: var(--fjn-surface); }
.fjn-tveh__card.is-new { border-color: #1B6B41; }
.fjn-tveh__card.is-bad { border-color: #B3261E; }
.fjn-tveh__line { display: flex; align-items: center; gap: 12px; min-height: 36px; }
.fjn-tveh__make { flex: 1; min-width: 0; font-size: 14px; color: var(--fjn-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fjn-tveh__new { margin: 0; font-size: 13px; font-weight: 700; color: #1B6B41; }
.fjn-tveh__err { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 14px; font-weight: 700; color: #B3261E; }
.fjn-tveh__err svg { flex: none; margin-top: 1px; }
.fjn-tveh__info { display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 12px; border-radius: 6px; background: var(--fjn-brand-50); color: var(--fjn-brand-700); font-size: 14px; }
.fjn-tveh__info svg { flex: none; }
@media (max-width: 767px) {
  .fjn-tveh__fields { grid-template-columns: 1fr; }
  .fjn-tveh__btns .fjn-btn { flex: 1; }
}
/* the makes */
.fjn-makepick { position: relative; }
.fjn-makepick.is-enhanced select { display: none; }
.fjn-makepick__field { display: flex; align-items: center; gap: 8px; width: 100%; height: var(--fjn-ctl, 48px); padding: 0 12px; border: 1px solid var(--fjn-border-strong); border-radius: 6px; background: var(--fjn-surface); color: var(--fjn-text); font: inherit; font-size: 16px; text-align: left; cursor: pointer; }
.fjn-makepick__field[aria-expanded="true"] { border: 2px solid var(--fjn-brand-600); }
.fjn-makepick__field.is-empty .fjn-makepick__value { color: var(--fjn-text-2); }
.fjn-makepick__value { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fjn-makepick__arrow { width: 18px; height: 18px; background: url("../icons/chevron-down.bf32575dce75.svg") center / contain no-repeat; }
.fjn-makepick__panel { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; right: 0; display: flex; flex-direction: column; max-height: 320px; border: 1px solid #D8DCE1; border-radius: 8px; background: var(--fjn-surface); box-shadow: 0 8px 24px rgba(21, 24, 28, .16); }
.fjn-makepick__panel[hidden] { display: none; }
.fjn-makepick__search { margin: 8px; width: auto; }
.fjn-makepick__list { flex: 1; margin: 0; padding: 0; overflow-y: auto; list-style: none; border-top: 1px solid #ECEEF1; }
.fjn-makepick__option { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 12px; font-size: 15px; cursor: pointer; }
.fjn-makepick__option:hover, .fjn-makepick__option:focus { background: var(--fjn-brand-50); outline: none; }
.fjn-makepick__option[aria-selected="true"] { font-weight: 700; }
.fjn-makepick__option[aria-selected="true"]::after { content: "✓"; color: var(--fjn-brand-600); }
.fjn-makepick__empty { margin: 0; padding: 12px; font-size: 14px; color: var(--fjn-text-2); }
.fjn-makepick__empty[hidden] { display: none; }
.fjn-makepick__clear { min-height: 44px; padding: 0 12px; border: 0; border-top: 1px solid #ECEEF1; background: none; color: var(--fjn-brand-600); font: inherit; font-size: 14px; font-weight: 700; text-align: left; cursor: pointer; }
.fjn-tveh__nr::placeholder { text-transform: none; }