/* ============================================================
   Lista zmian - wyglad TRESCI wpisu (2026-10-14). Jedno zrodlo dla:
     - listy na stronie (/changelog/, <li class="typN cl-wpis">),
     - podgladu w GoNecie (?a=podglad - MCP changelog, edytor w Dashboard API, <div class="cl-wpis typN">).
   Wszystko pod .cl-wpis, zeby plik mozna bylo dolaczyc do obcej strony bez zmiany jej wygladu.
   IE11 (przegladarka GoNetu): bez zmiennych CSS i bez grid; kolory podane wprost.
   Renderer: web/_lib/changelog_tekst.php. Plik pisany recznie (nie z generatora strony).
   ============================================================ */

/* Typ wpisu: poprawki na czerwono, nowe funkcje pogrubione (jak dotad na liscie) */
.cl-wpis.typ3 { color: #b3261e; }
.cl-wpis.typ2 { font-weight: 600; }
.cl-wpis p { margin: .3em 0; }
.cl-wpis ul, .cl-wpis ol { margin: .3em 0; padding-left: 1.4em; }
.cl-wpis li { margin: 2px 0; }
.cl-wpis img { max-width: 100%; height: auto; vertical-align: middle; }
.cl-wpis strong { font-weight: 700; }
.cl-wpis a { color: #1f6fc5; }

/* Klawisze - skroty w opisach (gn_klawisze_html) i podpowiedz pod modulami (.cl-hint) */
.cl-wpis kbd, .cl-hint kbd { display: inline-block; padding: 0 5px; border: 1px solid #c9d2df; border-bottom-width: 2px;
  border-radius: 4px; background: #fff; font-family: inherit; font-size: .82em; font-weight: 600; line-height: 1.45;
  color: #1d2433; vertical-align: 1px; white-space: nowrap; }
.cl-wpis .kbd-skrot, .cl-hint .kbd-skrot { white-space: nowrap; }
/* Klawisz myszy: rysunek kursora przed napisem; wymiary w em - rosnie z tekstem, kolor z kbd */
.cl-wpis kbd.kbd-mysz svg, .cl-hint kbd.kbd-mysz svg { width: .62em; height: .82em; margin: 0 4px 0 0; vertical-align: -1px;
  overflow: visible; }

/* `kod` - nazwy funkcji API */
.cl-wpis code { padding: 0 4px; border: 1px solid #e2e7ef; border-radius: 3px; background: #f3f6fa; color: #1d2433;
  font-family: Consolas, "Courier New", monospace; font-size: .9em; font-weight: 400; }

/* Obrazki z zalacznikow: ikona w linii tekstu, wiekszy jako blok z miniatura (klikniecie - oryginal) */
.cl-wpis .cl-ikona { vertical-align: -3px; margin: 0 2px; }
.cl-wpis .cl-fig { display: block; margin: 8px 0; font-weight: 400; color: #5b6577; cursor: zoom-in; }
.cl-wpis .cl-fig img { display: block; border: 1px solid #e2e7ef; border-radius: 4px; }
.cl-wpis .cl-fig:hover img { border-color: #3a8fd6; }
.cl-wpis .cl-podpis { display: block; font-size: .85rem; margin-top: 3px; }

/* [[ikona: 762]] - ikona GoNetu w tekscie */
.cl-wpis .cl-gn-ikona { width: 20px; height: 20px; vertical-align: -5px; margin: 0 1px; }

/* [[menu: A > B > C]] - sciezka menu */
.cl-wpis .cl-menu-el { display: inline-block; padding: 0 8px; border: 1px solid #c9d2df; border-radius: 10px; background: #f6f8fb;
  color: #1d2433; font-size: .9em; font-weight: 500; line-height: 1.55; white-space: nowrap; }
.cl-wpis .cl-menu-sep { margin: 0 3px; color: #8a94a6; font-weight: 700; }

/* [[przycisk: Zapisz]] - przycisk jak w oknie programu */
.cl-wpis .cl-przycisk { display: inline-block; padding: 0 10px; border: 1px solid #b9c3d1; border-bottom-width: 2px;
  border-radius: 4px; background: #fbfcfd; background: linear-gradient(#ffffff, #eef1f5); color: #1d2433; font-size: .9em;
  font-weight: 500; line-height: 1.55; white-space: nowrap; }

/* [[zakladka: Korespondencja]] - zakladka okna (pasek u gory jak wybrana zakladka) */
.cl-wpis .cl-zakladka { display: inline-block; padding: 0 10px; border: 1px solid #c9d2df; border-bottom-color: transparent;
  border-top: 2px solid #3486cb; border-radius: 5px 5px 0 0; background: #fff; color: #1d2433; font-size: .9em;
  font-weight: 500; line-height: 1.5; white-space: nowrap; }

/* [[pole: Priorytet]] - pole / kolumna */
.cl-wpis .cl-pole { border-bottom: 1px dashed #8a94a6; font-weight: 600; }

/* [[uprawnienie: ...]] (klodka) i [[parametr: ...]] (zebatka) - plakietki */
.cl-wpis .cl-upr, .cl-wpis .cl-param { display: inline-block; padding: 0 8px; border-radius: 10px; font-size: .88em;
  font-weight: 500; line-height: 1.6; }
.cl-wpis .cl-upr { border: 1px solid #f0cfae; background: #fdf3ea; color: #87460c; }
.cl-wpis .cl-param { border: 1px solid #c4dbf0; background: #ecf4fb; color: #1d5c96; }
/* Parametr to link gonet://parametry?szukaj= - po najechaniu plynnie w strone pomaranczowego akcentu strony,
   zebatka sie obraca. Focus w osobnej regule (IE11 odrzuca cala regule z nieznanym selektorem). */
.cl-wpis a.cl-param { text-decoration: none; cursor: pointer;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease; }
.cl-wpis a.cl-param .cl-svg { transition: transform .5s ease; }
.cl-wpis a.cl-param:hover { border-color: #e3a36f; background: #fdf0e3; color: #9a4708;
  box-shadow: 0 1px 6px rgba(179, 83, 9, .22); }
.cl-wpis a.cl-param:hover .cl-svg { transform: rotate(90deg); }
.cl-wpis a.cl-param:focus { outline: 2px solid #b35309; outline-offset: 1px; }
@media (prefers-reduced-motion: reduce) {
  .cl-wpis a.cl-param, .cl-wpis a.cl-param .cl-svg { transition: none; }
}
.cl-wpis .cl-upr-wyl { margin-left: 6px; padding-left: 6px; border-left: 1px solid #f0cfae; font-weight: 400; }
.cl-wpis .cl-svg { vertical-align: -1px; margin-right: 4px; }

/* [[modul: AI]] - ikona i nazwa modulu (te same ikony co filtr modulow) */
.cl-wpis .cl-modul { white-space: nowrap; font-weight: 600; }
.cl-wpis .cl-modul img { width: 18px; height: 18px; margin-right: 4px; vertical-align: -4px; }

/* [[uwaga: ...]] / [[wskazowka: ...]] - ramki */
.cl-wpis .cl-ramka { display: block; margin: .5em 0; padding: 8px 12px; border-left: 4px solid #e8a317; border-radius: 0 6px 6px 0;
  font-weight: 400; }
.cl-wpis .cl-uwaga { border-left-color: #e8a317; background: #fff7e6; color: #5a4100; }
.cl-wpis .cl-wskazowka { border-left-color: #2f9e5b; background: #eaf5ee; color: #1d4d30; }
.cl-wpis .cl-ramka-tyt { font-weight: 700; }

/* [[film: 12 | Tytul]] i [[wersja: 5.119.1.1213]] - odnosniki */
.cl-wpis .cl-film, .cl-wpis .cl-wersja { font-weight: 600; white-space: nowrap; }

/* Tabelka "| a | b |" */
.cl-wpis .cl-tabela { margin: .5em 0; border-collapse: collapse; font-size: .95em; font-weight: 400; }
.cl-wpis .cl-tabela th, .cl-wpis .cl-tabela td { padding: 4px 10px; border: 1px solid #d9dfe8; text-align: left; vertical-align: top; }
.cl-wpis .cl-tabela th { background: #f1f4f8; font-weight: 600; }