/**
 * SVG-иконки (замена icon-font). Размер наследуется через font-size, как у <i>.
 */
.alg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

.alg-icon use {
    fill: currentColor;
}

/* Иконка «Отправить» в виджетах отправки (списки, карточки; документы — order-documents-block.css) */
.sendIcon.alg-icon {
    font-size: 22px;
}

/* Карточки списков: ряд иконок действий (счета, договоры, КП) */
.interface-list-card-actions {
    gap: 0.5rem;
}

.interface-list-card-actions > a,
.interface-list-card-actions > .send-invoice,
.interface-list-card-actions > .send-oc,
.interface-list-card-actions > .send-dd,
.interface-list-card-actions > button.btn-link,
.interface-list-card-actions > form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.interface-list-card-actions > form > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    line-height: 1;
}

.interface-list-card-actions.interface-list-card-actions--compact {
    gap: 0.25rem;
}

.interface-list-card-actions__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.interface-list-card-actions__item > a,
.interface-list-card-actions__item > button,
.interface-list-card-actions__item > form {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
    text-decoration: none;
}

.interface-list-card-actions__item > form > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
}

.interface-list-card-actions .alg-icon {
    font-size: 24px;
    vertical-align: middle;
}

.interface-list-card-actions .send-invoice > button,
.interface-list-card-actions .send-oc > button,
.interface-list-card-actions .send-dd > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    min-width: 0 !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
}

.interface-list-card-actions .order-doc-group__edit > button {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1;
}

.interface-list-card-actions .order-doc-group__edit .alg-icon {
    font-size: 24px;
}

/* Размеры темы Hyper (совместимость с icon-font) */
.font-16 .alg-icon,
.alg-icon.font-16 {
    font-size: 16px;
}

.font-22 .alg-icon,
.alg-icon.font-22 {
    font-size: 22px;
}

.fs-18.alg-icon,
.alg-icon.fs-18 {
    font-size: 18px;
}

/* Блок документов заказа — размер задаёт order-documents-block.css (--order-doc-icon-size) */
.order-documents-block .order-doc-icon.alg-icon,
.order-documents-block .order-doc-icon-btn .alg-icon {
    font-size: var(--order-doc-icon-size, 22px);
}

.order-documents-block .order-doc-status-icon.alg-icon {
    font-size: 0.5rem;
}

/* Виджеты статистики */
.widget-icon.alg-icon {
    font-size: 1.5rem;
}

/* Поиск в navbar */
.search-icon.alg-icon {
    font-size: 1.125rem;
}

/* Мобильная навигация */
.mobile-nav-icon.alg-icon {
    font-size: 1.375rem;
}

/* Sidebar: иконки в пунктах меню (зеркало .side-nav .side-nav-link i в main.css) */
.side-nav .side-nav-link > .alg-icon:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: var(--ct-menu-item-icon-size);
    width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2.5);
    min-width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2.5);
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link > .alg-icon:first-child {
    width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2);
    min-width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2);
}

/* Кнопки с иконкой без текста */
.btn .alg-icon:only-child,
.btn-sm .alg-icon:only-child {
    vertical-align: middle;
}

/* DataTables: стрелки сортировки без remixicon (main.css использовал icon-font) */
table.dataTable thead th:after {
    content: "" !important;
    font-family: inherit !important;
    width: 0.5rem;
    height: 0.75rem;
    border: none;
    opacity: 0.45;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3Cpath d='M8 5l5 5H3z'/%3E%3C/svg%3E");
}

table.dataTable thead th[aria-sort=ascending]:after {
    height: 0.5rem;
    opacity: 0.7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 5l5 5H3z'/%3E%3C/svg%3E");
}

table.dataTable thead th[aria-sort=descending]:after {
    height: 0.5rem;
    opacity: 0.7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");
}

/* main.css: остатки icon-font (MDI/remixicon) — не подгружать несуществующие шрифты */
.side-nav .menu-arrow:before,
html[data-layout=topnav] .arrow-down:before,
.breadcrumb-item + .breadcrumb-item::before,
.password-eye:before,
.card-radio .form-check-input:checked + .form-check-label:before,
.dragula-handle:before,
.rateit-mdi,
table.dataTable thead th:after {
    font-family: inherit !important;
}

.side-nav .menu-arrow:before,
html[data-layout=topnav] .arrow-down:before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.42l-4.59 4.59a1 1 0 0 1-1.42-1.42L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41z'/%3E%3C/svg%3E");
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.25rem;
    vertical-align: -0.125em;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.29 6.71a1 1 0 0 1 1.42 0l4.59 4.59a1 1 0 0 1 0 1.42l-4.59 4.59a1 1 0 0 1-1.42-1.42L13.17 12 9.29 8.12a1 1 0 0 1 0-1.41z'/%3E%3C/svg%3E");
}

.password-eye:before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
}

.show-password .password-eye:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");
}

.card-radio .form-check-input:checked + .form-check-label:before {
    content: "" !important;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23727cf5'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.dragula-handle:before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 5h2v2H9V5zm0 6h2v2H9v-2zm0 6h2v2H9v-2zm4-12h2v2h-2V5zm0 6h2v2h-2v-2zm0 6h2v2h-2v-2z'/%3E%3C/svg%3E");
}
