/* OKNO DESIGN — braki zaznaczone na czerwono (18.10.2026). Skrypt: js/okna/design-braki.js.
   Reguła zaznaczenia jest ta sama co w całym programie (`.field-required-missing` + `.field-alarm`, 03-kontrolki.css; obrys z tokenu
   `--okno-pole-brak-obrys`). Tu tylko to, czego ta reguła nie obejmuje: kontrolki, które nie są polem (zespół, lista konstrukcji),
   oraz wygląd przycisku „Zatwierdź plan”, który jest wyłączony wyglądowo (`aria-disabled`), a nie atrybutem `disabled` — dzięki temu
   da się go kliknąć i dowiedzieć się, czego brakuje. */

/* „Zatwierdź plan” bez kompletu: wygląda jak każdy wyłączony przycisk główny (03-kontrolki: .button.primary:disabled + .button:disabled). */
#modal-root .dsg-zatw[aria-disabled="true"] { border-color: transparent; background: var(--btn-2); color: var(--text); box-shadow: none; opacity: .5; cursor: not-allowed; transform: none; }
#modal-root .dsg-zatw[aria-disabled="true"]:hover { background: var(--btn-2); }

/* Brak projektanta w zespole: obrys wokół rzędu chipów i napisu „Nikt nie jest przypisany.” — krawędź w jednej linii z polami terminu
   (wysokość rzędu = wysokość chipa = wysokość pola), treść odsunięta od obrysu o --s-2. */
.dsg-zav-w.field-required-missing { padding: 0 var(--s-2); border-radius: var(--r-s); box-shadow: var(--okno-pole-brak-obrys, 0 0 0 1px var(--danger)); }
.dsg-zav-w.field-required-missing .dsg-pusto { color: var(--danger); }

/* Brak konstrukcji w Designie: obrys listy konstrukcji (obrys wewnętrzny — lista przewija się, więc zewnętrzny mógłby zostać ucięty). */
.design-construction-card-list.field-required-missing { align-self: start; padding: var(--s-2); border-radius: var(--r-s); box-shadow: inset var(--okno-pole-brak-obrys, 0 0 0 1px var(--danger)); }
.design-construction-card-list.field-required-missing .compact-empty-text { color: var(--danger); }

/* Lista braków w oknie „Design nie jest jeszcze gotowy” — punktowana (reset listy w 01-reset.css zdejmuje punkty). */
.app-info-content ul.dsg-braki { list-style: disc; }
.app-info-content ul.dsg-braki > li { display: list-item; }
.app-info-content ul.dsg-braki > li::marker { color: var(--text-faint); }