/* Wygląd stron kont (/konto/*) wg zatwierdzonej makiety (plik projektowy, poza witryną).
 *
 * Dlaczego taki zapis selektorów:
 * - konto.css trafia do <head> przez $head_meta, czyli PRZED style.css i responsive.css. Przy równej
 *   specyficzności wygrałyby więc reguły serwisu (np. "#centerblock p", "#centerblock h1"). Dlatego
 *   wszystko siedzi pod korzeniem "#konto.k" (ID + klasa), a reguły dotykające <ul>/<li> (serwis ma
 *   "#centerblock #tresc ul", dwa ID) dostają jeszcze przedrostek "#centerblock".
 * - style.css i responsive.css zostają nietknięte (używa ich cały serwis i moduł Download).
 */

/* ------------------------------------------------------------------ układ strony */

/* Strony kont są zawsze bez boków serwisu (templates/konto.php): środkowa kolumna zajmuje szerokość #content.
   Serwis daje #centerblock float + szerokość procentową (style.css) i pływającą kolumnę 1.7em
   na małych ekranach (responsive.css); tu wyłączamy float i wyśrodkowujemy kolumnę.
   width:100% jest potrzebne, bo na małych ekranach #content jest kontenerem flex (kolumna), a tam
   auto-marginesy bez szerokości zwężają element do zawartości. */
#content.konto-bez-bokow #centerblock{float:none;width:100%;max-width:880px;margin:0 auto;padding:10px 10px 0;box-sizing:border-box;text-align:left}

/* ------------------------------------------------------------------ korzeń, tokeny, reset względem serwisu */

#konto.k{
	--blue:#31b2e8; --blue-link:#0a6cb0; --blue-link-hover:#08558c; --blue-deep:#1f78c0; --blue-bar-1:#4aa8e6; --blue-bar-2:#2a85cc;
	--orange:#ff6600; --orange-bar-1:#f09a45; --orange-bar-2:#e07a1f; --orange-soft:#fff3e6; --orange-line:#f3c9a0;
	--ink:#1c1c2e; --muted:#5c6070; --line:#dde3ee; --field:#c3d8f5; --panel:#f6f9fd;
	--ok:#1d7a46; --ok-soft:#e7f5ec; --warn:#8a5a00; --warn-soft:#fff6dd; --bad:#b3261e; --bad-soft:#fdeceb;
	--display:'Titillium Web',Arial,sans-serif; --text:'Open Sans',Arial,sans-serif;
	/* Własna baza w px: serwis ustawia #tresc na 13pt, a na małych ekranach 1.7em - nie chcemy tego dziedziczyć. */
	font-family:var(--text);font-size:15px;line-height:1.5;color:var(--ink);
	text-align:left;width:100%;min-width:0;box-sizing:border-box;
}
#konto.k *,#konto.k *::before,#konto.k *::after{box-sizing:border-box}
#konto.k [hidden]{display:none!important}
#konto.k h1{margin:0;padding:0;font:600 26px/1.15 var(--display);color:var(--ink)}
#konto.k p{margin:0 0 12px;padding:0}
#konto.k a{color:var(--blue-link)}
/* Wcześniej niż reguły przycisków i zakładek (równa specyficzność): te mają własne kolory także przy :hover. */
#konto.k a:hover{color:var(--blue-link-hover)}
#konto.k a.k-btn{color:#fff}
#konto.k a.k-btn.ghost{color:var(--blue-deep)}
/* Widoczny fokus z klawiatury: pełny #1f78c0 (kontrast 4,66:1 na białym, ok. 4,3:1 na tle panelu #f6f9fd; wymagane 3:1), bez półprzezroczystości. */
#konto.k :focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px;border-radius:4px}

/* ------------------------------------------------------------------ nagłówek konta */

#konto.k .k-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0 12px}
#konto.k .k-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(var(--blue-bar-1),var(--blue-bar-2));color:#fff;display:grid;place-items:center;font:700 24px var(--display);flex:none}
#konto.k .k-head-txt{flex:1 1 220px;min-width:0}
#konto.k .k-head-txt p{margin:2px 0 0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
#konto.k .k-out{font-size:14px}

