/* 后台管理界面主题颜色 - 仅使用黑色、白色、灰色和绿色 */

:root {
    /* 绿色系 */
    --primary-green: #4CAF50;
    --dark-green: #388E3C;
    --light-green: #81C784;
    --lighter-green: #C8E6C9;
    
    /* 灰色系 */
    --dark-gray: #333333;
    --medium-gray: #666666;
    --light-gray: #999999;
    --lighter-gray: #E0E0E0;
    --lightest-gray: #F5F5F5;
    
    /* 基础色 */
    --white: #FFFFFF;
    --black: #000000;
}

/* Element UI 主题颜色覆盖 */
.el-button--primary {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: #fff !important;
}

.el-button--primary:not(.is-plain) [class*="el-icon-"] {
    color: #fff !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

.el-button--primary:active {
    background-color: var(--dark-green) !important;
    border-color: var(--dark-green) !important;
}

/* plain 主按钮：白底绿字，避免全局绿底 + Element 默认蓝字 */
.el-button--primary.is-plain {
    background-color: #fff !important;
    border-color: var(--primary-green) !important;
    color: var(--dark-green) !important;
}

.el-button--primary.is-plain [class*="el-icon-"] {
    color: var(--dark-green) !important;
}

.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
    background-color: var(--lighter-green) !important;
    border-color: var(--dark-green) !important;
    color: var(--dark-green) !important;
}

.el-button--primary.is-plain:hover [class*="el-icon-"],
.el-button--primary.is-plain:focus [class*="el-icon-"] {
    color: var(--dark-green) !important;
}

.el-button--primary.is-plain:active {
    background-color: #e8f5e9 !important;
    border-color: var(--dark-green) !important;
    color: var(--dark-green) !important;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover {
    background-color: var(--lightest-gray) !important;
    border-color: var(--lighter-gray) !important;
    color: var(--light-gray) !important;
}

/* 链接颜色 */
a {
    color: var(--primary-green);
}

a:hover {
    color: var(--dark-green);
}

/* 表格选中行 */
.el-table__row--striped {
    background-color: var(--lightest-gray);
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: var(--lightest-gray);
}

/* 标签颜色 */
.el-tag--success {
    background-color: var(--lighter-green);
    border-color: var(--primary-green);
    color: var(--dark-green);
}

/* 输入框焦点颜色 */
.el-input__inner:focus {
    border-color: var(--primary-green);
}

.el-textarea__inner:focus {
    border-color: var(--primary-green);
}

/* 选择器焦点颜色 */
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--primary-green);
}

/* 日期选择器 */
.el-date-editor.el-input__inner:focus {
    border-color: var(--primary-green);
}

