/* ========================================================== */
/* 1. BODY, ZMIENNE I STRUKTURA GŁÓWNA */
/* ========================================================== */
:root { --bottom-nav-height: 7rem; --header-max-height: 12rem; --header-min-height: 6rem; }
.glowny-kontener-strony, .container-80-fluid, #index, .index-widget { margin-left: auto; margin-right: auto; }
body.filters-open { overflow: hidden !important; height: 100vh !important; touch-action: none; }
body.filters-open .panel-cialo-glowne { overflow: hidden !important; pointer-events: none; }

/* ========================================================== */
/* 2. SIDEBAR I IKONY UŁATWIEŃ DOSTĘPU */
/* ========================================================== */
.sidebar-top-header { height: var(--navbar-height); background-color: var(--tlo-sidebara); overflow: hidden; display: flex; align-items: center; justify-content: space-between; }

/* ========================================================== */
/* 3. NAWIGACJA (HAMBURGER, TRIGGERY) */
/* ========================================================== */
.hamburger-btn { background: transparent; border: none; width: 2.5rem; height: 2rem; position: relative; cursor: pointer; padding: 0; margin-left: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; }
.hamburger-line { display: block; width: 100%; height: 0.2rem; background-color: var(--tekst-glowny); transition: all 0.3s ease; position: absolute; left: 0; }
.hamburger-line:nth-child(1) { top: 0; }
.hamburger-line:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamburger-line:nth-child(3) { bottom: 0; }
body.toggled .hamburger-line:nth-child(1) { top: 50%; transform: translateY(-50%) rotate(45deg); }
body.toggled .hamburger-line:nth-child(2) { opacity: 0; }
body.toggled .hamburger-line:nth-child(3) { bottom: 50%; transform: translateY(50%) rotate(-45deg); }
.mobile-nav-trigger.has-unread-messages #mobileToggleBtn::after { content: ''; position: absolute; top: 0.5rem; right: 0.5rem; width: 1.2rem; height: 1.2rem; background-color: var(--kolor-czerwony-btn); border: 0.2rem solid #fff; border-radius: 50%; z-index: 100000; animation: pulse-red 2s infinite; display: none; }
@keyframes pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 1rem rgba(255, 82, 82, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } }

/* ========================================================== */
/* 4. ELEMENTY FORMULARZY (SORTOWANIE, SZUKANIE) */
/* ========================================================== */


/* ========================================================== */
/* 5. PANELE, FILTRY I ELEMENTY UI */
/* ========================================================== */
.filter-accordion-trigger { display: none !important; }

/* ========================================================== */
/* 6. APLIKACJA MOBILNA (NAVBAR DOLNY) */
/* ========================================================== */
.nav-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--tekst-glowny); text-decoration: none !important; font-size: 1.1rem; padding-bottom: 0.5rem; background: none; border: none; }
.nav-item i { font-size: 2.2rem; margin-bottom: 0.4rem; }
.nav-item.active { color: var(--kolor-akcentu); }
.nav-item-central { width: 5.5rem; height: 5.5rem; background: var(--kolor-akcentu); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--kolor-bialy); font-size: 2.5rem; transform: translateY(-2.5rem); border: 0.2rem solid var(--kolor-bialy); box-shadow: 0 0.4rem 1rem var(--cien-orange); }
.nav-item-central i { margin: 0; color: var(--kolor-bialy); }
.sidebar-close-mobile { display: none; margin-left: auto; background: transparent; border: none; color: var(--tekst-glowny); font-size: 3rem; cursor: pointer; padding: 1rem; z-index: 100001; }
.mobile-bottom-nav { display: none !important; }
.karta { position: relative !important; }
.karta-gora { display: flex !important; justify-content: space-between !important; align-items: center !important; }
.akcje { display: flex !important; gap: 0.5rem !important; }
.buttons-row-flex { display: flex !important; gap: 0.5rem !important; }
.btn-plywajacy-ok { display: none; }
.btn-scroll-top { position: fixed !important; bottom: 3rem !important; right: 2rem !important; width: 4.5rem !important; height: 4.5rem !important; background-color: var(--tlo-powierzchni) !important; color: var(--tekst-ciemny) !important; border: 0.1rem solid var(--tekst-ciemny) !important; border-radius: 50% !important; font-size: 2rem !important; cursor: pointer !important; opacity: 0; visibility: hidden; transition: all 0.3s ease !important; z-index: 1100 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.1) !important; }
.btn-scroll-top.show { opacity: 0.5 !important; visibility: visible !important; }
.btn-scroll-top:hover { opacity: 1 !important; background-color: var(--tekst-ciemny) !important; color: var(--kolor-bialy) !important; transform: translateY(-0.3rem) !important; box-shadow: 0 0.6rem 1.2rem var(--cien-orange) !important; }
/* ========================================================== */
/* 6.1. MEDIA QUERIES - MOBILE ( > 768px ) */
/* ========================================================== */

@media (min-width: 769px) {
.grupa-dat-wiersz { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 1rem !important; width: auto !important; margin-top: 0 !important; }
.grupa-dat-wiersz .wybor-sortowania { flex: 0 1 auto !important; width: auto !important; min-width: 20rem !important; margin: 0 !important; }
.grupa-dat-wiersz .wybor-sortowania label { position: absolute !important; top: -0.8rem !important; left: 1.2rem !important; z-index: 21 !important; }
.grupa-dat-wiersz .btn.z { margin-left: 0.5rem !important; align-self: center !important; }
.przyciski-lewa { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 1rem !important; }
}

/* ========================================================== */
/* 7. MEDIA QUERIES - DESKTOP I SPECIFIC */
/* ========================================================== */
@media (min-width: 1000px) {
.collapse-manual { opacity: 1 !important; overflow: hidden !important; transition: max-height 0.5s ease-in-out !important, opacity 0.5s ease !important; }
}

