@charset "UTF-8";

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}


/* 字体颜色  */
.text_color_gray_fourSeven {
    color: #474d5b;
}

.text_color_gray_sixEight, #text_color_gray_sixEight {
    color: #686a76;
}

.public-iframe-content {
    margin: 10px;
}

.dx-widget {
    font-family: 'Microsoft YaHei';
}

.dx-widget, .dx-tab {
    font-size: 13px;
}

/*.dx-icon {
    color: #686a76 !important;
}*/
/* 整个滚动条 */
::-webkit-scrollbar {
    width: 8px; /* 滚动条的宽度 */
    height: 12px; /* 滚动条的高度，对水平滚动条有效 */
    background-color: #f9f9fd; /* 滚动条的背景颜色 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c1c1c1; /* 滑块的背景颜色 */
    border: 1px solid #fff; /* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
}

    /* 滚动条滑块：悬停效果 */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8a8a8; /* 滑块的悬停颜色 */
    }

    /* 滚动条滑块：激活时的效果 */
    ::-webkit-scrollbar-thumb:active {
        background-color: #888888; /* 滑块的激活颜色 */
    }

/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button {
    display: none; /* 通常情况下不显示滚动条按钮 */
}


/** 使用ifram切换页面的页面公共样式 */
.ifram-container {
    margin: 5px;
}


/* 修改表单的input、select、textarea框的样式 */
.dx-texteditor-input {
    border: 1px solid #dddddd;
    border-radius: 4px;
    background-color: #ffffff;
}

.dx-texteditor.dx-editor-filled .dx-placeholder::before,
.dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
    padding: 5px;
}

.dx-texteditor.dx-editor-filled::after {
    border-bottom: unset !important;
}

.dx-dropdowneditor-overlay .dx-list-group-header,
.dx-dropdowneditor-overlay .dx-list-item-content {
    /*line-height: 4px;*/
    font-size: 13px;
}

.dx-texteditor-input, .dx-placeholder, .dx-calendar-cell {
    font-size: 13px;
}

.dx-list-item-content {
    padding: 0px 8px 0px;
    /*padding: 12px 17px 13px;*/
}

.dx-field-item-label-location-top {
    padding: 0px 16px 3px 3px;
}

.dx-layout-manager .dx-field-item {
    padding-bottom: unset;
}
/*checkbox*/
.dx-list-select-all {
    padding: 8px 0px;
}

.dx-list-select-all-checkbox {
    margin: 5px 0 -3px 16px;
}

.dx-checkbox-icon {
    width: 14px;
    height: 14px;
}
/* 表格样式 */
.dx-datagrid-header-panel {
    padding: unset;
}

.dx-datagrid .dx-row.dx-header-row > td,
.dx-datagrid .dx-row.dx-data-row > td {
    padding: 3px 16px;
    font-size: 12px;
    /*line-height: 16px;*/
}

.padding_td .dx-datagrid .dx-row.dx-data-row > td {
    padding: 0px 16px;
    font-size: 12px;
    line-height: 0px;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 25px;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    height: 25px;
}

.dx-datagrid .dx-datagrid-table .dx-header-row > td {
    /*    padding-top: 4px;
    padding-bottom: 4px;*/
    color: #212529 !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    font-size: 13px;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
    font-size: 16px;
}

.dx-context-menu .dx-menu-item .dx-menu-item-content {
    padding: 3px 16px;
}

.dx-context-menu .dx-menu-item {
    font-size: 13px;
}

.dx-datagrid .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-invalid-message-always.dx-datagrid-invalid-message,
.dx-datagrid .dx-datagrid-content .dx-overlay-wrapper.dx-datagrid-revert-tooltip {
    display: none !important;
}

/* lyh 2026-09-18：焦点行改为「蓝色内描边」标识，口径与锁价合同锁定列表完全一致。
   改前的 #ababab 灰底有两个副作用：一是把行底色统一压成灰色，盖掉业务状态底色
   （如锁价的已出货浅蓝、采购的已关闭浅色）；二是 DevExtreme 主题会把焦点行文字反成
   浅色，压在灰底上读不清，各页只能各自补 color:#333 救火。
   改为只画内描边、不改底色与文字颜色后，业务底色得以保留、文字始终可读，
   各页的救火补丁也随之失效，无需逐页维护。
   注：本规则带 !important 但特异性较低，页面内用 #id 写的规则（如锁价合同的
   lock-price-shipped-row 浅蓝）仍可正常覆盖本规则。 */
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-datagrid-rowsview tr.dx-row-focused > td:not(.dx-focused):not(.dx-cell-modified),
.dx-treelist-rowsview tr.dx-row-focused > td:not(.dx-focused):not(.dx-cell-modified) {
    background-color: transparent !important;
}

.dx-datagrid-rowsview tr.dx-row-focused > td,
.dx-treelist-rowsview tr.dx-row-focused > td {
    color: inherit !important;
    box-shadow: inset 0 1px 0 0 #1A73E8, inset 0 -1px 0 0 #1A73E8;
}

.dx-datagrid-rowsview tr.dx-row-focused > td:first-child,
.dx-treelist-rowsview tr.dx-row-focused > td:first-child {
    box-shadow: inset 0 1px 0 0 #1A73E8, inset 0 -1px 0 0 #1A73E8, inset 1px 0 0 0 #1A73E8;
}

.dx-datagrid-rowsview tr.dx-row-focused > td:last-child,
.dx-treelist-rowsview tr.dx-row-focused > td:last-child {
    box-shadow: inset 0 1px 0 0 #1A73E8, inset 0 -1px 0 0 #1A73E8, inset -1px 0 0 0 #1A73E8;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td {
    border-bottom: unset !important;
}


/* 下拉选择框样式 */
.dx-show-clear-button .dx-icon-clear {
    /*    margin: -7px 0 0 6px;
    font-size: 8px;*/
}


/* 设置网格中lookup的下拉框高度 */
.dx-dropdownlist-popup-wrapper .dx-overlay-content .dx-popup-content {
    height: 300px !important
}

/* AI助手弹框 移动端适配 */
@media (max-width: 768px) {
    .chat-drawer {
        width: 100% !important;
    }

    .chat-queue {
        width: 30%;
        min-width: 60px;
    }

    .chat-input-wrapper {
        padding: 10px;
    }

    .message-content {
        max-width: 85%;
    }
}

.fixed-top {
    z-index: 99 !important;
}

body .dx-toast-container {
    z-index: 99999 !important; /* 比抽屉 z-index(1000) 高一个数量级 */
    position: fixed !important; /* 强制固定定位，脱离文档流 */
}

/* 兼容部分版本的 Toast 包裹层 */
.dx-toast-wrapper {
    z-index: 100000 !important; /* 比容器再高一点，兜底 */
}

.dx-toast-content {
    z-index: 999998 !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* ========== 移动端：768px以下重写规则 ========== */
@media (max-width: 768px) {
    /* small_icon: 3个一排 */
    .aiDashboard_container .small_icon ul li {
        flex: 0 0 calc(33.333% - 20px);
    }
    /* middle_icon: 2个一排 */
    .aiDashboard_container .middle_icon ul li {
        flex: 0 0 calc(50% - 20px);
    }
    /* bigger_icon: 1个一排 */
    .aiDashboard_container .bigger_icon ul li {
        flex: 0 0 calc(100% - 20px);
    }
}