/* 单选框和复选框 */
.el-radio__input.is-checked .el-radio__inner {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 分页器 */
.el-pagination button:hover {
    color: var(--primary-green);
}

.el-pager li.active {
    color: var(--primary-green);
}

/* 菜单项激活状态 */
.el-menu-item.is-active {
    color: var(--primary-green);
}

.el-submenu__title:hover {
    color: var(--primary-green);
}

/* 步骤条 */
.el-steps .el-step__head.is-process {
    color: var(--primary-green);
    border-color: var(--primary-green);
}

.el-steps .el-step__head.is-finish {
    color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 进度条 */
.el-progress-bar__inner {
    background-color: var(--primary-green);
}

/* 消息提示 - 统一大厂风格：白底、轻阴影、柔和文案，且始终在弹窗/抽屉之上 */
.el-message {
    z-index: 4000 !important;
    min-width: 320px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #ebeef5 !important;
    background: #fff !important;
}
.el-message--error {
    border-color: #fde2e2 !important;
}
.el-message--error .el-message__icon {
    color: #f56c6c !important;
}
.el-message--error .el-message__content {
    color: #303133 !important;
}
.el-message--success {
    border-color: #e1f3d8 !important;
}
.el-message--success .el-message__icon {
    color: #67c23a !important;
}
.el-message--success .el-message__content {
    color: #303133 !important;
}
.el-message--warning {
    border-color: #faecd8 !important;
}
.el-message--warning .el-message__icon {
    color: #e6a23c !important;
}
.el-message--warning .el-message__content {
    color: #303133 !important;
}
.el-message--info {
    border-color: #e8f4fd !important;
}
.el-message--info .el-message__icon {
    color: #409eff !important;
}
.el-message--info .el-message__content {
    color: #303133 !important;
}

/* 通知（与 message 统一风格，z-index 高于抽屉） */
.el-notification {
    z-index: 4000 !important;
}
.el-notification--success {
    border-left-color: var(--primary-green);
}

/* 对话框确认按钮 */
.el-message-box__btns .el-button--primary {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

/* 抽屉标题 */
.el-drawer__header {
    border-bottom: 1px solid var(--lighter-gray);
}

/* 卡片阴影调整 */
.el-card {
    border: 1px solid var(--lighter-gray);
}

/* 表格边框 */
.el-table {
    border: 1px solid var(--lighter-gray);
}

.el-table th {
    background-color: var(--lightest-gray);
    border-bottom: 1px solid var(--lighter-gray);
}

.el-table td {
    border-bottom: 1px solid var(--lighter-gray);
}

/* 表单标签 */
.el-form-item__label {
    color: var(--dark-gray);
}

/* 面包屑 */
.el-breadcrumb__inner {
    color: var(--medium-gray);
}

.el-breadcrumb__inner.is-link {
    color: var(--primary-green);
}

.el-breadcrumb__inner.is-link:hover {
    color: var(--dark-green);
}

/* ========== 订单管理页：分段 Tab + 克制中性色（黑/白/灰/品牌绿，无渐变与亮蓝） ========== */
.admin-page-body .orders-page-root {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-height: calc(100vh - var(--admin-header-height, 64px) - 48px);
    box-sizing: border-box;
}
#ordersApp.orders-page-root {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: calc(100vh - var(--admin-header-height, 64px) - 48px);
    box-sizing: border-box;
}
.app-main > .admin-page-shell:has(.orders-page-root) {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--admin-header-height, 64px));
}
.app-main > .admin-page-shell:has(.orders-page-root) > .admin-page-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
#ordersApp .orders-card.el-card {
    border: 1px solid #e6e8ec;
    border-radius: 10px;
    box-shadow: none;
    overflow: visible;
    background: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
#ordersApp .orders-card .el-card__header {
    padding: 12px 16px 10px;
    background: #fafbfc;
    border-bottom: 1px solid #eceef2;
}
@media (min-width: 1280px) {
    #ordersApp .orders-card .el-card__header {
        padding: 12px 20px 10px;
    }
}
#ordersApp .orders-card > .el-card__body {
    flex: 1;
    min-height: 0;
    padding: 10px 20px 16px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    flex-direction: column;
}
#ordersApp .tabs-with-refresh {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#ordersApp .orders-page-tabs.el-tabs {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#ordersApp .orders-page-tabs > .el-tabs__content {
    flex: 1;
    min-height: 0;
    padding: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
}
#ordersApp .orders-page-tabs .el-tab-pane {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}
#ordersApp .orders-tab-body {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-sizing: border-box;
}
#ordersApp .orders-tab-body > .orders-table-loading-shell,
#ordersApp .orders-tab-body .orders-table-loading-shell {
    flex: 1 1 0;
    min-height: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
}
#ordersApp .orders-tab-body > .orders-table-loading-shell.el-loading-parent--relative,
#ordersApp .orders-tab-body .orders-table-loading-shell.el-loading-parent--relative {
    flex: 1 1 0;
    min-height: 0;
}
#ordersApp .orders-table-loading-shell > .el-loading-mask {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px;
}
#ordersApp .orders-table-loading-shell .el-loading-spinner {
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    width: auto !important;
}
#ordersApp .orders-tab-body > .orders-table-wrap,
#ordersApp .orders-table-loading-shell > .orders-table-wrap {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-height: 0;
    position: relative;
    width: 100%;
}
#ordersApp .orders-tab-body > .orders-table-wrap.el-loading-parent--relative,
#ordersApp .orders-table-loading-shell > .orders-table-wrap.el-loading-parent--relative {
    min-height: 0;
}
#ordersApp .orders-tab-footer {
    flex-shrink: 0;
    margin-top: auto;
    padding: 10px 0 0;
    border-top: 1px solid #eceef2;
    background: #fff;
    position: relative;
    z-index: 6;
}
#ordersApp .orders-tab-footer .orders-page-pagination {
    margin-top: 0;
    padding-top: 0;
}
#ordersApp .orders-page-pagination {
    text-align: right;
    flex-shrink: 0;
}
#ordersApp .orders-page-pagination .el-pagination__total,
#ordersApp .orders-page-pagination .el-pagination__jump {
    color: #6b7078;
    font-size: 12px;
}
#ordersApp .orders-page-pagination .el-pager li {
    font-size: 12px;
    font-weight: 500;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
}
#ordersApp .orders-page-pagination .el-pager li.active {
    color: #2d6a3e;
    font-weight: 600;
}
#ordersApp .orders-page-pagination .el-pager li:hover {
    color: #2d6a3e;
}
#ordersApp .orders-table-wrap > .el-loading-mask {
    border-radius: 8px;
}
#ordersApp .orders-table-loading-shell .el-loading-text,
#ordersApp .orders-table-wrap .el-loading-text {
    margin-top: 8px;
    font-size: 12px;
    color: #6b7078;
    letter-spacing: 0.02em;
}
#ordersApp .orders-card-header {
    margin: 0;
    padding: 0;
    width: 100%;
}
#ordersApp .orders-tab-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px 14px;
    margin: 0;
    box-sizing: border-box;
}
#ordersApp .orders-toolbar-actions {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#ordersApp .orders-cps-filter-bar {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 2px;
    background: #f0f1f3;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
    gap: 0;
    flex-wrap: nowrap;
}
#ordersApp .orders-cps-filter-divider {
    display: block;
    width: 1px;
    height: 16px;
    background: #dde0e5;
    flex-shrink: 0;
}
#ordersApp .orders-cps-filter-date.el-date-editor {
    width: 248px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