@media (min-width: 1200px) {
body { margin-left: var(--sidebar-width) !important; margin-top: 0 !important; }
.glowny-kontener-strony, .container-80-fluid, #index, .index-widget { max-width: none !important; }
body.toggled .accessibility-sidebar-tools { display: none !important; opacity: 0; visibility: hidden; }
.mobile-nav-trigger { display: none !important; }
#filter-content { display: block !important; }
.panel-naglowek-glowny { position: sticky; top: 0; z-index: 1000; }
}

@media (max-width: 1000px) {
.view-switcher-container { display: none !important; }
.panel-naglowek-glowny { border-radius: 1.5rem 1.5rem 0 0 !important; text-align: center; }
}

/* ========================================================== */
/* 8. MEDIA QUERIES - TABLET I KOMBINACJE */
/* ========================================================== */
@media screen and (min-width: 768px) and (max-width: 1000px) {
.naglowek-gora { flex-direction: column; align-items: stretch; gap: 0.5rem; }
.naglowek-opcje { flex-wrap: wrap; gap: 0.8rem; width: 100%; }
.wyszukiwarka-glowna { flex: 1 1 100%; min-width: 100%; }
.wybor-sortowania { flex: 1 1 auto; min-width: auto; }
.wybor-sortowania label { font-size: 1.1rem !important; }
.wybor-sortowania .form-select-sm { font-size: 1.2rem !important; padding: 0.4rem 1.5rem 0.4rem 0.8rem; min-width: 12rem; }
.wyszukiwarka-glowna input { height: 2.8rem; font-size: 1.3rem; padding: 0 1.2rem; }
.view-switch-label { width: 12rem; height: 2.8rem; }
.switch-option { font-size: 1rem; }
.nawigacja-przyciski { gap: 0.5rem; margin-top: 1rem; }
.przyciski-lewa, .przyciski-prawa { gap: 0.5rem; flex-wrap: wrap; }
.nawigacja-przyciski .btn-base { padding: 0.4rem 0.6rem; font-size: 1.2rem; }
.kontener-zaznaczania { width: 15rem; height: 3rem; margin-left: 0; }
.zaznacz-opcja { font-size: 1rem; }
}

