/* ============================================================================
   14-pc-ujednolicenie.css — FAZA 2 PC (29.10.2026): wspólne reguły komputera, które nie mają jednego „domu” w starszych arkuszach.
   Opis: DOKUMENTACJA/SKALA-UI-2026-10-29.md, sekcja „Faza 2 — PC”. Tylko komputer (data-ui="desktop"); wymiary wyłącznie z tokenów.
   ============================================================================ */

/* 1. POLE KLIKALNE LINKÓW I NAGŁÓWKÓW ROZWIJANYCH — przyciski tekstowe (numer projektu, nazwa w dzienniku, „+2 więcej”, „↻ automat”, % postępu
   na osi), adresy e-mail w kartach i zwykłe <summary> miały 19–20 px wysokości. Pole klikalne = --h-control-sm (30 px): padding góra i dół
   (pół różnicy względem linii tekstu) + ten sam ujemny margines, więc napis stoi dokładnie tam, gdzie stał, a układ strony się nie przesuwa. */
:root[data-ui="desktop"] :is(.dziennik-link, .dash-project-link, .zg-postep, .pcost-lnk2, .dk-lnk, .zt-wiecej, a[href^="mailto:"], a[href^="tel:"], a.party-val, a.klienci-kontakt, summary:not([class])) {
  padding-block: calc((var(--h-control-sm) - 1lh) / 2);
  margin-block: calc((var(--h-control-sm) - 1lh) / -2);
}
/* Pigułka „+N kontakt” w tabeli klientów jest przyciskiem w wierszu: wysokość = --h-control-sm (jak „Edytuj” i „Usuń” obok). */
:root[data-ui="desktop"] .klienci-wiecej { min-height: var(--h-control-sm); }

/* 2. PASEK EDYTORA TEKSTU (kartoteki, okna, Design, czat, rozwinięty edytor) — wszystkie kontrolki paska mają --h-control-sm (30 px): przyciski i listy
   „Tekst” i „Skala”. Wcześniej przyciski miały 30 albo 36 px (zależnie od okna: Design i rozwinięty edytor miały własne 36), a listy zawsze 36 —
   w jednym rzędzie dwie wysokości. `:not([hidden])` podnosi wagę selektora ponad reguły poszczególnych okien (ładują się później). */
:root[data-ui="desktop"] :is(#modal-root, .rich-expand-panel, .note-editor2, .content) .rich-toolbar :is(.combo, .combo-input, select, button, .rich-image-button, .rich-attach-button):not([hidden]):not([data-x]) { min-height: var(--h-control-sm); height: var(--h-control-sm); }
:root[data-ui="desktop"] :is(#modal-root, .rich-expand-panel, .note-editor2, .content) .rich-toolbar :is(button, .rich-image-button, .rich-attach-button):not([hidden]):not([data-x]) { min-width: var(--h-control-sm); }

/* 3. PRZYCISKI W NAGŁÓWKU OKNA stoją obok „?” i „×” (36 px) — mają tę samą wysokość (było 30 px obok 36 px, np. „Zadania projektu”). */
:root[data-ui="desktop"] .modal > header .button { height: var(--h-control); }

/* 4. WIERSZ POLA Z PRZYCISKIEM (klucz API w Ustawieniach): przycisk stoi obok pola samodzielnego (36 px), nie w wierszu tabeli — wysokość pola. */
:root[data-ui="desktop"] .pole-klucza .button { height: var(--h-control); }

/* 5. KARTA KONSTRUKCJI W BOCZNYM MENU OKNA DESIGN: przycisk z nazwą (28 px) i „usuń” (36 px) w jednym rzędzie — nazwa wypełnia wysokość rzędu. */
:root[data-ui="desktop"] .design-construction-sidebar .design-construction-card-main { align-self: stretch; }

/* 6. NAGŁÓWEK STRONY: Ustawienia mają tytuł strony i opis w tym samym kroju i rozmiarze co powitanie na Pulpicie (--font-tytul, --t-xl, opis --t-sm w --text-faint);
   wcześniej 19 px zwykłym krojem. */
:root[data-ui="desktop"] .settings-header h2 { font-family: var(--font-tytul); font-size: var(--t-xl); line-height: 1.15; letter-spacing: var(--ls-tytul); }
:root[data-ui="desktop"] .settings-header :is(p, small) { color: var(--text-faint); font-size: var(--t-sm); }

/* 7. CHIP — pigułki filtrów (.pm-filtr) i PRZEŁĄCZNIK WIDOKÓW (Lista · Tablica · Kalendarz · Timeline · Gantt · Obciążenie) to osobna klasa komponentów, NIE kontrolka:
   promień pełny (--r-pill), wysokość chipa = --h-control. Ten sam przełącznik widoków ma wszędzie ten sam kształt — w Zadaniach i w Harmonogramie wygląda jak w Pulpicie
   (osobne pigułki, wybrana czarna), a nie jak szara taca z białą pigułką. Taca (szara szyna) zostaje dla przełączników 2–3 opcji (Wiersze | Karty, Tydzień | Miesiąc). */
:root[data-ui="desktop"] :is(.views.zh-widoki, .hg-przelacznik .views) { --seg-obw: 0px; gap: var(--s-2); padding: 0; border: 0; border-radius: 0; background: none; }
:root[data-ui="desktop"] :is(.views.zh-widoki, .hg-przelacznik .views) > .view { height: var(--h-control); min-height: var(--h-control); padding: 0 var(--s-3); border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--surface); box-shadow: none; color: var(--text-muted); font-size: var(--t-sm); font-weight: var(--w-bold); }
:root[data-ui="desktop"] :is(.views.zh-widoki, .hg-przelacznik .views) > .view:hover { border-color: var(--line-strong); color: var(--text); }
:root[data-ui="desktop"] :is(.views.zh-widoki, .hg-przelacznik .views) > .view.on { border-color: var(--text); background: var(--text); color: var(--surface); }
:root[data-ui="desktop"] .pm-filtr { height: var(--h-control); }