/* D188 (SPEC 1.192; ModD188, E0-40_{K,T}_*): service dialog „Gdzie używana”, the rim size by
   „Grupa rabatowa”, the list column and filter „Używana w”. */
.fjn-service-grid__group { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 12px; align-items: start; }
.fjn-service-grid__group .fjn-field { margin: 0; }
.fjn-service-grid__size .fjn-select { padding-right: 28px; font-family: var(--fjn-font-mono); font-size: 14px; font-weight: 700; }
.fjn-service-grid__size.fjn-field--error .fjn-select { border: 2px solid var(--fjn-danger-700); padding-left: 11px; }
.fjn-where__sep { width: 100%; height: 1px; margin: 4px 0; border: 0; background: #EEF0F2; }
.fjn-where { display: flex; flex-direction: column; gap: 12px; }
.fjn-where__head { display: flex; flex-direction: column; gap: 2px; }
.fjn-where__title { font-size: 16px; }
.fjn-where__desc, .fjn-where__note { font-size: 13px; line-height: 18px; color: var(--fjn-text-2); }
.fjn-where__card { display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border: 1px solid #D8DCE1; border-radius: 10px; }
.fjn-where__card:has([data-fjn-where-toggle] input[value="tak"]:checked) { border-color: var(--fjn-brand-600); }
.fjn-where__card:not(:has([data-fjn-where-toggle] input[value="tak"]:checked)) > .fjn-where__field,
.fjn-where__card:not(:has([data-fjn-where-toggle] input[value="tak"]:checked)) > .fjn-role-alert { display: none; }
.fjn-where__top { display: flex; align-items: center; gap: 12px; }
.fjn-where__name { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fjn-where__name b { font-size: 15px; }
.fjn-where__name small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-where__seg { display: grid; grid-template-columns: 72px 72px; gap: 6px; }
.fjn-where__opt { position: relative; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid #D8DCE1; border-radius: 8px; background: var(--fjn-surface); font-size: 15px; cursor: pointer; }
.fjn-where__opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fjn-where__opt:has(input:checked) { background: var(--fjn-brand-600); border-color: var(--fjn-brand-600); color: #fff; font-weight: 700; }
.fjn-where__opt:has(input:focus-visible) { box-shadow: var(--fjn-focus); }
.fjn-where__field { margin: 0; }
.fjn-where__field > legend { margin-bottom: 6px; font-size: 13px; }
.fjn-where__note { display: flex; gap: 6px; align-items: flex-start; margin: 0; }
.fjn-where__note > .fjn-icon { flex: none; margin-top: 2px; }
.fjn-where:not(:has(.fjn-where__card:last-of-type [data-fjn-where-toggle] input[value="tak"]:checked)) .fjn-where__note { display: none; }
.fjn-role__cgroup { margin-right: 8px; font: 700 11px var(--fjn-font-mono); letter-spacing: .06em; color: #626B77; text-transform: uppercase; white-space: nowrap; }
.fjn-role__cgroup:empty { display: none; }
/* the list: „Używana w” (Wycena navy, Wulkanizacja orange), „–” in „Rola w wycenie” for the wizard only */
.fjn-svc-uses { display: flex; flex-wrap: wrap; gap: 4px; }
.fjn-svc-use { height: 24px; padding: 0 8px; border-radius: 12px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 700; white-space: nowrap; }
.fjn-svc-use--quote { background: #E3ECF7; color: #173F6F; }
.fjn-svc-use--wizard { background: #FDF1DC; color: #8A5300; }
.fjn-svc-role-dash { color: #6B737D; }
.fjn-filter__count { margin-left: auto; font-size: 13px; color: var(--fjn-text-2); }
@media (max-width: 1279px) { .fjn-svc-uses { flex-direction: column; align-items: flex-start; } }
@media (max-width: 767px) { .fjn-service-grid__group { grid-template-columns: minmax(0, 1fr); } }
/* D191 pkt 8 (D188 drawing): „Zastosuj” a button — touch target 48 px on K, 56 px on T/M; „Wyczyść” stays a link */
.fjn-filter__footer { align-items: center; }
.fjn-filter__apply { min-height: 48px; padding: 0 16px; }
@media (max-width: 1279px) { .fjn-filter__apply { min-height: 56px; } }
/* D200: E0-24 „Rozliczenie partnera” (the Nie / Tak segment of „Gdzie używana” reused) */
.fjn-psett { display: flex; flex-direction: column; gap: 12px; }
.fjn-psett__form { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.fjn-psett__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid #EDEFF1; }
.fjn-psett__row:last-of-type { border-bottom: 0; padding-bottom: 0; }
.fjn-psett__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fjn-psett__text small { font-size: 13px; color: var(--fjn-text-2); }
.fjn-psett__days { margin-top: 6px; font-size: 16px; }
.fjn-psett__lock { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 12px; background: #EDEFF1; font-size: 12px; font-weight: 700; }
.fjn-psett__term { display: flex; align-items: center; gap: 8px; flex: none; font-size: 14px; color: var(--fjn-text-2); }
.fjn-psett__step { width: 168px; }
.fjn-psett__step input { min-width: 64px; padding: 0 4px; text-align: center; font-weight: 700; }
.fjn-psett__actions { display: flex; justify-content: flex-end; gap: 10px; }
@media (max-width: 767px) {
  .fjn-psett__row { flex-direction: column; }
  .fjn-psett__actions .fjn-btn { flex: 1 1 0; justify-content: center; min-height: 48px; }
}
@media (min-width: 1280px) { .fjn-tiles > .fjn-psett { grid-column: span 2; } }
@media (max-width: 1279px) { .fjn-psett__row--term { flex-direction: column; } } /* D201 (T): the stepper under the text */
.fjn-pst__term { font-family: inherit; white-space: nowrap; }