/* Base style overrides, mainly handling active tab states since we don't use DaisyUI */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure all buttons have pointer cursor */
button {
    cursor: pointer;
}

/* Custom scrollbar for better appearance */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Tab activation styles */
.nav-tab {
    position: relative;
    display: flex;
    align-items: center;   /* text vertically centred within full-height button */
    height: 100%;          /* button stretches to full navbar height */
}

.nav-tab.active-tab,
.nav-tab.active-tab:hover {
    color: #f59e0b !important;  /* amber-400, overrides hover:text-white */
}

.nav-tab.active-tab::after {
    content: '';
    position: absolute;
    bottom: 0;             /* flush with navbar bottom edge */
    left: 0;
    right: 0;
    height: 4px;
    background-color: #f59e0b;  /* amber-400 */
}

/* View transitions */
.view-section {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}