/* Konto rodzica i ucznia (P13, Siec\Osoby): /konto/... na korkizmatmy.online i /start/polacz/, /start/z-konta/ w obszarze.
   Strony stoją w układzie P1 (Glowna\Uklad, glowna.css) i używają klas wejścia P7 (wejscie.css: wj, wj-formularz, wj-akcje, wj-link,
   wj-zaznacz, wj-stan, wj-zwin, wj-staly). Tu tylko elementy własne (przedrostek os-). Bez stylów w linii (CSP). */

.os-pulapka { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.os .os-okruchy { margin: 0 0 .75rem; font-size: .875rem; color: #56637C; }

.os-kafle { display: grid; gap: 1rem; margin: 0 0 1.25rem; padding: 0; list-style: none; }
@media (min-width: 720px) { .os-kafle { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.os-kafel { display: grid; gap: .5rem; align-content: start; padding: 1.1rem 1.15rem; border: 2px solid #D5DBE5; border-radius: 14px; background: #fff; }
.os-kafel:target { border-color: #F69A4F; }
.os-kafel--podglad { margin: 0 0 1.25rem; background: #F1F5FA; }
.os-kafel__nazwa { margin: 0; font-family: Quicksand, Poppins, system-ui, sans-serif; font-weight: 700; font-size: 1.125rem; color: #002972; overflow-wrap: anywhere; }
.os-kafel__adres { margin: 0; font-size: .875rem; color: #44516B; overflow-wrap: anywhere; }
.os-kafel__stan { margin: 0; padding: .6rem .75rem; border-radius: 10px; background: #FDEDE1; color: #7A3A00; font-size: .875rem; }
.os-kafel form { margin: 0; }
.os-kafel .przycisk { width: 100%; }
.os-kafel__wiecej summary { cursor: pointer; font-size: .875rem; font-weight: 600; color: #002972; }
.os-kafel__wiecej[open] { display: grid; gap: .75rem; }
.os-kafel__wiecej .wj-formularz { margin-top: .5rem; }

.os-pusto { margin: 0 0 1.25rem; padding: 1.25rem; border: 2px dashed #D5DBE5; border-radius: 14px; background: #F1F5FA; }
.os-pusto p { margin: 0 0 .75rem; }

.os-sekcja { margin: 0 0 1.75rem; padding-top: 1.25rem; border-top: 1px solid #D5DBE5; }
.os-sekcja h2 { margin: 0 0 .75rem; font-size: 1.25rem; }
.os-sekcja--usun h2 { color: #8A1C14; }
.os-lista { margin: 0 0 1rem; padding-left: 1.1rem; }
.os-lista li { margin: 0 0 .5rem; }
.os-kroki { margin: .5rem 0 1rem; padding-left: 1.25rem; }
.os-kroki li { margin: 0 0 .4rem; }

.os-wybor { margin: 0 0 1rem; padding: 0; border: 0; display: grid; gap: .5rem; }
.os-wybor legend { margin-bottom: .4rem; }
.os-zgoda { margin: 0 0 .75rem; }
.os-kod { font-size: 1.375rem; letter-spacing: .2em; text-align: center; font-variant-numeric: tabular-nums; }

.os-link-przycisk { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: #002972; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.os-link-przycisk:disabled { color: #56637C; text-decoration: none; cursor: default; }
.os-link-przycisk:focus-visible { outline: 3px solid #3B9CF0; outline-offset: 2px; border-radius: 4px; }
.os-przycisk-usun { margin-top: .75rem; border-color: #E8B4AE; color: #8A1C14; }

.os-stopka { margin: 1.5rem 0 .25rem; text-align: center; }
/* Adres e-mail konta w osobnej linii i bez łamania na łączniku (test-ko-/rodzic@...); bardzo długi adres kończy się wielokropkiem. */
.os-email { display: block; max-width: 100%; margin-top: .35rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.os .wj-formularz + p.drobne { margin-top: 1rem; }
.os-wyloguj { text-align: center; }
.os-ponow { margin-top: .75rem; }

.sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }