html, body {
    height: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.min-vh-100 {
    min-height: 100vh;
}

.nav-tab.active-tab {
    color: #fff !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.nav-tab {
    color: #6c757d;
}

    .nav-tab:hover {
        color: #343a40;
        background-color: rgba(0,0,0,0.03);
    }

#AppBreadcrumb i.fa-chevron-right {
    font-size: .7rem;
    opacity: .6;
    margin: 0 .25rem;
}

.list-group-item {
    border: 0;
}

.list-group-flush .list-group-item {
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.list-group-item.active {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: 0;
    color: #fff;
}

.table thead th, .table-light th {
    font-weight: 600;
}

.badge.bg-success-subtle {
    background-color: rgba(25,135,84,.1);
    color: #198754;
}

.badge.bg-warning-subtle {
    background-color: rgba(255,193,7,.15);
    color: #997404;
}

.badge.bg-secondary-subtle {
    background-color: rgba(108,117,125,.15);
    color: #6c757d;
}

.dropdown-menu .dropdown-item i {
    width: 1rem;
}

/* Keep existing rules ... */

/* Offcanvas width a bit narrower on small devices */
@media (max-width: 575.98px) {
    .offcanvas.offcanvas-start {
        width: 85%;
    }
}

/* Breadcrumb wraps nicely on small screens */
#AppBreadcrumb {
    row-gap: .25rem;
}

    #AppBreadcrumb i.fa-chevron-right {
        font-size: .7rem;
        opacity: .6;
        margin: 0 .25rem;
    }
/* Tonies top-nav tweaks */
.navbar .nav-link.nav-tab {
    color: #6c757d;
    margin-right: .25rem;
    border-radius: .35rem;
    padding: .35rem .6rem;
}

.navbar .nav-link.nav-tab.active-tab,
.navbar .nav-link.nav-tab:hover {
    color: #fff !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.05);
}