/* Global legacy harmonization overrides (loaded after template inline styles) */

.page-header,
.dashboard-header,
.hero-section,
.bg-gradient-primary,
.bg-gradient-success,
.bg-gradient,
.card.bg-gradient,
.card-header.bg-gradient,
.modal-header.bg-gradient-primary {
    background: #f8edd0 !important;
    color: #2b2200 !important;
}

.page-header .text-white,
.dashboard-header .text-white,
.page-header .text-white-50,
.dashboard-header .text-white-50,
.bg-gradient .text-white,
.bg-gradient-primary .text-white,
.bg-gradient .text-white-50,
.bg-gradient-primary .text-white-50 {
    color: #2b2200 !important;
}

.quick-action-btn,
.btn-gradient,
.badge-account,
.progress-bar-custom,
.nav-tabs .nav-link.active,
.tracking-step.completed .step-icon,
.timeline-item.active i {
    background: #f2cf6a !important;
    color: #2b2200 !important;
    border-color: #e1bd59 !important;
}

.quick-action-btn:hover,
.btn-gradient:hover {
    background: #e1bd59 !important;
    color: #2b2200 !important;
}

.nav-tabs .nav-link {
    color: #7a5c00 !important;
    border-color: #e6bc2e !important;
}

.stat-card,
.order-card,
.orders-container,
.product-table,
.product-card,
.task-card,
.filter-card {
    border-color: rgba(180, 140, 0, 0.22) !important;
    box-shadow: 0 4px 14px rgba(50, 40, 0, 0.05) !important;
}

.stat-icon,
.text-primary,
.order-item,
.trip-location i {
    color: #8a6900 !important;
}

.order-item {
    border-left-color: #f2cf6a !important;
}

.avatar-circle,
.avatar-circle-small,
.avatar-circle-large,
.icon-circle.bg-primary,
.icon-circle.bg-success,
.icon-circle.bg-warning {
    background: #ffe58f !important;
    color: #2b2200 !important;
}

.badge.bg-primary,
.badge.bg-info,
.badge.bg-success,
.badge.bg-warning,
.badge.bg-secondary {
    color: #2b2200 !important;
}

.alert-info,
.alert-light {
    background: #fff8dc !important;
    border-color: #f1cd58 !important;
    color: #3f3200 !important;
}

.table-light,
.bg-light {
    background-color: #fffdf2 !important;
}

.btn-outline-light {
    color: #6d5400 !important;
    border-color: #e2bf44 !important;
    background: #fff9e3 !important;
}

.btn-outline-light:hover {
    background: #ffe58f !important;
    color: #2b2200 !important;
}

@media (max-width: 767.98px) {
    .page-header,
    .dashboard-header {
        padding: 1.2rem 0 !important;
    }
}

/* Make vendor pages breathe and occupy page width */
.dashboard-header > .container,
.page-header > .container,
.dashboard-header + .container,
.page-header + .container {
    width: min(96vw, 1700px) !important;
    max-width: none !important;
    padding-left: clamp(12px, 1.8vw, 28px) !important;
    padding-right: clamp(12px, 1.8vw, 28px) !important;
}

.page-header + .container .row.justify-content-center {
    justify-content: flex-start !important;
}

.page-header + .container .row.justify-content-center > .col-lg-8,
.page-header + .container .row.justify-content-center > .col-md-10,
.page-header + .container .row.justify-content-center > .col-xl-8 {
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.stat-card,
.product-table,
.orders-container,
.form-card,
.chart-container,
.stats-card,
.revenue-card {
    border-radius: 14px !important;
}

.orders-container,
.form-card,
.chart-container,
.stats-card,
.revenue-card {
    padding: clamp(1rem, 1.8vw, 2rem) !important;
}

.product-table .table td,
.product-table .table th {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
}