/* Chip (plakietka statusu); domyślnie pomarańczowy, warianty ok / warn. */
#konto.k .k-chip{display:inline-flex;align-items:center;gap:7px;font:600 13px var(--text);padding:5px 12px;border-radius:999px;border:1px solid var(--orange-line);background:var(--orange-soft);color:#8a4300;white-space:nowrap}
#konto.k .k-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
#konto.k .k-chip.ok{background:var(--ok-soft);border-color:#b8e0c8;color:var(--ok)}
#konto.k .k-chip.ok::before{background:var(--ok)}
#konto.k .k-chip.warn{background:var(--warn-soft);border-color:#ecd48a;color:var(--warn)}
#konto.k .k-chip.warn::before{background:#d49a00}
#konto.k .k-chip.bad{background:var(--bad-soft);border-color:#efb6b2;color:#7a1a14}
#konto.k .k-chip.bad::before{background:var(--bad)}

/* ------------------------------------------------------------------ zakładki (przewijane poziomo na wąskich ekranach) */

#konto.k .k-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:2px solid var(--line);margin:0 0 18px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
#konto.k .k-tabs a{flex:none;display:flex;align-items:center;min-height:44px;font:600 16px var(--display);color:var(--muted);text-decoration:none;padding:6px 16px;margin-bottom:-2px;border-bottom:3px solid transparent}
#konto.k .k-tabs a:hover{color:var(--blue-deep)}
#konto.k .k-tabs a[aria-current=page]{color:var(--blue-deep);border-bottom-color:var(--blue)}
#konto.k .k-tabs .n{display:inline-block;min-width:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--line);color:var(--muted);font-size:12px;line-height:20px;text-align:center}

/* ------------------------------------------------------------------ panel = ten sam pasek tytułowy co boksy serwisu */

#konto.k .k-panel{background:#fff;border:1px solid var(--line);border-radius:0 0 8px 8px;margin:0 0 20px;box-shadow:0 1px 2px rgba(31,120,192,.06)}
/* Tytuł panelu to <h2>: serwis nadaje h2 własny rozmiar i padding, więc nadpisujemy je tu jawnie. */
#konto.k .k-panel-title{margin:-1px -1px 0;padding:6px 18px;border-radius:8px 8px 0 0;font:600 17px/1.3 var(--display);color:#fff;background:linear-gradient(var(--blue-bar-1),var(--blue-bar-2))}
#konto.k .k-panel.orange .k-panel-title{background:linear-gradient(var(--orange-bar-1),var(--orange-bar-2))}
#konto.k .k-panel.danger{border-color:#e9b9b5}
#konto.k .k-panel.danger .k-panel-title{background:linear-gradient(#cf4a40,#a93229)}
#konto.k .k-panel-body{padding:20px 22px 22px}
#konto.k .k-panel-body>p:first-child{margin-top:0}
#konto.k .k-panel-body>*:last-child{margin-bottom:0}
#konto.k .k-lead{color:var(--muted);font-size:14px;margin:0 0 16px}

/* ------------------------------------------------------------------ formularze: pola na 100% szerokości kolumny */

#konto.k .k-form{display:block;width:100%;max-width:none;margin:0;padding:0;background:none;border:0}
#konto.k .k-field{margin:0 0 16px}
#konto.k .k-field>label,#konto.k .k-label{display:block;font:600 13.5px var(--text);color:var(--ink);margin:0 0 5px}
/* 16px w polu: iOS nie przybliża strony po dotknięciu pola. */
#konto.k .k-field input[type=text],#konto.k .k-field input[type=email],#konto.k .k-field input[type=password],#konto.k .k-field input[type=date],#konto.k .k-field select{display:block;width:100%;height:44px;padding:9px 12px;border:1.5px solid var(--field);border-radius:6px;background:#fff;color:var(--ink);font:400 16px var(--text);transition:border-color .15s,box-shadow .15s}
#konto.k .k-field input:hover{border-color:#9fc2ee}
#konto.k .k-field input:focus,#konto.k .k-field select:focus{outline:none;border-color:var(--blue-deep);box-shadow:0 0 0 3px rgba(31,120,192,.35)}
#konto.k .k-field input[readonly]{background:var(--panel);color:var(--muted)}
#konto.k .k-field input[aria-invalid=true]{border-color:var(--bad)}
#konto.k .k-hint{margin:5px 0 0;font-size:12.5px;color:var(--muted)}
/* Komunikat błędu pola leży w tym samym wierszu pod polem, więc ma mniejszy odstęp niż komunikat strony. */
#konto.k .k-field .k-note,#konto.k .k-field .konto-blad{margin:8px 0 0}
/* Pole wyboru w wierszu .k-field (Faktura na firmę, widoczne bez JS): reguła etykiet pól wyżej ma większą
   specyficzność niż .k-check, więc przywracamy układ z checkboxem obok napisu. */
