/* 这些样式可能已在患者端 pain_map.php 的 <style> 或全局CSS中定义 */
/* 如果没有，需要添加或确保能被此页面引用 */
.pain-map-container {
    position: relative;
    width: 100%;
    /* max-width: 400px; */ /* 医生端可以根据布局调整 */
    margin: 10px auto;
    border: 1px solid #ddd;
    overflow: hidden;
}
.pain-map-container.doctor-view img.body-image { /* 医生端图片不可交互 */
    cursor: default;
}
.pain-map-container img.body-image {
    display: block;
    width: 100%;
    height: auto;
}
.pain-point {
    position: absolute;
    width: 18px; /* 医生端可以稍微小一点 */
    height: 18px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: help; /* 提示可以点击查看详情 */
    border: 1px solid white;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    z-index: 10; /* 确保在图片之上 */
}
/* 疼痛级别颜色 (与患者端一致) */
.pain-level-0 { background-color: #FFFFFF; border: 1px dashed #ccc !important; }
.pain-level-1 { background-color: #90EE90; } /* LightGreen */
.pain-level-2 { background-color: #FFFFE0; } /* LightYellow */
.pain-level-3 { background-color: #FFD700; } /* Gold */
.pain-level-4 { background-color: #FFA500; } /* Orange */
.pain-level-5 { background-color: #FF8C00; } /* DarkOrange */
.pain-level-6 { background-color: #FF6347; } /* Tomato */
.pain-level-7 { background-color: #FF4500; } /* OrangeRed */
.pain-level-8 { background-color: #FF0000; } /* Red */
.pain-level-9 { background-color: #DC143C; } /* Crimson */
.pain-level-10 { background-color: #8B0000; } /* DarkRed */

/* 用于高亮选中的点 */
.pain-point.selected { 
    border: 2px solid #007bff; 
    box-shadow: 0 0 8px rgba(0,123,255,0.7);
    transform: translate(-50%, -50%) scale(1.3); /* 可以再放大一点点 */
    z-index: 20;
}
.list-group-item.selected {
    background-color: #e7f3ff; /* 淡蓝色高亮 */
    font-weight: bold;
}

/* ... (之前的 .pain-map-container, .pain-point, .pain-level-* 等样式) ... */

#painHistoryColumnsDoctor .pain-record-column {
    border-left: 1px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px; /* 列之间的底部间距 */
}
#painHistoryColumnsDoctor .pain-record-column:first-child {
    border-left: none;
}
#painHistoryColumnsDoctor .pain-record-column h6 { /* 列标题，即提交时间 */
    font-size: 0.9rem;
    color: #555;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#painHistoryColumnsDoctor .pain-point-details {
    font-size: 0.85rem;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer; /* 提示可以点击 */
}
#painHistoryColumnsDoctor .pain-point-details:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
#painHistoryColumnsDoctor .pain-point-details.selected-detail {
    background-color: #e7f3ff;
    border-radius: 4px;
}
#painHistoryColumnsDoctor .list-group-item.selected, /* 如果外层是list-group-item */
#painHistoryColumnsDoctor .pain-point-details.selected { /* 如果直接在pain-point-details上加 */
    background-color: #cfe2ff; /* Bootstrap 5 .list-group-item-primary 的一种淡化色 */
    border-left: 4px solid #0d6efd; /* 左边加一个醒目的蓝色边框 */
    font-weight: bold;
    /* padding-left: 12px; */ /* 如果加了左边框，可以微调内边距 */
}