:root {
    --admin-page-bg: #f4f7fb;
    --admin-page-surface: #ffffff;
    --admin-page-soft: #f8fafc;
    --admin-page-border: #dce3ec;
    --admin-page-text: #1f2937;
    --admin-page-muted: #64748b;
    --admin-page-primary: #2563eb;
    --admin-page-primary-dark: #1d4ed8;
    --admin-page-warning: #e1ac08;
    --admin-page-success: #16a34a;
    --admin-page-danger: #dc2626;
    --admin-page-info: #0891b2;
    --admin-page-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    --admin-page-shadow-sm: 0 5px 14px rgba(15, 23, 42, 0.06);
}

.min-height > *,
.admin-content > *,
.message-body > *,
.settings-body > * {
    letter-spacing: 0;
}

.admin-panel,
.message-wrapper,
.settings-container,
.user-management-wrapper,
.page-content,
.pricing-container,
.dest-container,
.tcost-container,
.reys-container,
.msg-container,
.card,
.admin-card,
.custom-card,
.save-package-card {
    border: 1px solid var(--admin-page-border) !important;
    border-radius: 6px !important;
    background: var(--admin-page-surface) !important;
    box-shadow: var(--admin-page-shadow-sm) !important;
    overflow: hidden;
}

.pricing-container,
.dest-container,
.tcost-container,
.reys-container,
.msg-container {
    padding: 14px !important;
    min-height: auto !important;
}

.admin-nav,
.message-header,
.settings-nav,
.user-header-custom,
.card-header,
.card-header-modern,
.card-header-custom,
.custom-header {
    min-height: 48px;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--admin-page-border) !important;
    background: var(--admin-page-soft) !important;
    color: var(--admin-page-text) !important;
}

.admin-nav,
.message-header,
.settings-nav,
.user-header-custom,
.nav-buttons-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto;
    scrollbar-width: thin;
}

.admin-content,
.message-body,
.settings-body,
.user-body-content,
.card-body,
.form-body {
    background: var(--admin-page-surface) !important;
}

.admin-content,
.message-body,
.settings-body,
.user-body-content {
    padding: 14px !important;
}

