/* Самостоятельные элементы форм. Контракт темы:
   --clr-back-dark — фон чекбокса, --clr-text-light — цвет чекмарки.
   Приложение задаёт шрифт, границы и остальные цвета.
   Отступы полей сохранены из существующего оформления LiveChatik. */
.width30 { width: min(100%, 30rem); box-sizing: border-box; }
:where(.padded-controls) :is(input, textarea, select) {
    padding: 0.45rem 0.55rem;
    border-radius: 3px;
    box-sizing: border-box;
}
:where(.padded-controls) :is(textarea, select, input:where(:not([type="checkbox"], [type="radio"]))) { margin: 0; }

/* Чекбокс сохраняет нативные клавиатурное управление и состояние checked. */
input[type="checkbox"] {
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    background: var(--clr-back-dark);
    transform: translateY(3px);
}
input[type="checkbox"]:checked { position: relative; }
input[type="checkbox"]:checked::before {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--clr-text-light);
    font-size: 16px;
    font-weight: bold;
}