/* Файл: client/js/Widgets/Button.css
   Визуальный стиль виджета Button (см. Widgets/Button.js) — см. комментарий в Field.css про то,
   почему это не общий файл. */

/* margin-right убран (2026-09-30) — расстояние до соседней кнопки теперь даёт gap родительской
   Group (см. Widgets/Group.js), а не собственный отступ кнопки. Раньше margin-right + gap
   складывались (двойной зазор 20px вместо 10) — см. обсуждение. */
/* ПРАВИЛО (2026-10-18, явное решение пользователя после инцидента с тикетом #133): padding
   .form-button НЕ переопределять НИ В ОДНОМ другом CSS-файле (ни по классу-предку, ни через
   специфичность селектора) — ни ради узкой колонки таблицы, ни ради любой другой "частной"
   причины. Раньше Table.css дважды переопределяла это через .canvas-table-td > .form-button и
   .tcg-cell > .tcg-item-button > .form-button — оба правила УБРАНЫ (обсуждение 2026-10-18).
   Единственный законный способ изменить padding КОНКРЕТНОЙ кнопки — её собственное свойство
   Internal Padding (node.padding, см. Button.js), которое программист задаёт явно в панели
   свойств. Это значение из единственного источника (дефолта ниже) НЕЛЬЗЯ продублировать или
   перебить в другом файле — при добавлении нового контейнера/виджета, который держит кнопку
   внутри себя, не трогать padding .form-button оттуда, искать другое решение (например ширину
   трека колонки, см. Widgets/Table.js::columnGridTrack). */
.form-button {
    padding: 10px 15px;
    background-color: #0078d7;
    color: white;
    font-size: var(--font-size, 14px);
    font-weight: normal;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.form-button:hover {
    background-color: #005a9e;
}
.form-button:disabled {
    background-color: #aaa;
    cursor: not-allowed;
    opacity: 0.7;
}