/* The caller ID apps, drawn in the theme's own colours.
   Each icon is a one-colour shape (a ring with the app's glyph) used as a
   mask, so it takes currentColor like every other flat icon: mint in the
   menu and cards, ink where text is, and it follows the light and dark
   themes with no second file. It sits in the same slot as a Font Awesome
   <i>, so every place that already took a glyph class takes these. */
.cv-appicon {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    flex: 0 0 auto;
    vertical-align: -0.22em;
    background-color: currentColor;
    -webkit-mask: center / contain no-repeat;
    mask: center / contain no-repeat;
    font-style: normal;
}
.cv-appicon::before { content: none !important; }
.cv-appicon--truecaller {
    -webkit-mask-image: url('/images/brands/truecaller-mask.png');
    mask-image: url('/images/brands/truecaller-mask.png');
}
.cv-appicon--hiya {
    -webkit-mask-image: url('/images/brands/hiya-mask.png');
    mask-image: url('/images/brands/hiya-mask.png');
}

/* AdminLTE sizes sidebar icons with width:auto and a 20px minimum, which
   would squash a round icon into an oval. */
.main-sidebar .nav-link i.cv-appicon,
.main-sidebar .nav-icon.cv-appicon {
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 0.55rem;
}