/**
 * 值班信息高亮显示样式
 */

/* 今日值班详细信息样式 */
.duty-student-info {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
}

.duty-student-info:last-child {
    border-bottom: none;
}

/* 正在值班 - 绿色高亮 */
.duty-active {
    background: rgba(82, 196, 26, 0.15);
    border-left: 3px solid #52c41a;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.duty-active-label {
    color: #52c41a;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.duty-active-text {
    color: #389e0d;
    font-weight: 600;
    font-size: 15px;
}

/* 卫生打扫 - 蓝色高亮 */
.duty-pending {
    background: rgba(24, 144, 255, 0.15);
    border-left: 3px solid #1890ff;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.duty-pending-label {
    color: #1890ff;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.duty-pending-text {
    color: #096dd9;
    font-weight: 600;
    font-size: 15px;
}

/* 检查人员 - 橙色高亮 */
.duty-inspector {
    background: rgba(250, 173, 20, 0.15);
    border-left: 3px solid #faad14;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.duty-inspector-label {
    color: #faad14;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.duty-inspector-text {
    color: #d48806;
    font-weight: 600;
    font-size: 15px;
}

/* 班级信息 - 紫色 */
.duty-class-text {
    color: #722ed1;
    font-weight: 600;
    padding: 3px 10px;
    background: rgba(114, 46, 209, 0.15);
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
}

/* 手机号 - 青色 */
.duty-phone-text {
    color: #13c2c2;
    font-weight: 600;
    padding: 3px 10px;
    background: rgba(19, 194, 194, 0.15);
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
}

/* 场地信息 - 靛青色 */
.duty-area-text {
    color: #2f54eb;
    font-weight: 600;
    padding: 3px 10px;
    background: rgba(47, 84, 235, 0.15);
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
}

/* 本周劳动教育样式 */
.labor-assignments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.labor-assignment-item {
    padding: 14px;
    background: rgba(24, 144, 255, 0.12);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    border-left: 4px solid #1890ff;
    transition: all 0.3s;
    box-shadow: 0 2px 12px rgba(24, 144, 255, 0.15);
}

.labor-assignment-item:hover {
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(24, 144, 255, 0.25);
    background: rgba(24, 144, 255, 0.18);
}

/* 班级名称 - 深蓝色高亮 */
.labor-class-highlight {
    color: #096dd9;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
}

/* 星期 - 绿色高亮 */
.labor-day-highlight {
    color: #389e0d;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 10px;
    background: rgba(82, 196, 26, 0.2);
    border-radius: 6px;
    display: inline-block;
}

/* 日期 - 紫色高亮 */
.labor-date-highlight {
    color: #531dab;
    font-weight: 600;
    font-size: 14px;
    padding: 4px 10px;
    background: rgba(114, 46, 209, 0.2);
    border-radius: 6px;
    display: inline-block;
}

/* 参加人数 - 橙色高亮 */
.labor-count-highlight {
    color: #d48806;
    font-weight: 700;
    font-size: 14px;
    padding: 4px 10px;
    background: rgba(250, 173, 20, 0.2);
    border-radius: 6px;
    display: inline-block;
}

/* 活动标题 - 灰色 */
.labor-assignment-activity {
    color: #333;
    font-size: 14px;
    margin-top: 6px;
    font-weight: 500;
}

/* 场地 - 青色 */
.labor-area-highlight {
    color: #08979c;
    font-size: 13px;
    margin-top: 4px;
    font-weight: 500;
}

/* 夜间模式适配 */
.theme-dark .duty-active-text,
.theme-dark .duty-pending-text,
.theme-dark .duty-inspector-text,
.theme-dark .duty-class-text,
.theme-dark .duty-phone-text,
.theme-dark .duty-area-text {
    color: #f8fafc;
}

.theme-dark .labor-class-highlight,
.theme-dark .labor-assignment-activity,
.theme-dark .labor-area-highlight {
    color: #f8fafc;
}

.theme-dark .labor-day-highlight,
.theme-dark .labor-date-highlight,
.theme-dark .labor-count-highlight {
    color: #f8fafc;
}

/* 详情布局 */
.labor-assignment-details {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* 更多信息提示 */
.duty-more {
    text-align: center;
    padding: 8px;
    color: #999;
    font-size: 13px;
}

.labor-more {
    text-align: center;
    padding: 12px;
    color: #999;
    font-size: 13px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 6px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .duty-student-info {
        flex-direction: column;
        gap: 4px;
    }
    
    .labor-assignment-details {
        flex-direction: column;
        gap: 4px;
    }
}