/* BlazorBootstrap Grid 전체에 적용 */
.bb-grid > .table {
    table-layout: fixed !important; /* 컬럼 크기 고정 */
    width: 100% !important;
}

/* 헤더 스타일 수정 */
.bb-grid th {
    min-width: 30px; /* 최소 너비 */
    white-space: nowrap; /* 줄바꿈 방지 */
    overflow: hidden;
    text-overflow: ellipsis; /* 길면 ... 표시 */
}

/* 데이터 셀 스타일 */
.bb-grid td {
    white-space: nowrap; /* 기본적으로 줄바꿈 방지 */
    overflow: hidden;
    text-overflow: ellipsis; /* 길면 ... */
}

/* 내용 컬럼만 줄바꿈 허용 */
.contents-column {
    max-width: 300px;
    white-space: normal;
    word-break: break-word; /* 자동 줄바꿈 */
}

.h-100 {
    height: 100vh !important; /* Bootstrap의 h-100은 기본적으로 부모 높이를 따르므로 vh 단위로 강제 지정 */
}

/* image */
.ci-order {
    content: url('/asset/icon/icon-order_b.png');
    display: inline-block; /* inline-block으로 변경 */
    width: 50px;
    height: 50px;
    object-fit: contain; /* 이미지 비율 유지하며 크기 조정 */
    vertical-align: middle; /* 정렬 보정 */
}

.active .ci-order {
    content: url('/asset/icon/icon-order.png');
    display: inline-block; /* inline-block으로 변경 */
    width: 50px;
    height: 50px;
    object-fit: contain; /* 이미지 비율 유지하며 크기 조정 */
    vertical-align: middle; /* 정렬 보정 */
}