/* ISEC Global Styles - Applies to All Themes */

/* ========================================================================
   DataGrid Table Styling - Global Standards
   ======================================================================== */

/* All table headers must be bold */
table thead th,
.kt-datagrid thead th,
[data-kt-table] thead th {
    font-weight: 700 !important;
}

/* ========================================================================
   Focus & Selection Behavior - Remove auto-focus/select on headings
   ======================================================================== */

/* Remove focus outline and auto-select behavior on heading elements */
h1:focus, h1:active,
h2:focus, h2:active,
h3:focus, h3:active,
h4:focus, h4:active,
h5:focus, h5:active,
h6:focus, h6:active {
    outline: none !important;
}

/* Prevent text selection on headings to avoid weird auto-select behavior */
h1, h2, h3, h4, h5, h6 {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* ========================================================================
   Default Light Theme Background Override
   ======================================================================== */

/* Override default Metronic light theme background to use off-white */
html.light:not(.isec-light),
body.light:not(.isec-light) {
    background-color: #f0f2f5 !important;         /* Off-white canvas background */
}

.light:not(.isec-light) .app-main,
.light:not(.isec-light) .app-container,
.light:not(.isec-light) .kt-app-main,
.light:not(.isec-light) .kt-app-container,
.light:not(.isec-light) .kt-wrapper,
.light:not(.isec-light) .kt-content,
.light:not(.isec-light) main {
    background-color: #f0f2f5 !important;         /* Off-white container background */
}

/* ========================================================================
   Color Utility Classes - Positive/Negative Values
   ======================================================================== */

/* Positive values (green) */
.text-positive {
    color: #10b981 !important;
}

/* Negative values (red) */
.text-negative {
    color: #ef4444 !important;
}