/* ========================================================== */
/* 9. MEDIA QUERIES - MOBILE ( < 768px ) */
/* ========================================================== */
@media (max-width: 768px) {
.grid-view .item-record-card { width: 100%; }
.naglowek-gora { flex-direction: column !important; align-items: stretch !important; gap: 1rem !important; }
.naglowek-opcje { flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 1.5rem !important; flex-wrap: wrap !important; }
.wybor-sortowania { width: 100% !important; margin-right: 0 !important; }
.wybor-sortowania select, .wybor-sortowania input { width: 100% !important; }
.nawigacja-przyciski { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 0.5rem !important; width: 100% !important; }
.nawigacja-przyciski > div, .przyciski-lewa, .przyciski-prawa { display: contents !important; }
.nawigacja-przyciski .btn-base, .nawigacja-przyciski .btn { flex: 1 1 calc(33.333% - 0.5rem) !important; max-width: calc(33.333% - 0.5rem) !important; height: 4.5rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: var(--font-size-sm) !important; margin: 0 !important; }
.przerywnik-widoku { display: none !important; }
.buttons-row-flex { display: flex !important; justify-content: flex-end !important; gap: 0.8rem !important; width: auto !important; margin: 0 !important; }
.buttons-row-flex .btn { flex: 1 1 0% !important; background: transparent !important; color: var(--tekst-glowny) !important; border: none !important; border-radius: 0 !important; padding: 0.5rem 0.1rem !important; font-size: 1.1rem !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.2rem !important; min-height: 5.5rem !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.item-record-card .actions .btn { flex: none !important; max-width: none !important; width: auto !important; height: auto !important; padding: 0.5rem 1rem !important; display: inline-block !important; font-size: var(--font-size-xs) !important; }
.mobile-bottom-nav { display: flex !important; position: fixed; bottom: 0; left: 0; width: 100%; height: var(--bottom-nav-height); background: var(--tlo-powierzchni); justify-content: space-around; align-items: center; z-index: 1300; box-shadow: 0 -0.2rem 1rem rgba(0,0,0,0.05); border-top: 1px solid var(--ramka-domyslna); }
.nawigacja-przyciski .btn, .nawigacja-przyciski a.btn { width: 100% !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; border-radius: 0 !important; margin: 0 !important; border: none !important; padding: 1.5rem 0 !important; height: auto !important; box-shadow: none !important; min-height: 5rem !important; background: transparent !important; color: var(--tekst-glowny) !important; }
.nawigacja-przyciski .btn i, .nawigacja-przyciski a.btn i { margin-right: 1.5rem !important; font-size: 1.6rem !important; }
.nawigacja-przyciski .btn-base { font-size: 1.4rem !important; }
.wyszukiwarka-glowna { width: 100% !important; margin-right: 0 !important; }
body.modal-open { overflow: hidden !important; touch-action: none; position: fixed; width: 100%; }
.okno-modalne { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 20000 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: var(--tlo-powierzchni) !important; }
.okno-modalne .okno-kontener { width: 100% !important; height: 100% !important; margin: 0 !important; max-width: none !important; display: flex !important; flex-direction: column !important; border: none !important; border-radius: 0 !important; }
.okno-modalne .okno-zawartosc { display: flex !important; flex-direction: column !important; flex: 1 !important; width: 100% !important; height: 100% !important; max-height: 100dvh !important; overflow: hidden !important; border-radius: 0 !important; border: none !important; background: var(--tlo-powierzchni) !important; }
.okno-modalne .okno-naglowek { flex: 0 0 auto !important; width: 100% !important; padding: 1.5rem !important; border-bottom: 1px solid var(--ramka-domyslna) !important; background: var(--tlo-powierzchni) !important; border-radius: 0 !important; }
.okno-modalne .okno-cialo { flex: 1 1 auto !important; overflow-y: auto !important; padding: 1.5rem !important; display: block !important; width: 100% !important; }
.okno-modalne .okno-stopka { flex: 0 0 auto !important; width: 100% !important; background: var(--tlo-karty) !important; border-top: 1px solid var(--ramka-domyslna) !important; padding: 1.5rem !important; }
.grupa-dat-wiersz { display: flex !important; align-items: flex-end !important; gap: 0.5rem !important; width: 100% !important; margin-top: 1.5rem !important; }
.grupa-dat-wiersz .wybor-sortowania { flex: 1 !important; position: relative !important; margin: 0 !important; width: auto !important; }
.grupa-dat-wiersz .wybor-sortowania label { position: absolute !important; top: -1.6rem !important; left: 0.5rem !important; font-size: 1.1rem !important; width: max-content !important; }
.grupa-dat-wiersz .wybor-sortowania input { width: 100% !important; margin: 0 !important; height: 4.5rem !important; border-radius: 5rem !important; }
.grupa-dat-wiersz .btn.z { flex: none !important; width: 4.5rem !important; height: 4.5rem !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.grupa-dat-wiersz .btn.z:hover, .grupa-dat-wiersz .btn.z:focus, .grupa-dat-wiersz .btn.z:active { outline: none !important; box-shadow: none !important; background-color: transparent !important; border: none !important; }
.karta { position: relative !important; padding-bottom: 6.5rem !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; }
.karta-gora { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; padding-bottom: 1rem !important; }
.akcje { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--ramka-domyslna) !important; background: var(--tlo-karty) !important; z-index: 5 !important; }
.karta .buttons-row-flex{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;justify-content:center!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important}
.karta .buttons-row-flex .btn,.karta .buttons-row-flex .btn-base-xs,.karta .buttons-row-flex .post_comment,.karta .buttons-row-flex .read_receipt_btn,.karta .buttons-row-flex .btn-follow-icon{flex:1!important;background:none!important;color:var(--tekst-glowny)!important;border:none!important;border-radius:0!important;padding:0!important;font-size:1.1rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0.2rem!important;box-shadow:none!important;min-height:5.5rem!important;font-weight:300!important;opacity:1!important;outline:none!important}
.karta .buttons-row-flex .btn:not(:last-child),.karta .buttons-row-flex .btn-base-xs:not(:last-child),.karta .buttons-row-flex .post_comment:not(:last-child),.karta .buttons-row-flex .btn-follow-icon:not(:last-child){border:none!important;border-right:1px solid var(--ramka-domyslna)!important;border-radius:0!important}
#post_list .karta .buttons-row-flex .btn,#post_list .karta .buttons-row-flex .btn-base-xs,#post_list .karta .buttons-row-flex .post_comment,#post_list .karta .buttons-row-flex .read_receipt_btn,#post_list .karta .buttons-row-flex .btn-follow-icon{border:none!important;border-radius:0!important;box-shadow:none!important;opacity:1!important}
#post_list .karta .buttons-row-flex > *{opacity:1!important}
#post_list .karta .buttons-row-flex .btn:not(:last-child),#post_list .karta .buttons-row-flex .btn-base-xs:not(:last-child),#post_list .karta .buttons-row-flex .post_comment:not(:last-child),#post_list .karta .buttons-row-flex .btn-follow-icon:not(:last-child){border-right:1px solid var(--ramka-domyslna)!important}
.karta .buttons-row-flex .btn i,.karta .buttons-row-flex .btn-base-xs i,.karta .buttons-row-flex .post_comment i,.karta .buttons-row-flex .btn-follow-icon i{font-size:1.4rem!important;margin:0!important;display:block!important;color:var(--tekst-glowny)!important}
.karta .buttons-row-flex .btn-red{color:var(--kolor-czerwony-btn)!important;background:transparent!important;font-weight:300!important}
.karta .buttons-row-flex .btn-red i{color:var(--kolor-czerwony-btn)!important}
.karta .buttons-row-flex .btn-follow-active{color:var(--kolor-niebieski)!important;background:transparent!important;font-weight:300!important}
.karta .buttons-row-flex .btn-follow-active i{color:var(--kolor-niebieski)!important}
.btn-red{background:transparent!important;color:var(--kolor-czerwony-btn)!important;border-color:var(--ramka-domyslna)!important}
.btn-plywajacy-ok { position: fixed !important; bottom: 10rem !important; right: 2rem !important; background-color: var(--kolor-akcentu) !important; color: var(--kolor-bialy) !important; border: none !important; border-radius: 5rem !important; padding: 1.2rem 2.5rem !important; font-size: 1.6rem !important; font-weight: 600 !important; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.4) !important; z-index: 9999 !important; display: none; align-items: center !important; justify-content: center !important; gap: 0.8rem !important; opacity: 0.7 !important; transition: all 0.3s ease !important; }
.btn-plywajacy-ok:hover, .btn-plywajacy-ok:active { opacity: 1 !important; transform: scale(1.05) !important; }
body.filters-open .mobile-top-row input#main_search { pointer-events: none !important; opacity: 0.6 !important; background-color: var(--ramka-subtelna) !important; user-select: none !important; }
.btn-scroll-top { bottom: 9.5rem !important; }
body.filters-open .btn-scroll-top { visibility: hidden !important; opacity: 0 !important; }
}

