:root .SP_SERVICES_764183_T1,:root .katal-visual-refresh-2024 {
    --kat-workflowtracker-step-flex: 1 1 128px;
    --kat-workflowtracker-step-border-width: var(--kat-space-02) var(--kat-space-00) var(--kat-space-00);
    --kat-workflowtracker-step-border-color: var(--kat-background-accent-default);
    --kat-workflowtracker-step-flex-flow: row nowrap;
    --kat-workflowtracker-step-connector-background: none;
    --kat-workflowtracker-step-font-size: var(--kat-body-200-dense-font-size);
    --kat-workflowtracker-step-font-weight: var(--kat-body-200-dense-font-weight);
    --kat-workflowtracker-step-line-height: var(--kat-body-200-dense-line-height);
    --kat-workflowtracker-step-marker-align-items: flex-start;
    --kat-workflowtracker-step-marker-color: var(--kat-text-status-inactive);
    --kat-workflowtracker-step-marker-padding: 0;
    --kat-workflowtracker-step-background-hover: var(--kat-background-message-primary);
    --kat-workflowtracker-step-background-focus: var(--kat-background-message-primary);
    --kat-workflowtracker-step-focus-ring-color-focus: var(--kat-background-status-active);
    --kat-workflowtracker-step-focus-ring-width-focus: var(--kat-border-width-xsmall);
    --kat-workflowtracker-step-padding: var(--kat-space-04) var(--kat-space-05) var(--kat-space-02) var(--kat-space-02);
    --kat-workflowtracker-step-label-padding: var(--kat-space-00);
    --kat-workflowtracker-step-label-text-align: start;
    --kat-workflowtracker-step-label-margin: var(--kat-space-00) var(--kat-space-00) var(--kat-space-01);
    --kat-workflowtracker-step-gap: var(--kat-space-03);
    --kat-workflowtracker-secondary-step-label-color: var(--kat-text-secondary);
    --kat-workflowtracker-secondary-step-label-line-height: var(--kat-body-100-line-height)
}

.katal {
    background-color: #fff;
    color: #002f36;
    font-family: Amazon Ember, Arial, sans-serif !important;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}
.css-k008qs {
    display: flex;
}
.katal *, .katal :after, .katal :before, .katal html {
    box-sizing: border-box;
}
.css-30zzyj {
    width: 225px;
    padding: 20px 20px 20px 20px;
    background-color: #f7f7f8;
}
.css-1ayk39f {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.css-4g6ai3 {
    cursor: pointer;
}
.css-gydykz {
    font-size: 14px;
    line-height: 20px;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 10px;
    margin: 5px 0px 8px;
}
.menu {
    width: 190px;
}
.menu-item {
    background-color: #ebeced;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 10px;
    margin: 5px 0px 8px;
}
.menu-item:last-child {
    border-bottom: none;
}
.submenu-item {
    color: #007587;
    padding: 0% 5% 5% 10%;
    line-height: 18px;
    font-size: 13px;
}
.submenu-item a:hover{
    cursor: pointer;
}
.submenu-title{
    font-size:14px;
    margin: 0px 10px 16px;
}
.css-1hwrlfd {
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
    min-width: 450px;
    width: 100%;
}
.msg-div {
    position: relative;
    padding: 20px;
    border-left: 5px solid blue;
    background-color: #ebf7ff;
    height:75px;
}
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}
.title {
    font-size: 14px;
    font-weight: bold;
}
.circle {
    width: 17px;
    height: 17px;
    border: 2px solid #0a6fc2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #0a6fc2;
    float: left;
    margin-right: 20px;
}
.css-cmvzzh {
    height: auto;
    display: flex;
}
.css-pkldqj {
    display: inline-block;
    padding-right: 15px;
    width: calc(100% - 20px);
}
.css-1t6fv3d {
    padding-bottom: 7.5px;
}
.css-1muo6kt {
    padding-right: 5px;
    font-size: 24px;
    color: rgb(0, 47, 54);
}
.css-1af3lhy {
    padding-right: 5px;
    font-size: 18px;
    color: rgb(0, 47, 54);
}
.css-4g6ai3 {
    cursor: pointer;
}
.search-area {
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}
.search-row {
    float: left;
    margin-bottom: 10px;
    width: 350px;
}
.search-row label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
}
.search-row input, .search-row select {
    margin-right: 10px;
    padding: 5px;
}
.search-button {
    margin-top: 20px;
    margin-left: -15px;
    border-radius: 2px;
    font-size: 14px;
    background-color: #138296;
    color: white;
    border: none;
    cursor: pointer;
    width: 59px;
    height: 30px;
}
.search-button:hover {
    background-color: #005f6e;
}
.table-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid #ccc;
}
table {
    width: 100%;
    min-height: 500px;
    border-collapse: collapse;
}
th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}
th {
    background-color: #f2f2f2;
}
/* 添加到您的CSS文件中 */
.css-1kbksyq {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.css-1kbksyq .table-container {
    width: 100%;
    overflow: auto;
    max-height: 600px; /* 设置最大高度，根据需要调整 */
    border: 1px solid #ddd;
}

.css-1kbksyq table {
    width: 100%;
    min-width: 2000px; /* 确保表格宽度足够容纳所有列 */
    border-collapse: collapse;
}

.css-1kbksyq th,
.css-1kbksyq td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap; /* 防止文本换行 */
}