#ordersApp .orders-cps-filter-date.el-date-editor .el-range-input {
    font-size: 12px;
    color: #2c313a;
    background: transparent;
}
#ordersApp .orders-cps-filter-date.el-date-editor .el-range-separator {
    color: #9aa0a8;
    line-height: 26px;
    padding: 0 2px;
}
#ordersApp .orders-cps-filter-date.el-date-editor .el-range__icon,
#ordersApp .orders-cps-filter-date.el-date-editor .el-range__close-icon {
    line-height: 26px;
}
#ordersApp .orders-cps-filter-type {
    width: 96px;
}
#ordersApp .orders-cps-filter-status {
    width: 84px;
}
#ordersApp .orders-cps-filter-activity {
    width: 118px;
}
#ordersApp .orders-cps-filter-type .el-input__inner,
#ordersApp .orders-cps-filter-status .el-input__inner,
#ordersApp .orders-cps-filter-activity .el-input__inner {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 8px;
    padding-right: 22px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #2c313a;
}
#ordersApp .orders-cps-filter-type .el-input__suffix,
#ordersApp .orders-cps-filter-status .el-input__suffix,
#ordersApp .orders-cps-filter-activity .el-input__suffix {
    right: 4px;
}
#ordersApp .orders-cps-filter-actions {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding-left: 2px;
}
#ordersApp .orders-cps-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #6b7078;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
}
#ordersApp .orders-cps-filter-btn:hover {
    color: #2c313a;
    background: rgba(255, 255, 255, 0.65);
}
#ordersApp .orders-cps-filter-btn.is-primary {
    color: #fff;
    background: #3d8b5e;
}
#ordersApp .orders-cps-filter-btn.is-primary:hover {
    color: #fff;
    background: #2d6a3e;
}
#ordersApp .orders-cps-filter-btn i {
    font-size: 14px;
    line-height: 1;
}
#ordersApp .orders-page-tabs .el-tabs__header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
#ordersApp.orders-page-root--mall-only .orders-tab-toolbar {
    justify-content: flex-end;
}
#ordersApp.orders-page-root--mall-only .orders-toolbar-actions {
    width: 100%;
    justify-content: flex-end;
}

#ordersApp .orders-tab-segment {
    display: inline-flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    background: #f0f1f3;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
}
#ordersApp .orders-recycle-search {
    width: 220px;
}
#ordersApp .orders-mall-search-wrap {
    display: inline-flex;
    align-items: center;
}
#ordersApp .orders-mall-search {
    width: 240px;
}
#ordersApp .orders-hidden-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #6b7078;
    user-select: none;
    white-space: nowrap;
}
#ordersApp .orders-hidden-toggle .el-checkbox__label {
    font-size: 12px;
    color: #6b7078;
}
#ordersApp .orders-hidden-toggle .el-checkbox {
    margin-right: 0;
}
#ordersApp .orders-tab-btn {
    padding: 7px 15px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.35;
    color: #6b7078;
    background: transparent;
    border: none;
    border-radius: 6px;
    box-shadow: none;
    cursor: pointer;
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
#ordersApp .orders-tab-btn:hover {
    color: #2c313a;
    background: rgba(255, 255, 255, 0.5);
}
#ordersApp .orders-tab-btn.is-active {
    color: #1a1d21;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 18, 27, 0.06), 0 0 0 1px rgba(16, 18, 27, 0.04);
}
#ordersApp .orders-tab-btn.is-active:hover {
    color: #1a1d21;
    background: #fff;
}

