@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/MONTSERRAT-BOLD.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/MONTSERRAT-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/MONTSERRAT-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/MONTSERRAT-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
}

:root {
    --font-family-sans-serif: 'Montserrat-Regular', sans-serif;
    --e-font-family: 'Montserrat-Regular', Helvetica, Arial, sans-serif;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat-Regular', Helvetica, Arial, sans-serif;
}

body:has(.portal_guest_root) {
    overflow: hidden;
    height: 100dvh;
}

label,
.e-label {
    font-family: 'Montserrat-Regular', Helvetica, Arial, sans-serif;
}

/* Syncfusion text — exclude icon glyph classes (same approach as time.track site.css). */
.e-lib,
.e-control,
.e-control *:not(.e-richtexteditor *):not(.e-icons):not(.e-btn-icon):not(.e-input-group-icon):not(.e-ddt-icon):not(.e-menu-icon):not(.e-search-icon),
.e-label {
    font-family: 'Montserrat-Regular', Helvetica, Arial, sans-serif !important;
}

.e-input-group,
.e-control-wrapper,
.e-input-group input,
.e-input-group textarea,
.e-control-wrapper input,
.e-control-wrapper textarea,
input.e-input,
textarea.e-input {
    font-family: 'Montserrat-Regular', Helvetica, Arial, sans-serif !important;
}

/* Preserve Syncfusion icon font glyphs. */
.e-control .e-icons,
.e-lib .e-icons,
.e-control .e-btn-icon,
.e-lib .e-btn-icon,
.e-control .e-input-group-icon,
.e-lib .e-input-group-icon,
.e-control .e-ddt-icon,
.e-lib .e-ddt-icon,
.e-control .e-menu-icon,
.e-lib .e-menu-icon,
.e-control .e-search-icon,
.e-lib .e-search-icon,
.e-treegrid .e-treegridexpand,
.e-treegrid .e-treegridcollapse,
.e-treegrid .e-treegridexpand::before,
.e-treegrid .e-treegridcollapse::before {
    font-family: "e-icons" !important;
}

.e-control .e-clear-icon,
.e-control .e-clear-icon::before,
.e-lib .e-clear-icon,
.e-lib .e-clear-icon::before,
.e-input-group .e-clear-icon,
.e-input-group .e-clear-icon::before,
.e-clear-icon,
.e-clear-icon::before {
    font-family: "e-icons" !important;
}

.e-control .e-multiselect .e-chips-close,
.e-control .e-multiselect .e-chips-close::before,
.e-lib .e-multiselect .e-chips-close,
.e-lib .e-multiselect .e-chips-close::before,
.e-multiselect .e-chips-collection .e-chips .e-chips-close,
.e-multiselect .e-chips-collection .e-chips .e-chips-close::before,
.e-multiselect .e-chips.e-chip-selected .e-chips-close,
.e-multiselect .e-chips.e-chip-selected .e-chips-close::before,
.e-multiselect .e-chip .e-chips-close,
.e-multiselect .e-chip .e-chips-close::before {
    font-family: "e-icons" !important;
}