:root {
    --app-btn-bg: #2563eb;
    --app-btn-bg-hover: #1d4ed8;
    --app-btn-text: #ffffff;
    --app-btn-shadow: 0 8px 18px rgba(37, 99, 235, 0.22);
    --app-btn-shadow-hover: 0 10px 22px rgba(37, 99, 235, 0.3);
}

.btn,
a.btn,
button.btn,
input[type="submit"].btn,
.booking-btn,
a.booking-btn,
button.booking-btn,
.back-btn,
.export-btn,
.sort-btn {
    background: var(--app-btn-bg) !important;
    color: var(--app-btn-text) !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, transform 0.12s ease, box-shadow 0.2s ease !important;
    box-shadow: var(--app-btn-shadow);
}

.btn:hover,
a.btn:hover,
button.btn:hover,
input[type="submit"].btn:hover,
.booking-btn:hover,
.back-btn:hover,
.export-btn:hover,
.sort-btn:hover {
    background: var(--app-btn-bg-hover) !important;
    box-shadow: var(--app-btn-shadow-hover);
    transform: translateY(-1px);
}

.btn:active,
.booking-btn:active,
.back-btn:active,
.export-btn:active,
.sort-btn:active {
    transform: translateY(0);
}

.btn:disabled,
button.btn:disabled,
.booking-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}