/* =====================================================================
   /dokumenty — PRZEŁĄCZNIK KANAŁÓW + ANIMACJE
   Sekcja „Dwie drogi do systemu, jeden obieg" (zastępuje stary układ .d7-two).
   Prefiksy: d7-sw / d7-tabs / d7-tab / d7-stage / d7-shot + animacje da-*
   Ładowany TYLKO na /dokumenty (patrz: <link> po home.css/legal.css w pages/dokumenty.php).
   ===================================================================== */

/* ---------- PRZEŁĄCZNIK ---------- */
.d7-sw{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:24px;align-items:stretch;margin-top:34px}
.d7-tabs{display:grid;grid-auto-rows:1fr;align-content:center;gap:12px}
.d7-tab{position:relative;box-sizing:border-box;padding:16px 20px 18px;border-radius:16px;background:#fff;border:1px solid #E2E8F0;overflow:hidden;text-align:left;cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s}
.d7-tab:hover{border-color:#BFDBFE}
.d7-th{display:flex;align-items:center;gap:11px}
.d7-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#F1F5F9;color:#64748B;flex:none;transition:background .25s,color .25s}
.d7-ic svg{width:20px;height:20px}
.d7-tab h3{margin:0;font-size:16.5px;line-height:1.3;color:#334155;text-align:left}
/* cały kafelek klikalny: przycisk w nagłówku rozciągnięty na kafelek */
.d7-tbtn{all:unset;cursor:pointer}
.d7-tbtn::after{content:"";position:absolute;inset:0;border-radius:16px;z-index:1}
.d7-tbtn:focus-visible::after{outline:2px solid #2563EB;outline-offset:-2px}
.d7-tab p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#64748B}
.d7-tab ul{display:block;list-style:none;margin:8px 0 0;padding:0}
.d7-tab li{position:relative;margin:0;padding:3px 0 3px 26px;font-size:13.5px;line-height:1.4;color:#334155}
.d7-tab li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--okbg,#DCFCE7)}
.d7-tab li::after{content:"";position:absolute;left:5.5px;top:7px;width:4px;height:8px;border:solid var(--ok,#16A34A);border-width:0 2px 2px 0;transform:rotate(45deg)}
.d7-tab:not(.on) p,.d7-tab:not(.on) li{opacity:.6}
.d7-tab.on{border-color:#93C5FD;background:linear-gradient(180deg,#F8FBFF,#fff);box-shadow:0 12px 32px -12px rgba(37,99,235,.28)}
.d7-tab.on h3{color:#0F172A}
.d7-tab.on .d7-ic{background:#2563EB;color:#fff}
.d7-bar{position:absolute;left:0;right:0;bottom:0;height:3px}
.d7-bar i{display:block;height:100%;width:0;background:#2563EB}
.d7-tab.on .d7-bar{background:#E2E8F0}
.d7-tab.on .d7-bar i{animation:d7bar 10s linear forwards}
.d7-sw.paused .d7-tab.on .d7-bar i{animation-play-state:paused}
@keyframes d7bar{to{width:100%}}
.d7-stage{position:relative;align-self:center;border-radius:18px;box-shadow:0 30px 60px -24px rgba(15,23,42,.45)}
.d7-stage .d7-shot{margin:0;width:100%;border-radius:18px}
.d7-stage .d7-shot:not(.on){display:none}
/* kontener animacji (dotychczasowa ramka „Zrzut ekranu" .d7-shot) */
.d7-shot.da-host{display:block;position:relative;padding:0;border:0;height:auto;aspect-ratio:501/350;background:#0B1326;overflow:hidden}
@media (max-width:900px){
  .d7-sw{grid-template-columns:1fr;gap:14px}
  .d7-stage{order:-1;align-self:auto;border-radius:14px}
  .d7-stage .d7-shot{border-radius:14px}
  .d7-tbtn::after{border-radius:14px}
  .d7-tabs{grid-auto-rows:auto;gap:10px}
  .d7-tab{padding:14px 16px 16px}
  .d7-tab:not(.on) p,.d7-tab:not(.on) li{opacity:.7}
}
@media (prefers-reduced-motion: reduce){.d7-tab.on .d7-bar i{animation:none;width:100%}}

/* =====================================================================
   ANIMACJE /dokumenty — prefiks da-. Jednostki cqw. Pętla 10 s.
   ===================================================================== */
.da{position:absolute;inset:0;container-type:inline-size;overflow:hidden;background:#0B1326;font-family:"DM Sans",system-ui,sans-serif;color:#fff;border-radius:inherit}
.da *{box-sizing:border-box}
.da .bg{position:absolute;inset:0;background:radial-gradient(112cqw 64cqw at 78% 20%,#1E3A8A 0%,rgba(30,58,138,0) 60%),radial-gradient(80cqw 48cqw at 12% 90%,#1D4ED8 0%,rgba(29,78,216,0) 55%),#0B1326}
.da .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:8cqw 8cqw;mask-image:radial-gradient(112cqw 64cqw at 50% 50%,#000 30%,transparent 100%)}
.da .hd{font-family:"Bricolage Grotesque","DM Sans",sans-serif;font-weight:800;letter-spacing:-.02em}
.da .tick{width:3.84cqw;height:3.84cqw;border-radius:50%;background:#DCFCE7;position:relative;flex:none}
.da .tick::after{content:"";position:absolute;left:1.28cqw;top:0.64cqw;width:0.96cqw;height:1.76cqw;border:solid #16A34A;border-width:0 0.48cqw 0.48cqw 0;transform:rotate(45deg)}
.da .chip{display:inline-flex;align-items:center;font-size:1.84cqw;font-weight:700;padding:0.56cqw 1.44cqw;border-radius:3.2cqw;background:#DBEAFE;color:#1D4ED8;white-space:nowrap}
.da .chip.g{background:#DCFCE7;color:#15803D}.da .chip.a{background:#FEF3C7;color:#B45309}
.da .cap{position:absolute;left:0;right:0;bottom:0;height:8.32cqw;background:rgba(15,23,42,.85);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:2.4cqw;font-weight:600;color:#C9D6EF;z-index:5}
/* sloty pojawiania (pętla 10 s) */
.da .ap{opacity:0;animation:10s ease-out infinite}
.da .p1{animation-name:da-p1}.da .p2{animation-name:da-p2}.da .p3{animation-name:da-p3}.da .p4{animation-name:da-p4}.da .p5{animation-name:da-p5}.da .p6{animation-name:da-p6}
@keyframes da-p1{0%,40%{opacity:0;transform:translateY(1.6cqw)}44%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes da-p2{0%,50%{opacity:0;transform:translateY(1.6cqw)}54%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes da-p3{0%,57%{opacity:0;transform:translateY(1.6cqw)}61%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes da-p4{0%,64%{opacity:0;transform:translateY(1.6cqw)}68%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes da-p5{0%,72%{opacity:0;transform:translateY(1.6cqw)}76%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
@keyframes da-p6{0%,80%{opacity:0;transform:translateY(1.6cqw)}84%,92%{opacity:1;transform:translateY(0)}96%,100%{opacity:0}}
/* ---------- A: plik przez przeglądarkę ---------- */
.da .win{position:absolute;left:4.8cqw;top:4.8cqw;width:92.8cqw;height:52.8cqw;border-radius:1.92cqw;background:#F8FAFC;color:#0F172A;overflow:hidden;box-shadow:0 3.2cqw 8cqw rgba(0,0,0,.45);z-index:2}
.da .win .bar{height:4.8cqw;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;gap:0.8cqw;padding:0 1.6cqw}
.da .win .bar i{width:1.44cqw;height:1.44cqw;border-radius:50%;background:#CBD5E1}
.da .win .bar em{margin-left:1.6cqw;font-style:normal;font-size:1.68cqw;color:#64748B;background:#F1F5F9;border-radius:1.6cqw;padding:0.4cqw 1.92cqw}
.da .win .ttl{position:absolute;left:3.2cqw;top:6.88cqw;font-size:2.4cqw;font-weight:700}
.da .drop{position:absolute;left:3.2cqw;right:3.2cqw;top:12.16cqw;bottom:3.2cqw;border:0.4cqw dashed #CBD5E1;border-radius:1.6cqw;display:grid;place-items:center;text-align:center;font-size:2.08cqw;color:#64748B;animation:da-drop 10s linear infinite}
.da .drop b{display:block;font-size:2.56cqw;color:#0F172A;margin-bottom:0.48cqw}
@keyframes da-drop{0%,30%{border-color:#CBD5E1;background:transparent;opacity:1}33%,38%{border-color:#2563EB;background:#EFF6FF;opacity:1}42%,100%{opacity:0}}
.da .done{position:absolute;left:3.2cqw;right:3.2cqw;top:12.16cqw;bottom:3.2cqw;border-radius:1.6cqw;background:#fff;border:1px solid #E2E8F0;padding:2.24cqw 2.56cqw;display:flex;flex-direction:column;gap:1.44cqw}
.da .done .h{display:flex;align-items:center;gap:1.6cqw;font-size:2.16cqw;font-weight:700}
.da .done .h small{font-weight:600;color:#16A34A}
.da .done .pv{display:grid;grid-template-columns:12.8cqw 1fr;gap:1.92cqw;flex:1}
.da .done .thumb{background:#fff;border:1px solid #E2E8F0;border-radius:0.96cqw;padding:1.28cqw;position:relative}
.da .done .thumb .l{height:0.64cqw;border-radius:0.48cqw;background:#CBD5E1;margin-top:1.12cqw}.da .done .thumb .l.w{width:65%}
.da .done .thumb .t{font-size:1.28cqw;font-weight:800;letter-spacing:.08em}
.da .done .fl{display:flex;flex-direction:column;gap:0.96cqw}
.da .done .f{display:flex;align-items:center;gap:1.28cqw;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:1.12cqw;padding:0.72cqw 1.44cqw;font-size:1.84cqw}
.da .done .f .k{color:#64748B;font-weight:600;width:11.2cqw;flex:none;text-transform:uppercase;font-size:1.52cqw;letter-spacing:.05em}
.da .done .f b{font-weight:700}
.da .done .f .tick{margin-left:auto;width:3.2cqw;height:3.2cqw}.da .done .f .tick::after{left:1.04cqw;top:0.48cqw;width:0.8cqw;height:1.44cqw;border-width:0 0.4cqw 0.4cqw 0}
.da .fold{position:absolute;right:4.8cqw;top:4.8cqw;width:52.8cqw;height:52.8cqw;border-radius:1.92cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);padding:2.24cqw;z-index:1}
.da .fold .t{font-size:1.84cqw;color:#93C5FD;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.6cqw}
.da .fold .it{display:flex;align-items:center;gap:1.28cqw;font-size:1.92cqw;padding:0.96cqw 1.28cqw;border-radius:1.12cqw;color:#C9D6EF}
.da .fold .it i{width:2.88cqw;height:3.52cqw;border-radius:0.48cqw;background:#fff;flex:none;position:relative}
.da .fold .it i::after{content:"PDF";position:absolute;left:0;right:0;bottom:0.32cqw;text-align:center;font-size:0.96cqw;font-weight:800;color:#7C3AED}
.da .fold .it.me{background:rgba(37,99,235,.25);color:#fff;font-weight:700}
.da .file{position:absolute;left:113.6cqw;top:19.2cqw;width:17.6cqw;height:17.6cqw;border-radius:1.28cqw;background:#fff;color:#0F172A;box-shadow:0 2.4cqw 6.4cqw rgba(0,0,0,.45);padding:1.44cqw;z-index:4;animation:da-file 10s cubic-bezier(.4,0,.2,1) infinite}
.da .file::before{content:"PDF";position:absolute;right:1.12cqw;top:1.12cqw;font-size:1.36cqw;font-weight:800;color:#fff;background:#7C3AED;border-radius:0.64cqw;padding:0.24cqw 0.72cqw}
.da .file .fn{font-size:1.6cqw;font-weight:700;margin-top:3.52cqw;word-break:break-all;line-height:1.25}
@keyframes da-file{0%,8%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1;transform:translate(0,0) rotate(-3deg)}30%{opacity:1;transform:translate(-70.4cqw,9.6cqw) rotate(2deg)}36%{opacity:1;transform:translate(-70.4cqw,9.6cqw) scale(.9)}40%,100%{opacity:0;transform:translate(-70.4cqw,9.6cqw) scale(.6)}}
.da .cur{position:absolute;left:123.2cqw;top:28.8cqw;width:3.84cqw;height:3.84cqw;z-index:6;animation:da-cur 10s cubic-bezier(.4,0,.2,1) infinite}
.da .cur svg{width:100%;height:100%;filter:drop-shadow(0 0.48cqw 0.96cqw rgba(0,0,0,.5))}
@keyframes da-cur{0%,6%{opacity:0;transform:translate(0,0)}9%{opacity:1;transform:translate(0,0)}12%{transform:translate(0,0)}30%{opacity:1;transform:translate(-70.4cqw,9.6cqw)}36%{opacity:1;transform:translate(-70.4cqw,9.6cqw)}42%{opacity:0;transform:translate(-64cqw,16cqw)}100%{opacity:0}}
/* ---------- B: aplikacja mobilna ---------- */
.da .ph{position:absolute;left:8cqw;top:4cqw;width:27.2cqw;height:60.8cqw;border-radius:4.16cqw;background:#0F172A;border:0.48cqw solid #334155;box-shadow:0 3.2cqw 8cqw rgba(0,0,0,.55);z-index:2;overflow:hidden}
.da .ph .vf{position:absolute;inset:1.28cqw 1.12cqw;border-radius:3.2cqw;background:#F8FAFC;color:#0F172A;overflow:hidden}
.da .ph .notch{position:absolute;left:50%;top:2.08cqw;width:7.2cqw;height:1.6cqw;border-radius:1.6cqw;background:#0B1326;transform:translateX(-50%);z-index:3}
.da .ph .hdr{padding:4.48cqw 1.76cqw 0;font-size:1.84cqw;font-weight:800}
.da .ph .cam{position:absolute;left:1.44cqw;right:1.44cqw;top:8cqw;height:27.2cqw;border-radius:1.6cqw;background:#1E293B;overflow:hidden}
.da .rcp{position:absolute;left:50%;top:3.2cqw;width:13.6cqw;height:20.8cqw;transform:translateX(-50%) rotate(-3deg);background:#fff;border-radius:0.64cqw;padding:1.44cqw 1.28cqw;box-shadow:0 1.28cqw 3.2cqw rgba(0,0,0,.4);animation:da-rcp 10s ease-in-out infinite}
.da .rcp .t{font-size:1.2cqw;font-weight:800;text-align:center;letter-spacing:.1em;color:#0F172A}
.da .rcp .l{height:0.56cqw;border-radius:0.48cqw;background:#CBD5E1;margin-top:1.04cqw}.da .rcp .l.w{width:70%}.da .rcp .l.x{width:50%}
.da .rcp .s{margin-top:1.44cqw;border-top:1px dashed #CBD5E1;padding-top:0.8cqw;display:flex;justify-content:space-between;font-size:1.2cqw;font-weight:800;color:#0F172A}
@keyframes da-rcp{0%,24%{transform:translateX(-50%) rotate(-3deg) scale(1)}28%{transform:translateX(-50%) rotate(-3deg) scale(1.04)}32%,100%{transform:translateX(-50%) rotate(-3deg) scale(1)}}
.da .frame i{position:absolute;width:3.2cqw;height:3.2cqw;border:0.4cqw solid #60A5FA}
.da .frame i:nth-child(1){left:1.92cqw;top:1.92cqw;border-right:0;border-bottom:0}.da .frame i:nth-child(2){right:1.92cqw;top:1.92cqw;border-left:0;border-bottom:0}.da .frame i:nth-child(3){left:1.92cqw;bottom:1.92cqw;border-right:0;border-top:0}.da .frame i:nth-child(4){right:1.92cqw;bottom:1.92cqw;border-left:0;border-top:0}
.da .flash{position:absolute;inset:0;background:#fff;opacity:0;animation:da-flash 10s linear infinite}
@keyframes da-flash{0%,27%{opacity:0}28%{opacity:.95}31%{opacity:0}100%{opacity:0}}
.da .btns{position:absolute;left:1.44cqw;right:1.44cqw;top:37.12cqw;display:flex;flex-direction:column;gap:1.12cqw}
.da .btns span{height:4.8cqw;border-radius:1.28cqw;display:grid;place-items:center;font-size:1.68cqw;font-weight:700}
.da .btns .b1{background:#2563EB;color:#fff;animation:da-b1 10s linear infinite}
.da .btns .b2{border:1px solid #CBD5E1;color:#0F172A;background:#fff}
@keyframes da-b1{0%,22%{transform:scale(1)}25%{transform:scale(.95)}28%,100%{transform:scale(1)}}
.da .fg{position:absolute;left:20cqw;top:43.2cqw;width:4.8cqw;height:4.8cqw;border-radius:50%;background:rgba(37,99,235,.35);border:0.4cqw solid #60A5FA;z-index:6;opacity:0;animation:da-fg 10s ease-in-out infinite}
.da .fg::after{content:"";position:absolute;inset:0.88cqw;border-radius:50%;background:#fff;opacity:.9}
@keyframes da-fg{0%,20%{opacity:0;transform:scale(1.3)}23%{opacity:1;transform:scale(1)}26%{opacity:1;transform:scale(.9)}29%,100%{opacity:0;transform:scale(1.3)}}
.da .ptoast{position:absolute;left:1.44cqw;right:1.44cqw;top:48.8cqw;background:#fff;border:1px solid #E2E8F0;border-radius:1.44cqw;padding:1.12cqw 1.44cqw;display:flex;align-items:center;gap:1.12cqw;box-shadow:0 1.28cqw 3.2cqw rgba(0,0,0,.15)}
.da .ptoast .d{font-size:1.6cqw;font-weight:700;line-height:1.2}.da .ptoast .m{font-size:1.36cqw;color:#64748B}
.da .ptoast .tick{width:3.2cqw;height:3.2cqw}.da .ptoast .tick::after{left:1.04cqw;top:0.48cqw;width:0.8cqw;height:1.44cqw;border-width:0 0.4cqw 0.4cqw 0}
.da .pnl{position:absolute;left:44.8cqw;right:4.8cqw;top:4.8cqw;height:52.8cqw;border-radius:1.92cqw;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);padding:0 0 1.6cqw;z-index:1;overflow:hidden}
.da .pnl .ab{height:6.4cqw;display:flex;align-items:center;gap:1.28cqw;padding:0 2.4cqw;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);font-size:2.24cqw;font-weight:700}
.da .pnl .ab i{width:1.76cqw;height:1.76cqw;border-radius:50%;background:#2563EB}
.da .pnl .ab em{margin-left:auto;font-style:normal;font-size:1.76cqw;color:#93C5FD;font-weight:600}
.da .row{margin:1.6cqw 2.08cqw 0;min-height:8.32cqw;border-radius:1.6cqw;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.76cqw;padding:1.12cqw 1.92cqw}
.da .row b.ic{width:4.8cqw;height:4.8cqw;border-radius:1.28cqw;display:grid;place-items:center;font-size:1.6cqw;font-weight:800;flex:none;background:#FEF3C7;color:#B45309}
.da .row b.ic.v{background:#DBEAFE;color:#1D4ED8}
.da .row .n{font-size:2.16cqw;font-weight:700;line-height:1.2}.da .row .m{font-size:1.76cqw;color:#93C5FD;margin-top:0.24cqw}
.da .row .z{margin-left:auto;text-align:right;font-size:2.08cqw;font-weight:700;white-space:nowrap}
.da .av{width:4.8cqw;height:4.8cqw;border-radius:50%;display:grid;place-items:center;font-size:1.68cqw;font-weight:800;color:#fff;flex:none;background:linear-gradient(135deg,#F59E0B,#B45309);border:0.24cqw solid rgba(255,255,255,.25)}
.da .fly{position:absolute;left:12.8cqw;top:19.2cqw;width:14.4cqw;height:17.6cqw;border-radius:1.12cqw;background:#fff;color:#0F172A;box-shadow:0 1.92cqw 4.8cqw rgba(0,0,0,.45);padding:1.28cqw;z-index:5;opacity:0;animation:da-fly 10s cubic-bezier(.4,0,.2,1) infinite}
.da .fly .t{font-size:1.2cqw;font-weight:800;letter-spacing:.1em;text-align:center}
.da .fly .l{height:0.56cqw;border-radius:0.48cqw;background:#CBD5E1;margin-top:0.96cqw}.da .fly .l.w{width:70%}
.da .fly .s{margin-top:1.28cqw;font-size:1.44cqw;font-weight:800;text-align:right}
@keyframes da-fly{0%,33%{opacity:0;transform:translate(0,0) scale(.6)}36%{opacity:1;transform:translate(0,0) scale(1)}39%{opacity:1;transform:translate(0,0) scale(1)}48%{opacity:1;transform:translate(38.4cqw,-4.8cqw) scale(.45)}51%,100%{opacity:0;transform:translate(41.6cqw,-4.8cqw) scale(.3)}}
@media (prefers-reduced-motion: reduce){.da *{animation:none!important}.da .ap{opacity:1}.da .drop{opacity:0}.da .file,.da .cur,.da .fly,.da .fg{opacity:0!important}}

/* ---- format 10:7 (501×350): pionowo i fonty ×1.6, układ poziomy bez zmian ---- */
.da .win{left:3cqw;width:58cqw;top:4cqw;height:58cqw}
.da .fold{right:3cqw;width:33cqw;top:4cqw;height:58cqw}
.da .file{left:71cqw;width:15cqw;height:15cqw}
.da .cur{left:78cqw}
@keyframes da-file{0%,8%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1;transform:translate(0,0) rotate(-3deg)}30%{opacity:1;transform:translate(-46cqw,10cqw) rotate(2deg)}36%{opacity:1;transform:translate(-46cqw,10cqw) scale(.9)}40%,100%{opacity:0;transform:translate(-46cqw,10cqw) scale(.6)}}
@keyframes da-cur{0%,6%{opacity:0;transform:translate(0,0)}9%{opacity:1;transform:translate(0,0)}12%{transform:translate(0,0)}30%{opacity:1;transform:translate(-46cqw,10cqw)}36%{opacity:1;transform:translate(-46cqw,10cqw)}42%{opacity:0;transform:translate(-42cqw,14cqw)}100%{opacity:0}}
/* A: wiersz „dodano" i pola — w jednej linii, bez zawijania */
.da .done{padding:1.8cqw 2cqw;gap:1.2cqw}
.da .done .h{font-size:1.9cqw;white-space:nowrap;gap:1.2cqw}
.da .done .pv{grid-template-columns:10.5cqw 1fr;gap:1.5cqw}
.da .done .f{font-size:1.7cqw;white-space:nowrap;padding:0.6cqw 1.2cqw;gap:1cqw}
.da .done .f .k{width:7.5cqw;font-size:1.3cqw}
.da .done .f .chip{font-size:1.45cqw;padding:0.4cqw 1.1cqw}
/* B: telefon w proporcji ~1:2 (jak prawdziwy), ekran wypełniony */
.da .ph{left:4.5cqw;width:29cqw;top:4cqw;height:58cqw;border-radius:4.4cqw;border-width:0.6cqw}
.da .ph .vf{inset:1.1cqw 1.0cqw;border-radius:3.4cqw}
.da .ph .notch{width:8cqw;height:1.7cqw;top:2.1cqw}
.da .ph .hdr{padding:4.8cqw 2cqw 0;font-size:2cqw}
.da .ph .cam{left:1.6cqw;right:1.6cqw;top:8.4cqw;height:27cqw}
.da .btns{left:1.6cqw;right:1.6cqw;top:37.4cqw;gap:1.2cqw}
.da .btns span{height:5cqw;font-size:1.8cqw}
.da .fg{left:18cqw;top:43.4cqw}
.da .ptoast{left:1.6cqw;right:1.6cqw;top:49.6cqw}
.da .pnl{left:38cqw;right:3cqw;top:4cqw;height:58cqw}
.da .fly{left:11cqw;top:19cqw}
@keyframes da-fly{0%,33%{opacity:0;transform:translate(0,0) scale(.6)}36%{opacity:1;transform:translate(0,0) scale(1)}39%{opacity:1;transform:translate(0,0) scale(1)}48%{opacity:1;transform:translate(34cqw,-6cqw) scale(.45)}51%,100%{opacity:0;transform:translate(36cqw,-6cqw) scale(.3)}}
.da .cap{height:7cqw;font-size:2cqw}
/* B: telefon — zmieszczony komunikat „Paragon dodany" */
.da .ph .cam{height:24cqw}
.da .btns{top:34.2cqw}
.da .fg{top:40cqw}
.da .ptoast{top:46.4cqw}
.da .pnl .row{margin-top:2cqw}
.da .row>div:not(.z){text-align:left;min-width:0}
/* A: pola odczytu — wypełniają kartę, nic nie wystaje */
.da .done .pv{grid-template-columns:9cqw minmax(0,1fr);gap:1.4cqw}
.da .done .fl{gap:1.3cqw;min-width:0}
.da .done .f{min-width:0;overflow:hidden;gap:0.8cqw;padding:1.3cqw 1.2cqw;font-size:1.85cqw}
.da .done .f .k{width:7.6cqw;font-size:1.4cqw;letter-spacing:.03em}
.da .done .f .chip{font-size:1.35cqw;padding:0.35cqw 0.9cqw}
.da .done .thumb .l{margin-top:1.5cqw}
/* A: bez miniatury — pola na całą szerokość karty */
.da .done .pv{grid-template-columns:minmax(0,1fr)}
.da .done .f .k{width:9cqw}