/* WnętrzaPro — aplikacja. Tokeny wg docs/STYL-WIZUALNY.md */
:root{
  /* paleta wdrożeniowa (17.09.2026) — bez dawnej miedzi; nazwy tokenów zostają, żeby nie ruszać reguł */
  --cream:#FAFAF9; --cream-2:#F0F0F2; --cream-3:#E6E6EA; --white:#fff;
  --ink:#24252A; --ink-2:#62636C; --ink-3:#85868F; --line:#DADADD; --line-2:#C6C6CC;
  --terra:#59417F; --terra-dk:#473366; --terra-sf:#EEE9F5; --terra-md:#8C74B3;
  --navy:#202737; --navy-2:#2C3549; --navy-line:#414B60; --footer:#1A2030; --terra-lt:#B7A6D3;
  --blue:#59417F; --blue-dk:#59417F; --blue-sf:#EEE9F5; --orange:#C96845; --orange-dk:#24252A; --orange-sf:#F7EDE8;
  --acc-teal:#35A08C; --acc-plum:#8A63B5; --acc-rose:#D65C7A;
  --ok:#286448; --ok-sf:#EAF4EE; --warn:#24252A; --warn-sf:#F7EDE8; --info:#62636C; --info-sf:#F0F0F2; --crit:#A1313D; --crit-sf:#FBECEF;
  --forest:#2F6B4C;
  --copper-grad:linear-gradient(#59417F,#59417F);   /* dawny gradient miedzi → pełny fiolet akcji */
  --sans:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;text-wrap:balance;margin:0}
a{color:var(--terra-dk);text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;font-size:14px}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.hidden{display:none!important}

/* przyciski */
.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:5px;font-weight:600;
  background:var(--copper-grad);color:#fff;transition:.15s;white-space:nowrap;
  box-shadow:0 1px 2px rgba(32,39,55,.18)}
.btn:hover{filter:brightness(1.07)}
.btn.sec{background:#fff;color:var(--navy);border:1px solid var(--line-2);box-shadow:none}
.btn.sec:hover{background:var(--cream-2)}
.btn.ghost{background:transparent;color:var(--ink-2);box-shadow:none}
.btn.ghost:hover{background:var(--cream-2);color:var(--ink)}
.btn.sm{height:34px;padding:0 12px;font-size:13px}
.btn.lg{height:50px;padding:0 24px;font-size:15px}
.btn.dash{background:transparent;border:1.5px dashed var(--blue);color:var(--blue-dk);box-shadow:none}
.btn.dash:hover{background:var(--blue-sf);filter:none}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
#flt_q:focus{border-color:var(--blue);box-shadow:0 1px 0 0 var(--blue)}

/* ===== logowanie ===== */
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(1000px 500px at 80% -10%,var(--cream-2),transparent),var(--cream)}
.auth .card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:34px 32px;width:100%;max-width:420px;
  box-shadow:0 1px 2px rgba(30,39,51,.04),0 20px 44px -28px rgba(30,39,51,.35)}
.brandmark{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-weight:600;font-size:20px}
.brandmark .m{width:26px;height:26px;border-radius:4px;background:var(--copper-grad);position:relative;flex:none}
.brandmark .m::after{content:"";position:absolute;inset:6px;border:2px solid #fff;border-radius:3px}
.brandmark .pro{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--terra-dk);
  background:var(--terra-sf);padding:2px 6px;border-radius:3px;text-transform:uppercase}
