/* faz1/packet.css · B6 · paper replicas and #f1-doc. Every selector starts with #f1-doc or an f1k- class.
 * Transitions: left, top, width, height on #f1-doc only (disabled by #f1-app.f1-instant during seeks).
 * Inside a sheet every size is in cqw, so a sheet renders the same from icon to full screen.
 * No CSS filter and no SVG filter anywhere: grain is the one boot tile (--f1k-grain).
 */
#f1-doc { position: absolute; z-index: 20; display: flex; flex-direction: column; box-sizing: border-box;
  background: color-mix(in srgb, var(--pro-page, #f7f8fa) 94%, transparent); border: 1px solid var(--pro-line, #e5e8ee);
  border-radius: 10px; box-shadow: var(--f1-shadow, 0 2px 8px rgba(20,30,40,.08)); overflow: hidden;
  transition: left .45s cubic-bezier(.3,.7,.2,1), top .45s cubic-bezier(.3,.7,.2,1), width .45s cubic-bezier(.3,.7,.2,1), height .45s cubic-bezier(.3,.7,.2,1);
  font-family: var(--f1-sans, "Segoe UI", Arial, sans-serif); color: var(--pro-ink, #202630); }
#f1-doc[hidden] { display: none; }
#f1-doc[data-place="right"], #f1-doc[data-place="left"] { border-radius: 0; border-width: 0 1px; }

/* header bar */
.f1k-head { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 6px 10px; min-height: 40px; box-sizing: border-box;
  background: var(--pro-panel, #ffffff); border-bottom: 1px solid var(--pro-line, #e5e8ee); }
#f1-doc[data-place="corner"] .f1k-head { min-height: 30px; padding: 3px 8px; }
.f1k-head-title { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 200px; }
.f1k-head-title b { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f1k-prov { flex: none; font-size: 11px; color: var(--pro-text2, #58616f); border: 1px solid var(--pro-line, #e5e8ee); border-radius: 10px; padding: 1px 7px; }
.f1k-prov-sys { color: var(--pro-accent, #5267d8); background: var(--pro-focus, #edf1ff); border-color: transparent; }
.f1k-tools { display: flex; align-items: center; gap: 6px; flex: none; }
#f1-doc[data-place="corner"] .f1k-tools .f1k-seg, #f1-doc[data-place="corner"] .f1k-layers-btn { display: none; }
.f1k-seg { display: inline-flex; border: 1px solid var(--pro-line, #e5e8ee); border-radius: 8px; overflow: hidden; }
.f1k-seg button, .f1k-layers-btn, .f1k-close, .f1k-layer-menu button { font: 500 11.5px var(--f1-sans, "Segoe UI", Arial, sans-serif); color: var(--pro-text2, #58616f);
  background: var(--pro-panel, #ffffff); border: 0; padding: 4px 8px; cursor: pointer; }
.f1k-seg button + button { border-left: 1px solid var(--pro-line, #e5e8ee); }
.f1k-seg button.f1k-on, .f1k-layers-btn.f1k-on, .f1k-layer-menu button.f1k-on { color: var(--pro-accent, #5267d8); background: var(--pro-focus, #edf1ff); }
.f1k-layers-btn { border: 1px solid var(--pro-line, #e5e8ee); border-radius: 8px; }
.f1k-close { font-size: 14px; border-radius: 8px; }
.f1k-close:hover { color: var(--pro-ink, #202630); background: var(--pro-soft, #f7f8fa); }
.f1k-layer-menu { flex: 1 0 100%; display: flex; flex-wrap: wrap; gap: 4px; }
.f1k-layer-menu button { border: 1px solid var(--pro-line, #e5e8ee); border-radius: 10px; padding: 2px 8px; }
.f1k-body { flex: 1 1 auto; position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 14px; box-sizing: border-box; overflow: hidden; min-height: 0; }
#f1-doc[data-place="corner"] .f1k-body { padding: 8px; }
/* a paper narrower than its panel's height allows stands in the middle, not at the top with the panel's lower half empty
   (SENARYO-ILKELERI 47; "safe": a taller one still starts at the top) */
.f1k-stack-area { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: safe center; gap: 12px; min-height: 0; width: 100%; }

/* the sheet */
.f1k-sheet { position: relative; container-type: inline-size; box-sizing: border-box; overflow: hidden; flex: none;
  background-color: var(--kagit, #FBFAF6); background-image: var(--f1k-grain, var(--kagit-grain, none)); background-size: 128px 128px; background-blend-mode: normal;
  border: 1px solid var(--kagit-kenar, #E3DED4); box-shadow: var(--kagit-golge, 0 1px 2px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06));
  color: var(--baski, #1A1A1A); font-family: Arial, Arimo, "Liberation Sans", Helvetica, sans-serif; line-height: 1.18; }
.f1k-sheet::before { content: ""; position: absolute; inset: 0; background: var(--kagit, #FBFAF6); opacity: .965; pointer-events: none; }
.f1k-page { position: absolute; inset: 0; }
.f1k-wm { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); font: 700 15cqw "Times New Roman", Tinos, serif;
  color: rgba(0, 0, 0, .05); letter-spacing: .1em; pointer-events: none; white-space: nowrap; z-index: 6; }
.f1k-pageno { position: absolute; right: 2cqw; bottom: 1.2cqw; font-size: 1.1cqw; color: var(--baski-gri, #6B6B6B); z-index: 5; }
.f1k-fields { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.f1k-field { position: absolute; box-sizing: border-box; border-radius: .3cqw; pointer-events: auto; }
.f1k-field.f1k-focus { outline: max(2px, .25cqw) solid var(--pro-accent, #5267d8); outline-offset: .15cqw; background: color-mix(in srgb, var(--pro-accent, #5267d8) 20%, transparent); }
.f1k-field.f1-cue { outline: max(2px, .25cqw) solid var(--pro-accent, #5267d8); background: color-mix(in srgb, var(--pro-accent, #5267d8) 14%, transparent); }
.f1k-has-focus .f1k-page, .f1k-has-focus .f1k-layers { opacity: .85; }
.f1k-layers { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.f1k-fhost { position: relative; }
.f1k-field.f1k-field-in { position: absolute; inset: -.25cqw; }
.f1k-layer.f1k-in-host { z-index: 3; }
.f1k-sheet.f1-cue { outline: 3px solid var(--pro-accent, #5267d8); outline-offset: 2px; }
.f1k-lv2 .f1k-layer.f1k-chip span { white-space: nowrap; overflow: hidden; text-overflow: clip; }

/* stack behind a sheet that belongs to a file */
.f1k-stack { position: relative; flex: none; }
.f1k-stack .f1k-ghost { position: absolute; left: 0; top: 0; box-sizing: border-box; background: var(--kagit, #FBFAF6); border: 1px solid var(--kagit-kenar, #E3DED4); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.f1k-stack .f1k-sheet { position: relative; }
.f1k-staple { position: absolute; left: 14px; top: 10px; width: 16px; height: 3px; border-radius: 2px; background: linear-gradient(#b8bcc2, #7d8288); transform: rotate(-35deg); z-index: 8; }
.f1k-compare { display: flex; gap: 14px; align-items: flex-start; justify-content: center; }

/* ink and layers */
.f1k-layer { position: absolute; pointer-events: auto; }
.f1k-layer.f1-cue { outline: 2px solid var(--pro-accent, #5267d8); outline-offset: 2px; border-radius: 4px; }
.f1k-ink-tukenmez-lacivert { color: var(--tukenmez-lacivert, #1E2466); --ink: var(--tukenmez-lacivert, #1E2466); }
.f1k-ink-tukenmez-siyah { color: var(--tukenmez-siyah, #3A3B39); --ink: var(--tukenmez-siyah, #3A3B39); }
.f1k-ink-tarama-mavi { color: var(--tarama-mavi, #3E5A6E); --ink: var(--tarama-mavi, #3E5A6E); opacity: .85; }
.f1k-ink-damga-gri { color: var(--damga-gri, #474B4D); --ink: var(--damga-gri, #474B4D); opacity: .8; }
.f1k-ink-baski { color: var(--baski, #1A1A1A); --ink: var(--baski, #1A1A1A); }
.f1k-tick { width: 2.6cqw; height: 2.1cqw; overflow: visible; }
.f1k-tick path { fill: none; stroke: var(--ink, var(--tukenmez-lacivert, #1E2466)); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.f1k-tick.f1k-sys { width: 1.3cqw; height: 1.1cqw; }
.f1k-tick.f1k-sys path { stroke: var(--pro-muted, #8b95a6); stroke-width: 2.2; }
.f1k-hand { font-family: "Segoe Script", "Ink Free", "Bradley Hand", "Snell Roundhand", "Brush Script MT", cursive; font-size: 1.9cqw; white-space: nowrap; transform-origin: left center; line-height: 1; }
.f1k-rubber { border: .3cqw solid currentColor; border-radius: .6cqw; padding: .3cqw .9cqw; font: 700 1.35cqw Arial, Arimo, sans-serif; text-transform: uppercase; letter-spacing: .04em;
  background: var(--f1k-grain, var(--kagit-grain, none)); background-size: 64px 64px; background-blend-mode: multiply; white-space: nowrap; }
.f1k-ls-signature .f1k-scrib { width: 100%; height: auto; display: block; }
.f1k-scrib path { fill: none; stroke: var(--ink, var(--tukenmez-lacivert, #1E2466)); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.f1k-scrib.f1k-ink-tarama path { stroke: var(--tarama-mavi, #3E5A6E); stroke-width: 2.2; opacity: .85; }
.f1k-scrib.f1k-ink-gri path { stroke: var(--baski-gri, #6B6B6B); stroke-width: 2; opacity: .8; }
.f1k-scrib.f1k-ink-lacivert path { stroke: var(--tukenmez-lacivert, #1E2466); }
.f1k-scrib.f1k-ink-esign path { stroke: var(--esign, #1473E6); stroke-width: 1.4; }
.f1k-chip { display: inline-flex; align-items: center; gap: .5cqw; padding: .25cqw .8cqw; border-radius: 1.2cqw; font: 600 1.15cqw var(--f1-sans, "Segoe UI", Arial, sans-serif);
  color: #5267d8; background: #edf1ff; border: 1px solid color-mix(in srgb, #5267d8 30%, transparent); white-space: nowrap; overflow: hidden; line-height: 1.35; box-sizing: border-box; }
.f1k-chip span { overflow: hidden; text-overflow: clip; }
.f1k-chip.f1k-tone-warn { color: #8a6200; background: #fff6d6; border-color: color-mix(in srgb, #d9a000 45%, transparent); }
.f1k-chip.f1k-tone-explained { color: #1e7a5a; background: #e6f6ef; border-color: color-mix(in srgb, #27A37A 40%, transparent); }
.f1k-chip.f1k-tone-eye { color: #58616f; background: #f3f4f7; border-color: #e1e4ea; }
.f1k-chip.f1k-tone-lock { color: #9a4a37; background: #fbeee9; border-color: color-mix(in srgb, #C86A52 40%, transparent); }
.f1k-chip .f1k-eye, .f1k-chip .f1k-lockic { width: 1.5cqw; height: 1cqw; flex: none; overflow: visible; }
.f1k-eye path { fill: none; stroke: currentColor; stroke-width: 1.6; } .f1k-eye circle { fill: currentColor; }
.f1k-lockic path { fill: none; stroke: currentColor; stroke-width: 1.5; }
/* the hukuk şerhi (Leo 20 Oct 2026, B9): legal red on the paper, with the circles' shield. The paper stays light in both
   themes; the ink tokens --serh-ink, --serh-bg and --serh-line have a light and a dark value in faz1.css */
.f1k-shield { width: 1.3cqw; height: 1.3cqw; flex: none; overflow: visible; }
.f1k-shield path { fill: currentColor; }
.f1k-shield path.f1k-shield-mark { fill: none; stroke: var(--serh-bg, #FDECEA); stroke-width: .17; stroke-linecap: round; }
.f1k-chip.f1k-serh { color: var(--serh-ink, #A3262A); background: var(--serh-bg, #FDECEA); border-color: var(--serh-line, #C8372D); }
.f1k-serh-rows { display: flex; flex-direction: column; justify-content: center; gap: .12cqw; box-sizing: border-box; padding: .25cqw .6cqw;
  border: .16cqw solid var(--serh-line, #C8372D); border-radius: .5cqw; background: var(--serh-bg, #FDECEA); color: var(--serh-ink, #A3262A);
  font-family: var(--f1-sans, "Segoe UI", Arial, sans-serif); line-height: 1.12; white-space: nowrap; }
.f1k-serh-h { display: flex; align-items: center; gap: .45cqw; font-size: 1.2cqw; }
.f1k-serh-h b { font-weight: 800; text-transform: uppercase; letter-spacing: .04em; overflow: hidden; }
.f1k-serh-h .f1k-shield { width: 1.6cqw; height: 1.6cqw; }
.f1k-serh-t { font-size: .98cqw; font-weight: 700; overflow: hidden; }
.f1k-serh-m { font-size: .76cqw; font-weight: 500; overflow: hidden; }
.f1k-serh-br { position: absolute; left: calc(100% + .45cqw); bottom: -.16cqw; width: .5cqw; border: .2cqw solid var(--serh-line, #C8372D); border-left: 0; border-radius: 0 .3cqw .3cqw 0; pointer-events: none; }
.f1k-seal { display: flex; align-items: center; gap: .8cqw; color: #9a4a37; }
.f1k-seal-ring { width: 7cqw; height: 7cqw; border-radius: 50%; border: .35cqw double #C86A52; display: flex; flex-direction: column; align-items: center; justify-content: center;
  font: 700 1.1cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #C86A52; background: rgba(255,255,255,.6); }
.f1k-seal-ring span { font-weight: 500; font-size: .8cqw; }
.f1k-seal-text { font: 600 1.05cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); max-width: 18cqw; }
.f1k-ls-highlight { background: rgba(255, 220, 60, .32); border-radius: .3cqw; }
.f1k-ls-mask { background: repeating-linear-gradient(45deg, #9aa0a6 0 .6cqw, #b8bdc2 .6cqw 1.2cqw); border-radius: .2cqw; }
.f1k-q { display: flex; align-items: center; gap: .6cqw; }
.f1k-q-ring { position: absolute; left: 0; top: 0; border: .25cqw solid var(--ink, #1E2466); border-radius: 50%; box-sizing: border-box; }
.f1k-q-mark { position: relative; left: -1.6cqw; font: 700 2.4cqw "Segoe Script", "Ink Free", cursive; }
.f1k-q-text { position: relative; top: 2.6cqw; font: 1.4cqw "Segoe Script", "Ink Free", cursive; white-space: nowrap; }
.f1k-ls-scan-band { background: linear-gradient(180deg, transparent 0%, rgba(62,90,110,.08) 48%, rgba(62,90,110,.14) 50%, rgba(62,90,110,.08) 52%, transparent 100%) 0 -100% / 100% 30% no-repeat;
  box-shadow: inset 0 0 3cqw rgba(60,70,80,.10); pointer-events: none; }

/* kapak T1 and T2 (A4 landscape, height 70.7cqw). Vertical positions come from packet.js in fractions of the
   sheet height (SPEC §7.3: table from .16, one row .045), so the authored field boxes line up. */
.f1k-kapak > * { position: absolute; left: 2.4cqw; right: 2.4cqw; box-sizing: border-box; }
.f1k-kp-head { }
.f1k-kp-anchor { position: absolute; left: 14.6cqw; top: .8cqw; width: 6.4cqw; height: 4.6cqw; }
.f1k-logo { position: absolute; left: .6cqw; top: 1.2cqw; width: 13cqw; height: 5cqw; border-radius: 50%; border: .5cqw solid #8c9097; display: flex; align-items: center; justify-content: center;
  font: italic 900 2.4cqw "Arial Black", Arial, sans-serif; color: #5d6168; letter-spacing: .05em; box-sizing: border-box; }
.f1k-kp-titles { position: absolute; left: 21cqw; right: 21cqw; top: .7cqw; text-align: center; font: 1.85cqw "Times New Roman", Tinos, "Liberation Serif", serif; line-height: 1.1; text-transform: uppercase; }
.f1k-kp-formno { position: absolute; left: .4cqw; top: 6.95cqw; font: 700 1.15cqw Arial, Arimo, sans-serif; display: flex; gap: 1cqw; align-items: baseline; white-space: nowrap; }
.f1k-kp-durum { position: absolute; left: 76cqw; top: 3.2cqw; font: 1.15cqw "Times New Roman", Tinos, serif; display: flex; gap: .8cqw; align-items: center; white-space: nowrap; }
.f1k-durum-chip { font: 600 1cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); padding: .2cqw .8cqw; border-radius: 1cqw; color: #5267d8; background: #edf1ff; }
.f1k-durum-chip.f1k-tone-ok { color: #1e7a5a; background: #e6f6ef; }
.f1k-durum-chip.f1k-tone-muted { color: #58616f; background: #f1f2f5; }
.f1k-kp-date { position: absolute; left: 77.5cqw; top: 6.95cqw; font: 700 1.1cqw Arial, Arimo, sans-serif; }
.f1k-kp-ring { position: absolute; right: .2cqw; top: 4.2cqw; width: 4.2cqw; height: 4.2cqw; display: flex; align-items: center; justify-content: center; }
.f1k-kp-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.f1k-kp-ring .f1k-ring-bg { fill: none; stroke: #e2e5ec; stroke-width: 2.6; }
.f1k-kp-ring .f1k-ring-fg { fill: none; stroke: #27A37A; stroke-width: 2.6; stroke-linecap: round; }
.f1k-kp-ring span { font: 700 .95cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #202630; }
.f1k-kp-lock { position: absolute; right: 5cqw; top: 5.2cqw; width: 2.2cqw; height: 2.2cqw; color: #C86A52; }
.f1k-kp-lock svg { width: 100%; height: 100%; }
.f1k-kp-seal { position: absolute; right: 5cqw; top: .6cqw; font: 700 .9cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #C86A52; border: .3cqw double #C86A52; border-radius: 50%; padding: 1.2cqw .6cqw; transform: rotate(-12deg); }
.f1k-kp-head.f1-cue { outline: 2px solid #5267d8; outline-offset: 2px; }

.f1k-kp-row { display: grid; align-items: center; border-bottom: .09cqw solid #8f8f8f;
  grid-template-columns: 3cqw 8.5cqw 15cqw 13.5cqw 12cqw 7.5cqw 7cqw 18cqw 10.7cqw; }
.f1k-kt2 .f1k-kp-row { grid-template-columns: 3cqw 8.5cqw 14cqw 13.5cqw 12cqw 7.5cqw 7cqw 17.7cqw 8cqw 4cqw; }
.f1k-kp-row.f1k-with-margins { grid-template-columns: 2.4cqw 7.2cqw 12.2cqw 11.2cqw 10.6cqw 6.6cqw 6cqw 14.6cqw 8.6cqw repeat(4, 3.6cqw); }
.f1k-kt2 .f1k-kp-row.f1k-with-margins { grid-template-columns: 2.4cqw 7.2cqw 11.8cqw 11cqw 10.4cqw 6.6cqw 6cqw 14.2cqw 7cqw 2.6cqw repeat(4, 3.4cqw); }
.f1k-kp-row .f1k-c { padding: 0 .3cqw; font-size: .9cqw; overflow: hidden; white-space: nowrap; text-transform: uppercase; align-self: center; }
.f1k-kp-hrow { border-top: .12cqw solid #444; border-bottom-color: #444; }
.f1k-kp-hrow .f1k-c { font-weight: 700; font-size: .82cqw; white-space: pre-line; line-height: 1.05; }
.f1k-kp-row .f1k-c-firma, .f1k-kp-row .f1k-c-aciklama { white-space: normal; line-height: 1.05; font-size: .82cqw; max-height: 2.2cqw; }
.f1k-kp-row .f1k-c-iban { font-size: .76cqw; letter-spacing: -.01em; }
.f1k-kp-row .f1k-c-talep { text-align: right; font-weight: 600; }
.f1k-kp-row .f1k-c-tar { font-size: .8cqw; line-height: 1.08; }
.f1k-kt2 .f1k-kp-row:not(.f1k-kp-hrow) .f1k-c:nth-child(n+4) { font-family: "Times New Roman", Tinos, serif; font-size: .95cqw; }
.f1k-pinzone { position: absolute; left: -2.3cqw; top: 18%; height: 64%; width: 2.2cqw; pointer-events: none; }
.f1k-kp-row.f1-cue { background: color-mix(in srgb, #5267d8 12%, transparent); }
.f1k-kp-row .f1k-m { text-transform: none; text-align: center; height: 100%; border-left: .09cqw dashed #c9cdd6; display: flex; flex-wrap: wrap; gap: .2cqw; justify-content: center; align-content: center; font-family: var(--f1-sans, "Segoe UI", Arial, sans-serif); padding: 0 .15cqw; }
.f1k-kp-row .f1k-mh { background: #f3f5ff; white-space: normal; }
.f1k-mh-l { display: block; width: 100%; font: 600 .62cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #5267d8; line-height: 1.05; }
.f1k-chk { display: inline-flex; align-items: center; gap: .12cqw; font: 600 .6cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #58616f; white-space: nowrap; }
.f1k-chk i { width: .95cqw; height: .95cqw; border-radius: 50%; background: #89919d; display: inline-block; flex: none; }
.f1k-chk.f1k-tone-ok i, .f1k-chk.f1k-tone-explained i { background: #27A37A; }
.f1k-chk.f1k-tone-warn i, .f1k-chk.f1k-tone-exception i { background: #D9A000; }
.f1k-chk.f1k-tone-crit i { background: #D23A2E; }
.f1k-chk em { font-style: normal; }
.f1k-sonra { font: 600 .5cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #5267d8; border: .07cqw solid #5267d8; border-radius: .5cqw; padding: 0 .15cqw; }
.f1k-chk.f1-cue { outline: 2px solid #5267d8; border-radius: 1cqw; }
.f1k-struck .f1k-c:not(.f1k-m) { text-decoration: line-through; text-decoration-color: #c0392b; text-decoration-thickness: .12cqw; color: #8a8a8a; }
.f1k-struck-note { position: absolute; right: 16cqw; top: 50%; transform: translateY(-50%); font: 600 .78cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #a3362b; background: #fdecea; border-radius: .8cqw; padding: .1cqw .6cqw; white-space: nowrap; }
.f1k-kp-totals { display: flex; justify-content: space-between; align-items: center; padding: 0 3cqw 0 16cqw; font: 700 1.25cqw "Times New Roman", Tinos, serif; }
.f1k-kp-totals > div { display: flex; gap: 1cqw; align-items: baseline; }
.f1k-kp-ode { border-top: .1cqw solid #444; padding-top: .3cqw; }
.f1k-kp-amount { font-size: 1.4cqw; }
.f1k-kp-cur { font-weight: 400; }
.f1k-kp-sechead { text-align: center; font: 700 1.55cqw Arial, Arimo, sans-serif; display: flex; align-items: center; justify-content: center; }
.f1k-kp-boxrow { display: grid; column-gap: 1.6cqw; }
.f1k-kp-yhead { text-align: center; font: 700 1cqw Arial, Arimo, sans-serif; align-self: start; padding-top: .2cqw; z-index: 1; }
.f1k-box { position: relative; padding: .2cqw .4cqw 0; text-align: center; box-sizing: border-box; min-width: 0; }
.f1k-box-label { font: .9cqw Arial, Arimo, sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; min-height: 1.1cqw; }
.f1k-box-name { font: 700 .98cqw Arial, Arimo, sans-serif; margin-top: .2cqw; white-space: nowrap; overflow: hidden; min-height: 1.15cqw; }
.f1k-box-rule { height: 0; border-top: .09cqw solid #333; margin: .3cqw .6cqw 0; }
.f1k-sig { position: absolute; left: .4cqw; right: .4cqw; top: 2.95cqw; display: flex; flex-direction: column; align-items: center; pointer-events: none; }
.f1k-sig .f1k-scrib { width: 11cqw; height: 3.4cqw; }
.f1k-sig-typed { font: 1.55cqw "Segoe Script", "Ink Free", "Bradley Hand", "Snell Roundhand", "Brush Script MT", cursive; color: var(--esign, #1473E6); line-height: 1.1; white-space: nowrap; }
.f1k-esign .f1k-sig-rule { width: 82%; height: 0; border-top: .12cqw solid var(--esign, #1473E6); margin-top: -.2cqw; }
.f1k-sig-cap { font: .55cqw Arial, Arimo, sans-serif; white-space: nowrap; line-height: 1.25; }
.f1k-sig-blue { color: var(--esign, #1473E6); }
.f1k-sig-method, .f1k-sig-grey { color: #7a7f87; font-size: .52cqw; }
.f1k-sig-date { font: 1.15cqw "Segoe Script", "Ink Free", cursive; color: var(--baski-gri, #6B6B6B); margin-top: -1.4cqw; margin-left: 5cqw; opacity: .85; }
.f1k-sig-stamp { margin-top: .3cqw; border: .16cqw solid var(--tukenmez-lacivert, #1E2466); color: var(--tukenmez-lacivert, #1E2466); border-radius: .4cqw; padding: .2cqw .6cqw; font: 600 .7cqw Arial, Arimo, sans-serif; white-space: nowrap; background: rgba(255,255,255,.4); }
.f1k-sig-kase { border: .16cqw solid var(--damga-gri, #474B4D); color: var(--damga-gri, #474B4D); padding: .1cqw .5cqw; font: 700 .8cqw Arial, sans-serif; opacity: .8; }
.f1k-box-y .f1k-route { top: 1.3cqw; }
.f1k-route { position: absolute; z-index: 2; right: 0; top: 0; min-width: 1.4cqw; height: 1.4cqw; border-radius: .7cqw; background: #edf1ff; color: #5267d8; font: 700 .8cqw var(--f1-sans, "Segoe UI", Arial, sans-serif);
  display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 .3cqw; }
.f1k-route.f1k-done { background: #e6f6ef; color: #1e7a5a; }
.f1k-route.f1k-live { background: #fff1e2; color: #b45f0c; box-shadow: 0 0 0 .15cqw #E07F14; }
.f1k-wait { position: absolute; left: 50%; bottom: .1cqw; transform: translateX(-50%); font: 600 .68cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #58616f; background: #f1f2f5; border-radius: .7cqw; padding: .05cqw .6cqw; white-space: nowrap; }
.f1k-seen { position: absolute; left: .2cqw; top: .1cqw; width: 1.4cqw; height: 1cqw; color: #7a828f; }
.f1k-seen svg { width: 100%; height: 100%; overflow: visible; }
.f1k-box.f1k-unrouted .f1k-hatch { position: absolute; left: .2cqw; right: .2cqw; top: 2.4cqw; bottom: .2cqw; border-radius: .4cqw;
  background: repeating-linear-gradient(45deg, rgba(137,145,157,.16) 0 .45cqw, transparent .45cqw .9cqw); display: flex; align-items: center; justify-content: center; }
.f1k-hatch span { font: 600 .7cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #58616f; background: rgba(251,250,246,.9); padding: .05cqw .5cqw; border-radius: .6cqw; }
.f1k-box.f1k-focus, .f1k-box.f1-cue { outline: max(2px, .2cqw) solid #5267d8; outline-offset: .1cqw; border-radius: .4cqw; background: color-mix(in srgb, #5267d8 8%, transparent); }
.f1k-box.f1k-box-live .f1k-box-rule { border-top-color: #E07F14; }
.f1k-kapak > .f1k-kp-foot { top: auto; bottom: 1cqw; display: flex; justify-content: space-between; gap: 2cqw; font: .7cqw var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #6B6B6B; }
.f1k-kp-code { font-family: var(--f1-mono, Consolas, monospace); }

/* e-Fatura (A4 portrait, height 141.4cqw) */
.f1k-efatura { font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; font-size: 1.25cqw; }
.f1k-ab { position: absolute; box-sizing: border-box; }
.f1k-ef-seller { font-size: 1.15cqw; line-height: 1.3; } .f1k-ef-seller b { display: block; font-size: 1.3cqw; }
.f1k-ef-emblem { text-align: center; font-size: 1.05cqw; }
.f1k-ef-emblem b { display: block; font-size: 1.7cqw; margin-top: .4cqw; }
.f1k-ef-gib { width: 8cqw; height: 8cqw; margin: 0 auto; border-radius: 50%; border: .3cqw solid #8b8f96; display: flex; align-items: center; justify-content: center; }
.f1k-ef-gib span { font: italic 700 4.6cqw Georgia, serif; color: #8b8f96; }
.f1k-ef-htable { border: .12cqw solid #333; font-size: 1.05cqw; }
.f1k-ef-hr { display: grid; grid-template-columns: 44% 56%; height: var(--rh); align-items: center; border-bottom: .08cqw solid #777; }
.f1k-ef-hr:last-child { border-bottom: 0; }
.f1k-ef-hr span { padding: 0 .5cqw; white-space: nowrap; overflow: hidden; } .f1k-ef-hr span:first-child { font-weight: 700; border-right: .08cqw solid #777; }
.f1k-ef-buyer { border: .12cqw solid #333; padding: .6cqw .8cqw; font-size: 1.1cqw; line-height: 1.3; }
.f1k-ef-ettn { font-size: 1.05cqw; }
.f1k-ef-lines { border: .12cqw solid #333; display: flex; flex-direction: column; overflow: hidden; }
.f1k-ef-lr { display: grid; grid-template-columns: 4% 19% 13% 8% 10% 8% 10% 7% 10% 11%; border-bottom: .08cqw solid #777; min-height: 2.6cqw; }
.f1k-ef-lr > div { border-right: .08cqw solid #777; padding: .2cqw .3cqw; font-size: .95cqw; overflow: hidden; display: flex; align-items: center; }
.f1k-ef-lr > div:last-child { border-right: 0; }
.f1k-ef-lr > div:nth-child(n+4) { justify-content: flex-end; text-align: right; }
.f1k-ef-lh > div { font-weight: 700; justify-content: center !important; text-align: center !important; font-size: .9cqw; line-height: 1.05; }
.f1k-ef-lr.f1k-filler { min-height: 1.8cqw; flex: 1 1 0; }
.f1k-ef-totals { border: .12cqw solid #333; }
.f1k-ef-tr { display: grid; grid-template-columns: 58% 42%; height: var(--rh); align-items: center; border-bottom: .08cqw solid #777; font-size: 1.05cqw; }
.f1k-ef-tr:last-child { border-bottom: 0; }
.f1k-ef-tr span { text-align: right; padding-right: .5cqw; font-weight: 700; border-right: .08cqw solid #777; white-space: nowrap; overflow: hidden; }
.f1k-ef-tr b { text-align: right; padding-right: .5cqw; font-weight: 400; }
.f1k-ef-pay b { font-weight: 700; }
.f1k-ef-notes { border: .12cqw solid #333; padding: .2cqw .8cqw; font-size: 1.1cqw; }
.f1k-ef-notes div { height: var(--rh); display: flex; align-items: center; }
.f1k-ef-banks { font-size: 1.05cqw; line-height: 1.35; } .f1k-ef-banks b { font-size: 1.05cqw; }
.f1k-ef-foot { font-size: .9cqw; font-style: italic; color: #444; }

/* LOGO ekstre */
.f1k-ekstre { padding: 4cqw 4cqw; box-sizing: border-box; font-family: "Arial Narrow", Arial, Arimo, sans-serif; }
.f1k-ek-head { font-size: 1.25cqw; line-height: 1.4; margin-bottom: 2cqw; }
.f1k-ek-title { font: 700 2cqw Arial, Arimo, sans-serif; margin: .5cqw 0; }
.f1k-ek-table { font-size: 1.05cqw; }
.f1k-scaled .f1k-ek-table { transform: scaleX(.88); transform-origin: left top; width: 113.6%; }
.f1k-ek-row { display: grid; grid-template-columns: 7% 12% 11% 18% 8% 8% 10% 4% 4% 9% 9%; border-bottom: .06cqw solid #c8c8c8; min-height: 2cqw; align-items: center; }
.f1k-tp-ekstre-logo .f1k-ek-row { grid-template-columns: 8% 14% 14% 23% 9% 9% 13% 5% 5%; }
.f1k-ek-row > div { padding: .15cqw .3cqw; overflow: hidden; white-space: nowrap; }
.f1k-ek-row .f1k-r { text-align: right; }
.f1k-ek-hrow { font-weight: 700; background: var(--logo-bant, #C8C8C8) repeating-linear-gradient(45deg, rgba(255,255,255,.18) 0 2px, transparent 2px 5px); }
.f1k-ek-row.f1k-tone-warn { background: #fff6d6; } .f1k-ek-row.f1k-tone-ok { background: #eef8f3; } .f1k-ek-row.f1k-tone-crit { background: #fdecea; } .f1k-ek-row.f1k-tone-accent { background: #edf1ff; }
.f1k-ek-total { font-weight: 700; border-top: .12cqw solid #555; }

/* Onay izi (the simulation's own palette, structure of today's audit report, no branding) */
.f1k-onay { padding: 6cqw 7cqw; box-sizing: border-box; font-family: var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #202630; }
.f1k-onay::before { content: ""; position: absolute; inset: 1.6cqw; border: .5cqw solid #5267d8; pointer-events: none; }
.f1k-oi-no { font-size: 5.6cqw; color: #5267d8; font-weight: 400; letter-spacing: -.01em; }
.f1k-oi-sub { display: flex; justify-content: space-between; font-size: 1.7cqw; margin: .6cqw 0 2.4cqw; }
.f1k-oi-sum { background: #f0f1f4; border: .15cqw solid #33363d; padding: 1.6cqw 2cqw; display: grid; grid-template-columns: 1fr 1fr; gap: .8cqw 3cqw; font-size: 1.35cqw; }
.f1k-oi-kv { display: grid; grid-template-columns: 13cqw 1fr; gap: 1cqw; } .f1k-oi-kv span { color: #58616f; } .f1k-oi-kv b { font-weight: 500; }
.f1k-oi-h { font-size: 2.6cqw; font-weight: 400; margin: 3cqw 0 1.4cqw; }
.f1k-oi-hist { display: flex; flex-direction: column; gap: 1.1cqw; font-size: 1.4cqw; }
.f1k-oi-ev { display: grid; grid-template-columns: 2.6cqw 1fr; align-items: start; }
.f1k-oi-ic { width: 1.8cqw; height: 1.8cqw; border-radius: .4cqw; background: #e8ebf3; border: .14cqw solid #8a93a5; box-sizing: border-box; }
.f1k-ev-imzaladi .f1k-oi-ic, .f1k-ev-muhur .f1k-oi-ic { background: #e6f6ef; border-color: #27A37A; border-radius: 50%; }
.f1k-ev-gonderildi .f1k-oi-ic { background: #edf1ff; border-color: #5267d8; }
.f1k-ev-acti .f1k-oi-ic { background: #fff1e2; border-color: #E07F14; }
.f1k-ev-serh .f1k-oi-ic { background: #fdecea; border-color: #D23A2E; }
.f1k-ev-kilit .f1k-oi-ic, .f1k-ev-devir .f1k-oi-ic { background: #fbeee9; border-color: #C86A52; }
.f1k-oi-strip { margin-top: 3cqw; font-size: 1.05cqw; border-top: .15cqw solid #33363d; }
.f1k-oi-sr { display: grid; grid-template-columns: 3% 17% 12% 8% 13% 8% 28% 10%; border-bottom: .07cqw solid #d5d8de; padding: .45cqw 0; column-gap: .3%; }
.f1k-oi-sr > div { overflow: hidden; white-space: nowrap; }
.f1k-oi-shead { font-weight: 700; color: #58616f; }
.f1k-oi-nr { margin-top: 1.6cqw; font-size: 1.2cqw; color: #58616f; }
.f1k-oi-foot { position: absolute; left: 7cqw; right: 7cqw; bottom: 4cqw; font-size: 1.05cqw; color: #6B6B6B; }

/* generic blocks */
.f1k-blocks { padding: 5cqw 6cqw; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.6cqw; font-size: 1.3cqw; }
.f1k-a4l .f1k-blocks { padding: 3cqw 4cqw; gap: 1.1cqw; font-size: 1.05cqw; }
.f1k-tp-stf .f1k-blocks, .f1k-tp-irsaliye .f1k-blocks { font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; }
.f1k-tp-teklif .f1k-blocks { font-family: Calibri, Carlito, "Segoe UI", sans-serif; }
.f1k-b-title { font: 700 2.4cqw "Times New Roman", Tinos, "Liberation Serif", serif; text-align: center; letter-spacing: .02em; }
.f1k-a4l .f1k-b-title { font-size: 1.8cqw; }
.f1k-tp-teklif .f1k-b-title { text-align: left; color: #2b4a78; border-bottom: .3cqw solid #2b4a78; padding-bottom: .6cqw; }
.f1k-b-kv { display: grid; grid-template-columns: 1fr; border: .1cqw solid #555; }
.f1k-b-kv.f1k-cols2 { grid-template-columns: 1fr 1fr; }
.f1k-b-kvr { display: grid; grid-template-columns: 38% 62%; border-bottom: .07cqw solid #999; }
.f1k-b-kvr span { padding: .35cqw .6cqw; font-weight: 700; border-right: .07cqw solid #999; background: rgba(0,0,0,.025); }
.f1k-b-kvr b { padding: .35cqw .6cqw; font-weight: 400; overflow: hidden; }
.f1k-b-table { display: grid; border: .1cqw solid #555; }
.f1k-b-th, .f1k-b-td { padding: .35cqw .5cqw; border-right: .07cqw solid #999; border-bottom: .07cqw solid #999; overflow: hidden; }
.f1k-b-th { font-weight: 700; background: rgba(0,0,0,.04); }
.f1k-r { text-align: right; }
.f1k-b-totals { align-self: flex-end; width: 50%; border: .1cqw solid #555; }
.f1k-b-totals div { display: flex; justify-content: space-between; padding: .3cqw .6cqw; border-bottom: .07cqw solid #999; }
.f1k-b-totals div:last-child { font-weight: 700; border-bottom: 0; }
.f1k-b-text { margin: 0; line-height: 1.35; }
.f1k-b-boxes { display: flex; gap: 2cqw; margin-top: 1cqw; }
.f1k-b-box { flex: 1; text-align: center; display: flex; flex-direction: column; gap: .3cqw; }
.f1k-b-box span { font-weight: 700; } .f1k-b-box i { display: block; height: 4cqw; border-bottom: .1cqw solid #333; }
.f1k-b-box small { color: #6B6B6B; }
.f1k-b-stamp { align-self: flex-start; border: .35cqw solid #474B4D; color: #474B4D; opacity: .8; padding: .4cqw 1.4cqw; border-radius: .6cqw; font: 700 1.6cqw Arial, sans-serif; text-transform: uppercase; letter-spacing: .05em; margin: 0 4cqw; }
.f1k-b-image { position: relative; flex: 1 1 auto; min-height: 30cqw; background: repeating-linear-gradient(135deg, #efece4 0 1cqw, #f6f4ee 1cqw 2cqw); border: .1cqw solid #ddd6c8; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.f1k-b-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.f1k-b-ph { font-size: 1.4cqw; color: #8a8478; }
.f1k-tp-foto .f1k-blocks { padding: 2cqw; }
.f1k-b-footer { margin-top: auto; font-size: .95cqw; color: #6B6B6B; border-top: .07cqw solid #bbb; padding-top: .6cqw; }
.f1k-missing { padding: 12px; color: var(--pro-text2, #58616f); font-size: 12px; }

/* cards: L3 one line, L4 glyph; fan; file page */
.f1k-card { position: relative; display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-width: 0; max-width: 100%;
  background-color: var(--kagit, #FBFAF6); border: 1px solid var(--kagit-kenar, #E3DED4);
  box-shadow: 0 1px 2px rgba(0,0,0,.08); border-radius: 3px; padding: 4px 7px; color: #1A1A1A; font: 11px var(--f1-sans, "Segoe UI", Arial, sans-serif); }
.f1k-card-tok { font-size: 10px; font-weight: 700; color: #22508F; }
.f1k-card-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.f1k-card-fp { font: 10px var(--f1-mono, Consolas, monospace); color: #6B6B6B; background: rgba(0,0,0,.04); padding: 0 3px; border-radius: 3px; }
.f1k-card-note { color: #5267d8; font-size: 9.5px; white-space: nowrap; }
.f1k-card-L4 { width: 44px; height: 58px; flex-direction: column; justify-content: center; padding: 3px; gap: 2px; }
.f1k-card-L4.f1k-a4l { width: 58px; height: 42px; }
.f1k-card-L4 .f1k-card-fp { font-size: 8.5px; }
.f1k-fan-pile .f1k-card-note { display: none; }
.f1k-card-L4 .f1k-card-note { position: absolute; left: 50%; bottom: -13px; transform: translateX(-50%); font-size: 8.5px; }
.f1k-slot { border-style: dashed; background: transparent; color: #6B6B6B; box-shadow: none; }
.f1k-slot .f1k-card-tok { color: #89919d; }
.f1k-card.f1-cue { outline: 2px solid var(--pro-accent, #5267d8); }
.f1k-fan { display: flex; flex-wrap: wrap; gap: 12px; width: 100%; overflow: hidden; justify-content: center; align-content: flex-start; }
.f1k-fan-group { border: 1px solid var(--pro-line, #e5e8ee); border-radius: 8px; padding: 6px 8px 10px; background: var(--pro-panel, #ffffff); }
.f1k-fan-head { display: flex; gap: 8px; align-items: baseline; font-size: 11px; margin-bottom: 5px; max-width: 260px; }
.f1k-fan-head b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .f1k-fan-head code { font-size: 10px; color: var(--pro-text2, #58616f); }
.f1k-fan-lane { display: flex; gap: 8px; align-items: flex-start; }
.f1k-fan-file { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.f1k-fan-file > small { font-size: 9.5px; color: var(--pro-text2, #58616f); }
.f1k-fan-pile { position: relative; }
.f1k-fan-pile .f1k-card-L4 { position: absolute; }
.f1k-fan-pile .f1k-ref { border-style: dashed; color: #5267d8; }
.f1k-fan-pile .f1k-slot { background: var(--pro-panel, #fff); }
.f1k-fan-count { font-size: 9.5px; color: var(--pro-text2, #58616f); white-space: nowrap; }
.f1k-fan-file.f1k-struck { opacity: .45; }
.f1k-fan-ekstre { margin-left: 4px; border-color: #b9c2d0; }

.f1k-file { position: relative; flex: none; box-sizing: border-box; background: var(--pro-panel, #ffffff); border: 1px solid var(--pro-line, #e5e8ee); border-radius: 10px;
  box-shadow: var(--f1-shadow, 0 2px 8px rgba(20,30,40,.06)); padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; container-type: inline-size; color: var(--pro-ink, #202630); }
.f1k-file.f1-cue { outline: 3px solid var(--pro-accent, #5267d8); }
.f1k-file-head { display: flex; align-items: center; gap: 10px; }
.f1k-file-head > div { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.f1k-file-head b { font-size: clamp(12px, 2.6cqw, 17px); } .f1k-file-head span { font-size: clamp(10px, 2cqw, 12.5px); color: var(--pro-text2, #58616f); }
.f1k-file-head code { font-size: 11px; color: var(--pro-text2, #58616f); }
.f1k-file-dot { width: 18px; height: 18px; border-radius: 50%; background: var(--fam-work, #22508F); flex: none; }
.f1k-orbit { position: relative; width: 100%; aspect-ratio: 1 / 0.86; }
.f1k-orbit::before { content: ""; position: absolute; left: 50%; top: 50%; width: 54%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 1.5px dashed color-mix(in srgb, var(--fam-work, #22508F) 35%, transparent); }
.f1k-orbit::after { content: ""; position: absolute; left: 50%; top: 50%; width: 88%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 1px dotted var(--pro-line, #e5e8ee); }
.f1k-orbit-core { position: absolute; left: 50%; top: 50%; width: 20%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: var(--fam-work, #22508F); color: var(--fam-work-ink, #fff);
  display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; }
.f1k-orbit-core b { font-size: 5cqw; line-height: 1; } .f1k-orbit-core span { font-size: 1.8cqw; opacity: .85; }
.f1k-orbit-in { position: absolute; transform: translate(-50%, -50%); max-width: 22%; z-index: 2; font-size: clamp(8px, 1.6cqw, 11px); padding: 2px 5px; }
.f1k-orbit-in .f1k-card-title { max-width: 9cqw; }
.f1k-orbit-out { position: absolute; transform: translate(-50%, -50%); z-index: 2; display: flex; flex-direction: column; align-items: center; max-width: 17%;
  font: clamp(8px, 1.45cqw, 10.5px) var(--f1-sans, "Segoe UI", Arial, sans-serif); color: #5267d8; background: #edf1ff; border-radius: 8px; padding: 2px 6px; text-align: center; line-height: 1.15; }
.f1k-orbit-out b { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.f1k-orbit-out span { color: var(--pro-text2, #58616f); white-space: nowrap; overflow: hidden; max-width: 100%; }
.f1k-orbit-out.f1k-ls-tick, .f1k-orbit-out.f1k-ls-note, .f1k-orbit-out.f1k-ls-stamp, .f1k-orbit-out.f1k-ls-signature { color: #1E2466; background: #f4f1ea; }
.f1k-file.f1k-file-wide { display: grid; grid-template-columns: var(--f1k-orbit-w, 320px) minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 8px 18px; }
.f1k-file-wide > .f1k-file-head { grid-column: 1 / -1; }
.f1k-file-wide > .f1k-orbit { grid-column: 1; grid-row: 2; align-self: start; container-type: inline-size; }
.f1k-file-wide > .f1k-file-hist { grid-column: 2; grid-row: 2; border-top: 0; border-left: 1px solid var(--pro-line, #e5e8ee); padding: 0 0 0 14px; font-size: 12.5px; }
.f1k-file-hist { border-top: 1px solid var(--pro-line, #e5e8ee); padding-top: 6px; display: flex; flex-direction: column; gap: 2px; font-size: clamp(10px, 1.9cqw, 12px); flex: 1 1 auto; min-height: 0; overflow: auto; }
.f1k-file-hist h4 { margin: 0 0 2px; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--pro-text2, #58616f); }
.f1k-file-hl { padding-left: 10px; position: relative; } .f1k-file-hl::before { content: ""; position: absolute; left: 1px; top: .5em; width: 5px; height: 5px; border-radius: 50%; background: var(--fam-work, #22508F); }

/* table view */
.f1k-tablo { width: 100%; max-height: 100%; overflow: auto; background: var(--pro-panel, #ffffff); border: 1px solid var(--pro-line, #e5e8ee); border-radius: 8px; font-size: 12.5px; }
.f1k-tablo h4 { margin: 0; padding: 8px 10px; font-size: 13px; border-bottom: 1px solid var(--pro-line, #e5e8ee); }
.f1k-tr { display: grid; grid-template-columns: 38% 30% 32%; gap: 8px; padding: 4px 10px; border-bottom: 1px solid var(--pro-line, #e5e8ee); }
.f1k-tr b { font-weight: 600; font-variant-numeric: tabular-nums; } .f1k-tr small { color: var(--pro-text2, #58616f); }

/* crops */
.f1k-crops { flex: none; display: flex; gap: 10px; width: 100%; }
.f1k-crop-wrap { display: flex; flex-direction: column; gap: 3px; font-size: 11px; color: var(--pro-text2, #58616f); }
.f1k-crop { position: relative; overflow: hidden; border: 1px solid var(--pro-line, #e5e8ee); border-radius: 6px; background: var(--kagit, #FBFAF6); }
.f1k-embed { position: relative; width: 100%; }
.f1k-embed .f1k-crop { border-radius: 4px; }
.f1k-deste { position: relative; width: 100%; }
.f1k-deste .f1k-deste-card { position: absolute; width: 82%; height: 40px; box-shadow: 0 1px 3px rgba(0,0,0,.14); font-size: clamp(10px, 2.2cqw, 12.5px); }
/* the kapak header's check columns (22 Oct 2026, Leo H13c.2: dots and "Sonra" clipped): one short word, the dots on one line under it */
.f1k-kp-hrow .f1k-mh { flex-wrap: wrap; align-content: center; row-gap: 0; column-gap: .15cqw; padding: 0 .12cqw; }
.f1k-kp-hrow .f1k-mh-l { white-space: nowrap; overflow: hidden; font-size: .54cqw; line-height: .95; }
.f1k-kp-hrow .f1k-chk { font-size: .5cqw; gap: .08cqw; }
.f1k-kp-hrow .f1k-chk i { width: .72cqw; height: .72cqw; }
.f1k-kp-hrow .f1k-sonra { font-size: .42cqw; padding: 0 .1cqw; line-height: 1.15; }