#onesignal-slidedown-container[aria-hidden="true"] {
    display: none !important;
}
/* ========================================================== */
/* 1. ROOT I ZMIENNE */
/* ========================================================== */
:root {
--font-primary: 'Inter', sans-serif;
--font-heading: 'Montserrat', sans-serif;
--font-navigation: 'Montserrat', sans-serif;;
--font-size-xxs: 0.925rem;
--font-size-xs: 1.125rem;
--font-size-xs-1: 1.2rem;
--font-size-xs-2: 1.325rem;
--font-size-sm: 1.425rem;
--font-size-base: 1.525rem;
--font-size-md: 1.725rem;
--font-size-lg: 2.025rem;
--font-size-xl: 3.025rem;
--font-size-xxl: 4.025rem;
--font-size-menu: 1.425rem;
--letter-spacing-global: -0.1rem;
    --cien-glowny: rgba(88, 82, 78, 0.15);
    --cien-orange: rgba(237, 102, 7, 0.2);
    --cien-panelu: 0 0.5rem 1.5rem rgba(88, 82, 78, 0.1);
    --sidebar-width: 33rem;
    --navbar-height: 5rem;
    --sidebar-collapsed-width: 8rem;
}

/* ========================================================== */
/* 38. MODERN LIGHT THEME                                     */
/* ========================================================== */
html.modern-light, body.modern-light {
--tlo-powierzchni: rgba(242, 244, 247, 1);
--tlo-karty: rgba(250, 251, 253, 1);
--tlo-modala: rgba(242, 244, 247, 1);
--tlo-strony: var(--tlo-powierzchni);
--tlo-kontenera: var(--tlo-karty);
--tlo-sidebara: var(--tlo-powierzchni);
--tlo-paska: var(--tlo-powierzchni);
--tlo-naglowka-tabeli: rgba(70, 78, 88, 1);
--tlo-panelu: rgba(230, 234, 240, 1);
--tlo-panelu-domyslne: rgba(255, 255, 255, 0.7);
--tlo-dymka: rgba(220, 50, 50, 0.1);
--tekst-bialy: rgba(255, 255, 255, 1);
--tekst-na-tle: rgba(30, 35, 45, 1);
--tekst-sredni: rgba(55, 65, 75, 1);
--tekst-glowny: rgba(70, 80, 95, 1);
--tekst-drugorzedny: rgba(120, 135, 150, 1);
--tekst-naglowka: rgba(70, 78, 88, 1);
--ramka-domyslna: rgba(215, 225, 235, 1);
--ramka-subtelna: rgba(230, 238, 245, 1);
--ramka-opacity: rgba(0, 0, 0, 0.08);
--kolor-bialy: rgba(255, 255, 255, 1);
--kolor-czerwony-btn: rgba(220, 50, 50, 1);
--kolor-akcentu: rgba(230, 106, 0, 1);
--kolor-orange: rgba(210, 105, 30, 1);
--kolor-orange-ciemny: rgba(180, 80, 20, 1);
--cien-panelu: 0 4px 15px rgba(0, 40, 80, 0.04);
--kolor-status-N: rgba(90, 100, 115, 1);
--kolor-status-P: rgba(230, 106, 0, 1);
--kolor-status-W: rgba(24, 98, 148, 1);
--kolor-status-Z: rgba(220, 50, 50, 1);
--kolor-badge-post: rgba(220, 50, 50, 1);
--kolor-badge-reply: rgba(65, 122, 50, 1);
}
body.modern-light .sidebar-wrapper,
body.modern-light .sidebar-top-header,
body.modern-light .sidebar-action-bar { background-color: var(--tlo-powierzchni) !important; border-right: 1px solid var(--ramka-domyslna) !important; }
body.modern-light .sidebar-link.active { background-color: var(--kolor-bialy); !important; color: var(--kolor-akcentu) !important; border-left: 3px solid var(--kolor-akcentu); }
body.modern-light .glowny-kontener-strony,
body.modern-light .panel-glowny-kontener { background-color: var(--tlo-powierzchni) !important; }
/*body.modern-light .karta,
body.modern-light .okno-zawartosc { background-color: var(--tlo-karty) !important; border: 1px solid var(--ramka-domyslna) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; }*/
body.modern-light .btn-base { background-color: var(--tekst-glowny) !important; color: var(--tlo-karty) !important; border: none !important; }
body.modern-light .btn-red {background-color: var(--kolor-czerwony-btn)!important;}
body.modern-light .accessibility-icon-nav { color: var(--tekst-glowny) !important; }
body.modern-light .btn-zamknij {background-color: var(--tekst-na-tle)!important;}

/* ========================================================== */
/* 39. MODERN DARK THEME                                      */
/* ========================================================== */
html.modern-dark, body.modern-dark {
--kolor-akcentu: rgba(200, 110, 60, 1);
--tlo-powierzchni: rgba(24, 26, 30, 1);
--tlo-karty: rgba(34, 38, 44, 1);
--tlo-strony: rgba(24, 26, 30, 1);
--tlo-kontenera: rgba(34, 38, 44, 1);
--tlo-sidebara: var(--tlo-panelu);
--tlo-paska: rgba(34, 38, 44, 1);
--tlo-naglowka-tabeli: rgba(20, 22, 26, 1);
--tlo-modala: rgba(18, 20, 23, 1);
--tlo-dymka: rgba(220, 50, 50, 0.2);
--tekst-glowny: rgba(220, 225, 235, 1);
--tekst-bialy: rgba(255, 255, 255, 1);
--tekst-drugorzedny: rgba(150, 160, 175, 1);
--tekst-naglowka: rgba(240, 243, 248, 1);
--tekst-formularzy: rgba(20, 20, 25, 1);
--tekst-na-tle: rgba(210, 215, 225, 1); 
--tekst-na-jasnym: rgba(30, 30, 35, 1);   

--ramka-domyslna: rgba(50, 56, 68, 1);
--ramka-subtelna: rgba(45, 50, 60, 1);
--ramka-opacity: rgba(255, 255, 255, 0.08);

--tlo-panelu: rgba(38, 42, 50, 1);
--tlo-panelu-domyslne: rgba(38, 42, 50, 0.5);
--kolor-orange: rgba(145, 95, 60, 1);
--kolor-orange-ciemny: rgba(110, 70, 45, 1);
--cien-panelu: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
--kolor-bialy: rgba(255, 255, 255, 1);
--kolor-bialy-formularze: rgba(255, 255, 255, 1);
--kolor-bialy-btn: rgba(255, 255, 255, 1);
--kolor-czerwony-btn: rgba(220, 50, 50, 1);
--kolor-ciemny: rgba(15, 15, 20, 1);
--kolor-status-N: rgba(110, 120, 135, 1);
--kolor-status-P: rgba(65, 122, 50, 1);
--kolor-status-W: rgba(24, 98, 148, 1);
--kolor-status-Z: rgba(220, 50, 50, 1);
--kolor-badge-post: rgba(220, 50, 50, 1);
--kolor-badge-reply: rgba(65, 122, 50, 1);
}
body.modern-dark .btn-base, body.modern-dark .btn-orange-solid { background-color: var(--kolor-orange) !important; color: var(--tekst-glowny) !important; border: none !important; }
body.modern-dark .btn-red { background-color: var(--kolor-czerwony-btn) !important;}
body.modern-dark .wybor-sortowania select, .wybor-sortowania input, .wyszukiwarka-glowna input { background-color: var(--tlo-karty) !important; color: var(--tekst-glowny) !important; border: 1px solid var(--ramka-domyslna) !important; }
body.modern-dark .sidebar-wrapper, body.modern-dark .sidebar-top-header, body.modern-dark .sidebar-action-bar { background-color: var(--tlo-sidebara) !important; border-right: 1px solid rgba(255, 255, 255, 0.05) !important; }
body.modern-dark .sidebar-link, body.modern-dark .sidebar-toggle-btn { color: var(--tekst-na-tle) !important; }
body.modern-dark .sidebar-link.active { background-color: var(--kolor-niebieski) !important; color: var(--tekst-glowny) !important; border-left: 3px solid var(--kolor-orange) !important; }
body.modern-dark .swal2-confirm { background-color: var(--kolor-orange) !important; color: var(--tekst-bialy) !important; border: none !important; }

body.modern-dark .komentarz-dymek{background-color:var(--tlo-karty)!important;border-color:var(--ramka-domyslna)!important;font-weight:300!important}
body.modern-dark .moj-komentarz .komentarz-dymek{background-color:var(--tlo-modala)!important}
body.modern-dark .obcy-komentarz .komentarz-dymek{background-color:var(--tlo-dymka)!important;border-color: rgba(220, 50, 50, 0.3)!important}
body.modern-dark .komentarz-tekst{color:var(--tekst-glowny)!important;font-weight:400!important}
body.modern-dark .obcy-komentarz .komentarz-tekst{color:var(--tekst-bialy)!important}
body.modern-dark .komentarz-naglowek strong{color:var(--tekst-drugorzedny)!important;font-weight:600!important; display:inline-block;vertical-align:middle}
body.modern-dark .moj-komentarz .komentarz-naglowek strong{color:var(--kolor-akcentu)!important}
body.modern-dark .komentarz-naglowek small{color:var(--tekst-drugorzedny)!important;font-weight:300!important}
body.modern-dark #modal_comment_content{background-color:var(--tlo-karty)!important;color:var(--tekst-bialy)!important;border-color:var(--ramka-domyslna)!important;font-weight:300!important}
body.modern-dark #modal_comment_content:focus{background-color:var(--tlo-karty)!important;color:var(--tekst-bialy)!important;border-color:var(--kolor-orange)!important}


/* ========================================================== */
/* 40. MODERN LIGHT (POZOSTAŁE - TYMCZASOWE) */
/* ========================================================== */
:root {
--kolor-info: rgba(56, 189, 248, 1);
--kolor-szary-sredni: rgba(203, 213, 225, 1);
--kolor-przelacznik-tlo: rgba(203, 213, 225, 1);
--kolor-niebieski: rgba(24, 98, 148, 1);
--kolor-niebieski-ciemny: rgba(10, 67, 105, 1);
--kolor-zielony: rgba(89, 168, 94, 1);
--kolor-wyroznienia-ramka: rgba(234, 179, 8, 1);
--kolor-zadanie-naglowek-ramka: rgba(226, 232, 240, 1);
}


