/* ==========================================================================
   2Click Revenue · sceny animowane w kartach modułów (prefiks .sc-)
   Jedna karta = jeden kluczowy element interfejsu, który pokazuje mechanizm
   w pętli (js/scenes.js). Scena ma stałą wysokość, żeby zoom do pola ekranu
   (js/crm.js) był stabilny. ?qa=1 i prefers-reduced-motion = stan końcowy.
   ========================================================================== */
.c-scene{height:520px;display:flex;flex-direction:column;overflow:hidden}
.c-scene [hidden]{display:none!important}
.c-scene .sc-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px;min-height:0;position:relative}
.sc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:18px;color:var(--muted)}
.sc-head b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}
.sc-head .r{display:flex;gap:6px;align-items:center}
/* kafle KPI */
.sc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc-kpi{padding:10px 12px;border-radius:10px;background:var(--paper-2);display:flex;flex-direction:column;gap:2px;transition:background .4s,box-shadow .4s}
.sc-kpi .meta{font-size:11px}
.sc-kpi b{font-size:20px;line-height:26px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-kpi span:last-child{font-size:12px;color:var(--muted)}
.sc-kpi.is-hot{background:var(--accent-tint);box-shadow:inset 0 0 0 1.5px var(--accent)}
/* wiersze i wejścia */
.sc-feed{display:flex;flex-direction:column;gap:6px;min-height:0}
.sc-enter{animation:sc-in .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes sc-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.sc-out{animation:sc-out .35s ease both}
@keyframes sc-out{to{opacity:0;transform:translateY(8px)}}
.sc-src{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--accent-tint);color:var(--accent-text);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.sc-src--man{background:var(--paper-3);color:var(--muted)}
.sc-badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;background:var(--accent-tint);color:var(--accent-text);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:sc-pulse 1.2s ease-in-out infinite}
@keyframes sc-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 45%,transparent)}60%{box-shadow:0 0 0 7px transparent}}
.sc-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:transform .15s,background .3s}
.sc-btn.is-pressed{transform:scale(.9)}
.sc-btn--ghost{background:var(--paper-3);color:var(--ink)}
.sc-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;background:#fff;color:#fff;transition:background .3s,border-color .3s;flex:none}
.sc-check .lucide{width:12px;height:12px;opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s}
.is-done .sc-check{background:var(--accent);border-color:var(--accent)}
.is-done .sc-check .lucide{opacity:1;transform:none}
.c-row.is-done{opacity:.5}
.c-row.sc-row--check{grid-template-columns:20px minmax(0,1fr) auto auto}
.c-row.sc-row--check.sc-row--2{grid-template-columns:20px minmax(0,1fr) auto}
.c-row.is-hot{box-shadow:inset 0 0 0 1.5px var(--accent);background:#fff}
.c-row .c-row__m.is-hot{color:var(--accent-text)}
/* kanban */
.sc-kan .c-kan__col{min-height:0;transition:background .3s}
.sc-kan .c-kan__col.is-target{background:var(--accent-tint)}
.c-kc.is-won{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-tint)}
.c-kc .sc-badge{align-self:flex-start;margin-top:4px}
.c-kc{transition:box-shadow .3s,background .3s}
/* kalendarz */
.sc-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:1;min-height:0}
.sc-day{background:var(--paper-2);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sc-day h5{margin:0 0 2px;font-size:12px;line-height:16px;font-weight:500}
.sc-day h5 span{display:block;font-size:11px;color:var(--muted);font-weight:400}
.sc-day.is-today{box-shadow:inset 0 0 0 1.5px var(--accent)}
.sc-ev{background:#fff;border-left:3px solid var(--line-strong);border-radius:8px;padding:6px 8px;font-size:11px;line-height:15px;color:var(--muted);transition:all .4s}
.sc-ev b{display:block;font-weight:500;font-size:12px;line-height:16px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ev--prop{border:1px dashed var(--accent);border-left:3px dashed var(--accent);background:transparent}
.sc-ev--sig{border-left-color:var(--accent);background:#fff;border-top:0;border-right:0;border-bottom:0}
.sc-ev .sc-btn{margin-top:6px;height:22px;padding:0 8px;font-size:10px}
/* etapy (leady) */
.sc-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:1;min-height:0}
.sc-stage{background:var(--paper-2);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:background .3s}
.sc-stage.is-target{background:var(--accent-tint)}
.sc-stage h5{margin:0;font-size:12px;line-height:16px;font-weight:500}
.sc-stage h5 span{display:block;font-size:11px;color:var(--muted);font-weight:400}
.sc-av{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;font-weight:600}
/* paski */
.sc-bars .c-bar .trk i{transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.sc-bars .c-bar.is-warn .n{color:#A6432F}
.sc-bars .c-bar .trk i.warn{background:#D9A09A}
/* przepływ (API) */
.sc-flow{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:12px;flex:1;min-height:0}
.sc-sys{background:var(--paper-2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;text-align:center;font-size:12px;color:var(--muted)}
.sc-sys b{font-size:14px;color:var(--ink);font-weight:500}
.sc-sys .lucide{width:22px;height:22px;color:var(--accent-text);margin-bottom:4px}
.sc-lanes{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 8px}
.sc-lane{position:relative;height:2px;background:var(--line);border-radius:2px}
.sc-lane .lb{position:absolute;left:0;top:8px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sc-lane--back .lb{left:auto;right:0}
.sc-dot{position:absolute;top:-12px;left:0;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:11px;white-space:nowrap;opacity:0;transition:left 1.6s linear,opacity .3s}
.sc-dot .lucide{width:12px;height:12px;color:var(--accent-text)}
.sc-dot.is-go{opacity:1}
/* sekwencja */
.c-seq__s.is-stop{opacity:.4}
.c-seq__s.is-stop b{text-decoration:line-through}
.sc-bubble{align-self:flex-start;margin-left:76px;padding:8px 12px;border-radius:12px 12px 12px 4px;background:var(--accent-tint);color:var(--ink);font-size:12px;line-height:17px;max-width:72%}
.sc-bubble span{display:block;font-size:11px;color:var(--muted)}
/* przełącznik */
.sc-toggle{width:36px;height:20px;border-radius:999px;background:var(--line-strong);position:relative;transition:background .3s;flex:none}
.sc-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .3s}
.sc-toggle.is-on{background:var(--accent)}
.sc-toggle.is-on::after{left:18px}
.sc-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}
/* fala głosu i tekst */
.sc-wave{display:inline-flex;gap:3px;align-items:center;height:18px}
.sc-wave i{width:3px;height:6px;border-radius:2px;background:var(--accent);animation:sc-wave .8s ease-in-out infinite}
.sc-wave i:nth-child(2){animation-delay:.1s}.sc-wave i:nth-child(3){animation-delay:.2s}.sc-wave i:nth-child(4){animation-delay:.3s}.sc-wave i:nth-child(5){animation-delay:.4s}.sc-wave i:nth-child(6){animation-delay:.5s}
@keyframes sc-wave{0%,100%{height:5px}50%{height:16px}}
.sc-typed{min-height:34px;font-size:12px;line-height:17px;color:var(--ink)}
.sc-typed::after{content:"";display:inline-block;width:1px;height:12px;background:var(--ink);margin-left:2px;vertical-align:-2px;animation:sc-caret 1s steps(2) infinite}
@keyframes sc-caret{50%{opacity:0}}
.sc-typed.is-done::after{display:none}
/* chipy filtrów */
.sc-chips{display:flex;flex-wrap:wrap;gap:6px}
.sc-chips .xc{transition:background .3s,color .3s}
.sc-chips .xc.is-on{background:var(--ink);color:#fff}
/* tabela z paskiem odzysku */
.sc-prog{height:6px;border-radius:999px;background:var(--paper-3);overflow:hidden;margin-top:4px}
.sc-prog i{display:block;height:100%;border-radius:999px;background:var(--grad-brand);width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.sc-tbl .r{transition:background .3s}
.sc-tbl .r.is-hot{background:var(--accent-tint);border-radius:8px}
/* telefon: scena */
.c-phone.c-scene{height:536px;padding:14px 14px 16px;gap:8px}
.c-phone.c-scene .c-phone__v{transition:opacity .4s,box-shadow .4s,background .4s}
.c-phone__note{padding:10px;border-radius:12px;background:var(--paper-2);display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}
.c-phone__note b{font-size:12px;color:var(--ink);font-weight:500}
@media (max-width:700px){
  .page-winzoom .b-card__screen .b-win.c-scene{width:760px;zoom:1}
  .c-phone.c-scene{width:280px;height:536px;padding:14px 14px 16px}
}

/* ==========================================================================
   Sceny na prawdziwych ekranach CRE Prototyp (sprite'y z eksportów Figma)
   .sc-stage = kadr ekranu w skali 1:1; .sc-sp = wycięty element (ruchomy);
   .sc-ov = nakładka HTML w stylach CRE (Manrope, tokeny prototypu).
   ========================================================================== */
.sc-stage{display:block;position:relative;overflow:hidden;background:#e3e4e4;font-family:"Manrope",system-ui,sans-serif;color:#1c1f23;font-size:14px;line-height:20px;letter-spacing:0}
.page-winzoom .b-card__screen .sc-stage img{position:absolute;max-width:none;max-height:none;width:auto;height:auto;border-radius:0;background:none;display:block}
.sc-stage .sc-bg{left:0;top:0;width:100%!important;height:100%!important;pointer-events:none}
.sc-sp{position:absolute;z-index:2;will-change:transform;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s ease}
.sc-sp > img{left:0;top:0;width:100%!important;height:100%!important}
.sc-sp.is-lift{z-index:6;filter:drop-shadow(0 14px 26px rgba(28,31,35,.22))}
.sc-sp.is-pressed > img{transform:scale(.97);filter:brightness(.9)}
.sc-sp.is-dim{opacity:.42}
.sc-ov{position:absolute;z-index:4;white-space:nowrap;transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.sc-ov.is-pressed{transform:scale(.97);filter:brightness(.9)}
.is-off{opacity:0;pointer-events:none}
.sc-ov.is-off{transform:translateY(-8px)}
.sc-sp.is-off{transform:translateY(-8px)}
.sc-now{transition-duration:0s!important}
.sc-noanim *,.sc-noanim *::before,.sc-noanim *::after{transition:none!important;animation:none!important}
/* typografia CRE */
.cre-kpi{font-size:36px;line-height:40px;font-weight:300;letter-spacing:-.5px;color:#1c1f23;font-variant-numeric:tabular-nums}
.cre-kpi--xl{font-size:54px;line-height:56px;letter-spacing:-1.2px;display:flex;align-items:baseline;gap:8px}
.cre-kpi--xl small{font-size:22px;line-height:24px;letter-spacing:0;font-weight:400}
.cre-cap{font-size:12px;line-height:16px;font-weight:400;color:#646c75}
.cre-cap--strong{font-weight:600}
.cre-body{font-size:14px;line-height:20px;font-weight:400;color:#1c1f23}
.cre-body--strong{font-weight:600}
.cre-c-risk{color:#b8322c}.cre-c-opp{color:#237a46}.cre-c-acc{color:#2f5670}.cre-c-warn{color:#b9781f}
.cre-num{font-size:16px;line-height:24px;font-weight:600;color:#1c1f23;font-variant-numeric:tabular-nums}
.cre-eyebrow{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#646c75}
.cre-grp{display:inline-block;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#646c75;background:#f7f7f5;padding-right:6px}
/* odznaki, tagi, pigułki, chipy, przyciski */
.cre-n{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:#eef0f2;font-size:12px;line-height:16px;font-weight:600;color:#646c75}
.cre-n--warn{background:#fbefd9;color:#b9781f}
.cre-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:#eef0f2;font-size:12px;line-height:16px;font-weight:600;color:#646c75}
.cre-tag .lucide{width:13px;height:13px}
.cre-tag--ink{background:#1c1f23;color:#fff}.cre-tag--risk{background:#f7e4e1;color:#b8322c}.cre-tag--opp{background:#e3f1e8;color:#237a46}.cre-tag--warn{background:#fbefd9;color:#b9781f}.cre-tag--accent{background:#e1eaf0;color:#2f5670}
.cre-tag--outline{background:#fff;box-shadow:inset 0 0 0 1px #dde1e5;color:#646c75;font-weight:400}
.cre-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;border-radius:999px;background:#eef0f2;font-size:12px;line-height:16px;font-weight:600;color:#646c75;white-space:nowrap}
.cre-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.cre-pill--opp{background:#e3f1e8;color:#237a46}.cre-pill--planned{background:#e1eaf0;color:#2f5670}.cre-pill--warn{background:#fbefd9;color:#b9781f}.cre-pill--soft{background:#eef0f2;color:#646c75}
.cre-pill.is-stop{opacity:.5;text-decoration:line-through}
.cre-chip{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 15px;border-radius:999px;background:#f5f6f8;box-shadow:inset 0 0 0 1px #dde1e5;font-size:13px;line-height:18px;font-weight:600;color:#1c1f23;transition:background .3s,color .3s,box-shadow .3s}
.cre-chip.is-active{background:#1c1f23;color:#fff;box-shadow:none}
.cre-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:#1c1f23;color:#fff;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}
.cre-btn .lucide{width:16px;height:16px}
.cre-btn--sec{background:#f5f6f8;box-shadow:inset 0 0 0 1px #dde1e5;color:#1c1f23}
.cre-btn--soft{background:#e1eaf0;color:#2f5670}
.cre-btn--sm{height:32px;padding:0 12px;font-size:13px;border-radius:10px}
.cre-btn--xs{height:30px;padding:0 12px;font-size:12px;border-radius:10px}
.cre-btn[data-minw]{min-width:196px}
.cre-check{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1.5px #c9cdd2;transition:background .25s,box-shadow .25s}
.cre-check::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0;transition:opacity .2s}
.cre-check.is-checked{background:#1c1f23;box-shadow:inset 0 0 0 1.5px #1c1f23}
.cre-check.is-checked::after{opacity:1}
.cre-tile{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eef0f2;color:#646c75}
.cre-tile .lucide{width:16px;height:16px}
.cre-tile--opp{background:#e3f1e8;color:#237a46}.cre-tile--risk{background:#f7e4e1;color:#b8322c}.cre-tile--acc{background:#e1eaf0;color:#2f5670}.cre-tile--warn{background:#fbefd9;color:#b9781f}.cre-tile--soft{background:#eef0f2;color:#646c75}
/* ramki uwagi, toast */
.cre-ring{box-shadow:0 0 0 2px #2f5670;border-radius:12px;animation:cre-ring 1.1s ease-in-out infinite;pointer-events:none}
.cre-ring--risk{box-shadow:0 0 0 2px #b8322c}
.cre-ring--pill{border-radius:999px}.cre-ring--r24{border-radius:24px}
@keyframes cre-ring{0%,100%{opacity:1}50%{opacity:.35}}
.sc-ov.cre-ring.is-off{transform:none}
.cre-toast{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:12px;background:#1c1f23;color:#fff;font-size:12px;line-height:16px;font-weight:500;box-shadow:0 10px 24px rgba(28,31,35,.22)}
.cre-toast .lucide{width:15px;height:15px;color:#9fd3b4}
.sc-ov.cre-toast.is-off{transform:translateY(10px)}
/* wiersze i wpisy w stylu CRE */
.cre-change{display:grid;grid-template-columns:8px minmax(0,1fr);grid-template-rows:20px 16px;column-gap:10px;row-gap:2px;height:38px;align-items:start;white-space:normal}
.cre-change::before{content:"";grid-row:1/3;grid-column:1;width:8px;height:8px;border-radius:50%;background:#1c1f23;margin-top:6px}
.cre-change b,.cre-change > span{grid-column:2}
.cre-change--acc::before{background:#2f5670}.cre-change--opp::before{background:#237a46}
.cre-change b{display:block;font-size:14px;line-height:20px;font-weight:400;color:#1c1f23;white-space:nowrap}
.cre-change > span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:#646c75;height:16px}
.cre-change .sc-typed{min-height:0;font-size:12px;line-height:16px;color:#646c75;white-space:nowrap}
.cre-change .sc-wave{height:14px}
.cre-change .sc-wave i{background:#2f5670}
.cre-prow{display:grid;grid-template-columns:18px 32px minmax(0,1fr);column-gap:12px;align-items:center;padding-left:17px;height:71px;background:#fff;border-bottom:1px solid #ebebe8;white-space:normal}
.cre-prow .av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef0f2;font-size:12px;font-weight:600;color:#646c75}
.cre-prow .t b{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}
.cre-prow .t > span{display:block;font-size:12px;line-height:16px;color:#646c75;margin-top:2px;white-space:nowrap}
.cre-prow .typ{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#e1eaf0;color:#2f5670;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.cre-prow .p{position:absolute;left:352px;top:15px;display:flex;flex-direction:column;gap:2px}
.cre-prow .p b{font-size:14px;line-height:20px;font-weight:400;white-space:nowrap}
.cre-prow .p span{font-size:12px;line-height:16px;color:#646c75;white-space:nowrap}
.cre-prow .sla{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;background:#fbefd9;color:#b9781f;font-size:11px;font-weight:600;margin-left:6px;vertical-align:1px}
.cre-prow .sla.is-ok{background:#e3f1e8;color:#237a46}
.cre-ev2{display:grid;grid-template-columns:58px 32px minmax(0,1fr);column-gap:10px;align-items:center;padding-left:21px;height:53px;background:#fff;border-bottom:1px solid #ebebe8;white-space:normal}
.cre-ev2 .d{font-size:12px;line-height:16px;color:#646c75}
.cre-ev2 .t b{display:block;font-size:14px;line-height:20px;font-weight:400;white-space:nowrap}
.cre-ev2 .t span{display:block;font-size:12px;line-height:16px;color:#646c75;white-space:nowrap;margin-top:2px}
.cre-log{display:flex;flex-direction:column;gap:4px}
.cre-log > span{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:#646c75;transition:opacity .4s}
.cre-log .lucide{width:14px;height:14px;color:#2f5670;flex:none}
/* kalendarz */
.cre-ev{box-sizing:border-box;padding:6px 10px 6px 13px;border-radius:10px;background:#f1f1ef;box-shadow:inset 3px 0 0 #1c1f23;white-space:normal;overflow:hidden}
.cre-ev b{display:block;font-size:12px;line-height:16px;font-weight:600;color:#1c1f23;white-space:nowrap}
.cre-ev .l{display:block;font-size:12px;line-height:18px;color:#1c1f23}
.cre-ev .d{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:1px;background:#646c75}
.cre-ev .d--risk{background:#b8322c}.cre-ev .d--acc{background:#2f5670}.cre-ev .d--opp{background:#237a46}
.cre-ev > span:not(.l){display:block;font-size:12px;line-height:16px;color:#646c75}
.cre-ev--late{background:#f7e4e1;box-shadow:inset 3px 0 0 #b8322c}
.cre-ev--late b{color:#b8322c}.cre-ev--late > span{color:#b8322c;opacity:.8}
/* pasek planu */
.cre-planbar{display:flex;align-items:center;height:44px;border-radius:999px;background:#1c1f23;color:#fff;padding-left:18px;font-size:14px;line-height:20px;font-weight:600;transition:width 1.2s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.cre-barfill{height:6px;border-radius:3px;background:#2f5670;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
/* sekwencja */
.cre-sentrow{display:flex;align-items:center;gap:12px;background:#fff}
.cre-seq{display:flex;flex-direction:column;gap:7px;box-sizing:border-box;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e6e8ea}
.cre-seq .steps{display:flex;gap:6px}
.cre-bubble{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:10px 10px 10px 4px;background:#eef0f2;font-size:12px;line-height:16px;color:#1c1f23;transition:opacity .4s}
.cre-bubble .lucide{width:14px;height:14px;color:#2f5670}
/* lista dynamiczna */
.cre-listbar{display:flex;align-items:center;gap:12px;padding:12px 16px;box-sizing:border-box;background:#fff;border-top:1px solid #ebebe8}
.cre-listbar .cre-pill{position:static}
/* telefon: arkusz dolny */
.c-phone.sc-stage{width:393px;height:798px;padding:0;gap:0;border-radius:44px;box-shadow:0 0 0 8px var(--ink),0 0 0 9px rgba(0,0,0,.25);font-size:15px;line-height:22px}
.cre-sheet{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:10px 20px 24px;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -12px 40px rgba(28,31,35,.18);white-space:normal;z-index:8}
.cre-sheet .h{width:36px;height:4px;border-radius:2px;background:#dde1e5;margin:0 auto 4px}
.cre-sheet > b{font-size:17px;line-height:24px;font-weight:600}
.cre-sheet .m{font-size:12px;line-height:16px;color:#646c75}
.cre-sheet .box{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:12px;background:#f5f6f8;font-size:15px;line-height:22px;color:#1c1f23}
.cre-sheet .sc-typed{min-height:0;font-size:15px;line-height:22px;color:#1c1f23;white-space:normal}
.cre-sheet .cre-btn{height:44px;margin-top:2px}
.sc-ov.cre-sheet.is-off{transform:translateY(40px)}
.cre-sheet .sc-wave i{background:#1c1f23}
.b-card__screen--phone-solo{display:flex;align-items:center;justify-content:center}
@media (max-width:700px){
  .c-phone.sc-stage{width:393px;height:798px;padding:0}
}