#konto.k .k-field>label.k-check{display:flex;font:400 14px var(--text);margin:0}
#konto.k .k-grid{display:grid;grid-template-columns:1fr;gap:0 16px}
@media (min-width:641px){
	#konto.k .k-grid.kod{grid-template-columns:1fr 2fr}
	#konto.k .k-grid.dwa{grid-template-columns:1fr 1fr}
}
/* Honeypot rejestracji: style.css chowa go tylko wewnątrz .pobierz-form, a nowe formularze mają .k-form. */
#konto.k .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* Pole hasła z przyciskiem Pokaż / Ukryj. Przycisk jest ukryty (atrybut hidden), dopóki skrypt go nie odsłoni,
   więc bez JS zostaje zwykłe pole hasła. */
#konto.k .k-pw{position:relative}
#konto.k .k-pw input{padding-right:88px}
#konto.k .k-pw button{position:absolute;right:2px;top:0;height:44px;min-width:60px;border:0;background:transparent;color:var(--blue-link);font:600 13px var(--text);cursor:pointer;padding:0 12px;border-radius:5px}
#konto.k .k-pw button:hover{background:#eef8fd}

/* Przełącznik osoba / firma: segmenty są etykietami checkboxa (checkbox zostaje w DOM-ie i steruje logiką). */
#konto.k .k-seg{display:inline-flex;border:1.5px solid var(--field);border-radius:8px;overflow:hidden;margin:0 0 18px;background:#fff}
#konto.k .k-seg button,#konto.k .k-seg label{display:inline-flex;align-items:center;min-height:44px;font:600 15px var(--display);padding:9px 20px;border:0;background:transparent;color:var(--muted);cursor:pointer;margin:0}
#konto.k .k-seg button[aria-pressed=true],#konto.k .k-seg .on{background:var(--blue-deep);color:#fff}
#konto.k .k-seg button+button,#konto.k .k-seg label+label{border-left:1.5px solid var(--field)}
/* Przełącznik widoków jako zwykłe linki (np. Nagrania: Do nagrania / Wgrane); aktywny ma aria-current. */
#centerblock #konto.k .k-seg a,#konto.k .k-seg a{display:inline-flex;align-items:center;min-height:44px;font:600 15px var(--display);padding:9px 20px;background:transparent;color:var(--muted);text-decoration:none;margin:0;border:0}
#centerblock #konto.k .k-seg a[aria-current=page],#konto.k .k-seg a[aria-current=page]{background:var(--blue-deep);color:#fff}
#centerblock #konto.k .k-seg a:not([aria-current=page]):hover,#konto.k .k-seg a:not([aria-current=page]):hover{background:#eef8fd;color:var(--blue-deep)}
#konto.k .k-seg a+a{border-left:1.5px solid var(--field)}
#konto.k .k-seg a:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}

/* ------------------------------------------------------------------ przyciski */

#konto.k .k-actions{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:6px}
#konto.k .k-btn{display:inline-block;min-height:44px;font:700 15px var(--display);letter-spacing:.2px;text-transform:none;color:#fff;background:var(--blue-deep);border:0;border-radius:6px;padding:11px 24px;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s}
#konto.k .k-btn:hover{background:#19649f}
#konto.k .k-btn.block{display:block;width:100%}
#konto.k .k-btn.ghost{background:#fff;color:var(--blue-deep);border:1.5px solid var(--blue)}
#konto.k .k-btn.ghost:hover{background:#eef8fd}
#konto.k .k-btn.danger{background:var(--bad)}
#konto.k .k-btn.danger:hover{background:#951e17}
#konto.k .k-btn.sm{min-height:36px;padding:7px 14px;font-size:14px}
#konto.k .k-btn[disabled]{opacity:.55;cursor:not-allowed}

