/* efatura-view.css — e-Fatura → PDF / Excel (W1): the result box (js/efatura-view.js: summary line, warnings, files not
   taken, first page of the first invoice, invoice list or Excel totals, "a view, not the original" note) and the legal block above Go. Linked only on
   the efatura_to_pdf / efatura_to_excel pages. Below 1024 px the box wraps to its own full-width line under the result
   (before the download button on a phone); from 1024 px it takes the story card's place beside the result, like
   Publisher's preview. The page sits on the instrument like a printed sheet (1 px ink frame, hard ink shadow). */
.maint--legal { border-inline-start-color: var(--ink); }
.pane--done:has(> .efat) { flex-wrap: wrap; }
.efat { flex: 1 0 100%; min-width: 0; margin-top: 6px; border-top: 1px solid var(--ink); padding-top: 14px; display: grid; row-gap: 16px; align-content: start; }
.efat[hidden] { display: none; }
.efat__sec, .efat__fig, .efat__np, .efat__w { margin: 0; min-width: 0; }
.efat__k { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font: 500 12.5px/1.4 var(--f-mono); letter-spacing: .04em; text-transform: uppercase; color: var(--ink-2); }
.efat__k--w { color: var(--ink); }
.efat__k .ico { width: 16px; height: 16px; flex: none; color: var(--signal-ink); }
.efat__w ul { border-top: 1px solid var(--rule); }
.efat__w li { display: flex; align-items: baseline; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--rule); font-size: 15px; line-height: 1.45; }
.efat__w li::before { content: ""; width: 7px; height: 7px; flex: none; background: var(--signal); transform: translateY(-1px); }
.efat__a { display: block; cursor: zoom-in; }
.efat__a:focus-visible { outline: 2px solid var(--signal-strong); outline-offset: 3px; }
.efat__img { display: block; width: auto; height: auto; max-width: calc(100% - 8px); max-height: 60vh; border: 1px solid var(--ink); background: #fff; box-shadow: 8px 8px 0 var(--ink); }
[dir="rtl"] .efat__img { box-shadow: -8px 8px 0 var(--ink); }
.efat__np { padding: 10px 12px; border-inline-start: 3px solid var(--ink-3); background: var(--paper-2); font-size: var(--t-meta); line-height: 1.45; color: var(--ink-2); }
.efat__scroll { overflow-x: auto; max-width: 100%; }
.efat__t { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.35; }
.efat__t th { text-align: start; font: 500 12px/1.3 var(--f-mono); letter-spacing: .03em; text-transform: uppercase; color: var(--ink-2); padding: 6px 10px 6px 0; border-bottom: 1px solid var(--ink); white-space: nowrap; }
.efat__t td { padding: 8px 10px 8px 0; border-bottom: 1px solid var(--rule); vertical-align: top; color: var(--ink); }
.efat__t td:first-child { white-space: nowrap; }
.efat__t td:nth-child(2) { min-width: 9ch; overflow-wrap: anywhere; }
.efat__sub { display: block; margin-top: 2px; font: 400 12.5px/1.3 var(--f-mono); letter-spacing: 0; text-transform: none; color: var(--ink-2); }
.efat__t th .efat__sub { font-weight: 500; letter-spacing: .03em; text-transform: uppercase; font-size: 12px; margin-top: 1px; }
.efat__t td:last-child { color: var(--ink-2); font-size: var(--t-meta); }
.efat__num { text-align: end !important; white-space: nowrap; }
[dir="rtl"] td.efat__num { direction: ltr; text-align: left !important; }   /* "10,10 TRY", never "TRY 10,10" */
.efat__kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 14px; row-gap: 4px; margin: 0; font-size: 17px; }
.efat__kv dt { color: var(--ink-2); font-size: 14px; }
.efat__kv dd { margin: 0; font-weight: 650; }
.efat__legal { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: var(--t-meta); line-height: 1.45; color: var(--ink-2); max-width: 70ch; }
.efat__legal .ico { width: 16px; height: 16px; flex: none; margin-top: 1px; color: var(--ink); }
.efat__legal b { color: var(--ink); }
/* 2026-10-18 (bulk): the server's one-line summary ("37 fatura · 2 hata · toplam …") heads the box; the files that could
   not be taken are listed file + reason (scrolls past ~8 rows). "Ayrı PDF'ler" (format=zip) shows the PDF card of
   "Sırada ne var?"; on the PDF page both PDF cards carry data-next-def, so without :has only the pdf one shows. */
.efat__sum { margin: 0; padding-bottom: 12px; border-bottom: 1px solid var(--ink); font: 600 17px/1.35 var(--f-mono); letter-spacing: -.01em; color: var(--ink); overflow-wrap: anywhere; }
.efat__sum[hidden] { display: none; }
.efat__err { border-top: 1px solid var(--rule); max-height: 300px; overflow-y: auto; }
.efat__err li { display: grid; gap: 2px; padding: 8px 0; border-bottom: 1px solid var(--rule); font-size: 14px; line-height: 1.4; }
.efat__err .efat__f { font: 500 13px/1.35 var(--f-mono); color: var(--ink); overflow-wrap: anywhere; }
.efat__err .efat__r { color: var(--ink-2); }
.next[data-next-fmt="zip"][data-next-def] { display: none; }
@supports selector(:has(*)) {
  .inst:has(input[name="format"][value="zip"]:checked) .next[data-next-fmt="zip"] { display: block; }
}
@media (max-width: 719.98px) {
  .efat__img { max-width: calc(100% - 5px); box-shadow: 5px 5px 0 var(--ink); }
  [dir="rtl"] .efat__img { box-shadow: -5px 5px 0 var(--ink); }
  .efat__w li { font-size: var(--t-sm); }
  .efat__t { font-size: 13px; }
}
@media (min-width: 1024px) {
  .pane--done:has(> .efat[data-efat]) { flex-wrap: nowrap; align-items: flex-start; }
  .pane--done:has(> .efat[data-efat]) > .shc { display: none; }
  .pane--done:has(> .efat[data-efat]) > .res { flex: 0 1 36%; min-width: 0; grid-template-columns: minmax(0, 1fr); }
  .pane--done:has(> .efat[data-efat]) .res__num { font-size: clamp(88px, 8.6vw, 150px); }
  .pane--done:has(> .efat[data-efat]) .res__flow { grid-column: 1; grid-row: auto; margin-top: 18px; }
  .efat { flex: 1 1 0; margin-top: 0; border-top: 0; padding-top: 0; }
  body:has(.pane--done > .efat[data-efat]) .shr { grid-template-columns: 84px minmax(0, 1fr) 20px; }
  body:has(.pane--done > .efat[data-efat]) .shr .shr__thumb { display: block; }
}