/* === Local Material Icons (classic ligature fonts) === */
@font-face{
    font-family:'Material Icons';
    font-style:normal;
    font-weight:400;
    src:url('/portal/assets/fonts/material-icons/MaterialIcons-Regular.ttf') format('truetype');
    font-display:swap;
}
@font-face{
    font-family:'Material Icons Outlined';
    font-style:normal;
    font-weight:400;
    src:url('/portal/assets/fonts/material-icons/MaterialIconsOutlined-Regular.otf') format('opentype');
    font-display:swap;
}
@font-face{
    font-family:'Material Icons Round';
    font-style:normal;
    font-weight:400;
    src:url('/portal/assets/fonts/material-icons/MaterialIconsRound-Regular.otf') format('opentype');
    font-display:swap;
}
@font-face{
    font-family:'Material Icons Sharp';
    font-style:normal;
    font-weight:400;
    src:url('/portal/assets/fonts/material-icons/MaterialIconsSharp-Regular.otf') format('opentype');
    font-display:swap;
}

/* Base ligature utilities (don’t change names; they’re standard) */
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp{
    display:inline-block;
    font-style:normal;
    font-weight:normal;
    font-size:24px;         /* control size here or via a class */
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings: 'liga';       /* ligatures on */
    -webkit-font-feature-settings:'liga';
}

/* Family selection */
.material-icons{           font-family:'Material Icons'; }
.material-icons-outlined{  font-family:'Material Icons Outlined'; }
.material-icons-round{     font-family:'Material Icons Round'; }
.material-icons-sharp{     font-family:'Material Icons Sharp'; }