.panel-title,
.header-title,
.header-brand,
.card-title-text,
.label-text,
.form-section-label,
.custom-header,
.card-header,
.card-header-modern {
    color: var(--admin-page-text) !important;
    font-weight: 800 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.card-title-text,
.form-section-label,
.label-text {
    font-size: 13px !important;
}

.nav-pill-btn,
.btn-tab,
.settings-btn,
.btn-nav-light,
.btn-nav-active,
.nav-status-badge {
    min-height: 36px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 8px 13px !important;
    border-radius: 6px !important;
    border: 1px solid var(--admin-page-border) !important;
    background: #fff !important;
    color: #334155 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.nav-pill-btn:hover,
.btn-tab:hover,
.settings-btn:hover,
.btn-nav-light:hover {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: var(--admin-page-primary) !important;
}

.nav-pill-btn.active,
.btn-tab.active,
.settings-btn.active,
.btn-nav-active,
.nav-status-badge {
    background: var(--admin-page-primary) !important;
    border-color: var(--admin-page-primary) !important;
    color: #fff !important;
}

.close-link,
.btn-close-custom,
.btn-close-settings,
.btn-close-box {
    min-width: 36px !important;
    min-height: 36px !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    border-radius: 6px !important;
    border: 1px solid #fecaca !important;
    background: #fff1f2 !important;
    color: var(--admin-page-danger) !important;
    text-decoration: none !important;
}

.close-link:hover,
.btn-close-custom:hover,
.btn-close-settings:hover,
.btn-close-box:hover {
    background: var(--admin-page-danger) !important;
    color: #fff !important;
}

.rounded-0,
.rounded-1,
.rounded-2,
.rounded-3 {
    border-radius: 6px !important;
}

.bg-light,
[style*="background:#8b8b8b1c"],
[style*="background: #f8f9fc"],
[style*="background-color: #fafbfc"],
[style*="background:#f8f9fc"],
[style*="background-color:#f8f9fa"] {
    background: var(--admin-page-soft) !important;
}

.shadow,
.shadow-sm,
[class*="shadow"] {
    box-shadow: var(--admin-page-shadow-sm) !important;
}

.table-responsive {
    border-radius: 6px;
    border: 1px solid var(--admin-page-border);
    background: #fff;
}

.card-body > .table-responsive,
.form-body > .table-responsive,
.admin-content > .table-responsive,
.message-body > .table-responsive {
    border: 0;
}

.table {
    width: 100%;
    margin-bottom: 0 !important;
    color: var(--admin-page-text);
    vertical-align: middle;
}

.table > :not(caption) > * > * {
    padding: 10px 9px !important;
    border-color: #e5eaf1 !important;
}

.table thead,
.table-light,
.table .table-light,
thead.bg-light {
    background: #f1f5f9 !important;
    color: #334155 !important;
}

.table th {
    font-size: 12px !important;
    font-weight: 850 !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.table-hover tbody tr:hover {
    background: #f8fbff !important;
}

.form-control,
.form-select,
.form-control-modern,
.form-control-custom,
.input-group-text,
.input-group-text-custom,
textarea,
select,
input[type="text"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="password"],
input[type="file"],
input[type="tel"] {
    border-radius: 6px !important;
    border-color: #cbd5e1 !important;
    background-color: #fff !important;
    color: var(--admin-page-text) !important;
}

.form-control:focus,
.form-select:focus,
.form-control-modern:focus,
.form-control-custom:focus,
textarea:focus,
select:focus,
input:focus {
    border-color: var(--admin-page-primary) !important;
    box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.14) !important;
    outline: none !important;
}

.input-group .form-control,
.input-group .form-select,
.input-group .input-group-text,
.input-group .btn {
    border-radius: 0 !important;
}

.input-group > :first-child {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.input-group > :last-child {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.btn,
button,
input[type="submit"],
.btn-submit-modern,
.btn-complete,
.btn-calc {
    border-radius: 6px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.btn-primary,
.btn-submit-modern,
.btn-complete {
    background: var(--admin-page-primary) !important;
    border-color: var(--admin-page-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-submit-modern:hover,
.btn-complete:hover {
    background: var(--admin-page-primary-dark) !important;
    border-color: var(--admin-page-primary-dark) !important;
    transform: none !important;
}

.btn-warning {
    background: var(--admin-page-warning) !important;
    border-color: var(--admin-page-warning) !important;
    color: #172033 !important;
}

.btn-success {
    background: var(--admin-page-success) !important;
    border-color: var(--admin-page-success) !important;
}

.btn-info {
    background: var(--admin-page-info) !important;
    border-color: var(--admin-page-info) !important;
    color: #fff !important;
}

.btn-danger {
    background: var(--admin-page-danger) !important;
    border-color: var(--admin-page-danger) !important;
}

.btn-outline-secondary,
.btn-outline-info,
.btn-outline-primary,
.btn-outline-danger {
    background: #fff !important;
}

.alert {
    border-radius: 6px !important;
    border-width: 1px !important;
}

.badge {
    border-radius: 5px !important;
    font-weight: 850 !important;
}

.modal-content {
    border: 1px solid var(--admin-page-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--admin-page-shadow) !important;
}

.modal-header,
.modal-footer {
    background: var(--admin-page-soft) !important;
    border-color: var(--admin-page-border) !important;
}

.settings-container,
.user-management-wrapper,
.message-wrapper {
    margin: 8px 0 14px !important;
}

.tabcontent {
    animation: none !important;
}

.page-content {
    padding: 14px !important;
}

.container.w-75,
.container[style*="width"],
.w-75 {
    max-width: 100% !important;
}

.total-cost-box {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #9a3412 !important;
}

.clickable-row {
    cursor: pointer;
}

#loader-overlay {
    background: rgba(248, 250, 252, 0.78) !important;
    backdrop-filter: blur(6px);
}

@media (max-width: 991.98px) {
    .admin-nav,
    .message-header,
    .settings-nav,
    .user-header-custom {
        flex-wrap: nowrap !important;
    }

    .panel-title,
    .header-title,
    .header-brand {
        min-width: max-content;
    }
}

@media (max-width: 767.98px) {
    .admin-content,
    .message-body,
    .settings-body,
    .user-body-content,
    .card-body,
    .form-body,
    .page-content {
        padding: 10px !important;
    }

    .row {
        --bs-gutter-x: 0.75rem;
    }

    .nav-pill-btn,
    .btn-tab,
    .settings-btn,
    .btn-nav-light,
    .btn-nav-active {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }

    .table > :not(caption) > * > * {
        padding: 8px 7px !important;
    }
}