/* ========================================================== */
/* 10. MEDIA QUERIES - MOBILE GŁÓWNY ( < 1200px ) */
/* ========================================================== */
@media screen and (max-width: 1199.98px) {
a[href="obroty_raport.php"] { display: none !important; }
.sidebar-top-header { display: flex !important; padding-top: 0 !important; align-items: center; justify-content: space-between; }
.accessibility-sidebar-tools { display: flex !important; opacity: 1; visibility: visible; }
.mobile-nav-trigger.has-unread-messages #mobileToggleBtn::after { display: block !important; }
.sidebar-wrapper { position: fixed !important; top: 0; left: 0; height: 100vh; width: 100% !important; transform: translateX(-100%) !important; transition: transform 0.3s ease-in-out; z-index: 9999 !important; padding-top: 5rem !important; }
body.toggled { margin-left: 0 !important; } /* USUNIĘTO overflow: hidden */
body.toggled .sidebar-menu-wrapper { display: block !important; opacity: 1 !important; height: auto !important; overflow-y: auto !important; visibility: visible !important; }
body.toggled .sidebar-text, body.toggled .sidebar-header, body.toggled .sidebar-brand-text { display: inline-block !important; opacity: 1 !important; visibility: visible !important; width: auto !important; }
body.toggled .sidebar-wrapper.btn-granat .sidebar-toggle-btn { display: flex !important; justify-content: space-between !important; padding: 1.2rem 1.2rem !important; opacity: 1 !important; visibility: visible !important; width: auto !important; font-size: 1.5rem !important; }
body.toggled .sidebar-menu-wrapper .list-group-item { text-align: left !important; padding: 1rem 1.5rem !important; font-size: 1.7rem !important; }
body.toggled .sidebar-menu-wrapper .list-group-item i.fas { margin-right: 1rem !important; width: 1.5rem !important; }
.grid-view .item-record-card { width: calc(50% - 1rem); }
.table-bordered>tbody>tr>td { border-right: none; background-color: var(--tlo-karty); font-size: var(--font-size-xs-2) !important; }
.modal-dialog { width: 95%; margin-left: auto !important; margin-right: auto !important; }
.karta { width: 100% !important; max-width: none !important; }
#recordsContainer, #recordsContainer.widok-kafelki { width: 100% !important; }
    body { padding-top: var(--header-max-height) !important; padding-bottom: var(--bottom-nav-height) !important; background-color: var(--tlo-powierzchni) !important; }
    body.no-sidebar, body:has(.serwis-pulpit-naglowek) { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; display: block !important; }
    body.no-sidebar .glowny-kontener-strony, body.no-sidebar .panel-glowny-kontener, body:has(.serwis-pulpit-naglowek) .glowny-kontener-strony, body:has(.serwis-pulpit-naglowek) .panel-glowny-kontener { padding: 0 !important; }
    body:has(.serwis-pulpit-naglowek) .mobile-nav-trigger, body:has(.serwis-pulpit-naglowek) .mobile-bottom-nav { display: none !important; }
    .mobile-nav-trigger { position: fixed; top: 0; left: 0; width: 100%; height: var(--header-max-height); background: var(--tlo-powierzchni); z-index: 1250; display: flex !important; flex-direction: column; justify-content: flex-start; padding: 0.5rem 1rem; border-bottom: 1px solid var(--ramka-domyslna); transition: height 0.3s ease; overflow: hidden; }
body.scrolled .mobile-nav-trigger { height: var(--header-min-height); }
body.filters-open .mobile-nav-trigger { height: var(--header-max-height) !important; }
.mobile-header-group { width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.mobile-top-row { display: flex; align-items: center; gap: 1rem; height: 4.5rem; width: 100%; flex-shrink: 0; margin-top: 1rem;}
.mobile-nav-trigger input { flex: 1; height: 4rem; border: 1px solid var(--ramka-domyslna); border-radius: 2rem; padding: 0 1.5rem; font-size: 1.6rem; background: var(--tlo-karty); color: var(--tekst-glowny); }
.mobile-top-btns { display: flex; justify-content: center; align-items: center; height: 4rem; width: 100%; transition: opacity 0.2s ease, height 0.2s ease, transform 0.2s ease; opacity: 1; transform: translateY(0); }
#mobile_dynamic_title { font-size: var(--font-size-md); font-weight: 300; letter-spacing: 0.1rem; color: var(--tekst-glowny); text-transform: uppercase; }
body.scrolled .mobile-top-btns { opacity: 0; height: 0; margin: 0; pointer-events: none; transform: translateY(-100%); }
body.filters-open .mobile-top-btns { height: 4rem !important; opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.btn-empty i { width: 4.5rem; height: 4.5rem; background: var(--kolor-akcentu); border-radius: 50%; color: var(--kolor-bialy); font-size: 2.2rem; border: 0.06rem solid var(--kolor-bialy); box-shadow: 0 0.4rem 1rem var(--cien-orange); display: flex; align-items: center; justify-content: center; }
.panel-naglowek-glowny { display: flex !important; flex-direction: column !important; position: fixed !important; top: var(--header-max-height) !important; left: 0 !important; width: 100vw !important; height: calc(100vh - var(--header-max-height) - var(--bottom-nav-height)) !important; background: var(--tlo-powierzchni) !important; z-index: 1200 !important; overflow-y: auto !important; padding: 1rem 2rem!important; transform: translateY(110%); opacity: 0; visibility: hidden; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease, visibility 0.3s; }
.panel-naglowek-glowny.mobile-visible { transform: translateY(0); opacity: 1; visibility: visible; }
.panel-naglowek-glowny .tytul-strony, .panel-naglowek-glowny .przerywnik-widoku { display: none !important; }
.panel-naglowek-glowny.mobile-visible .kontener-zaznaczania { display: flex !important; margin: 1rem auto !important; width: 100% !important; max-width: 25rem; }
.panel-naglowek-glowny .naglowek-gora, .panel-naglowek-glowny .naglowek-opcje, .panel-naglowek-glowny .nawigacja-przyciski, .panel-naglowek-glowny .przyciski-lewa, .panel-naglowek-glowny .przyciski-prawa { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; gap: 0 !important; padding: 0 !important; align-items: stretch !important; }
.panel-naglowek-glowny label { font-size: 1.3rem; color: var(--tekst-glowny); margin-bottom: 0.5rem; display: block; font-weight: 600; }
.sidebar-wrapper .sidebar-top-header { display: flex !important; width: 100%; justify-content: flex-end !important; align-items: center; height: 6rem; position: absolute; top: 0; right: 0; background: transparent; pointer-events: none; }
.sidebar-close-mobile { display: block; pointer-events: auto; }
.sidebar-toggle-brand { display: none !important; }
body.toggled .sidebar-wrapper { transform: translateX(0) !important; width: 85% !important; }
body.toggled::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; }
.panel-naglowek-glowny .wyszukiwarka-glowna label { display: none !important; }
.panel-naglowek-glowny .wybor-sortowania { width: 100% !important; padding: 0 !important; margin: 1rem 0 !important; display: block !important; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: left !important; }
.panel-naglowek-glowny .wyszukiwarka-glowna { width: 100% !important; padding: 0 !important; margin: 0 !important; display: block !important; }
.panel-naglowek-glowny .wybor-sortowania label, .panel-naglowek-glowny .wyszukiwarka-glowna label { left: 1.5rem !important; top: -0.9rem !important; background-color: var(--tlo-powierzchni) !important; }
.panel-naglowek-glowny .wybor-sortowania select, .panel-naglowek-glowny .wybor-sortowania input, .panel-naglowek-glowny .wyszukiwarka-glowna input { border-radius: 5rem !important; margin: 0 !important; }
.mobile-nav-trigger .wybor-sortowania.wyszuwarka-glowna { display: flex !important; width: 100% !important; margin: 0 !important; padding: 0 !important; align-items: center; border: none !important; }
.mobile-nav-trigger .wybor-sortowania.wyszuwarka-glowna input#main_search { flex: 1 !important; height: 4rem !important; border: 1px solid var(--ramka-domyslna) !important; border-radius: 2rem !important; padding: 0 1.5rem !important; font-size: 1.6rem !important; background: var(--tlo-karty) !important; color: var(--tekst-glowny) !important; }
.panel-naglowek-glowny #main_search { display: none !important; }
.panel-naglowek-glowny .wyszuwarka-glowna { display: none !important; }
.panel-naglowek-glowny .btn, .panel-naglowek-glowny a.btn { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; white-space: nowrap !important; padding: 0.4em 2rem !important; border: none !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; min-height: 6rem !important; background: transparent !important; color: var(--tekst-glowny) !important; }
body.modern-light .panel-naglowek-glowny .btn, body.modern-light .panel-naglowek-glowny a.btn { background: transparent !important; color: var(--tekst-glowny) !important; }
body.modern-dark .panel-naglowek-glowny .btn, body.modern-dark .panel-naglowek-glowny a.btn { background: transparent !important; color: var(--tekst-glowny) !important; }
.panel-naglowek-glowny .btn i, .panel-naglowek-glowny a.btn i { margin-right: 1.5rem !important; font-size: 2.2rem !important; text-align: center !important; flex-shrink: 0 !important; }
.panel-naglowek-glowny .btn span, .panel-naglowek-glowny a.btn span { white-space: nowrap !important; }

.sidebar-wrapper .sidebar-toggle-btn{font-size:var(--font-size-menu);padding:1rem 1.2rem;}
.sidebar-menu-wrapper .list-group-item{padding:1.2rem 1.5rem!important;line-height:1.4rem;font-size:var(--font-size-base);}
.karta-filtrow-stopka{flex-direction:column!important;gap:1.5rem!important;align-items:stretch!important}
.karta-filtrow-stopka-lewa{order:2!important;display:flex!important}
.karta-filtrow-stopka-lewa .btn{width:100%!important}
.karta-filtrow-stopka-prawa{order:1!important;flex-direction:column!important;gap:1rem!important}
.karta-filtrow-stopka-prawa .btn{width:100%!important}
.karta-filtrow-cialo{padding:1.5rem!important}
.karta-filtrow-grid{grid-template-columns:1fr!important;gap:1rem!important}
}

/* ========================================================== */
/* 21. INDEX (RESPONSYWNOŚĆ) */
/* ========================================================== */
@media (max-width: 992px) {
.siatka-gora, .siatka-dol { grid-template-columns: 1fr; gap: 1.5rem; }
.pulpit-siatka-gora-wrapper{position:relative;width:100%;max-width:100vw;padding-bottom: 2em}
.pulpit-siatka-gora{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding-bottom:1rem;margin-bottom:0!important;scrollbar-width:none;padding-left:12.5vw;padding-right:12.5vw}
.pulpit-siatka-gora::-webkit-scrollbar{display:none}
.pulpit-siatka-gora .pulpit-karta{flex:0 0 75vw!important;scroll-snap-align:center;max-width:none!important;margin-bottom:0!important}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--tlo-karty);border:1px solid var(--ramka-domyslna);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;z-index:10;color:var(--kolor-akcentu);box-shadow:var(--cien-panelu);opacity:0.8}
.slider-prev{left:1rem}
.slider-next{right:1rem}
.pulpit-sekcja-tytul h3 {text-align: center;margin-bottom: 1rem}
}
@media (max-width: 768px) {
body { padding-top: 0.5rem; }
#page-content-wrapper { justify-content: flex-start; padding-top: 0.5rem; min-height: auto; }
.pulpit-naglowek{margin-bottom: 0;}
.pulpit-logo { max-width: 20rem; }
.powitanie-tytul { font-size: var(--font-size-md); }
.pulpit-separator{display:block;font-size:0;line-height:0}
.pulpit-podtytul{max-width:75%;margin:0 auto;display:block;white-space:normal;line-height:1.4}
#push_btn_nowy { max-width: 100%; padding: 1.2rem !important; }
.siatka-skroty { margin-bottom: 7rem; }
.cookie-content-flex { flex-direction: column; text-align: center; gap: 0.5rem; }
.index-widget { width: 98% !important; margin: 1rem auto !important; }
#latest_post_widget { padding: 1.5rem !important; font-size: 1.3rem !important; }
}


