/* 최신글 위젯 전체 컨테이너 */
#kboard-soma-latest {
    background: #fff;
    border-radius: 12px;
    padding: 5px 15px;
}

/* 리스트 스타일 초기화 */
.soma-latest-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.soma-latest-list li {
    border-bottom: 1px dashed #eee; /* 점선으로 구분 */
    padding: 12px 0;
}

.soma-latest-list li:last-child {
    border-bottom: none;
}

.soma-latest-list li a {
    display: flex;
    justify-content: space-between; /* 제목은 왼쪽, 메타정보는 오른쪽 */
    align-items: center;
    text-decoration: none !important;
}

/* 제목 부분 */
.soma-title-container {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
}

.soma-title-text {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 제목 길면 ... 처리 */
}

/* New 뱃지 */
.soma-new-badge {
    background: #ff4b2b;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 8px;
    line-height: 1;
}

/* 댓글수 */
.soma-comments-count {
    font-size: 13px;
    color: #ff4b2b;
    margin-left: 5px;
    font-weight: bold;
}

/* 메타 정보 (이름, 날짜) */
.soma-meta-container {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 20px;
    flex-shrink: 0; /* 우측 정보가 찌그러지지 않게 */
}

.soma-user-name {
    font-size: 13px;
    color: #001f3f; /* SOMA 남색 */
    font-weight: 600;
}

.soma-date {
    font-size: 12px;
    color: #aaa;
}

/* 마우스 올렸을 때 효과 */
.soma-latest-list li:hover {
    background-color: #f9f9f9;
}

/* 우측 메타 정보 레이아웃 */
.soma-meta-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0; /* 우측 영역이 좁아지지 않게 고정 */
    margin-left: 15px;
}

/* 작성자(등급) 스타일 */
.soma-user-name {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    max-width: 120px; /* 이름이 너무 길면 잘리도록 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 날짜/시간 스타일 */
.soma-date {
    font-size: 12px;
    color: #999;
    min-width: 40px;
    text-align: right;
}

/* 전체 리스트 항목 정렬 */
.soma-latest-list li a {
    display: flex !important;
    justify-content: space-between !important; /* 양끝 정렬 */
    align-items: center !important;
    text-decoration: none !important;
    width: 100%;
}

/* 제목 영역: 남는 공간을 다 쓰되, 오른쪽 영역을 침범하지 않음 */
.soma-title-container {
    display: flex;
    align-items: center;
    flex: 1; /* 가변 너비 */
    min-width: 0; /* 중요: 내부 텍스트 생략(...) 작동을 위해 필요 */
    margin-right: 10px;
}

.soma-title-text {
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* 제목 길면 ... 처리 */
}

/* 작성자 + 날짜 영역: 고정된 크기 유지 */
.soma-meta-container {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0; /* 이 영역은 절대 줄어들지 않음 (작성자 노출 보장) */
}

.soma-user-name {
    font-size: 13px;
    color: #001f3f; /* SOMA 남색 */
    font-weight: 600;
    max-width: 100px; /* 이름이 너무 길면 대비해서 폭 제한 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.soma-date {
    font-size: 12px;
    color: #999;
    width: 40px;
    text-align: right;
}