/* Konto PROJE – tylko jasny wygląd, kolory wariantu „Pearl” z projektu panelu (srebrzyste tło, białe karty, niebieskie akcenty). */
:root{color-scheme:light;--bg:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#6e6e73;--line:#e3e3e6;--primary:#0066cc;--accent:#e8f0fa;--soft:#ececf0;--success:#248a3d;--warning:#b25000;--danger:#d70015;--primary-foreground:#fff;--cien:0 4px 16px rgb(29 29 31 / 7%)}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,'Segoe UI',sans-serif}
a{color:var(--primary)}
header.gora{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}
header.gora .marka{font-weight:700;letter-spacing:.02em;text-decoration:none;color:var(--ink)}
header.gora .marka span{color:var(--primary)}
header.gora .logo-firmy{display:block;max-height:36px;max-width:180px}
.podglad-logo{padding:12px;border:1px dashed var(--line);border-radius:10px;display:inline-block;background:var(--soft);margin-bottom:6px}
.podglad-logo img{display:block;max-height:80px;max-width:320px}
input[type=file]{margin-top:6px}
header.gora nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
header.gora nav a{padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--muted)}
header.gora nav a.aktywny,header.gora nav a:hover{background:var(--accent);color:var(--ink)}
header.gora .osoba{color:var(--muted);font-size:14px}
main{max-width:1000px;margin:24px auto;padding:0 16px}
main.allauth{max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 28px;margin-top:48px}
main.allauth h1{text-align:center}
main.allauth button{width:100%;justify-content:center;margin-top:12px}
main.allauth form p{margin:8px 0}
.karta{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-bottom:16px}
.karta.waska{max-width:440px;margin:48px auto}
h1{font-size:22px;margin:0 0 16px}
h2{font-size:17px;margin:0 0 12px}
.wycisz{color:var(--muted);font-size:14px}
.wiersz{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
label{display:block;margin:10px 0 4px;font-weight:600;font-size:14px}
input[type=text],input[type=email],input[type=password],input[type=url],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}
button,.przycisk{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;text-decoration:none}
button[type=submit],.przycisk.glowny{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
button.niebezpieczny{color:var(--danger);border-color:var(--danger);background:transparent}
form.w-linii{display:inline}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:13px;color:var(--muted);font-weight:600}
td.srodek,th.srodek{text-align:center}
.znacznik{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;background:var(--soft);color:var(--muted)}
.znacznik.ok{background:color-mix(in oklch,var(--success) 18%,transparent);color:var(--success)}
.znacznik.uwaga{background:color-mix(in oklch,var(--danger) 15%,transparent);color:var(--danger)}
.komunikaty{list-style:none;padding:0;margin:0 0 16px}
.komunikaty li{padding:10px 14px;border-radius:10px;margin-bottom:8px;background:var(--accent)}
.komunikaty li.error{background:color-mix(in oklch,var(--danger) 15%,var(--card));color:var(--danger)}
.errorlist{color:var(--danger);padding-left:18px;font-size:14px}
ul.radio,div.radio{list-style:none;padding:0;margin:0}
ul.radio label,.radio label{font-weight:400;display:inline-flex;gap:6px;margin:4px 12px 4px 0}
.drzewo td:first-child{white-space:nowrap}
.wciecie{display:inline-block}
.etykieta-roli{font-size:12px;color:var(--primary)}
@media (max-width:640px){header.gora{padding:10px 16px}th,td{padding:7px 4px;font-size:14px}}

/* Czcionka jak w CRM (Inter). Kolory CRM (jasny/ciemny) – tylko w okienku Konta wewnątrz CRM (data-motyw z CRM). */
@font-face{font-family:Inter;src:url("InterVariable.2bf3d951bf9d.woff2") format('woff2');font-weight:100 900;font-display:swap}
:root[data-motyw=jasny]{color-scheme:light;--bg:oklch(0.975 0.006 275);--card:oklch(1 0 0);--ink:oklch(0.24 0.025 275);--muted:oklch(0.52 0.025 275);--line:oklch(0.92 0.01 275);--primary:oklch(0.54 0.22 278);--accent:oklch(0.95 0.03 278);--soft:oklch(0.962 0.008 275);--success:oklch(0.6 0.13 175);--warning:oklch(0.7 0.15 65);--danger:oklch(0.6 0.22 15);--primary-foreground:oklch(0.99 0.005 278)}
:root[data-motyw=ciemny]{color-scheme:dark;--bg:oklch(0.165 0.022 275);--card:oklch(0.205 0.026 275);--ink:oklch(0.95 0.008 275);--muted:oklch(0.7 0.025 275);--line:oklch(0.29 0.028 275);--primary:oklch(0.68 0.18 280);--accent:oklch(0.3 0.07 280);--soft:oklch(0.245 0.026 275);--success:oklch(0.76 0.13 175);--warning:oklch(0.8 0.14 70);--danger:oklch(0.68 0.2 15);--primary-foreground:oklch(0.16 0.03 280)}

/* Wygląd jak CRM (D84 – pulpit, Konto i CRM w jednym wyglądzie): zakładki jak zakładki zabudowy, karty, przyciski i pola
   jak w CRM. W okienku CRM (body.w-crm) – bez tła nagłówka i bez wyśrodkowania. */