/* ------------------------------------------------------------------ lista danych (Przegląd) */

#konto.k .k-dl{display:grid;grid-template-columns:minmax(120px,190px) 1fr;margin:0}
#konto.k .k-dl dt,#konto.k .k-dl dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}
#konto.k .k-dl dt{color:var(--muted);font-size:14px}
#konto.k .k-dl dd{font-weight:600;overflow-wrap:anywhere}
#konto.k .k-dl dt:last-of-type,#konto.k .k-dl dd:last-of-type{border-bottom:0}
@media (max-width:560px){
	#konto.k .k-dl{grid-template-columns:1fr}
	#konto.k .k-dl dt{border:0;padding-bottom:0}
}

/* ------------------------------------------------------------------ faktury
   Serwis stylizuje listy regułą "#centerblock #tresc ul/li" (dwa ID), stąd dłuższy przedrostek. */

#centerblock #konto.k .k-inv{list-style:none;margin:0;padding:0}
#centerblock #konto.k .k-inv li{display:grid;grid-template-columns:minmax(0,1.2fr) 96px 104px minmax(0,1.6fr) auto;gap:6px 14px;align-items:center;padding:14px 0;margin:0;border-bottom:1px solid var(--line)}
#centerblock #konto.k .k-inv li:last-child{border-bottom:0}
#konto.k .k-inv .num{font-weight:700}
#konto.k .k-inv .amt{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
#konto.k .k-inv .date{color:var(--muted);font-size:14px}
#konto.k .k-inv .k-hint{margin:0}
/* Chip statusu ma długie napisy (np. "Wysłana do KSeF, czekamy na potwierdzenie"): w kolumnie łamie się na wiersze
   zamiast wystawać na sąsiednią kolumnę. Komórki siatki muszą mieć min-width:0, inaczej tekst rozpycha kolumnę. */
#konto.k .k-inv .k-chip{white-space:normal;border-radius:14px}
#konto.k .k-inv .stat,#konto.k .k-inv .act{min-width:0}
/* Węższy ekran (poniżej pełnej szerokości kolumny konta): układ zwarty, status i akcja w osobnych wierszach. */
@media (max-width:900px){
	#centerblock #konto.k .k-inv li{grid-template-columns:minmax(0,1fr) auto}
	#konto.k .k-inv .date,#konto.k .k-inv .stat,#konto.k .k-inv .act{grid-column:1/-1}
	#konto.k .k-inv .amt{grid-column:2;grid-row:1}
}

/* ------------------------------------------------------------------ wsparcie (zakładka Wsparcie)
   Historia płatności używa listy .k-inv; tu tylko wybór progu i okresu oraz drugi chip (TEST) obok statusu. */

/* Opcje wyboru są w .k-field (label.k-check z .k-field>label.k-check zerującym margines): ta reguła musi mieć wyższą specyficzność. */
#konto.k .k-field.k-wsp>label.k-check{margin-bottom:10px}
#konto.k .k-wsp-opis{display:block;margin-top:2px;color:var(--muted);font-size:13px}
#konto.k .k-inv .stat .k-chip+.k-chip{margin-left:6px}

/* ------------------------------------------------------------------ komunikaty
   .konto-blad (konto_blad) to też .k-note.err; .pobierz-blad z style.css ma max-width 440px - zdejmujemy. */

#konto.k .k-note,#konto.k .konto-blad{border-radius:6px;padding:10px 14px;font-size:14px;margin:0 0 16px;border:1px solid;max-width:none}
#konto.k .k-note.ok{background:var(--ok-soft);border-color:#b8e0c8;color:#14532d}
#konto.k .k-note.err,#konto.k .konto-blad{background:var(--bad-soft);border-color:#efb6b2;color:#7a1a14}

/* ------------------------------------------------------------------ logowanie i podobne strony jednopolowe */

