/* === Import all necessary fonts === */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Siemreap&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* === Default fallback === */
body, * {
    font-family: 'Inter', sans-serif;
}

/* Khmer locale (km) */
html[lang="km"] body,
html[lang="km"] * {
    font-family: 'Siemreap', 'Khmer OS Siemreap', serif !important;
}

/*!* Japanese locale (ja) *!*/
/*html[lang="ja"] body,*/
/*html[lang="ja"] * {*/
/*    font-family: 'Noto Sans JP', sans-serif !important;*/
/*}*/

.fi-ta-actions,
.fi-fo-actions,
.fi-pa-header-actions {
    justify-content: flex-end !important;
}

/* Override default Filament tab container styles */
:root {
    --color-primary: #2563eb !important;         /* primary-600 */
    --color-primary-hover: #1d4ed8 !important;    /* primary-700 */
    --color-primary-light: #93c5fd !important;    /* primary-300 */
    --color-muted: #4b5563 !important;            /* gray-600 */
    --color-muted-light: #9ca3af !important;      /* gray-400 */
}

.fi-tabs {
    display: flex !important;
    justify-content: flex-start !important;
    /*gap: 1rem !important;*/
    overflow-x: auto;
    margin: 0 !important;
    margin-bottom: -1px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
    /*box-shadow: none !important;*/
    border: 0 !important;
    /*--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;*/
    /*--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;*/
    /*!*box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;*!*/
    /*box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1) !important;*/

    /*--tw-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1) !important;*/
    /*--tw-shadow-colored: 0 2px 4px -1px var(--tw-shadow-color) !important;*/

    /*box-shadow: var(--tw-shadow) !important;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    /*color:rgba(0,0,0,0.1);*/
}

@media (prefers-color-scheme: dark) {
    .fi-tabs {
        background-color: transparent !important;
        box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1) !important;
    }
}

/*.fi-tabs .fi-tabs-item [role="tab"] :not(.fi-active) {*/
/*    display: inline-flex !important;*/
/*    align-items: center !important;*/
/*    padding: 0.5rem 0 !important;*/
/*    font-size: 0.875rem !important; !* 14px *!*/
/*    font-weight: 500 !important;*/
/*    color: var(--color-muted) !important;*/
/*    border-bottom: 2px solid transparent !important;*/
/*    background: none !important;*/
/*    cursor: pointer !important;*/
/*    transition: all 0.2s ease !important;*/
/*}*/

/*.fi-tabs [role="tab"]:hover {*/
/*    color: var(--color-primary-hover) !important;*/
/*    border-color: var(--color-primary-light) !important;*/
/*}*/

.fi-tabs .fi-tabs-item{
    border-radius: 0 !important;
}

.fi-tabs .fi-active.fi-tabs-item-active{
    color: var(--color-primary-hover) !important;
    border-bottom: 2px solid var(--color-primary) !important;
    /*border-color: var(--color-primary) !important;*/
    font-weight: 600 !important;
}

.fi-tabs [role="tab"][aria-selected="true"] {
    color: var(--color-primary-hover) !important;
    border-color: var(--color-primary) !important;
    font-weight: 600 !important;
}

.fi-tabs [role="tab"] svg {
    width: 1rem !important;
    height: 1rem !important;
    margin-right: 0.5rem !important;
    color: var(--color-muted-light) !important;
}

.fi-tabs [role="tab"][aria-selected="true"] svg {
    color: var(--color-primary-hover) !important;
}