body.styl-lkh .secure-podglad-ustawien { margin-top: 1.5rem; border: 1px solid var(--lkh-linia); border-radius: .75rem; background: var(--lkh-powierzchnia); scroll-margin-top: 7rem; }
body.styl-lkh .secure-podglad-ustawien > summary { display: flex; justify-content: space-between; padding: 1.3rem; color: var(--lkh-tekst); cursor: pointer; font-weight: 700; }
body.styl-lkh .secure-ustawienia { padding: 1.5rem; margin: 1rem 0; border: 1px solid var(--lkh-linia); border-radius: .75rem; background: var(--lkh-powierzchnia); color: var(--lkh-tekst); scroll-margin-top: 7rem; }
body.styl-lkh .secure-podglad-ustawien > .secure-ustawienia { border: 0; margin: 0; }
body.styl-lkh .secure-ustawienia-naglowek { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
body.styl-lkh .secure-ustawienia-naglowek > i { color: var(--lkh-akcent); font-size: 1.8rem; }
body.styl-lkh .secure-ustawienia-etykieta { color: var(--lkh-akcent); margin: 0 0 .4rem; font-size: .8rem; font-weight: 700; }
body.styl-lkh .secure-ustawienia h3 { color: var(--lkh-tekst); margin: 0; font-size: 1.5rem; }
body.styl-lkh .secure-ustawienia > p, body.styl-lkh .secure-ustawienia > [data-secure-konfiguracja] > p { font-size: .9rem; line-height: 1.7; color: var(--lkh-opis); }
body.styl-lkh .secure-ustawienia [hidden] { display: none !important; }
body.styl-lkh .secure-konto-status { padding: 1rem; background: var(--lkh-panel); border-radius: .4rem; }
body.styl-lkh .secure-konto-wybor { display: grid; gap: .5rem; margin: 1rem 0; color: var(--lkh-tekst); font-size: .85rem; }
body.styl-lkh .secure-konto-wybor select { width: 100%; padding: .75rem; border: 1px solid var(--lkh-linia); border-radius: .4rem; background: var(--lkh-panel); color: var(--lkh-tekst); font: inherit; }
body.styl-lkh .secure-panel-danych { margin: 1.2rem 0; padding: 1.2rem; border: 1px solid var(--lkh-linia); border-radius: .6rem; }
body.styl-lkh .secure-panel-danych h4 { margin: 0 0 1rem; font-size: 1rem; color: var(--lkh-tekst); }
body.styl-lkh .secure-panel-danych p, body.styl-lkh .secure-panel-pomoc { color: var(--lkh-opis); font-size: .8rem; line-height: 1.7; }
body.styl-lkh .secure-reguly-pola, body.styl-lkh .secure-alerty-pola { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
body.styl-lkh .secure-panel-danych label { color: var(--lkh-tekst); font-size: .85rem; }
body.styl-lkh .secure-reguly-pola label, body.styl-lkh .secure-alerty-pola label, body.styl-lkh .secure-raport-akcje label { display: grid; gap: .5rem; }
body.styl-lkh .secure-ustawienia textarea, body.styl-lkh .secure-ustawienia input[type="number"], body.styl-lkh .secure-ustawienia input[type="month"], body.styl-lkh .secure-alerty-pola select { box-sizing: border-box; width: 100%; min-width: 0; padding: .7rem; border: 1px solid var(--lkh-linia); border-radius: .4rem; background: var(--lkh-panel); color: var(--lkh-tekst); font: inherit; }
body.styl-lkh .secure-ustawienia textarea { resize: vertical; }
body.styl-lkh .secure-metryki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: .5rem 0 1rem; }
body.styl-lkh .secure-metryki > div { padding: 1rem; border-radius: .4rem; background: var(--lkh-panel); }
body.styl-lkh .secure-metryki dt { font-size: .8rem; color: var(--lkh-opis); }
body.styl-lkh .secure-metryki dd { margin: .4rem 0 0; font-size: 1.4rem; color: var(--lkh-tekst); font-weight: 700; overflow-wrap: anywhere; }
body.styl-lkh .secure-kategorie { display: grid; gap: .5rem; list-style: none; padding: 0; margin: 1rem 0 0; }
body.styl-lkh .secure-kategorie li { display: flex; justify-content: space-between; gap: 1rem; color: var(--lkh-tekst); font-size: .8rem; }
body.styl-lkh .secure-raport-akcje { display: flex; flex-wrap: wrap; align-items: end; gap: .8rem; }
body.styl-lkh [data-secure-historia-lista] { list-style: none; padding: 0; margin: 0; }
body.styl-lkh [data-secure-historia-lista] li { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: .7rem 0; border-bottom: 1px solid var(--lkh-linia); font-size: .8rem; color: var(--lkh-opis); }
body.styl-lkh .secure-ustawienia input:disabled, body.styl-lkh .secure-ustawienia button:disabled { cursor: default; opacity: .65; }
body.styl-lkh .secure-ustawienia .secure-ustawienia-zasieg { padding: 1rem; border-left: 3px solid var(--lkh-akcent); background: var(--lkh-panel); color: var(--lkh-tekst); }
body.styl-lkh .secure-ustawienia .secure-ustawienia-podglad { font-size: .8rem; }
body.styl-lkh .secure-symulacja { display: flex; align-items: end; gap: 1.5rem; flex-wrap: wrap; padding: 1.1rem 0; }
body.styl-lkh .secure-symulacja > label, body.styl-lkh .secure-godziny label { display: grid; gap: .45rem; font-size: .8rem; font-weight: 600; }
body.styl-lkh .secure-symulacja > p { max-width: 34rem; color: var(--lkh-opis); font-size: .8rem; line-height: 1.6; margin: 0; }
body.styl-lkh .secure-ustawienia input[type="time"], body.styl-lkh .secure-ustawienia input[type="datetime-local"] { box-sizing: border-box; min-height: 2.7rem; max-width: 100%; padding: .6rem; border: 1px solid var(--lkh-linia); border-radius: .4rem; background: var(--lkh-panel); color: var(--lkh-tekst); font: inherit; color-scheme: light; }
body.styl-lkh.dark-mode .secure-ustawienia :is(input, select, textarea) { color-scheme: dark; }
body.styl-lkh .secure-filtry { display: grid; gap: 1rem; margin-top: 1rem; }
body.styl-lkh .secure-filtr { padding: 1.2rem; border: 1px solid var(--lkh-linia); border-radius: .6rem; background: var(--lkh-powierzchnia); }
body.styl-lkh .secure-filtr-naglowek { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
body.styl-lkh .secure-filtr h4 { margin: 0; font-size: 1rem; color: var(--lkh-tekst); }
body.styl-lkh .secure-filtr-naglowek p { margin: .4rem 0 0; color: var(--lkh-opis); font-size: .8rem; line-height: 1.6; }
body.styl-lkh .secure-przelacznik { display: inline-flex; position: relative; flex-shrink: 0; cursor: pointer; }
body.styl-lkh .secure-przelacznik input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; }
body.styl-lkh .secure-przelacznik span { display: block; width: 3rem; height: 1.7rem; border: 1px solid var(--lkh-linia); border-radius: 1rem; background: var(--lkh-panel); pointer-events: none; }
body.styl-lkh .secure-przelacznik span::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--lkh-opis); transform: translate(.18rem,.18rem); }
body.styl-lkh .secure-przelacznik input:checked + span { border-color: var(--lkh-akcent); }
body.styl-lkh .secure-przelacznik input:checked + span::after { background: var(--lkh-akcent); transform: translate(1.5rem,.18rem); }
body.styl-lkh .secure-przelacznik input:disabled + span { opacity: .5; }
body.styl-lkh .secure-przelacznik input:focus-visible + span, body.styl-lkh .secure-dni input:focus-visible + span { outline: 3px solid var(--lkh-akcent); outline-offset: 3px; }
body.styl-lkh .secure-ustawienia input { accent-color: var(--lkh-akcent); }
body.styl-lkh .secure-filtr-dzialanie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .9rem; }
body.styl-lkh .secure-filtr-stan { font-size: .75rem; color: var(--lkh-opis); }
body.styl-lkh .secure-filtr-stan.blokuje { color: var(--lkh-akcent); font-weight: 700; }
body.styl-lkh .secure-harmonogram-wybor { display: flex; align-items: center; gap: .4rem; font-size: .8rem; color: var(--lkh-tekst); cursor: pointer; }
body.styl-lkh .secure-harmonogram-pola { padding-top: 1rem; margin-top: 1rem; border-top: 1px solid var(--lkh-linia); }
body.styl-lkh .secure-harmonogram-pola[hidden] { display: none; }
body.styl-lkh .secure-harmonogram-pola fieldset { border: 0; margin: 0; padding: 0; }
body.styl-lkh .secure-harmonogram-pola legend { font-size: .8rem; color: var(--lkh-tekst); margin-bottom: .7rem; }
body.styl-lkh .secure-dni { display: flex; flex-wrap: wrap; gap: .5rem; }
body.styl-lkh .secure-dni label { position: relative; cursor: pointer; }
body.styl-lkh .secure-dni input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; }
body.styl-lkh .secure-dni span { display: block; padding: .55rem .7rem; border: 1px solid var(--lkh-linia); border-radius: .4rem; font-size: .8rem; color: var(--lkh-opis); background: var(--lkh-panel); pointer-events: none; }
body.styl-lkh .secure-dni input:checked + span { border-color: var(--lkh-akcent); color: var(--lkh-tekst); font-weight: 700; }
body.styl-lkh .secure-godziny { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
body.styl-lkh .secure-harmonogram-pola > p { margin: .8rem 0 0; font-size: .75rem; line-height: 1.6; color: var(--lkh-opis); }
body.styl-lkh .secure-filtr .secure-filtr-blad { margin: .8rem 0 0; color: var(--lkh-akcent); font-size: .8rem; font-weight: 700; }
body.styl-lkh .secure-ustawienia-stale { display: flex; align-items: start; gap: .6rem; padding-top: .8rem; }
body.styl-lkh .secure-ustawienia-stale i { padding-top: .35rem; color: var(--lkh-akcent); }
body.styl-lkh .secure-ustawienia-stopka { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; }
body.styl-lkh .secure-ustawienia-stopka p { max-width: 35rem; margin: 0; font-size: .8rem; line-height: 1.6; color: var(--lkh-opis); }
body.styl-lkh .secure-pakiety-katalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
body.styl-lkh .secure-pakiet-konta { display: flex; flex-direction: column; gap: .8rem; min-width: 0; padding: 1.2rem; border: 1px solid var(--lkh-linia); border-radius: .6rem; }
body.styl-lkh .secure-pakiet-konta h4 { margin: 0; color: var(--lkh-tekst); font-size: 1.1rem; overflow-wrap: anywhere; }
body.styl-lkh .secure-pakiet-konta .secure-pakiet-konta-cena { margin: 0; font-weight: 700; color: var(--lkh-tekst); }
body.styl-lkh .secure-pakiet-konta > button { margin-top: auto; width: 100%; }
body.styl-lkh .secure-pakiety-zakres { margin-bottom: .5rem; color: var(--lkh-tekst); }
body.styl-lkh .secure-pakiety-zakres summary { cursor: pointer; font-size: .85rem; }
body.styl-lkh .secure-pakiety-zakres ul { display: grid; gap: .8rem; margin: 1rem 0; padding: 0; list-style: none; }
body.styl-lkh .secure-pakiety-zakres li { display: flex; align-items: start; justify-content: space-between; gap: .6rem; font-size: .8rem; }
body.styl-lkh .secure-pakiety-info-przycisk { flex-shrink: 0; width: 1.8rem; height: 1.8rem; border: 1px solid var(--lkh-linia); border-radius: 50%; background: var(--lkh-panel); color: var(--lkh-akcent); cursor: pointer; }
body.styl-lkh .secure-pakiety-modal { box-sizing: border-box; width: min(42rem, calc(100% - 2rem)); max-height: min(90dvh, 55rem); padding: 0; border: 1px solid var(--lkh-linia); border-radius: .8rem; background: var(--lkh-powierzchnia); color: var(--lkh-tekst); }
body.styl-lkh .secure-pakiety-modal[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
body.styl-lkh .secure-pakiety-modal::backdrop { background: rgba(5, 14, 26, .7); backdrop-filter: blur(4px); }
body.styl-lkh .secure-pakiety-modal > header { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: 1.3rem; border-bottom: 1px solid var(--lkh-linia); }
body.styl-lkh .secure-pakiety-modal :is(h3,h4) { margin: 0; color: var(--lkh-tekst); font-size: 1.15rem; }
body.styl-lkh .secure-pakiety-modal > header > button { flex-shrink: 0; border: 0; border-radius: .4rem; background: var(--lkh-panel); color: var(--lkh-tekst); width: 2rem; height: 2rem; font-size: 1.5rem; cursor: pointer; }
body.styl-lkh .secure-pakiety-modal-tresc { padding: 1.3rem; overflow-y: auto; overflow-wrap: anywhere; }
body.styl-lkh .secure-pakiety-modal-tresc p { color: var(--lkh-opis); line-height: 1.7; font-size: .9rem; }
body.styl-lkh .secure-pakiety-modal > footer { display: flex; flex-wrap: wrap; gap: .7rem; padding: 1.3rem; border-top: 1px solid var(--lkh-linia); }
body.styl-lkh .secure-pakiety-potwierdzenie { display: flex; align-items: start; gap: .7rem; font-size: .85rem; line-height: 1.6; color: var(--lkh-tekst); }
body.styl-lkh .secure-pakiety-potwierdzenie input { flex-shrink: 0; margin-top: .35rem; }
body.styl-lkh .secure-pakiet-dyspozycja { padding: 1rem 0; border-bottom: 1px solid var(--lkh-linia); overflow-wrap: anywhere; }
body.styl-lkh .secure-pakiet-dyspozycja:last-child { border-bottom: 0; }
body.styl-lkh .secure-pakiet-dyspozycja time { display: block; margin-bottom: .8rem; color: var(--lkh-opis); font-size: .8rem; }
body.styl-lkh .secure-pakiety-info-przycisk:focus-visible, body.styl-lkh .secure-pakiety-modal button:focus-visible { outline: 3px solid var(--lkh-akcent); outline-offset: 3px; }
@media (max-width: 640px) {
    body.styl-lkh .secure-ustawienia { padding: 1rem; }
    body.styl-lkh .secure-filtr { padding: 1rem; }
    body.styl-lkh .secure-symulacja { gap: .7rem; }
    body.styl-lkh .secure-symulacja > label { width: 100%; }
    body.styl-lkh .secure-filtr-naglowek h4 { font-size: .95rem; }
    body.styl-lkh .secure-reguly-pola, body.styl-lkh .secure-alerty-pola { grid-template-columns: minmax(0, 1fr); }
    body.styl-lkh .secure-pakiety-katalog { grid-template-columns: minmax(0, 1fr); }
    body.styl-lkh .secure-pakiety-modal > footer > button { width: 100%; }
}