/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* Modern Thai Font - Kanit */
body, html {
    font-family: 'Kanit', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

* {
    font-family: 'Kanit', 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Headings - Ensure h1-h6 use Kanit font with maximum specificity */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
    font-family: 'Kanit', 'Montserrat', Georgia, "Times New Roman", Times, serif !important;
}

/* Specific rules for h2 to ensure Kanit font is applied with high specificity */
html body h2, html body .h2 {
    font-family: 'Kanit', 'Montserrat', Georgia, "Times New Roman", Times, serif !important;
}

/* Additional specificity for nested headings in common containers */
body h2, body .h2,
.card h2, .card .h2,
.content h2, .content .h2,
.container h2, .container .h2,
.card-body h2, .card-body .h2 {
    font-family: 'Kanit', 'Montserrat', Georgia, "Times New Roman", Times, serif !important;
}

/* Reports page */
.report-search-input {
    padding-right: 2.25rem;
}
.report-search-icon {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd;
    pointer-events: none;
}
.report-category {
    margin-bottom: 0.75rem;
}
.report-category .card {
    margin-bottom: 0;
}
.report-category-title {
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    font-weight: 500;
    margin-bottom: 0.35rem;
}
.report-category-title .badge {
    font-size: 0.65rem;
    vertical-align: middle;
    padding: 0.2em 0.5em;
}
.report-item {
    border-left: 2px solid transparent;
    padding: 0.45rem 0.85rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}
.report-item:hover,
.report-item:focus {
    background-color: #f8f9fa;
    border-left-color: #1e9ff2;
    text-decoration: none;
}
.report-item-title-row {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}
.report-icon-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    color: #1e9ff2;
    font-size: 0.85rem;
    flex-shrink: 0;
}
.report-item-title {
    font-weight: 500;
    font-size: 0.875rem;
    color: #2c3e50;
    line-height: 1.25;
}
.report-item-desc {
    display: block;
    font-size: 0.75rem;
    margin-top: 2px;
    margin-left: calc(20px + 0.45rem);
    line-height: 1.25;
}