body{font-size:14px;line-height:1.5}
body.w-crm header.gora{background:transparent;border:0;padding:16px 24px 0}
header.gora nav{flex:none;gap:6px;padding:3px;background:var(--soft);border-radius:9.6px}
header.gora nav a{height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-weight:500}
header.gora nav a:hover{background:transparent;color:var(--ink)}
header.gora nav a.aktywny{background:var(--accent);color:var(--ink);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}
body.w-crm main{max-width:1100px;margin:16px 24px 24px;padding:0}
body .karta{border-radius:16px;padding:20px 24px;box-shadow:0 2px 4px #17204004}
body h1{font-size:22px;font-weight:600;letter-spacing:-.4px}
body h2{font-size:14px;font-weight:600}
body label{font-size:13px;font-weight:500;color:var(--muted)}
body button,body .przycisk{height:32px;padding:0 12px;border-radius:9.6px;font-weight:500}
body input[type=text],body input[type=email],body input[type=password],body input[type=url],body select,body textarea{border-radius:9.6px;padding:8px 10px;font-size:14px}
body input:focus,body select:focus,body textarea:focus{outline:1.2px solid var(--primary);outline-offset:0}
body input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}
body input[type=checkbox]:not(:checked){appearance:none;-webkit-appearance:none;background:var(--bg);border:1px solid var(--muted);border-radius:3px}
body main.allauth{max-width:460px;margin:48px auto;padding:24px 28px}
/* Edytor szablonu folderów */
main.szeroka{max-width:1300px}
.w-linii{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.maly{font-size:12.5px}
.odstep-gora{margin-top:12px}
.naglowek-szablonu{align-items:flex-start;margin-bottom:8px}
.naglowek-szablonu h1{margin-bottom:4px}
.blad-szablonu{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);border-radius:10px;padding:10px 14px;margin:0 0 12px}
.uklad-szablonu{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.uklad-szablonu aside{position:sticky;top:12px}
.drzewo-szablonu,.drzewo-szablonu ul,.podglad-szablonu,.podglad-szablonu ul{list-style:none;margin:0;padding:0}
.drzewo-szablonu ul{padding-left:22px}
.wezel{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:14px;border:1px solid transparent;flex-wrap:wrap}
.wezel:hover{background:var(--soft)}
.wezel.wybrany{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}
.wezel[data-upusc=w]{outline:2px dashed var(--primary)}
.wezel[data-upusc=przed]{box-shadow:inset 0 2px 0 var(--primary)}
.wezel[data-upusc=za]{box-shadow:inset 0 -2px 0 var(--primary)}
.uchwyt{cursor:grab;color:var(--muted)}
.znacznik{font-size:11.5px;color:var(--muted);background:var(--soft);border-radius:6px;padding:0 6px}
.znacznik.rola{color:var(--primary);background:var(--accent)}
.znacznik.kategoria{color:var(--success)}
.znacznik.nowy{color:var(--warning)}
.rola-folderu{font-size:13px;color:var(--primary);background:var(--accent);border-radius:8px;padding:8px 10px}
label.pole{display:flex;align-items:center;gap:8px;font-weight:400}
label.pole input{width:auto}
input.krotkie{width:80px;padding:9px 8px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit}
.uklad-szablonu .w-linii input[type=text]{flex:1;width:auto}
.pliki-wzorcowe{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:6px}
.pliki-wzorcowe li{display:flex;gap:6px;align-items:center}
.maly-przycisk{padding:4px 10px;font-size:13px;font-weight:400}
label.maly-przycisk{display:inline-flex;margin:0}
.podglad-szablonu{font-size:13px;line-height:1.7}
.podglad-szablonu ul{padding-left:18px}
.podglad-szablonu .plik{color:var(--muted)}
.podglad-szablonu .zlecenie{font-weight:600}
.podglad-szablonu .zlecenie li{font-weight:400}
@media (max-width:900px){.uklad-szablonu{grid-template-columns:1fr}.uklad-szablonu aside{position:static}}

/* Pulpit PROJE (D84): kafelki produktów firmy */
header.gora .osoba{margin-left:auto}
.pulpit h1{margin-bottom:4px}
main.pulpit{max-width:1200px}
.kafelki{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 24px}
@media (max-width:1000px){.kafelki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kafelki{grid-template-columns:1fr}}
.kafelek{display:flex;flex-direction:column;gap:8px;margin:0}
.kafelek h2{font-size:16px;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kafelek p{margin:0}
.kafelek .przyciski{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.kafelek.zablokowany{background:var(--soft);box-shadow:none}
.kafelek.zablokowany h2{color:var(--muted)}
.kafelek ul{margin:0;padding-left:18px;line-height:1.8}
.przycisk[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}
/* Logowanie: „Zapamiętaj mnie na tym urządzeniu (30 dni)” – pole wyboru przed napisem, w jednej linii */
p:has(> #id_remember){display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px}p:has(> #id_remember) label{margin:0;cursor:pointer}
/* „Zainstaluj PROJE jako program” w nagłówku (Chrome, Edge) */
header.gora .zainstaluj{white-space:nowrap}header.gora .zainstaluj[hidden]{display:none}
/* Karty jak w wariancie „Pearl”: bez ramki, z miękkim cieniem */
body:not(.w-crm) .karta{border:0;border-radius:20px;box-shadow:var(--cien)}
body:not(.w-crm) .kafelek.zablokowany{background:var(--soft);box-shadow:none}
body:not(.w-crm) main.allauth{border:0;border-radius:20px;box-shadow:var(--cien)}

/* Górna belka – wymiary i styl jak w projekcie panelu (wariant „Pearl”): 76 px, biała, trzy kolumny */
header.belka{height:76px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--card)}
.belka .belka-lewa{display:flex;align-items:center;gap:28px;min-width:0}
header.belka a{text-decoration:none;color:var(--ink)}
.belka .panel-label{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;white-space:nowrap}
.belka .brand-icon{display:grid;place-items:center end;width:35px;height:35px;border-radius:11px}
.belka .wordmark{font-size:26px;font-weight:650;letter-spacing:-1.4px;line-height:1}
.belka .wordmark .logo-firmy{display:block;max-height:40px;max-width:200px}
.belka .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.belka .header-actions form{margin:0}
.belka .login-preview{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--primary);white-space:nowrap}
.belka button.login-preview{height:auto;padding:0;border:0;background:transparent;font:inherit;font-size:14px;font-weight:500;color:var(--primary);cursor:pointer}
.belka a.login-preview:hover,.belka button.login-preview:hover{text-decoration:underline}

/* Menu Konta po lewej: w pionie, z ikonami */
.uklad{max-width:1440px;margin:0 auto;padding:40px 5%;display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.uklad>main,.uklad>main.pulpit{max-width:none;margin:0;padding:0;min-width:0}
.menu-boczne{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.menu-boczne nav{display:flex;flex-direction:column;gap:4px}
.menu-boczne nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:500}
.menu-boczne nav a:hover{color:var(--ink);background:rgb(255 255 255 / 60%)}
.menu-boczne nav a.aktywny{background:var(--card);color:var(--primary);box-shadow:0 2px 6px rgb(29 29 31 / 6%)}
.menu-boczne .ikona{flex-shrink:0}
.menu-boczne .zainstaluj{height:auto;padding:10px 14px;gap:12px;border:0;border-radius:12px;background:transparent;color:var(--primary);text-align:left;font-size:14px}
.menu-boczne .zainstaluj[hidden]{display:none}
.uklad .kafelek .przycisk{height:auto;min-height:32px;padding:6px 12px;line-height:1.3;text-align:center}
@media (max-width:1280px){.uklad .kafelki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.uklad{grid-template-columns:1fr;padding:20px;gap:20px}.menu-boczne{position:static}.menu-boczne nav{flex-direction:row;overflow-x:auto}.menu-boczne nav a{white-space:nowrap}}
/* Telefon – jak w projekcie panelu: belka 75 px, bez ramki ikony, mniejszy napis PROJE */
@media (max-width:700px){header.belka{height:75px;padding:0 20px}.belka .belka-lewa{gap:14px}.belka .panel-label{font-size:14px}.belka .brand-icon{display:none}.belka .wordmark{font-size:23px}.belka .header-actions{gap:8px}.belka .login-preview>.ikona{display:none}.belka button.wyloguj>.ikona{display:block}.belka button.wyloguj>span{display:none}}
@media (max-width:560px){.uklad .kafelki{grid-template-columns:1fr}}
/* Nagłówek strony jak w projekcie panelu („Pearl”): duży, gruby, ściśnięty */
.naglowek-strony{margin:0 0 6px;font-size:clamp(36px,3.4vw,54px)!important;font-weight:650!important;line-height:1.12;letter-spacing:-2px!important;text-wrap:balance}
.podtytul-strony{margin:0 0 8px;font-size:16px;color:var(--muted)}
/* Moje produkty: w menu nieklikalny nagłówek z listą produktów; karta produktu */
.menu-boczne nav .naglowek-menu{display:flex;align-items:center;gap:12px;width:100%;height:auto;padding:10px 14px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer}
.menu-boczne nav .naglowek-menu:hover{color:var(--ink);background:rgb(255 255 255 / 60%)}
.menu-boczne nav .naglowek-menu>.ikona:last-child{margin-left:auto;transition:transform .2s}
.grupa-menu.zwinieta .naglowek-menu>.ikona:last-child{transform:rotate(-90deg)}
.grupa-menu.zwinieta .lista-grupy{display:none}
/* Lista produktów jak gałąź drzewa: linia od ikony grupy w dół */
.menu-boczne nav .lista-grupy{display:flex;flex-direction:column;gap:2px;margin:0 0 4px 23px;padding-left:8px;border-left:1px solid var(--line)}
.menu-boczne nav .produkt-menu{display:flex;align-items:center;gap:6px}
.menu-boczne nav .produkt-menu>a:first-child{flex:1;padding:7px 12px}
.menu-boczne nav .produkt-menu a.otworz{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:9px;background:transparent;color:var(--primary)}
.menu-boczne nav .produkt-menu a.otworz:hover{background:var(--accent);color:var(--primary)}
.menu-boczne nav .produkt-menu-brak{padding:4px 12px 8px;color:var(--muted);font-size:13px}
.karta-produktu .dane-produktu{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;margin:0 0 20px}
.karta-produktu dt{color:var(--muted);font-size:13px}
.karta-produktu dd{margin:0}
.karta-produktu .przyciski{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.grupa-menu,.menu-boczne nav .lista-grupy,.grupa-menu.zwinieta .lista-grupy{display:contents}.menu-boczne nav .naglowek-menu{display:none}.menu-boczne nav .produkt-menu,.menu-boczne nav .produkt-menu-brak{white-space:nowrap}}
@media (max-width:560px){.karta-produktu .dane-produktu{grid-template-columns:1fr;gap:2px}.karta-produktu dd{margin-bottom:8px}}
/* Logo PROJE w belce; pod imieniem – firma i rola, tym samym stylem */
.belka .wordmark .logo-proje{display:block;height:22px;width:auto}
.belka .imie-firma{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}
.belka .firma-rola{font-size:12px;font-weight:400;color:var(--primary);white-space:nowrap}
/* Menu bez zalogowania: pozycje wyszarzone, po najechaniu „Zaloguj się” */
.menu-boczne nav .nieaktywny{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;color:var(--muted);font-size:14px;font-weight:500;opacity:.45;cursor:not-allowed}
.menu-boczne nav .nieaktywny:hover::after{content:attr(data-podpowiedz);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;white-space:nowrap;z-index:5}
.menu-boczne nav .nieaktywny:hover{opacity:.7}
@media (max-width:900px){.menu-boczne nav .nieaktywny{white-space:nowrap}.menu-boczne nav .nieaktywny:hover::after{left:50%;top:calc(100% + 4px);transform:translateX(-50%)}}
@media (max-width:700px){.belka .wordmark .logo-proje{height:18px}.belka .firma-rola{display:none}}
/* Odstęp kafelków od nagłówka „Rozwiązania i produkty” – o 30% większy */
main.pulpit .kafelki{margin-top:23px}
/* Pulpit: trzy kafelki (CRM, SketchUp, Corpus) */
.kafelki.kafelki-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.uklad .kafelki.kafelki-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.uklad .kafelki.kafelki-3{grid-template-columns:1fr}}
/* CRM w „Moich produktach” u użytkownika (nie Administratora): bez karty – tylko ikona „Otwórz” */
.menu-boczne nav .produkt-menu>.bez-karty{flex:1;padding:7px 12px;color:var(--muted);font-size:14px;font-weight:500}
table.moje-produkty td{padding:12px 8px}
table.moje-produkty td:not(:first-child),table.moje-produkty th{white-space:nowrap}
@media (max-width:700px){table.moje-produkty thead{display:none}table.moje-produkty tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}table.moje-produkty td{display:block;border:0;padding:4px 0}}
/* „Moje produkty” w menu: pozioma linia między produktami */
.menu-boczne nav .lista-grupy>.produkt-menu+.produkt-menu{border-top:1px solid var(--line)}
@media (max-width:900px){.menu-boczne nav .lista-grupy>.produkt-menu+.produkt-menu{border-top:0}}
/* Kafelki pulpitu jak w projekcie panelu (wariant „Pearl”): tekst, zdjęcie, cechy, „Zobacz więcej” */
.kafelek.kafelek-pearl{display:flex;flex-direction:column;gap:0;padding:28px;border:0;border-radius:20px;box-shadow:2px 4px 16px rgb(29 29 31 / 7%);transition:transform .25s,box-shadow .25s}
.kafelek.kafelek-pearl:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgb(29 29 31 / 9%)}
.kafelek-pearl .nadtytul{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:10px;font-weight:500;letter-spacing:.4px;color:var(--muted)}
.kafelek-pearl h2{margin:0 0 12px;font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.15}
.kafelek-pearl .opis{margin:0;min-height:76px;font-size:14px;line-height:1.6;color:var(--ink)}
.kafelek-pearl .kafelek-zdjecie{height:195px;margin:22px -8px 0;border-radius:12px;background-size:cover;background-position:center}
.kafelek-pearl .cechy{list-style:none;display:flex;flex-direction:column;gap:10px;margin:22px 0;padding:0}
.kafelek-pearl .cechy li{display:flex;align-items:center;gap:9px;font-size:14px}
.kafelek-pearl .cechy .ikona{color:var(--primary);flex-shrink:0}
.kafelek-pearl .kafelek-akcja{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--primary);cursor:default}
.kafelek-pearl .kafelek-akcja[aria-disabled=true]{opacity:.55}
.kafelek-pearl .strzalka-kolo{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:var(--primary)}
.kafelek-pearl.zablokowany{background:var(--card)}
.kafelek-pearl.zablokowany .kafelek-zdjecie{filter:grayscale(1);opacity:.6}
.kafelek-pearl.zablokowany h2{color:var(--muted)}
@media (max-width:1400px){.kafelek-pearl h2{font-size:22px}}
@media (max-width:700px){.kafelek.kafelek-pearl{padding:25px}.kafelek-pearl .opis{min-height:auto}.kafelek-pearl .kafelek-zdjecie{height:175px}}
/* Zdjęcia w kafelkach na jednej wysokości: kafelki dzielą wiersze siatki (tekst | zdjęcie | cechy | „Zobacz więcej”) */
.kafelki.kafelki-3{grid-auto-rows:auto;row-gap:0}
.kafelki-3 .kafelek.kafelek-pearl{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;margin-bottom:16px}
.kafelek-pearl .kafelek-cechy .cechy{margin-bottom:12px}
.kafelek-pearl .kafelek-cechy{padding-bottom:10px}