.css-1kbksyq th {
    background-color: #f2f2f2;
    position: sticky;
    top: 0;
    z-index: 10;
}

/* 滚动条样式 */
.css-1kbksyq .table-container::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.css-1kbksyq .table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.css-1kbksyq .table-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.css-1kbksyq .table-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.css-1kbksyq table {
    min-width: 2500px; /* 根据实际列数调整 */
}
@media (max-width: 1200px) {
    .css-1kbksyq .table-container {
        max-height: 500px;
    }
}
/* 添加到您的CSS文件中 */
.css-1kbksyq {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.css-1kbksyq .table-container {
    width: 100%;
    overflow: auto;
    max-height: 600px; /* 设置最大高度，根据需要调整 */
    border: 1px solid #ddd;
}

.css-1kbksyq table {
    width: 100%;
    min-width: 2000px; /* 确保表格宽度足够容纳所有列 */
    border-collapse: collapse;
}

.css-1kbksyq th {
    background-color: rgb(213, 219, 219) !important; /* 指定背景色 */
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 12px 10px; /* 增加上下内边距 */
    height: 60px; /* 固定高度 */
    min-width: 100px; /* 最小宽度 */
    max-width: 200px; /* 最大宽度 */
    white-space: normal !important; /* 允许换行 */
    word-wrap: break-word; /* 允许单词内换行 */
    text-align: center; /* 文字居中 */
    vertical-align: middle; /* 垂直居中 */
    line-height: 1.4; /* 行高 */
    box-sizing: border-box;
    border: 1px solid rgb(170, 183, 184) !important; /* 黑色边框 */
}

.css-1kbksyq td {
    padding: 10px;
    border: 1px solid rgb(170, 183, 184); /* 黑色边框 */
    text-align: left;
    white-space: nowrap; /* 数据单元格保持单行 */
    overflow: hidden;
    text-overflow: ellipsis; /* 超出显示省略号 */
}

/* 特别处理较长的表头 */
.css-1kbksyq th:nth-child(4) {
    width: 5px !important;
}
.css-1kbksyq th:nth-child(5) { /* SKU列 */
    min-width: 150px;
    max-width: 250px;
}

/* 百分比列可以窄一些 */
.css-1kbksyq th:nth-child(n+6):nth-child(-n+22) {
    min-width: 80px;
    max-width: 120px;
}

/* 滚动条样式 */
.css-1kbksyq .table-container::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.css-1kbksyq .table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.css-1kbksyq .table-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.css-1kbksyq .table-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.css-1kbksyq th {
    height: auto; /* 改为自动高度 */
    min-height: 60px; /* 设置最小高度 */
}
@media (max-width: 1400px) {
    .css-1kbksyq th {
        font-size: 12px;
        padding: 8px 6px;
        height: 50px;
    }
}