.auth h1{font-size:24px;margin:20px 0 4px}
.auth p.sub{color:var(--ink-2);margin:0 0 22px}
.fld{margin-bottom:14px}
.fld label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;padding:11px 13px;border:1px solid var(--line-2);border-radius:4px;background:#fff}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--terra)}
.auth .btn{width:100%;justify-content:center}
.auth .err{color:var(--crit);font-size:13px;min-height:18px;margin-bottom:8px}
.auth .switch{text-align:center;margin-top:18px;color:var(--ink-2);font-size:13px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ===== układ aplikacji ===== */
.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
.side{background:var(--navy);color:#cfd6de;padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}
.side .brandmark{color:#fff;margin:2px 6px 18px}
/* slogan pod logo; ujemny margines kompensuje pusty dół PNG */
.side .slogan{margin-top:-14px;text-align:center;font-family:var(--sans);font-size:10.5px;font-weight:400;letter-spacing:.02em;white-space:nowrap;color:#D7C5F4}
.side a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:5px;color:#aeb7c2;font-weight:500;font-size:14px}
.side a .ic{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;opacity:.9;flex:none}
.side a .ic svg{width:18px;height:18px;fill:currentColor;display:block}
.ib svg{width:15px;height:15px;fill:currentColor;display:block}
.side a:hover{background:var(--navy-2);color:#fff}
.side a.on{background:var(--copper-grad);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.side a.soon{opacity:.4;cursor:default}
.side a.soon:hover{background:none;color:#aeb7c2}
.side .sep{height:1px;background:var(--navy-line);margin:10px 8px}
.side .grow{flex:1}
.side-photo{margin:10px -14px 8px;border-radius:0;overflow:hidden;flex:none}
.side-photo img{width:100%;height:auto;display:block;opacity:.94}
@media (max-height:900px){
  .side a{padding:7px 12px}
  .side .brandmark{margin-bottom:12px}

}
@media (max-height:800px){
  .side a{padding:6px 12px;font-size:13.5px}
  .side .sep{margin:6px 8px}

}
@media (max-height:640px){.side-photo{display:none}}
.side{overflow-y:auto}
.side .u{padding:10px 12px;border-top:1px solid var(--navy-line);margin-top:6px;font-size:12.5px;color:#8b96a3}
.side .u b{color:#dfe4ea;font-weight:600;display:block;font-size:13px}
.side .u .u-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.side .u .plan-pill{border-color:var(--navy-line);color:#cfd6de}

.main{min-width:0;display:flex;flex-direction:column}
/* hamburger mobilny — pływający, bez górnego paska */
.burger-fab{position:fixed;top:12px;left:12px;z-index:40;width:40px;height:40px;border-radius:5px;
  background:var(--navy);color:#fff;font-size:18px;box-shadow:0 2px 8px rgba(30,39,51,.3)}
.content{padding:26px 32px 60px;max-width:2400px;width:100%}
/* monitory 27" (2560 px): obszar treści wypełnia ekran do 2400 px, trochę więcej oddechu po bokach */
@media (min-width:2200px){.content{padding:30px 44px 70px}}

/* ===== nagłówek projektu wg wizualizacji (kod od usera, dopasowany do systemu) ===== */
.project-header{--header-green:#486b52;--header-ink:#10212d;--header-background:#f4f6f7;
  display:grid;grid-template-columns:minmax(0,1fr) 240px;width:100%;background:var(--header-background);color:var(--header-ink);
  border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:18px}
.project-header__main{position:relative;isolation:isolate;min-width:0;min-height:128px}
.project-header__info{position:relative;z-index:1;width:58%;padding:14px 18px 16px 24px}
.project-header__back{display:inline-block;margin-bottom:8px;color:var(--header-green);font-size:13px}
.project-header__back:hover{text-decoration:underline}
.project-header__heading{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.project-header h1{margin:0;font-family:var(--serif);font-size:clamp(21px,1.8vw,28px);font-weight:600;line-height:1.12;letter-spacing:-.5px;overflow-wrap:anywhere}
.project-header__brief{flex-shrink:0;padding:5px 11px;border-radius:4px;background:#e0ebe2;color:#35543d;font-size:13px;font-weight:600}
.project-header__details{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:8px;font-size:13.5px}
.project-header__details span + span{padding-left:20px;border-left:1px solid #c8d0d5}
.project-header__tagline{margin:8px 0 0;color:var(--header-green);font-family:var(--serif);font-size:15px;font-style:italic;line-height:1.3}
.project-header__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.project-header__actions .btn.sm{height:29px;padding:0 11px;font-size:12.5px;gap:6px}
.project-header__actions .btn.sm .ib svg{width:13px;height:13px}
.ph-links{display:inline-flex;align-items:center;gap:12px;margin-left:10px}
.ph-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:4px 2px;font-size:12.5px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;transition:.15s}
.ph-link svg{width:14px;height:14px;fill:currentColor}
.ph-link:hover{color:var(--header-green)}
.ph-sep{width:1px;height:14px;background:var(--line-2)}
.project-header__photo{position:absolute;z-index:0;inset:0 0 0 auto;width:42%;overflow:hidden;border-top-left-radius:140px 100%}
/* zdjęcie jako tło (nie <img>) — brak „otwórz grafikę w nowej karcie” / przeciągania; bezpośredni adres blokuje serwer */
.project-header__pic{width:100%;height:100%;background:url(/app/img/deco-head.jpg) 52% 30%/cover no-repeat;user-select:none}
.project-header__side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 18px;border-left:1px solid #e4e8e6;background:#f1f4f1;text-align:center}
.project-header__quote{margin:0;color:var(--header-green);font-family:var(--serif);font-size:15.5px;font-style:italic;line-height:1.3}
.project-header__line{width:30px;height:2px;margin:9px 0;background:var(--header-green)}
.project-header__values{margin:0;color:#4c5d50;font-size:9px;line-height:1.6;letter-spacing:1.6px;text-transform:uppercase}
.project-header a:focus-visible{outline:2px solid var(--header-green);outline-offset:4px}
/* wariant slim czoła — podstrony */
.ph-slim .project-header__main{min-height:104px}
.ph-slim .project-header__info{padding:16px 18px 18px 24px;width:56%}
.ph-slim h1{font-size:clamp(20px,1.6vw,26px)}
.ph-sub{margin:6px 0 0;color:var(--ink-2);font-size:13.5px;max-width:560px}
.ph-slim .project-header__actions{margin-top:12px}
.ph-slim .project-header__side{padding:12px 16px}
.ph-slim .project-header__quote{font-size:14px}
.ph-slim .project-header__line{margin:7px 0}
.ph-slim .project-header__values{font-size:8.5px;letter-spacing:1.4px}
@media (max-width:1400px){
  .project-header{grid-template-columns:minmax(0,1fr) 190px}
  .project-header__info{width:62%;padding-left:22px}
  .project-header__photo{width:38%;border-top-left-radius:90px 100%}
  .project-header__quote{font-size:18px}
}
@media (max-width:900px){
  .project-header{grid-template-columns:1fr}
  .project-header__info{width:100%;padding:20px}
  .project-header__photo{position:relative;width:100%;height:200px;border-top-left-radius:100px 100%}
  .project-header__side{border-left:0;border-top:1px solid #e4e8e6}
}
.plan-pill{font-family:var(--mono);font-size:11px;font-weight:600;background:transparent;border:1.5px dashed var(--blue);color:var(--blue-dk);padding:3px 9px;border-radius:3px}

.tbl-rows tbody tr:hover td{background:var(--cream-2)}
/* pulpit — feed „wymaga uwagi" */
.feed{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.feed-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:5px;padding:11px 14px}
.feed-row.feed-alert{border-left-color:var(--orange);background:var(--orange-sf)}
.feed-ic{width:22px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.feed-ic svg{width:19px;height:19px;fill:currentColor}
.feed-tx{flex:1;min-width:0;font-size:13.5px;line-height:1.45}
.feed-row .btn{flex:none}

/* hub projektu — pasek kontekstu (brief · portal · korespondencja) */
.proj-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
@media (max-width:900px){.proj-hub{grid-template-columns:1fr}}
.hub-cell{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 15px;display:flex;align-items:center;gap:12px}
.hub-cell.hub-alert{border-color:var(--orange);background:var(--orange-sf)}
.hub-ic{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center}
.hub-ic svg{width:22px;height:22px;fill:currentColor}
.hub-tx{flex:1;min-width:0;font-size:13.5px}
.hub-tx .ph-mut{color:var(--ink-2);font-size:12.5px;margin-top:2px}
.hub-act{flex:none}

/* karty / dashboard */
/* ozdobny rzut techniczny wtopiony w tło pulpitu, pod sekcją roboczą (statyczny) */
.deco-bg{margin-top:34px;pointer-events:none;user-select:none}
.deco-bg img{display:block;width:100%;opacity:.38;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
@media (max-width:900px){.deco-bg{display:none}}
.hi{margin-bottom:20px}
.hi h1{font-size:28px}.hi p{color:var(--ink-2);margin:4px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cards .stat{border-left:3px solid var(--line-2);border-radius:4px}
.cards .stat:nth-child(1){border-left-color:var(--blue)}
.cards .stat:nth-child(2){border-left-color:var(--orange)}
.cards .stat:nth-child(3){border-left-color:var(--terra)}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px 20px;box-shadow:0 1px 2px rgba(30,39,51,.03)}
.stat .lab{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.stat .big{font-family:var(--mono);font-size:26px;font-weight:600;margin-top:6px}
.stat .sub{color:var(--ink-2);font-size:12.5px;margin-top:2px}
.stat.accent .big{color:var(--terra-dk)}
.sect-h{display:flex;align-items:center;gap:12px;margin:28px 0 14px}
.sect-h h3{font-size:19px}.sect-h .sp{flex:1}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;cursor:pointer;transition:.15s}
.pcard:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 12px 28px -20px rgba(30,39,51,.5)}
.pcard .top2{display:flex;align-items:flex-start;gap:8px}
.pcard h4{font-size:17px;flex:1}
.pcard .cl{color:var(--ink-2);font-size:13px;margin-top:2px}
.pcard .rows{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.pcard.ac0 .rows{border-top-color:var(--blue)}
.pcard.ac1 .rows{border-top-color:var(--orange)}
.pcard.ac2 .rows{border-top-color:var(--terra)}
.pcard.ac3 .rows{border-top-color:var(--acc-teal)}
.pcard.ac4 .rows{border-top-color:var(--acc-plum)}
.pcard.ac5 .rows{border-top-color:var(--acc-rose)}
.pcard .rr{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}
.pcard .rr .k{color:var(--ink-3)} .pcard .rr .v{font-weight:600}
/* kafelki projektów: stała wysokość nagłówka (maks. 2 linie nazwy) — sekcje wyrównane między kafelkami */
.pcard.pcp h4{line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard.pcp .cl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard .rr{gap:10px}.pcard .rr .v{text-align:right}
.pcard .rr .pc-none{color:var(--ink-3);font-weight:400}
.pcard .rr.pc-pend .k,.pcard .rr.pc-pend .v{color:var(--orange-dk)}

/* ===== sekcja wtyczki: kafle przeglądarek + kręta przerywana ścieżka kroków ===== */
.wt-status{border-radius:6px;padding:14px 18px;font-size:13.5px;margin-bottom:20px;line-height:1.6}
.wt-status.ok{background:var(--ok-sf);border:1px solid var(--ok)}
.wt-status.warn{background:var(--warn-sf);border:1px solid var(--warn)}
.wt-brs{display:flex;gap:14px;margin-bottom:26px;max-width:440px}
.wt-br{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 8px;border:1.5px solid var(--line-2);
  border-radius:6px;background:#fff;cursor:pointer;font-weight:600;font-size:12.5px;color:var(--ink-2);transition:.15s}
.wt-br .wt-logo{width:34px;height:34px;display:block}
.wt-br:hover{border-color:var(--ink-3)}
.wt-br[data-br=chrome].on{border-color:#4285F4;background:#EEF4FE;color:#1A56B8}
.wt-br[data-br=opera].on{border-color:#FF1B2D;background:#FFEDEF;color:#C40E1D}
.wt-br[data-br=firefox].on{border-color:#FF7139;background:#FFF1E8;color:#C74E1B}
.wt-step{display:flex;gap:16px;align-items:flex-start}
.wt-dot{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:14px;
  display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 1px 4px rgba(44,127,184,.35)}
.wt-body{padding-top:5px;font-size:13.5px;line-height:1.65;min-width:0}
.wt-link{display:block;margin:2px 0}

/* karty szablonów ankiet — sztywna siatka premium: równe wysokości, akcje przy dolnej linii */
.tpl-card{display:flex;flex-direction:column;min-height:168px}
.tpl-card .top2{align-items:flex-start}
.tpl-card h4{font-size:15.5px;line-height:1.35;min-height:42px}
.tpl-card .cl{margin-top:4px;font-size:12.5px}
.tpl-actions{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;gap:6px;align-items:center}
.tpl-actions .btn.sm{height:28px;padding:0 12px;font-size:12.5px}
.tpl-ib{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:#fff;
  border:1px solid var(--line-2);border-radius:0;cursor:pointer;color:var(--ink-2);transition:.15s;flex:none;padding:0}
.tpl-ib svg{width:14px;height:14px;fill:currentColor}
.tpl-ib:hover{border-color:var(--blue);color:var(--blue-dk)}
.tpl-ib-del:hover{border-color:var(--crit);color:var(--crit)}
/* nieaktywne — przygaszone, na dole listy */
.pcard.tpl-off{opacity:.55;filter:grayscale(.45)}
.pcard.tpl-off:hover{opacity:.85;filter:grayscale(.1)}
.tpl-act{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;letter-spacing:.03em;color:var(--ink-2);margin-left:auto;cursor:pointer;user-select:none}
.tpl-act input{width:auto;accent-color:var(--forest,#2F6B4C)}

/* chipy wyboru pomieszczeń (kreator projektu / dodawanie pomieszczeń) */
.rchips{display:flex;flex-wrap:wrap;gap:8px}
.rchip{padding:7px 13px;border:1px solid var(--line-2);border-radius:4px;cursor:pointer;font-size:13px;background:#fff;user-select:none;transition:.12s}
.rchip:hover{border-color:var(--terra)}
.rchip.on{background:var(--terra-sf);border-color:var(--terra);color:var(--terra-dk);font-weight:600}

/* plakietki statusu */
.chip{display:inline-block;padding:3px 10px;border-radius:3px;font-size:12px;font-weight:600}
.c-brief,.c-propozycja{background:var(--blue-sf);color:var(--blue-dk)}
.c-koncepcja{background:var(--warn-sf);color:var(--warn)}
.c-do_akceptacji{background:var(--orange-sf);color:var(--orange-dk)}
.c-projekt,.c-realizacja{background:var(--terra-sf);color:var(--terra-dk)}
.c-zakonczony,.c-zaakceptowana,.c-dostarczona{background:var(--ok-sf);color:var(--ok)}
.c-odrzucona,.c-reklamacja{background:var(--crit-sf);color:var(--crit)}
.c-inspiracja{background:#efe7fe;color:#7a54c8}

/* ===== akordeon pomieszczeń (lift panel) ===== */
.rc{background:#fff;border:1px solid var(--line);border-radius:5px;margin-bottom:12px;box-shadow:0 1px 2px rgba(30,39,51,.03);border-left:3px solid var(--line-2)}
.rc.ac0{border-left-color:var(--blue)} .rc.ac1{border-left-color:var(--orange)} .rc.ac2{border-left-color:var(--terra)}
.rc.ac3{border-left-color:var(--acc-teal)} .rc.ac4{border-left-color:var(--acc-plum)} .rc.ac5{border-left-color:var(--acc-rose)}
.rc-h{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;user-select:none;border-radius:5px}
.rc.open .rc-h{border-bottom:1px solid var(--line);border-radius:5px 5px 0 0;background:var(--cream-2)}
.rc-ch{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);transition:transform .18s;flex:none}
.rc.open .rc-ch{transform:rotate(90deg)}
.rc-ic{width:30px;height:30px;border-radius:5px;background:var(--terra-sf);color:var(--terra-dk);display:inline-flex;align-items:center;justify-content:center;flex:none}
.rc-ic svg{width:17px;height:17px;fill:currentColor}
.rc-h .rn{font-family:var(--serif);font-weight:600;font-size:15.5px;color:var(--ink)}
/* czoło karty: stałe kolumny danych, wyrównane niezależnie od liczby znaków */
.rc-h .rc-cols{margin-left:auto;display:grid;grid-template-columns:74px 200px 138px 30px 30px;align-items:center;gap:4px}
.rc-cols .r-cnt{font-size:14px;font-weight:600;color:var(--ink-2);text-align:right;white-space:nowrap}
.rc-cols .r-sum{font-size:15px;font-weight:700;text-align:right;white-space:nowrap}
.rc-cols .r-bud{color:var(--ink-3);font-weight:400;font-size:12.5px}
.rc-cols .btn{justify-self:center}
/* wąski ekran: czoło karty zawija się pod nazwą pomieszczenia, kolumny kurczą się do treści */
@media (max-width:820px){
  .rc-h{flex-wrap:wrap}
  .rc-h .rn{flex:1 1 100%}
  .rc-h .rc-cols{margin-left:0;width:100%;justify-content:flex-end;grid-template-columns:auto auto auto 30px 30px}
}
.rc-b{padding:8px 12px 12px}
.rc-h .btn, .rc-h .del{flex:none}

/* pozycje jako karty */
.tablewrap{background:transparent;border:none;border-radius:0;overflow:auto}
table.items{border-collapse:separate;border-spacing:0 8px;table-layout:fixed;width:100%}
table.items .pcol,table.items .pcell{width:auto}
table.items td{overflow:hidden}
table.items thead th{background:transparent;border-bottom:1px solid var(--line);padding:6px 10px}
/* tylko poziome linie — bez pionowych krawędzi ramki wiersza */
table.items{border-spacing:0}
table.items td{background:#fff;border-top:none;border-bottom:1px solid var(--line);border-radius:0}
table.items tbody tr:last-child td{border-bottom:none}
table.items tbody tr:hover td{border-color:var(--line-2)}

/* stara tabela (inne widoki) */
.tablewrap-legacy{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:auto}
table.items{width:100%;border-collapse:collapse;font-size:13.5px}
table.items th{background:var(--cream-2);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);font-weight:700;text-align:left;padding:10px;white-space:nowrap;border-bottom:1px solid var(--line)}
table.items th.r{text-align:right}
.iunit{display:inline-block;width:26px;text-align:left;font-size:11px}
table.items th.iqty-h{padding-right:39px}
table.items th.vat-h{text-align:center}
table.items th.zak-h{text-align:center;padding-left:14px}
table.items th.st-h{text-align:center}
table.items td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
table.items tr:last-child td{border-bottom:none}
table.items td.r{text-align:right}
table.items .num{white-space:nowrap}
.thumb{width:126px;height:126px;border-radius:6px;object-fit:cover;background:var(--cream-3);display:block}
.thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:34px}
.inp{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}
.inp:focus{outline:none;border-color:var(--terra)}
.inp.rt{text-align:right}
table.items td.pcell{vertical-align:top;padding-top:14px}
.pcell-row{display:flex;gap:12px;align-items:flex-start;margin-top:8px}
.pcell-meta{min-width:0;padding-top:2px}
.ilink{color:var(--blue-dk)}
.ilink:hover{color:var(--blue)}
/* tytuł w osobnej „warstwie": wrapper o zerowej szerokości nie rozpycha kolumny,
   a tekst może płynąć nad wolną przestrzenią wiersza (pola siedzą niżej) */
.iname-w{width:0;overflow:visible}
.iname{font-weight:600;color:var(--navy);width:max-content;max-width:1080px;padding:2px 6px 2px 0;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;position:relative;z-index:2;cursor:text}
@media (max-width:1700px){.iname{max-width:840px}}
@media (min-width:2200px){.iname{max-width:1500px}}
.iname:focus{background:#fff;box-shadow:0 0 0 2px var(--blue);border-radius:3px;outline:none;z-index:6;width:max-content;max-width:60vw;padding-right:8px}
/* pomieszczenie + kategoria pod nazwą: zawsze równe szerokości, stały odstęp */
/* selekty pomieszczenie/kategoria — rozsądnie wąskie; fixed layout pilnuje, że nie ruszają innych kolumn */
.selrow{display:flex;flex-direction:column;gap:6px;margin-top:11px;width:100%;max-width:210px}
.selrow select{width:100%;min-width:0;padding:4px 8px;font-size:12.5px;text-overflow:ellipsis}
.pcell-meta{min-width:0}
.room-h{display:flex;align-items:center;gap:10px;margin:22px 0 10px}
.room-h .rn{font-family:var(--serif);font-weight:600;font-size:16px}
.room-h .rsub{color:var(--ink-3);font-size:13px;margin-left:auto}
.del{color:var(--ink-3);background:none;padding:4px 7px;border-radius:4px}
.del:hover{color:var(--crit);background:var(--crit-sf)}

/* pasek sum */
.proj-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.proj-lay > div{min-width:0}
.tablewrap{overflow-x:auto}
/* dwie kolumny (lista + karta podsumowania) tylko na szerokich ekranach;
   na laptopach lista zajmuje pełną szerokość, więc wszystko mieści się bez ściskania */
/* od 1360px podsumowanie w prawej kolumnie (sticky; 1360–1699 węższe, laptopy 14–16"); węziej — pasek przyklejony do dołu ekranu */
.sum-mini{display:none}
@media (max-width:1359px){
  .proj-lay{grid-template-columns:minmax(0,1fr)}
  .proj-aside{position:sticky!important;top:auto!important;bottom:0;z-index:8;margin:0 -4px}
  .sumcard{padding:0;box-shadow:0 -10px 24px -14px rgba(30,39,51,.45);border-radius:8px 8px 0 0;overflow:hidden}
  .sum-mini{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;width:100%;background:#fff;border:none;padding:11px 16px;cursor:pointer;font:inherit;text-align:left;color:var(--ink)}
  .sum-mini .sm-l{font-family:var(--serif);font-weight:600;font-size:15px}
  .sum-mini .sm-p{font-size:12.5px;color:var(--ink-2)}.sum-mini .sm-p b{font-family:var(--mono);color:var(--ink)}
  .sum-mini .sm-t{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-weight:600}
  .sum-mini .sm-t b{font-family:var(--mono);font-size:19px;color:var(--forest);text-transform:none;letter-spacing:0;margin-left:6px}
  .sum-mini .sm-chev{color:var(--ink-3);transition:transform .15s}
  .sumcard.open .sm-chev{transform:rotate(180deg)}
  .sum-full{display:none;padding:4px 16px 14px;border-top:1px solid var(--line);max-height:55vh;overflow:auto}
  .sumcard.open .sum-full{display:block}
  .sum-full h3{display:none}
  .sum-full .grand{display:none}
}
@media (max-width:700px){.sum-mini .sm-p{display:none}}
/* delikatny kompakt dopiero przy wąskich oknach — pola cen na tyle szerokie, by liczby się mieściły */
@media (max-width:1400px){
  .thumb{width:84px;height:84px}
  table.items td{padding:8px 5px}
  table.items th{padding:8px 5px;font-size:10px}
  table.items th.iqty-h{padding-right:34px}
  .inp.iqty{width:48px!important}
  .inp.igr{width:80px!important}
  .inp.ivat{width:40px!important}
  .inp.ipur{width:78px!important}
  .inp.imar{width:46px!important}
  select.istat{font-size:12px}
  .iunit{width:26px;font-size:10px;overflow:hidden}
}
.proj-aside{position:sticky;top:78px}
.sumcard h3{font-size:16px;margin-bottom:12px}
.sumcard .sr{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:13.5px;border-bottom:1px solid var(--line)}
.sumcard .sr .k{color:var(--ink-2)}
.sumcard .sr .v{font-family:var(--mono);font-weight:600}
.sumcard .grand{margin-top:14px}
.sumcard .grand .l{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:600}
.sumcard .grand .v{font-family:var(--mono);font-size:27px;font-weight:700;color:var(--forest);line-height:1.2}

/* modal */
.ov{position:fixed;inset:0;background:rgba(20,25,32,.5);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}
.modal{background:#fff;border-radius:8px;width:100%;max-width:520px;max-height:92vh;overflow:auto;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.modal h3{padding:20px 24px;border-bottom:1px solid var(--line);font-size:18px}
.modal .body{padding:20px 24px}.modal .foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}
#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 22px;border-radius:5px;font-weight:600;z-index:80;opacity:0;transition:.25s;pointer-events:none}
#toast.show{opacity:1}
.empty{text-align:center;color:var(--ink-2);padding:56px 20px;background:#fff;border:1.5px dashed var(--blue);border-radius:6px}
.muted{color:var(--ink-2)}
.tbl-admin{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:13.5px}
.tbl-admin th{background:var(--cream-2);text-align:left;padding:10px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.tbl-admin td{padding:10px;border-top:1px solid var(--line)}
@media(max-width:1040px){.layout{grid-template-columns:1fr}.side{position:fixed;left:-260px;z-index:40;transition:.2s;width:236px}.side.open{left:0}.content{padding:20px 16px 50px}}

/* ===== Klienci + portal klienta (jedna zakładka) ===== */
.cl-filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.cl-f{background:#fff;border:1px solid var(--line-2);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.cl-f .num{margin-left:4px;color:var(--ink-3);font-weight:600}
.cl-f:hover{border-color:var(--ink-3);color:var(--ink)}
.cl-f.on{background:var(--navy);border-color:var(--navy);color:#fff}.cl-f.on .num{color:#cfd6de}
.cl-f.hot:not(.on){border-color:var(--orange);color:var(--orange-dk)}.cl-f.hot:not(.on) .num{color:var(--orange-dk)}
.cl-list{display:flex;flex-direction:column;gap:8px}
.cl-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,1fr) minmax(260px,1.7fr) auto;gap:16px;align-items:center;
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:5px;padding:13px 16px;cursor:pointer;transition:.12s}
.cl-row:hover{border-color:var(--line-2);border-left-color:var(--blue-dk);box-shadow:0 8px 20px -16px rgba(30,39,51,.45)}
.cl-row.alert{border-left-color:var(--orange)}
.cl-row.cl-un{grid-template-columns:minmax(200px,1fr) minmax(260px,2.7fr) auto;cursor:default;border-left-color:var(--line-2)}
.cl-name{font-weight:700;font-size:15px;color:var(--navy)}
.cl-contact{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;margin-top:3px}
.cl-contact a{color:var(--ink-2);display:inline-flex;align-items:center;gap:4px}.cl-contact svg,.cl-ic svg{width:13px;height:13px;fill:currentColor;vertical-align:-2px}.cl-contact a:hover{color:var(--blue-dk)}
.cl-addr{font-size:12.5px;margin-top:3px}
.cl-projs{display:flex;flex-direction:column;gap:4px;font-size:13px}
.cl-p{color:var(--ink);font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cl-p:hover{color:var(--blue-dk)}.cl-p .chip{font-size:11px;padding:1px 7px}
.cl-stat{display:flex;flex-wrap:wrap;gap:6px}
.cl-act{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cx{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:3px;line-height:1.35}
.cx svg{width:13px;height:13px;fill:currentColor;flex:none}
.cx-ok{background:var(--ok-sf);color:var(--ok)}
.cx-mute{background:var(--cream-2);color:var(--ink-2)}
.cx-alert{background:var(--orange-sf);color:var(--orange-dk)}
.cx-crit{background:var(--crit-sf);color:var(--crit)}
.cx-wait{background:var(--blue-sf);color:var(--blue-dk)}
.cx-info{background:var(--info-sf);color:var(--info)}
.cx-alert-t{color:var(--orange-dk)}
.b-ok{background:var(--ok)}.b-wait{background:var(--orange)}.b-rej{background:var(--crit)}
.pp-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.pp-list .pp-row:first-child{border-top:none}
.pp-row.off{opacity:.6}
.pp-who{display:flex;flex-direction:column;min-width:170px;flex:1}
.pp-who .muted{font-size:12px}
.pp-acts{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.pp-exp{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-3);margin:0 4px}
.pp-exp input{width:auto;padding:3px 6px;font-size:12px}
.pp-rv{color:var(--crit)!important}
.ck-files .pf-grid{margin-top:4px}
.ck-files .pf-card{cursor:pointer}
.pf-m .pf-ok{color:var(--ok);font-weight:600}
/* „Pliki" w menu — wszystkie projekty */
.af-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px}
.af-bar #afQ{flex:1;min-width:200px;max-width:420px}
.af-sp{flex:1}
.af-g{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;transition:outline-color .15s;outline:2px dashed transparent;outline-offset:3px}
.af-g.af-drop,.af-er.af-drop{outline-color:var(--blue);background:var(--blue-sf)}
.af-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;cursor:pointer}
.af-h .rc-ch{display:inline-flex;width:18px;height:18px;transition:transform .15s}.af-h .rc-ch svg{width:18px;height:18px;fill:var(--ink-3)}
.af-g.open .af-h .rc-ch{transform:rotate(90deg)}
.af-pn{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--ink)}.af-pn:hover{color:var(--terra-dk)}
.af-cl{font-size:12.5px;color:var(--ink-3)}
.af-st{margin-left:auto;font-size:12.5px;color:var(--ink-2)}.af-st b{color:var(--orange-dk)}
.af-g .pf-grid{display:none;padding:0 14px 14px}
.af-g.open .pf-grid{display:grid}
.af-empty{margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px}
.af-empty summary{cursor:pointer;color:var(--ink-2);font-weight:600;font-size:13.5px}
.af-er{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px;border-radius:5px}
.af-er:first-of-type{margin-top:8px}
.af-er a{color:var(--ink);font-weight:600}
.pc-hot{color:var(--orange-dk);font-weight:600}
.pp-row.pp-pinalert{background:var(--orange-sf);margin:0 -10px;padding:9px 10px;border-radius:6px}
.pp-req{font-size:12px;font-weight:600;color:var(--orange-dk)}
.pp-empty{font-size:13px;color:var(--ink-2);background:var(--cream-2);border-radius:6px;padding:10px 12px}
.pp-warn{background:var(--warn-sf);border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:10px}
.pp-old{margin-top:6px;font-size:12.5px}.pp-old summary{cursor:pointer}
.pp-add{display:flex;gap:8px;margin-top:10px}.pp-add .inp{flex:1;min-width:0}
.pp-flash{background:var(--ok-sf);border-radius:8px;padding:12px 14px;margin-top:10px;font-size:13px;line-height:1.5}
.pp-pin{margin-top:6px}.pp-pinv{font-size:19px;letter-spacing:.2em}
.pp-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pp-prev{margin-top:8px}.pp-prev summary{cursor:pointer;font-size:12.5px}
.pp-prev pre{white-space:pre-wrap;font-family:var(--sans);font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px;margin:6px 0 0}
.ev-row{display:flex;gap:10px;font-size:12.5px;padding:5px 0;border-top:1px solid var(--line)}
.ev-row:first-child{border-top:none}
.ev-row > .num{font-size:11px;white-space:nowrap;min-width:92px}
.cl-hist{padding:0;max-height:520px;overflow:auto}
.tbl-hist{width:100%;border-collapse:collapse;font-size:13px}
.tbl-hist th{position:sticky;top:0;background:var(--cream-2);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl-hist td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl-hist tbody tr:last-child td{border-bottom:none}
.tbl-hist tbody tr:hover td{background:var(--cream)}
.tbl-hist .h-when{white-space:nowrap;color:var(--ink-2);font-size:12px}
.tbl-hist .cx{white-space:nowrap}
.tbl-hist .h-subj a{color:var(--blue-dk)}
.tbl-hist tr.h-strong .h-what{font-weight:700}
.h-ok{color:var(--ok)}.h-crit{color:var(--crit)}.h-warn{color:var(--orange-dk)}.h-info{color:var(--blue-dk)}
@media (max-width:820px){.tbl-hist{min-width:760px}}
.ev-tx svg{width:13px;height:13px;fill:currentColor;vertical-align:-2px;margin-right:3px}
.ev-surv{color:var(--blue-dk)}.ev-surv a{color:inherit;text-decoration:underline;text-decoration-color:rgba(44,127,184,.35)}
.cl-main{grid-area:main}.cl-projs{grid-area:projs}.cl-stat{grid-area:stat}.cl-act{grid-area:act}
.cl-row{grid-template-areas:"main projs stat act"}.cl-row.cl-un{grid-template-areas:"main stat act"}
@media (max-width:1400px){.cl-row{grid-template-columns:minmax(200px,1fr) minmax(240px,1.6fr) auto;grid-template-areas:"main stat act" "projs stat act";row-gap:8px}}
@media (max-width:820px){.cl-row,.cl-row.cl-un{grid-template-columns:1fr;grid-template-areas:"main" "projs" "stat" "act";gap:8px}.cl-act{justify-content:flex-start}}

/* przełącznik ankiet w widoku odpowiedzi */
.sv-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 16px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:6px}
.sv-tabs-l{font-size:12.5px;color:var(--ink-3);margin-right:4px}
.sv-tab{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line-2);border-radius:20px;font-size:13px;font-weight:600;color:var(--ink);background:#fff}
.sv-tab:hover{border-color:var(--ink-3)}
.sv-tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sv-tab .sv-st{font-weight:500;font-size:11.5px;color:var(--ink-3)}.sv-tab.on .sv-st{color:#cfd6de}
.sv-dot{width:8px;height:8px;border-radius:50%;background:var(--line-2);flex:none}
.sv-dot.st-wypelniona{background:var(--ok)}.sv-dot.st-otwarta{background:var(--orange)}.sv-dot.st-zamknieta{background:var(--ink-3)}
.sv-note{background:var(--warn-sf);border-radius:6px;padding:10px 14px;margin:0 0 14px;font-size:13.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* ===== odpowiedzi z ankiety — czytelnie ===== */
.sa-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin-bottom:16px;box-shadow:0 8px 18px -16px rgba(30,39,51,.45)}
.sa-sum{font-size:13px;color:var(--ink-2);min-width:180px}.sa-sum b{color:var(--ink);font-size:15px}
.sa-prog{height:4px;background:var(--cream-2);border-radius:2px;margin-top:5px;overflow:hidden}.sa-prog span{display:block;height:100%;background:var(--ok)}
.sa-nav{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.sa-nav a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink);padding:4px 10px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}
.sa-nav a:hover{border-color:var(--line-2);background:#fff}
.sa-nav a i{width:8px;height:8px;border-radius:50%}.sa-nav a span{color:var(--ink-3);font-weight:500}
.sa-only{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;cursor:pointer}.sa-only input{width:auto}
.sa-sec{background:#fff;border:1px solid var(--line);border-top:3px solid var(--tone);border-radius:6px;margin-bottom:16px;scroll-margin-top:80px;overflow:hidden}
.sa-h{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 7%,#fff),#fff);border-bottom:1px solid var(--line)}
.sa-h h3{font-size:18px;color:var(--navy)}.sa-h p{margin:2px 0 0;font-size:13px;color:var(--ink-2)}
.sa-h > div{flex:1}
.sa-n{width:30px;height:30px;border-radius:50%;background:var(--tone);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;font-size:14px}
.sa-cnt{font-family:var(--mono);font-size:12px;color:var(--ink-3);white-space:nowrap}
.sa-q{display:grid;grid-template-columns:minmax(200px,34%) minmax(0,1fr);gap:8px 24px;padding:13px 18px;border-top:1px solid var(--line)}
.sa-h + .sa-q{border-top:none}
.sa-qt{font-size:13.5px;color:var(--ink-2);font-weight:600;line-height:1.45}
.sa-a{font-size:14.5px;color:var(--ink);line-height:1.5;display:flex;flex-direction:column;gap:8px;min-width:0}
.sa-q.sa-noans .sa-qt{color:var(--ink-3);font-weight:500}
.sa-none{font-size:12.5px;color:var(--ink-3);font-style:italic}
.sa-wrap.only .sa-q.sa-noans{display:none}
.sa-pair{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:4px 14px;align-items:baseline}
.sa-pair + .sa-pair{padding-top:6px;border-top:1px dashed var(--line)}
.sa-sub{font-size:13px;color:var(--ink-3);font-weight:500;line-height:1.35;padding-top:5px}
.sa-pv{display:flex;flex-direction:column;gap:6px;min-width:0}
@media (max-width:600px){.sa-pair{grid-template-columns:1fr}}
.sa-chips{display:flex;flex-wrap:wrap;gap:6px}
.sa-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:14px;font-size:13.5px;font-weight:600;background:color-mix(in srgb,var(--tone,var(--blue)) 12%,#fff);color:var(--navy);border:1px solid color-mix(in srgb,var(--tone,var(--blue)) 28%,#fff)}
.sa-chip.other{background:#fff;border-style:dashed;font-weight:500}
.sa-chip.room b{color:var(--terra-dk);font-weight:700}
.sa-chip.file{background:var(--cream-2);border-color:var(--line-2);font-weight:500;color:var(--ink)}
.sa-chip.file svg{width:14px;height:14px;flex:none;fill:currentColor}
.sa-note{font-size:13.5px;background:var(--cream);border-radius:5px;padding:6px 10px}.sa-note span{color:var(--ink-3);font-weight:600}
.sa-quote{margin:0;padding:8px 14px;border-left:3px solid var(--tone,var(--line-2));background:var(--cream);border-radius:0 5px 5px 0;font-size:14.5px;white-space:normal}
.sa-val b{font-weight:700;font-size:15px}.sa-lab{font-size:12.5px;color:var(--ink-3);margin-right:8px}
.sa-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-size:14px}.sa-dl dt{color:var(--ink-3)}.sa-dl dd{margin:0;font-weight:600}
.sa-scale{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sa-dots{display:inline-flex;gap:4px}.sa-dots i{width:18px;height:8px;border-radius:2px;background:var(--cream-2)}.sa-dots i.on{background:var(--tone,var(--blue))}
.sa-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));gap:10px}
.sa-imgs figure{margin:0;border:2px solid var(--tone,var(--line-2));border-radius:6px;overflow:hidden;background:#fff}
.sa-imgs img,.sa-noimg{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--cream-2)}
.sa-imgs figcaption{padding:5px 8px;font-size:12.5px;font-weight:600;text-align:center}
.sa-files{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sa-thumb img{width:96px;height:72px;object-fit:cover;border-radius:5px;border:1px solid var(--line);display:block}
@media (max-width:900px){.sa-q{grid-template-columns:1fr}.sa-bar{position:static}}

/* laptopy: lista + węższe podsumowanie obok siebie */
@media (min-width:1360px) and (max-width:1699px){
  .proj-lay{grid-template-columns:minmax(0,1fr) 250px;gap:14px}
  .sumcard .grand .v{font-size:23px}
  .thumb{width:72px;height:72px}
  .selrow{max-width:160px}
}

/* wariant do wyboru — na liście, poza wyceną */
.ivar{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);margin-top:6px;cursor:pointer;white-space:nowrap;user-select:none}
.ivar input{width:auto;margin:0;accent-color:var(--acc-plum)}
.var-note{display:none;font-size:10.5px;color:var(--acc-plum);font-weight:600;font-family:var(--sans)}
table.items tr.is-var td{background:repeating-linear-gradient(135deg,#fff 0 10px,#FAF7FD 10px 20px)}
table.items tr.is-var .lineval{color:var(--ink-3);text-decoration:line-through;text-decoration-color:rgba(138,99,181,.5)}
table.items tr.is-var .var-note{display:block}
table.items tr.is-var .var-badge{display:inline-block}
table.items tr.is-var .ivar{color:var(--acc-plum);font-weight:700}
.var-badge{display:none;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--acc-plum);border-radius:3px;padding:1px 6px;margin:0 6px 2px 0;vertical-align:1px;position:relative;z-index:3}
.r-var{color:var(--acc-plum);font-weight:600;white-space:nowrap}

/* przeciąganie pozycji na liście */
table.items td.dcell{padding:0 0 0 4px;vertical-align:middle;width:24px}
table.items .drag{display:inline-flex;align-items:center;justify-content:center;width:20px;height:44px;color:var(--ink-3);cursor:grab;font-size:17px;border-radius:4px;user-select:none}
table.items .drag:hover{color:var(--ink);background:var(--cream-2)}
table.items .drag:active{cursor:grabbing}
table.items tr.dragging td{opacity:.45;background:var(--blue-sf)}

/* zdjęcie pozycji — podmiana */
.ithumb{position:relative;display:inline-block;cursor:pointer}
.ith-edit{position:absolute;left:4px;bottom:4px;display:none;align-items:center;gap:3px;background:rgba(27,37,48,.82);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:3px}
.ith-edit svg{width:11px;height:11px;fill:currentColor}
.ithumb:hover .ith-edit{display:inline-flex}

/* panel admina — aktywność użytkowników */
.ust{font-size:11.5px;font-weight:600;white-space:nowrap}
.ust.on{color:var(--ok)}.ust.idle{color:var(--warn)}.ust.off{color:var(--ink-3);font-weight:500}
.uhours{display:inline-flex;gap:0;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0;cursor:pointer;font:inherit;overflow:hidden}
.uhours:hover{border-color:var(--line-2)}
.uhours span{display:flex;flex-direction:column;align-items:flex-end;padding:3px 9px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink);border-left:1px solid var(--line);min-width:62px}
.uhours span:first-child{border-left:none}
.uhours i{font-style:normal;font-family:var(--sans);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.uh-bar{height:8px;background:var(--cream-2);border-radius:4px;overflow:hidden}.uh-bar span{display:block;height:100%;background:var(--ok)}
.uh-tbl td,.uh-tbl th{white-space:nowrap}.uh-tbl td:last-child{min-width:110px}

/* panel boczny (ankiety bez wychodzenia z widoku) */
.drw-ov{position:fixed;inset:0;background:rgba(27,37,48,.28);z-index:60;opacity:0;transition:opacity .18s}
.drw-ov.on{opacity:1}
.drw{position:fixed;top:0;right:0;bottom:0;width:min(780px,96vw);background:var(--cream);z-index:61;display:flex;flex-direction:column;
  box-shadow:-20px 0 50px -20px rgba(27,37,48,.45);transform:translateX(100%);transition:transform .22s ease}
.drw.on{transform:none}
.drw-h{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}
.drw-t{flex:1;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--navy);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drw-t .muted{font-family:var(--sans);font-size:13px;font-weight:500}
.drw-x{background:none;border:none;font-size:18px;color:var(--ink-3);cursor:pointer;padding:4px 8px;border-radius:5px}.drw-x:hover{background:var(--cream-2);color:var(--ink)}
.drw-b{flex:1;overflow:auto;padding:14px 18px 40px}
.drw-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.drw-it{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.drw-it:hover{border-color:var(--line-2)}
.drw-it.on{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}
.drw-nm{flex:1;font-weight:600;font-size:13.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drw-st{font-size:12px;color:var(--ink-3);white-space:nowrap}
.drw-head{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin:4px 0 12px}
.drw-head > div:first-child{flex:1;min-width:220px}.drw-head h3{font-size:19px;color:var(--navy)}
.drw-acts{display:flex;gap:6px;flex-wrap:wrap}
.drw .sa-bar{top:-14px}
.drw .sa-q{grid-template-columns:minmax(160px,36%) minmax(0,1fr);padding:11px 14px}
.drw .sa-h{padding:12px 14px}
@media (max-width:700px){.drw .sa-q{grid-template-columns:1fr}}

/* ===== nagłówek ankiety — wariant B (karta inwestycji + dokument) ===== */
.svh{display:grid;gap:16px;margin-bottom:16px}
.svh-crumb{font-size:13px;color:var(--ink-3);margin-bottom:12px}.svh-crumb a{color:var(--terra);font-weight:600}
.svh-inv{background:var(--navy);color:#fff;border-radius:8px;overflow:hidden}
.svh-inv-top{display:flex;gap:14px;align-items:flex-start;padding:15px 18px 13px}
.svh-inv-main{flex:1;min-width:0}
.svh-lbl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9FB0C2}
.svh-inv-t{font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:-.01em;color:#fff;margin:2px 0 4px;text-wrap:balance}
.svh-full .svh-inv-t{font-size:23px}
.svh-facts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:#C9D3DD}
.svh-facts b{color:#fff;font-weight:600}
.svh-inv .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.svh-inv-btn{background:transparent!important;border:1px solid var(--navy-line)!important;color:#fff!important;box-shadow:none!important;flex:none}
.svh-inv-btn:hover{border-color:#6B7A8B!important}
.svh-tabs{display:flex;gap:2px;padding:0 10px;background:var(--navy-2);overflow-x:auto;scrollbar-width:thin}
.svh-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:none;background:none;color:#9FB0C2;font:inherit;font-size:12.5px;font-weight:600;border-radius:6px 6px 0 0;cursor:pointer;white-space:nowrap}
.svh-tab:hover{color:#fff}
.svh-tab.on{background:var(--cream);color:var(--navy)}
.svh-tab i{width:7px;height:7px;border-radius:50%;background:#6B7A8B;flex:none}
.svh-tab i.st-wypelniona{background:#8FC19A}.svh-tab.on i.st-wypelniona{background:var(--ok)}
.svh-tab i.st-otwarta{background:#F3A07C}.svh-tab.on i.st-otwarta{background:var(--orange)}
.svh-tab:focus-visible{outline:2px solid var(--terra-lt);outline-offset:-2px}
.svh-doc{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.svh-doc-main{flex:1;min-width:260px}
.svh-title{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--navy);font-size:24px;line-height:1.2;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-wrap:balance}
.svh-full .svh-title{font-size:31px}
.svh-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;border-radius:20px;padding:2px 10px;white-space:nowrap}
.svh-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.svh-ok{background:var(--ok-sf);color:var(--ok)}.svh-warn{background:var(--warn-sf);color:var(--warn)}.svh-off{background:var(--cream-2);color:var(--ink-2)}
.svh-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;margin-top:9px;font-size:12.5px;color:var(--ink-3)}
.svh-step{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.svh-step i{width:9px;height:9px;border-radius:50%;border:2px solid var(--line-2);background:#fff;flex:none}
.svh-step.done{color:var(--ink-2)}.svh-step.done i{border-color:var(--ok);background:var(--ok)}
.svh-step.off i{border-color:var(--ink-3);background:var(--ink-3)}
.svh-step b{color:var(--ink);font-weight:600}
.svh-line .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.svh-dash{width:24px;height:2px;background:var(--line-2);margin:0 9px;flex:none}
.svh-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.drw .svh{margin-bottom:12px}
@media (max-width:700px){.svh-dash{display:none}.svh-line{gap:4px 12px}}

/* panel ankiet bez paska tytułu: karta inwestycji jest nagłówkiem, ✕ w jej rogu */
.drw-bare .drw-h{position:absolute;top:0;right:0;background:none;border:none;padding:8px;z-index:2}
.drw-bare .drw-t{display:none}
.drw-bare .drw-x{color:#C9D3DD;background:rgba(255,255,255,.06)}.drw-bare .drw-x:hover{color:#fff;background:rgba(255,255,255,.14)}
.drw-bare .drw-b{padding-top:12px}
.drw-bare .svh-inv-main{padding-right:32px}
.svh-line{margin-top:6px;font-size:13px}
.svh-title + .svh-line{margin-top:9px}
.svh-step.done:last-child b{color:var(--ok)}
.svh-tab-d{font-family:var(--mono);font-weight:500;font-size:11px;opacity:.75}
.ep-client{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--cream-2);cursor:default}.ep-client a{font-weight:600;color:var(--navy)}.ep-client .muted{font-size:12px}

/* ===== karta klienta (wariant A) ===== */
.ck-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.ck-main{flex:1;min-width:260px}
.ck-head h1{font-size:27px;line-height:1.15;margin:0 0 4px}
.ck-contact{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}
.ck-contact a{color:var(--ink-2);display:inline-flex;align-items:center;gap:5px}.ck-contact a:hover{color:var(--blue-dk)}
.ck-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;position:relative}
.ck-split{display:inline-flex}.ck-split .btn:first-child{border-radius:6px 0 0 6px}.ck-more{border-radius:0 6px 6px 0;padding:0 9px;border-left:1px solid rgba(255,255,255,.35)}
.ck-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 30px -14px rgba(30,39,51,.45);padding:6px;z-index:9;min-width:240px}
.ck-mi{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 12px;border-radius:5px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.ck-mi:hover{background:var(--cream-2)}
.ck-inv{margin-bottom:14px}
.ck-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.ck-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 0;background:none;border:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-3);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.ck-tab:hover{color:var(--ink)}
.ck-tab.on{color:var(--navy);border-bottom-color:var(--terra)}
.ck-n{font-family:var(--mono);font-style:normal;font-size:11px;font-weight:600;background:var(--cream-2);border-radius:10px;padding:1px 7px;color:var(--ink-2)}
.ck-n.hot{background:var(--orange-sf);color:var(--orange-dk)}
.ck-body{display:grid;gap:16px}
.todo{display:grid;gap:8px}
.todo-h{display:flex;align-items:baseline;gap:10px}.todo-h h3{font-size:17px}.todo-h .muted{font-size:12.5px}
.todo-row{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:5px;padding:11px 14px}
.todo-row.alert{border-left-color:var(--orange)}.todo-row.warn{border-left-color:var(--warn)}.todo-row.crit{border-left-color:var(--crit)}.todo-row.info{border-left-color:var(--blue)}
.todo-row .t{flex:1;min-width:0;font-size:13.5px;line-height:1.45}.todo-row .t b{font-weight:600}
.todo-row .t small{display:block;color:var(--ink-3);font-size:12px;margin-top:1px}
.todo-row .btn{flex:none}
.todo-none{background:var(--ok-sf);border-radius:6px;padding:12px 14px;font-size:13.5px;color:var(--ok)}
.ck-notes{max-width:640px}.ck-notes h3{font-size:15px;margin-bottom:6px}.ck-notes-t{font-size:13.5px;margin-bottom:6px}
.ck-notes .btn{margin-top:4px}
.ck-bar{display:flex;align-items:center;gap:10px;font-size:13px}.ck-bar .sp{flex:1}
.ck-two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.ck-two h3{font-size:15px;margin-bottom:8px}
.ck-side{display:grid;gap:12px}
.ck-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:13px}
.ck-kv dt{color:var(--ink-3)}.ck-kv dd{margin:0;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums}
.ck-hint{font-size:12px;margin:10px 0 0}
.ck-two .card p{margin:0 0 8px;font-size:13.5px}
@media (max-width:1100px){.ck-two{grid-template-columns:1fr}}
.pp-add{flex-wrap:wrap}.pp-other{margin-top:8px}
.todo-row .t small a{color:var(--blue-dk);font-weight:600}
.todo-x{background:none;border:none;color:var(--ink-3);font-size:15px;cursor:pointer;padding:2px 6px;border-radius:4px}.todo-x:hover{color:var(--ink);background:var(--cream-2)}
.r-portal{display:inline-flex;align-items:center;gap:4px;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ok);background:var(--ok-sf);border-radius:3px;padding:2px 7px;margin-left:8px;vertical-align:2px;white-space:nowrap}.r-portal svg{width:12px;height:12px;fill:currentColor}

/* pozycja wygaszona — rozmazana na liście, poza sumami, portalem i eksportem */
.iflags{display:flex;gap:10px;flex-wrap:wrap}
.idim{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);margin-top:6px;cursor:pointer;white-space:nowrap;user-select:none}
.idim input{width:auto;margin:0;accent-color:var(--ink-3)}
table.items tr.is-dim td{background:var(--cream)}
table.items tr.is-dim td > *:not(.iflags):not(.dcell):not(.drag){opacity:.38;filter:grayscale(1)}
table.items tr.is-dim .iflags{opacity:1;filter:none}
table.items tr.is-dim .lineval{text-decoration:line-through}
table.items tr.is-dim .idim{color:var(--ink);font-weight:700}
table.items tr.is-dim .var-note{display:block;color:var(--ink-3)}
.r-dim{color:var(--ink-3);font-weight:600;white-space:nowrap}

/* zdjęcie i dane produktu */

/* zdjęcie i dane produktu — jeden zwarty prostokąt, małe pola */
.modal.modal-wide{max-width:860px}
.imgm{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.imgm-prev{display:flex;align-items:center;justify-content:center;background:var(--cream-2);border:2px solid transparent;border-radius:8px;height:190px;overflow:hidden}
.imgm-prev.on{border-color:var(--blue);background:var(--blue-sf)}
.imgm-prev img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}
.imgm-none{color:var(--ink-3);font-size:13px}
.imgm-photo-acts{display:flex;gap:6px;margin-top:8px}
.imgm-hint{font-size:11.5px;line-height:1.35;margin-top:6px}
.imgm-url{display:flex;gap:6px;margin-top:8px}.imgm-url .inp{flex:1;min-width:0;padding:6px 8px;font-size:12.5px}
.imgm-msg{font-size:12px;min-height:16px;margin-top:4px}
.imgm-name{font-family:var(--serif);font-weight:600;font-size:15px;color:var(--navy);margin-bottom:8px;line-height:1.3}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.sp-grid .fld{margin-bottom:0}
.sp-grid .fld label{font-size:10.5px;margin-bottom:2px}
.sp-grid .fld input,.sp-grid .inp{padding:6px 9px;font-size:13px;height:32px}
.sp-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 32px;gap:4px}
.sp-add .btn{padding:0;height:32px;justify-content:center}
.sp-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;min-height:4px}
.sp-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:2px 6px 2px 9px}
.sp-chip .k{color:var(--ink-3)}
.sp-x{background:none;border:none;color:var(--ink-3);cursor:pointer;padding:0 3px;font-size:11px}.sp-x:hover{color:var(--crit)}
.imgm-foot{font-size:11.5px;margin-top:10px}
@media (max-width:760px){.imgm{grid-template-columns:1fr}.sp-grid{grid-template-columns:1fr}}

/* menu ⋮ wiersza pozycji */
table.items td.menu-cell{width:38px;padding:0 4px 0 0;text-align:right}
.imenu{background:none;border:1px solid transparent;border-radius:6px;width:32px;height:34px;font-size:24px;font-weight:700;line-height:1;color:var(--ink-2);cursor:pointer}
.imenu:hover,.imenu:focus-visible{color:var(--ink);background:var(--cream-2);border-color:var(--line)}
.rmenu{position:fixed;z-index:70;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 36px -14px rgba(30,39,51,.5);padding:6px;min-width:250px}
.rm-it{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:6px;font:inherit;color:var(--ink);cursor:pointer}
.rm-it:hover,.rm-it:focus-visible{background:var(--cream-2);outline:none}
.rm-it[disabled]{opacity:.45;cursor:default}
.rm-it.crit{color:var(--crit)}.rm-it.crit:hover{background:var(--crit-sf)}
.rm-ic{width:18px;height:18px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3)}
.rm-ic svg{width:16px;height:16px;fill:currentColor}
.rm-it.crit .rm-ic{color:var(--crit)}
.rm-tx{display:grid;line-height:1.25}.rm-tx b{font-weight:600;font-size:13.5px}.rm-tx small{color:var(--ink-3);font-size:11.5px}
.rm-sep{height:1px;background:var(--line);margin:5px 4px}

/* ===== Moodboard — edytor ===== */
.mb-top{margin-bottom:12px}
.mb-crumb{font-size:13px;color:var(--ink-3);margin-bottom:8px}.mb-crumb a{color:var(--terra);font-weight:600}.mb-crumb a.mb-crumb-p{color:var(--ink);font-weight:600}.mb-crumb a.mb-crumb-p:hover{color:var(--blue-dk)}
.mb-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mb-title h1{font-size:24px;margin:0}
.mb-boards{display:flex;gap:4px;flex-wrap:wrap}
.mb-bt{border:1px solid var(--line-2);background:#fff;border-radius:6px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}
.mb-bt.on{background:var(--navy);border-color:var(--navy);color:#fff}.mb-bt.add{color:var(--ink-3);border-style:dashed}
.mb-bt i{font-style:normal;color:var(--ok);font-size:10px;margin-left:2px}.mb-bt.on i{color:#8FC19A}
.mb-saved{font-size:12px}
.mb-ed{display:grid;grid-template-columns:240px minmax(0,1fr) 230px;gap:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:620px}
.mb-side,.mb-props{padding:12px;font-size:13px}
.mb-side{border-right:1px solid var(--line);overflow:auto;max-height:80vh}
.mb-props{border-left:1px solid var(--line)}
.mb-side h4,.mb-props h4{margin:12px 0 6px;font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.mb-src{display:flex;gap:4px}
.mb-src button,.mb-up{flex:1;text-align:center;padding:6px 4px;border:1px solid var(--line);border-radius:6px;font:inherit;font-size:12px;font-weight:600;color:var(--ink-2);background:#fff;cursor:pointer}
.mb-src button.on{background:var(--cream-2);color:var(--navy);border-color:var(--line-2)}
.mb-src .mb-up{flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;padding:6px 0}
.mb-src-body[data-body="kolory"] > h4:first-child{margin-top:12px}
.mb-src .num{font-family:var(--mono);font-size:10.5px}
.mb-it{display:flex;gap:8px;align-items:center;padding:5px;border-radius:6px;cursor:pointer}
.mb-it:hover{background:var(--cream-2)}
.mb-it img,.mb-noimg{width:44px;height:44px;object-fit:cover;border-radius:6px;background:var(--cream-2);flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3)}
.mb-it .n{flex:1;min-width:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.mb-it .p{font-size:11px;color:var(--ink-2);font-weight:500}
.mb-it.used{opacity:.55}.mb-it .chk{font-size:10.5px;color:var(--ok);font-weight:700;white-space:nowrap}
.mb-swl{display:flex;gap:6px;flex-wrap:wrap}
.mb-swb{width:28px;height:28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(30,39,51,.15);cursor:pointer;padding:0;transition:transform .12s}
.mb-swb:hover{transform:scale(1.12)}
.mb-swb.custom{border-style:dashed}

/* ---------- autorski wybór koloru (colorpicker.js) ---------- */
.cp-btn{display:flex;align-items:center;gap:9px;width:100%;height:36px;padding:3px 12px 3px 4px;border:1px solid var(--line-2);border-radius:18px;background:#fff;font-family:var(--mono);font-size:12.5px;color:var(--ink);cursor:pointer;transition:border-color .15s}
.cp-btn i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(30,39,51,.14)}
.cp-btn:hover{border-color:var(--terra)}
.cp-btn.sm{width:34px;height:28px;padding:0;justify-content:center;border-radius:14px}.cp-btn.sm i{width:22px;height:22px}
.fld .cp-btn{height:44px;border-radius:22px}.fld .cp-btn i{width:36px;height:36px}
.cp{position:fixed;z-index:95;width:318px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:13px;color:var(--ink);
  box-shadow:0 28px 56px -24px rgba(30,39,51,.6),0 2px 6px rgba(30,39,51,.06);animation:cpIn .14s ease-out}
@keyframes cpIn{from{opacity:0;transform:translateY(4px)}}
@media (prefers-reduced-motion:reduce){.cp{animation:none}}
.cp.cp-picking{opacity:.15}
.cp-h{display:flex;align-items:center;gap:8px;margin:-4px -6px 8px;padding:4px 6px;border-radius:10px;cursor:grab;user-select:none;touch-action:none}
.cp-h:hover{background:var(--cream)}
.cp-h b{flex:1;font-family:var(--serif);font-size:15.5px;font-weight:600}
.cp-grip{flex:none;width:10px;height:16px;opacity:.55;background-image:radial-gradient(circle,var(--ink-3) 1.4px,transparent 1.6px);background-size:5px 5px}
.cp.cp-drag{box-shadow:0 36px 70px -24px rgba(30,39,51,.7),0 2px 6px rgba(30,39,51,.08)}
.cp.cp-drag .cp-h{cursor:grabbing;background:var(--cream-2)}
.cp-x{width:28px;height:28px;border-radius:50%;background:none;color:var(--ink-3);font-size:13px}.cp-x:hover{background:var(--cream-2);color:var(--ink)}
.cp-top{display:flex;gap:14px;align-items:center}
.cp-wheel{position:relative;flex:none;width:168px;height:168px;touch-action:none;cursor:crosshair}
.cp-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px));mask:radial-gradient(farthest-side,transparent calc(100% - 18px),#000 calc(100% - 17px))}
.cp-sv{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:12px;background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0))}
.cp-rh,.cp-svh{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(30,39,51,.3),0 3px 8px rgba(30,39,51,.35);pointer-events:none}
.cp-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.cp-prev{display:flex;height:44px;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(30,39,51,.12),0 6px 14px -10px rgba(30,39,51,.5)}
.cp-prev span{flex:1}
.cp-name{font-weight:700;font-size:12.5px;line-height:1.25;min-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-hex{display:flex;align-items:center;gap:6px;border:1px solid var(--line-2);border-radius:8px;padding:0 0 0 8px;background:#fff}
.cp-hex:focus-within{border-color:var(--terra)}
.cp-hex span{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--ink-3)}
.cp-hex input{flex:1;min-width:0;border:none;outline:none;background:none;padding:6px 6px 6px 0;font-family:var(--mono);font-size:13px;text-transform:uppercase;color:var(--ink)}
.cp-drop{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;border:1px solid var(--line-2);border-radius:16px;background:#fff;font-weight:600;font-size:12.5px;color:var(--ink-2)}
.cp-drop svg{width:15px;height:15px;fill:currentColor}.cp-drop:hover{border-color:var(--terra);color:var(--ink)}
.cp-sets{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 10px}
.cp-sets button{height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--line);background:#fff;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.cp-sets button:hover{border-color:var(--line-2);color:var(--ink)}
.cp-sets button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.cp-sets button.mine{border-color:var(--terra-md);color:var(--terra-dk)}
.cp-sets button.mine.on{background:var(--terra);border-color:var(--terra);color:#fff}
.cp-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:9px 6px;justify-items:center}
.cp-dot{width:42px;height:42px;border-radius:50%;padding:0;border:3px solid #fff;box-shadow:0 0 0 1px rgba(30,39,51,.14),0 6px 12px -8px rgba(30,39,51,.55);transition:transform .12s}
.cp-dot:hover{transform:scale(1.1)}
.cp-dot.on,.cp-rd.on{box-shadow:0 0 0 2px var(--navy),0 6px 12px -8px rgba(30,39,51,.55)}
.cp-rec{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;min-height:0}
.cp-rec:empty{display:none}
.cp-rec span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}
.cp-rd{width:22px;height:22px;border-radius:50%;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px rgba(30,39,51,.16)}
.cp-f{display:flex;justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.mb-palset{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mb-paltile{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:5px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11.5px;font-weight:600;color:var(--ink-2)}
.mb-paltile:hover{border-color:var(--terra);color:var(--ink)}
.mb-palprev{display:block;width:100%;margin:auto;pointer-events:none}
.mb-paltile{justify-content:space-between;min-height:96px}
.mb-paltile > span:last-child{text-align:center}
.mb-palprev.mb-board{border-radius:4px}
.mb-shapes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.mb-shapes button,.mb-lays button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:10px;color:var(--ink-2);line-height:1.1}
.mb-shapes button.on,.mb-lays button.on{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);color:var(--ink);font-weight:700}
.shp{display:block;width:22px;height:22px;background:var(--terra-md)}
.shp-rect{border-radius:3px;height:16px;margin:3px 0}.shp-circle{border-radius:50%}.shp-pill{border-radius:99px;height:12px;margin:5px 0;width:26px}
.shp-arch{border-radius:11px 11px 2px 2px;height:24px;width:18px;margin:-1px 0}.shp-chip{width:18px;height:24px;margin:-1px 0;background:#fff;box-shadow:0 0 0 1px var(--line-2);position:relative}
.shp-chip::after{content:'';position:absolute;left:3px;right:3px;top:3px;height:13px;background:var(--terra-md);border-radius:1px}
.mb-lays{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mb-lays button{font-size:12px;padding:7px 4px}
.mb-cols{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.mb-colr{display:grid;grid-template-columns:34px 1fr 24px;gap:4px;align-items:center}
/* moje warianty kolorystyczne */
.mb-schs{display:flex;flex-direction:column;gap:4px}
.mb-sch{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n m" "d m";align-items:center;gap:4px 6px;padding:7px 4px 8px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}
.mb-sch .mb-sch-n{grid-area:n;white-space:normal;line-height:1.25}.mb-sch .mb-sch-dots{grid-area:d}.mb-sch .mb-sch-m{grid-area:m}
.mb-sch:hover{border-color:var(--terra)}
.mb-sch-dots,.mb-sch-prev{display:flex}
.mb-sch-dots i,.mb-sch-prev i{display:block;width:18px;height:18px;border-radius:50%;border:2px solid #fff;margin-left:-6px;box-shadow:0 0 0 1px rgba(30,39,51,.12)}
.mb-sch-dots i:first-child,.mb-sch-prev i:first-child{margin-left:0}
.mb-sch-prev i{width:34px;height:34px;margin-left:-10px;border-width:3px}
.mb-sch-n{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-sch-m{background:none;border:none;color:var(--ink-3);font-size:18px;font-weight:700;width:24px;height:26px;border-radius:5px}
.mb-sch-m:hover{background:var(--cream-2);color:var(--ink)}
.mb-sch-empty{font-size:12px;color:var(--ink-3);padding:2px 0 4px}
.mb-sch-save{margin-top:6px;width:100%;justify-content:center;border:1px dashed var(--line-2)}
.mb-sch-savep{margin-top:10px;width:100%;justify-content:center}
.mb-boardcols{flex-wrap:wrap;row-gap:4px;padding-left:6px}.mb-boardcols i{width:24px;height:24px}
.mb-colr .inp{height:28px;padding:3px 7px;font-size:12px}
.mb-colx{background:none;color:var(--ink-3);font-size:13px;height:28px}.mb-colx:hover:not(:disabled){color:var(--crit)}.mb-colx:disabled{opacity:.3;cursor:default}
.mb-swb.custom{background:#fff;border:1px dashed var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);font-weight:700}
.mb-work{background:var(--cream);padding:12px;display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0}
.mb-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mb-sep{width:1px;height:22px;background:var(--line-2);margin:0 4px}
.mb-grid-t{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2)}.mb-grid-t input{width:auto}
.mb-hint{font-size:11.5px;margin-left:auto}
.mb-canvas-wrap{display:flex;align-items:flex-start;justify-content:center}
.mb-canvas{width:100%;max-width:1200px;border:1px solid var(--line-2);box-shadow:0 1px 3px rgba(30,39,51,.08);touch-action:none;
  background-image:linear-gradient(rgba(30,39,51,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(30,39,51,.09) 1px,transparent 1px);background-size:2% 2.6667%}
.mb-canvas.mb-nogrid{background-image:none}
.mb-canvas .mb-el{cursor:move}
.mb-canvas .mb-el.mb-sel{outline:2px solid var(--blue);outline-offset:2px;mix-blend-mode:normal}
.mb-h{position:absolute;width:11px;height:11px;background:#fff;border:2px solid var(--blue);border-radius:2px;z-index:5}
.mb-h.tl{left:-7px;top:-7px;cursor:nwse-resize}.mb-h.tr{right:-7px;top:-7px;cursor:nesw-resize}.mb-h.bl{left:-7px;bottom:-7px;cursor:nesw-resize}.mb-h.br{right:-7px;bottom:-7px;cursor:nwse-resize}
.mb-rot{position:absolute;left:50%;top:-28px;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--blue);cursor:grab;z-index:5}
.mb-rot::before{content:"";position:absolute;left:4px;top:10px;width:2px;height:13px;background:var(--blue)}
.mb-card{border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:8px}
.mb-card b{display:block;font-size:13px;margin-bottom:4px}
.mb-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px}
.mb-kv.four{grid-template-columns:auto 1fr auto 1fr;align-items:center}
.mb-kv span:nth-child(odd){color:var(--ink-3)}
.mb-kv .inp{padding:4px 7px;font-size:12.5px;height:28px}
.mb-lbl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:10px 0 4px}
.mb-row{display:flex;gap:6px;margin-top:6px}
.mb-tog{display:flex;align-items:center;gap:7px;font-size:12.5px;margin-top:8px;cursor:pointer}.mb-tog input{width:auto}
@media (max-width:1100px){.mb-ed{grid-template-columns:200px minmax(0,1fr)}.mb-props{grid-column:1/-1;border-left:none;border-top:1px solid var(--line)}}

.mb-hero{display:flex;gap:16px;align-items:center;background:var(--navy);color:#fff;border-radius:8px;padding:16px 20px;margin-bottom:8px}
.mb-hero b{display:block;font-family:var(--serif);font-size:17px;margin-bottom:2px}
.mb-hero .muted{color:#C9D3DD;font-size:13px}
.mb-hero > div{flex:1}

/* ---------- Pliki projektu + uwagi na obrazach (4.3 / 4.5) ---------- */
.btn-bdg{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:11.5px;font-weight:700;font-family:var(--mono)}
.pf-page{min-height:calc(100vh - 150px)}
.pf-sub{font-size:13px;max-width:560px}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;border-radius:8px;transition:background .15s,outline-color .15s;outline:2px dashed transparent;outline-offset:6px}
.pf-grid.pf-drop{outline-color:var(--blue);background:var(--blue-sf)}
.pf-empty{grid-column:1/-1;border:1.5px dashed var(--line-2);border-radius:8px;padding:48px 20px;text-align:center;color:var(--ink-2);background:#fff}
.pf-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.pf-card.pf-hasnew{border-color:var(--orange)}
.pf-th{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;background:var(--cream-2);border-bottom:1px solid var(--line);overflow:hidden}
.pf-th img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.pf-th:hover img{transform:scale(1.03)}
.pf-kind{position:absolute;left:8px;top:8px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:3px}
.pf-new{position:absolute;right:8px;top:8px;background:var(--orange);color:#fff;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:10px}
.pf-b{padding:10px 12px 8px;display:flex;flex-direction:column;gap:3px}
.pf-n{background:none;padding:0;text-align:left;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-n:hover{color:var(--terra-dk)}
.pf-m{font-size:12px;color:var(--ink-3)}.pf-m b{color:var(--orange-dk);font-weight:600}
.pf-row{display:flex;align-items:center;margin-top:2px}
.pf-vis{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap}.pf-vis input{width:auto;margin:0}
.fv{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.fv-main{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.fv-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line)}
.fv-name{font-size:18px;margin:0;max-width:40ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fv-seg{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:6px;overflow:hidden;background:#fff}
.fv-seg button{background:#fff;height:30px;min-width:30px;padding:0 9px;font-size:13px;font-weight:600;color:var(--ink-2);border-right:1px solid var(--line)}
.fv-seg button:last-child{border-right:none}
.fv-seg button:hover:not(:disabled){background:var(--cream-2);color:var(--ink)}
.fv-seg button:disabled{color:var(--line-2);cursor:default}
.fv-seg button.on{background:var(--navy);color:#fff}
.fv-seg > span{padding:0 9px;font-size:12.5px;color:var(--ink-2);border-right:1px solid var(--line);height:30px;display:inline-flex;align-items:center}
.fv-stage{height:calc(100vh - 250px);min-height:380px;overflow:auto;background:var(--cream-3);display:grid;place-items:center;padding:12px}
.fv-pagebox{position:relative;margin:auto;cursor:crosshair;box-shadow:0 6px 24px -10px rgba(30,39,51,.4);background:#fff;max-width:none}
.fv-pagebox img{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}
.fv-pins{position:absolute;inset:0;pointer-events:none}
/* pinezka: środek koła = kliknięty punkt */
.fv-pin{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font:700 12.5px/1 var(--mono);color:#fff;background:var(--navy);border:2px solid #fff;box-shadow:0 2px 0 1px rgba(30,39,51,.25),0 4px 12px rgba(30,39,51,.4);cursor:pointer;padding:0}
.fv-pin:hover{transform:translate(-50%,-50%) scale(1.12)}
.fv-pin.kl{background:var(--orange)}
.fv-pin.closed{background:#9AA3AD;opacity:.85}
.fv-pin.sel{outline:3px solid var(--blue);outline-offset:1px;z-index:2}
.fv-pin{transition:background-color .15s,transform .15s}
.fv-pin.hl{background:var(--blue);transform:translate(-50%,-50%) scale(1.15);z-index:3}
.fv-note{transition:background-color .15s}
.fv-note.hl{background:var(--blue-sf)}
.fv-num{transition:background-color .15s}
.fv-note.hl .fv-num{background:var(--blue)}
.fv-pin.draft{background:var(--terra);pointer-events:none;animation:fvPulse 1.2s ease-in-out infinite}
@keyframes fvPulse{50%{box-shadow:0 0 0 7px rgba(89,65,127,.25)}}
@media (prefers-reduced-motion:reduce){.fv-pin.draft{animation:none}}
.fv-hint{padding:7px 12px;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line)}
.fv-side{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 150px);position:sticky;top:78px}
.fv-side-h{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.fv-side-h h3{font-size:16px;flex:1}
.fv-list{overflow:auto;padding:6px}
.fv-emptyl{padding:18px 10px;color:var(--ink-2);font-size:13px;text-align:center}
.fv-note,.fv-draft{border:1px solid transparent;border-radius:6px;padding:9px 10px;margin-bottom:4px;cursor:pointer}
.fv-note:hover{background:var(--cream)}
.fv-note.sel{border-color:var(--line-2);background:#FBFAF7;cursor:default}
.fv-note.new{border-left:3px solid var(--orange)}
.fv-note.closed .fv-nb{color:var(--ink-3)}
.fv-draft{margin:8px 8px 0;border-color:var(--terra);background:var(--terra-sf);cursor:default}
.fv-draft textarea{width:100%;margin:6px 0;padding:8px 10px;border:1px solid var(--line-2);border-radius:5px;resize:vertical;background:#fff}
.fv-dact{display:flex;gap:6px}
.fv-nh,.fv-rh{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px}
.fv-num{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 11.5px/1 var(--mono);color:#fff;background:var(--navy)}
.fv-num.kl{background:var(--orange)}.fv-num.draft{background:var(--terra)}
.fv-note.closed .fv-num{background:#9AA3AD}
.fv-role{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--orange-dk);background:var(--orange-sf);padding:1px 6px;border-radius:3px}
.fv-newb{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--orange);padding:1px 6px;border-radius:3px}
.fv-when{margin-left:auto;color:var(--ink-3);font-size:11.5px;font-family:var(--mono)}
.fv-nb{margin:4px 0 0 29px;font-size:13.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.fv-rep{margin:7px 0 0 29px;padding:6px 9px;border-left:2px solid var(--navy);background:var(--cream);border-radius:0 5px 5px 0}
.fv-rep.kl{border-left-color:var(--orange)}
.fv-rep .fv-nb{margin:2px 0 0}
.fv-closed{margin:6px 0 0 29px;font-size:12px;color:var(--ok);font-weight:600}
.fv-nact{display:none;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 0 29px}
.fv-note.sel .fv-nact{display:flex}
.fv-nact .inp{flex:1 1 calc(100% - 90px);min-width:0;height:34px}
.fv-nact [data-close]{margin-right:auto}
.imenu.sm{width:28px;height:30px;font-size:20px}
@media (max-width:1100px){.fv{grid-template-columns:1fr}.fv-side{position:static;max-height:none}.fv-stage{height:62vh}}

/* ---------- Ceny w sklepach (6.1 / 6.4) ---------- */
.pchk{display:block;margin:3px 0 0 auto;max-width:96px;padding:1px 6px;border-radius:3px;font:600 11px/1.3 var(--sans);text-align:right;white-space:normal;background:none;border:1px solid transparent}
button.pchk{cursor:pointer}
.pchk.ok{color:var(--ink-3);font-weight:500;font-family:var(--mono)}
.pchk.up{color:var(--orange-dk);background:var(--orange-sf);border-color:#F5C9A3;font-family:var(--mono)}
.pchk.down{color:var(--ok);background:var(--ok-sf);border-color:#C6DAC2;font-family:var(--mono)}
.pchk.dead{color:var(--crit);background:var(--crit-sf);border-color:#EBC3BC}
.pchk.unk{color:var(--warn);background:var(--warn-sf);border-color:#EBD6B5}
button.pchk:hover{filter:brightness(.96);border-color:currentColor}
.pc-box{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.pc-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13.5px;margin-bottom:8px}
.pc-h .muted{font-size:11.5px;font-family:var(--mono)}
.pc-chips{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.pc-chip{display:flex;justify-content:space-between;gap:8px;text-align:left;padding:6px 9px;border-radius:5px;font-size:12.5px;font-weight:600;border:1px solid transparent;background:var(--cream)}
.pc-chip .num{font-weight:600}
.pc-chip.up{color:var(--orange-dk);background:var(--orange-sf)}
.pc-chip.dead{color:var(--crit);background:var(--crit-sf)}
.pc-chip.unk{color:var(--warn);background:var(--warn-sf)}
.pc-chip.on{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.pc-ok{font-size:12.5px;color:var(--ok);font-weight:600}
.pc-st{font-size:12.5px;color:var(--ink-2);margin-bottom:8px}
.pc-prog{height:6px;border-radius:6px;background:var(--cream-3);overflow:hidden;margin-bottom:6px}
.pc-prog span{display:block;height:100%;background:var(--blue);transition:width .4s}
.pc-act{display:flex;gap:6px;flex-wrap:wrap}

/* =====================================================================
   NOWY WYGLĄD v2 — docs/wytyczne-v2 (pulpit v2.0, strona główna v1.0)
   Włączany klasą html.ui-v2 (adres ?ui=v2, wyłączenie ?ui=v1).
   Zasada: te same treści i funkcje, zmienia się tylko szata graficzna i UX.
   ===================================================================== */
.logo-v2,.nav-toggle{display:none}
.side a.logo-v2{display:none}   /* stary wygląd: styl linków panelu (.side a) nie może pokazać logo z nowego paska */
html.ui-v2{
  --wp-bg:#FAFAF9;--wp-surface:#FFFFFF;--wp-surface-soft:#F0F0F2;
  --wp-navy:#202737;--wp-navy-hover:#2C3549;--wp-navy-line:#414B60;
  --wp-on-navy:#FFFFFF;--wp-on-navy-muted:#D7DBE5;--wp-on-navy-link:#D7C5F4;
  --wp-text:#24252A;--wp-muted:#62636C;--wp-border:#DADADD;--wp-field-border:#868894;
  --wp-purple:#59417F;--wp-purple-hover:#473366;--wp-purple-soft:#EEE9F5;
  --wp-orange:#C96845;--wp-orange-on-navy:#F3A07C;
  --wp-success:#286448;--wp-success-bg:#EAF4EE;--wp-warning:#8A4B16;--wp-warning-bg:#FFF1E1;--wp-danger:#A1313D;--wp-danger-bg:#FBECEF;
  --wp-ui:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --wp-display:var(--wp-ui);   /* jeden krój w całym panelu — Outfit, zbliżony do logo */
  --wp-content-max:1440px;--wp-gutter:32px;--wp-gap:24px;--wp-radius:10px;--wp-control-radius:8px;
  --wp-shadow:0 4px 18px rgba(32,39,55,.04);--wp-motion:160ms ease;
  /* tokeny dotychczasowego wyglądu przemapowane na nowy klimat — podstrony przed przebudową dostają kolory i fonty v2 */
  --cream:#FAFAF9;--cream-2:#F0F0F2;--cream-3:#E6E6EA;
  --ink:#24252A;--ink-2:#62636C;--ink-3:#85868F;--line:#DADADD;--line-2:#C6C6CC;
  --navy:#202737;--navy-2:#2C3549;--navy-line:#414B60;--footer:#1A2030;
  --terra:#59417F;--terra-dk:#473366;--terra-sf:#EEE9F5;--terra-md:#8C74B3;--terra-lt:#B7A6D3;
  --copper-grad:linear-gradient(#59417F,#59417F);
  --orange:#C96845;--orange-dk:#24252A;--orange-sf:#F7EDE8;
  --ok:#286448;--ok-sf:#EAF4EE;--warn:#8A4B16;--warn-sf:#FFF1E1;--crit:#A1313D;--crit-sf:#FBECEF;
  --sans:var(--wp-ui);--serif:var(--wp-display);--mono:var(--wp-ui);
}
html.ui-v2 body{background:var(--wp-bg);color:var(--wp-text);font-family:var(--wp-ui)}
html.ui-v2 h1,html.ui-v2 h2,html.ui-v2 h3,html.ui-v2 h4{font-family:var(--wp-ui)}
html.ui-v2 :focus-visible{outline:3px solid var(--wp-purple);outline-offset:3px}
html.ui-v2 .num{font-variant-numeric:tabular-nums}
html.ui-v2 .btn{box-shadow:none;border-radius:var(--wp-control-radius);transition:background var(--wp-motion),border-color var(--wp-motion),color var(--wp-motion)}
html.ui-v2 .btn:not(.sec):not(.ghost):not(.dash):hover{filter:none;background:var(--wp-purple-hover)}
html.ui-v2 .btn.sec{color:var(--wp-purple);border-color:var(--wp-field-border)}
html.ui-v2 .btn.sec:hover{background:var(--wp-purple-soft)}
html.ui-v2 .chip{border-radius:6px}
html.ui-v2 .c-projekt,html.ui-v2 .c-realizacja,html.ui-v2 .c-do_akceptacji,html.ui-v2 .c-propozycja{background:var(--wp-purple-soft);color:var(--wp-purple)}
@media (prefers-reduced-motion:reduce){html.ui-v2 *{transition:none!important;animation:none!important}}

/* ---- rama: granatowy pasek nawigacji zamiast bocznego menu ---- */
html.ui-v2 .layout{display:block;min-height:100vh}
html.ui-v2 .side{position:sticky;top:0;left:auto;z-index:60;width:auto;height:auto;overflow:visible;transition:none;
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 22px;min-height:64px;
  padding-block:10px;padding-inline:max(var(--wp-gutter), calc((100% - var(--wp-content-max)) / 2 + var(--wp-gutter)));
  background:var(--wp-navy);color:var(--wp-on-navy);box-shadow:0 1px 0 rgba(0,0,0,.18)}
html.ui-v2 .side .brandmark{display:flex!important;flex-direction:column;align-items:flex-start;flex:none;margin:0 10px 0 0!important}
html.ui-v2 .side .logo-img{display:none!important}
html.ui-v2 .side .logo-v2{display:block;padding:0;margin:0;line-height:0;background:none;box-shadow:none;border-radius:4px}
html.ui-v2 .logo-v2 img{height:30px;width:auto;display:block}
html.ui-v2 .side .slogan{margin:5px 0 0;text-align:left;font-size:10.5px;letter-spacing:.02em;color:var(--wp-on-navy-muted);opacity:.85;white-space:nowrap}
html.ui-v2 .side a[data-route]{position:relative;display:flex;align-items:center;gap:0;padding:10px 0;border-radius:0;background:none;box-shadow:none;
  color:var(--wp-on-navy-muted);font:500 14px/1.2 var(--wp-ui);white-space:nowrap;text-decoration:none;transition:color var(--wp-motion)}
html.ui-v2 .side a[data-route] .ic{display:none}
html.ui-v2 .side a[data-route]:hover{background:none;color:#fff}
html.ui-v2 .side a[data-route].on{background:none;color:var(--wp-on-navy-link);box-shadow:inset 0 -2px 0 var(--wp-on-navy-link)}
html.ui-v2 .side .sep{flex:none;width:1px;height:20px;margin:0;background:var(--wp-navy-line)}
html.ui-v2 .side .grow{flex:1 1 0;min-width:0}
html.ui-v2 .side-photo{display:none}
html.ui-v2 .side :focus-visible{outline-color:var(--wp-on-navy-link)}
html.ui-v2 .side a[data-route="trash"],html.ui-v2 .side a[data-route="settings"],html.ui-v2 .side a[data-route="roadmap"],html.ui-v2 .side a[data-route="admin"],
html.ui-v2 .side .sep,html.ui-v2 .side .u{display:none!important}
.u2,.subnav{display:none}
html.ui-v2 .u2{display:flex;align-items:center;gap:16px;min-width:0}
html.ui-v2 .u2-ws{max-width:220px;padding:8px 14px;border:1px solid var(--wp-navy-line);border-radius:var(--wp-control-radius);color:#fff;font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .u2-wrap{position:relative}
html.ui-v2 .u2-btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 6px 4px 4px;border:0;border-radius:24px;background:none;color:#fff;font:500 14px var(--wp-ui);cursor:pointer}
html.ui-v2 .u2-btn:hover{background:var(--wp-navy-hover)}
html.ui-v2 .u2-av{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#B9A3F1,#7C3DFB);color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em}
html.ui-v2 .u2-name{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .u2-chev{width:8px;height:8px;margin:0 4px 3px 2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg)}
html.ui-v2 .u2-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:230px;padding:14px 16px;background:var(--wp-surface);color:var(--wp-text);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:0 18px 40px -18px rgba(32,39,55,.45)}
html.ui-v2 .u2-m-name{font-weight:600;font-size:15px}
html.ui-v2 .u2-m-ws{font-size:13px;color:var(--wp-muted)}
html.ui-v2 .u2-plan{display:inline-block;margin:10px 0 12px;padding:3px 9px;border-radius:6px;background:var(--wp-purple-soft);color:var(--wp-purple);font-size:12px;font-weight:600}
html.ui-v2 .u2-out{display:block;width:100%;min-height:40px;border:1px solid var(--wp-border);border-radius:var(--wp-control-radius);background:var(--wp-surface);color:var(--wp-purple);font:600 14px var(--wp-ui);cursor:pointer}
html.ui-v2 .u2-out:hover{background:var(--wp-purple-soft)}
html.ui-v2 .subnav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px 24px;padding:12px max(var(--wp-gutter), calc((100% - var(--wp-content-max)) / 2 + var(--wp-gutter))) 0}
html.ui-v2 .subnav a{display:inline-flex;align-items:center;gap:7px;padding:4px 0;color:var(--wp-text);font-size:14px;font-weight:500;text-decoration:none}
html.ui-v2 .subnav a svg{width:17px;height:17px;fill:currentColor;opacity:.8}
html.ui-v2 .subnav a:hover{color:var(--wp-purple)}
html.ui-v2 .subnav a.on{color:var(--wp-purple);box-shadow:inset 0 -2px 0 var(--wp-purple)}
html.ui-v2 .subnav + .content.v-dash .wp-welcome{padding-top:12px}
html.ui-v2 .side .u{display:flex;align-items:center;gap:14px;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid var(--wp-navy-line);font-size:12.5px;color:var(--wp-on-navy-muted)}
html.ui-v2 .side .u .u-who{display:flex;flex-direction:column;min-width:0;max-width:190px;line-height:1.3}
html.ui-v2 .side .u b{display:block;color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .side .u #uWorkshop{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .side .u .u-row{margin:0;gap:12px}
html.ui-v2 .side .u .plan-pill{border:1px solid var(--wp-navy-line);border-radius:6px;color:var(--wp-on-navy-muted);font-family:var(--wp-ui);white-space:nowrap}
html.ui-v2 .side .u #logout{color:var(--wp-on-navy-link);font-size:13px;text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .side .u #logout:hover{color:#fff}
html.ui-v2 .nav-toggle{align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--wp-navy-line);border-radius:var(--wp-control-radius);
  background:transparent;color:#fff;font:600 14px var(--wp-ui);cursor:pointer}
html.ui-v2 .nav-toggle:hover{background:var(--wp-navy-hover)}
html.ui-v2 #burger{display:none!important}
html.ui-v2 .main{min-height:calc(100vh - 64px)}
html.ui-v2 .content{max-width:none;padding:28px max(var(--wp-gutter), calc((100% - var(--wp-content-max)) / 2 + var(--wp-gutter))) 64px}
html.ui-v2 .content.v-dash{padding:0 0 64px}
html.ui-v2 #impBanner{padding-inline:max(var(--wp-gutter), calc((100% - var(--wp-content-max)) / 2 + var(--wp-gutter)))!important}

/* pasek zwinięty do przycisku „Menu", gdy pozycje nie mieszczą się w jednym wierszu */
@media (max-width:1440px){html.ui-v2 .u2-ws{display:none}}
@media (max-width:1240px){
  html.ui-v2 .side{gap:0 16px}
  html.ui-v2 .nav-toggle{display:inline-flex;order:2;margin-left:auto}
  html.ui-v2 .side a[data-route],html.ui-v2 .side .sep,html.ui-v2 .side .grow{display:none}
  html.ui-v2 .u2{order:3}
  html.ui-v2 .side.open a[data-route]:not(.hidden){display:flex;order:5;flex:0 0 100%;padding:13px 4px;border-top:1px solid var(--wp-navy-line);font-size:15px}
  html.ui-v2 .side.open a[data-route]:not(.hidden):first-of-type{margin-top:10px}
  html.ui-v2 .side.open a[data-route].on{box-shadow:inset 3px 0 0 var(--wp-on-navy-link);padding-left:14px}
}
@media (max-width:700px){
  html.ui-v2{--wp-gutter:20px}
  html.ui-v2 .side .slogan{display:none}
  html.ui-v2 .u2-name{display:none}
  html.ui-v2 .subnav{justify-content:flex-start}
  html.ui-v2 .side{gap:0 10px}
  html.ui-v2 .side .logo-v2 img{height:26px}
  html.ui-v2 .u2{order:2;margin-left:auto}
  html.ui-v2 .nav-toggle{order:3;margin-left:0;padding:0 12px}
  html.ui-v2 .content{padding-top:20px}
}

/* ---- Pulpit v2 ---- */
html.ui-v2 .wp-container{width:min(100% - 2 * var(--wp-gutter), var(--wp-content-max) - 2 * var(--wp-gutter));margin-inline:auto}   /* ta sama linia co pasek nawigacji i pozostałe zakładki */
html.ui-v2 .wp-welcome{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:36px 34px}
html.ui-v2 .wp-welcome h1{margin:0 0 10px;font:600 clamp(28px,2.5vw,40px)/1.12 var(--wp-display);letter-spacing:-.03em;color:var(--wp-text);text-wrap:balance}
html.ui-v2 .wp-lead{margin:0;max-width:52ch;font-size:17px;line-height:1.55;color:var(--wp-muted)}
html.ui-v2 .wp-eyebrow{margin:24px 0 10px;font:500 14px/1.3 var(--wp-ui);letter-spacing:0;text-transform:none;color:var(--wp-text)}
html.ui-v2 .wp-stats{display:flex;flex-wrap:wrap;gap:16px 30px}
html.ui-v2 .wp-stat{min-width:0;padding-left:18px;border-left:1px solid var(--wp-border)}
html.ui-v2 .wp-stat-l{display:block;font-size:14px;color:var(--wp-text)}
html.ui-v2 .wp-stat strong{display:block;margin:0;font-size:28px;letter-spacing:-.01em;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:var(--wp-text);white-space:nowrap}
html.ui-v2 .wp-stat small{display:block;font-size:12.5px;color:var(--wp-muted)}
html.ui-v2 .wp-stat strong .wp-cur{font-size:15px;font-weight:500;color:var(--wp-muted)}
html.ui-v2 .wp-welcome-deco{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:0 26px;align-items:center;height:240px;margin:0;min-width:0}
html.ui-v2 .wp-deco-photo{align-self:stretch;min-width:0;border-radius:0 var(--wp-radius) var(--wp-radius) 0;
  background:#E8E6E3 url(/app/img/deco-head-wnetrze.jpg) 4% 88%/auto 150% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
html.ui-v2 .wp-deco-quote{position:static;width:auto;padding:0;background:none;border:0;box-shadow:none}
html.ui-v2 .wp-deco-quote blockquote{margin:0;font:500 22px/1.25 var(--wp-display);letter-spacing:-.01em;color:var(--wp-text);text-wrap:balance}
html.ui-v2 .wp-deco-line{display:block;width:28px;height:2px;margin:16px 0 14px;background:var(--wp-orange)}
html.ui-v2 .wp-deco-quote p{margin:0;padding:0;border:0;font-size:12px;letter-spacing:.02em;text-transform:none;color:var(--wp-muted)}
html.ui-v2 .wp-onb{margin-bottom:28px!important}
/* pas na pulpicie: „Wymaga uwagi" + „Informacje" */
html.ui-v2 .wp-attention{background:var(--wp-navy);color:var(--wp-on-navy);padding-block:24px}
html.ui-v2 .wp-attention-box{border:1px solid var(--wp-navy-line);border-radius:var(--wp-radius)}
html.ui-v2 .wp-att2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
html.ui-v2 .wp-att2.is-loading{min-height:250px}
html.ui-v2 .wp-att-col{min-width:0;padding:20px 24px 18px;border-right:1px solid var(--wp-navy-line)}
html.ui-v2 .wp-info-col{min-width:0;padding:20px 24px 18px}
html.ui-v2 .wp-attention h2{display:flex;align-items:center;gap:12px;min-height:34px;margin:0 0 12px;font:600 26px/1.2 var(--wp-display);letter-spacing:-.02em;color:#fff}
html.ui-v2 .wp-attention h2.wp-info-h{font-size:21px;color:var(--wp-on-navy-muted)}
html.ui-v2 .wp-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:#E4703A;color:#fff;font:600 14px/1 var(--wp-ui);letter-spacing:0}
/* ikona w kolorowym kwadracie — kolor z --c */
html.ui-v2 .wp-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--c)}
html.ui-v2 .wp-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 .wp-ic.sm{width:18px;height:18px}
html.ui-v2 .wp-ic.sm svg{width:17px;height:17px;stroke-width:1.9}
html.ui-v2 .wp-signal{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--wp-navy-line)}
html.ui-v2 .wp-signal-tx strong{display:block;font-size:14.5px;font-weight:600;line-height:1.35;color:#fff;overflow-wrap:break-word}
html.ui-v2 .wp-signal-tx small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--wp-on-navy-muted);overflow-wrap:break-word}
html.ui-v2 .wp-signal-act{padding:8px 0;border:0;background:none;color:var(--wp-on-navy-link);font:500 14px var(--wp-ui);white-space:nowrap;text-decoration:none;cursor:pointer;transition:color var(--wp-motion),background var(--wp-motion)}
html.ui-v2 .wp-signal-act:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
html.ui-v2 .wp-signal-act.is-btn{padding:7px 14px;border:1px solid #F08B4F;border-radius:6px;color:#F6A676}
html.ui-v2 .wp-signal-act.is-btn:hover{background:rgba(240,139,79,.12);color:#FFC4A0;text-decoration:none}
html.ui-v2 .wp-attention :focus-visible{outline-color:var(--wp-on-navy-link)}
html.ui-v2 .wp-more{min-height:40px;margin:8px 0 0;padding:0 16px;border:1px solid var(--wp-navy-line);border-radius:var(--wp-control-radius);background:none;color:var(--wp-on-navy-link);font:600 13px var(--wp-ui);cursor:pointer}
html.ui-v2 .wp-more:hover{background:var(--wp-navy-hover);color:#fff}
html.ui-v2 .wp-ok{display:flex;align-items:center;gap:16px;padding:16px 0 6px;border-top:1px solid var(--wp-navy-line)}
html.ui-v2 .wp-ok-ic{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(143,211,174,.15);color:#8FD3AE;font-size:24px;font-weight:700}
html.ui-v2 .wp-ok b{display:block;font:600 24px/1.2 var(--wp-display);color:#fff}
html.ui-v2 .wp-ok p{margin:3px 0 0;font-size:14px;color:var(--wp-on-navy-muted)}
html.ui-v2 .wp-checks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding-top:14px;border-top:1px solid var(--wp-navy-line);font-size:12.5px;color:var(--wp-on-navy-muted)}
html.ui-v2 .wp-checks-l{flex:0 0 100%;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
html.ui-v2 .wp-check{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
html.ui-v2 .wp-att-err{margin:10px 0 0;color:var(--wp-orange-on-navy);font-size:13.5px}
html.ui-v2 .wp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
html.ui-v2 .wp-tile{min-width:0;display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--wp-navy-line)}
html.ui-v2 .wp-tile-tx{min-width:0}
html.ui-v2 .wp-tile-tx span{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp-on-navy-muted)}
html.ui-v2 .wp-tile-tx strong{display:block;margin-top:2px;font-size:21px;font-weight:600;line-height:1.25;color:#fff;font-variant-numeric:tabular-nums}
html.ui-v2 .wp-tile-tx small{display:block;margin-top:1px;font-size:13px;line-height:1.4;color:var(--wp-on-navy-muted);overflow-wrap:break-word}
/* projekty */
html.ui-v2 .wp-projects{padding-top:36px}
html.ui-v2 .wp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
html.ui-v2 .wp-section-head h2{margin:0;font:600 28px/1.2 var(--wp-display);letter-spacing:-.02em;color:var(--wp-text)}
html.ui-v2 .wp-btn-sec{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--wp-field-border);border-radius:var(--wp-control-radius);background:var(--wp-surface);color:var(--wp-purple);font:600 14px var(--wp-ui);text-decoration:none;transition:background var(--wp-motion)}
html.ui-v2 .wp-btn-sec:hover{background:var(--wp-purple-soft)}
html.ui-v2 .wp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp-gap)}
html.ui-v2 .wp-card{min-width:0;display:flex;flex-direction:column;padding:20px;background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow);cursor:pointer;transition:border-color var(--wp-motion),box-shadow var(--wp-motion)}
html.ui-v2 .wp-card:hover{border-color:#BDBDC5;box-shadow:0 12px 30px -18px rgba(32,39,55,.3)}
html.ui-v2 .wp-card-top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start}
html.ui-v2 .wp-thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:var(--wp-surface-soft)}
html.ui-v2 .wp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
html.ui-v2 .wp-thumb svg{width:30px;height:30px;fill:#BEBEC6}
html.ui-v2 .wp-card-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 12px}
html.ui-v2 .wp-card-title h3{min-width:0;margin:0;font:600 18px/1.3 var(--wp-ui);letter-spacing:0;color:var(--wp-text);overflow-wrap:break-word;hyphens:auto}
html.ui-v2 .wp-card .chip{flex:none;margin-top:1px;font-weight:600;white-space:nowrap}
html.ui-v2 .wp-card-client{margin-top:2px;font-size:13px;color:var(--wp-muted);overflow-wrap:break-word}
html.ui-v2 .wp-metrics{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:14px}
html.ui-v2 .wp-metrics > div{padding:0 22px;border-left:1px solid var(--wp-border)}
html.ui-v2 .wp-metrics > div:first-child{padding-left:0;border-left:0}
html.ui-v2 .wp-metrics strong{display:block;font-size:22px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;color:var(--wp-text);white-space:nowrap}
html.ui-v2 .wp-metrics strong .wp-cur{font-size:14px;font-weight:500;color:var(--wp-muted)}
html.ui-v2 .wp-metrics strong .pc-none{font-size:15px;font-weight:400}
html.ui-v2 .wp-metrics small{display:block;font-size:12px;color:var(--wp-muted)}
html.ui-v2 .wp-metrics .is-pend strong{color:var(--wp-purple)}
html.ui-v2 .wp-res{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0 0;font-size:13px;line-height:1.45}
html.ui-v2 .wp-res > div{display:flex;flex-wrap:wrap;gap:0 6px;min-width:0}
html.ui-v2 .wp-res dt{display:inline-flex;align-items:center;gap:6px;color:var(--wp-muted)}
html.ui-v2 .wp-ri{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 .wp-res dt .wp-dot{margin-right:0}
html.ui-v2 .wp-res .wp-cm{align-items:center;padding:4px 10px;border-radius:7px;background:var(--wp-surface-soft)}
html.ui-v2 .wp-res .wp-cm.is-new{background:var(--wp-purple-soft)}
html.ui-v2 .wp-res .wp-cm.is-new dt,html.ui-v2 .wp-res .wp-cm.is-new .pc-hot{color:var(--wp-purple);background:none;padding:0}
html.ui-v2 .wp-res .wp-pr{align-items:center}
html.ui-v2 .wp-res .wp-pr dt{color:var(--wp-purple)}
html.ui-v2 .wp-res dd{margin:0;font-weight:500;color:var(--wp-text)}
html.ui-v2 .wp-res-2{align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--wp-border)}
html.ui-v2 .wp-card .pc-none{font-weight:400;color:var(--wp-muted)}
html.ui-v2 .wp-card .pc-hot{padding:1px 7px;border-radius:5px;background:var(--wp-warning-bg);color:var(--wp-warning);font-weight:600}
html.ui-v2 .wp-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border:1.5px solid var(--wp-muted);border-radius:50%;vertical-align:1px}
html.ui-v2 .wp-dot.on{background:var(--wp-success);border-color:var(--wp-success)}
html.ui-v2 .wp-card-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:auto;padding-top:14px;font-size:13px;color:var(--wp-muted)}
html.ui-v2 .wp-open{font-weight:600;color:var(--wp-purple);text-underline-offset:3px}
@media (max-width:1100px){
  html.ui-v2 .wp-att2{grid-template-columns:1fr}
  html.ui-v2 .wp-att-col{border-right:0;border-bottom:1px solid var(--wp-navy-line)}
  html.ui-v2 .wp-card-top{grid-template-columns:120px minmax(0,1fr);gap:14px}
  html.ui-v2 .wp-welcome-deco{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}
  html.ui-v2 .wp-metrics > div{padding:0 14px}
  html.ui-v2 .wp-welcome{gap:28px}
}
@media (max-width:800px){
  html.ui-v2{--wp-gap:16px}
  html.ui-v2 .wp-welcome{grid-template-columns:1fr;gap:26px;padding-block:28px}
  html.ui-v2 .wp-welcome-deco{height:210px}
  html.ui-v2 .wp-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  html.ui-v2 .wp-welcome-deco{display:none}
  html.ui-v2 .wp-tiles{grid-template-columns:1fr}
  html.ui-v2 .wp-signal{grid-template-columns:auto minmax(0,1fr);gap:4px 12px}
  html.ui-v2 .wp-signal-act{grid-column:2;justify-self:start;padding-top:0}
  html.ui-v2 .wp-att-col,html.ui-v2 .wp-info-col{padding:18px 16px 14px}
  html.ui-v2 .wp-card{padding:16px}
  html.ui-v2 .wp-card-top{grid-template-columns:88px minmax(0,1fr);gap:12px}
  html.ui-v2 .wp-metrics > div{padding:0 12px}
  html.ui-v2 .wp-card-title{flex-direction:column;align-items:flex-start;gap:6px}
  html.ui-v2 .wp-metrics strong{font-size:20px}
  html.ui-v2 .wp-card-foot{align-items:flex-start}
}
/* elementy przyklejone przy przewijaniu — pod granatowym paskiem v2 */
html.ui-v2 .proj-aside{top:96px}
html.ui-v2 .fv-side{top:96px}

/* ---- Listy v2 (Projekty, Moodboard, Klienci): nagłówek strony, przełącznik 2 kolumny / 3 kolumny / lista ---- */
html.ui-v2 .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.ui-v2 .wp-page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 28px;margin:4px 0 26px}
html.ui-v2 .wp-page-head-tx{min-width:0;max-width:760px}
html.ui-v2 .wp-page-head h1{margin:0 0 8px;font:600 clamp(28px,2.5vw,40px)/1.12 var(--wp-ui);letter-spacing:-.03em;color:var(--wp-text);text-wrap:balance}
html.ui-v2 .wp-page-head .wp-lead{max-width:62ch;font-size:16px}
html.ui-v2 .wp-page-head-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html.ui-v2 .wp-viewsw{flex:none;display:inline-flex;padding:4px;gap:4px;border:1px solid var(--wp-border);border-radius:10px;background:var(--wp-surface)}
html.ui-v2 .wp-viewsw button{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--wp-muted);font:500 14px var(--wp-ui);cursor:pointer;transition:background var(--wp-motion),color var(--wp-motion)}
html.ui-v2 .wp-viewsw button:hover{background:var(--wp-surface-soft);color:var(--wp-text)}
html.ui-v2 .wp-viewsw button[aria-pressed="true"]{background:var(--wp-purple-soft);color:var(--wp-purple);font-weight:600}
html.ui-v2 .wp-viewsw button:focus-visible,html.ui-v2 .cl-f:focus-visible,html.ui-v2 .wp-btn-pri:focus-visible{outline:2px solid var(--wp-purple);outline-offset:2px}
html.ui-v2 .wp-viewsw svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 .wp-btn-pri{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--wp-control-radius);background:var(--wp-purple);color:#fff;font:600 15px var(--wp-ui);cursor:pointer;white-space:nowrap;transition:background var(--wp-motion)}
html.ui-v2 .wp-btn-pri span{font-size:20px;line-height:1;font-weight:500}
html.ui-v2 .wp-btn-pri:hover{background:var(--wp-purple-hover)}
html.ui-v2 .wp-list-head{margin:34px 0 16px}
html.ui-v2 .wp-list-head h2{font-size:24px}
html.ui-v2 .wp-list-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin:0 0 18px}
html.ui-v2 .wp-list-bar .cl-filters{margin:0}
html.ui-v2 .cl-f{min-height:36px;padding:0 14px;border:1px solid var(--wp-border);border-radius:999px;background:var(--wp-surface);color:var(--wp-text);font:500 14px var(--wp-ui)}
html.ui-v2 .cl-f .num{margin-left:6px;color:var(--wp-muted);font-weight:600;font-variant-numeric:tabular-nums}
html.ui-v2 .cl-f:hover{border-color:#BDBDC5}
html.ui-v2 .cl-f.on{background:var(--wp-navy);border-color:var(--wp-navy);color:#fff}
html.ui-v2 .cl-f.on .num{color:var(--wp-on-navy-muted)}
html.ui-v2 .cl-f.hot:not(.on){border-color:var(--wp-orange);color:var(--wp-orange)}
html.ui-v2 .cl-f.hot:not(.on) .num{color:var(--wp-orange)}
/* kafle po 3 — miniatura nad treścią */
html.ui-v2 .wp-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
html.ui-v2 .wp-g3 .wp-card-top{grid-template-columns:1fr;gap:14px}
html.ui-v2 .wp-g3 .wp-thumb{aspect-ratio:2/1}
html.ui-v2 .wp-g3 .wp-thumb svg{width:36px;height:36px}
html.ui-v2 .wp-g3 .wp-metrics > div{padding:0 16px}
html.ui-v2 .wp-g3 .wp-metrics > div:first-child{padding-left:0}
html.ui-v2 .wp-g3 .wp-res{gap:6px 16px}
/* Moodboard: pokaz + plansze na kafelku */
html.ui-v2 .wp-mb-hero{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;padding:20px 24px;border-radius:var(--wp-radius);background:var(--wp-navy);color:var(--wp-on-navy)}
html.ui-v2 .wp-mb-hero-ic{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--wp-navy-line);border-radius:50%;color:#B9A3F1}
html.ui-v2 .wp-mb-hero-ic .wp-ri{width:26px;height:26px}
html.ui-v2 .wp-mb-hero-tx{flex:1 1 320px;min-width:0}
html.ui-v2 .wp-mb-hero h2{margin:0 0 4px;font:600 19px/1.3 var(--wp-ui);color:#fff}
html.ui-v2 .wp-mb-hero p{margin:0;max-width:78ch;font-size:14px;line-height:1.5;color:var(--wp-on-navy-muted)}
html.ui-v2 .wp-mb-hero .wp-btn-pri{background:#fff;color:var(--wp-navy)}
html.ui-v2 .wp-mb-hero .wp-btn-pri:hover{background:#EDE8F7}
html.ui-v2 .wp-boards{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:1.4}
html.ui-v2 .wp-boards li{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 0;border-top:1px solid var(--wp-border)}
html.ui-v2 .wp-boards li:first-child{border-top:0;padding-top:0}
html.ui-v2 .wp-boards .wp-ri{color:#B9A3F1}
html.ui-v2 .wp-b-name{flex:1;min-width:0;font-weight:500;color:var(--wp-text);overflow-wrap:break-word}
html.ui-v2 .wp-b-st{flex:none;color:var(--wp-muted);font-size:12.5px;white-space:nowrap}
html.ui-v2 .wp-b-st.on{color:var(--wp-success);font-weight:600}
/* Klienci: kafelek */
html.ui-v2 .wp-card.is-alert{border-color:#E9B79A}
html.ui-v2 .wp-cl-top{display:flex;align-items:flex-start;gap:14px}
html.ui-v2 .wp-cl-top .wp-card-head{flex:1;min-width:0}
html.ui-v2 .wp-cl-av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--wp-purple-soft);color:var(--wp-purple);font-weight:600;font-size:16px;letter-spacing:.02em}
html.ui-v2 .wp-card.is-alert .wp-cl-av,html.ui-v2 .wp-ptable tr.is-alert .wp-cl-av{background:var(--wp-warning-bg);color:var(--wp-warning)}
html.ui-v2 .wp-cl-contact{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:4px;font-size:13.5px}
html.ui-v2 .wp-cl-contact a{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--wp-text);text-decoration:none;overflow-wrap:anywhere}
html.ui-v2 .wp-cl-contact a:hover{color:var(--wp-purple);text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .wp-cl-contact svg{flex:none;width:14px;height:14px;fill:#B9A3F1}
html.ui-v2 .wp-card-cl .pc-none,html.ui-v2 .wp-ptable .pc-none{color:var(--wp-muted);font-weight:400}
html.ui-v2 .wp-card-cl > .wp-cl-top .pc-none{display:block;margin-top:4px;font-size:13.5px}
html.ui-v2 .wp-cl-sec{margin-top:14px;padding-top:12px;border-top:1px solid var(--wp-border);font-size:13.5px}
html.ui-v2 .wp-cl-projs{display:grid;gap:6px;margin:0;padding:0;list-style:none}
html.ui-v2 .wp-cl-projs li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
html.ui-v2 .wp-cl-projs a{min-width:0;color:var(--wp-text);font-weight:500;text-decoration:none;overflow-wrap:break-word}
html.ui-v2 .wp-cl-projs a:hover{color:var(--wp-purple);text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .wp-cl-projs .chip{font-size:11.5px;padding:2px 8px;font-weight:600;white-space:nowrap}
html.ui-v2 .wp-cl-stat{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
html.ui-v2 .wp-cl-stat .cx{border-radius:6px;font-weight:500;font-family:var(--wp-ui)}
html.ui-v2 .chip.chip-status{background:var(--wp-surface-soft);color:var(--wp-muted);border:0}
html.ui-v2 .wp-card-mb .wp-boards{margin-top:12px}
html.ui-v2 .wp-card-mb .wp-res{margin-top:12px}
/* lista (tabela) */
html.ui-v2 .wp-ptable-wrap{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow);overflow:hidden}
html.ui-v2 .wp-ptable{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.4}
html.ui-v2 .wp-ptable th{padding:12px 12px;background:var(--wp-surface-soft);border-bottom:1px solid var(--wp-border);color:var(--wp-muted);font-size:12.5px;font-weight:600;text-align:left;vertical-align:bottom}
html.ui-v2 .wp-ptable th:first-child,html.ui-v2 .wp-ptable td:first-child{padding-left:16px}
html.ui-v2 .wp-ptable th:last-child,html.ui-v2 .wp-ptable td:last-child{padding-right:16px}
html.ui-v2 .wp-ptable th.r,html.ui-v2 .wp-ptable td.r{text-align:right}
html.ui-v2 .wp-ptable td{padding:14px 12px;border-bottom:1px solid var(--wp-border);vertical-align:middle;color:var(--wp-text)}
html.ui-v2 .wp-ptable tbody tr{cursor:pointer;transition:background var(--wp-motion)}
html.ui-v2 .wp-ptable tbody tr:hover{background:#F6F4FA}
html.ui-v2 .wp-ptable tbody tr:last-child td{border-bottom:0}
html.ui-v2 .wp-ptable tr.is-alert td.wp-pt-main{box-shadow:inset 3px 0 0 var(--wp-orange)}
html.ui-v2 .wp-pt-main{min-width:230px}
html.ui-v2 .wp-pt-proj{display:flex;align-items:center;gap:14px}
html.ui-v2 .wp-pt-thumb{flex:none;display:flex;align-items:center;justify-content:center;width:76px;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:var(--wp-surface-soft)}
html.ui-v2 .wp-pt-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html.ui-v2 .wp-pt-thumb svg{width:22px;height:22px;fill:#BEBEC6}
html.ui-v2 .wp-pt-tx{min-width:0}
html.ui-v2 .wp-pt-name{display:block;color:var(--wp-text);font-size:15px;font-weight:600;text-decoration:none;overflow-wrap:break-word}
html.ui-v2 .wp-pt-name:hover{color:var(--wp-purple);text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .wp-pt-client{margin:1px 0 0;color:var(--wp-muted);font-size:12.5px}
html.ui-v2 .wp-pt-tx .chip{display:inline-block;margin-top:6px;font-size:11.5px;padding:2px 8px}
html.ui-v2 .wp-ptable td > .chip{font-size:11.5px;padding:2px 8px;white-space:nowrap}
html.ui-v2 .wp-pt-num,html.ui-v2 .wp-pt-num .pc-none{white-space:nowrap}
html.ui-v2 .wp-pt-num strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
html.ui-v2 .wp-pt-num .wp-cur{font-size:12px;color:var(--wp-muted)}
html.ui-v2 .wp-pt-num.is-pend strong{color:var(--wp-purple)}
html.ui-v2 .wp-ptable .pc-hot{padding:1px 7px;border-radius:5px;background:var(--wp-warning-bg);color:var(--wp-warning);font-weight:600;white-space:nowrap}
html.ui-v2 .wp-pt-date{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--wp-muted)}
html.ui-v2 .wp-pt-go{text-align:right;white-space:nowrap}
html.ui-v2 .wp-ptable .wp-boards{margin:0;max-width:380px}
html.ui-v2 .wp-ptable .wp-cl-stat{margin:0}
html.ui-v2 .wp-ptable.is-cl td{vertical-align:top}
html.ui-v2 .wp-ptable.is-cl td.wp-pt-main{vertical-align:middle}
html.ui-v2 .wp-ptable.is-cl .wp-cl-contact{flex-direction:column;margin:0}
html.ui-v2 .wp-ptable.is-cl .wp-cl-contact a{white-space:nowrap;overflow-wrap:normal}
html.ui-v2 .wp-ptable.is-mb .wp-pt-main{width:40%}
@media (max-width:1280px){
  html.ui-v2 .wp-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* lista na węższych ekranach: wiersz = blok z podpisami (bez przewijania w bok) */
@media (max-width:1180px){
  html.ui-v2 .w-proj{background:none;border:0;box-shadow:none;overflow:visible}
  html.ui-v2 .w-proj .wp-ptable,html.ui-v2 .w-proj tbody,html.ui-v2 .w-proj td{display:block}
  html.ui-v2 .w-proj thead{display:none}
  html.ui-v2 .w-proj tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-bottom:12px;padding:16px 18px;background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow)}
  html.ui-v2 .w-proj tbody tr:hover{background:var(--wp-surface);border-color:#BDBDC5}
  html.ui-v2 .w-proj tr.is-alert{border-color:#E9B79A}
  html.ui-v2 .w-proj tr.is-alert td.wp-pt-main{box-shadow:none}
  html.ui-v2 .w-proj td,html.ui-v2 .w-proj td:first-child,html.ui-v2 .w-proj td:last-child{min-width:0;width:auto;padding:0;border:0}
  html.ui-v2 .w-proj td.r{text-align:left}
  html.ui-v2 .w-proj td.wp-pt-main{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--wp-border)}
  html.ui-v2 .w-proj td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--wp-muted);font-size:12px}
  html.ui-v2 .w-proj .wp-boards{max-width:none}
  html.ui-v2 .w-proj td.wp-pt-go{grid-column:1/-1;text-align:left;padding-top:10px;border-top:1px solid var(--wp-border)}
  /* do 800 px: nazwa projektu po lewej, dane obok w 3 kolumnach */
  html.ui-v2 .w-proj tbody tr{grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(0,1fr));align-items:start}
  html.ui-v2 .w-proj td.wp-pt-main{grid-column:1;grid-row:1/span 3;align-self:stretch;padding:0 20px 0 0;border-bottom:0;border-right:1px solid var(--wp-border)}
  html.ui-v2 .w-proj .wp-pt-proj{flex-direction:column;align-items:flex-start;gap:10px}
  html.ui-v2 .w-proj .wp-pt-thumb{width:128px}
}
@media (max-width:980px){
  html.ui-v2 .w-cl{background:none;border:0;box-shadow:none;overflow:visible}
  html.ui-v2 .w-cl .wp-ptable,html.ui-v2 .w-cl tbody,html.ui-v2 .w-cl td{display:block}
  html.ui-v2 .w-cl thead{display:none}
  html.ui-v2 .w-cl tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-bottom:12px;padding:16px 18px;background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow)}
  html.ui-v2 .w-cl tbody tr:hover{background:var(--wp-surface);border-color:#BDBDC5}
  html.ui-v2 .w-cl tr.is-alert{border-color:#E9B79A}
  html.ui-v2 .w-cl tr.is-alert td.wp-pt-main{box-shadow:none}
  html.ui-v2 .w-cl td,html.ui-v2 .w-cl td:first-child,html.ui-v2 .w-cl td:last-child{min-width:0;width:auto;padding:0;border:0}
  html.ui-v2 .w-cl td.r{text-align:left}
  html.ui-v2 .w-cl td.wp-pt-main{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--wp-border)}
  html.ui-v2 .w-cl td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--wp-muted);font-size:12px}
  html.ui-v2 .w-cl .wp-boards{max-width:none}
  html.ui-v2 .w-cl td.wp-pt-go{grid-column:1/-1;text-align:left;padding-top:10px;border-top:1px solid var(--wp-border)}
  html.ui-v2 .w-mb{background:none;border:0;box-shadow:none;overflow:visible}
  html.ui-v2 .w-mb .wp-ptable,html.ui-v2 .w-mb tbody,html.ui-v2 .w-mb td{display:block}
  html.ui-v2 .w-mb thead{display:none}
  html.ui-v2 .w-mb tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-bottom:12px;padding:16px 18px;background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow)}
  html.ui-v2 .w-mb tbody tr:hover{background:var(--wp-surface);border-color:#BDBDC5}
  html.ui-v2 .w-mb tr.is-alert{border-color:#E9B79A}
  html.ui-v2 .w-mb tr.is-alert td.wp-pt-main{box-shadow:none}
  html.ui-v2 .w-mb td,html.ui-v2 .w-mb td:first-child,html.ui-v2 .w-mb td:last-child{min-width:0;width:auto;padding:0;border:0}
  html.ui-v2 .w-mb td.r{text-align:left}
  html.ui-v2 .w-mb td.wp-pt-main{grid-column:1/-1;padding-bottom:12px;border-bottom:1px solid var(--wp-border)}
  html.ui-v2 .w-mb td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--wp-muted);font-size:12px}
  html.ui-v2 .w-mb .wp-boards{max-width:none}
  html.ui-v2 .w-mb td.wp-pt-go{grid-column:1/-1;text-align:left;padding-top:10px;border-top:1px solid var(--wp-border)}
  html.ui-v2 .w-mb tbody tr{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  html.ui-v2 .w-cl tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ui-v2 .w-cl td[data-label="Status"]{grid-column:1/-1}
  html.ui-v2 .w-cl .wp-cl-contact a{white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:800px){
  html.ui-v2 .wp-g3{grid-template-columns:1fr}
  html.ui-v2 .wp-page-head{align-items:flex-start;margin-bottom:20px}
  html.ui-v2 .w-proj tbody tr,html.ui-v2 .w-mb tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ui-v2 .w-proj td.wp-pt-date{grid-column:1/-1}
  html.ui-v2 .w-proj td.wp-pt-main{grid-column:1/-1;grid-row:auto;padding:0 0 12px;border-right:0;border-bottom:1px solid var(--wp-border)}
  html.ui-v2 .w-proj .wp-pt-proj{flex-direction:row;align-items:center;gap:14px}
  html.ui-v2 .w-proj .wp-pt-thumb{width:76px}
  html.ui-v2 .w-mb td[data-label="Plansze"]{grid-column:1/-1}
  html.ui-v2 .w-cl tbody tr{grid-template-columns:1fr}
  html.ui-v2 .wp-list-bar{align-items:flex-start}
}
@media (max-width:560px){
  html.ui-v2 .wp-page-head-acts{width:100%;justify-content:space-between}
  html.ui-v2 .wp-list-head{flex-wrap:nowrap}
  html.ui-v2 .wp-list-head h2{font-size:21px}
  html.ui-v2 .wp-viewsw button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html.ui-v2 .wp-viewsw button{padding:0 10px}
  html.ui-v2 .wp-g3 .wp-thumb{aspect-ratio:16/9}
  html.ui-v2 .wp-ptable tbody tr{padding:14px;gap:12px 14px}
  html.ui-v2 .wp-pt-thumb{width:68px}
  html.ui-v2 .wp-mb-hero{padding:18px 16px}
  html.ui-v2 .wp-mb-hero-ic{display:none}
  html.ui-v2 .wp-mb-hero .wp-btn-pri{width:100%}
  html.ui-v2 .wp-cl-av{width:42px;height:42px;font-size:15px}
  html.ui-v2 .wp-list-bar .cl-filters{gap:6px}
  html.ui-v2 .cl-f{padding:0 12px;font-size:13.5px}
  html.ui-v2 .wp-card-mb .wp-card-top{grid-template-columns:1fr}
}
/* ---- Kreator ankiet v2: kafle dopasowane do szerokości ekranu, lista, wyszukiwarka ---- */
html.ui-v2 .wp-sec-lead{margin:4px 0 0;max-width:70ch;font-size:14px;line-height:1.5;color:var(--wp-muted)}
html.ui-v2 .wp-count-muted{margin-left:6px;font-size:15px;font-weight:500;color:var(--wp-muted);font-variant-numeric:tabular-nums}
html.ui-v2 .wp-link{color:var(--wp-purple);font-weight:500;text-underline-offset:3px}
html.ui-v2 .wp-sv-head{align-items:flex-end}
html.ui-v2 .wp-sv-head-tx{min-width:0;flex:1 1 360px}
html.ui-v2 .wp-sv-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html.ui-v2 .wp-sv-off-head{margin-top:40px}
html.ui-v2 .wp-sv-off-head h2{color:var(--wp-muted)}
html.ui-v2 .wp-search{position:relative;display:flex;align-items:center;width:280px;max-width:100%}
html.ui-v2 .wp-search svg{position:absolute;left:13px;width:18px;height:18px;fill:none;stroke:var(--wp-muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
html.ui-v2 .wp-search input{width:100%;height:46px;margin:0;padding:0 14px 0 40px;border:1px solid var(--wp-border);border-radius:10px;background:var(--wp-surface);color:var(--wp-text);font:400 15px var(--wp-ui);box-shadow:none}
html.ui-v2 .wp-search input::placeholder{color:var(--wp-muted)}
html.ui-v2 .wp-search input:focus{outline:none;border-color:var(--wp-purple);box-shadow:0 0 0 3px var(--wp-purple-soft)}
html.ui-v2 .wp-btn-pri.sm,html.ui-v2 .wp-btn-sec.sm{min-height:34px;padding:0 14px;font-size:13.5px;border-radius:8px}
html.ui-v2 .wp-btn-sec{cursor:pointer}
html.ui-v2 .wp-ib{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--wp-border);border-radius:8px;background:var(--wp-surface);color:var(--wp-muted);cursor:pointer;transition:border-color var(--wp-motion),color var(--wp-motion),background var(--wp-motion)}
html.ui-v2 .wp-ib svg{width:16px;height:16px;fill:currentColor}
html.ui-v2 .wp-ib:hover{border-color:var(--wp-purple);color:var(--wp-purple);background:var(--wp-purple-soft)}
html.ui-v2 .wp-ib.is-del:hover{border-color:var(--wp-danger);color:var(--wp-danger);background:var(--wp-danger-bg)}
html.ui-v2 .wp-ib:focus-visible,html.ui-v2 .wp-btn-sec:focus-visible{outline:2px solid var(--wp-purple);outline-offset:2px}
/* przełącznik „aktywna" */
html.ui-v2 .wp-switch{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:500;color:var(--wp-text);cursor:pointer;user-select:none;white-space:nowrap}
html.ui-v2 .wp-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
html.ui-v2 .wp-switch-ui{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:#CFCFD6;transition:background var(--wp-motion)}
html.ui-v2 .wp-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(32,39,55,.25);transition:transform var(--wp-motion)}
html.ui-v2 .wp-switch input:checked + .wp-switch-ui{background:var(--wp-purple)}
html.ui-v2 .wp-switch input:checked + .wp-switch-ui::after{transform:translateX(14px)}
html.ui-v2 .wp-switch input:focus-visible + .wp-switch-ui{outline:2px solid var(--wp-purple);outline-offset:2px}
/* kafle: tyle kolumn, ile zmieści ekran */
html.ui-v2 .wp-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:var(--wp-gap)}
html.ui-v2 .wp-tpl{cursor:default;padding:18px}
html.ui-v2 .wp-tpl:hover{border-color:var(--wp-border);box-shadow:var(--wp-shadow)}
html.ui-v2 .wp-tpl-top{display:flex;align-items:center;gap:10px}
html.ui-v2 .wp-tpl-top .wp-switch{margin-left:auto}
html.ui-v2 .wp-tpl-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--wp-purple-soft);color:var(--wp-purple)}
html.ui-v2 .wp-tpl-ic .wp-ri{width:22px;height:22px}
html.ui-v2 .wp-tpl .chip{font-size:11.5px;padding:2px 8px}
html.ui-v2 .wp-tpl h3{margin:16px 0 2px;font:600 17px/1.35 var(--wp-ui);color:var(--wp-text);overflow-wrap:break-word;text-wrap:balance}
html.ui-v2 .wp-tpl-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html.ui-v2 .wp-tpl > .wp-tpl-acts{margin-top:auto;padding-top:16px}
html.ui-v2 .wp-tpl > .wp-card-client{margin-bottom:16px}
html.ui-v2 .wp-tpl > .wp-tpl-acts{border-top:1px solid var(--wp-border);padding-top:14px}
html.ui-v2 .wp-tpl.is-off,html.ui-v2 .wp-ptable tr.is-off{background:var(--wp-surface-soft)}
html.ui-v2 .wp-tpl.is-off h3,html.ui-v2 .wp-ptable tr.is-off .wp-pt-name{color:var(--wp-muted)}
html.ui-v2 .wp-tpl.is-off .wp-tpl-ic,html.ui-v2 .wp-ptable tr.is-off .wp-tpl-ic{background:#E6E6EA;color:var(--wp-muted)}
/* lista szablonów */
html.ui-v2 .wp-ptable.is-tpl tbody tr{cursor:default}
html.ui-v2 .wp-ptable.is-tpl tbody tr:hover{background:#FAF9FC}
html.ui-v2 .wp-ptable.is-tpl tr.is-off:hover{background:var(--wp-surface-soft)}
html.ui-v2 .wp-ptable.is-tpl .wp-pt-tx .chip{margin-top:4px}
html.ui-v2 .wp-ptable.is-tpl .wp-tpl-ic{width:36px;height:36px}
html.ui-v2 .wp-tpl-sec{white-space:nowrap;color:var(--wp-muted)}
html.ui-v2 .wp-tpl-acts-td .wp-tpl-acts{flex-wrap:nowrap;justify-content:flex-end}
html.ui-v2 .wp-tpl-sw{width:1%;white-space:nowrap}
html.ui-v2 .wp-ptable.is-orph tbody tr{cursor:default}
html.ui-v2 .wp-ptable.is-orph .wp-pt-go .wp-tpl-acts{justify-content:flex-end;flex-wrap:nowrap}
html.ui-v2 .wp-sv-orph{margin-bottom:8px}
html.ui-v2 .wp-sv-orph .wp-list-head{margin-top:8px}
@media (max-width:900px){
  html.ui-v2 .w-tpl,html.ui-v2 .w-orph{background:none;border:0;box-shadow:none;overflow:visible}
  html.ui-v2 .w-tpl .wp-ptable,html.ui-v2 .w-tpl tbody,html.ui-v2 .w-tpl td,html.ui-v2 .w-orph .wp-ptable,html.ui-v2 .w-orph tbody,html.ui-v2 .w-orph td{display:block}
  html.ui-v2 .w-tpl thead,html.ui-v2 .w-orph thead{display:none}
  html.ui-v2 .w-tpl tbody tr,html.ui-v2 .w-orph tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;margin-bottom:10px;padding:14px 16px;background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-radius);box-shadow:var(--wp-shadow)}
  html.ui-v2 .w-tpl tbody tr.is-off{background:var(--wp-surface-soft)}
  html.ui-v2 .w-tpl td,html.ui-v2 .w-tpl td:first-child,html.ui-v2 .w-tpl td:last-child,html.ui-v2 .w-orph td,html.ui-v2 .w-orph td:first-child,html.ui-v2 .w-orph td:last-child{min-width:0;width:auto;padding:0;border:0}
  html.ui-v2 .w-tpl td.wp-tpl-sec{grid-column:1;grid-row:2;font-size:13px}
  html.ui-v2 .w-tpl td.wp-pt-main{grid-column:1/-1}
  html.ui-v2 .w-tpl td.wp-tpl-sw{grid-column:2;grid-row:2;width:auto}
  html.ui-v2 .w-tpl td.wp-tpl-acts-td{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--wp-border)}
  html.ui-v2 .w-tpl .wp-tpl-acts-td .wp-tpl-acts{justify-content:flex-start;flex-wrap:wrap}
  html.ui-v2 .w-orph tbody tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.ui-v2 .w-orph td.wp-pt-main,html.ui-v2 .w-orph td.wp-pt-go{grid-column:1/-1}
  html.ui-v2 .w-orph td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--wp-muted);font-size:12px}
  html.ui-v2 .w-orph td.wp-pt-go{padding-top:12px;border-top:1px solid var(--wp-border)}
  html.ui-v2 .w-orph .wp-pt-go .wp-tpl-acts{justify-content:flex-start;flex-wrap:wrap}
}
@media (max-width:700px){
  html.ui-v2 .wp-sv-tools{width:100%;flex-wrap:nowrap}
  html.ui-v2 .wp-search{flex:1;width:auto}
}
@media (max-width:560px){
  html.ui-v2 .wp-tpl-grid{grid-template-columns:1fr}
  html.ui-v2 .w-orph tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ui-v2 .w-orph td[data-label="Wysłana"]{grid-column:1/-1}
}
html.ui-v2 .wp-list-head.wp-sv-head{flex-wrap:wrap}
html.ui-v2 .wp-ptable.is-tpl{table-layout:fixed}
html.ui-v2 .wp-ptable.is-tpl th:nth-child(2){width:130px}
html.ui-v2 .wp-ptable.is-tpl th:nth-child(3){width:236px}
html.ui-v2 .wp-ptable.is-tpl th:nth-child(4){width:132px}
html.ui-v2 .wp-ptable.is-tpl .wp-pt-main{min-width:0}
html.ui-v2 .wp-tpl-acts-td .wp-tpl-acts{justify-content:flex-start}
html.ui-v2 .wp-tpl-sw{width:auto}
@media (max-width:900px){ html.ui-v2 .w-tpl .wp-ptable.is-tpl{table-layout:auto} }
html.ui-v2 .wp-tpl-sw .wp-switch{display:flex}
/* czoło Pulpitu: zdjęcie cięte łukiem z lewej (jak w dotychczasowych czołach) zamiast rozmycia */
html.ui-v2 .wp-deco-photo{-webkit-mask-image:none;mask-image:none;border-radius:0 var(--wp-radius) var(--wp-radius) 0;border-top-left-radius:170px 100%}
/* pozostałe czoła (Pliki, Biblioteka, Kosz, Plan wydania, widok projektu): to samo zdjęcie wnętrza co na Pulpicie */
html.ui-v2 .project-header__pic{background-image:url(/app/img/deco-head-wnetrze.jpg);background-position:30% 68%}
@media (max-width:900px){ html.ui-v2 .ph-slim .project-header__info{width:100%} }
/* hasło w pozostałych czołach — ten sam styl co na Pulpicie: granatowy Outfit, pomarańczowa kreska, wartości w jednej szarej linii */
html.ui-v2 .project-header__side{align-items:flex-start;justify-content:center;padding:16px 22px;background:transparent;border-left:1px solid var(--wp-border);text-align:left}
html.ui-v2 .project-header__quote,html.ui-v2 .ph-slim .project-header__quote{margin:0;font:500 19px/1.25 var(--wp-ui);font-style:normal;letter-spacing:-.01em;color:var(--wp-text);text-wrap:balance}
html.ui-v2 .ph-slim .project-header__quote{font-size:17px}
html.ui-v2 .project-header__line,html.ui-v2 .ph-slim .project-header__line{width:28px;height:2px;margin:12px 0 10px;background:var(--wp-orange)}
html.ui-v2 .ph-slim .project-header__line{margin:10px 0 8px}
html.ui-v2 .project-header__values,html.ui-v2 .ph-slim .project-header__values{margin:0;font-size:12px;line-height:1.45;letter-spacing:.02em;text-transform:none;color:var(--wp-muted)}
@media (max-width:900px){ html.ui-v2 .project-header__side{border-left:0;border-top:1px solid var(--wp-border);padding:16px 20px} }

/* ==== v2: paleta wdrożeniowa + zasada akcentów ====
   Pełne tło tylko dla jednej głównej akcji na widoku; pozostałe przyciski białe z kolorową ikoną.
   Wyróżnienia: pomarańczowa kreska (pionowa przy nagłówku sekcji i sprawie „uwaga", pozioma pod tytułem strony). */
html.ui-v2{
  --wp-hover:#F7F5FA;
  /* dawne błękity/grafity/ostrzeżenia → kolory z palety */
  --blue:#59417F;--blue-dk:#59417F;--blue-sf:#EEE9F5;
  --info:#62636C;--info-sf:#F0F0F2;
  --warn:#24252A;--warn-sf:#F7EDE8;
  --wp-warning:#24252A;--wp-warning-bg:#F7EDE8
}
/* badge: jasny fiolet = w toku, zieleń = potwierdzenie / aktywny portal, szary = neutralne, pomarańczowa kreska = uwaga */
html.ui-v2 .chip{border-radius:6px;font-family:var(--wp-ui)}
html.ui-v2 .c-brief,html.ui-v2 .c-propozycja,html.ui-v2 .c-koncepcja,html.ui-v2 .chip.chip-status{background:#F0F0F2;color:#62636C}
html.ui-v2 .c-projekt,html.ui-v2 .c-realizacja,html.ui-v2 .c-do_akceptacji,html.ui-v2 .c-inspiracja{background:#EEE9F5;color:#59417F}
html.ui-v2 .c-zakonczony,html.ui-v2 .c-zaakceptowana,html.ui-v2 .c-dostarczona{background:#EAF4EE;color:#286448}
html.ui-v2 .c-odrzucona,html.ui-v2 .c-reklamacja{background:#fff;color:#24252A;box-shadow:inset 3px 0 0 #C96845, inset 0 0 0 1px #DADADD}
html.ui-v2 .cx{border-radius:6px}
html.ui-v2 .cx-ok,html.ui-v2 .cx-info{background:#EAF4EE;color:#286448}
html.ui-v2 .cx-mute{background:#F0F0F2;color:#62636C}
html.ui-v2 .cx-wait{background:#EEE9F5;color:#59417F}
html.ui-v2 .cx-alert,html.ui-v2 .cx-crit{background:#fff;color:#24252A;box-shadow:inset 3px 0 0 #C96845, inset 0 0 0 1px #DADADD;padding-left:11px}
html.ui-v2 .cx-alert svg,html.ui-v2 .cx-crit svg{fill:#C96845}
/* „gorące" informacje na kartach i w listach (np. 6 zmian, nowe uwagi): kreska zamiast tła */
html.ui-v2 .wp-card .pc-hot,html.ui-v2 .wp-ptable .pc-hot{padding:0 0 0 8px;border-radius:0;background:none;box-shadow:inset 3px 0 0 #C96845;color:#24252A;font-weight:600}
/* przyciski drugorzędne z kolorową ikoną */
html.ui-v2 .wp-btn-out{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #DADADD;border-radius:8px;background:#fff;color:#59417F;font:600 14px var(--wp-ui);white-space:nowrap;cursor:pointer;transition:border-color var(--wp-motion),background var(--wp-motion)}
html.ui-v2 .wp-btn-out.sm{min-height:34px;padding:0 12px;font-size:13.5px}
html.ui-v2 .wp-btn-out:hover{border-color:#59417F;background:#EEE9F5}
html.ui-v2 .wp-btn-out:focus-visible{outline:2px solid #59417F;outline-offset:2px}
html.ui-v2 .wp-bi{flex:none;width:16px;height:16px;fill:none;stroke:#C96845;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 .wp-btn-sec{border-color:#DADADD;color:#59417F}
html.ui-v2 .wp-btn-sec:hover{border-color:#59417F;background:#EEE9F5}
/* nagłówki: pozioma kreska pod tytułem strony, pionowa przy nagłówku sekcji */
html.ui-v2 .wp-page-head h1::after{content:"";display:block;width:32px;height:3px;margin-top:14px;border-radius:2px;background:#C96845}
html.ui-v2 .wp-page-head h1{margin-bottom:12px}
html.ui-v2 .wp-section-head > h2:first-child,html.ui-v2 .wp-section-head > div:first-child{position:relative;padding-left:16px}
html.ui-v2 .wp-section-head > h2:first-child::before,html.ui-v2 .wp-section-head > div:first-child::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:#C96845}
html.ui-v2 .wp-sv-off-head > div:first-child::before{background:#DADADD}
/* sprawy „uwaga" (klient czeka na odpowiedź): pionowa kreska z lewej zamiast koloru ramki */
html.ui-v2 .wp-card.is-alert{border-color:#DADADD;box-shadow:inset 4px 0 0 #C96845, var(--wp-shadow)}
html.ui-v2 .wp-card.is-alert .wp-cl-av,html.ui-v2 .wp-ptable tr.is-alert .wp-cl-av{background:#EEE9F5;color:#59417F}
@media (max-width:1280px){ html.ui-v2 .w-proj tr.is-alert{border-color:#DADADD;box-shadow:inset 4px 0 0 #C96845, var(--wp-shadow)} }
@media (max-width:980px){ html.ui-v2 .w-cl tr.is-alert,html.ui-v2 .w-mb tr.is-alert{border-color:#DADADD;box-shadow:inset 4px 0 0 #C96845, var(--wp-shadow)} }
/* filtry klientów: zaznaczony jak przełącznik widoku (jasny fiolet), „czeka na mnie" z pomarańczową kropką */
html.ui-v2 .cl-f.on{background:#EEE9F5;border-color:#59417F;color:#59417F;font-weight:600}
html.ui-v2 .cl-f.on .num{color:#59417F}
html.ui-v2 .cl-f.hot:not(.on){border-color:#DADADD;color:#24252A}
html.ui-v2 .cl-f.hot:not(.on) .num{color:#24252A}
html.ui-v2 .cl-f.hot::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#C96845;vertical-align:1px}
/* pas na granacie: licznik i przycisk akcji w kolorach „na granacie" */
html.ui-v2 .wp-count{background:#F3A07C;color:#202737}
html.ui-v2 .wp-signal-act.is-btn{border-color:#F3A07C;color:#F3A07C}
html.ui-v2 .wp-signal-act.is-btn:hover{background:rgba(243,160,124,.14);color:#FFFFFF}
/* drobne kolory spoza palety → paleta */
html.ui-v2 .u2-av{background:#D7C5F4;color:#202737}
html.ui-v2 .wp-mb-hero-ic{color:#D7C5F4}
html.ui-v2 .wp-mb-hero .wp-btn-pri:hover{background:#EEE9F5}
html.ui-v2 .wp-boards .wp-ri{color:#59417F}
html.ui-v2 .wp-cl-contact svg{fill:#59417F}
html.ui-v2 .wp-ptable tbody tr:hover,html.ui-v2 .wp-ptable.is-tpl tbody tr:hover{background:var(--wp-hover)}
html.ui-v2 .wp-switch-ui{background:#868894}
html.ui-v2 .wp-res .wp-cm.is-new .pc-hot{box-shadow:none}

/* ==== Klienci v2 wg wizualizacji: czoło jak Pulpit, granatowy pas „Kto na co czeka?", karty klientów ==== */
html.ui-v2 .wp-cl-hero .wp-welcome-deco{grid-template-columns:minmax(0,1fr) minmax(190px,230px)}
html.ui-v2 .wp-cl-side{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
html.ui-v2 .wp-cl-hero .wp-lead{max-width:46ch}
/* pas */
html.ui-v2 .wp-cl-band{padding-block:28px 30px}
html.ui-v2 .wp-cl-band-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;margin-bottom:18px}
html.ui-v2 .wp-cl-band h2{margin:0}
html.ui-v2 .wp-cl-search{width:min(460px,100%)}
html.ui-v2 .wp-cl-search input{height:48px;border-color:transparent;background:#fff}
html.ui-v2 .wp-cl-search input:focus{border-color:#D7C5F4;box-shadow:0 0 0 3px rgba(215,197,244,.35)}
html.ui-v2 .wp-cl-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0}
html.ui-v2 .wp-cl-band .cl-f{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 20px;border:1px solid #D7DBE5;border-radius:999px;background:transparent;color:#FFFFFF;font:500 15px var(--wp-ui);transition:background var(--wp-motion),border-color var(--wp-motion)}
html.ui-v2 .wp-cl-band .cl-f:hover{background:#2C3549}
html.ui-v2 .wp-cl-band .cl-f .num{margin-left:6px;color:#D7DBE5;font-weight:600}
html.ui-v2 .wp-cl-band .cl-f.on{background:#D7C5F4;border-color:#D7C5F4;color:#202737;font-weight:600}
html.ui-v2 .wp-cl-band .cl-f.on .num{color:#202737}
html.ui-v2 .wp-cl-band .cl-f.hot:not(.on){border-color:#D7DBE5;color:#FFFFFF}
html.ui-v2 .wp-cl-band .cl-f.hot:not(.on) .num{color:#F3A07C}
html.ui-v2 .wp-cl-band .cl-f.hot::before{display:none}
html.ui-v2 .wp-cl-band .cl-f.hot:not(.on) .wp-cl-fi{stroke:#F3A07C}
html.ui-v2 .wp-cl-fi{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 .wp-cl-band .cl-f:focus-visible{outline:2px solid #D7C5F4;outline-offset:2px}
/* lista */
html.ui-v2 .wp-cl-list{padding-top:34px}
html.ui-v2 .wp-cl-list .wp-list-head{margin-top:0}
html.ui-v2 .wp-cl-list .wp-list-head h2{font-size:28px}
/* karta klienta */
html.ui-v2 .wp-card.wp-card-cl{padding:0;overflow:hidden}
html.ui-v2 .wp-cl2-body{flex:1;padding:18px 20px 16px}
html.ui-v2 .wp-cl2-top{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}
html.ui-v2 .wp-card-cl .wp-cl-av{width:54px;height:54px;font-size:17px}
html.ui-v2 .wp-cl2-main{flex:1 1 220px;min-width:0}
html.ui-v2 .wp-cl2-main h3{margin:4px 0 2px;font:600 18px/1.3 var(--wp-ui);color:#24252A;overflow-wrap:break-word}
html.ui-v2 .wp-cl2-contact{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13.5px;color:#62636C}
html.ui-v2 .wp-cl2-contact a{color:#62636C;text-decoration:none;overflow-wrap:anywhere}
html.ui-v2 .wp-cl2-contact a:hover{color:#59417F;text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .wp-cl2-sep{color:#DADADD}
html.ui-v2 .wp-cl2-proj{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-top:8px;font-size:13.5px}
html.ui-v2 .wp-cl2-k{color:#62636C}
html.ui-v2 .wp-cl2-p{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0}
html.ui-v2 .wp-cl2-p a{color:#59417F;font-weight:500;text-decoration:underline;text-decoration-color:rgba(89,65,127,.35);text-underline-offset:3px;overflow-wrap:break-word}
html.ui-v2 .wp-cl2-p a:hover{text-decoration-color:#59417F}
html.ui-v2 .wp-cl2-st{color:#62636C;font-size:12.5px}
/* znacznik najważniejszego statusu */
html.ui-v2 .wp-pill{flex:0 1 auto;display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:34px;padding:5px 14px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:500;line-height:1.3}
html.ui-v2 .wp-pill svg,html.ui-v2 .wp-cl2-i svg{flex:none;width:16px;height:16px;fill:currentColor}
html.ui-v2 .wp-pill.t-alert,html.ui-v2 .wp-pill.t-crit{background:#fff;border-color:#C96845;color:#24252A}
html.ui-v2 .wp-pill.t-alert svg,html.ui-v2 .wp-pill.t-crit .wp-cl2-x{fill:#C96845;color:#C96845}
html.ui-v2 .wp-pill.t-wait{background:#EEE9F5;color:#59417F}
html.ui-v2 .wp-pill.t-ok,html.ui-v2 .wp-pill.t-info{background:#EAF4EE;color:#286448}
html.ui-v2 .wp-pill.t-mute{background:#F0F0F2;color:#62636C}
html.ui-v2 .wp-cl2-x{flex:none;display:inline-flex;justify-content:center;width:16px;font-weight:700}
/* pozostałe statusy */
html.ui-v2 .wp-cl2-more{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:13.5px;color:#24252A}
html.ui-v2 .wp-cl2-i{display:inline-flex;align-items:center;gap:7px;min-width:0}
html.ui-v2 .wp-cl2-i.t-alert svg,html.ui-v2 .wp-cl2-i.t-crit .wp-cl2-x{fill:#C96845;color:#C96845}
html.ui-v2 .wp-cl2-i.t-wait svg{fill:#59417F}
html.ui-v2 .wp-cl2-i.t-ok svg,html.ui-v2 .wp-cl2-i.t-info svg{fill:#286448}
html.ui-v2 .wp-cl2-i.t-mute{color:#62636C}
html.ui-v2 .wp-cl2-i.t-mute svg{fill:#62636C}
/* stopka */
html.ui-v2 .wp-cl2-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:12px 20px;border-top:1px solid #DADADD;font-size:13px;color:#62636C}
html.ui-v2 .wp-cl2-portal{display:inline-flex;align-items:center;min-width:0}
html.ui-v2 .wp-card-cl.is-alert{box-shadow:inset 4px 0 0 #C96845, var(--wp-shadow)}
@media (max-width:1100px){
  html.ui-v2 .wp-cl-hero .wp-welcome-deco{grid-template-columns:minmax(0,1fr) minmax(170px,200px)}
}
@media (max-width:800px){
  html.ui-v2 .wp-cl-band-head{flex-direction:column;align-items:stretch}
  html.ui-v2 .wp-cl-search{width:100%}
}
@media (max-width:560px){
  html.ui-v2 .wp-cl-hero .wp-welcome-deco{display:block;height:auto}
  html.ui-v2 .wp-cl-hero .wp-deco-photo,html.ui-v2 .wp-cl-hero .wp-deco-quote{display:none}
  html.ui-v2 .wp-cl-band .cl-f{min-height:42px;padding:0 14px;font-size:14px}
  html.ui-v2 .wp-cl-band h2{font-size:23px}
  html.ui-v2 .wp-cl-list .wp-list-head h2{font-size:23px}
  html.ui-v2 .wp-cl2-body{padding:16px}
  html.ui-v2 .wp-cl2-foot{padding:12px 16px}
  html.ui-v2 .wp-card-cl .wp-cl-av{width:46px;height:46px;font-size:15px}
}
/* karta klienta: nazwisko i kontakt na całą szerokość, znacznik statusu po prawej w wierszu projektu (jak na wizualizacji) */
html.ui-v2 .wp-card-cl{container-type:inline-size}
html.ui-v2 .wp-cl2-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:16px;align-items:start}
html.ui-v2 .wp-cl2-top > .wp-cl-av{grid-column:1;grid-row:1/span 3}
html.ui-v2 .wp-cl2-top > h3{grid-column:2/4;grid-row:1;margin:4px 0 2px;font:600 18px/1.3 var(--wp-ui);color:#24252A;overflow-wrap:break-word}
html.ui-v2 .wp-cl2-top > .wp-cl2-contact{grid-column:2/4;grid-row:2}
html.ui-v2 .wp-cl2-top > .wp-cl2-proj{grid-column:2;grid-row:3;align-self:center}
html.ui-v2 .wp-cl2-top > .wp-pill{grid-column:3;grid-row:3;align-self:center;justify-self:end;margin-top:8px}
@container (max-width:540px){
  html.ui-v2 .wp-cl2-top > .wp-cl2-proj{grid-column:2/4}
  html.ui-v2 .wp-cl2-top > .wp-pill{grid-column:2/4;grid-row:4;justify-self:start;margin-top:10px}
}
html.ui-v2 .wp-cl2-top{row-gap:0}

/* ==== Pliki v2: nagłówek jak w Projektach, wyszukiwarka + filtry, grupy projektów jako karty ==== */
html.ui-v2 .wp-af-bar{justify-content:flex-start;gap:12px 16px}
html.ui-v2 .wp-af-search{width:360px}
html.ui-v2 .af-list{display:grid;gap:16px}
html.ui-v2 .af-g{margin:0;background:#fff;border:1px solid #DADADD;border-radius:10px;box-shadow:var(--wp-shadow);outline:2px dashed transparent;outline-offset:3px}
html.ui-v2 .af-g.af-drop,html.ui-v2 .af-er.af-drop{outline-color:#59417F;background:#EEE9F5}
html.ui-v2 .af-h{gap:8px 14px;padding:14px 18px}
html.ui-v2 .af-h .rc-ch svg{fill:#62636C}
html.ui-v2 .af-pn{font:600 17px/1.3 var(--wp-ui);color:#24252A;text-decoration:none}
html.ui-v2 .af-pn:hover{color:#59417F;text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .af-cl{font-size:13.5px;color:#62636C}
html.ui-v2 .af-st{margin-left:auto;font-size:13px;color:#62636C}
html.ui-v2 .af-st b{padding-left:8px;box-shadow:inset 3px 0 0 #C96845;color:#24252A;font-weight:600}
html.ui-v2 .af-h .af-up{margin-left:4px}
html.ui-v2 .af-g .pf-grid{padding:4px 18px 18px;gap:16px}
html.ui-v2 .af-empty{margin:0;padding:14px 18px;background:#fff;border:1px solid #DADADD;border-radius:10px}
html.ui-v2 .af-empty summary{font:600 15px var(--wp-ui);color:#24252A}
html.ui-v2 .af-empty summary .num{margin-left:6px;color:#62636C}
html.ui-v2 .af-er{gap:10px 14px;padding:9px 0;border-top:1px solid #DADADD}
html.ui-v2 .af-er a{color:#24252A;font-weight:500;text-decoration:none}
html.ui-v2 .af-er a:hover{color:#59417F;text-decoration:underline;text-underline-offset:3px}
html.ui-v2 .pf-empty{border:1.5px dashed #DADADD;border-radius:10px;color:#62636C;background:#fff}
/* kafelek pliku (Pliki, pliki projektu, karta klienta) */
html.ui-v2 .pf-card{border:1px solid #DADADD;border-radius:10px;box-shadow:var(--wp-shadow)}
html.ui-v2 .pf-card.pf-hasnew{border-color:#C96845}
html.ui-v2 .pf-th{background:#F0F0F2;border-bottom:1px solid #DADADD;cursor:pointer}
html.ui-v2 .pf-kind{left:10px;top:10px;padding:3px 8px;border-radius:6px;background:#202737;font:600 11px var(--wp-ui);letter-spacing:.04em}
html.ui-v2 .pf-new{right:10px;top:10px;padding:3px 9px 3px 11px;border-radius:6px;background:#fff;color:#24252A;font:600 12px var(--wp-ui);box-shadow:inset 3px 0 0 #C96845, 0 1px 3px rgba(32,39,55,.18)}
html.ui-v2 .pf-b{padding:12px 14px 10px;gap:4px}
html.ui-v2 .pf-n{font:600 14.5px var(--wp-ui);color:#24252A;cursor:pointer}
html.ui-v2 .pf-n:hover{color:#59417F}
html.ui-v2 .pf-m{font-size:12.5px;color:#62636C}
html.ui-v2 .pf-m b{color:#24252A;font-weight:600;padding-left:6px;box-shadow:inset 3px 0 0 #C96845}
html.ui-v2 .pf-ok{color:#286448}
html.ui-v2 .pf-row{margin-top:6px;padding-top:8px;border-top:1px solid #DADADD}
html.ui-v2 .pf-card .imenu{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;background:none;color:#62636C;font-size:18px}
html.ui-v2 .pf-card .imenu:hover{border-color:#DADADD;color:#59417F;background:#EEE9F5}
/* „w portalu" jako przełącznik */
html.ui-v2 .pf-vis{gap:8px;font:500 13px var(--wp-ui);color:#24252A}
html.ui-v2 .pf-vis input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:32px;height:19px;margin:0;border:0;border-radius:999px;background:#868894;cursor:pointer;transition:background var(--wp-motion)}
html.ui-v2 .pf-vis input::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(32,39,55,.25);transition:transform var(--wp-motion)}
html.ui-v2 .pf-vis input:checked{background:#286448}
html.ui-v2 .pf-vis input:checked::after{transform:translateX(13px)}
html.ui-v2 .pf-vis input:focus-visible{outline:2px solid #59417F;outline-offset:2px}
@media (max-width:700px){
  html.ui-v2 .wp-af-search{width:100%}
  html.ui-v2 .af-st{margin-left:0;flex-basis:100%;order:3}
  html.ui-v2 .af-h .af-up{margin-left:auto}
}
@media (max-width:560px){
  html.ui-v2 .af-h{padding:12px 14px}
  html.ui-v2 .af-g .pf-grid{padding:4px 14px 14px;grid-template-columns:1fr}
}

/* ==== Biblioteka v2: czoło jak w Klientach, wyszukiwarka pod opisem, produkty w kafelkach ==== */
html.ui-v2 .wp-lib-search{width:min(440px,100%);margin-top:22px}
html.ui-v2 .wp-lib-search input{height:50px;border-color:#DADADD}
html.ui-v2 .wp-lib{padding-top:8px}
html.ui-v2 .wp-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--wp-gap)}
html.ui-v2 .wp-lib-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #DADADD;border-radius:10px;box-shadow:var(--wp-shadow);transition:border-color var(--wp-motion),box-shadow var(--wp-motion)}
html.ui-v2 .wp-lib-card:hover{border-color:#C6C6CC;box-shadow:0 12px 30px -18px rgba(32,39,55,.3)}
html.ui-v2 .wp-lib-img{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:14px;background:#fff;border-bottom:1px solid #DADADD}
html.ui-v2 .wp-lib-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
html.ui-v2 .wp-lib-img svg{width:34px;height:34px;fill:#BEBEC6}
html.ui-v2 .wp-lib-b{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px 12px;min-width:0}
html.ui-v2 .wp-lib-b h3{margin:0;font:600 15px/1.35 var(--wp-ui);color:#24252A;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
html.ui-v2 .wp-lib-src{font-size:12.5px;color:#62636C;overflow-wrap:anywhere}
html.ui-v2 .wp-lib-price{margin-top:auto;padding-top:8px}
html.ui-v2 .wp-lib-price strong{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;color:#24252A}
html.ui-v2 .wp-lib-price span{font-size:13px;color:#62636C}
html.ui-v2 .wp-lib-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 16px;border-top:1px solid #DADADD}
html.ui-v2 .wp-lib-shop{font-size:13.5px;font-weight:600;color:#59417F;text-underline-offset:3px}
@media (max-width:560px){
  html.ui-v2 .wp-lib-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
  html.ui-v2 .wp-lib-acts{flex-direction:column;align-items:stretch}
  html.ui-v2 .wp-lib-acts .wp-btn-out{white-space:normal}
  html.ui-v2 .wp-lib-shop{text-align:center}
}
html.ui-v2 .wp-lib-img{position:relative;padding:0}
html.ui-v2 .wp-lib-img img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-width:none;max-height:none;object-fit:contain}
@media (max-width:560px){
  html.ui-v2 .wp-lib-grid{grid-template-columns:1fr;gap:12px}
  html.ui-v2 .wp-lib-card{display:grid;grid-template-columns:108px minmax(0,1fr)}
  html.ui-v2 .wp-lib-img{grid-column:1;grid-row:1;aspect-ratio:auto;min-height:108px;border-bottom:0;border-right:1px solid #DADADD}
  html.ui-v2 .wp-lib-img img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
  html.ui-v2 .wp-lib-b{grid-column:2;grid-row:1;padding:12px 14px}
  html.ui-v2 .wp-lib-b h3{font-size:14.5px}
  html.ui-v2 .wp-lib-price strong{font-size:17px}
  html.ui-v2 .wp-lib-acts{grid-column:1/-1;flex-direction:row;align-items:center;padding:10px 14px}
  html.ui-v2 .wp-lib-acts .wp-btn-out{white-space:nowrap}
}
@media (max-width:560px){ html.ui-v2 .wp-lib-hero .wp-welcome-deco{display:none} }
/* hasło „Dobre wnętrza…" zaczyna się zawsze 22 px pod górną krawędzią zdjęcia — na każdym czole */
html.ui-v2 .wp-welcome-deco{height:auto;min-height:240px}
html.ui-v2 .wp-welcome-deco > .wp-deco-quote,html.ui-v2 .wp-welcome-deco > .wp-cl-side{align-self:start;padding-top:22px}
html.ui-v2 .wp-cl-side{gap:18px}
@media (max-width:800px){ html.ui-v2 .wp-welcome-deco{min-height:210px} }
@media (min-width:901px){ html.ui-v2 .project-header__side,html.ui-v2 .ph-slim .project-header__side{justify-content:flex-start;padding-top:22px} }
@media (max-width:560px){
  html.ui-v2 .wp-cl-hero .wp-welcome-deco{min-height:0}
  html.ui-v2 .wp-cl-hero .wp-cl-side{padding-top:0}
}
/* zdjęcie w każdym czole: lewa krawędź wycieniowana w pionie (zamiast cięcia łukiem) */
html.ui-v2 .wp-deco-photo{border-top-left-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
html.ui-v2 .project-header__photo,html.ui-v2 .ph-slim .project-header__photo{border-top-left-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
@media (max-width:1400px){ html.ui-v2 .project-header__photo{border-top-left-radius:0} }
@media (max-width:900px){ html.ui-v2 .project-header__photo{border-top-left-radius:0} }
/* ==== nagłówek każdej podstrony startuje z tej samej linii (jak Projekty: 28 px pod paskiem Kosz/Ustawienia, 20 px na telefonie) ==== */
html.ui-v2 .wp-welcome{align-items:start;padding-top:28px}
html.ui-v2 .wp-welcome-text{align-self:start}
html.ui-v2 .wp-welcome h1{margin-top:4px}
@media (max-width:800px){ html.ui-v2 .wp-welcome{padding-top:28px} }
@media (max-width:700px){ html.ui-v2 .wp-welcome{padding-top:20px} }
/* czoła w ramce (Kosz, Plan wydania, widok projektu) — ramka wyżej, tytuł / link powrotu na tej samej linii */
html.ui-v2 .project-header.ph-slim{margin-top:-14px}
html.ui-v2 .project-header:not(.ph-slim){margin-top:-16px}
@media (max-width:900px){ html.ui-v2 .project-header:not(.ph-slim) .project-header__info{padding-top:14px} }
html.ui-v2 #content > .hi:first-child{margin-top:-2px}
html.ui-v2 .subnav + .content.v-dash .wp-welcome{padding-top:28px}
@media (max-width:700px){ html.ui-v2 .subnav + .content.v-dash .wp-welcome{padding-top:20px} }
/* Klienci: pas „Kto na co czeka?" niższy i drobniejszy (17.09) */
html.ui-v2 .wp-cl-band{padding-block:18px 20px}
html.ui-v2 .wp-cl-band-head{gap:10px 24px;margin-bottom:12px}
html.ui-v2 .wp-cl-band h2{min-height:0;font-size:20px;line-height:1.25}
html.ui-v2 .wp-cl-search{width:min(380px,100%)}
html.ui-v2 .wp-cl-search input{height:40px;padding-left:38px;font-size:14px}
html.ui-v2 .wp-cl-search svg{left:12px;width:16px;height:16px}
html.ui-v2 .wp-cl-filters{gap:8px}
html.ui-v2 .wp-cl-band .cl-f{gap:7px;min-height:36px;padding:0 14px;font-size:14px}
html.ui-v2 .wp-cl-band .cl-f .num{margin-left:4px}
html.ui-v2 .wp-cl-fi{width:16px;height:16px}
html.ui-v2 .wp-cl-list{padding-top:28px}
@media (max-width:560px){
  html.ui-v2 .wp-cl-band{padding-block:16px 18px}
  html.ui-v2 .wp-cl-band h2{font-size:19px}
  html.ui-v2 .wp-cl-band .cl-f{min-height:34px;padding:0 12px;font-size:13.5px}
}

/* czoła panelu: to samo zdjęcie co na stronie głównej (fotel z próbkami materiałów), z przezroczystym tłem —
   leży tak samo na jasnym tle Pulpitu i na szarej karcie projektu; lewa krawędź dalej wygasa poziomo */
html.ui-v2 .wp-deco-photo,html.ui-v2 .project-header__pic{background:transparent url(/app/img/deco-czolo-fotel.webp) 50% 62%/auto 118% no-repeat}
/* węższe pole zdjęcia: cała kompozycja bez przycinania */
@media (max-width:1180px){ html.ui-v2 .wp-deco-photo{background-size:contain;background-position:50% 50%} }