/* Paposend brand override for the Material Admin theme this app is built
   on. The theme's own [data-ma-theme=green] preset doesn't actually
   produce green (it maps to #8089ff, the same as .btn-primary's base
   color) — this file overrides the actual brand-color touchpoints
   directly instead of relying on that broken preset. Load this AFTER
   app.min.css. #88c540 matches paposend-dashboard's accent color exactly. */

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #88c540;
    border-color: #88c540;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #79b032;
    border-color: #79b032;
}

.btn-outline-primary,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #88c540;
    border-color: #88c540;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #88c540;
    border-color: #88c540;
}

.navigation__active:before,
.navigation__active > a,
.navigation__sub--active > a {
    color: #88c540;
}

.sidebar {
    background-color: #f2f7ea;
}

a,
a:hover {
    color: #88c540;
}

a.text-danger,
a.text-danger:hover {
    color: #f44336;
}

/* DataTables' own bundled styling defaults to an indigo accent
   independent of Material Admin's theme — override its two brand-color
   touchpoints (active page number, column sort icons) to match. */
.paginate_button.current,
.paginate_button.current:hover {
    background: #88c540;
    border-color: #88c540;
    color: #fff !important;
}

table.dataTable thead .sorting:hover,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    color: #88c540;
}