/* D234 Zapytania › Dyrektor AI (SPEC 1.256). */
.fjn-dyr { display: flex; flex-direction: column; gap: 12px; }
.fjn-dyr__tabs { scroll-behavior: auto; }
.fjn-dyr__head { display: flex; flex-direction: column; gap: 4px; }
.fjn-dyr__title { margin: 0; font-size: 22px; }
.fjn-dyr__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; align-items: center; }
.fjn-dyr__chip { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: var(--fjn-surface-2); font-size: 12px; font-weight: var(--fjn-fw-bold); color: var(--fjn-text-2); }
.fjn-dyr__chip.is-commented { background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-dyr__chip.is-none { background: var(--fjn-warning-100); color: var(--fjn-warning-700); }
.fjn-dyr__chip.is-missing { background: var(--fjn-danger-100); color: var(--fjn-danger-700); }
.fjn-dyr__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.fjn-dyr__tile { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--fjn-border); border-radius: 8px; background: var(--fjn-surface); }
.fjn-dyr__tile span { font-size: 13px; color: var(--fjn-text-2); }
.fjn-dyr__tile b { font-size: 24px; }
.fjn-dyr__tile small { font-size: 12px; font-weight: var(--fjn-fw-bold); }
.fjn-dyr__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
.fjn-dyr__col { display: flex; flex-direction: column; gap: 12px; }
.fjn-dyr__card { display: flex; flex-direction: column; gap: 8px; }
.fjn-dyr__card h2 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 16px; }
.fjn-dyr__chead { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fjn-dyr__wide { width: 100%; }
.fjn-dyr__rec { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--fjn-border); color: var(--fjn-text); text-decoration: none; }
.fjn-dyr__list .fjn-dyr__rec, .fjn-dyr__hrow { padding: 14px 16px; }
.fjn-dyr__rec span:first-child, .fjn-dyr__hrow span:first-child { display: flex; flex-direction: column; gap: 2px; }
.fjn-dyr__rec small, .fjn-dyr__hrow small { color: var(--fjn-text-2); font-size: 12px; }
.fjn-dyr__state { padding: 2px 8px; border-radius: 999px; background: var(--fjn-info-100); color: var(--fjn-info-700); font-size: 12px; font-weight: var(--fjn-fw-bold); white-space: nowrap; }
.fjn-dyr__state.is-accepted { background: var(--fjn-success-100); color: var(--fjn-success-700); }
.fjn-dyr__state.is-rejected { background: var(--fjn-surface-2); color: var(--fjn-text-2); }
.fjn-dyr__hrow { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; border-top: 1px solid var(--fjn-border); color: var(--fjn-text); text-decoration: none; }
.fjn-dyr__list { padding: 0; }
.fjn-dyr__list > :first-child { border-top: 0; }
.fjn-dyr__none { margin: 0; padding: 16px; color: var(--fjn-text-2); }
.fjn-dyr__crow { display: grid; grid-template-columns: 10px 1fr auto; gap: 10px; align-items: center; min-height: 44px; border-top: 1px solid var(--fjn-border); }
.fjn-dyr__crow i { width: 8px; height: 8px; border-radius: 50%; background: var(--fjn-success-700); }
.fjn-dyr__crow.is-warn i { background: #D58B12; }
.fjn-dyr__crow.is-warn b { color: var(--fjn-warning-700); }
.fjn-dyr__crow b { color: var(--fjn-success-700); }
.fjn-dyr__mcards { display: none; }
.fjn-dyr__chg { display: block; color: var(--fjn-text-2); }
.fjn-dyr__src { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; min-height: 40px; border-top: 1px solid var(--fjn-border); }
.fjn-dyr__src small { color: var(--fjn-text-2); }
.fjn-dyr__decide { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fjn-dyr__decide form, .fjn-dyr__decide .fjn-btn { width: 100%; }
.fjn-dyr__decide form .fjn-btn { width: 100%; }
.fjn-dyr__dec { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; border-top: 1px solid var(--fjn-border); }
.fjn-dyr__dec small { color: var(--fjn-text-2); }
.fjn-dyr__conf { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; font-size: 14px; }
.fjn-dyr__conf dt { color: var(--fjn-text-2); }
.fjn-dyr__conf dd { margin: 0; }
.fjn-dyr__srow { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-top: 1px solid var(--fjn-border); }
.fjn-dyr__srow.is-current { background: var(--fjn-brand-50); }
.fjn-dyr__srow small { color: var(--fjn-text-2); font-size: 12px; }
.fjn-dyr__shead { display: flex; justify-content: space-between; gap: 8px; }
.fjn-dyr__err { border-left: 4px solid #D58B12; }
.fjn-dyr__err.is-not_made { border-left-color: var(--fjn-danger-700); }
.fjn-dyr__err p { margin: 0; }
.fjn-dyr__flow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.fjn-dyr__flow li { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 8px; background: var(--fjn-surface-2); }
.fjn-dyr__flow li.is-optional { border: 1px dashed var(--fjn-border-strong); background: var(--fjn-surface); }
.fjn-dyr__flow li.is-saved { background: var(--fjn-success-100); }
.fjn-dyr__flow small { font-size: 12px; color: var(--fjn-text-2); }
.fjn-dyr__note { margin: 0; padding: 10px 12px; border-radius: 8px; background: var(--fjn-success-100); font-size: 13px; }
.fjn-dyr__yes, .fjn-dyr__no { margin: 0; padding: 0; list-style: none; }
.fjn-dyr__yes li, .fjn-dyr__no li { padding: 8px 0; border-top: 1px solid var(--fjn-border); font-size: 14px; }
.fjn-dyr__yes li::before { content: "+ "; color: var(--fjn-success-700); font-weight: var(--fjn-fw-bold); }
.fjn-dyr__no li::before { content: "– "; color: var(--fjn-danger-700); font-weight: var(--fjn-fw-bold); }
.fjn-dyr__noh { color: var(--fjn-danger-700); }
.fjn-dyr__json { margin: 0; padding: 12px; overflow-x: auto; border-radius: 8px; background: var(--fjn-surface-2); font-size: 12px; white-space: pre; }
@media (max-width: 1279px) {
  .fjn-dyr__flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .fjn-dyr__grid { grid-template-columns: 1fr; }
  .fjn-dyr__table { display: none; }
  .fjn-dyr__mcards { display: grid; gap: 8px; }
  .fjn-dyr__mcard { display: flex; flex-direction: column; gap: 4px; padding: 10px 0; border-top: 1px solid var(--fjn-border); }
  .fjn-dyr__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) { .fjn-dyr__flow { grid-template-columns: 1fr; } .fjn-dyr__hrow { grid-template-columns: 1fr auto; } .fjn-dyr__hrow > :nth-child(2) { display: none; } }