/* static/css/salesControlSheet.css */

/* ============================================
   销控表管理页面样式
   ============================================ */

/* 1. 页面容器：替代 .ui.container，移除 max-width 限制 */
.sales-control-sheet-page {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* 2. 覆盖 styleUser.css 的 segment 限制（max-width: 380px, min-height: 240px） */
.userHomeContent .sales-control-sheet-page .ui.segment {
    max-width: none;
    min-width: auto;
    min-height: auto;
    visibility: visible;
}

/* 3. 表格样式优化 */
#salesControlSheet_table {
    width: 100%;
}

#salesControlSheet_table td,
#salesControlSheet_table th {
    white-space: nowrap;
    vertical-align: middle;
}

/* 操作按钮水平排列 */
#salesControlSheet_table .ui.mini.button {
    display: inline-block;
    margin: 0 3px;
    padding: 0.5em 0.8em;
}

/* 状态标签样式微调 */
#salesControlSheet_table .ui.label {
    white-space: nowrap;
}

/* 4. 分页组件居中 */
#salesControlSheet_pagination {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

/* 5. 响应式：小屏幕允许横向滚动 */
@media screen and (max-width: 1366px) {
    .sales-control-sheet-page .segment:has(#salesControlSheet_table) {
        overflow-x: auto;
    }
}