/* FJN System — D150 (E2 block 5 gaps, ModSerwisy karta-data, karta-kompl, uzup-nad, uzup-ark,
   poczta-ro): delivery windows, sheet row panel, unknown sender panel. */

.fjn-srvdlg { width: min(520px, calc(100vw - 32px)); padding: 0; }
.fjn-srvdlg form { display: flex; flex-direction: column; max-height: calc(100vh - 32px); }
.fjn-srvdlg__head { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 6px; }
.fjn-srvdlg__head h2 { margin: 0; font-size: 19px; }
.fjn-srvdlg__head span { font-size: 14px; line-height: 20px; color: var(--fjn-text-2); }
.fjn-srvdlg__body { display: flex; flex-direction: column; gap: 14px; padding: 10px 20px 16px; overflow: auto; }
.fjn-srvdlg__body .fjn-field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.fjn-srvdlg__hint { font-size: 12px; line-height: 17px; color: var(--fjn-text-2); margin: 0; }
.fjn-srvdlg__opts { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.fjn-srvdlg__opt { min-height: 52px; display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid var(--fjn-border); border-radius: 8px; box-sizing: border-box; cursor: pointer; }
.fjn-srvdlg__opt:has(input:checked) { border: 2px solid var(--fjn-brand-600); background: var(--fjn-brand-50); }
.fjn-srvdlg__opt input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--fjn-brand-600); }
.fjn-srvdlg__opt > span:not(.fjn-srvdlg__tag) { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
.fjn-srvdlg__opt b { font-size: 15px; }
.fjn-srvdlg__opt small { font-size: 13px; color: var(--fjn-text-2); }
.fjn-srvdlg__tag { height: 22px; padding: 0 8px; border-radius: 4px; background: var(--fjn-neutral-100); color: var(--fjn-text-2); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; white-space: nowrap; }
.fjn-srvdlg__search { height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--fjn-border-strong); border-radius: 6px; color: var(--fjn-text-2); }
.fjn-srvdlg__search input { flex: 1; min-width: 0; border: 0; outline: 0; box-shadow: none; background: none; font-size: 15px; color: var(--fjn-text); }
.fjn-srvdlg__search:focus-within { border-color: var(--fjn-brand-600); box-shadow: var(--fjn-focus); }
.fjn-srvdlg__foot { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--fjn-surface-2); }
.fjn-srvdlg__foot .fjn-btn { min-height: 52px; }

/* sheet row panel (uzup-ark) */
.fjn-srvrow__head { display: flex; gap: 10px; align-items: flex-start; }
.fjn-srvrow__head h2 { margin: 0; }
.fjn-srvrow__icon { width: 36px; height: 36px; border-radius: 8px; background: var(--fjn-success-100); color: var(--fjn-success-700); display: flex; align-items: center; justify-content: center; flex: none; }
.fjn-srvrow__cells { margin: 0; border: 1px solid var(--fjn-border); border-radius: 8px; overflow: hidden; }
.fjn-srvrow__cells > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); min-height: 36px; align-items: center; font-size: 13px; border-top: 1px solid var(--fjn-surface-2); }
.fjn-srvrow__cells > div:first-child { border-top: 0; }
.fjn-srvrow__cells dt { padding: 4px 12px; color: var(--fjn-text-2); }
.fjn-srvrow__cells dd { margin: 0; padding: 4px 12px; }
.fjn-srvrow__cells .is-bad { background: #FDF3F2; }
.fjn-srvrow__cells .is-bad dd { color: var(--fjn-danger-700); }
.fjn-select.is-error { border: 2px solid var(--fjn-danger-700); }

/* unknown sender panel (uzup-nad) */
.fjn-srvrow__title { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fjn-srvrow__title h2 { margin: 0; }
.fjn-srvrow__check { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--fjn-border); border-radius: 8px; cursor: pointer; }
.fjn-srvrow__check input { width: 22px; height: 22px; margin: 0; flex: none; accent-color: var(--fjn-brand-600); }
.fjn-srvrow__check span { display: flex; flex-direction: column; gap: 2px; }
.fjn-srvrow__check b { font-size: 14px; }
.fjn-srvrow__check small { font-size: 12px; line-height: 17px; color: var(--fjn-text-2); }
.fjn-srvmail__ro { margin-bottom: 16px; align-items: center; }
@media (max-width: 767px) {
  .fjn-srvdlg { width: 100vw; }
  .fjn-srvdlg form { max-height: calc(100dvh - var(--fjn-topbar-h-m) - var(--fjn-bottomnav-h) - 16px); }
  .fjn-srvdlg__search { height: 48px; }
  .fjn-srvdlg__foot .fjn-btn { width: 100%; }
  .fjn-srvdlg__foot { flex-direction: column-reverse; }
  .fjn-srvrow__cells > div { grid-template-columns: 120px minmax(0, 1fr); }
}
@media (max-width: 767px) { .fjn-srv__split--panel .fjn-srv__mails { display: none; } } /* D150 M: the panel alone */
.fjn-srvdlg__search { min-height: 44px; box-sizing: border-box; flex: none; }
.fjn-srvdlg__body:focus, .fjn-srvdlg__body:focus-visible, .fjn-srvdlg form:focus-visible { outline: none; box-shadow: none; }
.fjn-srv__fields.fjn-srv__fields--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fjn-srv__to { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; } /* D153 E2-53 recipient */