/* Postelio Theme — Font Inter via Bunny Fonts (GDPR-friendly, déjà utilisé dans le stack) */
@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700,800&display=swap');

/* Override font-family partout dans Grommunio Web (ExtJS + custom) */
body,
html,
.x-grid3-row td,
.x-grid3-hd-row td,
.x-panel-header,
.x-window-header,
.x-toolbar td,
.x-toolbar div,
.x-toolbar span,
.x-toolbar label,
.x-tip .x-tip-body,
.x-window-mc,
.x-tab-strip span.x-tab-strip-text,
.x-menu-list-item,
.x-tree-node,
.x-form-field,
.x-fieldset legend,
.x-btn button,
.x-window-dlg,
.x-window-dlg .ext-mb-text,
.ext-el-mask-msg div,
.zarafa-mainpanel,
.k-toolbar,
.k-panel,
.k-grid,
.k-button,
.k-input,
input,
button,
select,
textarea,
[class*="zarafa"],
[class*="k-"] {
    font-family: Inter, "Avenir Next", "Segoe UI", Arial, sans-serif !important;
}

/* Titres/headers — utiliser font-weight Inter 600 ou 700 */
h1, h2, h3, h4, h5, h6,
.x-window-header-title,
.x-panel-header-text-container,
.x-grid-cell-headerCell,
.zarafa-mainpanel-header,
body.login > #form-container h1 {
    font-family: Inter, "Avenir Next", "Segoe UI", Arial, sans-serif !important;
    font-weight: 600 !important;
    color: #172554 !important; /* Navy de la palette pour les titres */
}

/* Agrandir le logo de login (double de la taille par défaut 220x52) */
body.login #form-container #logo,
#loading-mask #form-container #logo {
    height: 122px !important;
    width: 100% !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Ajuster aussi la hauteur du form-container pour faire de la place au plus grand logo */
body.login #form-container,
#loading-mask #form-container {
    min-height: 380px !important;
}