/* ========================================================== */
/* 27.    SPECYFICZNE STYLE DLA BILON       */
/* ========================================================== */
@media (max-width: 768px) {#suma_zamowienia_naglowek {width: 100% !important; margin-top: 0.5rem !important; font-size: var(--font-size-xs) !important;}}

/* ========================================================== */
/* 29.    SPECYFICZNE STYLE DLA OBROTOW       */
/* ========================================================== */
@media screen and (max-width: 768px) {.child_check {display: none !important;}}

/* ========================================================== */
/* 31.   SPECYFICZNE STYLE OBROTY ZARZĄDZANIE                 */
/* ========================================================== */
@media screen and (max-width: 768px) {
.child_check{display:none!important}
.zarzadzanie-karta{position:relative!important;display:flex!important;flex-direction:column!important;padding:1.2rem 1.2rem 6.5rem 1.2rem!important;min-height:14rem!important;justify-content:flex-start!important;align-items:flex-start!important}
.zarzadzanie-karta .karta-gora{width:100%!important;display:block!important;margin:0!important;padding:0!important}
.zarzadzanie-karta .tytul-lewy{width:100%!important;display:flex!important;flex-direction:column!important;gap:0.5rem!important}
.zarzadzanie-karta .tytul-wiersz h4{font-size:1.6rem!important;margin-bottom:0.4rem!important}
.zarzadzanie-karta .info-db, .zarzadzanie-karta .info-pdf{display:flex!important;align-items:center!important;gap:0.8rem!important;margin:0!important;line-height:1.4!important;font-size:1.2rem!important}
.zarzadzanie-karta .akcje{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;display:flex!important;background:var(--tlo-karty)!important;border-top:1px solid var(--ramka-domyslna)!important;padding:0!important;margin:0!important;height:5.5rem!important;border-radius:0 0 0.8rem 0.8rem!important}
.zarzadzanie-karta .akcje .btn{flex:1!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border:none!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:0!important;gap:0.2rem!important;color:var(--tekst-glowny)!important}
.zarzadzanie-karta .akcje .btn:not(:last-child){border-right:1px solid var(--ramka-domyslna)!important}
.zarzadzanie-karta .akcje .btn i{font-size:1.8rem!important;margin:0!important}
.zarzadzanie-karta .akcje .btn span{display:block!important;font-size:1rem!important;font-weight:500!important}
.zarzadzanie-karta .info-pdf br{display:none!important}
}


/* ========================================================== */
/* 31.   SPECYFICZNE STYLE WIADOMOŚCI                         */
/* ========================================================== */
@media(max-width:992px){
	.wiadomosci-layout{flex-direction:column;height:auto}
	.wiadomosci-sidebar{display:none}
	.karta.read-message{width:95%!important}
	.naglowek-srodek{display:none}
}
@media (max-width: 768px) {

.karta .buttons-row-flex .btn-follow-inactive{color:var(--tekst-glowny)!important;background:transparent!important;font-weight:300!important}
.karta .buttons-row-flex .btn-follow-inactive i{color:var(--tekst-glowny)!important}
}



/* ========================================================== */
/* 35. SPECYFICZNE STYLE DLA ZAPAS */
/* ========================================================== */
@media (max-width: 992px) {
.zapas-kontener-glowny{width:100%;display:flex;flex-direction:column;gap:1.5rem}
.zapas-wiersz, .zapas-tabela-naglowek{flex-direction:column;align-items:flex-start;padding:1.4rem 1rem;gap:1rem;height:auto}
.zapas-etykieta{width:100%;white-space:normal;text-align:left;font-weight:600;font-size:1.5rem;padding-bottom:0.8rem;border-bottom:1px dashed var(--ramka-subtelna)}
.zapas-kolumny{width:100%;justify-content:space-between;gap:0.5rem}
.zapas-kolumna-wartosc{flex:1;text-align:center;font-size:1.4rem;white-space:normal;word-break:break-word}
.zapas-wiersz:last-child{background-color:var(--tlo-powierzchni);border-top:2px solid var(--kolor-orange);margin-top:0.5rem}
.zapas-wiersz:last-child .zapas-etykieta{font-size:1.8rem;font-weight:800;color:var(--kolor-orange);border-bottom:none}
.zapas-wiersz:last-child .zapas-kolumna-wartosc{font-size:1.7rem;font-weight:800}
}

/* ========================================================== */
/* 37. SPECYFICZNE STYLE DLA SERWIS ZGŁOSZENIA                */
/* ========================================================== */
@media screen and (max-width: 768px) {
.karta-serwis-naglowek-listy {display:none!important;}
.karta-serwis-kompakt {display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:0.5rem!important;padding:1.5rem 1.5rem 6.5rem 1.5rem!important;position:relative!important;overflow:hidden!important;width:100%!important;max-width:100%!important;}
.ks-item {width:auto!important;text-align:left!important;white-space:normal!important;overflow:visible!important;}
.ks-id {grid-column:1/2!important;font-size:1.2rem!important;color:var(--tekst-drugorzedny)!important;font-weight:300!important;border:none!important;padding:0!important;margin:0!important;}
.ks-sklep {grid-column:2/4!important;font-size:1.2rem!important;font-weight:300!important;text-align:right!important;margin:0!important;}
.ks-temat {grid-column:1/4!important;font-size:1.4rem!important;font-weight:300!important;margin-top:0.2rem!important;color:var(--tekst-glowny)!important;line-height:1.3!important;}
.ks-serwis {grid-column:1/4!important;font-size:1.2rem!important;color:var(--tekst-drugorzedny)!important;font-weight:300!important;padding-bottom:1rem!important;border-bottom:1px solid rgba(255,255,255,0.2)!important;}
.ks-status {grid-column:1/2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin:0!important;padding-top:0.5rem!important;}
.ks-status::before {content:"Status"!important;font-size:1rem!important;color:var(--tekst-drugorzedny)!important;font-weight:300!important;margin-bottom:0.3rem!important;}
.ks-data {grid-column:2/3!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding-top:0.5rem!important;font-size:1.2rem!important;font-weight:300!important;color:var(--tekst-glowny)!important;}
.ks-data::before {content:"Przekazano"!important;font-size:1rem!important;color:var(--tekst-drugorzedny)!important;font-weight:300!important;margin-bottom:0.3rem!important;}
.ks-sla {grid-column:3/4!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-align:right!important;padding-top:0.5rem!important;font-size:1.2rem!important;font-weight:300!important;color:var(--tekst-glowny)!important;}
.ks-sla::before {content:"Termin"!important;font-size:1rem!important;color:var(--tekst-drugorzedny)!important;font-weight:300!important;margin-bottom:0.3rem!important;}
.ks-akcja {position:absolute!important;bottom:0!important;left:0!important;width:100%!important;margin:0!important;padding:0!important;border-top:1px solid var(--ramka-domyslna)!important;background:var(--tlo-karty)!important;z-index:5!important;display:flex!important;flex-direction:row!important;}
.ks-akcja .buttons-row-flex {width:100%!important;display:flex!important;justify-content:center!important;align-items:stretch!important;margin:0!important;padding:0!important;opacity:1!important;}
.ks-akcja .buttons-row-flex .btn, .ks-akcja .buttons-row-flex .btn-base-xs {flex:1!important;background:transparent!important;color:var(--tekst-glowny)!important;border:none!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0.2rem!important;min-height:5.5rem!important;height:auto!important;width:auto!important;font-weight:300!important;font-size:1.1rem!important;box-shadow:none!important;margin:0!important;transition:none!important;transform:none!important;}
.ks-akcja .buttons-row-flex .btn:not(:last-child), .ks-akcja .buttons-row-flex .btn-base-xs:not(:last-child) {border-right:1px solid var(--ramka-domyslna)!important;}
.ks-akcja .buttons-row-flex .btn i, .ks-akcja .buttons-row-flex .btn-base-xs i {font-size:1.4rem!important;margin:0!important;display:block!important;color:var(--tekst-glowny)!important;}
.ks-akcja .buttons-row-flex .btn:hover, .ks-akcja .buttons-row-flex .btn-base-xs:hover, .ks-akcja .buttons-row-flex .btn:active, .ks-akcja .buttons-row-flex .btn-base-xs:active {background-color:rgba(100,100,100,0.1)!important;transform:none!important;border-radius:0!important;}
#p_akcje_top div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:2px!important;width:100%!important;margin:0!important;padding:0!important;}
#p_akcje_top div div{flex:1!important;width:auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.btn-serwis-okragly{width:3.2rem!important;height:3.2rem!important;font-size:1.3rem!important;margin-bottom:0.2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;}
#p_akcje_top div div div{font-size:0.8rem!important;font-weight:300!important;margin:0!important;white-space:nowrap!important;}
.modal-serwis-info-grid {grid-template-columns:1fr!important;gap:1rem!important;}
#modal_podglad .okno-kontener { width: 100vw !important; height: 100vh !important; max-width: 100% !important; margin: 0 !important; border-radius: 0 !important; }
#modal_podglad .serwis-akcje-top { gap: 0.5rem !important; padding: 1rem !important; width: 100% !important; margin: 0 !important; justify-content: space-between !important; box-sizing: border-box !important; }
.modal-serwis-info-grid { padding: 1rem !important; }
.komunikator-input-footer { padding: 1rem !important; }
#modal_podglad .btn-serwis-okragly {width:4rem!important;height:4rem!important;font-size:1.6rem!important;}
#modal_podglad .serwis-akcje-top > div > div {font-size:9px!important;}
.serwis-pulpit-naglowek { flex-direction: column; text-align: center; gap: 1.5rem; padding: 1.5rem; margin-top: 1rem; }
.serwis-pulpit-logo { max-height: 5rem; margin: 0 auto; }
.serwis-pulpit-tekst { align-items: center; }
.serwis-pulpit-akcje { width: 100%; justify-content: center; border-top: 1px solid var(--ramka-domyslna); padding-top: 1.5rem; }
a[href="wyloguj"] span { display: none !important; }
a[href="wyloguj"] i { margin: 0 !important; }
a[href="wyloguj"] { padding: 0.6rem 1rem !important; justify-content: center !important; }
.karta { padding: 1rem 1rem 6.5rem 1rem !important; width: 100% !important; }
.karta-serwis-kompakt { padding: 0.8rem 1rem 6.5rem 1rem !important; }
.panel-naglowek-glowny { padding: 1rem 1.2rem !important; }
}
/* ========================================================== */
/* KALENDARZ FLATPICKR - CENTRALNY MODAL                      */
/* ========================================================== */
@media screen and (max-width:768px){
.flatpickr-calendar{width:95vw!important;max-width:400px!important;left:50%!important;top:50%!important;position:fixed!important;z-index:9999999!important;background:var(--tlo-karty)!important;border:1px solid var(--ramka-domyslna)!important;border-radius:25px!important;box-shadow:0 20px 50px rgba(0,0,0,0.5)!important;opacity:0;visibility:hidden;transform:translate(-50%,-40%) scale(0.95)!important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)!important;display:block!important;padding:10px!important}
.flatpickr-innerContainer,.flatpickr-days,.dayContainer{width:100%!important;max-width:100%!important;margin:0 auto!important}
.flatpickr-calendar.open{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1)!important}
.flatpickr-wrapper::before{content:''!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,0.6)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999998!important;opacity:0;visibility:hidden;transition:all 0.3s ease!important}
.flatpickr-calendar.open::before{content:none!important}
.flatpickr-wrapper::after{content:''!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,0.7)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;z-index:9999998!important;display:none}
.flatpickr-calendar.open + .flatpickr-wrapper::after, .flatpickr-calendar.open{display:block!important}
.flatpickr-day{flex-basis:14.28%!important;max-width:14.28%!important;height:35px!important;line-height:35px!important;font-size:1.1rem!important;margin:0!important;padding:0!important;}
/*i, .fas, .far, .fal, .fab{font-weight:900!important}*/
.flatpickr-current-month .flatpickr-monthDropdown-months{background-color:var(--tlo-karty)!important;border:1px solid var(--ramka-domyslna)!important;border-radius:5rem!important;width:10rem!important;text-align:center!important}
.numInputWrapper{background-color:var(--tlo-karty)!important;border:1px solid var(--ramka-domyslna)!important;border-radius:5rem!important;width:8rem!important}
.numInputWrapper input{text-align:center!important;padding:0!important}
}

