/* Custom Scrollbar - Light Theme */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #089bab;
}

/* Touch Scrolling Physics for Mobile Native App Feel */
* {
    -webkit-tap-highlight-color: transparent;
}
.overflow-x-auto, .overflow-y-auto {
    -webkit-overflow-scrolling: touch;
}

/* Header Brand Color Helpers */
.bg-brand-header {
    background-color: #089bab !important;
    color: #ffffff !important;
}

/* Accordion Row Styling */
tr.row-indicator {
    transition: all 0.2s ease-in-out;
}
tr.row-indicator:hover {
    background-color: rgba(8, 155, 171, 0.06) !important;
}
tr.row-indicator-active {
    background-color: rgba(8, 155, 171, 0.1) !important;
    border-left: 4px solid #089bab !important;
}

/* Smooth Accordion Content Transition */
.accordion-content-panel {
    animation: fadeInAccordion 0.25s ease-out forwards;
}

@keyframes fadeInAccordion {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Native Mobile Responsive Tweaks */
@media (max-width: 640px) {
    body {
        font-size: 13px;
    }
    .accordion-content-panel {
        padding: 0.75rem !important;
    }
    button, select, input {
        min-height: 38px;
    }
}