/* FJN System — E1-09 „Zamień na zlecenie” dialog and the block 4 bits of the quote card and
   quick summary (E1-05, E1-02b). Tokens from fjn-tokens.css. */

.fjn-oconvert { --fjn-modal-w: 540px; }
.fjn-oconvert__body { gap: 14px; color: var(--fjn-text); }
.fjn-oconvert__variant {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
  border: 2px solid var(--fjn-success-700); border-radius: 8px;
}
.fjn-oconvert__variant-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fjn-oconvert__variant-name { font-size: 15px; }
.fjn-oconvert__gross { font-size: 16px; white-space: nowrap; }
.fjn-oconvert__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.fjn-oconvert__grid .fjn-field { margin: 0; }
.fjn-oconvert__transfer-slot:empty { display: none; }
.fjn-oconvert__transfer { padding: 10px 12px; font-size: 13px; line-height: 18px; }
.fjn-oconvert__transfer > .fjn-icon { margin-top: 1px; }
@media (min-width: 768px) {
  /* The popover calendar may extend beyond the dialog instead of scrolling it */
  .fjn-oconvert:modal { overflow: visible; }
}

/* E1-02b: „Zamień na zlecenie · po akceptacji” shown inactive while the quote is Zapisana */
.fjn-quick__action--off { background: var(--fjn-bg); color: var(--fjn-text-disabled); border-color: var(--fjn-border); cursor: default; }
.fjn-quick__action--off:hover { background: var(--fjn-bg); color: var(--fjn-text-disabled); }
.fjn-quick__action--off > span { flex: 1; }
.fjn-quick__action--off small { font-size: 12px; font-weight: var(--fjn-fw-regular); }
/* E1-02b „Utworzono zlecenie …” banner in the brand colours */
.fjn-quick__banner--brand { background: var(--fjn-brand-100); color: var(--fjn-brand-700); }

/* ---------- E1-09 dialog: „Przyjęcie / Wydanie: oddział · adres” (D118 pt 10) ---------- */
.fjn-oconvert__rows, .fjn-oconvert-card__rows {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; margin: 0; font-size: 15px; line-height: 20px;
}
.fjn-oconvert__rows dt, .fjn-oconvert-card__rows dt { color: var(--fjn-text-2); }
.fjn-oconvert__rows dd, .fjn-oconvert-card__rows dd { margin: 0; font-weight: var(--fjn-fw-bold); overflow-wrap: anywhere; }
.fjn-oconvert__transfer-slot { display: flex; flex-direction: column; gap: 10px; }

/* ---------- E1-09 blocked conversion page (D118 pt 3; ModZlecUzup „zam-*”) ---------- */
.fjn-oconvert-page { gap: 14px; min-height: calc(100vh - var(--fjn-topbar-h)); padding-bottom: 0; }
.fjn-oconvert-page > .fjn-form-footer { margin-top: auto; }
@media (max-width: 767px) {
  .fjn-oconvert-page { gap: 12px; min-height: calc(100vh - var(--fjn-topbar-h-m) - var(--fjn-bottomnav-h)); }
}
.fjn-oconvert-page > :not(.fjn-form-footer) { max-width: 1200px; width: 100%; }
.fjn-oconvert-page .fjn-page__intro { display: flex; flex-direction: column; gap: 8px; }
.fjn-oconvert-page__title { font: 700 26px/1.25 var(--fjn-font-mono); }
.fjn-oconvert-block { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 8px; }
.fjn-oconvert-block > .fjn-icon { flex: none; margin-top: 1px; }
.fjn-oconvert-block--danger { background: var(--fjn-danger-100); color: var(--fjn-danger-700); }
.fjn-oconvert-block--warning { background: var(--fjn-warning-100); color: var(--fjn-warning-700); }
.fjn-oconvert-block__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fjn-oconvert-block__title { font-size: 16px; line-height: 22px; }
.fjn-oconvert-block__text { font-size: 14px; line-height: 20px; color: var(--fjn-text); }
.fjn-oconvert-block__link {
  display: flex; align-items: center; min-height: 36px; font-size: 14px; font-weight: var(--fjn-fw-bold);
  color: var(--fjn-brand-600); text-decoration: none;
}
.fjn-oconvert-block__link:hover { text-decoration: underline; }
.fjn-oconvert-page__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 767px) { .fjn-oconvert-page__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
.fjn-oconvert-card { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; }
.fjn-oconvert-card__title { margin: 0; font-size: 16px; line-height: 22px; font-weight: var(--fjn-fw-bold); }
.fjn-oconvert-card__field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.fjn-oconvert-card__field .fjn-field__head { margin: 0; }
.fjn-oconvert-card .fjn-field--error .fjn-field__label { color: var(--fjn-danger-700); }
.fjn-oconvert-card__static { align-items: center; gap: 10px; font-size: 15px; }
.fjn-oconvert-card__static > span:last-child { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fjn-oconvert-card__note { margin: 0; font-size: 13px; line-height: 18px; color: var(--fjn-text-2); }
.fjn-oconvert-page__foot .fjn-btn { white-space: nowrap; }
@media (max-width: 767px) {
  .fjn-oconvert-page__foot .fjn-btn--secondary { flex: 1; }
  .fjn-oconvert-page__foot .fjn-btn--primary { flex: 2; }
}