/* ========================================================== */
/* 42. LOGIN */
/* ========================================================== */

@media screen and (max-width:768px) {body.login-body{align-items:flex-start;padding-top:5rem!important;padding-bottom:0!important;} 
	.login-kontener{margin:0;border-radius:0;box-shadow:none;border:none;background-color:transparent;max-width:90%;width:90%;min-height:100vh;padding:0 1.5rem;} 
	.login-logo{max-width:14rem; margin-top: 5rem}
}

/* ========================================================== */
/* 43. SPECYFICZNE STYLE DLA OBSERWUJACYCH - MOBILE           */
/* ========================================================== */
@media (max-width: 768px) {
.obs-naglowek-grupy{width:100%!important;max-width:100%!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-bottom:1px solid var(--ramka-domyslna)!important;padding:1.2rem 1rem!important;margin:0!important;flex-wrap:nowrap!important}
.obs-naglowek-lewa{flex:1!important;flex-wrap:nowrap!important;gap:0.5rem!important;overflow:hidden!important}
.obs-licznik-grupy{font-size:var(--font-size-xs)!important;order:2!important}
.obs-badge{order:3!important;margin:0!important;font-size:var(--font-size-xxs)!important;padding:0.2rem 0.4rem!important;white-space:nowrap!important}
.obs-naglowek-prawa{flex:0 0 auto!important;gap:0.2rem!important}
.obs-strzalka{margin-left:0.2rem!important;padding-left:0.5rem!important;font-size:1.4rem!important}
.obs-karty-kontener{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
.obs-karta{width:100%!important;max-width:100%!important;border-radius:0!important;border-left:0.3rem solid var(--kolor-orange)!important;border-right:none!important;border-top:none!important;border-bottom:1px solid var(--ramka-subtelna)!important;padding:1rem!important;margin:0!important;background:var(--tlo-powierzchni)!important;min-height:0!important;flex-direction:row!important;align-items:center!important}
.obs-karta .karta-gora{flex-direction:row!important;align-items:center!important;width:100%!important;flex-wrap:nowrap!important}
.obs-karta .gora-lewa{flex:1!important;overflow:hidden!important}
.obs-nazwa-usera{font-size:var(--font-size-sm)!important;font-weight:300!important;color:var(--tekst-glowny)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.obs-nazwa-usera i{display:none!important}
.obs-karta .akcje{flex:0 0 auto!important;margin-left:auto!important;border:none!important;background:transparent!important;position:static!important;width:auto!important;height:auto!important}
.obs-karta .buttons-row-flex{gap:0.2rem!important;justify-content:flex-end!important}
.obs-btn-transparent{width:3.2rem!important;height:3.2rem!important}
.obs-naglowek-prawa .obs-btn-transparent{width:3.2rem!important;height:3.2rem!important}
}

/* ========================================================== */
/* 48. SPECYFICZNE STYLE DLA ADMINISTRACJA          */
/* ========================================================== */
@media (max-width: 768px) {
.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-sekcja-kart { width: 95vw !important; grid-template-columns: 1fr !important; }
.admin-sklep-tytul { cursor: pointer; user-select: none; }
.admin-sklep-tytul::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: auto; transition: transform 0.25s; }
.admin-sklep-tytul.aktywny::after { transform: rotate(180deg); }
.admin-akordeon-zamknij { display: flex !important; align-items: center; justify-content: center; gap: 0.8rem; padding: 1rem; margin-top: 1rem; border-top: 1px solid var(--ramka-domyslna); cursor: pointer; font-size: var(--font-size-sm); color: var(--tekst-drugorzedny); }
}