/* SynnFrameFW — поля ввода Syncfusion: высота по плотности, группы полей.
 * Вынесено из глобального <style> MainLayout.razor (этап 4a).
 *
 * Рамку, радиус (4px) и фокус поля задаёт тема Fluent 2. Раньше здесь стояли
 * !important-переопределения — высота 38px, рамка #D0D5DD, свой ореол фокуса,
 * отступ поля 14px — они спорили с темой и ломали ритм карточки (отступ поля
 * перебивал gap сетки). Подпись/отступы обёртки UiField — в UiField.razor.css.
 *
 * Высота — одна на всё приложение: --control-h (Плотный 28 / Обычный 32 /
 * Сенсорный 40), селекторы той же специфичности, что у темы, файл — после неё.
 */
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input {
    /* Тема ставит height:30px — одной min-height «Плотному» (28) мало. */
    height: calc(var(--control-h) - 2px);
    min-height: calc(var(--control-h) - 2px);
    font-size: var(--fs-body);
}
/* Значки поля (календарь, ˅, «…») своей min-height не задаём: группа — flex,
   они растягиваются по полю (min-height + padding темы раздували их до 40). */

/* Собственное поле без JS темы (UiDecimalField): фокус без класса
   e-input-focus, который тема ставит скриптом своим контролам. */
.e-input-group.ui-plain-input:not(.e-error):focus-within {
    border-color: var(--border-focus);
    box-shadow: inset 0 -1px 0 0 var(--border-focus);
}

/* S1.A.50 — 1С 8.5 (гл. 66): кнопки регулирования (+/-) у поля ввода
   за пределами поля справа, а не внутри (по умолчанию SfNumericTextBox —
   внутри). Класс e-numerictextbox стоит на самом <input>, поэтому селектор —
   через группу, в которой он лежит (прежний `.e-numerictextbox .e-input-group`
   не срабатывал никогда). */
.e-input-group:has(> input.e-numerictextbox) { overflow: visible; }
.e-input-group:has(> input.e-numerictextbox) .e-spin-up,
.e-input-group:has(> input.e-numerictextbox) .e-spin-down {
    display: inline-flex;
    align-items: center; justify-content: center;
    width: 28px; height: 100%;
    background: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-sm);
    margin-left: var(--space-1);
    cursor: pointer;
    color: var(--text-secondary);
}
.e-input-group:has(> input.e-numerictextbox) .e-spin-up:hover,
.e-input-group:has(> input.e-numerictextbox) .e-spin-down:hover {
    background: var(--surface-hover);
}

/* S1.WM — сворачиваемые группы реквизитов формы (1С 8.5): заголовок как у
   FastTab карточки — 14px полужирный, без капса. */
.ui-fgroup { margin-top: var(--space-4); border-top: 1px solid var(--border-default); }
.ui-fgroup-head {
    display: flex; align-items: center; gap: 6px; min-height: 44px; padding: var(--space-2) 2px;
    cursor: pointer; user-select: none;
    font-size: var(--fs-subtitle); font-weight: var(--fw-semibold);
    color: var(--text-primary);
}
.ui-fgroup-head:hover { background: var(--surface-hover); }
.ui-fgroup-caret {
    display: inline-flex; width: 16px; justify-content: center; color: var(--text-secondary);
    transition: transform var(--motion-fast);
}
.ui-fgroup-caret.is-collapsed { transform: rotate(-90deg); }
.ui-fgroup-body { padding: var(--space-1) 0 var(--space-2); }