/* 单独为照护日历卡片提取的样式，后续可合并入 style.css */
/* 日历网格边框增强 */
.care-calendar-grid {
    border: 1px solid #999;
}
.care-calendar-grid .calendar-header {
    background-color: #e9ecef;
    border-bottom: 2px solid #666;
    color: #333;
    font-weight: bold;
}
.care-calendar-grid .calendar-day {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.care-calendar-grid .calendar-day:last-child {
    border-right: none;
}

/* 当 view-day (只有一列) 或 week (每行都是最后一格) 需要重置border logic 
   不过现有 grid 是 flex column 的话无所谓，先保持现状，依靠 JS 清除 grid 容器即可。
   这里我们不需大量重写 grid 边框，因为 care-service.css/style.css 里的 calendar-days 已经是 Grid。
*/

/* 特定视图容器修饰 */
.calendar-days.view-day {
    display: block; /* 或 grid-template-columns: 1fr; */
    grid-template-columns: 1fr !important; 
}
.calendar-days.view-day .calendar-day {
    border-right: none; /* 日视图无右侧分隔 */
}

/* 内容布局调整 */
.care-task-card {
    cursor: pointer;
    background-color: #e3f2fd;
    color: #0d47a1;
    border-radius: 4px;
    padding: 4px 6px;
    margin-bottom: 3px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #90caf9;
    text-align: left;
    display: block;
}

.care-task-card:hover {
    background-color: #bbdefb;
}

/* 已完成任务 */
.care-task-card.card-done {
    background-color: #d1e7dd;
    color: #0f5132;
    border-color: #badbcc;
}

/* 待完成/部分完成 */
.care-task-card.card-progress {
    background-color: #fff3cd;
    color: #664d03;
    border-color: #ffecb5;
}

/* 待生成 */
.care-task-card.card-future {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #dee2e6;
    border-style: dashed;
}

/* 无任务文本 */
.no-task-text {
    text-align: center;
    color: #adb5bd;
    font-size: 12px;
    margin-top: 15px;
}

/* 日历格子内的布局调整 */
.care-calendar-grid .calendar-day {
    display: flex;
    flex-direction: column;
    min-height: 100px; /* 月视图默认 */
    align-items: stretch; /* 确保卡片拉伸填满 */
}

/* 视图自适应高度 */
.calendar-days.view-week .calendar-day {
    min-height: 300px;
}

.calendar-days.view-day .calendar-day {
    min-height: 500px;
}


.care-calendar-grid .day-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* 日视图详细列表样式微调 */
.day-view-container .list-group-item {
    cursor: pointer;
}
.day-view-container .badge {
    font-weight: 500;
}