/* Karta CRM – magazyn plików (przeniesiony z Ustawień CRM) */
.karta-magazynu{margin-top:16px}.karta-magazynu h2{font-size:16px;margin:0 0 12px}.pasek-zajetosci{height:10px;border-radius:999px;background:var(--soft);overflow:hidden;margin-bottom:10px}.pasek-zajetosci span{display:block;height:100%;background:var(--primary)}.pasek-zajetosci.ostrzezenie span{background:var(--warning)}.komunikat-ostrzezenie{padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--warning) 12%,transparent)}

.karta-magazynu h3{font-size:14px;margin:16px 0 6px}.tabela-przewijana{overflow-x:auto}.tabela-zdjec th,.tabela-zdjec td{padding:6px 8px 6px 0;white-space:nowrap}.tabela-zdjec input,.tabela-zdjec select{margin:0;min-width:130px;width:100%}.przyciski-wiersza button{padding:4px 8px;margin-left:2px}
/* Ustawienia CRM na karcie CRM (zlecenie nr 6): zakładki i wiersze ustawień */
.zakladki-crm{display:flex;flex-wrap:wrap;gap:4px;margin:24px 0 0;padding:3px;background:var(--soft);border-radius:12px;width:fit-content;max-width:100%}
.zakladki-crm button{height:32px;border:0;background:transparent;color:var(--muted);font-weight:500;border-radius:9px;padding:0 12px}
.zakladki-crm button:hover{color:var(--ink)}
.zakladki-crm button.wybrana{background:var(--card);color:var(--primary);box-shadow:0 1px 3px rgb(29 29 31 / 10%)}
.wiersz-ustawien{display:flex;align-items:center;gap:8px;margin-top:8px}
.wiersz-ustawien input[type=text],.wiersz-ustawien textarea{flex:1;margin:0;width:auto}
.wiersz-ustawien select{width:auto;margin:0}
.wiersz-ustawien .uzycie{min-width:60px;text-align:right;white-space:nowrap}
.wiersz-ustawien .kropka{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0}
.wiersz-ustawien .kropka.koncowy{background:var(--success)}
.wybor-schematu{margin:6px 0}
.siatka-pol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.siatka-pol label{display:flex;flex-direction:column;gap:4px;margin:0}
.pasek-zapisu{display:flex;align-items:center;gap:8px}.pasek-zapisu .odstep{flex:1}
.komunikat-zapisu{margin:10px 0 0;color:var(--success);font-size:13px}.komunikat-zapisu.blad{color:var(--danger)}
@media (max-width:560px){.siatka-pol{grid-template-columns:1fr}.wiersz-ustawien{flex-wrap:wrap}}
/* Nieaktywne przyciski i pola (np. „Zapisz” bez zmian, prefiks przy innym schemacie numeracji) – przygaszone */
.karta button:disabled,.karta input:disabled,.karta select:disabled{opacity:.45;cursor:not-allowed}
/* Menu: sekcje z nagłówkami bez ikon – Moje produkty, Ustawienia wspólne, Sklep (decyzja użytkownika 2026-11-08) */
.menu-boczne nav .naglowek-sekcji{display:block;padding:16px 14px 6px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.menu-boczne nav .naglowek-sekcji:first-child{padding-top:4px}
.menu-boczne nav a.naglowek-sekcji.link-sekcji{display:block;border-radius:12px;text-decoration:none}
.menu-boczne nav a.naglowek-sekcji.link-sekcji:hover{color:var(--ink)}
.menu-boczne nav a.naglowek-sekcji.link-sekcji.aktywny{color:var(--primary);background:var(--card);box-shadow:0 2px 6px rgb(29 29 31 / 6%)}
.menu-boczne nav .lista-sekcji{display:flex;flex-direction:column;gap:2px}
.menu-boczne nav .lista-sekcji>.produkt-menu+.produkt-menu{border-top:1px solid var(--line)}
/* Sklep bez zalogowania – bez menu, pełna szerokość */
body>main.pulpit.publiczny{max-width:1440px;margin:0 auto;padding:40px 5%}
@media (max-width:900px){body>main.pulpit.publiczny{padding:20px}.menu-boczne nav .naglowek-sekcji{padding:8px 10px;white-space:nowrap}.menu-boczne nav .lista-sekcji{display:contents}}
@media (max-width:1100px){body>main.publiczny .kafelki.kafelki-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body>main.publiczny .kafelki.kafelki-3{grid-template-columns:1fr}}
/* Belka: ikona użytkownika jak w CRM (zdjęcie albo inicjały), pod nią „Wyloguj”; rola pod imieniem, bez firmy */
.menu-uzytkownika{position:relative}
.belka .awatar-belki{position:relative;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--ink);font-size:12px;font-weight:600;display:grid;place-items:center;overflow:hidden;cursor:pointer}
.belka .awatar-belki .awatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.belka .awatar-belki:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 35%,transparent)}
.menu-uzytkownika .rozwiniete-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;padding:6px;background:var(--card);border-radius:12px;box-shadow:0 8px 24px rgb(29 29 31 / 14%);z-index:20}
.menu-uzytkownika .rozwiniete-menu form{margin:0}
.menu-uzytkownika .pozycja-menu{width:100%;height:auto;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.menu-uzytkownika .pozycja-menu:hover{background:var(--soft)}
.belka .login-preview.nieaktywne{opacity:.45;cursor:not-allowed}
.belka .header-actions .imie-firma{text-align:right}
/* Menu (2026-11-08): nagłówki sekcji 1 pkt większe i pogrubione; pozycje pod nagłówkami z małym wcięciem;
   „CRM - otwórz” otwiera CRM, pod nim „Ustawienia” (karta CRM) z ikoną */
.menu-boczne nav .naglowek-sekcji{font-size:13px;font-weight:700}
.menu-boczne nav>a:not(.naglowek-sekcji),.menu-boczne nav .lista-sekcji{margin-left:10px}
.menu-boczne nav .produkt-menu{flex-direction:column;align-items:stretch;gap:0}
.menu-boczne nav .produkt-menu>a.otworz-produkt{padding:7px 12px;color:var(--primary);font-weight:500}
.menu-boczne nav .produkt-menu>a.otworz-produkt:hover{color:var(--primary);background:var(--accent)}
.menu-boczne nav .produkt-menu>a.podpozycja{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 22px;font-size:13.5px}
@media (max-width:900px){.menu-boczne nav>a:not(.naglowek-sekcji),.menu-boczne nav .lista-sekcji{margin-left:0}.menu-boczne nav .produkt-menu{flex-direction:row}}
/* Menu: nagłówki sekcji czarne (2026-11-08) */
.menu-boczne nav .naglowek-sekcji{color:var(--ink)}
/* Dane firmy: nazwa i logo w jednym wierszu; „+ aparat Dodaj logo” jak „Dodaj zdjęcie” w CRM */
.wiersz-firmy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.pole-z-przyciskiem{display:flex;gap:8px;align-items:center}.pole-z-przyciskiem input{flex:1}
.wiersz-logo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wiersz-logo form{margin:0}
.wiersz-logo .podglad-logo{display:grid;place-items:center;height:38px;min-width:80px;padding:4px 10px;margin:0;border:1px dashed var(--line);border-radius:9px;background:var(--soft)}
.wiersz-logo .podglad-logo img{max-height:30px;max-width:160px}
.wiersz-logo .podglad-logo.puste{color:var(--muted);font-size:12.5px}
label.dodaj-logo{display:inline-flex;align-items:center;gap:2px;height:32px;margin:0;padding:0 10px;border-radius:8px;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer}
label.dodaj-logo:hover{background:var(--soft)}
label.dodaj-logo span{margin-left:4px}
.ikona-kosz{width:32px;justify-content:center;padding:0!important;border:0!important;background:transparent!important;color:var(--muted)}
.ikona-kosz:hover{color:var(--danger)}
@media (max-width:700px){.wiersz-firmy{grid-template-columns:1fr}}
/* Moje konto: imię i nazwisko oraz e-mail w jednym wierszu; Użytkownicy: ołówek po lewej (jak w CRM), nazwa bez linku */
.dwa-pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.osoba-z-edycja{display:flex;align-items:flex-start;gap:10px}
.osoba-z-edycja .edytuj{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;color:var(--muted)}
.osoba-z-edycja .edytuj:hover{color:var(--primary);background:var(--soft)}
@media (max-width:560px){.dwa-pola{grid-template-columns:1fr;gap:0}}
/* Szablon folderów (decyzja użytkownika 2026-11-08): płótno w kropki, drzewo z góry na dół, karty jak na wzorze */
.plotno-szablonu{position:relative;margin-top:12px;padding:20px 20px 90px;min-height:520px;overflow:auto;border-radius:20px;background-color:#f1f1f3;background-image:radial-gradient(rgb(29 29 31 / 14%) 1px,transparent 1.2px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--line)}
.podpowiedz-plotna{margin:0 0 8px;text-align:center}
.drzewo-org,.drzewo-org ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none}
.drzewo-org{min-width:max-content;padding:8px 0 0}
.drzewo-org ul{position:relative;padding-top:22px}
.drzewo-org li{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 7px 0}
.drzewo-org li::before,.drzewo-org li::after{content:'';position:absolute;top:0;right:50%;width:50%;height:22px;border-top:1.5px solid #8e8e93}
.drzewo-org li::after{right:auto;left:50%;border-left:1.5px solid #8e8e93}
.drzewo-org li:only-child::before,.drzewo-org li:only-child::after{display:none}
.drzewo-org li:only-child{padding-top:0}
.drzewo-org li:first-child::before,.drzewo-org li:last-child::after{border:0}
.drzewo-org li:last-child::before{border-right:1.5px solid #8e8e93;border-radius:0 8px 0 0}
.drzewo-org li:first-child::after{border-radius:8px 0 0 0}
.drzewo-org ul::before{content:'';position:absolute;top:0;left:50%;height:22px;border-left:1.5px solid #8e8e93}
.drzewo-org>li{padding-top:0}
.karta-folderu{position:relative;width:176px;padding:10px 10px 10px 12px;background:var(--card);border-radius:14px;box-shadow:0 1px 2px rgb(29 29 31 / 6%),0 6px 16px rgb(29 29 31 / 8%);cursor:grab;text-align:left;transition:box-shadow .15s,transform .15s}
.karta-folderu:hover{box-shadow:0 1px 2px rgb(29 29 31 / 8%),0 10px 24px rgb(29 29 31 / 12%)}
.karta-folderu.korzen{width:220px;cursor:default;background:#fff;box-shadow:0 0 0 1.5px var(--primary),0 6px 16px rgb(29 29 31 / 8%)}
.karta-folderu.przenoszona{opacity:.4}
.karta-folderu[data-upusc=w]{box-shadow:0 0 0 2px var(--primary),0 10px 24px rgb(29 29 31 / 12%)}
.karta-folderu[data-upusc=przed]{box-shadow:-4px 0 0 0 var(--primary),0 6px 16px rgb(29 29 31 / 8%)}
.karta-folderu[data-upusc=za]{box-shadow:4px 0 0 0 var(--primary),0 6px 16px rgb(29 29 31 / 8%)}
.karta-folderu-gora{display:flex;align-items:center;gap:8px}
.karta-folderu .ikona-folderu{display:grid;color:var(--muted);flex-shrink:0}
.karta-folderu.korzen .ikona-folderu{color:var(--primary)}
.karta-folderu .nazwa-folderu{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.olowek-folderu{width:28px;height:28px!important;padding:0!important;flex-shrink:0;justify-content:center;border:0!important;border-radius:8px;background:transparent!important;color:var(--muted)}
.olowek-folderu:hover{color:var(--primary);background:var(--soft)!important}
.znaczniki-folderu{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.znaczniki-folderu .znacznik{font-size:11px}
.znaczniki-folderu .znacznik.przyklad{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.pasek-plotna{position:sticky;left:50%;bottom:16px;display:flex;justify-content:center;width:max-content;margin:28px auto 0;padding:6px;background:rgb(255 255 255 / 85%);backdrop-filter:blur(6px);border-radius:14px;box-shadow:0 6px 20px rgb(29 29 31 / 12%)}
.przycisk-dodaj-folder{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;color:var(--primary);font-weight:500;cursor:grab;user-select:none}
.przycisk-dodaj-folder:hover{background:var(--accent)}
.przycisk-dodaj-folder:active{cursor:grabbing}
dialog.okno-szablonu{width:min(520px,calc(100vw - 32px));padding:0;border:0;border-radius:18px;box-shadow:0 20px 50px rgb(29 29 31 / 25%)}
dialog.okno-szablonu::backdrop{background:rgb(29 29 31 / 30%)}
.okno-szablonu .okno-tresc{padding:20px 22px}
.okno-szablonu .okno-naglowek{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.okno-szablonu .okno-naglowek h2{margin:0;font-size:17px}
.okno-szablonu .zamknij{width:32px;justify-content:center;padding:0!important;border:0!important;background:transparent!important;font-size:20px;color:var(--muted)}
.okno-szablonu .okno-stopka{display:flex;align-items:center;gap:8px;margin-top:18px}
.okno-szablonu .okno-stopka .odstep{flex:1}
/* Szablon: nazwy folderów w jednej linii (karta dopasowuje szerokość) */
.karta-folderu,.karta-folderu.korzen{width:auto;min-width:150px;max-width:none}
.karta-folderu .nazwa-folderu{white-space:nowrap;overflow-wrap:normal}
/* Pola wyboru w wierszu z długim napisem nie zwężają się do kreski */
label.pole input[type=checkbox]{width:16px;height:16px;flex-shrink:0}
/* Szablon – drzewo pionowe (podfoldery wcięte w prawo, jak pierwotnie) i karty w kształcie folderu (wzór od użytkownika 2026-11-08) */
.drzewo-pion,.drzewo-pion ul{list-style:none;margin:0;padding:0}
.drzewo-pion{padding:6px 4px 0}
.drzewo-pion ul{padding-left:44px}
.drzewo-pion li{position:relative;padding:18px 0 4px}
.drzewo-pion ul>li::before{content:'';position:absolute;left:-26px;top:0;bottom:0;border-left:1.5px solid #b4b4ba}
.drzewo-pion ul>li::after{content:'';position:absolute;left:-26px;top:46px;width:24px;border-top:1.5px solid #b4b4ba}
.drzewo-pion ul>li:last-child::before{bottom:auto;height:46px}
.drzewo-pion .karta-folderu{display:inline-block;position:relative;min-width:300px;max-width:520px;padding:7px;background:#ededef;border:1.5px solid #fff;border-radius:16px 16px 16px 16px;border-top-left-radius:0;box-shadow:0 14px 30px rgb(29 29 31 / 9%),0 2px 6px rgb(29 29 31 / 5%);text-align:left}
.drzewo-pion .karta-folderu::before{content:'';position:absolute;left:-1.5px;top:-15px;width:78px;height:15px;background:#ededef;border:1.5px solid #fff;border-bottom:0;border-radius:12px 16px 0 0}
.drzewo-pion .wnetrze-folderu{padding:10px 12px;background:#fff;border-radius:11px;box-shadow:inset 0 0 12px rgb(29 29 31 / 6%)}
.drzewo-pion .karta-folderu.korzen{background:#e6eef8}
.drzewo-pion .karta-folderu.korzen::before{background:#e6eef8}
.drzewo-pion .karta-folderu[data-upusc=w]{box-shadow:0 0 0 2px var(--primary),0 14px 30px rgb(29 29 31 / 12%)}
.drzewo-pion .karta-folderu[data-upusc=przed]{box-shadow:0 -4px 0 0 var(--primary),0 14px 30px rgb(29 29 31 / 9%)}
.drzewo-pion .karta-folderu[data-upusc=za]{box-shadow:0 4px 0 0 var(--primary),0 14px 30px rgb(29 29 31 / 9%)}
.drzewo-pion .karta-folderu .nazwa-folderu{font-size:14px}
@media (max-width:700px){.drzewo-pion .karta-folderu{min-width:220px}.drzewo-pion ul{padding-left:28px}.drzewo-pion ul>li::before,.drzewo-pion ul>li::after{left:-16px}.drzewo-pion ul>li::after{width:14px}}
/* Szablon – małe karty jak na wzorze od użytkownika (2026-11-08): kolorowy nagłówek, cienka ramka, „+” na dolnej
   krawędzi, linie przerywane; drzewo pionowe z wcięciem podfolderów */
.drzewo-kart,.drzewo-kart ul{list-style:none;margin:0;padding:0}
.drzewo-kart{padding:4px 4px 0}
.drzewo-kart ul{padding-left:36px}
.drzewo-kart li{position:relative;padding:16px 0 0}
.drzewo-kart ul>li::before{content:'';position:absolute;left:-23px;top:-6px;bottom:0;border-left:1.5px dashed #9a9aa2}
.drzewo-kart ul>li:last-child::before{bottom:auto;height:40px}
.drzewo-kart ul>li::after{content:'';position:absolute;left:-23px;top:34px;width:21px;border-top:1.5px dashed #9a9aa2}
.drzewo-kart .karta-folderu{display:inline-block;position:relative;width:auto;min-width:200px;max-width:340px;padding:0 0 10px;background:#fff;border:1.5px solid #d6cdf0;border-radius:12px;box-shadow:0 1px 2px rgb(29 29 31 / 5%);text-align:left;cursor:grab}
.drzewo-kart .karta-folderu:hover{box-shadow:0 4px 12px rgb(29 29 31 / 10%)}
.drzewo-kart .karta-folderu .karta-folderu-gora{gap:6px;padding:6px 6px 6px 10px;background:#f1ecfb;border-bottom:1.5px solid #d6cdf0;border-radius:10px 10px 0 0}
.drzewo-kart .karta-folderu.korzen{border-color:#7aa4e6;cursor:default}
.drzewo-kart .karta-folderu.korzen .karta-folderu-gora{background:#dce8fb;border-bottom-color:#7aa4e6}
.drzewo-kart .karta-folderu .nazwa-folderu{font-size:13px;font-weight:600;white-space:nowrap}
.drzewo-kart .karta-folderu .ikona-folderu{color:#6b5fa8}
.drzewo-kart .karta-folderu.korzen .ikona-folderu{color:var(--primary)}
.drzewo-kart .znaczniki-folderu{margin:8px 10px 0}
.drzewo-kart .olowek-folderu,.drzewo-kart .kosz-folderu{width:24px;height:24px!important;padding:0!important;justify-content:center;flex-shrink:0;border:0!important;border-radius:7px;background:transparent!important;color:#6e6e73}
.drzewo-kart .olowek-folderu:hover{color:var(--primary);background:rgb(255 255 255 / 70%)!important}
.drzewo-kart .kosz-folderu:hover:not(:disabled){color:var(--danger);background:rgb(255 255 255 / 70%)!important}
.drzewo-kart .kosz-folderu:disabled{opacity:.3}
.drzewo-kart .plus-folderu{position:absolute;left:2px;bottom:-11px;z-index:2;width:22px;height:22px!important;padding:0!important;justify-content:center;border:1.5px solid #6b7280!important;border-radius:50%;background:#fff!important;color:#374151;cursor:grab}
.drzewo-kart .plus-folderu:hover{border-color:var(--primary)!important;color:var(--primary)}
.drzewo-kart .karta-folderu.przenoszona{opacity:.4}
.drzewo-kart .karta-folderu[data-upusc=w]{box-shadow:0 0 0 2px var(--primary)}
.drzewo-kart .karta-folderu[data-upusc=przed]{box-shadow:0 -4px 0 0 var(--primary)}
.drzewo-kart .karta-folderu[data-upusc=za]{box-shadow:0 4px 0 0 var(--primary)}
.plotno-szablonu{padding-bottom:40px}
/* Szablon (2026-11-08): bez opisu nad drzewem, foldery wyżej, większe wcięcia (karty się mijają), napisy i ikony o 1 pkt mniejsze */
.plotno-szablonu{padding-top:10px}
.drzewo-kart{padding-top:0}
.drzewo-kart>li{padding-top:0}
.drzewo-kart ul{padding-left:64px}
.drzewo-kart ul>li::before,.drzewo-kart ul>li::after{left:-51px}
.drzewo-kart ul>li::after{width:49px}
.drzewo-kart .karta-folderu .nazwa-folderu{font-size:12px}
.drzewo-kart .znaczniki-folderu .znacznik{font-size:10px}
.drzewo-kart .karta-folderu .ikona-folderu svg{width:17px;height:17px}
.drzewo-kart .olowek-folderu svg{width:15px;height:15px}
.drzewo-kart .kosz-folderu svg{width:14px;height:14px}
.drzewo-kart .plus-folderu svg{width:13px;height:13px}
/* Szablon – folder zlecenia niebieski, wszystkie pozostałe foldery fioletowe (decyzja użytkownika 2026-11-08: bez
   kolorów poziomów, żeby nie myliły się z kolorami dostępu ról); napisy i ikony edycji o 1 px mniejsze */
.drzewo-kart ul{--tlo:#f1ecfb;--ramka:#d6cdf0;--ikona:#6b5fa8}
.drzewo-kart ul .karta-folderu{border-color:var(--ramka)}
.drzewo-kart ul .karta-folderu .karta-folderu-gora{background:var(--tlo);border-bottom-color:var(--ramka)}
.drzewo-kart ul .karta-folderu .ikona-folderu{color:var(--ikona)}
.drzewo-kart .karta-folderu .nazwa-folderu{font-size:11px}
.drzewo-kart .olowek-folderu svg{width:14px;height:14px}
.drzewo-kart .kosz-folderu svg{width:13px;height:13px}
/* Szablon – niższe nagłówki kart do mniejszej czcionki (decyzja użytkownika 2026-11-08); linie łączące przesunięte
   na środek niższego nagłówka */
.drzewo-kart .karta-folderu{min-width:180px;padding-bottom:8px}
.drzewo-kart .karta-folderu .karta-folderu-gora{gap:5px;padding:2px 4px 2px 8px}
.drzewo-kart .olowek-folderu,.drzewo-kart .kosz-folderu{width:20px;height:20px!important;border-radius:6px}
.drzewo-kart .karta-folderu .ikona-folderu svg{width:15px;height:15px}
.drzewo-kart ul>li::after{top:28px}
.drzewo-kart ul>li:last-child::before{height:34px}
/* Role – dwa przyciski obok tytułu („+ Administrator”, „+ Nowa rola”) */
.wiersz .przyciski{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wiersz .przyciski form{margin:0}
/* Szablon – dostęp ról przy folderze (decyzja użytkownika 2026-11-08): tabela w oknie ołówka */
.dostep-folderu{margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#e5e5ea)}
.tabela-dostepu{width:100%;border-collapse:collapse}
.tabela-dostepu td{padding:4px 8px 4px 0;font-size:13px}
.tabela-dostepu td:first-child{width:45%}
.tabela-dostepu select{margin:0;width:100%}
/* Szablon – „Pokaż dostęp dla” (decyzja użytkownika 2026-11-08): karty w kolorze dostępu wybranej roli */
.pasek-dostepu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px;font-size:13px}
.pasek-dostepu label{margin:0;font-weight:600}
.pasek-dostepu select{margin:0;width:auto;min-width:180px}
.legenda-dostepu{display:inline-flex;align-items:center;gap:6px;color:#6e6e73}
.legenda-dostepu .probka{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:8px;border:1.5px solid}
.probka.dostep-edycja,.drzewo-kart .karta-folderu.dostep-edycja{--tlo:#dcf3e3;--ramka:#3fa66a}
.probka.dostep-przegladanie,.drzewo-kart .karta-folderu.dostep-przegladanie{--tlo:#fdf0c8;--ramka:#d9a21b}
.probka.dostep-brak,.drzewo-kart .karta-folderu.dostep-brak{--tlo:#ececef;--ramka:#b7b7bd}
.legenda-dostepu .probka{background:var(--tlo);border-color:var(--ramka)}
.drzewo-kart .karta-folderu[class*=dostep-]{border-color:var(--ramka)!important}
.drzewo-kart .karta-folderu[class*=dostep-] .karta-folderu-gora{background:var(--tlo)!important;border-bottom-color:var(--ramka)!important}
.drzewo-kart .karta-folderu.dostep-brak .nazwa-folderu,.drzewo-kart .karta-folderu.dostep-brak .ikona-folderu{color:#9a9aa2!important}
/* Szablon – bez przeciągania (decyzja użytkownika 2026-11-08): zwykły kursor; w oknie folderu nagłówki pól pogrubione */
.drzewo-kart .karta-folderu,.drzewo-kart .plus-folderu{cursor:default}
.drzewo-kart .plus-folderu{cursor:pointer}
.okno-szablonu .okno-tresc label:not(.pole):not(.przycisk){font-weight:600}
/* Okno folderu (decyzja użytkownika 2026-11-08): nagłówki pól czarne; „Kto ma dostęp” z ikoną informacji (opis w podpowiedzi) */
.okno-szablonu .okno-tresc label:not(.pole):not(.przycisk){color:#1d1d1f}
.okno-szablonu label.z-informacja{display:flex;align-items:center;gap:6px}
.ikona-informacji{display:inline-flex;color:#6e6e73;cursor:help}
.ikona-informacji:hover,.ikona-informacji:focus{color:var(--primary)}
/* Szablon (decyzja użytkownika 2026-11-08): karty zawsze tej samej szerokości (długa nazwa – wielokropek), znaczniki
   jeden pod drugim, karta bez znaczników tak wysoka jak z jednym; odstępy między kartami o 10% większe (16 → 18 px) */
.drzewo-kart .karta-folderu{width:220px;min-width:220px;max-width:220px}
.drzewo-kart .karta-folderu .nazwa-folderu{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.drzewo-kart .znaczniki-folderu{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:3px;min-height:16px}
.drzewo-kart .znaczniki-folderu .znacznik{line-height:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drzewo-kart li{padding-top:18px}
.drzewo-kart>li{padding-top:0}
.drzewo-kart ul>li::after{top:30px}
.drzewo-kart ul>li:last-child::before{height:36px}
/* Szablon – brakujące obowiązkowe typy folderów (dla wykupionych produktów) */
.uwaga-szablonu{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#fdf0c8;color:#7a5200;font-size:13px}
/* Okno folderu – „Typ folderu” jako lista do zaznaczenia; opis programu w nawiasie o 2 px mniejszy */
.lista-typow{display:flex;flex-direction:column;gap:2px}
.okno-szablonu .lista-typow label.typ-folderu{display:flex;align-items:baseline;gap:6px;margin:0;font-weight:400;font-size:13px;color:#1d1d1f}
.lista-typow .typ-folderu input{width:auto;margin:0;align-self:center}
.lista-typow .opis-typu{font-size:11px;color:#6e6e73}
/* Okno folderu – poziome linie między sekcjami (decyzja użytkownika 2026-11-08) */
.okno-szablonu .linia-sekcji{border:0;border-top:1px solid var(--border,#e5e5ea);margin:14px 0 2px}
.okno-szablonu .dostep-folderu{margin-top:14px;padding-top:2px}
.okno-szablonu .dostep-folderu::before{content:'';display:block;border-top:1px solid var(--border,#e5e5ea);margin-bottom:2px}
.okno-szablonu .dostep-folderu{border-top:0}
/* Karta CRM (decyzje użytkownika 2026-11-08): przeciąganie za uchwyt (łapka), kosz czerwony jak w CRM po najechaniu,
   „(max 10)” bez pogrubienia, pasek magazynu – wolne miejsce zielone, zajęte niebieskie */
.uchwyt-wiersza{display:inline-flex;color:#9a9aa2;cursor:grab;flex-shrink:0}
.uchwyt-wiersza:active{cursor:grabbing}
.uchwyt-komorka{width:22px;padding-right:2px!important}
.przenoszony{opacity:.4}
.wiersz-ustawien.nad{box-shadow:0 -2px 0 0 var(--primary)}
button.kosz-wiersza{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;border:0!important;background:transparent!important;color:#6e6e73}
button.kosz-wiersza:hover:not(:disabled){color:#ab2b3f}
button.kosz-wiersza:disabled{opacity:.3}
.bez-pogrubienia{font-weight:400}
.pasek-zajetosci{background:#7fd197}
.pasek-zajetosci span{background:var(--primary)}
/* Użytkownik – sekcja „Dostęp do produktów” */
h2.podtytul{font-size:15px;margin:20px 0 6px}
/* „Statusy zleceń” – grupy statusów (decyzja użytkownika 2026-11-09) */
.grupa-statusow{margin-top:12px;padding:10px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
/* poprawki 2026-11-09: „+ Dodaj grupę” w prawym górnym rogu, statusy z większym wcięciem i o 1 pkt mniejszą czcionką */
.naglowek-statusow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.naglowek-statusow h2{margin:0}
.grupa-statusow .wiersz-ustawien,.grupa-statusow>p.wycisz{margin-left:28px}
.grupa-statusow .wiersz-ustawien input[type=text]{font-size:13px}
.grupa-statusow .dodaj-status{margin-left:28px}
.grupa-statusow.nad{box-shadow:0 -2px 0 0 var(--primary)}
.naglowek-grupy{display:flex;align-items:center;gap:8px}
.naglowek-grupy input{flex:1;margin:0;font-weight:600}
.grupa-statusow .dodaj-status{margin-top:8px}
.etykieta-pola{margin:10px 0 4px;font-weight:600;font-size:14px}
.lista-grup{display:flex;flex-wrap:wrap;gap:4px 16px}
.pokazuj-postep{margin:0 0 4px}
/* Anuluj jako przycisk, obok „Zapisz” (decyzja użytkownika 2026-11-09) */
.przyciski-formularza{justify-content:flex-end;gap:8px}
/* „CRM - otwórz” w kolorze fioletu CRM, ze strzałką z prawej jak przy „Logowanie” (decyzja użytkownika 2026-11-09) */
.menu-boczne nav .produkt-menu>a.otworz-produkt,.menu-boczne nav .produkt-menu>a.otworz-produkt:hover{color:#5e4ba0;display:flex;align-items:center;gap:8px}
.menu-boczne nav .produkt-menu>a.otworz-produkt:hover{background:color-mix(in srgb,#5e4ba0 10%,transparent)}
:root[data-motyw=ciemny] .menu-boczne nav .produkt-menu>a.otworz-produkt{color:#a594e6}
/* Sklep: „w Twoich produktach” pod nazwą grupy (decyzja użytkownika 2026-11-09) */
.kafelek-pearl .moj-produkt{margin:-6px 0 12px}
/* Grupy produktów pod „Sklep” w menu – przewijają Sklep do kafelka (decyzja użytkownika 2026-11-09) */
.kafelek-pearl[id]{scroll-margin-top:90px}
/* „Utwórz konto” – zgoda na Regulamin; strona Regulaminu (2026-11-09) */
.formularz-konta label.zgoda{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-weight:400;font-size:13.5px}
.formularz-konta label.zgoda input{margin-top:3px;flex-shrink:0}
main.regulamin{max-width:820px;margin:32px auto}
.tresc-regulaminu{padding:28px 32px}
.tresc-regulaminu h2{font-size:16px!important;margin:22px 0 6px}
.tresc-regulaminu ol{padding-left:22px;margin:0}
.tresc-regulaminu li{margin:4px 0;line-height:1.55}
/* Wzorzec nowych firm w Panelu usług – edytor szablonu bez plików wzorcowych (2026-11-09) */
.okno-szablonu.bez-plikow .sekcja-plikow{display:none}