@font-face {
    font-family: "Material Icons Lite";
    src: url("../fonts/material-icons-lite.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

.mi,
.nav-icon::before,
.nav-chevron::before,
.tab-icon::before,
.css-icon::before,
.play-dot::after,
.detail-icon::before,
.info-icon::before,
.kb-caret::before,
.mobile-tool:not(.wide)::before {
    font-family: "Material Icons Lite" !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: normal;
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
}
.mi::before { display: block; }
.mi-view-dashboard-outline::before { content: "\F0A1D"; }
.mi-inbox-outline::before { content: "\F1274"; }
.mi-apps::before { content: "\F003B"; }
.mi-chart-box-outline::before { content: "\F154E"; }
.mi-cube-outline::before { content: "\F01A7"; }
.mi-clipboard-text-outline::before { content: "\F0A38"; }
.mi-account-group-outline::before { content: "\F0B58"; }
.mi-image-multiple-outline::before { content: "\F02EF"; }
.mi-source-branch::before { content: "\F062C"; }
.mi-checkbox-marked-circle-outline::before { content: "\F0134"; }
.mi-checkbox-blank-outline::before { content: "\F0131"; }
.mi-robot-outline::before { content: "\F167A"; }
.mi-robot-excited-outline::before { content: "\F16A4"; }
.mi-chevron-down::before { content: "\F0140"; }
.mi-chevron-right::before { content: "\F0142"; }
.mi-close::before { content: "\F0156"; }
.mi-magnify::before { content: "\F0349"; }
.mi-email-outline::before { content: "\F01F0"; }
.mi-tray-full::before { content: "\F1296"; }
.mi-phone-outline::before { content: "\F0DF0"; }
.mi-video-outline::before { content: "\F0BDC"; }
.mi-dots-horizontal::before { content: "\F01D8"; }
.mi-view-split-vertical::before { content: "\F0BCC"; }
.mi-emoticon-happy-outline::before { content: "\F01F5"; }
.mi-plus::before { content: "\F0415"; }
.mi-image-outline::before { content: "\F0976"; }
.mi-send::before { content: "\F048A"; }
.mi-play::before { content: "\F040A"; }
.mi-phone::before { content: "\F03F2"; }
.mi-bell-outline::before { content: "\F009C"; }
.mi-pin-outline::before { content: "\F0931"; }
.mi-account-plus-outline::before { content: "\F0801"; }
.mi-cog-outline::before { content: "\F08BB"; }
.mi-account-multiple-outline::before { content: "\F000F"; }
.mi-pencil-outline::before { content: "\F0CB6"; }
.mi-delete-outline::before { content: "\F09E7"; }
.mi-trending-up::before { content: "\F0535"; }
.mi-arrow-top-right::before { content: "\F005C"; }
.mi-arrow-left::before { content: "\F004D"; }
.mi-menu::before { content: "\F035C"; }
.mi-message-processing-outline::before { content: "\F1170"; }

/* Replace custom-drawn sidebar icons with one lightweight Material font subset. */
.nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}
.nav-icon::before {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
}
.nav-icon::after { content: none !important; display: none !important; }
.nav-icon-dashboard::before { content: "\F0A1D"; }
.nav-icon-inbox::before { content: "\F1274"; }
.nav-icon-apps::before { content: "\F003B"; }
.nav-icon-reports::before { content: "\F154E"; }
.nav-icon-cube::before { content: "\F01A7"; }
.nav-icon-orders::before { content: "\F0A38"; }
.nav-icon-users::before { content: "\F0B58"; }
.nav-icon-gallery::before { content: "\F02EF"; }
.nav-icon-workflow::before { content: "\F062C"; }
.nav-icon-tasks::before { content: "\F0134"; }
.nav-icon-ai::before { content: "\F167A"; }
.nav-icon-agent::before { content: "\F16A4"; }
.nav-icon-layers::before { content: "\F02EF"; }
.nav-icon-transaction::before { content: "\F0535"; }
.nav-icon-subscriber::before { content: "\F0B58"; }
.nav-icon-payout::before { content: "\F154E"; }
.nav-icon-knowledge::before { content: "\F0A38"; }
.nav-icon-rules::before { content: "\F0134"; }
.nav-icon-channels::before { content: "\F01F0"; }
.nav-icon-history::before { content: "\F0535"; }
.nav-icon-review::before { content: "\F000F"; }
.nav-icon-automation::before { content: "\F062C"; }
.nav-icon-settings::before { content: "\F08BB"; }


.nav-chevron {
    width: 16px !important;
    height: 16px !important;
    border: 0 !important;
    transform: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.nav-chevron::before { content: "\F0142"; font-size: 15px; transition: transform .18s ease; }
.is-expanded > .nav-link .nav-chevron,
.is-expanded > .nav-child .nav-chevron { transform: none !important; }
.is-expanded > .nav-link .nav-chevron::before,
.is-expanded > .nav-child .nav-chevron::before { transform: rotate(90deg); }

/* Message tabs */
.tab-icon::before {
    position: static !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    transform: none !important;
    font-size: 16px;
}
.tab-icon::after { content: none !important; }
.unread-icon::before, .inbox-icon::before { content: "\F01F0"; }
.all-icon::before, .explore-icon::before { content: "\F1296"; }

/* Existing CSS icon hooks */
.css-icon.close-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}
.css-icon.close-icon::before {
    content: "\F0156" !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    transform: none !important;
    font-size: 18px;
    color: currentColor;
}
.css-icon.close-icon::after { content: none !important; display: none !important; }
.css-icon.search-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #98a2b3;
    flex: 0 0 18px;
}
.css-icon.search-icon::before { content: "\F0349"; font-size: 18px; }

