*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6fb;color:#172033}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:#0f172a;color:#fff;padding:24px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:23px;font-weight:800;margin-bottom:28px}.brand span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd}nav a{display:block;color:#dbeafe;text-decoration:none;padding:11px 12px;border-radius:12px;margin:4px 0}nav a:hover{background:#1e293b}main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.06);padding:22px;margin-bottom:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric{font-size:30px;font-weight:800}.muted{color:#64748b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.group{grid-column:1/-1;border-top:1px solid #e2e8f0;padding-top:16px}.group:first-child{border-top:0}.group h3{margin:0 0 12px}label span{font-size:12px;font-weight:700;color:#475569;display:block;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}textarea{min-height:96px}button,.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800;background:#e2e8f0;color:#0f172a;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:#2563eb;color:#fff}.danger{background:#fee2e2;color:#991b1b}.small{padding:7px 10px;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.array{grid-column:1/-1;background:#f8fafc;border:1px dashed #cbd5e1;padding:14px;border-radius:18px}.array-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:12px;background:white;border-radius:14px;margin:10px 0}.jsonPreview{background:#0b1020;color:#c7d2fe;border-radius:16px;padding:16px;overflow:auto;max-height:420px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e2e8f0;text-align:left;padding:10px;font-size:14px}th{background:#f8fafc}code{background:#eef2ff;padding:2px 6px;border-radius:6px}.alert{padding:12px 14px;border-radius:14px;background:#ecfeff;border:1px solid #67e8f9;margin-bottom:14px}.error{background:#fef2f2;border-color:#fecaca}.login{max-width:520px;margin:8vh auto}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.top{display:block}}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.pagination .active{background:#111827;color:#fff}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn.primary,.primary{background:#2563eb;color:white;border-color:#2563eb}.field-error input,.field-error textarea,.field-error select{border-color:#dc2626;background:#fff7f7}.errortext{display:block;color:#b91c1c;margin-top:4px;font-weight:600}.errorbox{border-left:5px solid #dc2626}.muted{color:#475569;background:#f8fafc}.small{font-size:12px;padding:6px 10px}.array-row{border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin:10px 0;background:#fff}.top button,.btn,button{cursor:pointer}
.suggestBox{position:absolute;z-index:50;background:#fff;border:1px solid #d8e0ef;border-radius:14px;box-shadow:0 18px 40px rgba(16,24,40,.18);margin-top:6px;min-width:280px;max-width:520px;overflow:hidden}.formgrid label{position:relative}.suggestItem{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef2f7;padding:10px 12px;cursor:pointer}.suggestItem:hover{background:#f6f8ff}.suggestItem b{display:block}.suggestItem small{display:block;color:#667085;margin-top:3px}.suggestErr,.suggestEmpty{padding:10px 12px;color:#667085}.lookupBtn{margin-top:6px}.lookupMsg{display:block;margin-top:6px;color:#667085}.lookupMsg.ok{color:#067647}.input-error{border-color:#d92d20!important;background:#fff7f5!important}
.fullwidth{grid-column:1/-1}.hint{background:#eef6ff;border:1px solid #bfdbfe;border-radius:14px;padding:12px 14px;margin-bottom:14px}.hint.warn{background:#fff7ed;border-color:#fed7aa}.liveResults{margin-top:14px}.liveTable{border-left:5px solid #2563eb}
@media(max-width:760px){body{background:#fff}.app{display:block}.brand{font-size:20px;margin-bottom:12px}aside{height:auto;position:relative;padding:14px;border-bottom-left-radius:22px;border-bottom-right-radius:22px}nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}nav a{white-space:nowrap;margin:0;padding:9px 10px;background:#1e293b}main{padding:14px}.top{display:flex;gap:10px;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(243,246,251,.94);backdrop-filter:blur(8px);z-index:20;padding:10px 0;margin-bottom:12px}.top h1{font-size:19px;line-height:1.15}.top button{padding:9px 10px}.card{border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.grid{grid-template-columns:1fr;gap:10px}.array-row{grid-template-columns:1fr;padding:10px}.actions,.toolbar,.pagination{gap:8px}.btn,button{width:auto;padding:10px 12px}.actions .btn,.actions button,.toolbar .btn,.toolbar button{flex:1 1 auto;text-align:center}.tablewrap{margin-left:-14px;margin-right:-14px;border-radius:0;border-left:0;border-right:0}table{min-width:720px}th,td{padding:9px;font-size:13px}.jsonPreview{font-size:12px;max-height:300px}.suggestBox{position:fixed;left:12px!important;right:12px!important;top:auto!important;bottom:12px;min-width:0;max-width:none;max-height:55vh;overflow:auto;border-radius:18px}.suggestItem{padding:14px}.login{margin:4vh 12px}.metric{font-size:24px}}
@media print{aside,.top button,.toolbar,.actions,.pagination,.lookupBtn,.suggestBox,.liveResults{display:none!important}.app{display:block}main{padding:0}.card{box-shadow:none;border:1px solid #ddd}}

.positionCalc{grid-column:1/-1;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:10px 12px;color:#064e3b;font-size:13px}.invoiceCalcTotal{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:14px 16px;margin:12px 0;color:#1e3a8a;font-size:15px}
@media(max-width:760px){.positionCalc,.invoiceCalcTotal{font-size:13px;padding:10px}}

/* Profesjonalne szerokości pól formularzy */
.formgrid .grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.formgrid label{grid-column:span 4;min-width:0}.formgrid label.field-xs{grid-column:span 2}.formgrid label.field-sm{grid-column:span 3}.formgrid label.field-md{grid-column:span 4}.formgrid label.field-lg{grid-column:span 6}.formgrid label.field-xl{grid-column:span 8}.formgrid label:has(textarea),.formgrid label.field-full{grid-column:1/-1}.array-row{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.array-row label{grid-column:span 3}.array-row label.field-xs{grid-column:span 1}.array-row label.field-sm{grid-column:span 2}.array-row label.field-md{grid-column:span 3}.array-row label.field-lg{grid-column:span 4}.array-row label.field-xl{grid-column:span 5}.calc-readonly{background:#f8fafc!important;color:#334155;font-weight:800;border-color:#dbeafe}.array-row .danger.small{align-self:end;justify-self:start}.suggestItem small .price{font-weight:800;color:#155eef}
@media(max-width:1100px){.formgrid label,.formgrid label.field-xs,.formgrid label.field-sm,.formgrid label.field-md,.formgrid label.field-lg,.formgrid label.field-xl,.array-row label,.array-row label.field-xs,.array-row label.field-sm,.array-row label.field-md,.array-row label.field-lg,.array-row label.field-xl{grid-column:span 6}}
@media(max-width:760px){.formgrid .grid,.array-row{grid-template-columns:1fr}.formgrid label,.formgrid label.field-xs,.formgrid label.field-sm,.formgrid label.field-md,.formgrid label.field-lg,.formgrid label.field-xl,.array-row label,.array-row label.field-xs,.array-row label.field-sm,.array-row label.field-md,.array-row label.field-lg,.array-row label.field-xl{grid-column:1/-1}.array-row .danger.small{width:100%}}

.field-ok input,.field-ok textarea,.field-ok select{border-color:#16a34a!important;background:#f0fdf4!important}.field-bad input,.field-bad textarea,.field-bad select,.field-error input,.field-error textarea,.field-error select{border-color:#dc2626!important;background:#fef2f2!important}.field-required span:after{content:""}.req{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-style:normal}.field-bad .req{background:#fee2e2;color:#991b1b}.invoiceValidationPanel{border-radius:14px;padding:12px 14px;margin:12px 0}.invoiceValidationPanel.ok{background:#ecfdf5;border:1px solid #86efac;color:#14532d}.invoiceValidationPanel.bad{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d}

/* Modal sukcesu/błędu dla zapisów API */
.apiModal{position:fixed;inset:0;background:rgba(15,23,42,.58);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}.apiModal.show{display:flex}.apiModalBox{background:#fff;width:min(620px,96vw);border-radius:22px;box-shadow:0 25px 80px rgba(2,6,23,.35);padding:28px;text-align:center;border:1px solid #e5e7eb}.apiModalIcon{width:70px;height:70px;border-radius:999px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900}.apiModal.success .apiModalIcon{background:#dcfce7;color:#15803d}.apiModal.error .apiModalIcon{background:#fee2e2;color:#b91c1c}.apiModal h2{margin:8px 0 8px;font-size:24px}.apiModal p{color:#475569;margin:6px 0 14px}.apiModal pre{max-height:220px;overflow:auto;text-align:left;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:14px;font-size:12px}.apiModalActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.apiModal .btn{min-width:130px}.field-bad input,.field-bad select,.field-bad textarea{border-color:#dc2626!important;background:#fff1f2!important}.field-ok input,.field-ok select,.field-ok textarea{border-color:#16a34a!important;background:#f0fdf4!important}.array-row{position:relative}.calc-source{outline:2px solid #2563eb33}

/* Searchable product dropdown inside invoice positions */
.invoiceProductSelect{background:#f8fafc;border:1px solid #dbe4ef;border-radius:16px;padding:14px;margin:8px 0 16px;position:relative}
.invoiceProductSelect label{max-width:720px;margin:0}
.invoiceProductSelect input{font-size:15px;padding:12px 14px;border-radius:12px;border:1px solid #b7c4d6;width:100%;background:#fff}
.invoiceProductDropdown{position:absolute;left:14px;right:14px;top:78px;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);z-index:30;max-height:360px;overflow:auto;display:none}
.invoiceProductDropdown.open{display:block}
.invoiceProductOption{width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;border-bottom:1px solid #eef2f7;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.invoiceProductOption:hover,.invoiceProductOption:focus{background:#eff6ff;outline:none}
.invoiceProductOption b{display:block;color:#0f172a;font-size:14px}
.invoiceProductOption small{display:block;color:#64748b;margin-top:3px}
.invoiceProductOption .price{font-weight:700;color:#0f172a;white-space:nowrap}
.invoiceProductEmpty,.invoiceProductError{padding:12px 14px;color:#64748b}.invoiceProductError{color:#b91c1c}
@media(max-width:720px){.invoiceProductDropdown{position:static;margin-top:8px}.invoiceProductOption{grid-template-columns:1fr}.invoiceProductOption .price{white-space:normal}}


/* FIX: widoczne dodanie produktu do pozycji faktury */
.productAddedFlash{animation:productAddedFlash 1.5s ease-out 1; outline:3px solid #22c55e; outline-offset:2px;}
@keyframes productAddedFlash{0%{background:#dcfce7;transform:scale(1.01)}100%{background:transparent;transform:scale(1)}}
.invoiceToast{position:fixed;left:50%;top:22px;transform:translateX(-50%) translateY(-20px);background:#111827;color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.22);z-index:99999;opacity:0;pointer-events:none;transition:.2s;font-weight:700;max-width:min(92vw,560px);text-align:center}.invoiceToast.show{opacity:1;transform:translateX(-50%) translateY(0)}.invoiceToast.ok{background:#15803d}.invoiceToast.bad{background:#b91c1c}
.invoiceProductDropdown.open{z-index:9999}

/* Lepsza widoczność wyszukiwarki produktu w konkretnym wierszu faktury */
.invoiceRowProductPicker{grid-column:1/-1;background:#f8fafc;border:1px solid #dbe5f1;border-radius:14px;padding:12px;margin:4px 0 8px;position:relative}
.invoiceRowProductPicker label{margin:0;max-width:720px}
.invoiceRowProductPicker input{font-size:15px;font-weight:600;background:#fff}
.productAddedFlash{animation:productFlash 1.4s ease-out;border-color:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.15)}
@keyframes productFlash{0%{background:#dcfce7}100%{background:transparent}}

/* Stabilny koszyk pozycji faktury */
.invoiceCart{grid-column:1/-1;background:#f8fafc;border:1px solid #dbe3ef;border-radius:18px;padding:16px;margin-top:8px}
.invoiceCartSearch{position:relative;margin-bottom:14px}
.invoiceCartTable th,.invoiceCartTable td{vertical-align:middle;min-width:90px}
.invoiceCartTable td:first-child{min-width:240px}
.invoiceCartTable input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ccd6e3;border-radius:10px;background:#fff}
.invoiceCartTable input:focus{outline:2px solid #2563eb22;border-color:#2563eb}
.invoiceCartTable [data-cart-field="product_id"],.invoiceCartTable [data-cart-field="quantity"],.invoiceCartTable [data-cart-field="tax"]{max-width:90px}
.invoiceCartTable .danger{white-space:nowrap}
@media(max-width:760px){.invoiceCart{padding:10px}.invoiceCartTable,.invoiceCartTable thead,.invoiceCartTable tbody,.invoiceCartTable th,.invoiceCartTable td,.invoiceCartTable tr{display:block}.invoiceCartTable thead{display:none}.invoiceCartTable tr{background:#fff;border:1px solid #dbe3ef;border-radius:14px;margin:10px 0;padding:10px}.invoiceCartTable td{border:0!important;min-width:0!important;padding:5px}.invoiceCartTable td:before{display:block;font-size:12px;color:#64748b;margin-bottom:3px}.invoiceCartTable td:nth-child(1):before{content:'Produkt'}.invoiceCartTable td:nth-child(2):before{content:'ID'}.invoiceCartTable td:nth-child(3):before{content:'Ilość'}.invoiceCartTable td:nth-child(4):before{content:'Jm'}.invoiceCartTable td:nth-child(5):before{content:'Netto/szt.'}.invoiceCartTable td:nth-child(6):before{content:'VAT %'}.invoiceCartTable td:nth-child(7):before{content:'Brutto/szt.'}.invoiceCartTable td:nth-child(8):before{content:'Brutto razem'}}

.invoiceCartOption{width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;border-bottom:1px solid #eef2f7;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.invoiceCartOption:hover{background:#eff6ff}.invoiceCartOption b{display:block}.invoiceCartOption small{display:block;color:#64748b}.invoiceCartOption .price{font-weight:800;color:#166534}


/* Zwijane czarne bloki JSON / diagnostyki */
.jsonDetails{grid-column:1/-1;margin-top:12px;border:1px solid #1f2937;border-radius:16px;overflow:hidden;background:#020617;box-shadow:0 10px 30px rgba(2,6,23,.18)}
.jsonDetails>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111827;color:#e5e7eb;padding:12px 14px;font-weight:800}
.jsonDetails>summary::-webkit-details-marker{display:none}.jsonDetails>summary:after{content:'Rozwiń';font-size:12px;color:#93c5fd;background:#1e293b;border-radius:999px;padding:4px 9px}.jsonDetails[open]>summary:after{content:'Zwiń'}
.jsonDetails .jsonTools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#0b1220;border-bottom:1px solid #1f2937}.jsonDetails .jsonTools button{background:#1e293b;color:#e5e7eb;border:1px solid #334155;padding:7px 10px;font-size:12px;border-radius:10px}.jsonDetails .jsonPreview{margin:0;border-radius:0;background:#020617!important;color:#d1fae5!important;border:0;max-height:520px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55}.jsonPreview{background:#020617!important;color:#d1fae5!important;border:1px solid #1f2937}
.brandLogo{display:flex;align-items:center;gap:11px;margin-bottom:26px}.brandLogo img{width:46px;height:46px;border-radius:14px;box-shadow:0 8px 24px rgba(37,99,235,.35)}.brandLogoText{font-size:22px;font-weight:900;line-height:1.05}.brandLogoText span{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#93c5fd;margin-top:4px}.socialAssets{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.assetBox{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;text-align:center}.assetBox img{max-width:100%;height:90px;object-fit:contain}.assetBox code{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.invoiceProductDropdown.open{display:block}.invoiceProductDropdown{display:none;margin-top:8px;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,.16);overflow:hidden;max-height:330px;overflow-y:auto}.invoiceCartOption{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #eef2f7;border-radius:0;padding:12px 14px}.invoiceCartOption:hover{background:#f8fafc}.invoiceCartOption small{display:block;color:#64748b;margin-top:4px}.invoiceCartOption .price{font-weight:900;color:#2563eb;white-space:nowrap}.productAddedFlash{animation:flashProduct 1.2s ease}@keyframes flashProduct{0%{background:#dcfce7}100%{background:transparent}}
@media(max-width:760px){.jsonDetails>summary{align-items:flex-start}.brandLogo{margin-bottom:12px}.brandLogo img{width:40px;height:40px}.brandLogoText{font-size:18px}.invoiceCartOption{display:block}.invoiceCartOption .price{display:block;margin-top:6px}}

/* Material Symbols + przyciski */
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}.btnIcon{vertical-align:-5px;margin-right:7px}.btn,.primary,button,nav a{display:inline-flex;align-items:center;gap:4px}.top button .btnIcon{margin-right:7px}
/* Eksport po prawej i modal */
.list-toolbar{justify-content:flex-end}.list-toolbar .primary{margin-right:auto}.exportPanel{position:fixed;inset:0;background:rgba(15,23,42,.56);z-index:9998;display:flex;align-items:center;justify-content:center;padding:18px}.exportPanel[hidden]{display:none}.exportBox{background:#fff;border-radius:22px;padding:24px;width:min(560px,96vw);box-shadow:0 24px 70px rgba(2,6,23,.32)}.exportBox h3{margin-top:0}.exportGrid{grid-template-columns:1fr 1fr}.colFilter{width:100%;margin-top:6px;padding:7px 8px;border-radius:9px;border:1px solid #cbd5e1;font-size:12px}.dataTable th[data-sort-key]{cursor:pointer;user-select:none}.dataTable th[data-sort-key]:hover{background:#f1f5f9}.dataTable tr[style*="display: none"]{display:none!important}
@media(max-width:720px){.list-toolbar{justify-content:stretch}.list-toolbar .btn{width:100%;justify-content:center}.list-toolbar .primary{margin-right:0}.exportGrid{grid-template-columns:1fr}.dataTable .colFilter{min-width:120px}}
/* Druk/PDF list */
.printExport{font-family:Arial,sans-serif;padding:24px;color:#111827}.printExport table{width:100%;border-collapse:collapse}.printExport th,.printExport td{border:1px solid #cbd5e1;padding:8px;text-align:left}.printExport h1{font-size:22px;margin:0 0 8px}@media print{aside,.top,.toolbar,.pagination,.jsonDetails,.noPrint,.exportPanel,.live-list-form,.liveResults,.card:not(.printArea){display:none!important}main{padding:0!important}.app{display:block!important}.printArea{box-shadow:none!important;border:0!important;padding:0!important}.print-selected-only [data-row]:not(:has([data-row-check]:checked)){display:none!important}input[type="checkbox"]{display:none!important}.dataTable .colFilter{display:none!important}.dataTable th:first-child,.dataTable td:first-child{display:none!important}}
/* Aktualizacja: wydruk PDF, paginacja i kalendarze */
.pagination{align-items:center}.pagination .disabled{opacity:.45;pointer-events:none}.pageInfo{font-weight:800;color:#334155;margin-right:6px}.live-list-form input[type="date"]{cursor:pointer}.printBrand{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:0 0 14px;border-bottom:2px solid #0f172a}.printBrand img{width:72px;height:72px}.printBrand strong{display:block;font-size:22px}.printBrand span{display:block;color:#475569;margin-top:4px}.cleanPdf h1{display:none}.printPageNo{position:fixed;bottom:8mm;right:10mm;font-size:11px;color:#475569}@page{margin:14mm;@bottom-right{content:"Strona " counter(page) "/" counter(pages);}}
@media(max-width:760px){.pagination .pageNo:nth-of-type(n+7){display:none}.pagination{justify-content:center}.pageInfo{width:100%;text-align:center;margin-bottom:4px}}
@media print{.printExport{padding:0!important}.printExport .printBrand{break-after:avoid}.printExport table{page-break-inside:auto}.printExport tr{page-break-inside:avoid;page-break-after:auto}.printExport thead{display:table-header-group}.printExport tfoot{display:table-footer-group}}
/* 2026-05-23: aktywne menu, rozróżnienie sprzedawcy i kupującego */
aside nav a.active{background:#1d4ed8;color:#fff;box-shadow:0 8px 20px rgba(29,78,216,.25);font-weight:800}
.group.sellerGroup{border:1px solid #bfdbfe;background:linear-gradient(180deg,#eff6ff,#ffffff)}
.group.sellerGroup h3{color:#1d4ed8}
.group.buyerGroup{border:1px solid #bbf7d0;background:linear-gradient(180deg,#f0fdf4,#ffffff)}
.group.buyerGroup h3{color:#15803d}
.apiAutoFieldsNotice{padding:12px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;margin:12px 0;color:#9a3412}
@media(max-width:760px){.group.sellerGroup,.group.buyerGroup{border-width:2px}}
/* Aktualizacja: przedstawiciele, prowizje, konta i raporty */
.switchLine{display:flex;align-items:center;gap:10px;min-height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px}.switchLine input{width:auto}.repForm .fullwidth{grid-column:1/-1}.inlineForm{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5e7eb;padding:8px 0}.repHeader .toolbar label{max-width:210px}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin:14px 0}.stats div{background:linear-gradient(135deg,#0f172a,#1e293b);color:white;border-radius:20px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.12)}.stats b{font-size:26px;display:block}.stats span{opacity:.8}.barChart{display:flex;align-items:flex-end;gap:14px;min-height:240px;overflow:auto;padding:20px 8px}.barItem{min-width:70px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar{width:36px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#2563eb,#38bdf8);box-shadow:0 10px 24px rgba(37,99,235,.2)}.barValue{font-size:11px;margin-bottom:6px;color:#334155}.barItem span{font-size:12px;color:#64748b;margin-top:8px}.card h2 + .muted{margin-top:-6px}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}.repHeader .toolbar label{max-width:none;width:100%}.barItem{min-width:56px}.bar{width:28px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.inlineForm{display:block}.inlineForm button{margin-top:8px}}
.repProductCell{position:relative;min-width:260px}.repProductSuggest{left:0;right:0;top:100%;z-index:60}.repProductSuggest .suggestItem{text-align:left;width:100%}

.topProducts .stats div{min-width:220px}.topProducts code{background:#111827;color:#f8fafc;padding:2px 6px;border-radius:6px}
.settingsTabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.settingsTabs .btn{margin:2px}aside nav a{display:flex;align-items:center;gap:8px}.material-symbols-outlined{font-size:20px;vertical-align:middle}.repHeader .toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}details summary{cursor:pointer;font-weight:700;margin-bottom:10px}.jsonPreview{background:#050505;color:#e5e7eb;border-radius:14px;padding:14px;overflow:auto}

.invoiceProductsRow.hidden{display:none}
.nestedProducts{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}
.nestedProducts h3{margin-top:0}
.nestedProducts table{margin-top:8px}
.commissionRow{background:#f0fdf4}
.mutedRow{background:#f9fafb;color:#6b7280}

/* 2026-05-23: modal listy produktów faktury */
.invoiceProductsBox{position:relative;width:min(760px,96vw);text-align:left}.invoiceProductsBox h2{text-align:center}.invoiceProductsBox .muted{text-align:center}.modalCloseX{position:absolute;right:14px;top:12px;border:0;background:#f1f5f9;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:30px;cursor:pointer}.modalCloseX:hover{background:#e2e8f0}.invoiceProductsTableWrap{max-height:60vh;overflow:auto;border:1px solid #e5e7eb;border-radius:14px}.invoiceProductsTableWrap .dataTable{margin:0}.invoiceProductsTableWrap th{position:sticky;top:0;background:#f8fafc;z-index:1}.invoiceProductsTableWrap td:nth-child(2),.invoiceProductsTableWrap td:nth-child(3){white-space:nowrap;text-align:right}@media(max-width:760px){.invoiceProductsBox{padding:18px}.invoiceProductsTableWrap{max-height:65vh}.invoiceProductsTableWrap td,.invoiceProductsTableWrap th{font-size:13px;padding:8px}}

/* Widok produktów pod fakturą przedstawiciela */
.commissionProduct{background:#ecfdf3!important;color:#14532d}
.commissionProduct td{border-bottom-color:#bbf7d0!important}
.commissionProduct td:first-child::before{content:"✓ ";font-weight:800;color:#16a34a}
.nonCommissionProduct{background:#fef2f2!important;color:#991b1b;text-decoration:line-through;text-decoration-thickness:2px}
.nonCommissionProduct td{border-bottom-color:#fecaca!important}
.nonCommissionProduct td:first-child::before{content:"✕ ";font-weight:800;color:#dc2626;text-decoration:none}

/* 2026-05-24: ukrywanie / odkrywanie kolumn */
.colHidden{display:none!important}
th{position:relative}.colHideBtn{margin-top:6px;padding:4px 7px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;line-height:1;display:inline-flex;align-items:center;gap:3px;cursor:pointer}.colHideBtn .material-symbols-outlined{font-size:15px}.colHideBtn:hover{background:#dbeafe}.columnRevealPanel{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0 18px;padding:10px;border:1px dashed #bfdbfe;background:#f8fafc;border-radius:14px}.columnRevealPanel .columnState{font-weight:800;color:#334155}.hiddenCols{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn.blue,.columnChoice.inactive{background:#2563eb!important;color:#fff!important;border-color:#1d4ed8!important}.columnChoice.active{background:#16a34a!important;color:#fff!important;border-color:#15803d!important}.columnModalBox{width:min(620px,96vw);text-align:left}.columnModalList{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin-top:14px}.columnChoice{border:1px solid transparent;border-radius:16px;padding:12px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.08)}.columnChoice .material-symbols-outlined{grid-row:1/3;font-size:28px}.columnChoice b{font-size:15px}.columnChoice small{opacity:.9}@media(max-width:760px){.columnRevealPanel{justify-content:stretch}.columnRevealPanel .btn,.columnRevealPanel .columnState{width:100%;justify-content:center;text-align:center}.hiddenCols{width:100%;justify-content:center}.columnModalList{grid-template-columns:1fr}.colHideBtn span:last-child{display:none}.colHideBtn{padding:5px}}

/* 2026-05-24: poprawione ikonki ukrywania kolumn w panelu przedstawiciela i pracownika */
.colHideBtn{width:30px;height:30px;justify-content:center;padding:0;margin-left:6px;vertical-align:middle;background:#eef6ff;border-color:#93c5fd;color:#1d4ed8}
.colHideBtn .material-symbols-outlined{font-size:19px;line-height:1}
.columnRevealPanel .hiddenCols .btn{display:inline-flex;align-items:center;gap:5px}
.repPortal table,.employeeTable{--column-tools-ready:1}
.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:20px}.role-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:18px;padding:18px;text-align:center;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.18s}.role-card:hover,.role-card.role-clicked{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.10);border-color:#60a5fa}.role-card .material-symbols-outlined{font-size:38px;color:#2563eb}.role-card strong{font-size:18px}.role-card small{color:#64748b;line-height:1.25}.role-card em{font-style:normal;font-size:12px;color:#0f766e;background:#ccfbf1;padding:4px 8px;border-radius:999px}.login-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);display:none;align-items:center;justify-content:center;padding:16px;z-index:9999}.login-modal.open{display:flex}.login-modal-box{position:relative;background:#fff;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.35);width:min(460px,96vw);padding:28px}.login-modal-close{position:absolute;right:12px;top:12px;border-radius:999px;padding:8px;background:#e2e8f0}.login-form{display:none}.login-form h2{display:flex;gap:8px;align-items:center;margin:0 0 18px}.login-form label{display:block;margin-bottom:12px}.login-form button{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin-top:4px}.loginbox.locked-form{display:none}.triple-login-hint{text-align:center;margin-top:12px}.unlock-card{max-width:520px;margin:8vh auto;text-align:center}.unlock-role-btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;font-size:18px;padding:18px 22px;border-radius:18px;background:#f8fafc;border:1px solid #cbd5e1}.unlock-role-btn .material-symbols-outlined{font-size:34px;color:#2563eb}@media(max-width:760px){.role-grid{grid-template-columns:1fr}.login-modal-box{padding:22px}.role-card{min-height:132px}}

/* 2026-05-24: menu górne rozwijane, sesja i kolumny per użytkownik */
.app.topMenuApp{display:block;min-height:100vh}.topMenu{position:sticky;top:0;z-index:1000;background:#0f172a;color:#fff;padding:12px 18px;box-shadow:0 10px 30px rgba(15,23,42,.18);display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:10px}.topMenu .brandLogo{margin:0}.topMenu .brandLogo img{width:42px;height:42px}.topMenu .brandLogoText{font-size:19px}.menuToggle,.sessionReset{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1e293b;color:#dbeafe;border:1px solid #334155}.menuToggle.open,.menuToggle:hover,.sessionReset:hover{background:#2563eb;color:#fff}.sessionReset b{font-size:12px;color:#bae6fd;background:#0f172a;border-radius:999px;padding:3px 7px}.topDropdownNav{grid-column:1/-1;display:none;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;padding-top:10px;border-top:1px solid #334155}.topDropdownNav.open{display:grid}.topDropdownNav a{display:flex;align-items:center;gap:8px;color:#dbeafe;text-decoration:none;padding:11px 12px;border-radius:14px;background:#1e293b}.topDropdownNav a:hover,.topDropdownNav a.active{background:#1d4ed8;color:#fff;box-shadow:0 8px 18px rgba(29,78,216,.28)}.topMenuApp main{padding:24px 28px}.topMenuApp aside{display:none!important}.topMenuApp .top{position:relative;background:transparent;padding:0;margin-bottom:20px}@media(max-width:760px){.topMenu{grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.topMenu .brandLogo{grid-column:1/-1}.menuToggle,.sessionReset{width:100%;padding:10px}.topDropdownNav{grid-template-columns:1fr}.topMenuApp main{padding:14px}.sessionReset b{margin-left:auto}.topMenu .brandLogoText{font-size:17px}}

/* 2026-05-24: super mobilne menu rozwijane */
.topMenu{backdrop-filter:blur(10px);}
.topMenu .brandLogo,.topMenu .menuToggle,.topMenu .sessionReset{position:relative;z-index:1002}
.menuToggle{min-height:44px;border-radius:16px;transition:.18s ease;}
.menuToggle .material-symbols-outlined{font-size:24px}
.menuToggle.open .material-symbols-outlined{content:'close'}
.topDropdownNav{border-radius:0 0 22px 22px;animation:fkMenuDrop .16s ease-out;}
@keyframes fkMenuDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.topMenuGroup{background:rgba(30,41,59,.76);border:1px solid rgba(148,163,184,.20);border-radius:20px;padding:12px;margin-bottom:10px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.topMenuGroupTitle{display:flex;align-items:center;gap:8px;color:#93c5fd;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:2px 4px 8px}
.topMenuGroupLinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.topMenuGroupLinks a{min-height:46px;margin:0!important;}
.topMenuGroupLinks a .material-symbols-outlined{font-size:22px}
.topMenuGroupLinks a.active{outline:2px solid rgba(147,197,253,.7)}
.topMenuGroupLinks a[href*="logout"],.topMenuGroupLinks a[href*="rep_logout"]{background:#7f1d1d;color:#fee2e2}
.topMenuGroupLinks a[href*="logout"]:hover,.topMenuGroupLinks a[href*="rep_logout"]:hover{background:#dc2626;color:#fff}
@media(min-width:761px){.topDropdownNav.open{display:block}.topMenu{grid-template-columns:auto auto auto 1fr}.topMenuGroupLinks a{justify-content:flex-start}.topMenuApp main{max-width:1560px;margin:0 auto;width:100%}}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}.menu-open{overflow:hidden}.topMenu{display:grid;grid-template-columns:1fr 52px;gap:8px;padding:10px 12px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.topMenu .brandLogo{grid-column:1/2;display:flex;align-items:center;min-width:0}.topMenu .brandLogo img{width:38px;height:38px;flex:0 0 auto}.topMenu .brandLogoText{font-size:16px;line-height:1.05;min-width:0}.menuToggle{grid-column:2/3;grid-row:1/2;width:52px;height:52px;padding:0;border-radius:18px}.menuToggle span:not(.material-symbols-outlined){display:none}.sessionReset{grid-column:1/-1;width:100%;justify-content:space-between;border-radius:16px;min-height:42px;padding:8px 12px}.sessionReset span:nth-child(2){font-size:13px}.topDropdownNav.open{display:block!important;position:fixed;z-index:1001;inset:0;background:linear-gradient(180deg,#0f172a 0%,#111827 58%,#172554 100%);padding:116px 12px 20px;overflow:auto;border:0;border-radius:0;box-shadow:none}.topMenuGroup{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.11);border-radius:22px;padding:12px}.topMenuGroupTitle{font-size:11px;color:#bfdbfe}.topMenuGroupLinks{grid-template-columns:1fr;gap:10px}.topMenuGroupLinks a{min-height:58px;border-radius:18px;padding:14px 15px;font-size:16px;background:rgba(30,41,59,.92);box-shadow:0 10px 24px rgba(0,0,0,.18)}.topMenuGroupLinks a .material-symbols-outlined{font-size:28px}.topMenuGroupLinks a span:last-child{font-weight:900}.topMenuGroupLinks a.active{background:#2563eb;color:#fff}.topMenuApp main{padding:12px}.topMenuApp .top{position:sticky;top:98px;z-index:40;background:rgba(243,246,251,.94);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:18px;padding:10px 12px;margin:8px 0 12px}.topMenuApp .top h1{font-size:18px}.card{border-radius:18px}.cards{grid-template-columns:1fr}.toolbar,.actions{display:grid;grid-template-columns:1fr;gap:8px}.toolbar .btn,.toolbar button,.actions .btn,.actions button{width:100%;min-height:46px}.tablewrap{overflow:visible;margin-left:0;margin-right:0}.dataTable:not(.invoiceCartTable),.tablewrap>table:not(.invoiceCartTable){min-width:0;width:100%;border-collapse:separate;border-spacing:0 10px}.dataTable:not(.invoiceCartTable) thead,.tablewrap>table:not(.invoiceCartTable) thead{display:none}.dataTable:not(.invoiceCartTable) tbody,.dataTable:not(.invoiceCartTable) tr,.dataTable:not(.invoiceCartTable) td,.tablewrap>table:not(.invoiceCartTable) tbody,.tablewrap>table:not(.invoiceCartTable) tr,.tablewrap>table:not(.invoiceCartTable) td{display:block;width:100%}.dataTable:not(.invoiceCartTable) tr,.tablewrap>table:not(.invoiceCartTable) tr{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.06);padding:10px;margin-bottom:10px}.dataTable:not(.invoiceCartTable) td,.tablewrap>table:not(.invoiceCartTable) td{border:0!important;padding:7px 8px;font-size:14px;word-break:break-word}.dataTable:not(.invoiceCartTable) td:before,.tablewrap>table:not(.invoiceCartTable) td:before{content:attr(data-mobile-label);display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.dataTable:not(.invoiceCartTable) td:empty{display:none}.pagination{position:sticky;bottom:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:18px;padding:8px;box-shadow:0 10px 30px rgba(15,23,42,.12)}input,select,textarea{min-height:46px;font-size:16px}.suggestBox,.invoiceProductDropdown{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;max-height:58vh!important;border-radius:22px;z-index:10050}.apiModalBox,.columnModalBox,.invoiceProductsBox{width:calc(100vw - 20px)!important;max-height:86vh;overflow:auto;border-radius:24px;padding:18px}.columnRevealPanel{position:relative;border-radius:18px}.jsonDetails>summary{min-height:48px}
}

/* 2026-05-24: tablety jako wersja mobilna + ukrywanie kolumn na kartach */
.mobileColHideBtn{display:none;float:right;margin:0 0 4px 8px;width:34px;height:34px;border-radius:999px;border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;align-items:center;justify-content:center;padding:0}.mobileColHideBtn .material-symbols-outlined{font-size:19px}.mobileColHideBtn:hover{background:#2563eb;color:#fff}.colHidden{display:none!important}
@media(max-width:1024px){
  html,body{max-width:100%;overflow-x:hidden}.menu-open{overflow:hidden}.topMenu{display:grid;grid-template-columns:1fr 52px;gap:8px;padding:10px 12px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.topMenu .brandLogo{grid-column:1/2;display:flex;align-items:center;min-width:0}.topMenu .brandLogo img{width:38px;height:38px;flex:0 0 auto}.topMenu .brandLogoText{font-size:16px;line-height:1.05;min-width:0}.menuToggle{grid-column:2/3;grid-row:1/2;width:52px;height:52px;padding:0;border-radius:18px}.menuToggle span:not(.material-symbols-outlined){display:none}.sessionReset{grid-column:1/-1;width:100%;justify-content:space-between;border-radius:16px;min-height:42px;padding:8px 12px}.topDropdownNav.open{display:block!important;position:fixed;z-index:1001;inset:0;background:linear-gradient(180deg,#0f172a 0%,#111827 58%,#172554 100%);padding:116px 12px 20px;overflow:auto;border:0;border-radius:0;box-shadow:none}.topMenuGroup{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.11);border-radius:22px;padding:12px}.topMenuGroupLinks{grid-template-columns:1fr;gap:10px}.topMenuGroupLinks a{min-height:58px;border-radius:18px;padding:14px 15px;font-size:16px;background:rgba(30,41,59,.92);box-shadow:0 10px 24px rgba(0,0,0,.18)}.topMenuApp main{padding:12px}.cards{grid-template-columns:1fr}.toolbar,.actions{display:grid;grid-template-columns:1fr;gap:8px}.toolbar .btn,.toolbar button,.actions .btn,.actions button{width:100%;min-height:46px}.tablewrap{overflow:visible;margin-left:0;margin-right:0}.dataTable:not(.invoiceCartTable),.tablewrap>table:not(.invoiceCartTable){min-width:0;width:100%;border-collapse:separate;border-spacing:0 10px}.dataTable:not(.invoiceCartTable) thead,.tablewrap>table:not(.invoiceCartTable) thead{display:none}.dataTable:not(.invoiceCartTable) tbody,.dataTable:not(.invoiceCartTable) tr,.dataTable:not(.invoiceCartTable) td,.tablewrap>table:not(.invoiceCartTable) tbody,.tablewrap>table:not(.invoiceCartTable) tr,.tablewrap>table:not(.invoiceCartTable) td{display:block;width:100%}.dataTable:not(.invoiceCartTable) tr,.tablewrap>table:not(.invoiceCartTable) tr{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.06);padding:10px;margin-bottom:10px}.dataTable:not(.invoiceCartTable) td,.tablewrap>table:not(.invoiceCartTable) td{border:0!important;padding:7px 8px;font-size:14px;word-break:break-word;min-height:40px}.dataTable:not(.invoiceCartTable) td:before,.tablewrap>table:not(.invoiceCartTable) td:before{content:attr(data-mobile-label);display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.mobileColHideBtn{display:inline-flex}.columnRevealPanel{position:relative;border-radius:18px;display:grid;gap:8px}.columnRevealPanel .btn{width:100%;justify-content:center}.hiddenCols{display:grid;grid-template-columns:1fr;gap:6px}input,select,textarea{min-height:46px;font-size:16px}.apiModalBox,.columnModalBox,.invoiceProductsBox{width:calc(100vw - 20px)!important;max-height:86vh;overflow:auto;border-radius:24px;padding:18px}
}
/* cienki pasek przewijania 3px + kropka */
.tablewrap,.tableWrap,.scrollArea{scrollbar-width:thin;scrollbar-color:#2563eb #dbeafe}.tablewrap::-webkit-scrollbar,.tableWrap::-webkit-scrollbar,.scrollArea::-webkit-scrollbar{width:3px;height:3px}.tablewrap::-webkit-scrollbar-track,.tableWrap::-webkit-scrollbar-track,.scrollArea::-webkit-scrollbar-track{background:#dbeafe;border-radius:999px}.tablewrap::-webkit-scrollbar-thumb,.tableWrap::-webkit-scrollbar-thumb,.scrollArea::-webkit-scrollbar-thumb{background:#2563eb;border-radius:999px;min-width:18px;min-height:18px}.fkScrollLine{position:absolute;z-index:30;background:#bfdbfe;border-radius:999px;opacity:.95}.fkScrollLineX{left:14px;right:14px;bottom:3px;height:3px}.fkScrollLineY{top:14px;bottom:14px;right:3px;width:3px}.fkScrollDot{position:absolute;width:15px;height:15px;border-radius:999px;background:#2563eb;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,23,42,.25);padding:0;cursor:pointer}.fkScrollLineX .fkScrollDot{top:-6px;left:0}.fkScrollLineY .fkScrollDot{left:-6px;top:0}@media(print){.mobileColHideBtn,.fkScrollLine{display:none!important}}

/* 2026-05-24: poprawione menu mobilne/tablet */
.mobileMenuClose{display:none}
@media(max-width:1024px){
  body.menu-open{overflow:hidden;touch-action:none}
  .topMenu{position:sticky;top:0;z-index:1200;background:rgba(15,23,42,.98);box-shadow:0 10px 28px rgba(15,23,42,.28)}
  .topDropdownNav{display:none!important}
  .topDropdownNav.open{display:flex!important;flex-direction:column;gap:10px;position:fixed;z-index:1190;inset:0;background:linear-gradient(180deg,#020617 0%,#0f172a 52%,#172554 100%);padding:98px 12px 22px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;box-shadow:none;-webkit-overflow-scrolling:touch}
  .mobileMenuClose{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0 0 6px;border-radius:18px;background:#1d4ed8;color:#fff;border:1px solid rgba(191,219,254,.35);font-weight:900}
  .mobileMenuClose .material-symbols-outlined{font-size:24px}
  .topMenuGroup{margin:0;background:rgba(255,255,255,.07);border:1px solid rgba(191,219,254,.13);border-radius:20px;padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
  .topMenuGroupTitle{min-height:42px;margin:0;display:flex;align-items:center;gap:10px;color:#dbeafe;cursor:pointer;user-select:none;padding:5px 6px;font-size:12px;letter-spacing:.06em}
  .topMenuGroupTitle:after{content:'expand_less';font-family:'Material Symbols Outlined';font-size:24px;margin-left:auto;color:#93c5fd}
  .topMenuGroup.collapsed .topMenuGroupTitle:after{content:'expand_more'}
  .topMenuGroup.collapsed .topMenuGroupLinks{display:none!important}
  .topMenuGroupLinks{display:grid!important;grid-template-columns:1fr;gap:9px;margin-top:8px}
  .topMenuGroupLinks a{display:flex!important;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px;border-radius:18px;background:rgba(30,41,59,.94);color:#e0f2fe;font-size:16px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.18)}
  .topMenuGroupLinks a.active{background:#2563eb;color:#fff;outline:2px solid rgba(191,219,254,.75)}
  .topMenuGroupLinks a[href*="logout"],.topMenuGroupLinks a[href*="rep_logout"]{background:#991b1b;color:#fee2e2}
  .menuToggle.open{background:#2563eb;color:#fff;box-shadow:0 0 0 3px rgba(147,197,253,.25)}
}

/* 2026-05-24: pełnoekranowe menu smartphone/tablet do 11" + auto chowanie */
.mobileFloatingMenuBtn{display:none}
@media(max-width:1180px){
  body.menu-open{overflow:hidden;touch-action:none}
  .topMenu{
    position:fixed!important;top:0;left:0;right:0;z-index:1300;
    transform:translateY(0);transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
    border-radius:0 0 20px 20px;background:rgba(15,23,42,.98)!important;
  }
  .topMenu.mobileMenuHidden{transform:translateY(calc(-100% - 2px));box-shadow:none;opacity:.98}
  .topMenuApp main{padding-top:118px!important}
  .topDropdownNav{display:none!important}
  .topDropdownNav.open{
    display:flex!important;position:fixed!important;inset:0!important;z-index:1290;
    width:100vw;height:100dvh;max-height:100dvh;
    padding:92px 12px 22px!important;
    flex-direction:column;gap:10px;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;background:linear-gradient(180deg,#020617 0%,#0f172a 50%,#172554 100%)!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  .topDropdownNav.open:after{content:'';display:block;min-height:28px;flex:0 0 28px}
  .topMenuGroup{flex:0 0 auto;width:100%;box-sizing:border-box}
  .topMenuGroupLinks a{min-height:58px;touch-action:manipulation}
  .mobileMenuClose{position:sticky;top:0;z-index:2;flex:0 0 auto}
  .mobileFloatingMenuBtn{
    display:inline-flex;position:fixed;right:14px;bottom:18px;z-index:1310;
    width:58px;height:58px;border-radius:999px;border:1px solid rgba(191,219,254,.65);
    align-items:center;justify-content:center;background:#2563eb;color:#fff;
    box-shadow:0 14px 34px rgba(15,23,42,.35);opacity:0;pointer-events:none;
    transform:translateY(14px) scale(.96);transition:.18s ease;
  }
  .mobileFloatingMenuBtn .material-symbols-outlined{font-size:30px}
  body.mobile-menu-bar-hidden .mobileFloatingMenuBtn{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
  body.menu-open .mobileFloatingMenuBtn{display:none!important}
}
@media(max-width:760px){.topMenuApp main{padding-top:126px!important}.topDropdownNav.open{padding-top:98px!important}}

/* 2026-05-24: poprawki mobilne: Lp., mniejsze checkboxy i globalny pasek przewijania */
.lpCol{width:56px;text-align:center;font-weight:800;color:#334155;white-space:nowrap}
@media(max-width:1180px){
  .lpCol{width:auto;text-align:left;background:#f8fafc;border-radius:10px}
  .dataTable:not(.invoiceCartTable) td.lpCol:before,.tablewrap>table:not(.invoiceCartTable) td.lpCol:before{content:'Lp.'}
  td[data-mobile-label="Pole"] input[type="checkbox"], th[data-col-name="Pole"] input[type="checkbox"], .dataTable td:first-child input[type="checkbox"], .tablewrap table td:first-child input[type="checkbox"]{width:16px!important;height:16px!important;min-height:16px!important;transform:none!important;accent-color:#2563eb}
}
/* poprzedni pasek był 3px; teraz 3 razy większy */
.fkScrollLineX{height:9px!important;bottom:6px!important}.fkScrollLineY{width:9px!important;right:6px!important}.fkScrollDot{width:27px!important;height:27px!important}.fkScrollLineX .fkScrollDot{top:-9px!important}.fkScrollLineY .fkScrollDot{left:-9px!important}
.fkGlobalScroll{display:none;position:fixed;left:14px;right:14px;bottom:8px;height:9px;background:#bfdbfe;border-radius:999px;z-index:5000;box-shadow:0 3px 12px rgba(15,23,42,.22)}
.fkGlobalScroll.visible{display:block}.fkGlobalScrollDot{position:absolute;left:0;top:-9px;width:27px;height:27px;border-radius:999px;border:3px solid #fff;background:#2563eb;box-shadow:0 4px 14px rgba(15,23,42,.35);cursor:pointer;padding:0}
@media(print){.fkGlobalScroll{display:none!important}}

/* 2026-05-24: normalny kolorystyczny scrollbar + mobilne kafelki i skracanie tekstu */
:root{--fk-scroll-track:#e0f2fe;--fk-scroll-thumb:#2563eb;--fk-scroll-thumb-hover:#1d4ed8}
.tablewrap,.tableWrap,.scrollArea,body{scrollbar-width:auto;scrollbar-color:var(--fk-scroll-thumb) var(--fk-scroll-track)}
.tablewrap::-webkit-scrollbar,.tableWrap::-webkit-scrollbar,.scrollArea::-webkit-scrollbar,body::-webkit-scrollbar{width:12px;height:12px}
.tablewrap::-webkit-scrollbar-track,.tableWrap::-webkit-scrollbar-track,.scrollArea::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--fk-scroll-track);border-radius:999px}
.tablewrap::-webkit-scrollbar-thumb,.tableWrap::-webkit-scrollbar-thumb,.scrollArea::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--fk-scroll-thumb);border-radius:999px;border:3px solid var(--fk-scroll-track)}
.tablewrap::-webkit-scrollbar-thumb:hover,.tableWrap::-webkit-scrollbar-thumb:hover,.scrollArea::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--fk-scroll-thumb-hover)}
.fkScrollLine,.fkGlobalScroll{display:none!important}

.mobileFullTextModal{position:fixed;inset:0;z-index:8000;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.56);padding:14px}.mobileFullTextModal.open{display:flex}.mobileFullTextBox{width:min(560px,calc(100vw - 22px));max-height:82vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(15,23,42,.38);padding:18px}.mobileFullTextBox h3{margin:0 0 10px;font-size:17px;color:#0f172a}.mobileFullTextContent{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;color:#334155}.mobileFullTextClose{margin-top:14px;width:100%;min-height:46px;border-radius:16px;background:#2563eb;color:#fff;border:0;font-weight:900}
@media(max-width:1180px){
  .topMenuApp main, main{padding-left:3px!important;padding-right:3px!important}
  .card,.panel,.box,.tablewrap,.tableWrap,.scrollArea{margin-left:0!important;margin-right:0!important;border-radius:14px!important}
  .dataTable:not(.invoiceCartTable),.tablewrap>table:not(.invoiceCartTable){border-spacing:0 8px!important}
  .dataTable:not(.invoiceCartTable) tr,.tablewrap>table:not(.invoiceCartTable) tr{display:block!important;margin:0 0 8px!important;padding:7px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 6px 15px rgba(15,23,42,.06)!important}
  .dataTable:not(.invoiceCartTable) td,.tablewrap>table:not(.invoiceCartTable) td{display:block!important;width:auto!important;min-height:31px!important;padding:5px 6px!important;border-bottom:1px dashed #e2e8f0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal!important;cursor:default}
  .dataTable:not(.invoiceCartTable) td:last-child,.tablewrap>table:not(.invoiceCartTable) td:last-child{border-bottom:0!important}
  .dataTable:not(.invoiceCartTable) td:before,.tablewrap>table:not(.invoiceCartTable) td:before{display:block!important;margin-bottom:1px!important;font-size:10px!important;line-height:1.1;color:#64748b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dataTable:not(.invoiceCartTable) td.mobileTruncateCell,.tablewrap>table:not(.invoiceCartTable) td.mobileTruncateCell{cursor:pointer;background:linear-gradient(90deg,#fff 0%,#f8fafc 100%)}
  .dataTable:not(.invoiceCartTable) td.mobileTruncateCell:after,.tablewrap>table:not(.invoiceCartTable) td.mobileTruncateCell:after{content:'open_in_full';font-family:'Material Symbols Outlined';font-size:16px;float:right;color:#2563eb;margin-left:6px}
  .dataTable:not(.invoiceCartTable) td .btn,.dataTable:not(.invoiceCartTable) td button:not(.mobileColHideBtn),.tablewrap>table:not(.invoiceCartTable) td .btn,.tablewrap>table:not(.invoiceCartTable) td button:not(.mobileColHideBtn){max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:700px){.topMenuApp main, main{padding-left:1px!important;padding-right:1px!important}.card,.panel,.box{padding-left:6px!important;padding-right:6px!important}.tablewrap,.tableWrap,.scrollArea{padding-left:0!important;padding-right:0!important}}

/* 2026-05-24: mobile invoice row tiles - 3 on phones, 6 on tablets up to 11" */
@media (max-width:700px){
  .dataTable:not(.invoiceCartTable) tbody tr,
  .tablewrap>table:not(.invoiceCartTable) tbody tr{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    padding:5px!important;
    margin:6px 0!important;
  }
  .dataTable:not(.invoiceCartTable) td,
  .tablewrap>table:not(.invoiceCartTable) td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    border:1px solid #e2e8f0!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:5px 6px!important;
    font-size:12px!important;
    line-height:1.2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .dataTable:not(.invoiceCartTable) td:before,
  .tablewrap>table:not(.invoiceCartTable) td:before{
    font-size:9px!important;
    line-height:1!important;
    margin-bottom:2px!important;
  }
}
@media (min-width:701px) and (max-width:1180px){
  .dataTable:not(.invoiceCartTable) tbody tr,
  .tablewrap>table:not(.invoiceCartTable) tbody tr{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
    margin:8px 0!important;
  }
  .dataTable:not(.invoiceCartTable) td,
  .tablewrap>table:not(.invoiceCartTable) td{
    display:block!important;
    width:auto!important;
    min-width:0!important;
    border:1px solid #e2e8f0!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:7px 8px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 2026-06-05: duplikat NIP klienta */
.clientDuplicateBox{width:min(760px,96vw);text-align:left;position:relative}.clientDuplicateBox h2{text-align:center}.clientDupTabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}.clientDupTab{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 12px;font-weight:800}.clientDupTab.active{background:#16a34a;color:#fff;border-color:#15803d}.clientDupContent{border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:10px;margin:10px 0}.dupClientTable{width:100%;border-collapse:collapse}.dupClientTable th,.dupClientTable td{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left}.dupClientTable th{width:150px;color:#475569}.modalCloseX{position:absolute;right:12px;top:12px;border-radius:999px;width:36px;height:36px;background:#e2e8f0;border:0;font-size:24px;line-height:1;cursor:pointer}.menuToggle>.btnIcon{display:none!important}

/* 2026-06-05: kolorowanie pól API i danych klienta */
.autoApiFieldsBox{border:2px solid #facc15!important;background:#fefce8!important;border-radius:18px;padding:0!important;grid-column:1/-1}
.autoApiFieldsBox summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;font-weight:900;color:#713f12;background:#fef08a;border-radius:16px}
.autoApiFieldsBox summary::-webkit-details-marker{display:none}.autoApiFieldsBox summary:after{content:'expand_more';font-family:'Material Symbols Outlined';font-size:26px;color:#a16207}.autoApiFieldsBox[open] summary:after{content:'expand_less'}
.autoApiFieldsBox .grid{padding:16px}.apiAutoFieldYellow{background:#fffbeb!important;border:2px solid #facc15!important;border-radius:14px;padding:10px}.apiAutoFieldYellow span{color:#854d0e!important;font-weight:900}.apiAutoFieldYellow input,.apiAutoFieldYellow textarea,.apiAutoFieldYellow select{background:#fffef0!important;border-color:#facc15!important}
.apiTokenRed{background:#fef2f2!important;border:2px solid #ef4444!important;border-radius:14px;padding:10px}.apiTokenRed span{color:#991b1b!important;font-weight:900}.apiTokenRed input{background:#fee2e2!important;color:#7f1d1d!important;border-color:#ef4444!important;font-weight:900;letter-spacing:3px}
.apiDepartmentGreen{background:#f0fdf4!important;border:2px solid #22c55e!important;border-radius:14px;padding:10px}.apiDepartmentGreen span{color:#166534!important;font-weight:900}.apiDepartmentGreen select,.apiDepartmentGreen input{background:#ecfdf5!important;border-color:#22c55e!important}
.clientCorePurple{background:#faf5ff!important;border:2px solid #a855f7!important;border-radius:14px;padding:10px}.clientCorePurple span{color:#6b21a8!important;font-weight:900}.clientCorePurple input,.clientCorePurple textarea,.clientCorePurple select{background:#fdf4ff!important;border-color:#a855f7!important}
@media(max-width:760px){.autoApiFieldsBox summary{align-items:flex-start;flex-direction:column}.autoApiFieldsBox .grid{padding:10px}.apiAutoFieldYellow,.apiTokenRed,.apiDepartmentGreen,.clientCorePurple{padding:8px}}

/* 2026-06-05: ustawienia pól klienta i widoczność JSON */
.apiShortcutGreen{background:#ecfdf5!important;border:1px solid #16a34a!important;border-radius:16px;padding:10px}
.apiShortcutGreen span{color:#166534!important}
.apiAutoFieldYellow{background:#fef9c3!important;border:1px solid #facc15!important;border-radius:16px;padding:10px}
.autoApiFieldsBox{margin-top:10px!important;background:#fef9c3!important;border:1px solid #facc15!important;border-radius:18px;padding:10px 12px!important}
.autoApiFieldsBox summary{cursor:pointer;color:#854d0e;font-weight:900}
.apiTokenRed{background:#fee2e2!important;border:1px solid #dc2626!important;border-radius:16px;padding:10px}
.apiTokenRed span{color:#991b1b!important}.api-token-readonly{background:#fee2e2!important;color:#991b1b!important;font-weight:900;letter-spacing:3px}
.apiDepartmentGreen{background:#dcfce7!important;border:1px solid #22c55e!important;border-radius:16px;padding:10px}
.apiDepartmentGreen span{color:#166534!important}
.clientCorePurple{background:#f3e8ff!important;border:1px solid #a855f7!important;border-radius:16px;padding:10px}
.clientCorePurple span{color:#6b21a8!important}

/* 2026-06-05: klient modal, zielony Dodaj klienta, zakres dat w nagłówku */
.greenBtn,.btn.greenBtn{background:#16a34a!important;color:#fff!important;border-color:#15803d!important;box-shadow:0 8px 18px rgba(22,163,74,.20)}
.greenBtn:hover,.btn.greenBtn:hover{background:#15803d!important;color:#fff!important}
.clientNameBtn{border:0;background:transparent;color:#1d4ed8;font-weight:800;text-decoration:underline;cursor:pointer;padding:0;text-align:left;max-width:100%}
.clientNameBtn:hover{color:#0f172a}
.clientViewBox{position:relative;width:min(720px,96vw);text-align:left}.clientViewBox h2{text-align:center}.clientViewTable{width:100%;border-collapse:collapse}.clientViewTable th,.clientViewTable td{border:1px solid #e5e7eb;padding:9px 10px;text-align:left}.clientViewTable th{width:190px;background:#f8fafc;color:#334155}.clientViewTable td{word-break:break-word}.dateRangeHead{display:grid;grid-template-columns:1fr 1fr auto;gap:4px;margin-top:5px}.dateRangeHead input{min-width:108px;font-size:12px;padding:4px 5px;min-height:30px}.dateNextBtn{border:1px solid #bfdbfe;background:#dbeafe;color:#1d4ed8;border-radius:8px;padding:3px 6px;font-weight:800;cursor:pointer}.dateNextBtn:hover{background:#2563eb;color:#fff}@media(max-width:760px){.clientViewTable th,.clientViewTable td{display:block;width:100%;box-sizing:border-box}.clientViewTable th{border-bottom:0}.dateRangeHead{grid-template-columns:1fr;gap:6px}.dateRangeHead input,.dateNextBtn{width:100%;min-height:40px}}

/* 2026-06-05: popup klienta — pola po Updated at w rozwinięciu */
.clientMoreDetails{margin-top:14px;border:1px solid #dbeafe;background:#f8fafc;border-radius:14px;padding:10px}
.clientMoreDetails>summary{cursor:pointer;font-weight:900;color:#1d4ed8;min-height:38px;display:flex;align-items:center;gap:8px}
.clientMoreDetails>summary::before{content:'expand_more';font-family:'Material Symbols Outlined';font-size:22px}
.clientMoreDetails[open]>summary::before{content:'expand_less'}
.clientMoreDetails .clientViewTable{margin-top:10px}

/* 2026-06-05: kalendarz, kategorie klienta */
.apiCategoryOrange{background:#fff7ed!important;border-color:#fdba74!important}.apiCategoryOrange span{color:#9a3412!important}.categoryPickerLine{display:flex;gap:8px;align-items:center}.categoryPickerLine select{flex:1}.categoryPickBtn{background:#f97316!important;color:white!important;border-color:#ea580c!important}.categoryPickBox,.proDateBox{width:min(620px,96vw);text-align:left}.categoryList{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;max-height:55vh;overflow:auto;margin-top:12px}.categoryChoice{border:1px solid #fdba74;background:#fff7ed;border-radius:14px;padding:12px;text-align:left;cursor:pointer}.categoryChoice.active,.categoryChoice:hover{background:#f97316;color:white}.categoryChoice small{display:block;opacity:.85}.categorySearch input{width:100%}.proDateBtn{display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:#ede9fe;color:#5b21b6;border:1px solid #c4b5fd;padding:7px 10px;font-weight:800}.proDateGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dateQuickBtns{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.dateQuickBtns button{border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:9px 12px;font-weight:800}
@media(max-width:760px){.proDateGrid{grid-template-columns:1fr}.categoryPickerLine{display:grid;grid-template-columns:1fr}.categoryList{grid-template-columns:1fr}}

/* 2026-06-05: help przy automatycznych polach API */
.apiHelpBtn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;margin-left:6px;padding:0;background:#f59e0b!important;color:#111827!important;border:1px solid #b45309;font-weight:900;line-height:1;vertical-align:middle}.apiHelpBtn:hover{background:#fbbf24!important}.apiHelpBox{width:min(680px,94vw);text-align:left}.apiHelpTable{width:100%;border-collapse:collapse}.apiHelpTable th{width:190px;background:#fef3c7;color:#78350f}.apiHelpTable th,.apiHelpTable td{padding:10px;border-bottom:1px solid #fde68a;vertical-align:top}.autoApiFieldsBox{margin-top:10px!important}.autoApiFieldsBox summary{background:#fef3c7;border:1px solid #f59e0b;border-radius:14px;padding:10px 12px}.autoApiFieldsBox[open]{background:#fffbeb;border-radius:16px;padding:10px}


/* 2026-06-05: ładne ikony pomocy i polskie etykiety pól */
.apiHelpBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;border-radius:999px!important;margin-left:7px!important;padding:0!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;border:1px solid #1d4ed8!important;box-shadow:0 5px 12px rgba(37,99,235,.22)!important;vertical-align:middle!important;cursor:pointer!important}
.apiHelpBtn .material-symbols-outlined{font-size:18px!important;line-height:1!important}.apiHelpBtn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#1d4ed8,#0284c7)!important}.hasFieldHelp>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.apiHelpBox h2{display:flex;align-items:center;gap:8px}.apiHelpBox h2:before{content:'info';font-family:'Material Symbols Outlined';font-size:28px;color:#2563eb}.apiHelpTable th{width:210px}.apiHelpTable td b{color:#14532d}.apiAutoFieldYellow>span{color:#92400e!important;font-weight:900}.apiAutoFieldYellow input,.apiAutoFieldYellow select,.apiAutoFieldYellow textarea{background:#fffbeb!important;border-color:#f59e0b!important}

/* 2026-06-05: profesjonalne jasne ikonki pomocy + ostrzeżenie niebezpiecznych pól API */
.apiHelpBtn{background:linear-gradient(135deg,#e0f2fe,#ffffff)!important;color:#0369a1!important;border:1px solid #7dd3fc!important;box-shadow:0 4px 12px rgba(14,165,233,.18)!important;width:28px!important;height:28px!important}
.apiHelpBtn .material-symbols-outlined{font-size:19px!important;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24!important}
.apiHelpBtn:hover{background:linear-gradient(135deg,#bae6fd,#eff6ff)!important;color:#075985!important;border-color:#38bdf8!important;transform:translateY(-1px)}
.apiHelpBtn:focus{outline:3px solid rgba(56,189,248,.35)!important;outline-offset:2px!important}
.dangerFieldsSettings{border:2px solid #fecaca!important;background:#fff7f7!important}.dangerFieldsSettings h2{color:#991b1b}.dangerSwitch{background:#fee2e2!important;border-color:#fca5a5!important;color:#7f1d1d!important}.dangerFieldsSettings .danger{background:#b91c1c!important;color:#fff!important}.autoApiFieldsBox summary small{color:#92400e!important;font-weight:700}.apiAutoFieldHiddenNotice{grid-column:1/-1;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:12px;padding:10px 12px;font-weight:800}

/* 2026-06-05: ikona pomocy bez tła/ramki + wydruk jak Excel */
.apiHelpBtn{background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:0!important;margin-left:5px!important;color:#2563eb!important;border-radius:0!important;vertical-align:middle!important}
.apiHelpBtn:hover,.apiHelpBtn:focus{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;color:#1d4ed8!important;outline:none!important}
.apiHelpBtn .material-symbols-outlined{font-size:20px!important;line-height:1!important;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24!important}
@media print{.apiHelpBtn{display:none!important}.excelPrintTable{border-collapse:collapse!important;width:100%!important}.excelPrintTable th,.excelPrintTable td{border:1px solid #999!important;padding:5px 7px!important;font-size:11px!important;color:#111!important;background:#fff!important}.excelPrintTable th{font-weight:bold!important;background:#f3f4f6!important}}

/* 2026-06-05: status płatności faktury */
.invoiceStatusBox{min-width:190px;max-width:260px}.invoiceStatusBox>b{display:block;font-size:13px;margin-bottom:5px;color:#0f172a}.paymentBar{display:flex;width:100%;height:12px;border-radius:999px;overflow:hidden;background:#fee2e2;border:1px solid #e5e7eb}.paymentBar .paid{display:block;background:#16a34a;min-width:0}.paymentBar .missing{display:block;background:#dc2626;min-width:0}.paymentLegend{display:grid;gap:2px;margin-top:4px;font-size:11px;line-height:1.25}.paymentLegend .ok{color:#15803d;font-weight:700}.paymentLegend .bad{color:#b91c1c;font-weight:700}@media(max-width:760px){.invoiceStatusBox{max-width:none;width:100%}.paymentBar{height:14px}.paymentLegend{font-size:12px}}

/* 2026-06-05: status faktury i ilość produktów */
.invoiceStatusBox{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:150px;max-width:230px;margin:0 auto}.invoiceStatusBox>b{display:block;width:100%;text-align:center;margin-bottom:5px}.invoiceStatusBox .paymentBar{margin:0 auto;width:min(180px,100%);height:11px;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb;background:#e5e7eb;display:flex}.invoiceStatusBox .paymentBar .paid{background:#16a34a}.invoiceStatusBox .paymentBar .missing{background:#dc2626}.invoiceStatusBox .paymentBar.unpaidGrey .paid{display:none}.invoiceStatusBox .paymentBar.unpaidGrey .missing{background:#cbd5e1;width:100%!important}.paymentLegend.amountOnly{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:4px;font-size:11px;font-weight:800}.paymentLegend.amountOnly .ok{color:#15803d}.paymentLegend.amountOnly .bad{color:#b91c1c}.paymentLegend.amountOnly span{white-space:nowrap}.paymentBar.partialPay{box-shadow:0 0 0 1px rgba(15,23,42,.03)}@media(max-width:760px){.invoiceStatusBox{max-width:none;width:100%;align-items:center}.invoiceStatusBox .paymentBar{width:min(220px,90%);height:13px}.paymentLegend.amountOnly{font-size:12px}}

/* 2026-06-05: główne rozwijane okna w zakładce Przedstawiciele */
.repMainSection{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin:16px 0;box-shadow:0 14px 34px rgba(15,23,42,.08);overflow:hidden}.repMainSection>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.repMainSection>summary::-webkit-details-marker{display:none}.repMainSection>summary .material-symbols-outlined{font-size:30px;color:#93c5fd}.repMainSection>summary b{font-size:19px}.repMainSection>summary small{color:#bfdbfe;font-weight:700}.repMainSection>summary:after{content:'expand_more';font-family:'Material Symbols Outlined';font-size:30px;color:#93c5fd}.repMainSection[open]>summary:after{content:'expand_less'}.repMainSection>.cards,.repMainSection>.card{margin:16px}.repMainSection>.tablewrap{margin:16px;max-width:calc(100% - 32px)}@media(max-width:760px){.repMainSection{border-radius:18px;margin:10px 0}.repMainSection>summary{grid-template-columns:auto 1fr;gap:8px;padding:14px}.repMainSection>summary small{grid-column:1/-1;font-size:12px}.repMainSection>summary b{font-size:16px}.repMainSection>summary:after{position:absolute;right:16px}.repMainSection>.cards,.repMainSection>.card,.repMainSection>.tablewrap{margin:8px;max-width:calc(100% - 16px)}}

/* 2026-06-05: podsekcje w zakładce Przedstawiciele i widok wierszowy */
.repSubSection{background:#f8fafc;border:1px solid #dbeafe;border-radius:20px;margin:14px 16px;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.repSubSection>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#0f172a}
.repSubSection>summary::-webkit-details-marker{display:none}.repSubSection>summary .material-symbols-outlined{font-size:26px;color:#2563eb}.repSubSection>summary b{font-size:17px}.repSubSection>summary small{color:#475569;font-weight:700}.repSubSection>summary:after{content:'expand_more';font-family:'Material Symbols Outlined';font-size:28px;color:#2563eb}.repSubSection[open]>summary:after{content:'expand_less'}
.repSubSection>.card,.repSubSection>.tablewrap{margin:14px!important;max-width:calc(100% - 28px)!important}.repSubSection .cards{display:block!important;margin:0!important}.repSubSection .grid,.repSubSection .repForm{grid-template-columns:1fr!important}.repSubSection .group .grid{grid-template-columns:1fr!important}
.repOriginalTableHidden{display:none!important}.repRowCards{display:grid;gap:12px;margin-top:10px}.repRowCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.repRowHeader{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;margin-bottom:8px}.repRowHeader b{font-size:17px}.repRowNo{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:999px;background:#2563eb;color:#fff;font-weight:900}.repRowField{display:grid;grid-template-columns:minmax(170px,260px) 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px dashed #e5e7eb}.repRowField:last-child{border-bottom:0}.repRowLabel{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:900}.repRowValue{min-width:0;word-break:break-word}.repRowValue .copyLinkInput{width:100%;max-width:520px}.repRowsHint{margin:8px 0 10px!important}
@media(max-width:760px){.repSubSection{margin:8px;border-radius:16px}.repSubSection>summary{grid-template-columns:auto 1fr;padding:12px}.repSubSection>summary small{grid-column:1/-1;font-size:12px}.repSubSection>summary:after{position:absolute;right:18px}.repSubSection>.card,.repSubSection>.tablewrap{margin:8px!important;max-width:calc(100% - 16px)!important}.repRowField{grid-template-columns:1fr;gap:3px}.repRowCard{padding:10px}.repRowHeader b{font-size:15px}}

/* 2026-06-05: przedstawiciele jako kafelki 150x150 + kosz */
.repSection>summary{cursor:pointer;list-style:none;font-weight:900;font-size:20px;display:flex;align-items:center;gap:10px;padding:4px 0 14px;color:#0f172a}.repSection>summary:before{content:'expand_more';font-family:'Material Symbols Outlined';font-size:28px;color:#2563eb}.repSection[open]>summary:before{content:'expand_less'}.repsFormGrid{grid-template-columns:1fr!important}.repCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,150px));gap:14px;align-items:start}.repMiniCard{width:150px;height:150px;border:1px solid #dbeafe;background:#fff;border-radius:20px;padding:10px;display:grid;grid-template-rows:auto 46px auto auto 1fr;gap:3px;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.08);cursor:pointer;overflow:hidden;transition:.16s ease}.repMiniCard:hover{transform:translateY(-2px);border-color:#60a5fa;box-shadow:0 14px 32px rgba(37,99,235,.18)}.repMiniNr{font-size:11px;font-weight:900;color:#2563eb;background:#eff6ff;border-radius:999px;padding:2px 7px;justify-self:center}.repMiniPhoto{width:46px;height:46px;border-radius:16px;overflow:hidden;background:#eef2ff;display:flex;align-items:center;justify-content:center;justify-self:center;color:#2563eb}.repMiniPhoto img{width:100%;height:100%;object-fit:cover}.repMiniPhoto .material-symbols-outlined{font-size:30px}.repMiniCard b{font-size:13px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repMiniCard small{font-size:11px;color:#64748b}.repMiniCard em{font-size:11px;line-height:1.2;color:#475569;font-style:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.repModal{position:fixed;inset:0;background:rgba(15,23,42,.64);z-index:10080;display:none;align-items:center;justify-content:center;padding:14px}.repModal.show{display:flex}.repModalBox{background:#fff;border-radius:26px;width:min(760px,96vw);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 26px 90px rgba(0,0,0,.36);position:relative}.repModalClose{position:absolute;right:14px;top:14px;border:0;border-radius:999px;background:#eff6ff;color:#1d4ed8;width:40px;height:40px}.repFullTop{display:flex;gap:16px;align-items:center;margin-bottom:14px}.repFullTop h2{margin:0}.repFullPhoto{width:90px;height:90px;border-radius:24px;overflow:hidden;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#2563eb;flex:0 0 90px}.repFullPhoto img{width:100%;height:100%;object-fit:cover}.repFullPhoto .material-symbols-outlined{font-size:54px}.repFullDesc{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin:12px 0}.repFullDesc h3{margin:0 0 8px}.repInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.repInfoLine{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:10px}.repInfoLine span{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.repInfoLine b{display:block;color:#0f172a;margin-top:3px;word-break:break-word}.repModalActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}.inlineTrashForm{display:inline}.trashList{display:grid;gap:8px}.trashRow{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #fee2e2;background:#fff7f7;border-radius:16px;padding:10px}.trashRow span{display:grid}.trashRow small{color:#991b1b}.fullwidth{grid-column:1/-1}@media(max-width:520px){.repCardsGrid{grid-template-columns:1fr;gap:10px}.repMiniCard{width:100%;height:auto;min-height:130px;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto auto;text-align:left}.repMiniNr{grid-column:1/3;justify-self:start}.repMiniPhoto{grid-row:2/5;width:56px;height:56px}.repMiniCard b,.repMiniCard small,.repMiniCard em{grid-column:2/3}.repInfoGrid{grid-template-columns:1fr}.repFullTop{align-items:flex-start}.repFullPhoto{width:72px;height:72px;flex-basis:72px}.repModalBox{padding:18px}.repModalActions{display:grid}.repModalActions .btn,.repModalActions button,.inlineTrashForm{width:100%}.inlineTrashForm button{width:100%}}

/* 2026-06-05: okno wyboru wydruku A4 */
.a4PrintBox{width:min(520px,96vw);text-align:center}.printOrientationGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.printOrientationBtn{border:1px solid #cbd5e1;background:#f8fafc;border-radius:18px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:.15s}.printOrientationBtn:hover{background:#e0f2fe;border-color:#38bdf8;transform:translateY(-1px)}.printOrientationBtn .material-symbols-outlined{font-size:42px;color:#2563eb}.printOrientationBtn b{font-size:18px}.printOrientationBtn small{color:#64748b}@media(max-width:520px){.printOrientationGrid{grid-template-columns:1fr}}
@media print{@page{size:A4 portrait;margin:20px}.dataTable th,.dataTable td{font-size:10px!important;padding:3px 5px!important}.colHidden,.noPrint,.colFilter,.colHideBtn,.mobileColHideBtn{display:none!important}}

/* 2026-06-05: przycisk drukowania pojedynczej tabeli */
.tablePrintBtn{display:inline-flex;align-items:center;gap:6px;margin:8px 0 8px auto;background:#f8fafc;border:1px solid #cbd5e1;color:#0f172a}.tablePrintBtn:hover{background:#e0f2fe;border-color:#38bdf8}.tablePrintBtn .material-symbols-outlined{font-size:18px}@media(max-width:760px){.tablePrintBtn{width:100%;justify-content:center;margin:8px 0}}

/* 2026-06-05: opcje wydruku kolorów i ramek */
.printOptionsBox{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0 10px;text-align:left}.printOption{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:12px;cursor:pointer}.printOption input{width:18px;height:18px;accent-color:#2563eb}.printOption .material-symbols-outlined{color:#2563eb}.printOption b{font-size:14px}

/* 2026-06-05: ikony produktów i czyste ikonki ukrywania kolumn */
.iconOnlyProductsBtn{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:54px!important;padding:6px 9px!important}
.iconOnlyProductsBtn .material-symbols-outlined{font-size:20px;line-height:1}.iconOnlyProductsBtn b{font-size:13px;line-height:1}
.colHideBtn{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#2563eb!important;width:auto!important;height:auto!important;padding:0!important;margin-left:5px!important;vertical-align:middle!important}
.colHideBtn:hover{background:transparent!important;color:#1d4ed8!important;transform:scale(1.08)}
.colHideBtn .material-symbols-outlined{font-size:18px!important;line-height:1!important}
.columnModalBox{width:min(460px,94vw)!important;max-height:82vh!important;overflow:auto!important;padding:18px!important}
.columnModalList{grid-template-columns:1fr!important;gap:7px!important;margin-top:10px!important;max-height:58vh!important;overflow:auto!important;padding-right:4px!important}
.columnChoice{border-radius:12px!important;padding:8px 10px!important;box-shadow:none!important;grid-template-columns:auto 1fr!important}
.columnChoice .material-symbols-outlined{font-size:22px!important}.columnChoice b{font-size:13px!important}.columnChoice small{font-size:11px!important}
.invoicePositionsTable .colHideBtn,.invoiceProductsRow .colHideBtn,.invoicePositionsTable + .columnRevealPanel,.invoiceProductsRow .columnRevealPanel{display:none!important}

/* 2026-06-05: szybkie miesiące w raporcie przedstawiciela i suma produktów */
.repMonthQuickNav h2{margin-top:0}.monthQuickButtons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.monthQuickButtons .btn{min-height:38px;border-radius:999px;font-weight:800}.repProductsTotal{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin-top:12px;padding:12px 14px;border-radius:14px;background:#ecfdf5;border:1px solid #bbf7d0}.repProductsTotal span{font-weight:800;color:#166534}.repProductsTotal b{font-size:18px;color:#14532d}@media(max-width:760px){.monthQuickButtons{display:grid;grid-template-columns:1fr 1fr}.monthQuickButtons .btn{width:100%;font-size:13px}.repProductsTotal{display:grid;text-align:right}}

/* 2026-06-05: rozliczenie przedstawiciela wg opłaconych i nieopłaconych faktur */
.repMonthGreen{color:#15803d!important;font-weight:900}.repMonthPink{color:#be185d!important;font-weight:900}.repPaidOut{color:#334155;font-weight:900;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#64748b}.repMonthBtn{display:grid!important;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left}.monthYearBtn{display:inline-flex!important;gap:8px;align-items:center}.repYearSettlement{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.repYearSettlement span,.repYearSettlement b{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 12px}.repYearSettlement .repMonthPink{background:#fdf2f8;border-color:#fbcfe8}.repYearSettlement .repMonthGreen{background:#f0fdf4;border-color:#bbf7d0}.repMonthQuickNav .monthQuickButtons{display:flex;gap:8px;flex-wrap:wrap}.repMonthQuickNav .btn .repMonthGreen{margin-left:4px}.repMonthQuickNav .btn .repMonthPink{margin-left:4px;background:#fdf2f8;border-radius:999px;padding:2px 6px}.mainInvoiceRow .repMonthGreen{background:#f0fdf4}.mainInvoiceRow .repMonthPink{background:#fdf2f8}@media(max-width:760px){.repMonthBtn{grid-template-columns:1fr;gap:3px}.repYearSettlement{display:grid;grid-template-columns:1fr 1fr}.repMonthQuickNav .monthQuickButtons{display:grid;grid-template-columns:1fr 1fr}.monthYearBtn{grid-column:1/-1;justify-content:center!important}}
/* 2026-06-05: raporty na żądanie, lata/miesiące */
.repMonthQuickNav .yearButtons{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.repMonthPack{display:inline-flex;gap:4px;align-items:stretch;margin:3px}.repMonthPack form{display:inline-flex}.repMonthPack .btn.small{min-width:42px;padding:8px}.inlineGenerate{display:inline-flex;margin:3px}.repMonthQuickNav .material-symbols-outlined{font-size:18px;vertical-align:middle}.repMonthPink{background:#ffe4ef;color:#be185d;border-radius:8px;padding:2px 6px;font-weight:800}.repMonthGreen{background:#dcfce7;color:#15803d;border-radius:8px;padding:2px 6px;font-weight:800}.repPaidOut{background:#e0e7ff;color:#3730a3;border-radius:8px;padding:2px 6px;font-weight:800}.repYearSettlement{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.repYearSettlement:before{content:'Razem:';font-weight:800;color:#475569}@media(max-width:760px){.repMonthPack{display:grid;grid-template-columns:1fr auto;width:100%}.repMonthPack .repMonthBtn{width:100%;justify-content:space-between}.inlineGenerate,.inlineGenerate .monthYearBtn{width:100%}}

/* 2026-06-05: wydruk prowizji - status opłacenia, skracanie nazw i nagłówek Należna */
.repInvoicePaid{background:#ecfdf3!important}.repInvoiceUnpaid{background:#fce7f3!important}.repInvoicePaid td{border-color:#bbf7d0!important}.repInvoiceUnpaid td{border-color:#fbcfe8!important}
@media print{
  .repInvoicePaid td{background:#dcfce7!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .repInvoiceUnpaid td{background:#fce7f3!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  th{font-weight:800!important}
  td[data-print-truncated="1"]{max-width:25ch!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
}

/* 2026-06-05: ukrycie zerowej Prowizji FV */
.autoZeroCol{display:none!important}
@media print{.autoZeroCol{display:none!important}}


/* 2026-06-05: poprawka daty, list i przyciskow */
.iconOnlyDateBtn{width:36px;height:36px;min-width:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
.iconOnlyDateBtn .material-symbols-outlined{font-size:22px}


/* 2026-06-05: mniejsze przyciski w sekcji Raporty zapisane w bazie */
.repMonthQuickNav .btn{padding:5px 8px!important;font-size:11px!important;border-radius:9px!important;line-height:1.15!important;min-height:28px!important}
.repMonthQuickNav .monthQuickButtons{gap:5px!important}
.repMonthQuickNav .repMonthPack{gap:3px!important}
.repMonthQuickNav .material-symbols-outlined{font-size:15px!important;line-height:1!important}
.repMonthQuickNav .repMonthBtn{display:inline-grid!important;gap:2px!important;min-width:78px!important;text-align:center!important}
.repMonthQuickNav .monthYearBtn{display:inline-flex!important;align-items:center!important;gap:4px!important}
.repMonthQuickNav form{margin:0!important}
.repMonthQuickNav .yearButtons{gap:5px!important}
@media(max-width:760px){.repMonthQuickNav .repMonthBtn{min-width:0!important;width:100%!important}.repMonthQuickNav .btn{font-size:10px!important;padding:5px 6px!important}}

/* 2026-06-05: status MySQL i aktualizacje ZIP */
.mysqlStatusCard{border-left:6px solid #f59e0b}.mysqlStatusCard.mysqlOk{border-left-color:#22c55e;background:#f0fdf4}.mysqlStatusCard.mysqlWarn{background:#fff7ed}.updateZipCard{border-left:6px solid #2563eb}.updateZipCard input[type=file]{background:#f8fafc;border:1px dashed #93c5fd;border-radius:14px;padding:14px}

/* Enjoysoda: prawa ikona wylogowania i ukryte ustawienia zaawansowane */
.topLogoutIcon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#7f1d1d;color:#fff;text-decoration:none;margin-left:auto;box-shadow:0 8px 18px rgba(127,29,29,.22)}
.topLogoutIcon:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}
.topLogoutIcon .material-symbols-outlined{font-size:24px}.advancedLocked{border:1px dashed #cbd5e1;background:#f8fafc}.settingsPinModal.show{display:flex}.settingsPinModal .apiModalBox{max-width:420px}.brandLogoText span:empty{display:none}
@media(max-width:1180px){.topLogoutIcon{position:absolute;right:76px;top:14px;width:44px;height:44px;z-index:1302}.topMenu{padding-right:126px!important}.topMenu .sessionReset{padding-right:10px!important}}
@media(max-width:760px){.topLogoutIcon{right:72px;top:14px;width:42px;height:42px}.topMenu{padding-right:120px!important}.topMenu .brandLogoText{font-size:16px}}