#konto.k .k-narrow{max-width:520px}
#konto.k .k-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:16px;font-size:14px}
#konto.k .k-links p{margin:0}
#konto.k .k-check{display:flex;gap:10px;align-items:flex-start;min-height:44px;margin:0 0 18px;font-size:14px;cursor:pointer}
#konto.k .k-check input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--blue)}
/* Gwiazdka pola wymaganego: czerwień serwisu (#e53e3e) ma za słaby kontrast na białym tle. */
#konto.k .wymagane{color:var(--bad)}

/* ------------------------------------------------------------------ nagrania lektora
   Lista pozycji to <ul>: serwis stylizuje listy regułą "#centerblock #tresc ul/li" (dwa ID), stąd dłuższy przedrostek. */

/* Tekst tylko dla czytników ekranu (etykiety pól plikowych). */
#konto.k .k-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Nagłówek czytania (tytuł i rok pod paskiem z datą), a pod nim pozycje jako karty. */
#konto.k .k-lektor-tytul{margin:0 0 2px;font-size:20px;line-height:1.3}
#konto.k .k-lektor-tytul2{display:block;font-weight:400;color:var(--muted);font-size:15px;margin-top:2px}
#konto.k .k-lektor-tytul + .k-lead{margin:0 0 18px;color:var(--muted);font-size:14px}
#konto.k .k-lektor-tytul:last-child{margin-bottom:18px}
#centerblock #konto.k .k-lektor-poz{list-style:none;margin:0;padding:0}
/* Karta pozycji: szarawe tło, delikatna ramka i pasek statusu z lewej (czerwony do nagrania, zielony wgrane).
   Selektor z ">" obejmuje tylko karty, nie punkty list w tekście czytania. */
#centerblock #konto.k .k-lektor-poz>li{margin:0 0 14px;padding:16px 18px 18px;background:#f3f5f9;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:10px}
#centerblock #konto.k .k-lektor-poz>li.brak{border-left-color:#d9534f}
#centerblock #konto.k .k-lektor-poz>li.gotowe{border-left-color:var(--ok)}
#centerblock #konto.k .k-lektor-poz>li:last-child{margin-bottom:0}
#konto.k .k-lektor-poz>li:focus{outline:none}
#konto.k .k-lektor-poz>li:target{box-shadow:0 0 0 3px rgba(49,178,232,.4)}
#konto.k .k-lektor-wiersz{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px}
#konto.k .k-lektor-nazwa{font:600 16px var(--display)}
/* Chip "Wgrane": zamiast kropki ptaszek. */
#konto.k .k-chip.k-ptak::before{content:"\2713";width:auto;height:auto;border-radius:0;background:none;font-weight:700;line-height:1}
#konto.k .k-lektor-poz audio{display:block;width:100%;max-width:460px;margin:0 0 10px}
#konto.k .k-lektor-ponow summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--blue-link);font:600 14px var(--text)}
#konto.k .k-lektor-ponow[open] summary{margin-bottom:6px}
#konto.k .k-lektor-poz .k-field{margin:0 0 12px}

/* Tekst pozycji do przeczytania (details zwinięty domyślnie): przycisk 44 px, napis przełączany stanem [open]. Serwis stylizuje
   p/h2/h4 regułami "#centerblock ...", stąd podwójny przedrostek przy elementach treści. */