/* 总控订单管理 — 顶部分段 Tab（与租户 orders.php 一致） */
.saas-orders-page-root {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: calc(100vh - var(--admin-header-height, 64px) - 48px);
    box-sizing: border-box;
}
.saas-orders-tab-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin: 0 0 12px;
    padding: 12px 16px 10px;
    background: #fafbfc;
    border: 1px solid #eceef2;
    border-radius: 10px;
    box-sizing: border-box;
}
.saas-orders-tab-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
    width: 100%;
}
.saas-orders-tab-segment {
    display: inline-flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 2px;
    padding: 3px;
    background: #f0f1f3;
    border: 1px solid #e6e8ec;
    border-radius: 8px;
}
.saas-orders-tab-link {
    display: inline-flex;
    align-items: center;
    padding: 7px 15px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.35;
    color: #6b7078;
    background: transparent;
    border: none;
    border-radius: 6px;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.saas-orders-tab-link:hover {
    color: #2c313a;
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
.saas-orders-tab-link.is-active {
    color: #1a1d21;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 18, 27, 0.06), 0 0 0 1px rgba(16, 18, 27, 0.04);
}
.saas-orders-tab-link.is-active:hover {
    color: #1a1d21;
    background: #fff;
}
.saas-orders-page-body {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.saas-orders-page-body > .el-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.saas-orders-page-body > .el-card > .el-card__body {
    flex: 1;
    min-height: 0;
}

/* 总控订单筛选 — 单行铺满视口，不换行不横向滚动 */
.saas-orders-filter-host,
.cps-order-filters,
.bwc-orders-filters,
.saas-recycle-filters,
.saas-express-filters,
.saas-travel-filters {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    margin-bottom: 12px;
}
.saas-orders-filter-form.el-form--inline,
.cps-order-filters__form.el-form--inline,
.bwc-orders-filters__form.el-form--inline,
.saas-recycle-filters__form.el-form--inline,
.saas-express-filters__form.el-form--inline,
.saas-travel-filters__form.el-form--inline {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    min-width: 0;
}
.saas-orders-filter-form.el-form--inline .el-form-item,
.cps-order-filters__form.el-form--inline .el-form-item,
.bwc-orders-filters__form.el-form--inline .el-form-item,
.saas-recycle-filters__form.el-form--inline .el-form-item,
.saas-express-filters__form.el-form--inline .el-form-item,
.saas-travel-filters__form.el-form--inline .el-form-item {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.saas-orders-filter-host .el-form-item,
.cps-order-filters .el-form-item,
.bwc-orders-filters .el-form-item,
.saas-recycle-filters .el-form-item,
.saas-express-filters .el-form-item,
.saas-travel-filters .el-form-item {
    flex: 0 1 auto;
    min-width: 0;
    margin-bottom: 0;
    margin-right: 6px;
    white-space: nowrap;
}
.saas-orders-filter-host .saas-orders-filter-grow,
.cps-order-filters .saas-orders-filter-grow,
.bwc-orders-filters .saas-orders-filter-grow,
.saas-recycle-filters .saas-orders-filter-grow,
.saas-express-filters .saas-orders-filter-grow,
.saas-travel-filters .saas-orders-filter-grow {
    flex: 1 1 120px;
    min-width: 80px;
}
.saas-orders-filter-host .saas-orders-filter-grow .el-form-item__content,
.saas-orders-filter-host .saas-orders-filter-grow .el-input {
    width: 100% !important;
}
.saas-orders-filter-host .el-form-item__label,
.cps-order-filters .el-form-item__label,
.bwc-orders-filters .el-form-item__label,
.saas-recycle-filters .el-form-item__label,
.saas-express-filters .el-form-item__label,
.saas-travel-filters .el-form-item__label {
    padding-right: 6px;
    font-size: 12px;
}
.saas-orders-filter-host .el-form-item--actions,
.cps-order-filters__actions,
.bwc-orders-filters__actions,
.saas-recycle-filters__actions,
.saas-express-filters__actions,
.saas-travel-filters__actions {
    flex: 0 0 auto;
    margin-right: 0 !important;
}
.saas-orders-filter-host .el-form-item--actions .el-button + .el-button,
.cps-order-filters__actions .el-button + .el-button,
.bwc-orders-filters__actions .el-button + .el-button,
.saas-recycle-filters__actions .el-button + .el-button,
.saas-express-filters__actions .el-button + .el-button,
.saas-travel-filters__actions .el-button + .el-button {
    margin-left: 6px;
}
.saas-orders-filter-host .el-select {
    width: 108px;
}
.saas-orders-filter-host .el-input:not(.el-date-editor) {
    width: 100%;
    min-width: 0;
}
.saas-orders-filter-host .el-date-editor--daterange {
    width: 188px !important;
}
.saas-orders-filter-host .el-date-editor--datetimerange {
    width: 268px !important;
}
.saas-orders-filter-host .el-input-number {
    width: 88px;
}

#ordersApp .orders-cps-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-bottom: 14px;
    padding: 10px 14px;
    background: #fafbfc;
    border: 1px solid #eceef2;
    flex-shrink: 0;
    border-radius: 8px;
    font-size: 12px;
    color: #6b7078;
    line-height: 1.5;
}
#ordersApp .orders-cps-summary__val {
    color: #2c313a;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
#ordersApp .orders-cps-summary__val--green {
    color: #2d6a3e;
}
#ordersApp .orders-cps-summary__val--muted {
    color: #5c6370;
}
#ordersApp .el-table {
    color: #2c313a;
    font-size: 13px;
}
#ordersApp .el-table th.el-table__cell {
    background: #fafbfc !important;
    color: #5c6370 !important;
    font-weight: 500;
    font-size: 12px;
    border-bottom-color: #eceef2 !important;
}
#ordersApp .el-table td.el-table__cell {
    border-bottom-color: #f2f3f5 !important;
}
#ordersApp .el-table--border,
#ordersApp .el-table--group {
    border-color: #e6e8ec !important;
    border-radius: 8px;
}
#ordersApp .el-table--border .el-table__cell {
    border-right-color: #f0f1f3 !important;
}
#ordersApp .el-table__body tr:hover > td.el-table__cell {
    background-color: #f8f9fa !important;
}
#ordersApp .el-table__empty-block {
    background: #fff;
}
#ordersApp .el-table__empty-text {
    color: #9aa0a8;
    font-size: 13px;
}

