body {
    font-family: Calibri;
    background-color: #E8EBF0;
    margin: 2px;
    padding: 0;
    font-size: 12px;
}

.ILabel {
    font-size: 12px;
    font-family: sans-serif;
    color: #808080;
    font-weight: bold;
}

.ITextBox {
    font-size: 12px;
    font-family: Calibri;
    color: #808080;
    font-weight: bold;
}

.IDropDown {
    font-size: 12px;
    font-family: Calibri;
    color: #808080;
    font-weight: bold;
}

.ISpace {
    height: 2px;
}

.ILabelHeader {
    font-size: 10pt;
    font-family: Calibri;
    font-weight: bold;
    color: #114E97;
}


th, td {
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

/* DevExtreme grid header — blue with white font (matches legacy Itemize theme) */
.dx-datagrid-headers .dx-header-row {
    background-color: #114E97;
    color: #fff;
}
.dx-datagrid-headers .dx-header-row .dx-datagrid-text-content {
    color: #fff;
}
.dx-datagrid-headers .dx-header-row .dx-header-filter {
    color: rgba(255, 255, 255, 0.7);
}
.dx-datagrid-headers .dx-header-row .dx-sort,
.dx-datagrid-headers .dx-header-row .dx-sort-indicator {
    color: #fff;
}
/* Grid headers left-aligned (matches legacy) */
.dx-datagrid-headers .dx-datagrid-text-content {
    text-align: left !important;
}
.dx-datagrid-headers td {
    text-align: left !important;
}
/* Hide header filter icons globally */
.dx-datagrid-headers .dx-header-filter {
    display: none !important;
}
/* Select-all checkbox centered in header */
.dx-datagrid-headers td.dx-command-select {
    text-align: center !important;
}

/* ─── Navigation: active state (green highlight matching legacy) ─── */
#mainMenu .nav-link.nav-active {
    background-color: #8CB409;
    color: #fff !important;
    border-radius: 4px;
}
/* Nav hover: white text turns black (matches legacy) */
#mainMenu .nav-link.text-white:hover {
    color: #000 !important;
}
/* Dropdown item active state (green background matching legacy) */
#mainMenu .dropdown-item.active,
#mainMenu .dropdown-item.active:focus {
    background-color: #8CB409;
    color: #fff;
}
/* Dropdown item hover */
#mainMenu .dropdown-item:hover {
    background-color: #e9ecef;
    color: #000;
}
#mainMenu .dropdown-item.active:hover {
    background-color: #7da308;
    color: #fff;
}

/* ─── Report filter styles are now in report-filters.css ─── */