.label-primary { color: var(--tlo-karty); background-color: var(--kolor-niebieski); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-secondary { color: var(--tlo-karty); background-color: var(--kolor-akcentu); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-success { color: var(--tlo-karty); background-color: var(--kolor-status-P); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-danger { color: var(--tlo-karty); background-color: var(--kolor-status-Z); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-warning { color: var(--tekst-glowny); background-color: var(--kolor-orange); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; color: var(--tekst-bialy);}
.label-info { color: var(--tekst-glowny); background-color: var(--kolor-info); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-light { color: var(--tekst-glowny); background-color: var(--ramka-subtelna); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-dark { color: var(--tlo-karty); background-color: var(--tekst-na-tle); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }
.label-orange { color: var(--tlo-karty); background-color: var(--kolor-orange); padding: 0.5rem; border-radius: 5rem; font-family: var(--font-primary); font-size: var(--font-size-xxs); font-weight: 400; display: inline-block; }

/* ========================================================== */
/* 2. GLOBALNE STYLE I BODY */
/* ========================================================== */
*{box-sizing:border-box;}
html{font-size:62.5%; scroll-behavior: smooth !important;}
body{position:relative;background-color:var(--tlo-strony)!important;overflow-y:scroll!important;margin:0;padding:0;font-family:var(--font-primary);font-size:var(--font-size-base)!important;margin-left:0!important;transition:margin-left 0.3s ease;color:var(--tekst-glowny)}
body.toggled{margin-left:var(--sidebar-collapsed-width)!important}
.form-control,.form-select{font-size:var(--font-size-sm);border:1px solid var(--ramka-domyslna);color:var(--tekst-na-jasnym)!important}
input[type="date"].form-control{font-size:var(--font-size-sm)}
h1,h2,h3,h4,h5{color:var(--tekst-glowny);font-size:var(--font-size-md);margin-top:0;font-weight:500}
h1{font-size:var(--font-size-xxl)}
h2{font-size:var(--font-size-xl)}
h3{font-size:var(--font-size-lg)}
h4{font-size:var(--font-size-md)}
h5{font-size:var(--font-size-base)}
pre{font-size:var(--font-size-base);border:none;background-color:transparent;font-family:var(--font-primary);color:var(--tekst-glowny)}
textarea{font-family:var(--font-primary);border:1px solid var(--ramka-domyslna);color:var(--tekst-glowny)}
a:hover,a:focus,a:active{font-family:var(--font-primary);text-decoration:none}

/* ========================================================== */
/* 4. FILTRY */
/* ========================================================== */
.filter-area-wrapper{display:block;margin-bottom:1rem}
.filter-field-item{min-width:120px;flex-grow:1;padding-left:5px!important;padding-right:5px!important}
.filter-field-item label{display:block;font-weight:500;margin-bottom:3px;font-size:11px}
.filter-area-wrapper .row,.filter-area-wrapper .visible-filters{display:flex;flex-wrap:wrap;gap:10px;width:100%;align-items:flex-end;margin-left:0!important;margin-right:0!important}
.filter-area-wrapper .row .col-sm-2,.filter-area-wrapper .row .col-sm-3,.filter-area-wrapper .row .col-xs-6{padding-left:0!important;padding-right:0!important}
.filter-area-wrapper .form-control,.filter-area-wrapper .bootstrap-select>.dropdown-toggle{height:30px;padding:4px 8px;font-size:13px;line-height:1.42857143}
.filter-area-wrapper .bootstrap-select .btn{height:30px;padding:4px 8px;line-height:1.42857143}
#advanced_filters_collapse{width:100%;margin-top:5px}
.filter-row-advanced{display:flex;flex-wrap:wrap;gap:10px;padding-top:5px;border-top:1px dashed var(--ramka-subtelna)}
.filter-buttons{margin-top:19px}

/* ========================================================== */
/* 5. PRZYCISKI (BUTTONS) */
/* ========================================================== */
.btn, .btn-base, .btn-base-xs {transition:all 0.3s ease!important}
.btn:hover {transform:translateY(-0.5px)!important;box-shadow:0 2px 8px rgba(0,0,0,0.5)!important}
.btn:active {transform:translateY(0)!important;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
.btn-base:hover, .btn-base-xs:hover {transform:translateY(-0.5px)!important;box-shadow:0 4px 12px rgba(0,0,0,0.3)!important;border-radius:50px!important}
.btn-base:active, .btn-base-xs:active {transform:translateY(0)!important;box-shadow:0 2px 4px rgba(0,0,0,0.1)!important;border-radius:50px!important}
.buttons-row-flex-xs{display:flex;gap:20px;justify-content:space-around}
.btn-base{padding:0.6rem 1.5rem;border-radius:50px;font-size:var(--font-size-xs);background-color:var(--kolor-akcentu);color:var(--tlo-karty);border:1px solid var(--ramka-domyslna);font-weight:400;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center}
.btn-base:hover,.btn-base:focus,.btn-base-xs:hover,.btn-base-xs:focus{background-color:rgba(111,106,100,1);color:var(--tlo-karty)}
.btn-base-xs{padding:0.4rem 1.2rem;border-radius:50px;font-size:var(--font-size-xs);background-color:var(--tekst-glowny);color:var(--tlo-karty);border:1px solid var(--ramka-domyslna);font-weight:400;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center}
.btn-orange-solid{background-color:var(--kolor-orange);color:var(--tlo-karty);border:1px solid var(--kolor-orange)}
.btn-orange-solid:hover{background-color:var(--kolor-orange-ciemny);border-color:var(--kolor-orange-ciemny)}
.btn-orange{color:var(--tekst-naglowka)!important;background-color:var(--tlo-karty)!important;border-color:var(--kolor-orange)!important}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{color:var(--tekst-naglowka)!important;background-color:var(--tlo-karty)!important;border-color:var(--kolor-orange-ciemny)!important}
.btn-orange-dark{color:var(--tlo-karty);background-color:var(--kolor-orange-ciemny);border-color:var(--kolor-orange);font-weight:400}
.btn-orange-dark:hover,.btn-orange-dark:focus,.btn-orange-dark:active{color:var(--tlo-karty);background-color:var(--kolor-orange-ciemny);border-color:var(--kolor-orange-ciemny)}
.btn-granat{color:var(--tekst-glowny);background-color:var(--kolor-akcentu);border-color:var(--ramka-domyslna);font-weight:400}
.btn-granat:hover,.btn-granat:focus,.btn-granat:active{color:var(--tekst-glowny);background-color:var(--ramka-subtelna);border-color:var(--ramka-domyslna)}
.btn-red-ico i{color: rgba(220, 50, 50, 1)!important}
.btn-red{color:var(--tlo-karty)!important;background-color:var(--kolor-status-Z)!important;border-color:var(--kolor-status-Z)!important;font-weight:400}
.btn-kosz i{color: rgba(220, 50, 50, 1)!important}
.buttons-akcje .buttons-row-flex .btn-kosz:hover{background-color: var(--kolor-czerwony-btn)!important;}
.btn-kosz:hover i { color: var(--tekst-glowny) !important;}
.btn-green{background-color:var(--kolor-status-P)!important;color:var(--tlo-karty)!important;font-weight:400}
.btn-red:hover,.btn-red:focus,.btn-red:active{color:var(--tlo-karty)!important;background-color:var(--kolor-status-Z)!important;border-color:var(--kolor-status-Z)!important}
.btn-white{background-color:var(--tlo-karty);color:var(--tekst-naglowka);border-color:var(--ramka-domyslna);font-weight:400}
.btn-white:hover,.btn-white:focus,.btn-white:active{background-color:var(--ramka-subtelna);color:var(--tekst-naglowka);border-color:var(--ramka-domyslna)}
.btn-outline-orange{color:var(--kolor-orange);background-color:transparent;border-color:var(--kolor-orange);font-weight:400}
.btn-outline-orange:hover,.btn-outline-orange:focus,.btn-outline-orange:active{color:var(--tlo-karty);background-color:var(--kolor-orange);border-color:var(--kolor-orange)}
.btn-outline-white{color:var(--tekst-naglowka);background-color:var(--tlo-karty);border-color:var(--ramka-domyslna);font-weight:400}
.btn-outline-white:hover,.btn-outline-white:focus,.btn-outline-white:active{color:var(--tekst-naglowka);background-color:var(--ramka-subtelna);border-color:var(--ramka-domyslna)}
.btn-neutral-gray{background-color:var(--tekst-drugorzedny);color:var(--tlo-karty);border-color:var(--tekst-drugorzedny);font-weight:400}
.btn-neutral-gray:hover,.btn-neutral-gray:focus,.btn-neutral-gray:active{background-color:var(--tekst-naglowka);color:var(--tlo-karty);border-color:var(--tekst-naglowka)}
.btn-status-change{background-color:var(--tlo-karty)!important;color:var(--kolor-status-Z)!important;padding:0.5rem 1.5rem;border-radius:50px;border:1px solid var(--kolor-status-Z);font-size:var(--font-size-sm);font-weight:400;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center}
.btn-status-change:hover{background-color:var(--kolor-status-Z)!important;color:var(--tlo-karty)!important}
.btn-base:disabled,.btn-base[disabled]{opacity:0.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}
button.dt-button,div.dt-button,a.dt-button{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-right:0.333rem;padding:0.6rem 1.5rem;border:1px solid var(--ramka-domyslna);border-radius:50px;cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;background-color:var(--tlo-karty);color:var(--tekst-naglowka);user-select:none;text-decoration:none;outline:none;font-weight:400}
.button-container{display:flex;justify-content:space-between;align-items:center}
.button-group-right>*{margin-left:1rem}
.button-row-container{padding-bottom:1rem;border-bottom:1px solid var(--kolor-zadanie-naglowek-ramka);margin-bottom:1.5rem;overflow:hidden}

.btn-base-xs { position: relative;}
.btn-base-xs:hover::after { font-family: var(--font-heading); content: attr(data-title); position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background: var(--tekst-glowny); color: var(--tlo-karty); padding: 4px 10px; border-radius: 4px; font-size: 11px; font-weight: 300; white-space: nowrap; z-index: 9999; pointer-events: none; box-shadow: var(--cien-panelu); }
.btn-base-xs:hover::before { content: ""; position: absolute; bottom: 105%; left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: var(--tekst-na-tle) transparent transparent transparent; z-index: 9999; pointer-events: none; }

/* ========================================================== */
/* 6. ETYKIETY I STATUSY */
/* ========================================================== */
.label-base-xs{padding:0.2rem 0.4rem;font-size:var(--font-size-xs);box-shadow:none;font-weight:400}
.status-N{color:var(--tekst-naglowka);font-weight:500}
.status-T{color:var(--kolor-orange);font-weight:500}
.label_n{background-color:var(--kolor-niebieski);color:var(--kolor-bialy);padding:.2em .6em;border-radius:.25em;font-size:var(--font-size-xs);font-weight:400}
.label_t{background-color:var(--kolor-akcentu);color:var(--kolor-bialy);padding:.2em .6em;border-radius:.25em;font-size:var(--font-size-xs);font-weight:400}


/* ========================================================== */
/* 9. KOPIOWANIE I KODY */
/* ========================================================== */
.copy-container{position:relative;display:flex;align-items:center;min-width:15rem}
.btn-copy{display:inline-flex!important;justify-content:center;align-items:center;opacity:1!important;pointer-events:auto!important;transition:none!important;padding:0.4rem 1.2rem;border-radius:50px;font-size:var(--font-size-xs);margin-right:1rem!important;margin-left:0!important;border:1px solid var(--kolor-akcentu);color:var(--tekst-naglowka);background-color:var(--tlo-karty);font-weight:400;white-space:nowrap;}
.copy-success{background-color:var(--kolor-sukces-jasny)!important;border-color:var(--kolor-sukces-ramka)!important;color:var(--kolor-sukces-tekst)!important}


/* ========================================================== */
/* 12. NAGŁÓWKI I ZEGAR */
/* ========================================================== */
.header-main-flex{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem 0 1.5rem;margin-bottom:0.5rem}
.header-main-flex .panel-title{margin:0;padding:0}
.header-main-flex .panel-title h3{margin:0!important;font-size:var(--font-size-md);line-height:1.2}
.header-clock-date{text-align:right;font-size:var(--font-size-base);color:var(--kolor-daty-tekst);line-height:1.2;padding-top:0.3rem}
.header-clock-date span{font-size:var(--font-size-base);display:block}
.header-logo-container{display:none}
.data-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
.data-header-flex h4{margin:0!important}
.data-header-flex img{max-width:10rem;height:auto}

/* ========================================================== */
/* 13. UKŁADY RÓŻNE I SCROLL */
/* ========================================================== */
.action-flex-row { display: flex; justify-content: space-between; align-items: center; }
.switch-label { position: relative; display: inline-block; width: 6rem; height: 3.4rem; margin-left: 1rem; vertical-align: middle; padding: 0; box-sizing: border-box; }
.switch-label input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--kolor-przelacznik-tlo); transition: .4s; box-sizing: border-box; }
.slider:before { position: absolute; content: ""; height: 2.6rem; width: 2.6rem; left: 0.4rem; bottom: 0.4rem; background-color: var(--tlo-karty); transition: .4s; box-sizing: border-box; }
.modal { z-index: 1200 !important; }
.modal-dialog { margin-top: 5rem !important; z-index: 1200 !important; max-width: 600px; }
::-webkit-scrollbar { width: 0.2rem; opacity: 1; transition: 1s; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.1); background-color: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(150, 150, 150, 0.7); outline: 1px solid var(--kolor-szary-sredni); border-radius: 2rem; transition: 1s; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(100, 100, 100, 1); outline: 1px solid var(--kolor-szary-sredni); border-radius: 2rem; }

/* ========================================================== */
/* 14. SIDEBAR I NAWIGACJA - CAŁOŚĆ */
/* ========================================================== */
.sidebar-wrapper{position:fixed;left:0;top:0!important;height:100%;width:var(--sidebar-width);z-index:1001;background-color:var(--tlo-sidebara)!important;padding-top:0!important;box-shadow:none;transition:transform 0.3s ease;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--ramka-domyslna);}
.sidebar-top-header{height:var(--navbar-height);width:var(--sidebar-width);transition:width 0.3s ease;flex-shrink:0;display:flex;justify-content:flex-start;align-items:center;background-color:var(--tlo-sidebara);overflow:hidden;padding-left:0}
body.toggled .sidebar-wrapper{width:var(--sidebar-collapsed-width)!important;transform:translateX(0)!important}
body.toggled .sidebar-top-header{width:var(--sidebar-collapsed-width);justify-content:center}
.sidebar-toggle-brand{display:block;height:2rem;width:2.5rem;margin-left:1.5rem;cursor:pointer;position:relative;padding:0}
.sidebar-hamburger-line{display:block;width:100%;height:0.2rem;background-color:var(--tekst-glowny);transition:all 0.3s ease;position:absolute;left:0}
.sidebar-hamburger-line:nth-child(1){top:0.9rem;transform:rotate(45deg)}
.sidebar-hamburger-line:nth-child(2){top:0.9rem;opacity:0}
.sidebar-hamburger-line:nth-child(3){bottom:0.9rem;transform:rotate(-45deg)}
body.toggled .sidebar-hamburger-line:nth-child(1){top:0;transform:rotate(0)}
body.toggled .sidebar-hamburger-line:nth-child(2){top:0.9rem;opacity:1}
body.toggled .sidebar-hamburger-line:nth-child(3){bottom:0;transform:rotate(0)}
.accessibility-sidebar-tools{transition:opacity 0.2s ease;white-space:nowrap;display:flex;align-items:center;gap:1.5rem;margin-left:auto;margin-right:1.5rem}
.accessibility-icon-nav{color:var(--tekst-naglowka);font-size:1.2rem;cursor:pointer;transition:color 0.2s}
.accessibility-icon-nav:hover{color:var(--tekst-glowny)}
body.toggled .accessibility-sidebar-tools{display:none!important;opacity:0}
.sidebar-menu-wrapper{flex-grow:1;overflow-y:auto;padding-bottom:1rem;white-space:nowrap;overflow-x:hidden;transition:opacity 0.3s ease;height:auto!important}
body.toggled .sidebar-menu-wrapper{opacity:0;transition:opacity 0.3s ease;overflow-y:hidden;height:0!important}
.sidebar-menu-wrapper .card{border:none!important;background-color:var(--tlo-sidebara)!important;display:block!important}
.sidebar-wrapper .card-header{background-color:var(--tlo-sidebara)!important;border-bottom:none!important;padding:0!important}
.sidebar-wrapper .sidebar-toggle-btn{display:flex!important;justify-content:space-between!important;align-items:center;text-align:left;width:100%;text-decoration:none!important;outline:none!important;box-shadow:none!important;color:var(--tekst-glowny)!important;background-color:var(--tlo-sidebara)!important;font-family:var(--font-navigation)!important;font-size:var(--font-size-base);font-weight:500!important;border-radius:0!important;transition:all 0.2s;padding:0.5rem 1.2rem; letter-spacing: -0.06rem}
.sidebar-menu-wrapper .list-group-item{color:var(--tekst-glowny)!important;text-decoration:none!important;background-color:var(--tlo-sidebara)!important;border:none!important;padding:0.8rem 1.5rem!important;line-height:1;font-family:var(--font-navigation)!important;font-size:var(--font-size-sm);transition:background-color 0.2s ease,color 0.2s ease}
.sidebar-wrapper .list-group-item.active{background-color:rgba(255,255,255,0.01)!important;color:var(--kolor-akcentu)!important;font-weight:400;padding:1.5rem!important;transition:background-color 0.2s ease,color 0.2s ease,padding 0.2s ease;border:1px solid var(--ramka-domyslna);box-shadow:0 0.2rem 0.4rem rgba(100,100,100,0.08);}
.sidebar-wrapper .sidebar-toggle-btn:hover,.sidebar-menu-wrapper .list-group-item:hover:not(.active){background-color:var(--tlo-powierzchni)!important;color:var(--kolor-akcentu)!important;box-shadow:none!important;transition:background-color 0.2s ease,color 0.2s ease}
.sidebar-menu-wrapper .list-group-item i.fas{color:var(--kolor-orange)!important;margin-right:1rem;width:1.5rem;transition:color 0.5s ease}
.sidebar-arrow{margin-left:1rem;color:var(--tekst-naglowka);flex-shrink:0;transition:transform 0.3s ease;text-decoration:none!important;box-shadow:none!important;outline:none!important}
.open-manual .sidebar-arrow{transform:rotate(0deg)}
.closed-manual .sidebar-arrow{transform:rotate(-90deg)}
.collapse-manual{display:block!important;max-height:0!important;opacity:0;overflow:hidden;transition:max-height 0.5s ease-in-out!important,opacity 0.5s ease!important}
.collapse-manual.open-manual{max-height:300rem!important;opacity:1}
body.toggled .sidebar-text,body.toggled .sidebar-wrapper.btn-granat .sidebar-toggle-btn{opacity:0;display:none!important}
body.toggled .sidebar-menu-wrapper .list-group-item{text-align:center;padding:1rem 0!important}
body.toggled .sidebar-menu-wrapper .list-group-item i.fas{margin-right:0;width:100%}
.sidebar-action-bar{flex-shrink:0;padding:1rem 0;width:var(--sidebar-width);transition:width 0.3s ease;margin-bottom:3rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:3rem;}
body.toggled .sidebar-action-bar{width:var(--sidebar-collapsed-width);flex-direction:column;align-items:center;justify-content:flex-start;gap:0;}
.sidebar-action-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem!important;position:relative;text-decoration:none!important;color:var(--tekst-glowny);}
.sidebar-action-item i{color:var(--tekst-naglowka);font-size:2.7rem;}
.sidebar-action-item .sidebar-text{color:var(--tekst-glowny);font-size:1.4rem;}
.sidebar-action-ikona{position:relative;display:flex;align-items:center;justify-content:center;}
body.toggled .sidebar-action-item{padding:1rem 0!important;}
.sidebar-footer{flex-shrink:0;width:var(--sidebar-width);background-color:inherit;color:var(--tekst-glowny);font-size:var(--font-size-xs);padding:0.8rem 1.5rem;text-align:left;opacity:0.6;border-top:1px solid var(--ramka-domyslna);z-index:1060;transition:opacity 0.3s ease,width 0.3s ease}
body.toggled .sidebar-footer{opacity:0;width:var(--sidebar-collapsed-width)}
.koperta .alarm{position:absolute;top:-0.7rem;right:-2remrem;left:auto;z-index:1251;width:auto;height:auto;font-size:1rem;line-height:1.5rem;text-align:center;border-radius:50%;display:flex;flex-direction:row;gap:2px;}

/*UKRYCIE SIDEBARA DLA SERWISANTA*/
.sidebar-wrapper.no-sidebar .sidebar, 
.sidebar-wrapper.no-sidebar .sidebar-top-header, 
.sidebar-wrapper.no-sidebar .sidebar-menu-wrapper, 
.sidebar-wrapper.no-sidebar .sidebar-action-bar, 
body.no-sidebar .mobile-nav-trigger, 
body.no-sidebar .mobile-bottom-nav { display: none !important; }

.sidebar-wrapper.no-sidebar, 
body.no-sidebar .glowny-kontener-strony, 
body.no-sidebar .panel-glowny-kontener { margin-left: 0 !important; padding-left: 0 !important; width: 100% !important; max-width: 100% !important; }

/* ========================================================== */
/* 15. LOADER - PEŁNA WERSJA */
/* ========================================================== */
#loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; display: flex; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.5s ease-out, visibility 0.5s ease-out; }
#loading-overlay.loaded { opacity: 0; visibility: hidden; pointer-events: none; }
.spinner { display: flex; justify-content: space-between; width: 80px; }
.spinner .dot { width: 16px; height: 16px; border-radius: 50%; background-color: var(--kolor-niebieski); animation: scale-bounce 1s infinite ease-in-out; animation-delay: var(--delay); }
@keyframes scale-bounce { 0% { transform: scale(0.3); background-color: var(--kolor-niebieski-ciemny); } 50% { transform: scale(1); background-color: var(--kolor-orange); } 100% { transform: scale(0.3); background-color: var(--kolor-niebieski-ciemny); } }

/* ========================================================== */
/* 16. ALERTY INLINE */
/* ========================================================== */
#alert_action_container_inline { position: fixed; bottom: 2rem; right: 2rem; z-index: 9999; max-width: 95%; }
.alert-inline-text { display: flex; align-items: center; justify-content: space-between; font-size: var(--font-size-sm); padding: 8px 10px; border-radius: 4px; white-space: normal; margin-top: 0.5rem; border: 1px solid transparent; }
.alert-inline-text.alert-success { color: var(--tlo-karty); border-color: var(--kolor-status-P); background-color: var(--kolor-status-P); }
.alert-inline-text.alert-info { color: var(--tlo-karty); border-color: var(--kolor-status-Z); background-color: var(--kolor-status-Z); }
.alert-inline-text.alert-danger { color: var(--tlo-karty); border-color: var(--kolor-niebieski-ciemny); background-color: var(--kolor-niebieski); }
.alert-inline-text .close { float: none; order: 2; font-size: var(--font-size-md); line-height: 0.5; padding: 0; margin-left: 10px; opacity: 0.7; text-shadow: none; color: var(--tlo-karty); }
.alert-inline-text .close span { display: block; line-height: 1; }


/* ========================================================== */
/* 17. VIEW SWITCHER I NAGŁÓWKI SPECJALNE - PEŁNA WERSJA */
/* ========================================================== */
.panel-heading.bg-white.border-bottom{background-color:var(--tlo-powierzchni)!important;color:var(--tekst-glowny)!important;border-radius:2rem 2rem 0 0!important;border-bottom:none!important;padding:1.5rem 2rem!important;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;border:1px solid var(--ramka-domyslna)}
.panel-heading h3,.panel-heading h3 i{color:var(--tekst-glowny)!important;margin:0;font-size:var(--font-size-xl);font-weight:500}
.panel-heading .btn-white{background-color:var(--tlo-karty)!important;color:var(--tekst-naglowka)!important;border:1px solid var(--ramka-domyslna)!important;font-weight:400}
.panel-default{border-radius:2rem!important;overflow:hidden;border:0.1rem solid var(--ramka-domyslna)}

/* ========================================================== */
/* 18. UŁATWIENIA DOSTĘPU KONTRAST - CAŁOŚĆ */
/* ========================================================== */
body.high-contrast { background-color: #000 !important; color: #fff !important; }

/* Kontenery i panele */
body.high-contrast .panel-glowny-kontener, 
body.high-contrast .panel-naglowek-glowny, 
body.high-contrast .panel-cialo-glowne,
body.high-contrast .okno-zawartosc { background-color: #000 !important; border: 1px solid #fff !important; color: #fff !important; }

/* Karty (zamiast item-record-card) */
body.high-contrast .karta { background-color: #000 !important; border: 2px solid #fff !important; color: #fff !important; }
body.high-contrast .karta-gora { border-bottom: 1px solid #fff !important; }

/* Teksty i etykiety */
body.high-contrast .etykieta, 
body.high-contrast .okno-label, 
body.high-contrast .tekst-wartosc, 
body.high-contrast .text-muted, 
body.high-contrast .wartosc { color: #fff !important; }

/* Błędy i statusy */
body.high-contrast .status-value-error { background-color: #ff0000 !important; color: #fff !important; font-weight: bold !important; border: 1px solid #fff !important; }

/* Nagłówki, ikony i akcenty (zamiast panel-heading) */
body.high-contrast .tytul-strony, 
body.high-contrast .tytul-strony i, 
body.high-contrast .tytul-wiersz h4,
body.high-contrast .okno-tytul,
body.high-contrast .okno-naglowek i { color: #ffff00 !important; }

/* Przyciski i formularze */
body.high-contrast .btn-base, 
body.high-contrast .btn-base-xs,
body.high-contrast .form-control, 
body.high-contrast .form-select,
body.high-contrast .form-control-sm,
body.high-contrast .form-select-sm { background-color: #000 !important; color: #ffff00 !important; border: 1px solid #ffff00 !important; }

/* Dodatkowe kolory pomocnicze */
body.high-contrast .text-secondary, 
body.high-contrast .text-uppercase,
body.high-contrast i.fas, 
body.high-contrast i.far { color: #ffff00 !important; }

/* Wyjątek dla ikon statusu (kółka) aby były widoczne */
body.high-contrast .toggle-status { border: 1px solid #fff; border-radius: 50%; }

/* Wymuszenie czarnego tła dla sidebara w trybie kontrastu */
body.high-contrast .sidebar-wrapper.btn-granat {
    background-color: #000 !important;
    background-image: none !important;
    border-right: 1px solid #fff !important;
}

/* Kolor tekstu i ikon w sidebarze */
body.high-contrast .sidebar-link, 
body.high-contrast .sidebar-text,
body.high-contrast .sidebar-toggle-btn,
body.high-contrast .sidebar-action-item {
    color: #fff !important;
}

/* Aktywne elementy w menu sidebara - na żółto */
body.high-contrast .sidebar-link.active,
body.high-contrast .sidebar-toggle-btn.open-manual {
    background-color: #000 !important;
    color: #ffff00 !important;
    border: 1px solid #ffff00 !important;
}

/* Ikony narzędzi dostępności w sidebarze */
body.high-contrast .accessibility-icon-nav {
    color: #ffff00 !important;
}

/* Pasek akcji na dole sidebara (wyloguj, profil) */
body.high-contrast .sidebar-action-bar {
    background-color: #000 !important;
    border-top: 1px solid #fff !important;
}

/* ========================================================== */
/* 19. SORTOWANIE I ANIMACJE KONTENERA */
/* ========================================================== */
.sort-selector span{color:var(--tekst-glowny)!important;font-family:var(--font-primary);font-size:var(--font-size-sm)!important;font-weight:500!important;text-transform:uppercase;display:inline-block;margin-right:.5rem}
.sort-selector .form-select-sm{background-color:var(--tlo-karty);color:var(--tekst-naglowka);border:1px solid var(--ramka-domyslna);border-radius:2rem;font-family:var(--font-primary);font-size:var(--font-size-sm)!important;padding:0.6rem 2rem 0.6rem 1rem;height:auto!important;cursor:pointer;min-width:15rem}
.sort-selector .form-select-sm:focus{border-color:var(--kolor-orange);outline:none;box-shadow:0 0 0 0.2rem var(--cien-orange)}


/* ========================================================== */
/* 22. KOMPLETNA STRUKTURA - TOWARY I PRZECENY (FULL) */
/* ========================================================== */

/* 22.1 STRUKTURA PANELU */
.glowny-kontener-strony{width:100%;padding-left:0;padding-right:0;margin:0;transition:none}
body.toggled .glowny-kontener-strony{margin-left:0}
.panel-glowny-kontener{position:relative;border-radius:0;border:0;background:transparent;margin-bottom:0;display:flex;flex-direction:column}
.panel-naglowek-glowny{position:fixed;top:0;left:0;width:calc(100% - var(--scrollbar-width, 0px));z-index:1000;background-color:var(--tlo-powierzchni)!important;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:0.1rem;margin-bottom:0;border-radius:0!important;transition:padding 0.3s ease;border-bottom:1px solid var(--ramka-domyslna)}
.panel-naglowek-glowny .tytul-strony{color:var(--tekst-glowny)!important;margin:0;display:flex;align-items:center;font-weight:500}
.panel-naglowek-glowny .tytul-strony i{color:var(--tekst-glowny)!important;margin-right:0.8rem}
.naglowek-gora{display:flex;justify-content:space-between;align-items:flex-start;width:100%}
.naglowek-opcje{display:flex;align-items:center;gap:2rem}
.opcje-wielowierszowe{flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-top:1.5rem}
.nawigacja-przyciski{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;flex-wrap:wrap;gap:1rem;width:100%}
.przyciski-lewa,.przyciski-prawa{display:flex;align-items:center;gap:0.8rem}
.przyciski-prawa{margin-left:auto}
.przycisk-reset-ikona{width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;padding:0!important}
.panel-cialo-glowne{background-color:transparent;padding:1.5rem 0.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}

/* WYSZUKIWARKA I PANEL */
.wyszukiwarka-glowna{flex:2;min-width:20rem}
.wyszukiwarka-glowna input{width:100%;height:3.2rem;border-radius:2rem;border:1px solid var(--ramka-domyslna);padding:0 1.5rem;font-size:var(--font-size-sm)}

/* 22.2 KARTA - BAZA (WIDOK LISTY) */
.karta{background:var(--tlo-karty);border:0.1rem solid var(--ramka-domyslna);border-left:0.5rem solid var(--kolor-orange);border-radius:0.8rem;padding:1.5rem;margin-bottom:0.5rem;width:80%;max-width:120rem;margin-left:auto;margin-right:auto}
.karta:hover{border-left:0.5rem solid var(--kolor-akcentu);box-shadow:0 0.4rem 0.8rem var(--cien-glowny)}
.checkbox{width:1.4rem;height:1.4rem;cursor:pointer;accent-color:var(--kolor-orange);margin-bottom:0.3rem}
.child_check{cursor:pointer;font-size:1.8rem!important;color:var(--tekst-na-tle)}


/* 22.3 KARTA - GÓRA I TYTUŁY */
.karta-gora{display:flex;justify-content:space-between;align-items:center;padding-bottom:0;margin-bottom:0}
.gora-lewa{display:flex;align-items:center;gap:1.5rem}
.tytul-wiersz{display:flex;align-items:center;gap:1.5rem;padding-bottom:0}
.tytul-wiersz .grupa{display:flex;align-items:center;gap:0.5rem;min-width:auto}
.tekst-wartosc{font-size:var(--font-size-sm);display:flex;align-items:center;gap:0.5rem}
.tekst-wartosc span{font-size: var(--font-size-xs); margin-left: 8px; color: var(--kolor-akcentu);}
.data-kartoteki-wiersz{font-size: var(--font-size-xs-1);color:var(--tekst-glowny);margin-top: -0.7rem;}
.karta-gora .akcje{display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem}
.akcje i.toggle-status{margin-left:1rem;cursor:pointer}

/* 22.4 KARTA - DÓŁ (ROZPŁYWANIE SIĘ DANYCH) */
.karta-dol{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:0.2rem;border-top:1px solid var(--ramka-opacity);padding-top:1rem}
.dol-lewy{display:flex!important;flex-wrap:wrap!important;gap:2rem!important;flex:1!important;flex-direction:row!important}
.dol-prawy{margin-left:auto;text-align:right;display:flex;flex-direction:row;align-items:flex-end;gap:2rem}
.date-group-header{font-size:var(--font-size-md);font-weight:700;color:var(--tekst-naglowka);padding:0.5rem 3rem;margin-top:2rem;margin-bottom:2rem;border-bottom:0.01rem solid var(--ramka-domyslna)}
.date-group-cards{margin-bottom:2rem}
.dol-lewy span{font-size: 1.2rem; margin-left: 1rem; opacity: 0.7;}
#recordsContainer .karta-dol .dol-lewy { justify-content: space-between !important; }
#recordsContainer .karta-dol .grupa { flex: 1 !important; min-width: auto !important; text-align: center; }
.label-bbg { background-color: var(--kolor-status-Z); color: var(--tlo-karty); padding: 0.2em 0.6em; border-radius: 0.25em; font-size: var(--font-size-xs); font-weight: 400; }
.label-magazyn { background-color: var(--kolor-status-P); color: var(--tlo-karty); padding: 0.2em 0.6em; border-radius: 0.25em; font-size: var(--font-size-xs); font-weight: 400; }


/* 22.5 ELEMENTY DANYCH I STATUSY */
.grupa{flex:0 1 12rem;min-width:12rem}
.etykieta{display:block;font-size: var(--font-size-xs-2);color:var(--tekst-glowny);font-weight:400;}
.wartosc{font-size:1.4rem;font-weight:500;font-family:var(--font-primary)}
.status-value-error{color:var(--kolor-status-Z);background:var(--kolor-blad-tlo);padding:0.2rem 0.6rem;border-radius:0.4rem;display:inline-block}


/* 22.6 ANIMACJE I SORTOWANIE */
#recordsContainer{transition:all 0.8s ease;width:100%;display:block;text-align:left;}
.loading-fade{opacity:0}
.wybor-sortowania, .wyszukiwarka-glowna{position:relative !important;margin-top:0.2rem !important;background:transparent !important;border:none !important;display:flex;align-items:center !important;}
.wybor-sortowania label, .wyszukiwarka-glowna label{position:absolute !important;top:-0.9rem !important;left:1.2rem !important;padding:0 0.5rem !important;font-size:1.1rem !important;font-weight:600 !important;z-index:20 !important;width:auto !important;margin:0 !important;pointer-events:none !important;border-radius:0 !important;}
.wybor-sortowania select, .wybor-sortowania input, .wyszukiwarka-glowna input{width:100% !important;min-width:15rem;height:3.5rem !important;padding:0 1.2rem !important;font-size:1.4rem !important;border:none !important;border-radius:5rem !important;outline:none !important;appearance:none !important;box-shadow:none !important;margin:0 !important;}
.wybor-sortowania select:hover, .wybor-sortowania input:hover, .wyszukiwarka-glowna input:hover, .wybor-sortowania select:focus, .wybor-sortowania input:focus, .wyszukiwarka-glowna input:focus, .wybor-sortowania select:active, .wybor-sortowania input:active, .wyszukiwarka-glowna input:active{border:none !important;outline:none !important;box-shadow:none !important;}


/* 22.7 SWITCH ZAZNACZANIE/ODZNACZANIE */
.kontener-zaznaczania{display:flex;position:relative;background:rgba(218,206,194,0.3);border-radius:2rem;padding:0.3rem;width:23rem;height:3rem;cursor:pointer;border:0.1rem solid var(--ramka-domyslna);margin-left:1.2rem}
.zaznacz-input{display:none}
.zaznacz-label{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between;position:relative;z-index:2}
.zaznacz-opcja{flex:1;text-align:center;font-size:1rem;font-weight:400;color:var(--tekst-drugorzedny);transition:all 0.3s;text-transform:uppercase}
.zaznacz-slider{position:absolute;top:0.3rem;left:0.3rem;width:calc(50% - 0.3rem);height:calc(100% - 0.6rem);border-radius:1.8rem;transition:all 0.3s ease;z-index:1;background-color:var(--kolor-akcentu)}
.zaznacz-input:checked~.zaznacz-slider{left:calc(50%);background-color:var(--kolor-orange)}
.zaznacz-input:not(:checked)~.zaznacz-label .opt-off{color:var(--tlo-karty)}
.zaznacz-input:checked~.zaznacz-label .opt-on{color:var(--tlo-karty)}

/* 22.7.1 SWITCH LISTA ZADAŃ NOWA / WYSŁANA */


/* 22.7.2 PODŚWIETLENIE WYSZUKIWANIA */
.podswietlenie-wyszukiwania{background-color:rgba(255, 255, 186, 1.0);padding:0.2rem;box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1);color: #333;}

/* 22.8 LOGIKA WIDOKU KAFELKOWEGO */
#recordsContainer.widok-kafelki{display:flex!important;flex-wrap:wrap!important;gap:0.5rem!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;max-width:120rem!important}
.widok-kafelki .date-group-header{flex:0 0 100%!important;width:100%!important;margin:0!important}
.widok-kafelki .date-group-cards{display:flex;flex-wrap:wrap!important;gap:0.5rem!important;flex:0 0 100%!important;justify-content:flex-start!important;align-items:stretch!important}
.widok-kafelki .karta{flex:0 1 29.6rem!important;margin-bottom:0!important;max-width:29.6rem!important;margin-left:0!important;margin-right:0!important;display:flex!important;flex-direction:column!important}
.widok-kafelki .karta-gora{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}
.widok-kafelki .akcje{width:100%!important;display:flex!important;justify-content:flex-end!important}
.widok-kafelki .karta-dol{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}
.widok-kafelki .dol-lewy{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:1rem!important;width:100%!important}
.widok-kafelki .grupa{flex:1 1 12rem!important;min-width:12rem!important}

/* 22.9 PRZEŁĄCZNIK WIDOKU KAFELKOWEGO */
.view-switcher-container{display:inline-block;position:relative;user-select:none;vertical-align:middle}
.view-switch-input{display:none}
.view-switch-label{display:flex;align-items:center;justify-content:space-between;position:relative;width:14rem;height:3.2rem;background-color:rgba(218,206,194,0.3);border-radius:2rem;padding:0.3rem;cursor:pointer;border:1px solid var(--ramka-domyslna);margin:0}
.switch-option{flex:1;text-align:center;z-index:2;font-size:1.1rem;font-weight:500;transition:color 0.3s ease;color:var(--tekst-drugorzedny)}
.switch-slider{position:absolute;top:0.3rem;left:0.3rem;width:calc(50% - 0.3rem);height:calc(100% - 0.6rem);background-color:var(--tekst-glowny);border-radius:1.8rem;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1);transition:transform 0.3s ease,background-color 0.3s ease;z-index:1}
.view-switch-input:checked+.view-switch-label .switch-slider{transform:translateX(100%);background-color:var(--kolor-status-Z)}
.view-switch-input:checked+.view-switch-label .option-grid{color:var(--tekst-glowny)}
.view-switch-input:not(:checked)+.view-switch-label .option-list{color:var(--tlo-karty)}

/* 22.10 PASEK INFORMACYJNY FILTROWANIA */
.info-pasek-filtr{color:var(--tekst-drugorzedny);padding:0;margin-top:0.3rem;font-size:var(--font-size-xs);display:flex;align-items:center;gap:0.5rem;}
.info-pasek-filtr i{color:var(--kolor-orange);font-size:var(--font-size-xs)}
.info-pasek-filtr strong{color:var(--tekst-naglowka); font-size:var(--font-size-sm);}

/* 22.11 STICKY HEADER Z ANIMACJĄ KURCZENIA */
.panel-naglowek-glowny.scrolled{padding:0.8rem 2rem!important;border-radius:0!important}
.panel-naglowek-glowny.scrolled .tytul-strony{font-size:var(--font-size-md)!important}
.panel-naglowek-glowny.scrolled .naglowek-opcje{gap:1rem!important}
.panel-naglowek-glowny.scrolled .nawigacja-przyciski{margin-top:0.8rem!important}

/* 22.12 IKONY BLOKADY (MINIMAL) */
.lock-simple{display:inline-flex;align-items:center;font-size:1.3rem;transition:color 0.2s}
.lock-simple.s-blocked{color:var(--kolor-status-Z)}
.lock-simple.s-permanent{color:var(--kolor-status-P)}
.lock-simple.s-none{color:var(--ramka-domyslna)}

/* 22.13 CZYSTA IKONA KOPIOWANIA */
.btn-copy-icon{background:transparent;border:none;color:var(--tekst-drugorzedny);padding:0;font-size:1.4rem;cursor:pointer;transition:color 0.2s;display:inline-flex;align-items:center;margin-left:0.5rem}
.btn-copy-icon:hover{color:var(--kolor-orange)}

/* 22.14 PAGINACJA LISTY */
.pagination-towary{display:flex;justify-content:center;align-items:center;gap:0.5rem;padding:2rem 0;width:80%;max-width:120rem;margin-left:auto;margin-right:auto}
.pagination-btn{background:var(--tlo-karty);border:0.1rem solid var(--ramka-domyslna);color:var(--tekst-naglowka);padding:0 1.2rem;height:4rem;min-width:4rem;border-radius:50px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all 0.2s;display:inline-flex;align-items:center;justify-content:center}
.pagination-btn:hover{background:var(--tlo-powierzchni);border-color:var(--kolor-orange)}
.pagination-btn.active{background:var(--kolor-orange);color:var(--tlo-karty);border-color:var(--kolor-orange)}
.pagination-btn:disabled{opacity:0.5;cursor:not-allowed}
/* 22.15 WYSZUKIWARKA TOWARÓW */
.karta-filtrow-glowna{margin-bottom:2rem;transition:margin-top 0.4s ease;margin-top:0}
.karta-filtrow-glowna-start{margin-top:8vh}
.karta-filtrow-gora{cursor:pointer;border-bottom:1px solid var(--ramka-domyslna)}
.karta-filtrow-tytul{font-size:1.6rem;font-weight:300;color:var(--tekst-glowny)!important}
.karta-filtrow-ikona{color:var(--kolor-akcentu)}
.karta-filtrow-toggle{font-size:1.6rem;color:var(--tekst-drugorzedny)}
.karta-filtrow-cialo{padding:2rem}
.karta-filtrow-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:1.5rem}
.karta-filtrow-grupa{margin-bottom:0}
.karta-filtrow-stopka{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--ramka-domyslna)}
.karta-filtrow-stopka-prawa{display:flex;gap:1rem}
.karta-filtrow-cialo .form-control,.karta-filtrow-cialo .form-select{border:1px solid var(--ramka-domyslna)!important;border-radius:0.8rem;padding:0.8rem 1.2rem;width:100%;height:4rem;font-size:var(--font-size-sm);color:var(--tekst-glowny)!important;background-color:var(--tlo-karty)!important;box-sizing:border-box;font-weight:300}
.karta-filtrow-cialo .form-control:focus,.karta-filtrow-cialo .form-select:focus{border-color:var(--kolor-orange)!important;outline:none}
.karta-filtrow-cialo .okno-label{font-weight:300;color:var(--tekst-naglowka)!important;font-size:var(--font-size-xs-1);text-transform:uppercase;display:block;margin-bottom:0.8rem}
.karta-filtrow-pusty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 0;color:var(--tekst-drugorzedny);opacity:0.6;margin-top:3rem;width:100%}
.karta-filtrow-pusty i{font-size:4rem;margin-bottom:1.5rem}
.karta-filtrow-pusty h3{font-weight:300;font-size:var(--font-size-md);margin:0}
.pagination-wrapper{display:flex;justify-content:flex-end;padding:1rem 0.5rem}
.towary-nazwa-zablokowana{text-decoration:line-through;opacity:0.6}
.lampka-status{cursor:pointer}
.lampka-aktywna{color:var(--kolor-akcentu)!important}
.lampka-nieaktywna{color:var(--tekst-drugorzedny)!important}

/* ========================================================== */
/* 23. OKNA MODALNE (STRUKTURA WŁASNA) */
/* ========================================================== */

/* 23.1 OKNO MODALNE - BAZA I TŁO */
.okno-modalne{position:fixed;top:0;left:0;z-index:12000;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;background:rgba(0,0,0,0.5)}
.okno-modalne{display:none}
.okno-modalne.fade{opacity:0;transition:opacity 0.15s linear}
.okno-modalne.show{opacity:1;display:block!important}
.okno-modalne.fade .okno-kontener{transition:transform 0.3s ease-out;transform:translateY(-50px)}
.okno-modalne.show .okno-kontener{transform:none}

/* 23.2 KONTENER I POZYCJONOWANIE */
.okno-kontener{position:relative;width:auto;margin:1.75rem auto;pointer-events:none;max-width:50rem;display:flex;align-items:center;min-height:calc(100% - 3.5rem)}
.okno-maly{max-width:30rem}

/* 23.3 ZAWARTOŚĆ I RAMKA */
.okno-zawartosc{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:var(--tlo-strony);background-clip:padding-box;border:0.1rem solid var(--ramka-domyslna);border-radius:1.5rem;outline:0;box-shadow:var(--cien-panelu)}

/* 23.4 NAGŁÓWEK I TYTUŁ */
.okno-naglowek{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:0.1rem solid var(--ramka-subtelna);background-color:var(--tlo-powierzchni);border-radius:1.5rem 1.5rem 0 0;border:1px solid var(--ramka-domyslna)}
.okno-tytul{color:var(--tekst-glowny);margin-bottom:0;line-height:1.5;font-size:1.8rem;font-weight:500}

/* 23.5 PRZYCISK ZAMKNIJ (IKONA) */
.btn-zamknij{box-sizing:content-box;width:1.5rem;height:1.5rem;padding:0.5rem;background-color:var(--kolor-bialy-btn);-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center/contain;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") no-repeat center/contain;border:0;border-radius:50%;opacity:0.8;cursor:pointer}
.btn-zamknij:hover{opacity:1}

/* 23.6 OKNO CIAŁO (BODY) I FORMULARZE */
.okno-cialo{position:relative;flex:1 1 auto;padding:2.5rem}
.okno-cialo .form-label{color:var(--tekst-glowny);margin-bottom:0.8rem;display:block;font-weight:500}
#kody_vat,#edit_kody_vat,#gramatura_sklep,#gramatura_miara,#gramatura_jednostka,#kodkreskowy{padding:0.5rem;font-size:var(--font-size-sm);height:3.5rem}
.okno-cialo .form-control,.okno-cialo .form-select{border:0.1rem solid var(--kolor-szary-sredni);border-radius:0.8rem;padding:0.8rem 1.2rem;width:100%}
.okno-cialo .form-control:focus,.okno-cialo .form-select:focus{border-color:var(--kolor-orange);outline:none}

/* 23.7 OKNO STOPKA (KONTENER) */
.okno-stopka{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:1.5rem 2.5rem;border-top:0.1rem solid var(--ramka-subtelna);gap:1rem}
.modal-footer-alert{width:100%;margin-top:1rem;padding:1rem;border-radius:0.5rem;display:none}

/* 23.8 ANIMACJE I EFEKTY (FADE) */
.okno-modalne.fade{transition:opacity 0.15s linear}
.okno-modalne.fade:not(.show){opacity:0}
.okno-modalne.show{opacity:1}

/* 23.9 ROZMIARY I SZEROKOŚĆ OKIEN */
.okno-maly{max-width:30rem}
.okno-sredni{max-width:45rem}
.okno-duzy{max-width:60rem}
.okno-bardzo-duzy{max-width:85rem}
.okno-max-70{max-width:70%!important;}
.okno-pelny{max-width:95%}

/* 23.10 UKŁAD WEWNĘTRZNY I DETALE */
.okno-uklad-pionowy{display:flex;flex-direction:column;gap:1.5rem}
.okno-tytul i{margin-right:1rem;color:var(--tekst-glowny)}

/* ========================================================== */
/* 24.LISTA ZADAŃ - STYLE SPECYFICZNE */
/* ========================================================== */
.karta-lista-zadan .karta-dol .dol-lewy{font-size:var(--font-size-sm);color:var(--tekst-drugorzedny)}
.lista-odczyty-kontener-zew{padding:0 0.2rem 1rem 0.2rem;margin-bottom:0.5rem}
.lista-odczyty-kontener{display:flex;gap:0.4rem;flex-wrap:wrap;align-items:center;width:100%}
.lista-odczyty-kolo{background:var(--kolor-bialy);color:var(--kolor-niebieski-ciemny);border: 1px solid var(--ramka-domyslna); border-radius:50%;width:2.2rem;height:2.2rem;font-size: var(--font-size-xs-1);display:inline-flex;align-items:center;justify-content:center;font-weight:300;box-shadow:var(--cien-glowny);position:relative;cursor:pointer}
.lista-odczyty-nieaktywne{background-color:var(--ramka-domyslna)!important;color:var(--tekst-drugorzedny)!important;opacity:0.4;box-shadow:none!important}
.lista-odczyty-kolo::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background-color:var(--tekst-naglowka);color:var(--tlo-karty);padding:0.6rem 1.2rem;border-radius:0.4rem;font-size:var(--font-size-xs);font-weight:300;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.2s ease;box-shadow:var(--cien-panelu);z-index:100;pointer-events:none;text-align:center;line-height:1.4}
.lista-odczyty-kolo:hover::after{opacity:1;visibility:visible}
.btn-odczyty-toggle{background-color:transparent!important;color:var(--tekst-glowny)!important;font-weight:300!important;padding:0 1.5rem!important;box-shadow:none!important;margin:0!important;height:3.2rem!important;display:inline-flex!important;align-items:center!important;gap:0.5rem!important;border-radius:2rem!important;transition:all 0.2s ease!important}
.btn-odczyty-toggle i{color:var(--tekst-glowny)!important;font-size:1.4rem!important;margin:0!important;transition:transform 0.2s ease!important}
.btn-odczyty-toggle:hover {box-shadow: none!important;}
body.modern-dark .lista-switch-input:not(:checked)~.lista-switch-label .opt-off{color:var(--tlo-karty)!important;transition:color 0.3s ease}
body.modern-dark .lista-switch-input:checked~.lista-switch-label .opt-on{color:#ffffff!important;transition:color 0.3s ease}
.lista-switch-kontener{display:flex;position:relative;background:rgba(218,206,194,0.3);border-radius:2rem;padding:0.3rem;width:12rem;height:3.2rem;cursor:pointer;border:0.1rem solid var(--ramka-domyslna);margin-left:0;margin-bottom:0}
.lista-switch-input{display:none}
.lista-switch-label{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between;position:relative;z-index:2;cursor:pointer;margin:0}
.lista-switch-opcja{flex:1;text-align:center;font-size:0.9rem;font-weight:700;color:var(--tekst-drugorzedny);transition:color 0.3s ease;text-transform:uppercase}
.lista-switch-slider{position:absolute;top:0.3rem;left:0.3rem;width:calc(50% - 0.3rem);height:calc(100% - 0.6rem);border-radius:1.8rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:1;background-color:#ffffff;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.2);pointer-events:none}
.lista-switch-input:checked~.lista-switch-slider{transform:translateX(100%);background-color:var(--kolor-status-Z)}
.lista-switch-input:not(:checked)~.lista-switch-label .opt-off{color:var(--tekst-glowny)}
.lista-switch-input:checked~.lista-switch-label .opt-on{color:#ffffff}
#lista_tresc_editor{font-size:1.6rem;line-height:1.6;min-height:30rem;max-height:50rem;overflow-y:auto;border:0.1rem solid var(--ramka-domyslna);padding:1rem;color:var(--tekst-glowny);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}
.tresc-lista{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-primary);font-size:var(--font-size-base);margin:0;padding:0;background:transparent;border:none;text-transform:uppercase!important}
.grupa-tresc{width:100%;margin-top:1rem;padding:2rem}

/* ========================================================== */
/* 25. INDEX */
/* ========================================================== */
#page-content-wrapper{display:flex;flex-direction:column;align-items:center;padding:2rem;transition:margin-left 0.3s ease;background-color:var(--tlo-strony);min-height:calc(100vh - var(--navbar-height));padding-top:var(--navbar-height);font-family:var(--font-primary);overflow-x:hidden}
.pulpit-naglowek{text-align:center;width:100%;max-width:80rem;margin-bottom:0rem;}
.pulpit-logo{max-width:30rem;margin-bottom:1rem;height:auto;filter:drop-shadow(0 0.5rem 1rem var(--cien-panelu))}
html.modern-light .logo-ciemne, body.modern-light .logo-ciemne{display:none!important}
html.modern-dark .logo-jasne, body.modern-dark .logo-jasne{display:none!important}
.pulpit-tytul{color:var(--tekst-naglowka);font-weight:300;font-size:var(--font-size-xl);margin-bottom:0.5rem;font-family:var(--font-heading)}
.pulpit-podtytul{color:var(--tekst-drugorzedny);font-size:var(--font-size-sm);font-weight:300;margin-bottom:2rem}
.pwa-buttons-container{display:flex;gap:1.5rem;justify-content:center;margin:0 auto}
.pwa-buttons-container .btn-base{background-color:transparent!important;color:var(--kolor-orange)!important;border:1px solid var(--kolor-orange)!important;font-weight:300}
.pwa-buttons-container .btn-base:hover{background-color:var(--kolor-orange)!important;color:var(--tlo-karty)!important}

.pulpit-siatka-gora{display:grid;grid-template-columns:1fr 1fr 2fr;gap:2rem;width:100%;max-width:120rem;margin-bottom:4rem}
.pulpit-siatka-skroty{display:grid;grid-template-columns:repeat(auto-fill, minmax(26rem, 1fr));gap:0.8rem;width:100%;max-width:120rem} 

.pulpit-karta{background-color:var(--tlo-karty);border:1px solid var(--ramka-domyslna);border-radius:1.5rem;padding:2rem;box-shadow:var(--cien-panelu);display:flex;flex-direction:column}
.pulpit-sekcja-tytul{width:100%;max-width:120rem;margin-bottom:1.2rem;padding-left:0.5rem}
.pulpit-sekcja-tytul h3{font-size:var(--font-size-md);color:var(--tekst-naglowka);font-weight:300;margin-bottom: 2rem;text-transform:uppercase;letter-spacing:0.1rem}
.karta-skrot{text-decoration:none!important;color:var(--tekst-glowny)!important}
.karta-skrot:hover .mala-karta-ikona i{color:var(--kolor-akcentu);transform:scale(1.1);transition:transform 0.2s ease, color 0.2s ease}
.karta-skrot .mala-karta-ikona i{transition:transform 0.2s ease, color 0.2s ease}
.pulpit-karta-tytul{font-size:var(--font-size-sm);color:var(--tekst-naglowka);font-weight:300;margin:0 0 1.5rem 0;padding-bottom:1rem;border-bottom:1px solid var(--ramka-domyslna)}

.profil-zawartosc{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem}
.profil-awatar{width:6rem;height:6rem;background-color:var(--ramka-subtelna);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--tekst-drugorzedny)}
.profil-nazwa{font-size:var(--font-size-md);color:var(--tekst-naglowka);font-weight:300}
.profil-rola{font-size:var(--font-size-xs);color:var(--tekst-drugorzedny);font-weight:300}

.podsumowanie-zawartosc{display:flex;justify-content:space-around;align-items:center;flex:1}
.podsumowanie-element{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:transform 0.2s}
.podsumowanie-element:hover{transform:translateY(-3px)}
.podsumowanie-ikona{display:inline-flex;align-items:center;justify-content:center;font-size:3rem;color:var(--kolor-niebieski-);position:relative}
.podsumowanie-ikona .alarm{position:absolute;top:-1rem;left: 1rem!important;}
.podsumowanie-tekst{font-size:var(--font-size-sm);color:var(--tekst-glowny);font-weight:300;text-align:center}

.aktualizacje-zawartosc{flex:1;display:flex;flex-direction:column;justify-content:center}

.mala-karta{flex-direction:row;align-items:center;gap:1.5rem;padding:1.5rem;transition:transform 0.2s ease;cursor:pointer}
.mala-karta:hover{transform:translateY(-0.2rem);border-color:var(--kolor-orange)}
.mala-karta-ikona{font-size:2.5rem;color:var(--tekst-drugorzedny)}
.mala-karta-tekst{font-size:var(--font-size-xs-2);color:var(--tekst-glowny);font-weight:300;line-height:1.4}
.mala-karta-tekst strong{color:var(--tekst-naglowka);font-weight:400}

.alert-info{position:relative;background-color:transparent!important;border:1px solid var(--ramka-domyslna)!important;border-radius:1rem!important;padding:1.5rem 3.5rem 1.5rem 1.5rem;margin:0; color: var(--tekst-naglowka);}
.alert-info h5{font-size:var(--font-size-sm);margin:0 0 1rem 0;color:var(--tekst-naglowka);border-bottom:none;padding:0;font-weight:400}
.alert-info hr{display:none}
.alert-info .close {position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2.4rem;color:var(--tekst-drugorzedny);opacity:0.5;line-height:1;cursor:pointer;transition:opacity 0.2s, color 0.2s;outline:none;box-shadow:none;text-shadow:none;padding:0;}
.alert-info .close:hover{opacity:1;color:var(--kolor-status-Z);}

.widget-content-area{font-size:var(--font-size-sm);color:var(--tekst-glowny);font-weight:300;line-height:1.5}
.widget-content-area a{color:var(--kolor-akcentu);font-weight:300;text-decoration:none;display:inline-block;margin-top:0.5rem;border:1px solid var(--kolor-orange);padding:0.4rem 1.2rem;border-radius:5rem;font-size:var(--font-size-xs)}
.widget-content-area a:hover{background-color:var(--kolor-orange);color:var(--tlo-karty)}

.no-messages-info{color:var(--tekst-drugorzedny);font-weight:300;font-size:var(--font-size-sm);text-align:center;padding:2rem 0}
.cookie-consent-bar{position:fixed;bottom:0;left:0;width:100%;background-color:var(--tlo-powierzchni);color:var(--tekst-glowny);padding:1.5rem;z-index:10000;display:none;border-top:1px solid var(--ramka-domyslna);box-shadow:var(--cien-panelu)}
.cookie-content-flex{display:flex;justify-content:center;align-items:center;gap:1.5rem;font-weight:300;font-size:var(--font-size-sm)}

.badge-lista {position:absolute;top:-0.8rem;right:-0.1rem;min-width:1.5rem;height:1.5rem;background-color:var(--kolor-badge-post);color:var(--kolor-bialy);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;padding:0 0.4rem;box-shadow:0 0px 4px var(--tekst-naglowka)!important;}
body.page-index #wrapper .alarm {display:none!important;}
.slider-arrow{display:none}
body.page-index .alarm {display:none!important;}

.pulpit-badge {position:absolute;top:-0.8rem;right:-0.1rem;min-width:1.5rem;height:1.5rem;background-color:var(--kolor-badge-post);color:var(--kolor-bialy);font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;padding:0 0.4rem;box-shadow:0 0px 4px var(--tekst-naglowka)!important;}
.pulpit-badge-reply {right:auto;left:-0.1rem;background-color:var(--kolor-badge-reply);color:var(--kolor-bialy);}


/* ========================================================== */
/* 26.    ANIMACJE KART       */
/* ========================================================== */

::view-transition-group(*){animation-duration:0.5s;animation-timing-function:ease-in-out}
::view-transition-old(*),::view-transition-new(*){animation:none!important;mix-blend-mode:normal!important;opacity:1!important;height:100%}
.karta{contain:layout;background-color:var(--tlo-karty);will-change:transform, opacity, background-color}
.karta-nowa{border-left: 0.5rem solid var(--kolor-status-Z);border-right: 0.5rem solid var(--kolor-status-Z);}

@keyframes kartaDodaj{0%{transform:translateY(-3rem) scale(0.9);opacity:0;background-color:var(--kolor-status-P);border-color:var(--kolor-status-P)}40%{transform:translateY(0) scale(1);opacity:1;background-color:var(--tlo-karty);border-color:var(--ramka-domyslna)}55%{background-color:var(--tlo-panelu);border-color:var(--kolor-orange-ciemny)}70%{background-color:var(--tlo-karty);border-color:var(--ramka-domyslna)}85%{background-color:var(--tlo-panelu);border-color:var(--tekst-na-tle)}100%{transform:translateY(0) scale(1);opacity:1;background-color:var(--tlo-karty);border-color:var(--ramka-domyslna)}}

@keyframes kartaPuls{0%{transform:scale(1);background-color:var(--tlo-karty)}50%{transform:scale(1.01);background-color:rgba(192,57,43,0.15);border-color:var(--kolor-status-Z);box-shadow:0 0.5rem 1.5rem rgba(192,57,43,0.25)}100%{transform:scale(1);background-color:var(--tlo-karty)}}

@keyframes kartaUsun{0%{transform:translateX(0);opacity:1;max-height:50rem;margin-bottom:1rem;background-color:var(--tlo-karty)}30%{background-color:var(--kolor-blad-tlo);border-color:var(--kolor-status-Z);opacity:1}100%{transform:translateX(15rem);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border:none}}

@keyframes kartaArchiwizuj{0%{transform:scale(1);opacity:1;max-height:50rem;margin-bottom:1rem;background-color:var(--tlo-karty)}30%{background-color:var(--tlo-powierzchni);border-color:var(--kolor-akcentu);opacity:1;transform:scale(0.98)}100%{transform:scale(0.8) translateY(2rem);opacity:0;max-height:0;margin-bottom:0;padding:0;border:none}}

.animacja-dodawania{animation:kartaDodaj 1.5s ease-out forwards}
.animacja-pulsowania{animation:kartaPuls 1s ease-in-out 3;z-index:10;position:relative}
.animacja-usuwania{animation:kartaUsun 1.2s forwards cubic-bezier(0.4,0,0.2,1);pointer-events:none;view-transition-name:none!important}
.animacja-archiwizacji{animation:kartaArchiwizuj 1.2s forwards cubic-bezier(0.4,0,0.2,1);pointer-events:none;view-transition-name:none!important}

/* ========================================================== */
/* 26.    ALERTY SweetAlert2       */
/* ========================================================== */
.swal2-html-container {white-space: pre-wrap !important;}
.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,0.4);backdrop-filter:blur(0.2rem)}
.swal2-popup{font-family:inherit;font-size:var(--font-size-base);background-color:var(--tlo-karty);color:var(--tekst-naglowka);border-radius:var(--font-size-base);padding:var(--font-size-xl) var(--font-size-lg);box-shadow:0 var(--font-size-xs) var(--font-size-xxl) rgba(0,0,0,0.15)}
.swal2-title{font-size:2.4rem;font-weight:700;color:var(--tekst-naglowka);margin-bottom:var(--font-size-base);padding:0}
.swal2-html-container{color:var(--tekst-naglowka);font-size:var(--font-size-base);}
.swal2-actions{gap:var(--font-size-base);width:100%;justify-content:center;margin-top:var(--font-size-lg)}
.swal2-styled{margin:0;padding:1.2rem var(--font-size-xl);font-size:var(--font-size-menu);font-weight:600;border-radius:0.8rem;box-shadow:none!important;text-transform:uppercase;letter-spacing:0.05rem;transition:transform 0.2s ease}
.swal2-confirm{background-color:var(--tekst-glowny)!important;border:none!important}
.swal2-cancel{background-color:var(--kolor-status-Z)!important;border:none!important}
.swal2-icon{width:8rem!important;height:8rem!important;margin:var(--font-size-xs) auto var(--font-size-lg)!important;border:0.4rem solid transparent!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}
.swal2-icon.swal2-error{border-color:var(--kolor-status-Z)!important}
.swal2-icon.swal2-error::before, .swal2-icon.swal2-error::after{content:''!important;position:absolute!important;width:4.5rem!important;height:0.4rem!important;background-color:var(--kolor-status-Z)!important;border-radius:0.2rem!important;top:50%!important;left:50%!important}
.swal2-icon.swal2-error::before{transform:translate(-50%,-50%) rotate(45deg)!important}
.swal2-icon.swal2-error::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.swal2-icon.swal2-error [class^='swal2-x-mark'], .swal2-icon.swal2-error .swal2-icon-content{display:none!important}
.swal2-icon.swal2-success{border-color:var(--kolor-status-P)!important}
.swal2-icon.swal2-success::after{content:''!important;position:absolute!important;width:var(--font-size-base)!important;height:var(--font-size-xl)!important;border:solid var(--kolor-status-P)!important;border-width:0 0.4rem 0.4rem 0!important;transform:translate(-50%,-65%) rotate(45deg)!important;top:50%!important;left:50%!important}
.swal2-icon.swal2-success [class^='swal2-success'], .swal2-icon.swal2-success .swal2-success-ring, .swal2-icon.swal2-success .swal2-icon-content{display:none!important}
.swal2-icon.swal2-info{border-color:var(--kolor-info)!important}
.swal2-icon.swal2-info::before{content:'i'!important;font-family:var(--font-primary)!important;font-size:var(--font-size-xxl)!important;font-weight:700!important;color:var(--kolor-info)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.swal2-icon.swal2-info .swal2-info-ring, .swal2-icon.swal2-info .swal2-icon-content{display:none!important}
.swal2-icon.swal2-question{border-color:var(--kolor-info)!important}
.swal2-icon.swal2-question::before{content:'?'!important;font-family:var(--font-primary)!important;font-size:var(--font-size-xxl)!important;font-weight:700!important;color:var(--kolor-info)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.swal2-icon.swal2-question .swal2-icon-content{display:none!important}
.swal2-icon.swal2-warning{border-color:var(--kolor-status-Z)!important}
.swal2-icon.swal2-warning::before{content:'!'!important;font-family:var(--font-primary)!important;font-size:var(--font-size-xxl)!important;font-weight:700!important;color:var(--kolor-status-Z)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.swal2-icon.swal2-warning .swal2-icon-content{display:none!important}

/* ========================================================== */
/* 26.    SPECYFICZNE STYLE DLA OFERTY       */
/* ========================================================== */
.date-container{flex-direction:column;align-items:flex-start;gap:1rem;;padding-right: 2rem;color:var(--tekst-na-tle);border-radius:0.5rem;margin-bottom:1.5rem;}
.date-container strong{color: var(--tekst-na-tle);}
.date-container span{display:flex;align-items:center;gap:0.8rem;font-size:var(--font-size-sm); color: var(--tekst-na-tle);}
.date-container i{color:var(--kolor-niebieski);}
.date-group-header{cursor:pointer;user-select:none;position:relative}
.date-group-header::after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:1rem;transition:transform 0.3s}
.date-group-header.collapsed::after{transform:rotate(-90deg)}
.licznik-naglowek{font-weight: 600; font-size:0.8em;opacity:0.8;margin-left:0.5rem}


/* ========================================================== */
/* 27.    SPECYFICZNE STYLE DLA BILON       */
/* ========================================================== */
.swal2-container {z-index: 20000 !important;}
.ladowanie-postep {z-index: 20001 !important;}
.okno-siatka-2kol {display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-bottom: 2rem;}
.okno-sekcja-tytul {border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600; color: var(--kolor-akcentu); font-size: 1.5rem;}
.okno-grupa-odstep {margin-bottom: 1.5rem;}
.okno-label-lekki {font-weight: 600; font-size: var(--font-size-sm); margin-bottom: 0.5rem; display: block; color: #222;}
.okno-input-padding {padding: 10px;}
.okno-haslo-kontener {position: relative;}
.okno-input-haslo {padding: 10px; padding-right: 40px;}
.okno-haslo-pokaz {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; color: #888; padding: 5px;}
.okno-siatka-wewnetrzna {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.okno-textarea-pelna {width: 100%; resize: vertical; padding: 15px; line-height: 1.5;}
.okno-cialo-padding {padding: 30px;}
.okno-tytul-suma {display: block; font-family: var(--font-heading); font-size: var(--font-size-md); font-weight: 500; color: var(--tekst-drugorzedny); margin-top: 1rem; padding: 0.8rem 1.2rem; border-radius: 4px; letter-spacing: 0.05rem;}
.okno-tytul-suma strong {color: var(--tekst-sredni); font-weight: 700; margin-left: 0.5rem;}
body.modern-dark .okno-tytul-suma strong {color: var(--tekst-bialy);}
#suma_zamowienia_naglowek {transition: all 0.3s ease; width: 80%; max-width: 120rem; margin: 1rem auto 0 auto !important; text-align: right; border-left: none !important; }
.panel-naglowek-glowny.scrolled #suma_zamowienia_naglowek {margin-top: 0.4rem !important; padding: 0.4rem 1.2rem !important; font-size: var(--font-size-xs) !important; border-right-width: 3px !important;}
.panel-naglowek-glowny.scrolled #suma_zamowienia_naglowek strong {font-size: var(--font-size-sm) !important;}

/* ========================================================== */
/* 28.    SPECYFICZNE STYLE DLA PLIKI       */
/* ========================================================== */
.pliki-wiersz-pierwszy {display: flex; justify-content: space-between; align-items: center;}
.pliki-wiersz-drugi {display: flex; justify-content: space-between; align-items: center; padding-top: 0rem; margin-top: 0.3rem; border-top: none;}
.pliki-zakladki {display: flex; gap: 0;}
.pliki-zakladka {padding: 0.8rem 2rem; background: transparent; border: none; border-bottom: 0.3rem solid transparent; cursor: pointer; font-size: var(--font-size-sm); font-weight: 500; color: var(--tekst-drugorzedny); transition: all 0.3s ease;}
.pliki-zakladka:hover {color: var(--tekst-na-tle);}
.pliki-zakladka.aktywna {color: var(--tekst-na-tle); border-bottom-color: var(--tekst-na-tle); font-weight: 700;}
.pliki-format-a4 { font-size: 0.9rem; font-weight: 400; color: #fff; background: var(--kolor-niebieski); padding: 0.2rem 0.6rem; border-radius: 0.3rem; margin-left: 0.8rem; text-transform: uppercase; }
.pliki-format-a6 { font-size: 0.9rem; font-weight: 400; color: #fff; background: var(--kolor-orange); padding: 0.2rem 0.6rem; border-radius: 0.3rem; margin-left: 0.8rem; text-transform: uppercase; }
.pliki-rozszerzenie {font-weight: 800; font-size: var(--font-size-sm); margin-left: 1rem;}
.pliki-typ-pdf {color: var(--kolor-status-Z);}
.pliki-typ-excel {color: var(--kolor-status-P);}
.pliki-typ-word {color: var(--kolor-niebieski);}
.pliki-typ-obraz {color: var(--kolor-orange);}
.pliki-typ-archiwum {color: var(--tekst-naglowka);}
.pliki-info-wiersz {display: flex; align-items: center; gap: 0.8rem; font-size: var(--font-size-xs-2); color: var(--kolor-daty-tekst); margin-bottom: 0.5rem;}
.pliki-karta .tytul-wiersz {align-items: center;}
.pliki-karta .tytul-wiersz i.fas, .pliki-karta .tytul-wiersz i.far {font-size: 2.4rem;}
.pliki-karta .karta-dol {display: none;}
.pliki-karta .tytul-wiersz h4 {margin: 0; line-height: 1; font-size: var(--font-size-sm);}

/* ========================================================== */
/* 29.    SPECYFICZNE STYLE DLA OBROTOW i  stany miesa       */
/* ========================================================== */
.obroty-info-wiersz{font-size: var(--font-size-xs-2);}
.obroty-sklep-id {color: var(--kolor-orange); font-weight: 700; font-size: var(--font-size-xs-2); opacity: 0.7; margin-left: auto;}
.obroty-tytul-sklepu {margin: 0; font-family: var(--font-heading); font-size: var(--font-size-md); font-weight: 600; color: var(--tekst-naglowka); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.obroty-karta .tytul-wiersz h4 {margin: 0; line-height: 1; font-weight: 600; margin-top: 0.8rem; color: var(--kolor-niebieski-ciemny);}
.obroty-karta .nazwa-podtytul { font-size: 1.5rem; font-weight: 400; color: var(--tekst-naglowka); margin-left: 0.5rem; }
.obroty-status-wiersz {display: flex; align-items: flex-start; gap: 1rem; font-family: var(--font-primary); font-size: var(--font-size-xs-2); font-weight: 600; margin-top: auto;}
.obroty-status-wiersz span {display: flex; align-items: center; gap: 0.5rem; line-height: 1.2;}
.obroty-status-wiersz span i {flex-shrink: 0;}
.obroty-border-red {border-left: 0.5rem solid var(--kolor-status-Z) !important;}
.obroty-border-orange {border-left: 0.5rem solid var(--kolor-orange) !important;}
.obroty-border-default {border-left: 0.5rem solid var(--ramka-domyslna) !important;}
.obroty-karta:hover {box-shadow: none !important; border-left-color: inherit !important; transform: none !important; transition: none !important;}
.obroty-karta.obroty-border-red, .obroty-karta.obroty-border-orange, .obroty-karta.obroty-border-default, .obroty-karta.obroty-stare-dane {display: flex; flex-direction: column; padding: 0.8rem 1rem !important;}
.widok-kafelki .obroty-karta {min-height: 18rem !important; justify-content: flex-start !important;}
.obroty-karta .tytul-wiersz i.fas, .obroty-karta .tytul-wiersz i.far {font-size: 1.6rem;}
.buttons-row-flex {display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 1rem;}
.brak-pliku-label {color: var(--kolor-status-Z); font-weight: 700; font-size: var(--font-size-sm); margin-right: 1rem;}
.zaznacz-wszystkie-kontener {display: inline-flex; align-items: center; cursor: pointer; user-select: none; background: var(--tlo-karty); border: 0.1rem solid var(--ramka-domyslna); border-radius: 2rem; padding: 0.2rem 1.5rem; transition: all 0.3s ease; height: 3.2rem; margin-left: 1rem;}
.zaznacz-wszystkie-kontener i {font-size: 1.8rem; color: var(--kolor-orange); transition: transform 0.2s ease;}
.zaznacz-wszystkie-kontener span {margin-left: 1rem; font-family: var(--font-primary); font-size: 1.3rem; font-weight: 700; color: var(--tekst-naglowka);}
.zaznacz-wszystkie-kontener.active {background: var(--tlo-powierzchni); border-color: var(--kolor-orange);}
.zaznacz-wszystkie-kontener.active i {color: var(--tekst-naglowka); transform: scale(1.1);}
.obroty-zegar-kontener {display: flex; align-items: center; justify-content: flex-end; height: 3.2rem;}
.obroty-zegar-kontener .header-clock-date {display: flex; align-items: center; font-family: var(--font-primary); font-size: 1.4rem; font-weight: 700; color: var(--tekst-naglowka); user-select: none;}
.obroty-stare-dane {opacity: 0.5 !important; border-left: 0.5rem solid var(--ramka-domyslna) !important; pointer-events: none;}



/* ========================================================== */
/* 30.   SPECYFICZNE STYLE OBROTY RAPORT                      */
/* ========================================================== */
.obroty-spec-naglowek{width:100%!important;max-width:none!important;margin:0!important;left:0!important;right:0!important;height:auto!important;display:flex!important;flex-direction:column!important}
.obroty-spec-naglowek .naglowek-gora{flex-wrap:wrap!important;gap:1rem!important;height:auto!important}
.obroty-spec-naglowek .naglowek-opcje{flex-wrap:wrap!important;gap:1rem!important;justify-content:flex-start!important;height:auto!important}
.obroty-spec-naglowek .wybor-sortowania{flex:1 1 auto!important;min-width:14rem!important}
.raport-table-container{width:100%;background-color:var(--tlo-karty);border-radius:0.8rem;box-shadow:var(--cien-panelu);padding:0;margin-bottom:2rem}
.raport-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:var(--font-size-sm)}
.raport-table thead th{position:sticky;top:0;background-color:var(--tekst-naglowka);color:var(--tlo-karty);padding:1.2rem;font-weight:600;text-align:center;border-bottom:2px solid var(--kolor-orange);z-index:900;white-space:nowrap;box-shadow:0 2px 2px -1px rgba(0,0,0,0.2)}

.raport-table tbody td{padding:1rem 1.2rem;border-bottom:1px solid var(--ramka-subtelna);vertical-align:middle;color:var(--tekst-glowny);background-color:var(--tlo-karty)}
.raport-table tbody tr:hover{box-shadow:var(--cien-glowny);position:relative;z-index:10}
.raport-table tbody tr:hover td{background-color:var(--tlo-karty);border-top:1px solid var(--ramka-domyslna);border-bottom:1px solid var(--ramka-domyslna)}
.raport-table tbody tr:hover td:first-child{box-shadow:inset 0.5rem 0 0 var(--kolor-orange)}
.raport-group-row td{font-weight:700;padding:0.8rem 1.5rem;text-align:left;position:relative;z-index:5; font-size: var(--font-size-md);}
.raport-summary-row td{background-color:var(--ramka-subtelna)!important;color:var(--tekst-naglowka)!important;font-weight:800;border-bottom:2px solid var(--kolor-orange)}
.td-center{text-align:center}
.td-right{text-align:right}
.td-bold{font-weight:700}
.raport-table small{color:var(--tekst-drugorzedny);margin-left:0.5rem}
.text-red{color:var(--kolor-status-Z)!important;font-weight:700}
@media print{.obroty-spec-naglowek ~ .panel-cialo-glowne, .obroty-spec-naglowek{display:block!important}@page{size:A4 portrait;margin:1cm}body:has(.obroty-spec-naglowek){background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}body:has(.obroty-spec-naglowek) .sidebar-wrapper,body:has(.obroty-spec-naglowek) .mobile-nav-trigger,body:has(.obroty-spec-naglowek) .mobile-bottom-nav,body:has(.obroty-spec-naglowek) .panel-naglowek-glowny,body:has(.obroty-spec-naglowek) .okno-modalne,body:has(.obroty-spec-naglowek) .btn-plywajacy-ok,body:has(.obroty-spec-naglowek) #scrollToTop{display:none!important}body:has(.obroty-spec-naglowek) .glowny-kontener-strony,body:has(.obroty-spec-naglowek) .panel-glowny-kontener,body:has(.obroty-spec-naglowek) .panel-cialo-glowne{margin:0!important;padding:0!important;width:100%!important;border:none!important;box-shadow:none!important}body:has(.obroty-spec-naglowek) #recordsContainer{width:100%!important;display:block!important}.raport-table th{background-color:#f0f0f0!important;color:#000!important;border:1px solid #000!important}.raport-table td{border:1px solid #000!important;color:#000!important}.raport-table tr.weekend{background-color:#fcf8e3!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}

/* ========================================================== */
/* 31.   SPECYFICZNE STYLE OBROTY ZARZĄDZANIE                 */
/* ========================================================== */
.obroty-zarzadzanie-naglowek .wybor-sortowania{flex:0 1 auto;min-width:15rem}
@keyframes lamp-pulse{0%{transform:scale(1);color:var(--kolor-status-Z);text-shadow:none}50%{transform:scale(1.2);color:var(--kolor-status-Z);text-shadow:0 0 1.5rem var(--cien-orange)}100%{transform:scale(1);color:var(--kolor-status-Z);text-shadow:none}}
.alert-lamp-container{display:none;margin-left:1rem;align-items:center;vertical-align:middle}
.btn-alert-lamp{background:transparent;border:none;font-size:2.2rem;cursor:pointer;padding:0.2rem;line-height:1;animation:lamp-pulse 1s infinite ease-in-out;outline:none!important;color:var(--kolor-status-Z)}
.btn-alert-lamp:hover{animation:none;color:var(--kolor-status-Z);transform:scale(1.2)}
.zarzadzanie-karta{width:100%;margin-bottom:0.5rem;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0.6rem 1.2rem!important;border-left-width:0.5rem;min-height:auto}
.zarzadzanie-karta .karta-gora{display:flex!important;flex:1!important;justify-content:space-between!important;align-items:center!important;padding:0!important;margin:0!important;border:none!important}
.zarzadzanie-karta .tytul-lewy{display:flex!important;flex-direction:column!important;gap:0.1rem!important}
.zarzadzanie-karta .tytul-wiersz h4{font-size:var(--font-size-md);font-weight:600;margin:0;color:var(--kolor-niebieski-ciemny);line-height:1.1}
body.modern-dark .zarzadzanie-karta .tytul-wiersz h4{color:var(--kolor-bialy) !important;font-weight:400!important;}
.zarzadzanie-karta .info-db{font-size:1.1rem;color:var(--tekst-drugorzedny);margin-top:0.1rem;display:flex;align-items:center;gap:0.5rem}
.zarzadzanie-karta .info-pdf{font-size:1.1rem;font-weight:400;display:block;margin-top:0.1rem}
.zarzadzanie-karta .akcje{display:flex!important;gap:0.4rem!important;margin-left:auto!important;position:static!important;width:auto!important;background:none!important;border:none!important;padding:0!important}
.zarzadzanie-karta .akcje .btn{padding:0.3rem 0.6rem!important;font-size:1.1rem!important;min-height:auto!important;height:auto!important;flex:none!important}
.zarzadzanie-karta .akcje .btn span{display:none!important}
.zarzadzanie-karta .status-dot{display:inline-block;width:0.8rem;height:0.8rem;border-radius:50%;margin-right:0.4rem}
.zarzadzanie-karta .dot-green{background-color:var(--kolor-status-P)}
.zarzadzanie-karta .dot-red{background-color:var(--kolor-status-Z)}
.zarzadzanie-karta .dot-orange{background-color:var(--kolor-orange)}
.zarzadzanie-karta .dot-gray{background-color:var(--tekst-drugorzedny)}

/* ========================================================== */
/* 32. SPECYFICZNE STYLE WIADOMOSCI (POST)                    */
/* ========================================================== */
.wiadomosci-layout{display:flex;height:calc(100vh - 11.5rem);width:calc(100% + 1rem);margin:-1.5rem -0.5rem;overflow:hidden;background-color:var(--tlo-karty)}
.wiadomosci-sidebar{flex-shrink:0;display:flex;flex-direction:column;background-color:var(--tlo-karty);border-left:1px solid var(--ramka-domyslna);height:100%;overflow:hidden;}
.wiadomosci-kolumna-glowna{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;background-color:var(--tlo-strony);position:relative}
.post-scroll-area{flex:1;overflow-y:auto;padding:2rem 0;scroll-behavior:smooth}
.karta.unread-message{border-left-color:var(--kolor-orange);cursor:pointer}
.karta.unread-message .grupa-tresc,.karta.unread-message .karta-gora,.karta.unread-message .wiadomosc-tresc-final{filter:blur(8px);opacity:0.4;pointer-events:none;user-select:none;transition:filter 0.3s ease}
.karta.unread-message::after{content:"\f658";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:var(--kolor-akcentu);opacity:0.8;z-index:10;transition:none}
.karta.unread-message:hover{background-color:rgba(0,0,0,0.02)}
.karta.read-message{border-left-color:var(--ramka-domyslna)}
.karta-gora{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:0.5rem;margin-bottom:0.5rem;}
.gora-lewa{display:flex;flex-direction:column;gap:0.5rem}
.wiersz-tekstu{display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:600;color:var(--kolor-akcentu)}
.akcje{display:flex;flex-direction:column;align-items:flex-end}
#post_list .karta .buttons-row-flex{display:flex;gap:0.8rem;align-items:center;opacity:1!important}
#post_list .karta .buttons-row-flex > *{opacity:0.3;transition:opacity 0.2s ease}
#post_list .karta .buttons-row-flex > *:nth-child(1), #post_list .karta .buttons-row-flex > *:nth-child(2), #post_list .karta .buttons-row-flex > *:nth-child(3){opacity:1!important}
#post_list .karta .buttons-row-flex > *:hover{opacity:1!important}
#post_list .karta .buttons-row-flex .btn-base-xs{padding:1rem!important;border-radius:5rem!important;background:transparent!important;border:1px solid var(--ramka-domyslna)!important;color:var(--tekst-glowny)!important;font-weight:300!important;font-size:0!important}
#post_list .karta .buttons-row-flex .btn-base-xs i{margin:0!important;font-size:var(--font-size-sm)!important;color:var(--tekst-glowny)!important}
#post_list .karta .buttons-row-flex .btn-red{border-color:var(--ramka-domyslna)!important;background:transparent!important}
#post_list .karta .buttons-row-flex .btn-red i{color:var(--kolor-czerwony-btn)!important}
#post_list .karta .buttons-row-flex .post_comment, #post_list .karta .buttons-row-flex .read_receipt_btn{width:auto!important;padding:0.6rem 1.2rem!important;font-size:1.1rem!important;border-radius:5rem!important}
.grupa-tresc{padding:1rem 0;font-size:1.5rem;line-height:1.6;color:var(--tekst-glowny)}
.tresc-lista{white-space:pre-wrap;word-wrap:break-word}
.naglowek-srodek{flex:1;display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:1rem}
.wyszukiwarka-srodek{position:relative;width:100%;max-width:40rem}
.wyszukiwarka-srodek input{width:100%;height:3.2rem;border-radius:2rem;border:1px solid var(--ramka-domyslna);padding:0 1.5rem 0 3.5rem;font-size:1.4rem}
.wyszukiwarka-srodek i{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--tekst-drugorzedny)}
.sortowanie-srodek select{height:3.2rem;border-radius:2rem;border:1px solid var(--ramka-domyslna);padding:0 1.5rem;font-size:1.3rem;background-color:var(--tlo-karty);outline:none;cursor:pointer}
.sidebar-naglowek{padding:0.8rem;background-color:var(--tlo-panelu);border-bottom:1px solid var(--ramka-domyslna);font-weight:700;color:var(--tekst-naglowka);font-size:1.2rem;text-align:center}
.sidebar-lista-kontener{flex:1;overflow-y:auto}
#receiver_id_target_filter{width:100%;height:100%;border:none;outline:none;padding:0;font-size:1.2rem;color:var(--tekst-na-tle)}
body.modern-dark #receiver_id_target_filter{background-color:var(--tlo-sidebara)!important;color:var(--tekst-drugorzedny)}
#receiver_id_target_filter option{padding:0.3rem 0.8rem;border-bottom:none;cursor:pointer;transition:background 0.2s;display:flex;align-items:center}
#receiver_id_target_filter option:checked,#receiver_id_target_filter option:hover{background-color:var(--kolor-akcentu);color:var(--kolor-bialy)}
.mobile-receiver-select-wrapper{display:none;width:100%;margin-bottom:1rem;padding:0 1rem}
.badge-nowa{background-color:var(--kolor-orange);color:var(--tekst-na-tle);font-weight:800;padding:2px 5px;font-size:10px;margin-left:10px;border-radius:3px}
.edytor-textarea{min-height:100px;max-height:600px;overflow-y:auto;border:1px solid var(--ramka-domyslna);padding:1rem;background-color:var(--tlo-karty);width:100%;display:block}
.post-card-compact{margin-bottom:5px!important}
.img-post-limit{max-width:400px;max-height:400px;width:auto;height:auto;border-radius:5px;object-fit:contain}
.wiadomosc-tresc-final{font-family:"Hind Siliguri","Titillium Web",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;padding:0.5rem!important;margin:0!important;text-align:left;display:block;width:100%;font-size:var(--font-size-md);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}
.wiadomosc-tresc-final p,.wiadomosc-tresc-final span,.wiadomosc-tresc-final div{display:inline;margin:1rem 0 0 0!important;padding:0!important;border:none!important}
.post-zalacznik-blok{display:block!important;width:100%!important;margin-top:1.5rem!important;clear:both!important}
.current-attachment-wrapper{display:flex;align-items:center;justify-content:space-between;background:var(--tlo-panelu);border:1px solid var(--ramka-domyslna);padding:5px 10px;border-radius:4px;margin-bottom:10px;font-size:var(--font-size-xs)}
.btn-remove-attachment{background:none;border:none;color:var(--kolor-status-Z);cursor:pointer;font-weight:bold;padding:0 5px;font-size:16px}
.btn-remove-attachment:hover{color:var(--kolor-status-Z)}
.btn-follow-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all 0.2s;font-size:1.4rem}
#post_list .btn-follow-active{background:transparent;color:var(--kolor-niebieski);font-weight:300;border:1px solid var(--kolor-niebieski)}
#post_list .btn-follow-active:hover{background:var(--kolor-niebieski);color:var(--tlo-karty)}
#post_list .btn-follow-inactive{background:transparent;color:var(--kolor-status-P);font-weight:300;border:1px solid var(--kolor-status-P)}
#post_list .btn-follow-inactive:hover{background:var(--kolor-status-P);color:var(--tlo-karty)}
.switch-small{position:relative;display:inline-block;width:34px;height:20px}
.switch-small input{opacity:0;width:0;height:0}
.slider-round{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}
.slider-round:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}
input:checked+.slider-round{background-color:var(--kolor-akcentu)}
input:checked+.slider-round:before{transform:translateX(14px)}
.read-receipts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.8rem;width:100%}
.read-item{padding:0.6rem 1rem;border-radius:0.4rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ramka-domyslna);font-weight:300}
.read-item.is-read{background-color:var(--kolor-akcentu);border-color:var(--kolor-akcentu);color:var(--tekst-bialy)}
.read-item.is-read i,.read-item.is-read .read-date{color:var(--tekst-bialy)}
.read-item.not-read{background-color:transparent;opacity:0.5;color:var(--tekst-glowny)}
.read-user-id{font-size:var(--font-size-xxs);opacity:0.6;margin-right:0.5rem;font-weight:300}
.read-user-name{font-size:var(--font-size-sm);font-weight:300}
.read-date{font-size:var(--font-size-xxs);font-weight:300;margin-left:auto}
#share_post{width:5rem;height:5rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}

/* ========================================================== */
/* 33. STYLE OKNA CZATU (GLOBALNE) */
/* ========================================================== */
#replyModal .okno-zawartosc{display:flex;flex-direction:column;max-height:85vh;overflow:hidden;background-color:var(--tlo-modala)}
#replyModal .okno-cialo{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}
#modal_old_comments{flex-grow:1;padding:2rem;padding-bottom:1rem}
#replyModal .okno-stopka{flex:0 0 auto;display:flex;align-items:flex-end;gap:1rem;background-color:var(--tlo-karty);border-top:1px solid var(--ramka-domyslna);padding:1.5rem}
#modal_comment_content{flex:1;resize:none;border-radius:2.5rem;padding:1.2rem 1.5rem;border:1px solid var(--ramka-domyslna);background-color:var(--kolor-bialy);height:5rem;min-height:5rem;max-height:15rem;line-height:1.4;font-size:1.4rem;overflow:hidden;color:var(--tekst-na-tle);font-weight:300}
#modal_comment_content:focus{outline:none!important;border-color:var(--kolor-orange)!important;background-color:var(--kolor-bialy)!important}
#modal_submit_comment{width:5rem;height:5rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--kolor-akcentu);color:var(--tlo-karty);border:none!important;flex-shrink:0;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1);transition:transform 0.2s}
#modal_submit_comment i{font-size:2rem;margin-left:-0.3rem;margin-right:0}
#modal_submit_comment:hover{transform:scale(1.05);background-color:var(--kolor-orange-ciemny)}
#modal_submit_comment:active{transform:scale(0.95)}

.komentarz-wiersz{display:flex;width:100%;margin-bottom:1.5rem;font-weight:300;position:relative}
.moj-komentarz{justify-content:flex-end}
.obcy-komentarz{justify-content:flex-start}
.komentarz-dymek{max-width:80%;padding:1rem 1.4rem;border-radius:1.5rem;border:1px solid var(--ramka-domyslna);box-shadow:var(--cien-panelu);position:relative}
.moj-komentarz .komentarz-dymek{background-color:var(--kolor-bialy);text-align:right;border-bottom-right-radius:0.2rem}
.obcy-komentarz .komentarz-dymek{background-color:var(--tlo-dymka);text-align:left;border-bottom-left-radius:0.2rem;border:1px solid rgba(220, 50, 50, 0.2)}
.komentarz-naglowek{font-size:1.1rem;margin-bottom:0.4rem;display:flex;align-items:baseline;gap:0.8rem;line-height:1}
.moj-komentarz .komentarz-naglowek{justify-content:flex-end;color:var(--kolor-akcentu)}
.obcy-komentarz .komentarz-naglowek{justify-content:flex-start;color:var(--kolor-niebieski-ciemny)}
.komentarz-naglowek strong{font-weight:400;font-size:var(--font-size-sm);}
.komentarz-naglowek small{color:var(--tekst-drugorzedny);font-weight:400}
.komentarz-tekst{font-family:"Hind Siliguri","Titillium Web",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;word-wrap:break-word;color:var(--tekst-na-tle);line-height:1.5;font-weight:300;font-size:1.4rem}

/* ========================================================== */
/* 34.  */
/* ========================================================== */


/* ========================================================== */
/* 35. SPECYFICZNE STYLE DLA ZAPAS */
/* ========================================================== */
.zapas-kontener-glowny{width:80%!important;display:flex;flex-direction:column;gap:1.5rem}
.zapas-grupa-karta{background-color:var(--tlo-karty);border:1px solid var(--ramka-domyslna);border-radius:0.8rem;box-shadow:var(--cien-panelu);overflow:hidden;margin-bottom:0.5rem}
.zapas-grupa-naglowek{background-color:var(--tlo-powierzchni);color:var(--kolor-akcentu);padding:0.8rem 1.5rem;font-size:var(--font-size-md);font-weight:700;display:flex;justify-content:space-between;align-items:center}
.zapas-grupa-licznik{font-weight:400;font-size:1.2rem;opacity:0.9}
.zapas-grupa-tresc{padding:1rem}
.zapas-podgrupa-karta{border:1px solid var(--ramka-subtelna);border-radius:0.5rem;margin-bottom:1rem;overflow:hidden}
.zapas-podgrupa-naglowek{background-color:var(--tlo-karty);padding:0.6rem 1rem;font-size:var(--font-size-base);font-weight:700;color:var(--tekst-naglowka);border-bottom:1px solid var(--kolor-akcentu)}
.zapas-tabela-naglowek{display:flex;justify-content:space-between;padding:0.5rem 1rem;;border-bottom:1px solid var(--kolor-akcentu);color:var(--tekst-drugorzedny);font-size:1.1rem;font-weight:600}
.zapas-wiersz{display:flex;justify-content:space-between;padding:0.6rem 1rem;border-bottom:1px solid var(--ramka-opacity);font-size:1.3rem;color:var(--tekst-glowny);transition:background-color 0.2s}
.zapas-wiersz:last-child{border-bottom:none}
.zapas-wiersz:hover{background-color:var(--tlo-powierzchni)}
.zapas-etykieta{width:40%;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: var(--text-sredni); font-size: var(--font-size-sm);}
.zapas-kolumny{width:60%;display:flex;justify-content:flex-end;gap:0.5rem}
.zapas-kolumna-wartosc{flex:1;text-align:right;white-space:nowrap}
.zapas-wartosc-dodatnia{color:var(--kolor-status-P);font-weight:700}
.zapas-wartosc-ujemna{color:var(--kolor-status-Z);font-weight:700}
.zapas-przycisk-drukuj{margin-right:0.5rem}

#auto_btn_grupy{display:none!important}

/* ========================================================== */
/* 36. ZARZADZANIE UPRAWNIENIAMI */
/* ========================================================== */
.label-active {background-color: #28a745; color: #fff; padding: 4px 10px; border-radius: 4px; font-size: 12px; display: inline-flex; align-items: center; gap: 5px;}
.label-inactive {background-color: #6c757d; color: #fff; padding: 4px 10px; border-radius: 4px; font-size: 12px; display: inline-flex; align-items: center; gap: 5px;}
.status-toggle:hover {opacity: 0.8; transform: scale(1.05); transition: all 0.2s;}

/* ========================================================== */
/* 37. SPECYFICZNE STYLE DLA SERWIS ZGŁOSZENIA                */
/* ========================================================== */
.grupa-naglowek-separator {display:block;width:100%;max-width:130rem;margin:1.5rem auto 1rem auto;padding:10px 15px;color:var(--tekst-glowny);font-weight:bold;font-size:1.1em;border-radius:4px;box-sizing:border-box;}
.status-pill {display:inline-flex;align-items:center;padding:0.4rem 1.2rem;border-radius:5rem;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:0.05rem;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.05);border:1px solid transparent;}
.status-pill i {margin-right:0.6rem;}
.status-pill.clickable {cursor:pointer;transition:all 0.2s ease;position:relative;padding-right:2.5rem;}
.status-pill.clickable::after {content:'\f303';font-family:"Font Awesome 5 Free";font-weight:400;position:absolute;right:0.8rem;font-size:0.9rem;opacity:0.6;}
.pill-N {background-color:var(--kolor-status-N);color:var(--kolor-bialy);border-color:var(--kolor-status-N);}
.pill-P {background-color:var(--kolor-status-P);color:var(--kolor-bialy);border-color:var(--kolor-status-P);}
.pill-W {background-color:var(--kolor-status-W);color:var(--kolor-bialy);border-color:var(--kolor-status-W);}
.pill-Z {background-color:var(--kolor-status-Z);color:var(--kolor-bialy);border-color:var(--kolor-status-Z);}
.karta-serwis-kompakt {display:flex;align-items:center;width:100%;max-width:130rem;margin:0 auto 0.5rem auto;background:var(--tlo-karty);border:1px solid var(--ramka-domyslna);border-left:0.5rem solid var(--tekst-drugorzedny);border-radius:0.6rem;padding:0.8rem 1.5rem;gap:1.5rem;position:relative;overflow:visible;}
.pill-I {background-color:#4b2c20;color:var(--kolor-bialy);border-color:#4b2c20;}
.karta-serwis-kompakt:hover {box-shadow:0px 0px 7px rgba(200,200,200,0.1);}
.karta-serwis-kompakt.border-N {border-left-color:var(--kolor-status-N);}
.karta-serwis-kompakt.border-P {border-left-color:var(--kolor-status-P);}
.karta-serwis-kompakt.border-W {border-left-color:var(--kolor-status-W);}
.karta-serwis-kompakt.border-Z {border-left-color:var(--kolor-status-Z);}
.ks-item {font-size:var(--font-size-xs-2);color:var(--tekst-glowny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks-id {flex:0 0 5rem;font-weight:400;color:var(--tekst-drugorzedny);}
.ks-sklep {flex:0 0 9rem;font-weight:400;color:var(--tekst-naglowka);}
.ks-temat {flex:1;font-weight:400;}
.ks-serwis {flex:1;font-weight:400;}
.ks-status {flex:0 0 13rem;display:flex;justify-content:center;}
.ks-data {flex:0 0 12rem;font-size:1.2rem;color:var(--tekst-drugorzedny);text-align:center;}
.ks-sla {flex:0 0 12rem;font-weight:400;text-align:center;}
.ks-akcja {flex:0 0 10rem;text-align:right;position:relative;z-index:10;overflow:visible;}
.ks-akcja .buttons-row-flex {position:relative;overflow:visible;}
.karta-serwis-kompakt .buttons-row-flex {opacity:1;transition:opacity 0.3s ease;}
.ks-akcja .buttons-row-flex .btn, .ks-akcja .buttons-row-flex .btn-base-xs {width:3.6rem!important;height:3.6rem!important;padding:0!important;border-radius:50%!important;background:transparent!important;border:1px solid var(--ramka-domyslna)!important;color:var(--tekst-glowny)!important;font-weight:300!important;font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transition:all 0.2s ease!important;position:relative!important;overflow:visible!important;}
.ks-akcja .buttons-row-flex .btn-base-xs:hover::after {font-size:11px!important;}
.ks-akcja .buttons-row-flex .btn i, .ks-akcja .buttons-row-flex .btn-base-xs i {margin:0!important;font-size:var(--font-size-xs-1)!important;color:var(--tekst-glowny)!important;}
.ks-akcja .buttons-row-flex .btn i:hover, .ks-akcja .buttons-row-flex .btn-base-xs i:hover {transform:scale(1.05)!important;}
.modal-serwis-info-grid {display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:0;padding:2rem;}
.modal-serwis-sekcja {background:var(--tlo-panelu-domyslne);padding:1.5rem;border-radius:0.8rem;border:1px solid var(--ramka-subtelna);}
.modal-serwis-etykieta {font-size:1.1rem;color:var(--tekst-drugorzedny);font-weight:400;margin:0.5rem 0;}
.modal-serwis-wartosc {font-size:1.4rem;font-weight:400;color:margin-bottom:1rem;}
.modal-serwis-opis {grid-column:1 / -1;background:var(--tlo-karty);padding:1.5rem;border:1px solid var(--ramka-domyslna);border-radius:0.8rem;font-style:italic;line-height:1.6;margin-bottom:0.3rem;}
#recordsContainer.widok-kafelki .karta-serwis-kompakt {display:flex;flex-direction:column;gap:0.5rem;}
.widok-kafelki .karta-serwis-kompakt .ks-item {white-space:normal;flex:none;width:100%;text-align:left;}
.widok-kafelki .karta-serwis-kompakt .ks-status {justify-content:flex-start;margin:0.5rem 0;}
.widok-kafelki .karta-serwis-kompakt .ks-akcja {margin-top:auto;padding-top:1rem;border-top:1px dashed var(--ramka-subtelna);width:100%;display:flex;}
.widok-kafelki .karta-serwis-kompakt .ks-akcja .btn {justify-content:center;}
#modal_podglad .okno-kontener {width:95vw!important;max-width:1000px;height:95vh;display:flex;flex-direction:column;overflow:hidden;}
#modal_podglad .okno-zawartosc {display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;}
#modal_podglad .okno-cialo {padding:0!important;display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;width:100%;}
#modal_podglad .serwis-akcje-top {display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:1.5rem;background:var(--tlo-karty);border-bottom:1px solid var(--ramka-domyslna);position:sticky;top:0;z-index:100;margin:0;width:100%;box-sizing:border-box;overflow:visible;}
#modal_podglad .btn-serwis-okragly {width:5.5rem;height:5.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;padding:0;box-shadow:0 0.4rem 1rem rgba(0,0,0,0.15);transition:all 0.2s ease;border:1px solid rgba(0,0,0,0.05);position:relative;overflow:visible;}
#modal_podglad .btn-serwis-okragly:hover::after {content:attr(data-title);position:absolute;top:125%;left:50%;transform:translateX(-50%);background:var(--tekst-glowny);color:var(--tlo-karty);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:300;white-space:nowrap;z-index:999999;pointer-events:none;box-shadow:var(--cien-panelu);}
#modal_podglad .btn-serwis-okragly:hover::before {content:"";position:absolute;top:105%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:transparent transparent var(--tekst-na-tle) transparent;z-index:999999;pointer-events:none;}
#modal_podglad .btn-serwis-okragly .btn-red {background-color:var(--kolor-czerwony-btn)!important;}
#modal_podglad .btn-serwis-okragly:hover {transform:translateY(-1px);box-shadow:0 0.6rem 1.5rem rgba(0,0,0,0.2);}
#modal_podglad .btn-serwis-okragly i {margin:0;}
.komunikator-lista {display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem;background:var(--tlo-panelu);border-radius:0.8rem 0.8rem 0 0;border:1px solid var(--ramka-domyslna);border-bottom:none;min-height:250px;margin-bottom:0;}
.komunikator-input-footer {display:flex;gap:1rem;padding:1.5rem;background:var(--tlo-karty);border-top:1px solid var(--ramka-domyslna);position:sticky;bottom:0;z-index:100;margin:0;width:100%;box-sizing:border-box;box-shadow:0 -5px 15px rgba(0,0,0,0.05);}
.btn-serwis-wyslij {width:3.6rem;height:3.6rem;padding:0;border-radius:50%;font-size:0;flex-shrink:0;background:transparent;border:none!important;color:var(--tekst-glowny);display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;position:relative;overflow:visible;}
.btn-serwis-wyslij i {font-size:var(--font-size-xs-1);margin:0;color:var(--tekst-glowny);}
.btn-serwis-wyslij:hover {transform:translateY(-0.5px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.btn-serwis-wyslij:hover::after {content:attr(data-title);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:var(--tekst-glowny);color:var(--tlo-karty);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:300;white-space:nowrap;z-index:999999;pointer-events:none;box-shadow:var(--cien-panelu);}
.btn-serwis-wyslij:hover::before {content:"";position:absolute;bottom:105%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--tekst-na-tle) transparent transparent transparent;z-index:999999;pointer-events:none;}
.wiadomosc-kontener {display:flex;flex-direction:column;align-items:flex-start;max-width:85%;}
.wiadomosc-meta {font-size:var(--font-size-xs-1);color:var(--tekst-drugorzedny);margin-bottom:0.2rem;padding:0 0.5rem;}
.wiadomosc-tresc-dymek {background:var(--kolor-bialy);color:var(--tekst-formularzy)!important;padding:0.8rem 1.2rem;border-radius:1.5rem 1.5rem 1.5rem 0.2rem;border:1px solid var(--ramka-subtelna);font-size:var(--font-size-xs-1);line-height:1.4;box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.05);position:relative;}
.timer-box {font-weight:400;color:var(--kolor-niebieski);font-size:var(--font-size-xs);display:flex;align-items:center;gap:0.5rem;}
.timer-warning {color:var(--kolor-status-Z);animation:pulse 2s infinite;}
@keyframes pulse {0%{opacity:1;}50%{opacity:0.6;}100%{opacity:1;}}
.technician-row {display:flex;align-items:center;gap:1rem;margin-top:0.5rem;padding-top:0.5rem;border-top:1px dashed var(--ramka-subtelna);}
.tech-avatar {width:2.5rem;height:2.5rem;background:var(--kolor-akcentu);color:var(--tlo-karty);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xxs);}
.swal2-html-container select.form-select {width:100%;height:4rem;border-radius:0.8rem;border:1px solid var(--ramka-domyslna);padding:0.5rem 1rem;font-family:var(--font-primary);font-size:var(--font-size-xs-1);margin-top:0.5rem;}
.swal2-html-container input.form-control {width:100%;height:4rem;border-radius:0.8rem;border:1px solid var(--ramka-domyslna);padding:0.5rem 1rem;font-family:var(--font-primary);font-size:var(--font-size-xs-1);margin-top:0.5rem;}
.okno-uklad-pionowy {display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0;}
.okno-label {font-weight:400;color:var(--tekst-naglowka);font-size:var(--font-size-xs-1);text-transform:uppercase;display:block;}
.naglowek-opcje.naglowek-serwis {flex-wrap:wrap;row-gap:1.5rem;}
.karta-serwis-naglowek-listy {display:flex;align-items:center;width:100%;max-width:130rem;margin:0 auto 1rem auto;padding:0 1.5rem;gap:1.5rem;}
.karta-serwis-naglowek-listy .ks-item {font-size:var(--font-size-xs);text-transform:uppercase;font-weight:400;letter-spacing:0.05rem;}
.widok-kafelki .karta-serwis-naglowek-listy {display:none;}
.sla-timer {color:var(--tekst-glowny);font-weight:400;font-variant-numeric:tabular-nums;transition:color 0.3s;}
.sla-ok {}
.sla-warn {color:var(--kolor-status-Z);}
.sla-danger {color:var(--kolor-status-Z)!important;font-weight:400;}
.sla-done-info {color:var(--tekst-drugorzedny)!important;}
.serwis-pulpit-naglowek { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 130rem; margin: 0 auto 2rem auto; background: var(--tlo-karty); border: 1px solid var(--ramka-domyslna); border-radius: 0.8rem; padding: 1.5rem 2rem; box-shadow: var(--cien-panelu); gap: 2rem; }
.serwis-pulpit-logo { max-height: 4.5rem; width: auto; flex-shrink: 0; }
.serwis-pulpit-tekst { display: flex; flex-direction: column; flex: 1; }
.serwis-pulpit-tytul { margin: 0; font-size: var(--font-size-md); color: var(--tekst-naglowka); font-weight: 500; }
.serwis-pulpit-podtytul { font-size: var(--font-size-sm); color: var(--tekst-drugorzedny); font-weight: 300; }
.serwis-pulpit-akcje { display: flex; align-items: center; gap: 1.5rem; flex-shrink: 0; }
.serwis-pulpit-akcje .accessibility-icon-nav { font-size: 2rem; cursor: pointer; color: var(--tekst-drugorzedny); transition: color 0.2s; }
.serwis-pulpit-akcje .accessibility-icon-nav:hover { color: var(--kolor-akcentu); }

/* ========================================================== */
/* 38.KALENDARZ FLATPICKR - CENTRALNY MODAL                      */
/* ========================================================== */
.flatpickr-calendar{background:var(--tlo-karty)!important;border:1px solid var(--ramka-domyslna)!important;box-shadow:var(--cien-panelu)!important;font-family:var(--font-primary)!important;z-index:9999999!important;padding:15px!important;border-radius:25px!important;width:400px!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.4)!important;margin:0!important}
.flatpickr-calendar::before,.flatpickr-calendar::after{display:none!important}
.flatpickr-innerContainer,.flatpickr-days,.dayContainer{width:350px!important;margin:0 auto!important}
input.flatpickr-input{border-radius:5rem!important}
.flatpickr-months{display:flex!important;align-items:center!important;height:4rem!important;margin-bottom:1rem!important;position:relative!important}
.flatpickr-month{background:transparent!important;color:var(--tekst-naglowka)!important;fill:var(--tekst-naglowka)!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
.flatpickr-current-month{font-size:var(--font-size-xs-1)!important;font-weight:300!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:0.8rem!important;padding:0!important;color:var(--tekst-naglowka)!important;fill:var(--tekst-naglowka)!important}
.flatpickr-current-month .flatpickr-monthDropdown-months{background-color:var(--tlo-karty)!important;border:1px solid var(--ramka-domyslna)!important;border-radius:5rem!important;color:var(--tekst-naglowka)!important;height:3.2rem!important;padding:0!important;outline:none!important;appearance:none!important;cursor:pointer!important;width:auto!important;text-align:center!important;text-align-last:center!important}
.numInputWrapper{position:relative!important;width:8rem!important;height:3.2rem!important;border:1px solid var(--ramka-domyslna)!important;border-radius:5rem!important;background-color:var(--tlo-karty)!important;overflow:hidden!important}
.numInputWrapper input{color:var(--tekst-naglowka)!important;font-weight:300!important;height:100%!important;width:100%!important;border:none!important;background:transparent!important;padding:0!important;outline:none!important;text-align:center!important}
.numInputWrapper span{display:block!important;position:absolute!important;right:0!important;width:2.2rem!important;height:50%!important;border-left:1px solid var(--ramka-domyslna)!important;cursor:pointer!important}
.numInputWrapper span.arrowUp{top:0!important;border-bottom:1px solid var(--ramka-domyslna)!important}
.numInputWrapper span.arrowDown{bottom:0!important}
.flatpickr-day{color:var(--tekst-glowny)!important;border-radius:5rem!important;height:3.8rem!important;line-height:3.8rem!important;max-width:40px!important;margin:2px!important;font-weight:300!important}
.flatpickr-day.selected{background:var(--kolor-orange)!important;border-color:var(--kolor-orange)!important;color:var(--kolor-bialy)!important;font-weight:300!important}
.flatpickr-day:hover{background:var(--tlo-panelu)!important;border-color:var(--ramka-domyslna)!important}
.flatpickr-day.flatpickr-disabled{color:var(--tekst-drugorzedny)!important;opacity:0.3!important}
span.flatpickr-weekday{color:var(--kolor-orange)!important;font-weight:300!important;padding-bottom:1rem!important;width:14.28%!important}
.flatpickr-prev-month,.flatpickr-next-month{top:0.5rem!important;padding:1rem!important;color:var(--tekst-naglowka)!important;fill:var(--tekst-naglowka)!important;z-index:10!important}
.flatpickr-day.inRange{background-color:var(--kolor-orange)!important;border-color:var(--kolor-orange)!important;color:var(--kolor-bialy)!important;opacity:0.6!important;font-weight:300!important;border-radius:0!important;box-shadow:none!important}
.flatpickr-day.inRange:hover{background-color:var(--kolor-orange-ciemny)!important;opacity:1!important;font-weight:300!important}
.flatpickr-day.startRange{background-color:var(--kolor-orange)!important;border-color:var(--kolor-orange)!important;color:var(--kolor-bialy)!important;font-weight:300!important;border-radius:5rem 0 0 5rem!important}
.flatpickr-day.endRange{background-color:var(--kolor-orange)!important;border-color:var(--kolor-orange)!important;color:var(--kolor-bialy)!important;font-weight:300!important;border-radius:0 5rem 5rem 0!important}
.flatpickr-day.selected.startRange.endRange{border-radius:5rem!important;font-weight:300!important}

/* SEKCJA: POPRAWKA KALENDARZA FLATPICKR */
.flatpickr-calendar { min-width: 300px !important; max-width: 320px !important; box-sizing: border-box !important; }
.flatpickr-innerContainer { width: 100% !important; overflow: hidden !important; }
.flatpickr-days { width: 100% !important; }
.dayContainer { display: flex !important; flex-wrap: wrap !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; justify-content: flex-start !important; }
.flatpickr-weekdaycontainer { display: flex !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.flatpickr-weekday { flex-basis: 14.2857% !important; max-width: 14.2857% !important; text-align: center !important; font-weight: 300 !important; padding: 0 !important; margin: 0 !important; }
.flatpickr-day { flex-basis: 14.2857% !important; max-width: 14.2857% !important; height: 39px !important; line-height: 39px !important; display: flex !important; justify-content: center !important; align-items: center !important; font-weight: 300 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: 1px solid transparent !important; }

/* ========================================================== */
/* 39. SPECYFICZNE STYLE DLA ZARĄDZANIA BAZĄ MYSQLSQL         */
/* ========================================================== */
#modal_struktura .okno-kontener { max-width: 90rem; width: 95%; }
#modal_struktura form { margin-top: 2.5rem; padding-bottom: 1.5rem; }
#modal_struktura .okno-uklad-poziomy { display: flex; gap: 1.5rem; align-items: flex-end; }
#modal_struktura .okno-grupa { display: flex; flex-direction: column; justify-content: flex-end; }
#modal_struktura .okno-label { font-weight: 300; font-size: var(--font-size-xxs); letter-spacing: 0.1rem; margin-bottom: 0.8rem; text-transform: uppercase; }
#modal_struktura .form-control { font-weight: 300; height: 3.8rem; font-size: var(--font-size-xs-1); }
#modal_struktura .form-select { font-weight: 300; height: 3.8rem; font-size: var(--font-size-xs-1); }
#modal_struktura #btn_zapisz_nowa_kolumne { height: 3.8rem; margin-bottom: 0; display: flex; align-items: center; padding: 0 1.5rem; font-size: var(--font-size-xs-1); }

/* ========================================================== */
/* 40. SPECYFICZNE STYLE DLA OBROTY SIEĆ ZARZĄDZANIE          */
/* ========================================================== */
.obroty-siec-karta { padding: 1.5rem; border-left: 0.5rem solid var(--kolor-niebieski); }
.obroty-siec-karta-gora { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.obroty-siec-kontener-tekstu { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.obroty-siec-tytul { font-size: var(--font-size-base); color: var(--tekst-glowny); text-transform: uppercase; margin: 0; }
.obroty-siec-daty { font-size: var(--font-size-xs-1); color: var(--kolor-niebieski); }
body.modern-dark .obroty-siec-daty {  color: var(--tekst-bialy); }
.obroty-siec-daty i { font-size: var(--font-size-xs); color: var(--kolor-akcentu); margin: 0 0.5rem; }
.obroty-siec-separator { margin: 0 1rem; color: var(--kolor-akcentu); }
.obroty-siec-info { font-size: var(--font-size-xs); color: var(--tekst-drugorzedny); font-weight: 300; }
.obroty-item { font-size: var(--font-size-sm); color: var(--tekst-glowny); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.buttons-akcje { flex: 0 0 auto; text-align: right; }
.obroty-siec-karta .buttons-row-flex { opacity: 1 !important; transition: opacity 0.3s ease !important; justify-content: flex-end; }
.buttons-akcje .buttons-row-flex .btn { width: 3.6rem !important; height: 3.6rem !important; padding: 0 !important; border-radius: 50% !important; background: transparent; border: 1px solid var(--ramka-domyslna) !important; color: var(--tekst-glowny) !important; font-weight: 300 !important; font-size: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; transition: all 0.2s ease !important; }
.buttons-akcje .buttons-row-flex .btn i { margin: 0 !important; font-size: var(--font-size-xs-1) !important; color: var(--tekst-na-tle); }
.buttons-akcje .buttons-row-flex .btn i:hover { transform: scale(1.05) !important;  color: var(--tekst-na-tle)!important;}
.raport-nieodczytany { opacity: 0.6; border-left-color: var(--kolor-status-Z) !important; transition: opacity 0.4s ease, border-color 0.4s ease; }
.raport-nieodczytany:hover{ opacity: 1; }
.badge-nowy { background-color: var(--kolor-status-Z); color: #fff; padding: 0.2rem 0.6rem; border-radius: 0.4rem; font-size: var(--font-size-xxs); margin-left: 1rem; vertical-align: middle; letter-spacing: 0.05rem; }
.raport-nieodczytany { opacity: 0.5; border-left-color: var(--kolor-status-Z) !important; transition: opacity 0.4s ease, border-color 0.4s ease; }
.badge-nowy { background-color: var(--kolor-status-Z); color: var(--kolor-bialy); padding: 0.2rem 0.6rem; border-radius: 0.4rem; font-size: var(--font-size-xxs); margin-left: 1rem; vertical-align: middle; font-weight: 500; }


.pliki-typ-html{color:var(--kolor-niebieski)}

/* ========================================================== */
/* 41. PWA I ONESIGNAL (BUTTONY) */
/* ========================================================== */
.pwa-buttons-container {display:flex;gap:1.5rem;justify-content:center;align-items:stretch;margin:1.5rem auto 3rem auto;max-width:55rem;width:100%;}

/* ========================================================== */
/* 42. LOGIN */
/* ========================================================== */
body.login-body {display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--tlo-powierzchni);margin-left:0!important;}
.login-kontener {background-color:var(--tlo-karty);padding:3rem;border-radius:2rem;border:1px solid var(--ramka-domyslna);box-shadow:0 2rem 6rem rgba(0,0,0,0.18);max-width:46rem;width:100%;margin:2rem;}
.login-logo {max-width:15rem;margin:0 auto 2rem auto;display:block;}
.login-tytul {text-align:center;font-size:var(--font-size-md);font-weight:500;color:var(--tekst-glowny);margin-bottom:2rem;}
.login-link {font-size:var(--font-size-xs);color:var(--tekst-drugorzedny);text-decoration:none;}
.login-link:hover {color:var(--kolor-akcentu);}
.login-btn {width:100%;margin-top:1rem;}


/* ========================================================== */
/* 43. SPECYFICZNE STYLE DLA OBSERWUJACYCH */
/* ========================================================== */
.obs-naglowek-grupy{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:120rem;margin:0 auto 0.5rem auto;padding:1.5rem;border:1px solid var(--ramka-domyslna);border-radius:0.8rem;background-color:var(--tlo-karty);cursor:pointer;box-shadow:var(--cien-panelu);transition:border-color 0.2s ease}
.obs-naglowek-grupy:hover{border-color:var(--kolor-orange)}
.obs-naglowek-lewa{display:flex;align-items:center;gap:1rem;font-size:var(--font-size-md);font-weight:500;color:var(--tekst-glowny)}
.obs-licznik-grupy{font-size:var(--font-size-sm);color:var(--tekst-drugorzedny);font-weight:300}
.obs-badge{padding:0.2rem 0.6rem;border-radius:0.4rem;font-size:var(--font-size-xs);font-weight:600;color:var(--kolor-bialy)}
.obs-badge-brak{background-color:var(--tekst-drugorzedny)}
.obs-badge-pelny{background-color:var(--kolor-status-P)}
.obs-badge-czesciowy{background-color:var(--kolor-orange)}
.obs-naglowek-prawa{display:flex;align-items:center;gap:0.5rem}
.obs-btn-masowy{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--tekst-glowny)!important;font-size:var(--font-size-sm)!important;padding:0!important;width:3.6rem!important;height:3.6rem!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:background-color 0.2s ease, color 0.2s ease!important;position:relative;overflow:visible}
.obs-btn-masowy:hover{background-color:var(--ramka-subtelna)!important;color:var(--kolor-orange)!important}
.obs-btn-masowy:hover::after,.obs-btn-akcja:hover::after{content:attr(data-title);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:var(--tekst-glowny);color:var(--tlo-karty);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:300;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:var(--cien-panelu)}
.obs-btn-masowy:hover::before,.obs-btn-akcja:hover::before{content:"";position:absolute;bottom:105%;left:50%;transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--tekst-na-tle) transparent transparent transparent;z-index:9999;pointer-events:none}
.obs-strzalka{font-size:var(--font-size-sm);color:var(--tekst-glowny);transition:transform 0.3s ease;margin-left:1rem;padding-left:1rem;}
.collapsed .obs-strzalka{transform:rotate(-90deg)}
.obs-karty-kontener{width:100%;display:none;margin-bottom:2rem}
.obs-karta{width:80%!important;max-width:120rem!important;padding:0.8rem 1.5rem!important;min-height:0!important;margin:0.3rem auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;border-left:0.5rem solid var(--kolor-orange)!important}
.obs-karta .karta-gora{padding-bottom:0!important;border-bottom:none!important;margin-bottom:0!important;width:100%;display:flex;justify-content:space-between;align-items:center}
.obs-nazwa-usera{font-size:var(--font-size-sm);font-weight:400;color:var(--tekst-glowny);display:flex;align-items:center;margin:0!important}
.obs-karta .buttons-akcje{margin:0!important;padding:0!important}
.obs-karta .buttons-row-flex{margin-bottom:0!important}
.obs-btn-akcja{background:var(--tlo-powierzchni)!important;border:1px solid var(--ramka-domyslna)!important;box-shadow:none!important;padding:0!important;width:3.6rem!important;height:3.6rem!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all 0.2s ease!important;cursor:pointer;position:relative;overflow:visible}
.obs-btn-akcja:hover{background-color:var(--ramka-subtelna)!important;border-color:var(--kolor-orange)!important}
.obs-btn-plus i{color:var(--kolor-zielony)!important;font-size:var(--font-size-xs-1)}
.obs-btn-minus i{color:var(--kolor-status-Z)!important;font-size:var(--font-size-xs-1)}


/* ========================================================== */
/* 44. SPECYFICZNE STYLE POROWNANIA OFERT */
/* ========================================================== */
.zakupy-kontener-glowny{width:95%!important;}
.oferty-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; padding: 1rem 0; }
.oferta-karta { background-color: var(--tlo-karty); border: 1px solid var(--ramka-domyslna); border-left: 0.5rem solid var(--kolor-orange); border-radius: 0.8rem; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; box-shadow: var(--cien-panelu); cursor: pointer; transition: transform 0.2s ease, border-color 0.2s ease; }
.oferta-karta:hover { transform: translateY(-0.2rem); border-left-color: var(--kolor-akcentu); }
.oferta-producent-wiersz { display: flex; flex-direction: column; gap: 0.8rem; border-bottom: 1px dashed var(--ramka-domyslna); padding-bottom: 0.8rem; }
.oferta-producent-nazwa { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.oferta-producent-nazwa strong { color: var(--tekst-naglowka); font-weight: 300; font-size: var(--font-size-sm); word-break: break-word; text-transform: uppercase; }
.oferta-karta-akcje { display: flex; gap: 0.5rem; flex-shrink: 0; }
.oferta-pokrycie-wiersz { font-size: var(--font-size-xs); font-weight: 300; display: flex; align-items: center; }
.oferta-pokrycie-pasek-tlo { width: 5rem; height: 0.6rem; background: var(--ramka-opacity); border-radius: 0.3rem; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 0.6rem; }
.oferta-pokrycie-pasek-wyp { height: 100%; }
.oferta-dane-grid { display: flex; flex-direction: column; gap: 0.5rem; margin-top: 0.4rem; }
.oferta-grupa { display: flex; flex-direction: column; gap: 0.2rem; }
.oferta-grupa .oferta-etykieta { font-size: var(--font-size-xs); font-weight: 300; color: var(--tekst-drugorzedny); text-transform: uppercase; }
.oferta-grupa .oferta-wartosc { font-size: var(--font-size-xs-2); font-weight: 300; color: var(--tekst-glowny); }
.oferta-wynik { display: flex; justify-content: space-between; align-items: center; background-color: var(--tlo-panelu); padding: 0.8rem 1.2rem; border-radius: 0.4rem; border: 1px solid var(--ramka-domyslna); }
.glowny-wynik { margin-top: 0.5rem; padding: 1.2rem; border-width: 2px; }
.oferta-wynik-maly { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 1.2rem; }
.wynik-etykieta { font-size: var(--font-size-xs-2); font-weight: 300; color: var(--tekst-glowny); text-transform: uppercase; }
.wynik-wartosc { font-size: var(--font-size-sm); font-weight: 500; }
.wynik-etykieta-mala { font-size: var(--font-size-xs); font-weight: 300; color: var(--tekst-drugorzedny); }
.wynik-wartosc-mala { font-size: var(--font-size-xs-1); font-weight: 500; }
.wartosc-dodatnia { color: var(--kolor-zielony) !important; font-weight: 500; }
.wartosc-ujemna { color: var(--kolor-czerwony-btn) !important; font-weight: 500; }
.oferta-sekcja-dostawcy { margin-bottom: 1.5rem; }
.oferta-karta-dostawca-naglowek { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.oferta-karta-dostawca-info { font-size: var(--font-size-sm); font-weight: 300; display: flex; align-items: center; color: var(--tekst-glowny); }
.oferta-karta-dostawca-dopasowano { margin-right: 1.5rem; }
.oferta-ostrzezenie { margin-bottom: 1rem; padding: 0.8rem; background: var(--tlo-dymka); border-left: 3px solid var(--kolor-status-Z); font-size: var(--font-size-xs-1); color: var(--tekst-glowny); font-weight: 300; }
.oferta-modal-kod-towar { display: flex; flex: 1; margin-right: 1.5rem; cursor: pointer; }
.oferta-modal-kod { width: 13rem; font-weight: 300; }
.oferta-modal-towar { flex: 1; font-weight: 300; }
.oferta-modal-naglowek-tekst { font-weight: 300; cursor: pointer; transition: color 0.2s; }
.oferta-modal-naglowek-tekst:hover { color: var(--kolor-akcentu); }
.oferta-ukryty { display: none; }
.oferta-karty-kontener { padding: 1.5rem; background-color: transparent; border: none; }
.oferta-modal-wiersz { font-size: var(--font-size-xs-1); transition: background-color 0.2s ease; }
.oferta-modal-wiersz:hover { background-color: var(--tlo-podswietlenia); }
.zapas-kolumna-wartosc { cursor: pointer; font-weight: 300; }
.btn-akcja { background: transparent; border: none; color: var(--tekst-drugorzedny); font-size: var(--font-size-sm); cursor: pointer; padding: 0 0.4rem; transition: color 0.2s ease; }
.btn-akcja:hover { color: var(--kolor-akcentu); }
.sort-modal { cursor: pointer; user-select: none; }
.sort-modal:hover { color: var(--kolor-akcentu); }
.sort-maska { opacity: 0.4; filter: blur(3px); transition: opacity 0.3s ease, filter 0.3s ease; pointer-events: none; }

.sklep-producent-belka{background-color:var(--tlo-panelu);border:1px solid rgba(255, 255, 255, 0.2);border-radius:0.4rem;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;justify-content:space-between;margin-bottom:0.5rem;margin-top:0.5rem;padding:0.8rem 1.2rem;transition:background-color 0.2s;width:80%;max-width:120rem;margin-left:auto;margin-right:auto}
.sklep-producent-belka:hover{background-color:var(--tlo-modalu)}
.sklep-towary-tabela{background-color:var(--tlo-karty);border:1px solid var(--ramka-domyslna);border-radius:0.4rem;margin-bottom:1.5rem;padding:0.5rem;width:80%;max-width:120rem;margin-left:auto;margin-right:auto}
.sklep-towary-tabela table{margin-bottom:0}
.sklep-towary-tabela th{border-bottom:2px solid var(--kolor-orange);font-size:var(--font-size-xxs);font-weight:500;text-transform:uppercase}
.sklep-towary-tabela td{border-bottom:1px solid var(--ramka-subtelna);font-size:var(--font-size-xs);font-weight:300;padding:0.6rem}
.sklep-karta-dostawca{font-size:var(--font-size-md);font-weight:400;color:var(--tekst-naglowka);padding:1.5rem!important;margin-top:0.5rem!important;margin-bottom:0.5rem!important;border-bottom:0.01rem solid var(--ramka-domyslna)}
.btn-okragly-menu { width: 40px; height: 40px; border-radius: 50%; background-color: var(--tlo-karty); border: 1px solid var(--ramka-domyslna); color: var(--tekst-glowny); cursor: pointer; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; }
.btn-okragly-menu:hover { background-color: var(--kolor-akcentu); color: #fff; border-color: var(--kolor-akcentu); }
.menu-rozwijane-zawartosc { display: none; position: absolute; top: 48px; left: 0; background-color: var(--tlo-karty) !important; min-width: 220px; box-shadow: 0 20px 40px rgba(0,0,0,0.25), 0 8px 16px rgba(0,0,0,0.15) !important; z-index: 9999; border-radius: 6px; border: 1px solid var(--ramka-domyslna); overflow: hidden; opacity: 1 !important; }
body.modern-dark .menu-rozwijane-zawartosc { box-shadow: 0 30px 60px rgba(0,0,0,0.95), 0 15px 25px rgba(0,0,0,0.85), 0 0 30px rgba(230, 106, 0, 0.15) !important; border-color: var(--kolor-orange) !important; }
.menu-rozwijane-prawo { left: auto; right: 0; }
.menu-rozwijane-zawartosc a { color: var(--tekst-glowny); padding: 12px 16px; text-decoration: none; display: block; font-weight: 300; font-size: 14px; border-bottom: 1px solid var(--ramka-subtelna); }
.menu-rozwijane-zawartosc a:hover { background-color: var(--tlo-panelu); color: var(--kolor-akcentu); }
.pokaz-menu { display: block; }
.btn-status-brak { background-color: var(--tekst-drugorzedny) !important; color: var(--tlo-karty) !important; cursor: not-allowed; font-weight: 300; }
.btn-status-opublikowano { background-color: var(--kolor-status-P) !important; color: var(--tlo-karty) !important; cursor: pointer !important; font-weight: 300; transition: filter 0.2s ease; }
.btn-status-opublikowano:hover { filter: brightness(0.9); }
.btn-status-udostepnij { background-color: var(--kolor-niebieski) !important; color: var(--tlo-karty) !important; font-weight: 300; }
========================================================== */
/* 45. WIDOK WYNIKOWY - TABELA MACIERZOWA */
/* ========================================================== */
.wynik-kontener-glowny { width: 100%; display: flex; flex-direction: column; gap: 2rem; padding-bottom: 2rem; }
.wynik-grupa-naglowek { font-size: var(--font-size-md); font-weight: 500; color: var(--tekst-naglowka); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--kolor-akcentu); display: inline-block; }
.wynik-kontener-tabeli { flex: 1; min-width: 0; position: relative; overflow-x: auto; background: var(--tlo-panelu); border: 1px solid var(--ramka-domyslna); cursor: grab; scrollbar-width: none; -ms-overflow-style: none; }
.wynik-kontener-tabeli::-webkit-scrollbar { display: none; }
.wynik-kontener-tabeli.drag-aktywny { cursor: grabbing; }
.wynik-tabela { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-weight: 300; table-layout: fixed; user-select: none; }
.wynik-tabela th, .wynik-tabela td { border: 1px solid var(--ramka-domyslna)!important; padding: 0.8rem; text-align: center; font-weight: 300; vertical-align: middle; width: 140px; overflow: hidden; background-color: var(--tlo-panelu); }
.wynik-tabela th { font-weight: 700 !important; color: var(--tekst-naglowka); }
.wynik-tabela th.col-producent, .wynik-tabela td.col-producent { position: sticky; left: 0; background-color: var(--tlo-karty) !important; z-index: 10; text-align: left; width: 220px; box-shadow: 2px 0 0 0 var(--ramka-domyslna); border-right: none !important; }
.wynik-tabela th.col-producent { z-index: 11; }
.wynik-komorka { cursor: pointer; transition: background 0.2s; font-weight: 300; }
.wynik-zwyciezca { background-color: var(--kolor-czerwony-btn) !important; color: var(--kolor-bialy) !important; font-weight: 500 !important; }
.wynik-zwyciezca .wynik-zysk { color: var(--kolor-bialy) !important; font-weight: 700 !important; }
.wynik-wybor-reczny { background-color: var(--kolor-czerwony-btn) !important; color: var(--kolor-bialy) !important; font-weight: 500 !important; box-shadow: inset 0 0 15px rgba(0,0,0,0.3) !important; border: 2px solid var(--kolor-akcentu) !important; }
.wynik-wybor-reczny .wynik-zysk { color: var(--kolor-bialy) !important; font-weight: 700 !important; }
.wynik-reczny-napis { background-color: var(--kolor-bialy) !important; color: var(--kolor-czerwony-btn) !important; font-weight: 700 !important; font-size: var(--font-size-xs); display: inline-block; margin-top: 5px; padding: 2px 6px; border-radius: 3px; }
.wynik-brak { font-size: var(--font-size-xs); color: #ff0000; font-weight: 700; display: block; margin-top: 5px; background: rgba(255,0,0,0.1); padding: 2px; border-radius: 3px; }
.wynik-zwyciezca .wynik-brak, .wynik-wybor-reczny .wynik-brak { color: var(--kolor-bialy); background: rgba(0,0,0,0.2); }
.wynik-zysk { font-size: var(--font-size-xs-2); color: var(--tekst-naglowka); font-weight: 300; display: block; }
.wynik-ranking-info { font-size: 10px; color: var(--tekst-drugorzedny); display: block; margin-top: 5px; line-height: 1.2; }
.wynik-strzalka { background: var(--tlo-modalu); color: var(--tekst-glowny); border: 1px solid var(--ramka-domyslna); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.8; transition: opacity 0.3s; box-shadow: var(--cien-panelu); border-radius: 50%; flex-shrink: 0; }
.wynik-strzalka:hover { opacity: 1; background: var(--tlo-karty); }
.wynik-wrapper { display: flex; align-items: center; gap: 1rem; width: 100%; }

/* ========================================================== */
/* 46. SPECYFICZNE STYLE DLA DOSTAWCY OFERTA                  */
/* ========================================================== */
body.page-dostawcy .naglowek-opcje .accessibility-icon-nav{display:none!important}
body.page-dostawcy .naglowek-opcje a[href="wyloguj"]{display:none!important}
.dostawca-naglowek-gora{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding-bottom:2rem}
.dostawca-logo-kontener{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.dostawca-dynamic-logo{max-height:5rem;width:auto}
.dostawca-tytul-kontener{display:flex;flex-direction:column}
.dostawca-tytul-strony{margin:0;font-size:1.8rem;line-height:1.2}
.dostawca-tytul-span{color:var(--kolor-akcentu);font-weight:600}
.dostawca-podtytul{font-size:1.1rem;color:var(--tekst-drugorzedny);font-weight:300}
.dostawca-ikony-kontener{display:flex;gap:2rem;align-items:center;margin-top:1rem}
.dostawca-ikona-motyw{cursor:pointer;font-size:1.3rem}
.dostawca-link-wyloguj{color:inherit;text-decoration:none;display:flex;align-items:center;gap:0.8rem;font-size:1rem;font-weight:500}
.dostawca-ikona-wyloguj{font-size:1.3rem}
.dostawca-naglowek-opcje{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:0.5rem}
.dostawca-opcje-lewa{flex:1;text-align:left}
.dostawca-opcje-srodek{flex:2;display:flex;justify-content:center;gap:0.8rem;align-items:center}
.dostawca-opcje-prawa{flex:1}
.dostawca-btn-wgraj{height:3.8rem;display:flex;align-items:center}
.dostawca-select-sort{height:3.8rem;min-width:15rem}
.dostawca-input-szukaj{height:3.8rem;width:30rem;margin:0}
.dostawca-btn-szukaj{padding:0 1.5rem;height:3.8rem;display:inline-flex;align-items:center}
.dostawca-alert-info{font-weight:300;padding:3rem 0}
.dostawca-okno-cialo{text-align:center;padding:4rem 2rem}
.dostawca-file-input{display:none}
.dostawca-file-label{cursor:pointer;font-size:5rem;color:var(--tekst-drugorzedny);margin:0;transition:color 0.3s}
.dostawca-file-label:hover{color:var(--kolor-akcentu)!important}
.dostawca-file-nazwa{font-size:1.4rem;color:var(--kolor-akcentu);font-weight:300;margin-top:1.5rem}
.dostawca-alert-margin{margin:1.5rem}
.dostawca-fetch-etykieta{flex:2}
.dostawca-fetch-kolumny{flex:1}

/* ========================================================== */
/* 47. SPECYFICZNE STYLE DLA UŻYTKOWNIKÓW                     */
/* ========================================================== */
.user-karta .karta-gora .tytul-wiersz h4 { font-weight: 600; color: var(--kolor-niebieski-ciemny); margin: 0; }
body.modern-dark .user-karta .karta-gora .tytul-wiersz h4 { color: var(--kolor-bialy); font-weight: 400; }
.user-karta .karta-dol .grupa { flex: 1 1 15rem; min-width: 15rem; }
.user-avatar-placeholder { width: 3.5rem; height: 3.5rem; background: var(--kolor-akcentu); color: var(--tlo-karty); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 700; flex-shrink: 0; }
.user-info-wiersz { font-size: var(--font-size-sm); color: var(--tekst-glowny); display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.4rem; }
.user-info-wiersz i { width: 1.5rem; text-align: center; color: var(--tekst-drugorzedny); }

/* ========================================================== */
/* 48. SPECYFICZNE STYLE DLA ADMINISTRACJA                    */
/* ========================================================== */
.okno-grupa-admin { margin-top: 2.5rem; }
.admin-cialo-glowne { gap: 0.5rem !important; }
.admin-zadania-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--ramka-domyslna); padding-bottom: 1rem; margin-bottom: 1.5rem; }
.admin-zadania-tytul { margin: 0; border: none; padding: 0; display: flex; align-items: center; gap: 0.8rem; font-weight: 300; white-space: nowrap; }
.admin-zadania-tytul i { margin: 0 !important; flex-shrink: 0; display: inline-flex; align-items: center; }
.btn-dodaj-zadanie { display: inline-flex; align-items: center; gap: 0.6rem; font-weight: 300; }
.btn-dodaj-zadanie i { margin: 0 !important; font-size: var(--font-size-xs-1); }
.zadanie-blok { background: var(--tlo-panelu); border: 1px solid var(--ramka-domyslna); border-radius: 0.8rem; margin-bottom: 1.5rem; overflow: hidden; }
.zadanie-akordeon-naglowek { padding: 1rem 1.5rem; background: rgba(0,0,0,0.03); cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid transparent; flex-wrap: nowrap; }
.zadanie-akordeon-tytul { margin: 0; font-weight: 300; font-size: 1.2rem; color: var(--tekst-glowny); display: inline-flex; align-items: center; gap: 0.8rem; white-space: nowrap; flex: 1; overflow: hidden; text-overflow: ellipsis; }
.zadanie-akordeon-tytul i { margin: 0 !important; flex-shrink: 0; display: inline-flex; align-items: center; }
.zadanie-btn-zamknij { background-color: var(--kolor-czerwony-btn) !important; flex-shrink: 0; }
.zadanie-akordeon-cialo { padding: 1.5rem; border-top: 1px solid var(--ramka-domyslna); }
.okno-siatka-admin { gap: 1rem; }
.admin-pelny-wiersz { grid-column: 1 / -1; }
.admin-naglowek-gora { align-items: center; }
.admin-alert-empty { width: 100%; }
.admin-logi-filtry-wiersz { display: flex; gap: 1.5rem; margin-bottom: 2rem; }
.admin-logi-filtr-sklep { width: 250px; margin-bottom: 0; }
.admin-logi-filtr-limit { width: 150px; margin-bottom: 0; }
.admin-logi-th-id { width: 80px; }
.admin-logi-td-info { padding: 2rem; }
.admin-logi-td-brak { padding: 2rem; color: var(--tekst-drugorzedny); }
.admin-logi-status-z { background-color: var(--kolor-status-P); color: var(--kolor-bialy); border: none; border-radius: 3px; }
.admin-logi-status-o { background-color: var(--kolor-orange); color: var(--kolor-bialy); border: none; border-radius: 3px; }
.admin-karta-skrot { cursor: default !important; transform: none !important; align-items: flex-start !important; }
.admin-karta-skrot:hover { transform: none !important; border-color: var(--ramka-domyslna) !important; }
.admin-karta-tekst { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.admin-karta-akcja { margin-top: 1rem; align-self: flex-start; }
.admin-ikona-brak-uprawnien { opacity: 0.3 !important; filter: grayscale(100%); }
.admin-btn-nawigacja { margin-left: 1rem; }
.admin-zezwolenia-lista { margin-top: 2rem; }
.admin-zezwolenie-wiersz { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--ramka-domyslna); }
.admin-zezwolenie-nazwa { font-weight: 300; font-size: var(--font-size-sm); color: var(--tekst-glowny); }
.admin-zezwolenie-loading { font-weight: 300; text-align: center; }
.admin-skroty-kontener { width: 100%; }
.admin-alert-brak-zadan { margin-top: 2rem; }
.admin-btn-usun-ikona { font-size: 2.4rem; }
.admin-zadanie-cialo-ukryte { display: none; }
.admin-zadanie-cialo-widoczne { display: block; }
.admin-sekcja-zezwolen { margin-bottom: 2.5rem; width: 100%; max-width: 140rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); gap: 1.5rem; align-items: stretch; height: auto; }
.admin-karta-zezwolen { width: 100%; max-width: none; margin: 0; display: flex; flex-direction: column; }
.admin-raport-lista { display: flex; flex-direction: column; gap: 0.8rem; overflow-y: auto; padding-right: 0.5rem; flex: 1; min-height: 0; }
.admin-raport-wiersz { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.2rem; border: 1px solid var(--ramka-domyslna); border-radius: 0.6rem; background: var(--tlo-panelu); }
.admin-raport-wiersz-lewa { display: flex; flex-direction: column; gap: 0.3rem; }
.admin-raport-wiersz-sklep { font-weight: 600; font-size: var(--font-size-sm); color: var(--tekst-naglowka); line-height: 1; }
.admin-raport-wiersz-zadanie { font-size: var(--font-size-xs-1); color: var(--tekst-glowny); font-weight: 400; line-height: 1; }
.admin-raport-wiersz-prawa { text-align: right; display: flex; flex-direction: column; justify-content: center; }
.admin-raport-typ { font-size: var(--font-size-xs-2); padding: 0.3rem 0.8rem; border-radius: 0.4rem; background: transparent; border: 1px solid var(--ramka-domyslna); color: var(--tekst-naglowka); text-transform: uppercase; letter-spacing: 0.05rem; }
.admin-raport-typ-stale { font-weight: 600; border-color: var(--tekst-drugorzedny); }
.admin-raport-typ-czasowe { font-weight: 400; opacity: 0.8; border-color: transparent; }
.admin-raport-data { font-size: var(--font-size-xs-2); color: var(--tekst-drugorzedny); font-weight: 400; }
.admin-sklep-tytul { border-bottom: 1px solid var(--ramka-domyslna); padding-bottom: 1rem; margin-bottom: 1.5rem; font-size: var(--font-size-md); font-weight: 300; color: var(--tekst-naglowka); display: flex; align-items: center; gap: 1rem; }
.admin-sklep-tytul i { color: var(--kolor-akcentu); }
.admin-zezwolenia-select-grupa { margin-bottom: 2rem; width: 100%; }
.admin-zezwolenie-placeholder { opacity: 0.5; text-align: center; font-weight: 300; margin-top: 2rem; }
.admin-logi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.admin-log-karta { background: var(--tlo-karty); border: 1px solid var(--ramka-domyslna); border-radius: 0.8rem; padding: 1.5rem; display: flex; flex-direction: column; gap: 0.8rem; box-shadow: var(--cien-panelu); }
.admin-log-naglowek { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid var(--ramka-subtelna); padding-bottom: 0.8rem; margin-bottom: 0.5rem; }
.admin-log-id { font-size: var(--font-size-xs-1); color: var(--tekst-drugorzedny); font-weight: 300; }
.admin-log-data { font-size: var(--font-size-xs-2); color: var(--kolor-daty-tekst); font-weight: 300; }
.admin-log-zadanie { font-size: var(--font-size-sm); color: var(--tekst-naglowka); font-weight: 400; word-break: break-word; }
.admin-log-sklep { font-size: var(--font-size-md); color: var(--kolor-niebieski-ciemny); font-weight: 600; }
body.modern-dark .admin-log-sklep { color: var(--kolor-bialy); font-weight: 400; }
.admin-log-stopka { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 0.8rem; }
.admin-log-status-wiersz { display: flex; align-items: center; gap: 0.5rem; font-size: var(--font-size-xs-2); }
.admin-log-status-z { background-color: var(--kolor-status-Z); color: var(--tlo-karty); padding: 0.2em 0.8em; border-radius: 5rem; font-size: var(--font-size-xs); font-weight: 400; display: inline-block; }
.admin-log-status-o { background-color: var(--kolor-orange); color: var(--tlo-karty); padding: 0.2em 0.8em; border-radius: 5rem; font-size: var(--font-size-xs); font-weight: 400; display: inline-block; }
.admin-sklepy-modal-lista { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; max-height: 40rem; overflow-y: auto; padding-right: 0.5rem; margin-top: 1rem; }
.admin-sklepy-modal-wiersz { display: flex; align-items: center; gap: 1.2rem; padding: 1rem 1.2rem; border-radius: 0.8rem; border: 1px solid var(--ramka-domyslna); cursor: pointer; transition: background 0.15s; }
.admin-sklepy-modal-wiersz:hover { background: rgba(0,0,0,0.06); }
.admin-sklepy-modal-wiersz input[type="checkbox"] { width: 2.4rem; height: 2.4rem; flex-shrink: 0; cursor: pointer; accent-color: var(--kolor-akcentu); }
.admin-sklepy-modal-label { font-size: var(--font-size-md); font-weight: 400; cursor: pointer; user-select: none; }
.admin-sklepy-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.2rem; border: 1px solid var(--ramka-domyslna); border-radius: 0.8rem; margin-bottom: 1rem; }
.admin-sklepy-modal-all-label { font-size: var(--font-size-sm); font-weight: 400; color: var(--tekst-glowny); cursor: pointer; user-select: none; display: flex; align-items: center; gap: 1rem; }
.admin-sklepy-modal-all-label input[type="checkbox"] { width: 2.4rem; height: 2.4rem; accent-color: var(--kolor-akcentu); }
.admin-sklepy-modal-licznik { font-size: var(--font-size-xs-1); color: var(--kolor-akcentu); font-weight: 400; }
.admin-zezwolenie-typ-staly { font-size: var(--font-size-xs-2); color: var(--kolor-akcentu); margin-left: 0.5rem; font-weight: 300; }
.admin-zezwolenie-wiersz-typ { display: flex; align-items: center; gap: 1rem; }
.admin-zezwolenie-opcja-typ { display: flex; align-items: center; gap: 0.5rem; font-size: var(--font-size-xs-2); font-weight: 300; color: var(--tekst-drugorzedny); cursor: pointer; }
.admin-zezwolenie-opcja-typ input[type="radio"] { cursor: pointer; accent-color: var(--kolor-akcentu); }
.admin-sekcja-kart { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; width: 80%; max-width: 120rem; margin-bottom: 2rem; align-items: stretch; }
.admin-sekcja-kart .pulpit-karta { display: flex; flex-direction: column; }
.admin-sekcja-kart .admin-raport-lista { overflow-y: auto; max-height: 80rem; }
.admin-sklep-tytul-logi { justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.admin-logi-filtry-inline { display: flex; gap: 1rem; flex-wrap: nowrap; align-items: flex-end; }
.admin-zezwolenia-inline-lista { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; margin-bottom: 1.5rem; }
.admin-zezwolenia-inline-wiersz { display: flex; align-items: center; gap: 0.8rem; padding: 0.7rem 1rem; border: 1px solid var(--ramka-domyslna); border-radius: 0.6rem; cursor: pointer; font-size: var(--font-size-sm); font-weight: 300; }
.admin-zezwolenia-inline-wiersz input[type="checkbox"] { width: 1.8rem; height: 1.8rem; flex-shrink: 0; cursor: pointer; accent-color: var(--kolor-akcentu); }
.admin-zezwolenia-inline-akcje { display: flex; gap: 0.8rem; flex-wrap: wrap; }
.admin-akordeon-zamknij { display: none; }
@media (max-width: 768px) {
.admin-sekcja-kart { grid-template-columns: 1fr !important; }
.admin-zezwolenia-inline-lista { grid-template-columns: 1fr !important; }
.admin-sklepy-modal-lista { grid-template-columns: 1fr !important; max-height: none !important; flex: 1; overflow-y: auto; }
.admin-zezwolenie-wiersz { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.2rem 0; }
.admin-zezwolenie-wiersz-typ { width: 100%; justify-content: space-between; flex-wrap: wrap; gap: 1.2rem; }
.admin-zezwolenie-opcja-typ { font-size: var(--font-size-sm) !important; gap: 0.8rem; }
.admin-zezwolenie-opcja-typ input[type="radio"] { width: 2rem !important; height: 2rem !important; }
.admin-zezwolenie-nazwa { font-size: var(--font-size-md) !important; }
.admin-akordeon-zamknij { display: none !important; }
}