/* Merchant Revenue Tool — Custom Styles */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f8f9fa;
}

#sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
}

#sidebar .nav-link {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    margin-bottom: 0.125rem;
    transition: background-color 0.15s;
}

#sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#sidebar .nav-link.active {
    font-weight: 600;
}

.card {
    border-radius: 0.5rem;
}

.table th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #6c757d;
}

.table td {
    vertical-align: middle;
}

/* htmx loading indicator */
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-block;
}

.htmx-request.htmx-indicator {
    display: inline-block;
}

/* Smooth transitions for htmx swaps */
.htmx-swapping {
    opacity: 0.5;
    transition: opacity 0.2s ease-in;
}

.htmx-settling {
    opacity: 1;
    transition: opacity 0.2s ease-out;
}

/* Progress bars */
.progress {
    border-radius: 1rem;
}

/* Sortable table headers */
th a {
    color: inherit !important;
}

th a:hover {
    text-decoration: underline !important;
}