/* assets/css/form.css */

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    max-width: 800px; 
    margin: 0 auto; 
    padding: 20px; 
}

.form-container { 
    background: white; 
    padding: 30px; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
}

h1 { 
    color: #2c3e50; 
    text-align: center; 
}

label { 
    display: block; 
    margin: 15px 0 5px; 
    font-weight: 500; 
}

input[type="text"], 
input[type="email"], 
input[type="tel"], 
select, 
textarea {
    width: 100%; 
    padding: 10px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    font-size: 16px; 
    box-sizing: border-box;
}

.category-row { 
    display: flex; 
    gap: 10px; 
    margin-bottom: 10px; 
    align-items: center; 
}

.category-row select, 
.category-row input { 
    margin: 0; 
}

.add-row { 
    background: #3498db; 
    color: white; 
    border: none; 
    padding: 8px 15px; 
    border-radius: 4px; 
    cursor: pointer; 
    margin-top: 10px; 
}

.remove-row { 
    background: #e74c3c; 
    color: white; 
    border: none; 
    width: 30px; 
    height: 30px; 
    border-radius: 50%; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

.form-actions { 
    margin-top: 25px; 
}

.btn-submit { 
    background: #27ae60; 
    color: white; 
    border: none; 
    padding: 12px 20px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-size: 16px; 
    width: 100%; 
}

.btn-submit:hover { 
    background: #219653; 
}

.note { 
    font-size: 0.9em; 
    color: #7f8c8d; 
    margin-top: 5px; 
}
/* Добавляем новые стили здесь */
.pmpk-form input[type="number"]::-webkit-outer-spin-button,
.pmpk-form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pmpk-form input[type="number"] {
    -moz-appearance: textfield;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: #e9e9ed;
    font-size: 1em;
    transition: var(--transition);
    box-sizing: border-box;
}

/* Компактные поля формы */
.compact-form-row {
    /* существующие стили */
}

/* Добавляем стили для числовых полей в компактных формах */
.compact-input[type="number"]::-webkit-outer-spin-button,
.compact-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.compact-input[type="number"] {
    -moz-appearance: textfield;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border 0.3s, box-shadow 0.3s;
}