/* Arkusz opisuje rozkład okna centrum dowodzenia: płótno treści, pasek pierwszego wejścia, listwę pozycji oraz strefę ustawień. */

:root { --cd-maks-tresc: 100%; }

.cd-plotno { min-height: 0; overflow: auto; }

.cd-tresc:not([hidden]) {
  container-type: inline-size;
  container-name: plotno;
  display: flex;
  flex-direction: column;
  gap: var(--dn-od-6);
  width: 100%;
  max-width: min(var(--cd-maks-tresc), 100%);
  margin: 0 auto;
  padding: var(--dn-od-2) var(--dn-od-6) var(--dn-od-16);
}

.cd-naglowek {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--dn-od-4);
  flex-wrap: wrap;
}

.cd-marka-lockup { width: min(var(--dn-wym-godlo-lockup), 100%); }

/* Pasek pierwszego wejścia — samo rozmieszczenie. Krój i barwa idą
   z `.dn-lid --bez-odstepu` w znaczniku; trzy dawne deklaracje zerujące
   (`border`, `border-radius`, `background`) nic nie zerowały: `aside`
   nie ma żadnej z nich domyślnie. */
.cd-start {
  display: flex;
  align-items: center;
  gap: var(--dn-od-3);
  padding: var(--dn-od-3) 0;
}

.cd-start[hidden] { display: none; }

.cd-start,
.dn-listwa {
  width: calc(50% - var(--dn-od-3) / 2);
  max-width: 100%;
}

.cd-start { flex-wrap: wrap; }

.dn-listwa { min-width: 0; flex-wrap: wrap; }

/* Pozycje i separatory listwy nie ustepuja miejsca — pas zawija sie w calosci,
   zamiast sciskac pojedyncza pozycje. Samo rozmieszczenie: wyglad pozycji stoi
   przy .dn-listwa-pozycja--pulpit w bibliotece. */
.cd-strona .dn-listwa > * { flex: none; }

@container plotno (max-width: 500px) {
  .cd-start,
  .dn-listwa { width: 100%; }
}

.cd-start-znak { display: grid; place-content: center; flex: none; }

.cd-start { gap: var(--dn-od-1); }

.cd-start-znak { margin-right: var(--dn-od-2); }

.cd-start-tresc { flex: 0 1 auto; margin: 0; }

.cd-strefa { position: relative; display: flex; flex-direction: column; gap: var(--dn-od-4); }

/* Strefa ustawień odcina się od stref pracy podwójnym odstępem: luka płótna
   24 px plus tyle samo marginesu. Ustawienia nie są kolejną ścieżką pracy,
   tylko zapleczem — przerwa mówi to, zanim ktokolwiek przeczyta nagłówek. */
.cd-strefa[data-waga='3'] { margin-top: var(--dn-od-6); }

.cd-sekcja-glowa { display: flex; align-items: baseline; gap: var(--dn-od-3); flex-wrap: wrap; }

@media (max-width: 640px) {
  .cd-tresc { padding: var(--dn-od-5) var(--dn-od-3) var(--dn-od-10); }
}

.sta-menu-poz > .ptaszek { order: 9; margin-left: auto; }

.cd-tresc--modul { gap: var(--dn-od-3); }

.cd-modul-glowa {
  display: flex;
  align-items: center;
  gap: var(--dn-od-2);
}

.cd-modul-odnosnik { display: flex; align-items: center; gap: var(--dn-od-2); }

.cd-strona .cd-wstazka-grupa { display: flex; align-items: center; gap: var(--dn-od-1); }