/* 订单管理 · CPS 未开通空状态 */
#ordersApp .cps-orders-plugin-empty-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    min-height: 520px;
    padding: 48px 24px;
    box-sizing: border-box;
    background: #fafbfc;
    border: 1px dashed #e0e3e8;
    border-radius: 8px;
}
#ordersApp .cps-orders-plugin-empty__text {
    margin: 0 0 16px;
    font-size: 13px;
    color: #6b7078;
    line-height: 1.55;
}

/* 订单管理 · 表格横向滚动条（细、仅保留 body 一条） */
#ordersApp .orders-table-wrap {
    width: 100%;
    overflow: visible;
}
#ordersApp .el-table__header-wrapper {
    overflow-x: hidden !important;
    scrollbar-width: none;
}
#ordersApp .el-table__header-wrapper::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
#ordersApp .el-table__body-wrapper,
#ordersApp .el-table__fixed-body-wrapper {
    overflow-x: auto !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(120, 125, 135, 0.32) transparent;
}
#ordersApp .el-table__body-wrapper::-webkit-scrollbar,
#ordersApp .el-table__fixed-body-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
#ordersApp .el-table__body-wrapper::-webkit-scrollbar-track,
#ordersApp .el-table__fixed-body-wrapper::-webkit-scrollbar-track {
    background: transparent;
}
#ordersApp .el-table__body-wrapper::-webkit-scrollbar-thumb,
#ordersApp .el-table__fixed-body-wrapper::-webkit-scrollbar-thumb {
    background: rgba(120, 125, 135, 0.32);
    border-radius: 999px;
}
#ordersApp .el-table__body-wrapper::-webkit-scrollbar-thumb:hover,
#ordersApp .el-table__fixed-body-wrapper::-webkit-scrollbar-thumb:hover {
    background: rgba(90, 95, 105, 0.45);
}

