/*--------------------------------------------------*/
/*  --------------订单执行情况   显示样式----------------*/
/* 状态标签通用样式 */
.status-tag {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    color: white;
}

/* 各状态具体颜色 */
.status-pending { /* 待发货 */
    background-color: #6c757d; /* 灰色 */
}

.status-sent { /* 已发货 */
    background-color: #ffc107; /* 黄色 */
    color: #333; /* 黄色背景用深色文字 */
}

.status-partial { /* 部分完成 */
    background-color: #ffc107; /* 黄色 */
    color: #333; /* 黄色背景用深色文字 */
}

.status-completed { /* 全部完成 */
    background-color: #28a745; /* 绿色 */
}

.status-paused { /* 已暂停 */
    background-color: #fd7e14; /* 橙色 */
}

.status-cancelled { /* 已取消 */
    background-color: #dc3545; /* 红色 */
}

.status-closed { /* 已关闭 */
    background-color: #6f42c1; /* 紫色 */
}

.status-returned { /* 已退货 */
    background-color: #e83e8c; /* 粉色 */
}

.status-unfinished { /* 未完单 */
    background-color: #fd7e14; /* 橙色 */
}

/*-------------表格样式----------------*/

/* 表格撑满页面-35px */
/*.is-fixed-tab .tabs-body .tabs-body-content {
    height: 100%;
    min-height: 100%;
}*/


/* 表格行垂直居中 */
/*.table > tbody > tr > td {
    vertical-align: middle !important;*/ /*强制单元格内容垂直居中*/ 
    /*white-space: nowrap;*/ /*禁止换行*/
    /*width: auto !important;*/ /*强制单元格宽度由内容决定*/
    /*max-width: none !important;*/ /*移除最大宽度限制（关键）*/
/*}*/
/* 表格选中行样式 - 蓝色背景 */
/*.active {*/
/*主背景色：浅蓝色 */
/*background-color: #e6f7ff !important;*/
/* 可选：添加左侧边框强调选中状态*/
/*border-left: 5px solid #165DFF !important;
}*/

/* 选中行的hover效果优化 */
/*.active:hover {
        background-color: #d1eaff !important;
    }*/

/* 如果需要修改选中行的文本颜色 */
/*.active td {
        color: #003366 !important;*/ /* 深蓝色文本 */
/*}

.dropdown-item.active, .dropdown-item:active {
    color: blue;
    text-decoration: none;
    background-color: aliceblue;
}*/

.showSelect {
    display: none;
}

@@media (max-width: 768px) {
    .showSelect {
        display: inherit;
    }
}


/* 日历组件样式 */

.calendar .calendar-table .calendar-day {
    padding: var(--bb-calendar-cell-padding);
    height: 50px
}

    .calendar .calendar-table .calendar-day:hover {
        cursor: pointer;
        background-color: var(--bb-calendar-cell-hover-bg)
    }








/* --  公告预览页下载图标样式  --*/
/* 下载图标准备样式：设置基础样式+过渡效果（让变化更流畅） */
.download-icon {
    cursor: pointer; /* 鼠标悬浮时显示"手"型 */
    margin-left: 10px; /* 与文件大小文字保持间距 */
    padding: 6px 8px; /* 增加内边距，扩大hover区域 */
    border-radius: 4px; /* 圆角背景，更美观 */
    color: #6c757d; /* 默认图标颜色（和文件大小文字色一致） */
    background-color: transparent; /* 默认透明背景 */
    transition: all 0.3s ease; /* 过渡效果：0.3秒平滑变化 */
    font-weight: 900; /* Font Awesome 实心图标需要加粗（必加） */
}

    /* 鼠标进入时的样式：改背景色+切换图标 */
    .download-icon:hover {
        color: #fff; /* hover时图标变白 */
        background-color: #0d6efd; /* hover时背景变蓝色（可自定义颜色） */
    }

        /* 核心：hover时切换图标（通过Unicode编码替换） */
        .download-icon:hover::before {
            content: "\f0ed"; /* 目标图标（fa-cloud-download-alt）的Unicode编码 */
        }

.list-group {
    height: auto;
}