/* Mobile hamburger */
.mobile-tool:not(.wide) > span { display: none !important; }
.mobile-tool:not(.wide)::before { content: "\F035C"; font-size: 21px; }

/* Audio */
.play-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.play-dot::after {
    content: "\F040A" !important;
    position: static !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
    color: #fff;
    font-size: 14px;
}

/* Conversation info */
.detail-icon,
.info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.detail-icon::before,
.info-icon::before {
    position: static !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.detail-icon::after,
.info-icon::after { content: none !important; display: none !important; }
.detail-icon.phone::before { content: "\F0DF0"; color: #1266f1; font-size: 17px; }
.info-icon.bell::before { content: "\F009C"; color: #101828; font-size: 18px; }
.info-icon.pin::before { content: "\F0931"; color: #101828; font-size: 18px; }
.info-icon.plus::before { content: "\F0801"; color: #101828; font-size: 18px; }
.info-icon.gear::before { content: "\F08BB"; color: #101828; font-size: 18px; }

/* Knowledge caret */
.kb-caret {
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    transform: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.kb-caret::before { content: "\F0140"; font-size: 17px; transition: transform 180ms ease; }
.kb-faq-row.is-open .kb-caret { transform: none !important; }
.kb-faq-row.is-open .kb-caret::before { transform: rotate(180deg); }

/* Normalize newly inserted Material icons in existing controls. */
.chat-action .mi,
.input-action .mi,
.send-button .mi,
.member-count .mi,
.search-box .mi,
.upgrade-icon .mi,
.kb-icon-action .mi,
.modal-close .mi,
.input-mini .mi,
.manage-plan .mi,
.behaviour-card-icon .mi {
    font-size: 18px;
}
.chat-action .mi,
.input-action .mi,
.member-count .mi { color: currentColor; }
.search-box .mi { color: #98a2b3; font-size: 18px; }
.send-button .mi { font-size: 17px; }
.upgrade-icon .mi { font-size: 20px; }
.input-mini .mi { font-size: 18px; }
.kb-icon-action .mi { font-size: 17px; }
.modal-close .mi { font-size: 20px; }
.manage-plan .mi { font-size: 14px; }
.behaviour-card-icon .mi { font-size: 20px; }

/* Remaining icon-like controls */
.kb-faq-check {
    border: 0 !important;
    border-radius: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
}
.kb-faq-check::before {
    content: "\F0131";
    font-family: "Material Icons Lite";
    font-size: 18px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.feature-channel-icon .mi { font-size: 22px; }
.feature-primary-btn .mi,
.btn-secondary .mi,
.btn-primary .mi {
    font-size: 16px;
    margin-right: 6px;
}