/* ZMS CMS - 공통 반응형 스타일 */

/* 컨테이너 여백 최적화 (2025-09-17) */
/* 기본 컨테이너 스타일 - 모든 페이지 공통 적용 */
.pc-container .container-fluid,
.container-fluid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* 데스크톱에서는 여백 증가 */
@media (min-width: 992px) {
    .pc-container .container-fluid,
    .container-fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* 태블릿 */
@media (min-width: 768px) and (max-width: 991px) {
    .pc-container .container-fluid,
    .container-fluid {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* 햄버거 메뉴 반응형 수정 - 데스크톱에서 모바일 드롭다운 숨김 */
@media (min-width: 1025px) {
    .pc-header .pc-mob-drp {
        display: none !important;
    }
}

/* 모바일 반응형 테이블 */
@media (max-width: 768px) {
    .table-responsive-mobile {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-list-item {
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        margin-bottom: 0.75rem;
        padding: 1rem;
        background-color: #fff;
    }
    
    .mobile-list-header {
        font-weight: 600;
        margin-bottom: 0.5rem;
        color: #495057;
    }
    
    .mobile-list-content {
        margin-bottom: 0.75rem;
    }
    
    .mobile-list-actions {
        border-top: 1px solid #dee2e6;
        padding-top: 0.75rem;
        margin-top: 0.75rem;
    }
}

/* 반응형 카드 그리드 */
@media (max-width: 576px) {
    .card-columns {
        column-count: 1;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 769px) {
    .card-columns {
        column-count: 3;
    }
}