/* Кнопки во ВСЕХ модалках: светлая=синий градиент, тёмная=оранжевый.
   !important — перебиваем styles.css (#addHouseModal…) и theme-dark.css */

.modal .btn.btn-primary,
.modal .btn-primary,
.role-change-modal .role-change-btn,
#brConfirmModal .btn.btn-primary,
.br-confirm-modal .btn.btn-primary,
#addHouseModal #addHouseForm .form-actions .btn.btn-primary,
#editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-primary,
#addHouseModal .form-actions .btn.btn-primary,
#editHouseModal .form-actions .btn.btn-primary {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    color: #f8fbff !important;
    background: linear-gradient(180deg, #4aa3f5 0%, #3390ec 55%, #2563eb 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22) !important;
}

.modal .btn.btn-primary:hover,
.modal .btn-primary:hover,
.role-change-modal .role-change-btn:hover,
#addHouseModal #addHouseForm .form-actions .btn.btn-primary:hover,
#editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-primary:hover {
    filter: brightness(1.04) !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.3) !important;
}

.modal .btn.btn-secondary,
.modal .btn-secondary,
#brConfirmModal .btn.btn-secondary,
.br-confirm-modal .btn.btn-secondary,
#addHouseModal #addHouseForm .form-actions .btn.btn-secondary,
#editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-secondary,
#addHouseModal .form-actions .btn.btn-secondary,
#editHouseModal .form-actions .btn.btn-secondary {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    background: #e8eef5 !important;
    background-color: #e8eef5 !important;
    color: #1e3a5f !important;
    box-shadow: 0 2px 8px rgba(30, 58, 95, 0.1) !important;
}

.modal .btn.btn-secondary:hover,
.modal .btn-secondary:hover {
    filter: brightness(0.97) !important;
}

.modal .btn.btn-warning,
.modal .btn-warning {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 800 !important;
    background: linear-gradient(180deg, #fbbf24, #f59e0b) !important;
    background-color: transparent !important;
    color: #1a2e28 !important;
    box-shadow: 0 6px 14px rgba(245, 158, 11, 0.28) !important;
}

.modal .btn.btn-danger,
.modal .btn-danger,
#brConfirmModal .btn.btn-danger,
.br-confirm-modal .btn.btn-danger {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #f87171, #dc2626 55%, #b91c1c 100%) !important;
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.28) !important;
}

.modal .btn.btn-sm {
    border-radius: 10px !important;
    font-weight: 700 !important;
}

/* --- Dark --- */
html[data-theme="dark"] .modal .btn.btn-primary,
html[data-theme="dark"] .modal .btn-primary,
html[data-theme="dark"] .role-change-modal .role-change-btn,
html[data-theme="dark"] #brConfirmModal .btn.btn-primary,
html[data-theme="dark"] .br-confirm-modal .btn.btn-primary,
html[data-theme="dark"] #addHouseModal #addHouseForm .form-actions .btn.btn-primary,
html[data-theme="dark"] #editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-primary,
html[data-theme="dark"] #addHouseModal .form-actions .btn.btn-primary,
html[data-theme="dark"] #editHouseModal .form-actions .btn.btn-primary {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    color: #fff8f3 !important;
    background: linear-gradient(180deg, #e87a45 0%, #e06a30 55%, #c45c26 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 6px 14px rgba(232, 122, 69, 0.3) !important;
}

html[data-theme="dark"] .modal .btn.btn-primary:hover,
html[data-theme="dark"] .modal .btn-primary:hover,
html[data-theme="dark"] .role-change-modal .role-change-btn:hover,
html[data-theme="dark"] #addHouseModal #addHouseForm .form-actions .btn.btn-primary:hover,
html[data-theme="dark"] #editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-primary:hover {
    background: linear-gradient(180deg, #f08a55 0%, #e87a45 55%, #d4682a 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 8px 18px rgba(232, 122, 69, 0.4) !important;
    filter: none !important;
}

html[data-theme="dark"] .modal .btn.btn-secondary,
html[data-theme="dark"] .modal .btn-secondary,
html[data-theme="dark"] #brConfirmModal .btn.btn-secondary,
html[data-theme="dark"] .br-confirm-modal .btn.btn-secondary,
html[data-theme="dark"] #addHouseModal #addHouseForm .form-actions .btn.btn-secondary,
html[data-theme="dark"] #editHouseModal .modal-body #editHouseForm .form-actions .btn.btn-secondary,
html[data-theme="dark"] #addHouseModal .form-actions .btn.btn-secondary,
html[data-theme="dark"] #editHouseModal .form-actions .btn.btn-secondary {
    border: 1px solid #4a4a4a !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    background: #333 !important;
    background-color: #333 !important;
    color: #ffa780 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .modal .btn.btn-secondary:hover,
html[data-theme="dark"] .modal .btn-secondary:hover {
    background: #3d3d3d !important;
    background-color: #3d3d3d !important;
    filter: none !important;
}

html[data-theme="dark"] .modal .btn.btn-warning,
html[data-theme="dark"] .modal .btn-warning {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 800 !important;
    background: linear-gradient(180deg, #fbbf24, #f59e0b) !important;
    background-color: transparent !important;
    color: #1a2e28 !important;
    box-shadow: 0 6px 14px rgba(245, 158, 11, 0.32) !important;
}

html[data-theme="dark"] .modal .btn.btn-danger,
html[data-theme="dark"] .modal .btn-danger,
html[data-theme="dark"] #brConfirmModal .btn.btn-danger,
html[data-theme="dark"] .br-confirm-modal .btn.btn-danger {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    background: linear-gradient(180deg, #f87171, #dc2626 55%, #b91c1c 100%) !important;
    background-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.28) !important;
}

/* Профиль: up-btn-primary внутри модалки */
.modal .up-btn-primary,
html[data-theme="dark"] .modal .up-btn-primary {
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Syne', 'Nunito', sans-serif !important;
    font-weight: 700 !important;
}
.modal .up-btn-primary {
    color: #f8fbff !important;
    background: linear-gradient(180deg, #4aa3f5 0%, #3390ec 55%, #2563eb 100%) !important;
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22) !important;
}
html[data-theme="dark"] .modal .up-btn-primary {
    color: #fff8f3 !important;
    background: linear-gradient(180deg, #e87a45 0%, #e06a30 55%, #c45c26 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 6px 14px rgba(232, 122, 69, 0.3) !important;
}