.breadcrumb-road {
    background:
            repeating-radial-gradient(circle at 1px 1px, #2a2a2a 0px, #111 2px, #111 3px),
            repeating-linear-gradient(45deg, #1a1a1a 0, #1a1a1a 2px, #111 3px, #111 4px),
            linear-gradient(to bottom, #1a1a1a, #0f0f0f);
    border-top: 2px solid #ffcc00;
    border-bottom: 2px solid #ffcc00;
    color: #ffcc00;

    /* ↓ Make the bar thinner */
    line-height: .5;     /* Keeps text aligned nicely */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

/* Keep text clear and readable */
.breadcrumb-road .breadcrumb {
    background: transparent;
    margin-bottom: 0;
    padding: 0.1rem 1rem;  /* tighter vertical padding */
}

/* Breadcrumb text and links */
.breadcrumb-road .breadcrumb-item a {
    color: #ffcc00;
    text-decoration: none;
}

.breadcrumb-road .breadcrumb-item a:hover {
    color: #ffcc00;
    text-decoration: underline;
}

/* Current (active) page */
.breadcrumb-road .breadcrumb-item.active {
    color: #fff;
}

/* Separator color */
.breadcrumb-road .breadcrumb-item + .breadcrumb-item::before {
    color: #ffcc00;
}

/* Small letter-spacing */
.breadcrumb-road .breadcrumb-item {
    letter-spacing: 0.5px;
}























.table-sortable th a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.table-sortable th a:hover {
    color: #007bff !important;
}

/* Default neutral arrows */
.table-sortable th.sortable::after {
    content: "\2195"; /* up/down arrow */
    font-size: 0.8rem;
    color: #ccc;
    margin-left: 6px;
}

/* Active sort direction icons */
.table-sortable th.sorted-asc::after {
    content: "\25B2"; /* ▲ */
    color: #007bff;
}

.table-sortable th.sorted-desc::after {
    content: "\25BC"; /* ▼ */
    color: #007bff;
}

/* Optional: highlight sorted column */
.table-sortable th.sorted-asc,
.table-sortable th.sorted-desc {
    background-color: #e7f1ff;
    color: #0056b3;
}








/* for Intuit sync sandbox */
.sandbox-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    background: #ffc107;
    color: #000;
    padding: 4px 10px;
    font-size: 0.75rem;
    border-bottom-left-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}