html, body {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

#app {
    overflow: hidden;
}

.info-text,
.info-text .webix_template {
    white-space: normal;
    line-height: 1.4;
    word-break: break-word;
}

.webix_popup.webix_sidemenu {
    border-radius: 0;
}

.webix_popup.webix_sidemenu.webix_sidemenu_left {
    border-width: 0 1px 0 0;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.45);
}

.webix_sidemenu_left.webix_animate {
    transition: left 0.3s;
}

@media (max-width: 768px) {
    .mobile-toolbar-title .webix_el_box {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
    }

    .mobile-sidemenu {
        z-index: 100;
    }

    .mobile-menu-title .webix_el_box {
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-host .webix_el_box {
        padding-left: 16px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-menu-list .webix_list_item {
        display: flex;
        align-items: center;
        height: 48px;
        line-height: 48px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .mobile-menu-icon {
        margin-right: 12px;
        flex-shrink: 0;
    }

    .mobile-menu-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .multiline_datatable .webix_cell {
        padding: 4px 6px !important;
        line-height: 1.3 !important;
    }
}

.agent-status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

.agent-card-list .webix_list_item {
    height: auto !important;
    line-height: 1.35;
    white-space: normal;
    padding: 0;
}

.agent-card {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
}

.agent-card-check {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 3px;
}

.agent-card .agent-status-dot {
    flex-shrink: 0;
    margin-right: 0;
    margin-top: 6px;
}

.agent-card-text {
    flex: 1;
    min-width: 0;
}

.agent-card-name {
    word-break: break-word;
}

.agent-card-group {
    opacity: 0.7;
    font-size: 12px;
    word-break: break-word;
}

.multiline_datatable.agents-list-table .webix_cell {
    vertical-align: middle !important;
    padding-top: 6px !important;
    padding-bottom: 2px !important;
}

.agent-license-cards .webix_list_item {
    height: auto !important;
    line-height: 1.35;
    white-space: normal;
    padding: 10px 12px 12px;
    cursor: default;
}

.agent-license-card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-bottom: 4px;
    word-break: break-word;
}

.agent-license-card-label {
    opacity: 0.65;
    min-width: 7em;
    flex-shrink: 0;
}

.agent-license-card-id {
    word-break: break-all;
}

.agent-info-card-section {
    opacity: 0.65;
    font-weight: 600;
    margin: 10px 0 4px;
}

.agent-info-card-indent {
    padding-left: 12px;
}

.agent-token-field input {
    word-break: break-all;
}

.webix_cell.deferred-position-storno,
.deferred-position-storno {
    text-decoration: line-through;
}

.sales-filter-summary,
.sales-filter-summary .webix_el_box {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0.8;
    padding-left: 8px;
}

.sales-receipt-frame {
    border: 1px solid #384047;
}

.sales-receipt-title {
    padding: 8px 10px 6px;
}

.sales-receipt-title-main {
    font-size: 18px;
    font-weight: 600;
}

.sales-receipt-title-meta {
    margin-top: 2px;
    font-size: 13px;
    opacity: 0.7;
}