/* ============================================================================
   25j-bom-zamknij.css — „×” zamykające okno „Zestawienie materiałów / Sprawdzenie” wg wzoru (Design runda 4b, 18.10.2026)
   Wzór (Design.html, zmierzone na żywo): przycisk 36×36 (dotyk 44), róg 8, kolor `--text-muted`, ikona 18 px, kreska 1,8 px.
   Tak jak w oknie Design (25h) — tylko w `.modal.calculation-modal`; maski wspólne (07-ikony) i „×” innych okien bez zmian.
   Tło okna, ramki paneli i kreski nagłówka/stopki tego okna zostają wg decyzji właściciela z 18.10.2026 (opis w 25d).
   ============================================================================ */
#modal-root .modal.calculation-modal > header .icon-button[data-action="close-modal"] { border-radius: var(--r-sm); color: var(--text-muted); }
#modal-root .modal.calculation-modal > header .icon-button[data-action="close-modal"] .icon { width: 18px; height: 18px; }
.modal.calculation-modal > header .icon-close { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
/* ikona notatki przy pozycji: kartka (`.icon-rama-notatka`, ta sama co we wzorze) 18 px jak każda ikona przycisku ikonowego wzoru (.ui-ik .ic) */
#modal-root .modal.calculation-modal .bom-comment-button .icon { width: 18px; height: 18px; }