#konto.k details.k-tekst{margin:0 0 12px}
#konto.k details.k-tekst>summary{list-style:none;display:inline-flex;align-items:center;min-height:44px;padding:9px 18px;box-sizing:border-box;font:700 15px var(--display);color:var(--blue-deep);background:#fff;border:1.5px solid var(--blue);border-radius:6px;cursor:pointer}
#konto.k details.k-tekst>summary::-webkit-details-marker{display:none}
#konto.k details.k-tekst>summary::marker{content:""}
#konto.k details.k-tekst>summary:hover{background:#eef8fd}
#konto.k details.k-tekst .k-tekst-ukryj{display:none}
#konto.k details.k-tekst[open] .k-tekst-pokaz{display:none}
#konto.k details.k-tekst[open] .k-tekst-ukryj{display:inline}
#konto.k .k-tekst-tresc{margin:10px 0 0;padding:16px 18px;box-sizing:border-box;max-width:70ch;background:#fbfaf6;border:1px solid var(--line);border-radius:8px;font-size:18px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
#centerblock #konto.k .k-tekst-tresc p,#konto.k .k-tekst-tresc p{margin:0 0 .9em;font-size:18px;line-height:1.7}
#centerblock #konto.k .k-tekst-tresc h4,#konto.k .k-tekst-tresc h4{margin:0 0 .6em;font:700 19px/1.4 var(--display);color:var(--ink)}
#centerblock #konto.k .k-tekst-tresc h2,#konto.k .k-tekst-tresc h2{margin:0 0 .7em;font:700 20px/1.4 var(--display);color:var(--blue-deep)}
#centerblock #konto.k .k-tekst-tresc h3,#konto.k .k-tekst-tresc h3{margin:0 0 .6em;font:700 18px/1.4 var(--display)}
#centerblock #konto.k .k-tekst-tresc ul,#centerblock #konto.k .k-tekst-tresc ol{margin:0 0 .9em;padding-left:1.4em}
#centerblock #konto.k .k-lektor-poz .k-tekst-tresc li{margin:0 0 .3em;padding:0;border-bottom:0;font-size:18px;line-height:1.7;background:none}
#konto.k .k-tekst-tresc blockquote{margin:0 0 .9em;padding-left:14px;border-left:3px solid var(--field)}
#konto.k .k-tekst-tresc>:last-child{margin-bottom:0}

/* Strefa przeciągania pliku (wzór: strefa certyfikatu KSeF w panelu). Bez JS to zwykłe pole pliku w ramce;
   skrypt dodaje klasę k-js i wtedy pole przykrywa całą strefę (niewidoczne, ale klikalne i dostępne z klawiatury). */
#konto.k .k-strefa{position:relative;border:2px dashed var(--field);border-radius:12px;padding:16px 12px;text-align:center;background:#fff;max-width:460px}
#konto.k .k-strefa-tekst{display:block;font-weight:400;color:var(--ink);font-size:14px}
#konto.k .k-strefa-nazwa{display:block;margin-top:4px;color:var(--ok);font-weight:600;font-size:14px;overflow-wrap:anywhere}
#konto.k .k-strefa input[type=file]{display:block;max-width:100%;margin:0 auto 8px;font:400 14px var(--text)}
#konto.k .k-strefa.k-js{cursor:pointer;min-height:76px}
#konto.k .k-strefa.k-js input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#konto.k .k-strefa.najazd{border-color:var(--ok);background:var(--ok-soft)}
#konto.k .k-strefa:focus-within{outline:3px solid var(--blue-deep);outline-offset:2px}

/* ------------------------------------------------------------------ małe ekrany */

@media (max-width:640px){
	#konto.k h1{font-size:23px}
	#konto.k .k-panel-body{padding:16px 14px 18px}
	#konto.k .k-btn{width:100%}
	#konto.k .k-btn.sm{width:auto}
	#konto.k .k-actions{flex-direction:column;align-items:stretch}
	#konto.k .k-seg{display:flex;width:100%}
	#konto.k .k-seg button,#konto.k .k-seg label,#konto.k .k-seg a{flex:1 1 0;justify-content:center;padding:9px 10px}
	#konto.k .k-tekst-tresc{max-width:none;padding:14px 12px}
	#centerblock #konto.k .k-lektor-poz>li{padding:14px 12px 16px}
	#konto.k details.k-tekst>summary{width:100%;justify-content:center}
	#konto.k .k-narrow{max-width:none}
}

@media (prefers-reduced-motion:reduce){
	#konto.k *{transition:none!important}
}

/* Podsumowanie wyboru subskrypcji z oferty (nad formularzem rejestracji/logowania/zakupu): functions/subskrypcja_wybor.php */
#konto.k .k-wybor{margin:0 0 14px;padding:10px 14px;border-left:4px solid var(--orange);background:var(--orange-soft);color:#8a4300;font-size:15px}
#konto.k .k-wybor a{color:#8a4300;margin-left:6px;white-space:nowrap}