/* ============================================================================
   GLOBAL STYLESHEET
   Panyasubs Income System
   ============================================================================ */

body { 
    font-family: 'Sarabun', sans-serif; 
    background-color: #fcfbfb; 
}

h1, h2, h3, h4, h5, h6, .font-heading { 
    font-family: 'Prompt', sans-serif; 
}

/* =========================================
   View & Subview Transitions
   ========================================= */
.view-section { 
    display: none; 
}
.view-section.active {
    display: flex;
    animation: fadeIn 0.3s ease-out forwards;
}

.subview-section { 
    display: none; 
}
.subview-section.active { 
    display: block; 
    animation: fadeIn 0.3s ease-out forwards; 
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* =========================================
   Modal Animations
   ========================================= */
.modal-enter { 
    animation: modalFadeIn 0.2s ease-out forwards; 
}

@keyframes modalFadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* =========================================
   Custom Scrollbar
   ========================================= */
::-webkit-scrollbar { 
    width: 6px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
::-webkit-scrollbar-thumb { 
    background: #b29f94; 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #603813; 
}

/* =========================================
   Sidebar
   ========================================= */
#sidebar { 
    transition: transform 0.3s ease; 
}

/* =========================================
   Bootstrap Overrides
   ========================================= */
a { 
    text-decoration: none !important; 
    color: inherit; 
}
.btn-primary { 
    background-color: #603813 !important; 
    border-color: #603813 !important; 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { 
    background-color: #4a2b0f !important; 
    border-color: #4a2b0f !important; 
}
.bg-primary { 
    background-color: #603813 !important; 
}
.bg-secondary { 
    background-color: #b29f94 !important; 
}
.text-primary { 
    color: #603813 !important; 
}
.text-success { 
    color: #603813 !important; 
} 
.group:hover .group-hover\:text-white,
.group:hover .group-hover\:text-white i { 
    color: #ffffff !important; 
}
.spinner-border.text-primary, .spinner-border.text-secondary { 
    color: #b29f94 !important; 
}
.table-light { 
    --bs-table-bg: #f8f5f2; 
}

/* =========================================
   แก้ไข Modal ให้อยู่เหนือ Sidebar เสมอ
   ========================================= */
.fixed.inset-0.flex.items-center.justify-center.bg-black\\/60,
.fixed.inset-0.flex.items-center.justify-center.bg-black\\/50,
.fixed.inset-0.flex.items-center.justify-center.bg-black\\/70,
div[id$="-modal"] {
    z-index: 99999 !important;
}

#sidebar {
    z-index: 50 !important;
}