/* Расширения ui-select (public/ui-select.js): заголовки групп <optgroup> и вторая строка пункта (data-hint).
   Основные правила списка остаются в style.css — его бюджет размера исчерпан. */

/* Группа: заголовок — не пункт, под ним пункты группы; между группами тонкая черта. */
.ui-select-group{display:grid;min-width:0}
.ui-select-group+.ui-select-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
.ui-select-group-label{padding:6px 10px 2px;font:11px/1.35 'DM Mono','Manrope',ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}

/* Вторая строка пункта: подпись мельче и тише; на узком экране переносится. */
.ui-select-body{display:grid;gap:1px;min-width:0}
.ui-select-hint{font:400 .72rem/1.35 Manrope,Arial,sans-serif;color:var(--muted);white-space:normal;overflow-wrap:anywhere}