/* 订单管理 · 操作列：右固定 + 紧凑宽度，避免横向滚动才能点到「查看详情」 */
#ordersApp .orders-table-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px 6px;
    width: 100%;
    min-width: 0;
    line-height: 1;
}
#ordersApp .orders-table-actions .el-button {
    flex-shrink: 0;
    padding: 5px 8px;
}
#ordersApp .orders-table-actions .el-button + .el-button {
    margin-left: 0;
}
#ordersApp .el-table td.orders-actions-col .cell,
#ordersApp .el-table th.orders-actions-col .cell {
    overflow: visible;
    white-space: normal;
    line-height: 1.4;
    padding: 6px 8px;
    text-align: right;
}
#ordersApp .el-table td.orders-actions-col .cell {
    min-width: 0;
}
#ordersApp .el-table__fixed-right::before,
#ordersApp .el-table__fixed::before {
    box-shadow: none;
}

/* 应用市场 — 租户端整页白底 + 卡片网格（与 views/service-market/index.php 同步） */
/* 单滚动条：layout 链路上 overflow-x:hidden 会使 overflow-y 变为 auto，与页面主滚动叠加 */
.content-wrapper:has(#serviceMarketApp) {
    min-height: calc(100vh - var(--admin-header-height, 64px));
    overflow: visible;
}
.app-main:has(#serviceMarketApp) {
    padding: 0 !important;
    overflow: visible !important;
}
.app-main > .admin-page-shell:has(#serviceMarketApp) {
    min-height: 0;
    overflow: visible;
}
.app-main > .admin-page-shell:has(#serviceMarketApp) > .admin-page-body {
    overflow: visible;
}
#serviceMarketApp {
    margin: 0;
    padding: 24px;
    background: #fff;
    box-sizing: border-box;
    overflow: visible;
}
#serviceMarketApp .sm-page {
    background: transparent;
    border: none;
    border-radius: 0;
    min-height: auto;
}
#serviceMarketApp .sm-app-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}
#serviceMarketApp .sm-app-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    min-height: 128px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
    overflow: hidden;
}
#serviceMarketApp .sm-app-card:hover {
    border-color: #d4d4d4;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
#serviceMarketApp .sm-app-card.is-activated {
    border-color: #e0ece0;
}
#serviceMarketApp .sm-app-card.is-activated:hover {
    border-color: #b8d4b8;
    box-shadow: 0 2px 10px rgba(56, 142, 60, 0.08);
}
#serviceMarketApp .sm-app-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 640px) {
    #serviceMarketApp .sm-app-grid {
        grid-template-columns: 1fr;
    }
}

/* ========== 商务合作：全屏表格页（贴边 + 纵向撑满视口） ========== */
body.agent-coop-screen-body .content-wrapper {
    min-height: calc(100vh - var(--admin-header-height, 64px));
    background: #fff;
}
body.agent-coop-screen-body .app-main {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    min-height: calc(100vh - var(--admin-header-height, 64px));
    background: #fff;
    overflow: hidden !important;
}
body.agent-coop-screen-body .app-main > .admin-page-shell {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
body.agent-coop-screen-body .app-main > .admin-page-shell > .admin-page-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
#agentCooperationApp.agent-coop-page-root {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
    height: calc(100vh - var(--admin-header-height, 64px));
    box-sizing: border-box;
    overflow: hidden;
}
#agentCooperationApp.agent-coop-page-root .gc-page {
    flex: 1;
    min-height: 0;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
}
#agentCooperationApp.agent-coop-page-root .gc-page-header {
    flex-shrink: 0;
}
#agentCooperationApp.agent-coop-page-root .gc-panel-area,
#agentCooperationApp.agent-coop-page-root .gc-section,
#agentCooperationApp.agent-coop-page-root .gc-section--table,
#agentCooperationApp.agent-coop-page-root .agent-coop-main {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
#agentCooperationApp.agent-coop-page-root .gc-panel-area .gc-body,
#agentCooperationApp.agent-coop-page-root .gc-section--table .gc-body {
    flex: 1;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 20px 20px;
    box-sizing: border-box;
}
#agentCooperationApp.agent-coop-page-root .gc-panel {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#agentCooperationApp.agent-coop-page-root .gc-panel:hover {
    box-shadow: none;
    border-color: transparent;
}
#agentCooperationApp.agent-coop-page-root .gc-panel__body.agent-coop-table-wrap {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

/* 黑料大图预览样式已迁至 assets/css/black-img-preview-dialog.css（layout 全局引入 + 缓存戳） */