/* =====================================================================
   SEGMENT FINANSE — style zakresowane do .seg-finanse (korzeń #seg-finanse).
   Tokeny (.thm-light / .thm-dark) przychodzą z powłoki (styles.css) — tu nie ma
   żadnego nowego koloru. Referencja pikselowa: paczka handoffu
   design_handoff_finanse_claude_code/prototyp/Finanse.dc.html.
   Kwoty i liczby: Space Grotesk (.sg), tekst: Inter.
   Siatki zawsze minmax(0,…) — bez gołego 1fr (inaczej 390 px przewija się w bok).
   ===================================================================== */
.seg-finanse{position:fixed;inset:0;display:flex;overflow:hidden;background:var(--paper);color:var(--ink);
  font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.seg-finanse *{box-sizing:border-box}
.seg-finanse.tel{flex-direction:column}
.seg-finanse button{font-family:inherit;font-size:inherit;line-height:1.4;border:0;cursor:pointer;color:inherit;background:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.seg-finanse button:disabled{cursor:default}
.seg-finanse input,.seg-finanse select,.seg-finanse textarea{font-family:inherit;color:var(--ink)}
.seg-finanse a{color:var(--cyanInk);text-decoration:none}
.seg-finanse :focus{outline:none}
.seg-finanse :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.seg-finanse .scr{scrollbar-width:none}
.seg-finanse .scr::-webkit-scrollbar{width:0;height:0}
.seg-finanse .sg{font-family:'Space Grotesk',sans-serif}
.seg-finanse .ph{line-height:1}
.seg-finanse .rosnie{flex:1 1 auto;min-width:0}
.seg-finanse .auto{flex:0 0 auto}
.seg-finanse .ucinaj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .rzad{display:flex;align-items:center;gap:8px}
.seg-finanse .rzad.zawin{flex-wrap:wrap}
.seg-finanse .siatka{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start}
.seg-finanse .ink2{color:var(--ink2)}
.seg-finanse .ink3{color:var(--ink3)}
.seg-finanse .mikro{font-size:11px;color:var(--ink3);line-height:1.35}
.seg-finanse .maly{font-size:12px;color:var(--ink2)}
.seg-finanse .zdanie{font-size:12.5px;color:var(--ink2);line-height:1.5;text-wrap:pretty}
.seg-finanse .k-ok{color:var(--ok)}.seg-finanse .k-bad{color:var(--bad)}.seg-finanse .k-warn{color:var(--warn)}
.seg-finanse .k-cyan{color:var(--cyanInk)}.seg-finanse .k-ink{color:var(--ink)}.seg-finanse .k-ink2{color:var(--ink2)}.seg-finanse .k-ink3{color:var(--ink3)}
@keyframes f-puls{0%,100%{opacity:.45}50%{opacity:.85}}
@keyframes f-wjazd{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes f-obrot{to{transform:rotate(360deg)}}
.seg-finanse .kreci{display:inline-block;animation:f-obrot 1s linear infinite}

/* ---------- pasek boczny (komputer) ---------- */
.seg-finanse .f-bok{flex:0 0 268px;width:268px;background:var(--navy);color:var(--onNavy);display:flex;flex-direction:column;padding:18px 14px 16px;gap:14px;position:relative}
.seg-finanse .f-marka{display:flex;align-items:center;gap:10px;padding:2px 6px}
.seg-finanse .f-marka .ik{width:34px;height:34px;border-radius:10px;background:var(--glass);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:18px}
.seg-finanse .f-marka .n{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;letter-spacing:-.02em}
.seg-finanse .f-segment{min-height:48px;border-radius:13px;background:var(--glass);border:1px solid rgba(255,255,255,.22);color:var(--onNavy);display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left;width:100%}
.seg-finanse .f-segment .e{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--onNavy3);font-weight:500;line-height:1.2}
.seg-finanse .f-segment .w{display:block;font-size:14px;font-weight:600;line-height:1.3}
.seg-finanse .f-menu-seg{position:absolute;z-index:45;left:14px;right:14px;top:124px;background:var(--surf);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;display:grid;gap:2px}
.seg-finanse .f-menu-seg button{min-height:48px;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13.5px;font-weight:500}
.seg-finanse .f-menu-seg button[aria-current="true"]{background:var(--cyanSoft);color:var(--cyanInk);font-weight:600}
.seg-finanse .f-menu-seg .o{display:block;font-size:11px;color:var(--ink3);font-weight:400}
.seg-finanse .f-nav{display:flex;flex-direction:column;gap:4px}
.seg-finanse .f-nav button{min-height:46px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:11px;border:1px solid transparent;color:var(--onNavy2);font-size:14px;font-weight:500;text-align:left}
.seg-finanse .f-nav button .ph{font-size:19px}
.seg-finanse .f-nav button[aria-current="page"]{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff;font-weight:600}
.seg-finanse .f-nav .licz{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
.seg-finanse .f-bok-stopka{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.seg-finanse .f-bok-stopka div,.seg-finanse .f-bok-stopka button{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--onNavy2);text-align:left}
.seg-finanse .f-bok-stopka button{min-height:32px}
.seg-finanse .f-bok-stopka .ph{font-size:15px}

/* ---------- kolumna treści, nagłówki ---------- */
.seg-finanse .f-kol{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}
.seg-finanse .f-glowa-pc{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:16px 22px 14px;border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap}
.seg-finanse .f-glowa-pc .nad{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-glowa-pc .tyt{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.seg-finanse .f-gora{flex:0 0 auto;background:var(--navy);color:var(--onNavy);padding:calc(10px + env(safe-area-inset-top)) 16px 14px;display:flex;align-items:center;gap:10px}
.seg-finanse .f-gora .nad{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--onNavy3);font-weight:500}
.seg-finanse .f-gora .tyt{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-belka{flex:0 0 auto;background:var(--navy);color:var(--onNavy);padding:0 16px 12px;display:flex;align-items:center;gap:8px;margin-top:-1px}
.seg-finanse .f-gora-g{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--glass);border:1px solid rgba(255,255,255,.22);color:var(--onNavy);font-size:19px;display:flex;align-items:center;justify-content:center}
.seg-finanse .f-gora-g[aria-pressed="true"]{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.seg-finanse .f-miesz-tel{flex:0 1 auto;min-width:0;max-width:168px;min-height:44px;padding:0 12px;border-radius:12px;background:var(--glass);border:1px solid rgba(255,255,255,.22);color:var(--onNavy);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:7px}
.seg-finanse .f-miesz-tel.waski{max-width:120px}
.seg-finanse .f-miesz-pc{min-height:40px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:var(--surf);font-size:13px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:8px;min-width:220px}
.seg-finanse .f-lista-miesz{position:absolute;z-index:40;top:72px;right:22px;width:260px;background:var(--surf);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:2px}
.seg-finanse .f-lista-miesz button{min-height:44px;border-radius:10px;padding:0 12px;text-align:left;font-size:13.5px;font-weight:500}
.seg-finanse .f-lista-miesz button[aria-current="true"]{background:var(--cyanSoft);color:var(--cyanInk)}
/* kontrolka miesiąca/widoku: jasna (komputer) i na granacie (telefon) */
.seg-finanse .f-kontrolka{flex:0 0 auto;display:flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--surf);border:1px solid var(--line)}
.seg-finanse .f-kontrolka button{width:34px;height:34px;border-radius:9px;color:var(--ink2);font-size:15px;display:flex;align-items:center;justify-content:center}
.seg-finanse .f-kontrolka button:disabled{opacity:.35}
.seg-finanse .f-kontrolka button[aria-pressed="true"]{background:var(--cyanSoft);color:var(--cyanInk)}
.seg-finanse .f-kontrolka .m{min-width:132px;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;text-transform:capitalize}
.seg-finanse .f-kontrolka.navy{background:var(--glass);border-color:rgba(255,255,255,.22);color:var(--onNavy)}
.seg-finanse .f-kontrolka.navy button{width:40px;height:40px;border-radius:10px;color:var(--onNavy);font-size:16px}
.seg-finanse .f-kontrolka.navy button[aria-pressed="true"]{background:rgba(255,255,255,.22);color:var(--onNavy)}
.seg-finanse .f-kontrolka.navy .m{flex:1 1 auto;min-width:0}
.seg-finanse .f-kontrolka.navy.rosnie{flex:1 1 auto;min-width:0}
.seg-finanse .f-sel{min-height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surf);color:var(--ink);padding:0 8px;font-size:12.5px;font-weight:600;outline:none}
.seg-finanse .f-sel.navy{min-height:40px;border-color:rgba(255,255,255,.22);background:var(--glass);color:var(--onNavy);color-scheme:dark}
.seg-finanse .f-sel.navy option{color:#142850;background:#fff}
.seg-finanse .f-glowa-g{min-height:40px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:var(--surf);font-size:13px;font-weight:600;color:var(--cyanInk);display:flex;align-items:center;gap:7px}
.seg-finanse .f-glowa-g.szary{color:var(--ink2)}

/* ---------- paski stanu (offline, zgoda banku, dane przykładowe) ---------- */
.seg-finanse .f-pas{flex:0 0 auto;margin:10px 14px 0;padding:10px 13px;border-radius:12px;background:var(--warnSoft);border:1px solid var(--warnLine);color:var(--warn);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seg-finanse .f-pas .ph{font-size:17px}
.seg-finanse .f-pas>.rosnie{flex:1 1 0;min-width:0}
.seg-finanse .f-pas.cyan{background:var(--cyanSoft);border-color:var(--cyanLine);color:var(--cyanInk)}
.seg-finanse .f-pas.bad{background:var(--badSoft);border-color:var(--badLine);color:var(--bad)}
.seg-finanse.tel .f-pas{margin:8px 12px 0;padding:8px 11px;font-size:12px}
.seg-finanse .f-pas button{flex:0 0 auto;min-height:40px;padding:0 13px;border-radius:11px;border:1px solid currentColor;background:var(--surf);color:inherit;font-size:12.5px;font-weight:600}

/* ---------- ciało: lista + szczegół ---------- */
.seg-finanse .f-cialo{flex:1 1 auto;min-height:0;display:flex;position:relative}
.seg-finanse .f-main{flex:1 1 auto;min-width:0;overflow-y:auto;padding:12px 14px 22px;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:12px;align-content:start}
.seg-finanse.pc .f-main{padding:18px 22px 30px}
.seg-finanse .f-det{background:var(--surf);overflow-y:auto;display:flex;flex-direction:column}
.seg-finanse.pc .f-det{flex:0 0 480px;width:480px;border-left:1px solid var(--line)}
.seg-finanse .f-det.arkusz{position:absolute;left:0;right:0;bottom:0;max-height:86%;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(6,12,24,.28);z-index:30}
.seg-finanse .f-det.pelny{position:fixed;inset:0;z-index:35;background:var(--paper)}
.seg-finanse .f-det-tresc{padding:14px 16px 26px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start}
.seg-finanse .f-det-glowa{flex:0 0 auto;position:sticky;top:0;z-index:2;background:var(--surf);padding:12px 16px 10px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:10px}
.seg-finanse .f-det-glowa .t{flex:1 1 auto;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-det.arkusz .f-det-glowa{padding:18px 16px 6px}
.seg-finanse .f-det.arkusz .f-det-glowa::before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:38px;height:5px;border-radius:3px;background:var(--line)}
.seg-finanse .f-det-navy{flex:0 0 auto;position:sticky;top:0;z-index:2;background:var(--navy);color:var(--onNavy);display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 14px}
.seg-finanse .f-det-navy .nad{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--onNavy3);font-weight:500}
.seg-finanse .f-det-navy .tyt{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.seg-finanse .f-przyciemnienie{position:absolute;inset:0;z-index:29;background:var(--przyciemnienie)}
.seg-finanse .f-zamknij{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--surf2);border:1px solid var(--line);color:var(--ink2);font-size:16px;display:flex;align-items:center;justify-content:center}
.seg-finanse.pc .f-zamknij{width:38px;height:38px;border-radius:11px}
.seg-finanse .f-pusty-det{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:40px 36px;color:var(--ink3)}
.seg-finanse .f-pusty-det .ph{font-size:30px}

/* ---------- dolny pasek (telefon) ---------- */
.seg-finanse .f-dol{flex:0 0 auto;background:var(--surf);border-top:1px solid var(--line);padding:7px 10px calc(10px + env(safe-area-inset-bottom));display:flex;gap:4px}
.seg-finanse .f-dol button{position:relative;flex:1 1 0;min-width:0;min-height:56px;border-radius:14px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink2)}
.seg-finanse .f-dol button .ph{font-size:22px}
.seg-finanse .f-dol button span{font-size:10.5px;font-weight:500;white-space:nowrap}
.seg-finanse .f-dol button[aria-current="page"]{background:var(--cyanSoft);color:var(--cyanInk)}
.seg-finanse .f-dol button[aria-current="page"] span{font-weight:600}
.seg-finanse .f-dol .licz{position:absolute;top:5px;left:calc(50% + 6px);font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--cta);color:var(--ctaInk);display:flex;align-items:center;justify-content:center}

/* ---------- klocki: karta, etykieta, przyciski, plakietki ---------- */
.seg-finanse .f-karta{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:11px 13px;min-width:0}
.seg-finanse .f-karta.p6{padding:6px}
.seg-finanse .f-karta.lista{padding:10px 6px 6px}
.seg-finanse .f-karta.przer{border-style:dashed;padding:20px 18px;font-size:13.5px;color:var(--ink2);line-height:1.5}
.seg-finanse .f-karta.r18{border-radius:18px;padding:14px 16px}
.seg-finanse .f-karta.bad{border-color:var(--badLine)}
.seg-finanse .f-etyk{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-etyk.pod{padding-bottom:4px}
.seg-finanse .f-g{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surf);font-size:13px;font-weight:600;color:var(--cyanInk);display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.seg-finanse .f-g .ph{font-size:15px}
.seg-finanse .f-g.m40{min-height:40px;padding:0 12px;border-radius:11px;font-size:12.5px}
.seg-finanse .f-g.szary{color:var(--ink2)}
.seg-finanse .f-g.goly{border-color:transparent;background:transparent;color:var(--ink2);font-weight:500}
.seg-finanse .f-g.cta{background:var(--cta);border-color:var(--cta);color:var(--ctaInk)}
.seg-finanse .f-g.cyan{background:var(--cyanSoft);border-color:var(--cyanLine);color:var(--cyanInk)}
.seg-finanse .f-g.bad{border-color:var(--badLine);color:var(--bad)}
.seg-finanse .f-g.badSoft{background:var(--badSoft);border-color:var(--badLine);color:var(--bad)}
.seg-finanse .f-g.warn{border-color:var(--warnLine);color:var(--warn)}
.seg-finanse .f-g.duzy{min-height:56px;border-radius:16px;font-size:15px;width:100%;gap:9px}
.seg-finanse .f-g.duzy .ph{font-size:19px}
.seg-finanse .f-g.sredni{min-height:48px;border-radius:14px;font-size:13.5px;width:100%}
.seg-finanse .f-g:disabled,.seg-finanse .f-g.wyl{background:var(--surf2);border-color:var(--line);color:var(--ink3)}
.seg-finanse .f-g.rosnie{flex:1 1 150px;min-width:0;white-space:normal;text-align:center;line-height:1.25;padding:4px 10px}
.seg-finanse .f-g.rosnie span{min-width:0}
.seg-finanse .f-g-ikona{flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surf);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.seg-finanse .f-plak{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:7px;border:1px solid var(--line);background:var(--surf2);color:var(--ink2);white-space:nowrap;line-height:1.5}
.seg-finanse .f-plak .ph{font-size:12px}
.seg-finanse .f-plak.ok{background:var(--okSoft);border-color:var(--okLine);color:var(--ok)}
.seg-finanse .f-plak.warn{background:var(--warnSoft);border-color:var(--warnLine);color:var(--warn)}
.seg-finanse .f-plak.bad{background:var(--badSoft);border-color:var(--badLine);color:var(--bad)}
.seg-finanse .f-plak.cyan{background:var(--cyanSoft);border-color:var(--cyanLine);color:var(--cyanInk)}
.seg-finanse .f-plak.wer{background:transparent;border:1px dashed var(--ink3);color:var(--ink2)}
.seg-finanse .f-plak.przer{background:transparent;border-style:dashed}
.seg-finanse .f-plak.duza{font-size:11.5px;padding:3px 9px;border-radius:8px}
.seg-finanse button.f-plak{min-height:22px}
/* kafel statusu: kolor + ikona + styl obrysu (do weryfikacji = przerywany) */
.seg-finanse .f-st{flex:0 0 auto;width:36px;height:36px;border-radius:11px;border:1.5px solid var(--line);background:var(--surf2);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;font-size:19px}
.seg-finanse .f-st.s44{width:44px;height:44px;border-radius:13px;font-size:22px}
.seg-finanse .f-st.s30{width:30px;height:30px;border-radius:9px;font-size:16px}
.seg-finanse .f-st.s28{width:28px;height:28px;border-radius:8px;font-size:15px}
.seg-finanse .f-st.s22{width:22px;height:22px;border-radius:7px;font-size:12px}
.seg-finanse .f-st.s18{width:18px;height:18px;border-radius:5px;font-size:11px}
.seg-finanse .f-st.o{background:var(--okSoft);border-color:var(--okLine);color:var(--ok)}
.seg-finanse .f-st.c{background:var(--warnSoft);border-color:var(--warnLine);color:var(--warn)}
.seg-finanse .f-st.z{background:var(--surf2);border-color:var(--line);color:var(--ink2)}
.seg-finanse .f-st.p{background:var(--badSoft);border-color:var(--badLine);color:var(--bad)}
.seg-finanse .f-st.n{background:var(--cyanSoft);border-color:var(--cyanLine);color:var(--cyanInk)}
.seg-finanse .f-st.w{background:transparent;border:1.5px dashed var(--ink3);color:var(--ink2)}
.seg-finanse .f-st.f{background:transparent;border-color:var(--line);color:var(--ink3)}
.seg-finanse .f-st.x{background:transparent;border-color:transparent;color:var(--line)}
.seg-finanse .f-kaf{flex:0 0 auto;width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surf2);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.seg-finanse .f-kaf.cyan{background:var(--cyanSoft);border-color:var(--cyanLine);color:var(--cyanInk)}
.seg-finanse .f-kaf.ok{background:var(--okSoft);border-color:var(--okLine);color:var(--ok)}
.seg-finanse .f-kaf.bad{background:var(--badSoft);border:1.5px solid var(--badLine);color:var(--bad)}
.seg-finanse .f-kaf.warn{background:var(--warnSoft);border:1.5px solid var(--warnLine);color:var(--warn)}
.seg-finanse .f-kaf.neu{background:transparent;border:1.5px solid var(--ink3);color:var(--ink2)}
.seg-finanse .f-box{flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:2px solid var(--ink3);background:transparent;color:var(--ctaInk);display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.seg-finanse .f-box.m{width:22px;height:22px;border-radius:6px;font-size:13px}
.seg-finanse .f-box.s{width:20px;height:20px;border-radius:6px;font-size:13px}
.seg-finanse .f-box.on{background:var(--cta);border-color:var(--cta)}
.seg-finanse .f-box-g{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
.seg-finanse .f-box-g:disabled{opacity:.6}
.seg-finanse .f-drab{display:inline-flex;gap:3px}
.seg-finanse .f-drab i{width:8px;height:16px;border-radius:3px;background:var(--line)}
.seg-finanse .f-drab.m i{width:5px;height:14px;border-radius:2px}
.seg-finanse .f-drab.s i{width:6px;height:16px;border-radius:2px}
.seg-finanse .f-drab.w i{width:7px}
.seg-finanse .f-drab i.on{background:var(--cyan)}
.seg-finanse .f-drab.trzy i.on{background:var(--bad)}
.seg-finanse .f-pole{min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surf2);padding:0 12px;font-size:14px;color:var(--ink);outline:none;width:100%;min-width:0}
.seg-finanse textarea.f-pole{padding:11px 13px;resize:vertical;min-height:80px;line-height:1.45}
.seg-finanse .f-pole.sg{font-family:'Space Grotesk',sans-serif;font-weight:600}
.seg-finanse .f-szukaj{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 13px;border-radius:13px;border:1px solid var(--line);background:var(--surf)}
.seg-finanse .f-szukaj .ph{font-size:17px;color:var(--ink3)}
.seg-finanse .f-szukaj input{flex:1 1 auto;min-width:0;border:0;background:transparent;font-size:14px;outline:none}
.seg-finanse .f-szukaj.w2{background:var(--surf2)}
.seg-finanse .f-seg{display:flex;gap:4px;padding:4px;border-radius:13px;background:var(--surf);border:1px solid var(--line)}
.seg-finanse .f-seg button{flex:1 1 0;min-width:0;min-height:40px;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.seg-finanse .f-seg button[aria-pressed="true"]{background:var(--cyanSoft);color:var(--cyanInk);font-weight:600}
.seg-finanse .f-seg.m44 button{min-height:44px;font-size:12px}
.seg-finanse .f-wybor{flex:1 1 auto;min-height:44px;padding:0 11px;border-radius:12px;border:1px solid var(--line);background:var(--surf);color:var(--ink);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px}
.seg-finanse .f-wybor .c{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;opacity:.75}
.seg-finanse .f-wybor[aria-pressed="true"]{background:var(--cyanSoft);border-color:var(--cyan);color:var(--cyanInk)}
.seg-finanse .f-wybor.d48{flex:1 1 0;min-height:48px;font-size:13.5px}
.seg-finanse .f-wybor.d46{flex:1 1 0;min-height:46px;font-size:13px}
.seg-finanse .f-wybory{display:flex;gap:6px;flex-wrap:wrap}
.seg-finanse .f-stopien{width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:var(--surf);color:var(--ink2);font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700}
.seg-finanse .f-stopien[aria-pressed="true"]{background:var(--cyanSoft);border-color:var(--cyan);color:var(--cyanInk)}
.seg-finanse .f-stopien.trzy[aria-pressed="true"]{background:var(--badSoft);border-color:var(--bad);color:var(--bad)}
.seg-finanse .f-ramka{border-radius:14px;padding:11px 12px;display:grid;gap:9px}
.seg-finanse .f-ramka.warn{background:var(--warnSoft);border:1px solid var(--warnLine)}
.seg-finanse .f-ramka.cyan{background:var(--cyanSoft);border:1px solid var(--cyanLine)}
.seg-finanse .f-ramka.bad{background:var(--badSoft);border:1px solid var(--badLine)}
.seg-finanse .f-ramka.przer{border:1.5px dashed var(--ink3)}
.seg-finanse .f-ramka.szara{background:var(--surf2);border:1px solid var(--line)}
.seg-finanse .f-ramka .ph{font-size:17px;flex:0 0 auto}
.seg-finanse .f-ramka .gl{display:flex;gap:8px;font-size:13px;font-weight:600;line-height:1.4;align-items:flex-start}
.seg-finanse .f-ramka.warn .gl{color:var(--warn)}
.seg-finanse .f-ramka.bad .gl{color:var(--bad)}
.seg-finanse .f-ramka.cyan .gl{color:var(--cyanInk)}
.seg-finanse .f-pola .p{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:12.5px}
.seg-finanse .f-pola .p:last-child{border-bottom:0}
.seg-finanse .f-pola .n{flex:0 0 120px;color:var(--ink3)}
.seg-finanse .f-pola .v{flex:1 1 auto;min-width:0;font-weight:500;overflow-wrap:anywhere}
.seg-finanse .f-poz{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line2)}
.seg-finanse .f-poz .t{display:block;font-size:13px;font-weight:600}
.seg-finanse .f-poz .o{display:block;font-size:11px;color:var(--ink3)}
.seg-finanse .f-kw{font-family:'Space Grotesk',sans-serif;font-weight:700;white-space:nowrap}
.seg-finanse .f-szkielet{border-radius:16px;background:var(--ph);animation:f-puls 1.4s ease-in-out infinite}

/* ---------- pulpit ---------- */
.seg-finanse .f-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.seg-finanse.pc .f-kpi.piec{grid-template-columns:repeat(5,minmax(0,1fr))}
.seg-finanse .f-kpi-k{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:11px 13px;min-width:0;text-align:left}
.seg-finanse .f-kpi-k .n{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-kpi-k .v{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.03em;line-height:1.25;white-space:nowrap}
.seg-finanse .f-kpi-k .o{font-size:11px;color:var(--ink3);line-height:1.3}
.seg-finanse button.f-kpi-k{cursor:pointer}
.seg-finanse .f-dwie{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.seg-finanse.pc .f-dwie{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.seg-finanse .f-zad-karta{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:12px 12px 6px}
.seg-finanse .f-zad{display:flex;align-items:center;gap:11px;padding:9px 4px;border-top:1px solid var(--line2)}
.seg-finanse .f-zad .opis{flex:1 1 auto;min-width:0;min-height:44px;text-align:left}
.seg-finanse .f-zad .t{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.seg-finanse .f-zad .o{display:block;font-size:11.5px;color:var(--ink3);line-height:1.35}
.seg-finanse .f-trend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end;height:136px}
.seg-finanse .f-trend .s{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.seg-finanse .f-trend .l{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.seg-finanse .f-trend .pr{font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;color:var(--ink2)}
.seg-finanse .f-trend .kw{font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:500;color:var(--ink3);white-space:nowrap}
.seg-finanse .f-trend .b{position:relative;width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:var(--line2);overflow:hidden}
.seg-finanse .f-trend .b i{position:absolute;left:0;right:0;bottom:0;background:var(--ok);border-radius:6px 6px 3px 3px}
.seg-finanse .f-trend .b.teraz i{background:var(--cyan)}
.seg-finanse .f-trend-m{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;text-align:center;font-size:10.5px;color:var(--ink3)}
.seg-finanse .f-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:var(--ink3)}
.seg-finanse .f-legenda span{display:flex;align-items:center;gap:5px}
.seg-finanse .f-legenda .kw{width:10px;height:10px;border-radius:3px}
.seg-finanse .f-miesz-w{width:100%;min-height:52px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line2)}
.seg-finanse .f-pasek{display:block;height:5px;border-radius:3px;background:var(--line2);overflow:hidden}
.seg-finanse .f-pasek i{display:block;height:100%;background:var(--ok);border-radius:3px}
.seg-finanse .f-pasek.p4{height:4px}

/* ---------- czynsze ---------- */
.seg-finanse .f-kpi4{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
.seg-finanse .f-kpi4 .n{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-kpi4 .v{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:-.03em;line-height:1.2;white-space:nowrap}
.seg-finanse.pc .f-kpi4 .v{font-size:20px}
.seg-finanse .f-kpi4 .o{font-size:11px;color:var(--ink3);line-height:1.3}
.seg-finanse .f-filtry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.seg-finanse.pc .f-filtry{grid-template-columns:repeat(8,minmax(0,1fr))}
.seg-finanse .f-filtry button{min-width:0;min-height:52px;border-radius:12px;padding:5px 4px;border:1px solid var(--line);background:var(--surf);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.seg-finanse .f-filtry button[aria-pressed="true"]{background:var(--cyanSoft);border-color:var(--cyan);color:var(--cyanInk)}
.seg-finanse .f-filtry .g{display:flex;align-items:center;gap:4px}
.seg-finanse .f-filtry .g .ph{font-size:14px}
.seg-finanse .f-filtry .g b{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700}
.seg-finanse .f-filtry .n{font-size:10px;font-weight:500;line-height:1.15;text-align:center}
.seg-finanse .f-grupa-gl{display:flex;align-items:center;gap:8px;padding:2px 8px 6px}
.seg-finanse .f-grupa-gl .a{flex:1 1 auto;min-width:0;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-grupa-gl .r{flex:0 0 auto;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink3);white-space:nowrap}
.seg-finanse .f-grupa-gl .mini{width:34px;height:4px;border-radius:2px;background:var(--line2);overflow:hidden}
.seg-finanse .f-grupa-gl .mini i{display:block;height:100%;background:var(--ok)}
.seg-finanse .f-wn{width:100%;min-height:56px;border-radius:12px;padding:10px 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;text-align:left;border:1px solid transparent;border-top-color:var(--line2)}
.seg-finanse.pc .f-wn{padding:10px 12px}
.seg-finanse .f-wn[aria-current="true"],.seg-finanse .zazn{background:var(--cyanSoft);border-color:var(--cyanLine)}
.seg-finanse .f-wn .gl{display:flex;align-items:center;gap:11px}
.seg-finanse .f-wn .kto{font-size:14px;font-weight:600;white-space:nowrap}
.seg-finanse .f-wn .sub{display:block;font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-wn .kol{flex:0 0 92px;text-align:right}
.seg-finanse .f-wn .kol.w64{flex-basis:64px}
.seg-finanse .f-wn .kol .e{display:block;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.seg-finanse .f-wn .kol .v{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600}
.seg-finanse .f-wn .duza{flex:0 0 auto;text-align:right;min-width:86px}
.seg-finanse .f-wn .duza .v{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;line-height:1.25}
.seg-finanse .f-wn .duza .l{display:block;font-size:10.5px;color:var(--ink3);line-height:1.2;white-space:nowrap}
.seg-finanse .f-wn .pas{display:block;height:4px;border-radius:3px;background:var(--line2);margin-left:47px;overflow:hidden}
.seg-finanse .f-wn .pas i{display:block;height:100%;background:var(--ok);border-radius:3px}
.seg-finanse .f-wn .pas.bad{background:var(--badLine)}
.seg-finanse .f-wn .pas i.warn{background:var(--warn)}
.seg-finanse .f-wn .pas i.cyan{background:var(--cyan)}
.seg-finanse .f-tab-w{background:var(--surf);border:1px solid var(--line);border-radius:16px;overflow:auto}
.seg-finanse .f-tab-w.przewijana{overflow:auto;max-height:600px}
.seg-finanse .f-tab{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
.seg-finanse .f-tab th{padding:0;background:var(--surf2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;text-align:left;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.seg-finanse .f-tab th.pad{padding:9px 10px}
.seg-finanse .f-tab th button{width:100%;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);white-space:nowrap}
.seg-finanse .f-tab th button .ph{font-size:12px}
.seg-finanse .f-tab th button[aria-pressed="true"] .ph{color:var(--cyanInk)}
.seg-finanse .f-tab td{padding:7px 12px;border-bottom:1px solid var(--line2);white-space:nowrap;vertical-align:middle}
.seg-finanse .f-tab tbody tr{cursor:pointer}
.seg-finanse .f-tab tbody tr[aria-current="true"]{background:var(--cyanSoft)}
.seg-finanse .f-tab tfoot td{padding:10px 12px;background:var(--surf2);border-bottom:0;font-weight:600}
.seg-finanse .f-tab .pr{text-align:right}
.seg-finanse .f-tab .sr{text-align:center}
.seg-finanse .f-tab.faktury{font-size:12.5px;min-width:1020px}
.seg-finanse .f-tab.faktury td{padding:8px 10px}
.seg-finanse .f-tab.faktury tbody tr{cursor:default}
.seg-finanse .f-tab .przyklej{position:sticky;left:0;background:var(--surf);z-index:1}
.seg-finanse .f-tab th.przyklej{background:var(--surf2);z-index:2}
.seg-finanse .f-tab-sel{min-height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surf2);color:var(--ink);padding:0 8px;font-size:12.5px;font-weight:500;outline:none}
.seg-finanse .f-tab-sel.brak{border-color:var(--warnLine);background:var(--warnSoft);color:var(--warn)}
.seg-finanse .f-kor-plus{width:30px;height:30px;border-radius:9px;border:1px dashed var(--ink3);color:var(--ink2);font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.seg-finanse .f-kor{min-height:30px;padding:0 9px;border-radius:9px;border:1px solid var(--line);background:var(--surf2);font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.seg-finanse .f-kor .ph{font-size:12px;color:var(--ink3)}
.seg-finanse .f-prz{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px;border-radius:7px;background:var(--cyanSoft);border:1px solid var(--cyanLine);color:var(--cyanInk);font-size:11px;font-weight:600}
.seg-finanse .f-prz.trzy{background:var(--badSoft);border-color:var(--badLine);color:var(--bad)}
.seg-finanse .f-prz b{font-family:'Space Grotesk',sans-serif;font-weight:700}
.seg-finanse .f-prz em{font-family:'Space Grotesk',sans-serif;font-weight:500;font-style:normal}
/* tabela telefonu: 4 kolumny + korekta, bez przewijania w bok */
.seg-finanse .f-tt{background:var(--surf);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.seg-finanse .f-tt .w{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.9fr) 44px;gap:6px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line2);min-height:52px;cursor:pointer;width:100%;text-align:left}
.seg-finanse .f-tt .w.gl{background:var(--surf2);border-bottom-color:var(--line);min-height:40px;padding:0 10px;cursor:default}
.seg-finanse .f-tt .w.st{background:var(--surf2);min-height:0;padding:10px;font-size:11.5px;cursor:default;border-bottom:0}
.seg-finanse .f-tt .w.gl button,.seg-finanse .f-tt .w.gl span{min-height:40px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);display:flex;align-items:center;gap:3px}
.seg-finanse .f-tt .pr{justify-content:flex-end;text-align:right}
.seg-finanse .f-tt[aria-busy] .w{opacity:.5}
.seg-finanse .f-tt .w[aria-current="true"]{background:var(--cyanSoft)}
/* macierz roku */
.seg-finanse .f-rok-leg{display:flex;flex-wrap:wrap;gap:6px 12px;padding:2px}
.seg-finanse .f-rok-leg span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink2)}
.seg-finanse .f-rok-w{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line2);padding:4px 0}
.seg-finanse .f-rok-w.gl{border-top:0;padding:0 0 6px}
.seg-finanse .f-rok-n{flex:0 0 150px;width:150px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-height:44px;color:var(--ink)}
.seg-finanse.tel .f-rok-n{flex-basis:96px;width:96px}
.seg-finanse .f-rok-w.gl .f-rok-n{min-height:0;font-size:12px}
.seg-finanse .f-rok-k{flex:1 1 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;justify-items:center}
.seg-finanse.tel .f-rok-k{gap:3px}
.seg-finanse .f-rok-k .m{font-size:10px;color:var(--ink3);text-align:center}
.seg-finanse .f-rok-k .m.teraz{color:var(--cyanInk);font-weight:700}
.seg-finanse .f-kom{position:relative;width:100%;height:34px;border-radius:6px;font-size:16px}
.seg-finanse.tel .f-kom{width:19px;height:19px;font-size:11px;border-radius:5px}
.seg-finanse .f-kom[aria-current="true"]{outline:2px solid var(--cyan);outline-offset:1px}
.seg-finanse .f-kom .kropka,.seg-finanse .kropka-warn{position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--warn);border:1.5px solid var(--surf)}

/* ---------- szczegół pozycji ---------- */
.seg-finanse .f-liczby{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.seg-finanse .f-liczby>div{background:var(--surf2);border:1px solid var(--line);border-radius:14px;padding:10px 11px;min-width:0}
.seg-finanse .f-liczby .n{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-liczby .v{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.seg-finanse .f-wyl{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;padding:4px 10px;border-radius:9px;background:var(--surf);border:1px solid var(--line)}
.seg-finanse .f-tytul-det{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.seg-finanse .f-tytul-det.d19{font-size:19px;letter-spacing:-.01em;line-height:1.25}
.seg-finanse .f-tytul-det.d24{font-size:24px}

/* ---------- przypomnienia ---------- */
.seg-finanse .f-osoba{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
.seg-finanse .f-osoba.szara{opacity:.55}
.seg-finanse .f-osoba .wc{padding-left:55px}
.seg-finanse .f-dymek{background:var(--surf2);border:1px solid var(--line2);border-radius:12px 12px 12px 4px;padding:10px 12px;font-size:12.5px;line-height:1.5;color:var(--ink);text-wrap:pretty;white-space:pre-wrap}
.seg-finanse .f-przyklejony{position:sticky;bottom:0;padding-top:6px;background:linear-gradient(to top,var(--paper) 70%,transparent)}
.seg-finanse .f-postep{height:6px;border-radius:3px;background:var(--line2);overflow:hidden}
.seg-finanse .f-postep i{display:block;height:100%;background:var(--cyan);border-radius:3px;transition:width .4s}

/* ---------- bank ---------- */
.seg-finanse .f-tr{width:100%;min-height:60px;border-radius:12px;padding:9px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-bottom-color:var(--line2);cursor:pointer}
.seg-finanse .f-tr[aria-current="true"]{background:var(--cyanSoft);border-color:var(--cyanLine)}
.seg-finanse .f-tr .n{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-tr .d{flex:0 0 auto;font-size:11px;color:var(--ink3);font-family:'Space Grotesk',sans-serif}
.seg-finanse .f-tr .t{display:block;font-size:11.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
.seg-finanse .f-tr .pl{display:flex;gap:5px;margin-top:4px;flex-wrap:wrap}
.seg-finanse .f-tr .kw{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;white-space:nowrap}
.seg-finanse .f-pop{flex:1 1 100%;min-width:0;margin-left:46px;max-width:calc(100% - 46px);padding:11px 12px;border-radius:12px;background:var(--surf);border:1px solid var(--cyanLine);box-shadow:0 6px 20px rgba(20,40,80,.10);display:grid;gap:9px;cursor:default}
.seg-finanse .f-pop .f-g{flex:1 1 110px}
.seg-finanse .f-roz{display:flex;height:40px;border-radius:11px;overflow:hidden;border:1px solid var(--line);gap:2px;background:var(--line)}
.seg-finanse .f-roz span{min-width:28px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;font-family:'Space Grotesk',sans-serif;border-bottom:3px solid var(--ok);background:var(--okSoft);color:var(--ok)}
.seg-finanse .f-roz span.cz{background:var(--warnSoft);border-bottom-color:var(--warn);color:var(--warn)}
.seg-finanse .f-roz span.reszta{background:repeating-linear-gradient(135deg,var(--surf2) 0 6px,var(--line) 6px 8px);border-bottom-color:var(--ink3);color:var(--ink2)}
.seg-finanse .f-roz .nr,.seg-finanse .f-nr{width:18px;height:18px;border-radius:50%;background:var(--surf);border:1.5px solid currentColor;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;flex:0 0 auto}
.seg-finanse .f-nr{width:22px;height:22px;font-size:11.5px;font-weight:700;background:var(--okSoft);color:var(--ok)}
.seg-finanse .f-nr.cz{background:var(--warnSoft);color:var(--warn)}
.seg-finanse .f-nr.reszta{background:repeating-linear-gradient(135deg,var(--surf2) 0 3px,var(--line) 3px 5px);color:var(--ink3)}
.seg-finanse .f-fak-w{width:100%;text-align:left;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start}
.seg-finanse .f-plik{flex:0 0 auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--surf2);color:var(--cyanInk);display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none}
.seg-finanse .f-plik.brak{color:var(--ink3);opacity:.5;cursor:not-allowed}
.seg-finanse .f-podglad-pliku{height:170px;border-radius:14px;background:var(--ph);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink3)}
.seg-finanse iframe.f-podglad-pliku{height:420px;width:100%;background:var(--surf2)}

/* ---------- okna (korekta, stopień 3), menu, toast ---------- */
.seg-finanse .f-tlo-okna{position:fixed;inset:0;z-index:50;background:var(--przyciemnienie)}
.seg-finanse .f-okno{position:fixed;z-index:51;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100% - 32px);max-height:88%;overflow-y:auto;background:var(--surf);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}
.seg-finanse .f-okno.w460{width:460px}
.seg-finanse .f-okno.bad{border-color:var(--badLine)}
.seg-finanse .f-okno .tyt{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600}
.seg-finanse .f-okno label{display:grid;gap:5px;font-size:11.5px;font-weight:600;color:var(--ink3)}
.seg-finanse .f-kwota-pole{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 13px;border-radius:13px;border:1px solid var(--line);background:var(--surf2)}
.seg-finanse .f-kwota-pole input{flex:1 1 auto;min-width:0;border:0;background:transparent;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;outline:none}
.seg-finanse .f-arkusz-lista{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--surf);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(6,12,24,.28);padding:8px 12px calc(16px + env(safe-area-inset-bottom));display:grid;gap:4px;max-height:80%;overflow-y:auto}
.seg-finanse .f-arkusz-lista .gl{display:flex;align-items:center;gap:10px;padding:4px 4px 8px}
.seg-finanse .f-arkusz-lista .gl .t{flex:1 1 auto;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-arkusz-lista .poz{min-height:52px;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:11px;text-align:left;font-size:14px;font-weight:500;width:100%}
.seg-finanse .f-arkusz-lista .poz .ph{font-size:20px;color:var(--ink2)}
.seg-finanse .f-arkusz-lista .poz[aria-current="true"]{background:var(--cyanSoft);color:var(--cyanInk);font-weight:600}
.seg-finanse .f-arkusz-lista .poz .o{display:block;font-size:11.5px;color:var(--ink3);font-weight:400}
.seg-finanse .f-toast{position:fixed;z-index:60;left:16px;right:16px;bottom:104px;max-width:560px;margin:0 auto;background:var(--toast);color:#fff;border-radius:14px;padding:13px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:f-wjazd 180ms ease-out}
.seg-finanse .f-toast .ph{font-size:19px;color:var(--toastIkona)}
.seg-finanse .f-toast.blad .ph{color:#F0A29A}
.seg-finanse .f-toast span{flex:1 1 auto;font-size:13.5px;font-weight:500;line-height:1.35}
.seg-finanse .f-sys{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:32px 24px;max-width:520px;margin:0 auto}
.seg-finanse .f-sys h1{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600;margin:0;line-height:1.25}

@media (max-width:420px){
  .seg-finanse .f-wn .duza{min-width:76px}
  .seg-finanse .f-pola .n{flex-basis:104px}
}
@media (prefers-reduced-motion:reduce){
  .seg-finanse *{animation:none!important;transition:none!important}
}

/* podział przelewu na mieszkania */
.seg-finanse .f-podz-w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,7.5em) 44px;grid-template-areas:"m m x" "k kw kw";gap:8px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.seg-finanse .f-podz-w select[data-fc="podz-m"]{grid-area:m}
.seg-finanse .f-podz-w .f-podz-x{grid-area:x}
.seg-finanse .f-podz-w .kat{grid-area:k;min-height:44px;font-size:13px}
.seg-finanse .f-podz-w input.f-pole{grid-area:kw;text-align:right}
.seg-finanse .f-podz-x{width:44px;height:44px;border-radius:12px;background:var(--surf2);border:1px solid var(--line);color:var(--ink2);font-size:15px;display:flex;align-items:center;justify-content:center}
.seg-finanse .f-podz-x:disabled{opacity:.4}

/* ---- rozliczenie kaucji: panel na cały ekran ---- */
.seg-finanse .f-rk{position:fixed;inset:0;z-index:45;background:var(--paper);display:flex;flex-direction:column}
.seg-finanse .f-rk-glowa{flex:0 0 auto;background:var(--navy);color:var(--onNavy);display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 14px}
.seg-finanse .f-rk-glowa .nad{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--onNavy3);font-weight:500}
.seg-finanse .f-rk-glowa .tyt{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seg-finanse .f-rk-glowa .pod{font-size:12px;color:var(--onNavy3)}
.seg-finanse .f-rk-tresc{flex:1 1 auto;overflow-y:auto;padding:16px 16px calc(40px + env(safe-area-inset-bottom))}
.seg-finanse .f-rk-uklad{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.seg-finanse.pc .f-rk-uklad{grid-template-columns:minmax(0,1fr) 340px}
.seg-finanse .f-rk-kol{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.seg-finanse.pc .f-rk-bok{position:sticky;top:0}
.seg-finanse .f-rk-karta{display:grid;gap:10px;padding:14px 14px 12px}
.seg-finanse .f-rk-karta.warn{border-color:var(--warnLine)}
.seg-finanse .f-rk-sek{display:flex;gap:10px;align-items:flex-start}
.seg-finanse .f-rk-sek .nr{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:var(--cyanSoft);color:var(--cyanInk);font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif}
.seg-finanse .f-rk-sek .t{font-size:15px;font-weight:600;line-height:1.3}
.seg-finanse .f-rk-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.seg-finanse .f-rk-lab{display:grid;gap:4px;min-width:0}
.seg-finanse .f-rk-lab>span{font-size:11px;color:var(--ink3);font-weight:500}
.seg-finanse .f-rk-lab.waski{width:200px;max-width:100%}
.seg-finanse .f-pole.zla{border-color:var(--bad);background:var(--badSoft)}
.seg-finanse select.f-pole{padding-right:6px}
.seg-finanse .f-rk-mies{border:1px solid var(--warnLine);border-radius:14px;padding:11px 12px;display:grid;gap:9px;background:var(--surf)}
.seg-finanse .f-rk-mies.ok{border-color:var(--okLine)}
.seg-finanse .f-rk-mies .t{font-size:14px;font-weight:600;text-transform:capitalize}
.seg-finanse .f-rk-wpl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr) 44px;gap:8px;align-items:center}
.seg-finanse .f-rk-wpl.szer{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr) 44px}
.seg-finanse .f-rk-wpl.potr{grid-template-columns:minmax(0,1fr) 130px 44px}
.seg-finanse .f-rk-check{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-align:left;font-size:13px;font-weight:500;color:var(--ink);min-width:0}
.seg-finanse .f-rk-check>span{min-width:0}
.seg-finanse .f-rk-check.sam{justify-content:center;width:44px}
.seg-finanse .f-rk-check.mala{min-height:36px;font-size:12px;gap:6px}
.seg-finanse .f-rk-check:disabled{opacity:.45}
.seg-finanse .f-rk-linia{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line2);min-height:48px}
.seg-finanse .f-rk-linia>.f-rk-check{flex:1 1 auto}
.seg-finanse .f-rk-suma{font-size:13px;color:var(--ink2)}.seg-finanse .f-rk-suma b{font-size:16px;color:var(--ink);margin-left:6px}
.seg-finanse .f-rk-tab{display:grid;gap:0}
.seg-finanse .f-rk-w{display:grid;grid-template-columns:44px minmax(0,1.2fr) 80px 112px minmax(0,1.05fr) 92px minmax(0,1.6fr);gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line2);font-size:13px}
.seg-finanse .f-rk-w.gl{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:4px 0}
.seg-finanse .f-rk-w .p{text-align:right}
.seg-finanse .f-rk-w .p .f-pole{text-align:right;min-height:40px}
.seg-finanse .f-rk-w .okres{display:grid;gap:3px;min-width:0}
.seg-finanse .f-rk-w .okres b{font-weight:600;text-transform:capitalize}
.seg-finanse .f-rk-w.wyl{opacity:.5}
.seg-finanse .f-rk-podp{display:flex;align-items:center;gap:8px;padding:6px 0 8px 52px;font-size:12px;color:var(--ink2);border-bottom:1px solid var(--line2);flex-wrap:wrap}
.seg-finanse .f-rk-podp>.ph{font-size:16px;color:var(--cyanInk)}
.seg-finanse .f-rk-podp>.f-pole{flex:1 1 220px}
.seg-finanse .f-rk-razem{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end;font-size:12.5px;color:var(--ink2);padding-top:8px}
.seg-finanse .f-rk-razem b{color:var(--ink);font-size:15px;margin-left:4px}
.seg-finanse .f-rk-podsum{display:grid;gap:8px}
.seg-finanse .f-rk-rach{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink2);min-width:0}
.seg-finanse .f-rk-rach span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-rk-rach b{font-size:14px;color:var(--ink);white-space:nowrap}
.seg-finanse .f-rk-wynik{display:grid;gap:2px;border:2px solid var(--navyFlat);border-radius:14px;padding:12px 14px;margin:4px 0}
.seg-finanse .f-rk-wynik>span:first-child{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.seg-finanse .f-rk-wynik b{font-size:32px;letter-spacing:-.03em;line-height:1.1}
.seg-finanse .f-rk-wynik.bad{border-color:var(--bad)}.seg-finanse .f-rk-wynik.bad b{color:var(--bad)}
.seg-finanse .f-rk-braki{margin:0;padding-left:18px;font-size:12.5px;line-height:1.45;display:grid;gap:4px;color:var(--ink2)}
.seg-finanse.tel .f-rk-w{grid-template-columns:44px minmax(0,1fr) 104px;grid-template-areas:"c o n" "c t s" "c w w" "c k k";row-gap:4px;padding:10px 0}
.seg-finanse.tel .f-rk-w>:nth-child(1){grid-area:c;align-self:start}
.seg-finanse.tel .f-rk-w>:nth-child(2){grid-area:o}
.seg-finanse.tel .f-rk-w>:nth-child(3){grid-area:t}
.seg-finanse.tel .f-rk-w>:nth-child(4){grid-area:n}
.seg-finanse.tel .f-rk-w>:nth-child(5){grid-area:w}
.seg-finanse.tel .f-rk-w>:nth-child(6){grid-area:s}
.seg-finanse.tel .f-rk-w>:nth-child(7){grid-area:k}
.seg-finanse.tel .f-rk-podp{padding-left:0}
@media (max-width:640px){
  .seg-finanse .f-rk-wpl,.seg-finanse .f-rk-wpl.szer{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
  .seg-finanse .f-rk-wpl.szer>:first-child{grid-column:1 / -1}
  .seg-finanse .f-rk-wpl>select{grid-column:span 2}
  .seg-finanse .f-rk-wpl.potr{grid-template-columns:minmax(0,1fr) 104px 44px}
}

/* ===== Bank jak arkusz WB (kategoria · czego dotyczy · faktura · flaga) — 24.09 ===== */
.seg-finanse .f-wb{padding:4px 6px 6px;overflow:clip}
.seg-finanse .f-wb-g,.seg-finanse .f-wb-w{display:grid;grid-template-columns:52px minmax(0,2.3fr) minmax(0,1.25fr) minmax(0,1.15fr) minmax(0,.9fr) minmax(0,.95fr) 104px 36px;align-items:center;column-gap:10px}
.seg-finanse .f-wb-g{padding:9px 8px 8px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);position:sticky;top:0;background:var(--surf);z-index:1}
.seg-finanse .f-wb-g .pr,.seg-finanse .f-wb-w .kw{text-align:right}
.seg-finanse .f-wb-g .sr,.seg-finanse .f-wb-w .sr{display:flex;justify-content:center}
.seg-finanse .f-tr.f-wb-w{min-height:52px;padding:6px 8px;gap:0 10px;flex-wrap:nowrap;border-radius:10px}
.seg-finanse .f-wb-w.spr{box-shadow:inset 3px 0 0 var(--warn)}
.seg-finanse .f-wb-w .d{font-size:11.5px;color:var(--ink2)}
.seg-finanse .f-wb-opis{min-width:0;display:grid}
.seg-finanse .f-wb-opis .n{font-size:13px}
.seg-finanse .f-wb-k{min-width:0;display:flex;align-items:center}
.seg-finanse .f-wb-k .f-plak{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.seg-finanse .f-wb-kom{min-width:0;max-width:100%;min-height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--line);background:var(--surf);color:var(--ink);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;gap:4px;text-align:left}
.seg-finanse .f-wb-kom .ph{flex:0 0 auto;font-size:11px;color:var(--ink3)}
.seg-finanse .f-wb-kom:hover:not(:disabled){border-color:var(--cyanLine);background:var(--cyanSoft)}
.seg-finanse .f-wb-kom.pusta{border-style:dashed;color:var(--warn);background:transparent}
.seg-finanse .f-wb-kom.reg{border-style:dashed;color:var(--ink2);font-style:italic}
.seg-finanse .f-wb-kom:disabled{opacity:.6}
.seg-finanse .f-wb-ro{min-width:0;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink2)}
.seg-finanse .f-wb-ro .ph{flex:0 0 auto;color:var(--cyanInk)}
.seg-finanse .f-wb-ed{min-width:0;width:100%;display:block}
.seg-finanse .f-wb-sel{min-height:34px;padding:0 6px;font-size:12.5px;width:100%}
.seg-finanse .f-wb-fak{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink2);font-family:'Space Grotesk',sans-serif}
.seg-finanse .f-wb-fak .ph{flex:0 0 auto}
.seg-finanse .f-wb-flaga{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--line);font-size:15px}
.seg-finanse .f-wb-w:hover .f-wb-flaga,.seg-finanse .f-wb-flaga:focus-visible{color:var(--ink3)}
.seg-finanse .f-wb-flaga.tak,.seg-finanse .f-wb-w:hover .f-wb-flaga.tak{color:var(--warn);background:var(--warnSoft)}
.seg-finanse .f-wb-w .f-pop{grid-column:1 / -1;margin:8px 0 2px 62px;max-width:560px}
.seg-finanse .ucinaj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* wąska kolumna (otwarty panel szczegółów, mały ekran): wiersz w dwóch liniach — opis i kwota, pod spodem kategoria i czego dotyczy */
.seg-finanse .f-wb{container:wb / inline-size}
@container wb (max-width: 860px){
  .seg-finanse .f-wb-g{display:none}
  .seg-finanse .f-tr.f-wb-w{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) auto auto;grid-template-areas:"d o o p kw" ". k dt f fl";row-gap:5px;padding:8px}
  .seg-finanse .f-wb-w .c-d{grid-area:d}.seg-finanse .f-wb-w .c-o{grid-area:o}.seg-finanse .f-wb-w .c-k{grid-area:k}.seg-finanse .f-wb-w .c-dt{grid-area:dt}
  .seg-finanse .f-wb-w .c-f{grid-area:f;max-width:120px}.seg-finanse .f-wb-w .c-p{grid-area:p;justify-content:flex-end}.seg-finanse .f-wb-w .c-kw{grid-area:kw}.seg-finanse .f-wb-w .c-fl{grid-area:fl}
  .seg-finanse .f-wb-w .f-pop{margin-left:44px}
}

/* === 25.09: lista faktur na cały ekran, szerszy panel faktury, podgląd pliku w aplikacji, ranking faktur === */
.seg-finanse.pc .f-main.wypelnij{display:flex;flex-direction:column;overflow:hidden}
.seg-finanse.pc .f-main.wypelnij>*{flex:0 0 auto}
.seg-finanse.pc .f-main.wypelnij>.f-tab-w.przewijana{flex:1 1 auto;min-height:240px;max-height:none}
.seg-finanse.pc .f-det.szeroki{flex-basis:min(720px,48vw);width:min(720px,48vw)}
.seg-finanse .f-podglad-w{position:relative}
.seg-finanse .f-podglad-w iframe.f-podglad-pliku{height:min(66vh,820px);display:block}
.seg-finanse .f-podglad-klik{position:absolute;inset:0;border-radius:14px;background:transparent;cursor:zoom-in;display:flex;align-items:flex-end;justify-content:center;padding:14px}
.seg-finanse .f-podglad-klik span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(6,12,24,.78);color:#fff;font-size:12.5px;font-weight:600;opacity:.0;transition:opacity .15s}
.seg-finanse .f-podglad-klik:hover span,.seg-finanse .f-podglad-klik:focus-visible span{opacity:1}
.seg-finanse .f-fak-w{cursor:pointer}
.seg-finanse .f-fak-w.naj{border-color:var(--cyanLine);background:var(--cyanSoft)}
.seg-finanse .f-fak-w[aria-checked="true"]{border-color:var(--cyan,var(--cyanLine));box-shadow:0 0 0 1px var(--cyanLine) inset}
.seg-finanse .f-fak-suma{position:sticky;bottom:0;z-index:1;background:var(--surf2)}
.f-okno-pliku{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif}
.f-okno-pliku .tlo{position:absolute;inset:0;background:rgba(4,10,20,.74)}
.f-okno-pliku .okno{position:relative;width:min(1100px,96vw);height:95vh;height:95dvh;background:var(--surf);color:var(--ink);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.f-okno-pliku .gl{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--line)}
.f-okno-pliku .gl .ik{font-size:20px;color:var(--cyanInk)}
.f-okno-pliku .gl .t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.f-okno-pliku .gl .t b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-okno-pliku .gl .t span{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-okno-pliku .b{flex:0 0 auto;min-height:40px;min-width:40px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--surf2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer}
.f-okno-pliku .b:hover{border-color:var(--cyanLine)}
.f-okno-pliku .b.x{padding:0;font-size:18px}
.f-okno-pliku iframe{flex:1 1 auto;width:100%;border:0;background:#fff}
@media (max-width:640px){.f-okno-pliku .okno{width:100vw;height:100dvh;border-radius:0}.f-okno-pliku .b span{display:none}}

/* ===== Księgowość (02.10.2026): miesiąc dla księgowej — dwie kolumny obok siebie (faktury bez przelewu | przelewy bez faktury);
   wiersz = data · co · kwota, pod spodem przypisanie (select zapisuje od razu) i propozycja z rankingu ===== */
.seg-finanse .f-ks-stan{display:grid;gap:11px;padding:13px 14px}
.seg-finanse .f-ks-stan .t{display:block;font-size:15px;font-weight:600;line-height:1.3}
.seg-finanse .f-ks-stan .o{display:block;font-size:12px;color:var(--ink3)}
.seg-finanse .f-ks-stan.gotowe{border-color:var(--okLine);background:var(--okSoft)}
.seg-finanse .f-ks-licz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seg-finanse .f-ks-licz>div{display:grid;gap:5px;font-size:12px;color:var(--ink2);min-width:0}
.seg-finanse .f-ks-licz b{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink)}
.seg-finanse .f-ks-hist{display:grid;gap:2px}
.seg-finanse .f-ks-hist .f-poz{gap:8px;min-height:44px}
.seg-finanse .f-ks{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.seg-finanse.pc .f-ks{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.seg-finanse .f-ks-kol{padding:2px 6px 4px}
.seg-finanse .f-ks-gl{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surf);z-index:1;border-radius:16px 16px 0 0}
.seg-finanse .f-ks-gl .t{display:block;font-size:14.5px;font-weight:600}
.seg-finanse .f-ks-gl .o{display:block;font-size:11.5px;color:var(--ink3)}
.seg-finanse .f-ks-gl .ile{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:var(--cyanSoft);color:var(--cyanInk);display:inline-flex;align-items:center;justify-content:center}
.seg-finanse .f-ks-w{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;column-gap:8px;row-gap:6px;padding:9px 8px 10px;border-bottom:1px solid var(--line2)}
.seg-finanse .f-ks-w:last-child{border-bottom:0}
.seg-finanse .f-ks-w.akt{background:var(--cyanSoft);border-radius:12px}
.seg-finanse .f-ks-w .d{font-size:11.5px;font-weight:600;color:var(--ink2)}
.seg-finanse .f-ks-w .co{min-width:0;min-height:44px;display:grid;align-content:center;text-align:left}
.seg-finanse .f-ks-w .co .n{font-size:13px;font-weight:600}
.seg-finanse .f-ks-w .co .t{font-size:11.5px;color:var(--ink3)}
.seg-finanse .f-ks-w .co:hover .n{color:var(--cyanInk)}
.seg-finanse .f-ks-w .kw{font-size:14px;font-weight:700;text-align:right;white-space:nowrap}
.seg-finanse .f-ks-w .przyp{grid-column:2 / -1;display:grid;gap:6px;min-width:0}
.seg-finanse .f-ks-sel{width:100%;min-width:0;min-height:44px;font-size:13px}
.seg-finanse .f-ks-prop{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 10px;border-radius:12px;background:var(--cyanSoft);border:1px solid var(--cyanLine);font-size:12px;color:var(--ink2);min-width:0}
.seg-finanse .f-ks-prop>.ph{flex:0 0 auto;color:var(--cyanInk);font-size:15px}
.seg-finanse .f-ks-prop b{font-weight:600;color:var(--cyanInk)}
.seg-finanse .f-ks-prop .f-g{flex:0 0 auto}
.seg-finanse .f-ks-pusto{display:flex;gap:8px;align-items:center;padding:18px 10px;font-size:13px;color:var(--ink2)}
.seg-finanse .f-ks-pusto .ph{font-size:18px;flex:0 0 auto}

/* ===== 02.10.2026: na komputerze nagłówek ekranu stoi, przewija się sama lista (Bank, Czynsze, Lokatorzy, Księgowość) ===== */
.seg-finanse.pc .f-main.wypelnij>.f-przew{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:12px;align-content:start;margin:0 -6px -30px;padding:0 6px 30px;overscroll-behavior:contain}
.seg-finanse.pc .f-main.wypelnij{padding-bottom:0}
.seg-finanse.pc .f-przew[data-przew="ksieg"]{overflow:hidden;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;padding-bottom:22px;margin-bottom:0}
.seg-finanse.pc .f-przew[data-przew="ksieg"]>.f-ks{height:100%;min-height:0;align-items:stretch}
.seg-finanse.pc .f-przew[data-przew="ksieg"] .f-ks-kol{min-height:0;max-height:100%;overflow-y:auto;align-self:start}
.seg-finanse.pc .f-przew .f-przyklejony{bottom:0}
/* lokatorzy w panelu łączenia: nagłówek mieszkania nad grupą */
.seg-finanse .f-lok-gr{display:flex;align-items:center;gap:7px;padding:8px 4px 0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.seg-finanse .f-lok-gr .ph{font-size:14px}
/* „Wstecz” w nagłówku panelu szczegółów */
.seg-finanse .f-det-glowa .f-wstecz{flex:0 1 auto;max-width:46%;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 8px;border-radius:10px;border:1px solid var(--cyanLine);background:var(--cyanSoft);color:var(--cyanInk);font-size:12px;font-weight:600}
.seg-finanse .f-det-glowa .f-wstecz:hover{border-color:var(--cyan)}
.seg-finanse .f-det-glowa .f-wstecz .ph{flex:0 0 auto;font-size:14px}
/* Księgowość: osobny (i wielokrotny) wybór miesięcy faktur i przelewów (02.10.2026) */
.seg-finanse .f-ks-mies{display:grid;gap:8px;padding:8px 8px 10px;border-bottom:1px solid var(--line2)}
.seg-finanse .f-ks-mies-b{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--surf2);font-size:13px;font-weight:600;color:var(--ink);text-align:left;min-width:0}
.seg-finanse .f-ks-mies-b[aria-expanded="true"]{border-color:var(--cyanLine);background:var(--cyanSoft)}
.seg-finanse .f-ks-mies-l{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow-y:auto}
.seg-finanse .f-ks-mies-l .f-wybor{min-height:40px;text-transform:capitalize}
.seg-finanse .f-wb-kom.brak-m{border-color:var(--warn);color:var(--warn);font-weight:600}
/* notatka przy przelewie / uwaga przy fakturze i „brak faktury — zgubiona” (02.10.2026) */
.seg-finanse .f-not{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;margin-top:3px;padding:2px 7px;border-radius:7px;background:var(--warnSoft);border-left:3px solid var(--warn);color:var(--ink);font-size:11.5px;font-weight:500;line-height:1.35}
.seg-finanse .f-not .ph{flex:0 0 auto;color:var(--warn)}
.seg-finanse .f-not.f-not-fak{background:var(--surf2);border-left-color:var(--line);color:var(--ink2)}
.seg-finanse .f-not.f-not-fak .ph{color:var(--ink3)}
.seg-finanse .f-ks-w .przyp .f-not{margin:0 0 4px}
.seg-finanse .f-ks-w.zgub{box-shadow:inset 3px 0 0 var(--bad)}

/* 02.10.2026 — Bank: widoczny suwak przy przewijaniu wyciągu, dymek z pozycją, znacznik końca listy */
.seg-finanse .suwak{scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--ink3) 70%,transparent) color-mix(in srgb,var(--line) 45%,transparent)}
.seg-finanse .suwak::-webkit-scrollbar{width:12px;height:12px}
.seg-finanse .suwak::-webkit-scrollbar-track{background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:8px}
.seg-finanse .suwak::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink3) 70%,transparent);border-radius:8px;border:3px solid transparent;background-clip:padding-box;min-height:56px}
.seg-finanse .suwak::-webkit-scrollbar-thumb:hover{background-color:var(--ink2)}
.seg-finanse .f-suwak-info{position:fixed;z-index:45;pointer-events:none;padding:5px 10px;border-radius:10px;background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .2s}
.seg-finanse .f-suwak-info.widac{opacity:1}
.seg-finanse .f-koniec-listy{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px 18px;font-size:12px;color:var(--ink3)}
/* 02.10.2026 — Księgowość: „Do zwrotu” przy fakturze */
.seg-finanse .f-ks-zwrot{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surf);font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink2)}
.seg-finanse .f-ks-zwrot:hover:not(:disabled){border-color:var(--cyan);color:var(--ink)}

/* 02.10.2026 wieczór: link w treści (zwrot kaucji z wyciągu → przelew w Banku) */
#seg-finanse .f-link { background: none; border: 0; padding: 4px 2px; min-height: 32px; color: var(--cyan); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
/* 02.10.2026: pusty pokój na liście lokatorów (mieszkanie → pokoje) */
.seg-finanse .f-tr.f-pusty{opacity:.78;border:1px dashed var(--line);border-radius:12px;margin:2px 0}
.seg-finanse .f-tr.f-pusty .f-kaf{color:var(--ink3)}