/* ============================================
   업무관리 페이지 강제 수정
   Premium Redesign CSS보다 나중에 로드되어야 함
   ============================================ */

/* 최우선 순위로 업무 페이지 레이아웃 강제 적용 */
body #workPage,
body .page.work-page,
body div#workPage.page,
html #workPage {
    position: fixed !important;
    top: 60px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 64px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 480px !important;
    grid-template-areas: "main sidebar" !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

/* 좌측 메인 영역 강제 */
#workPage .work-main-area,
.page.work-page .work-main-area,
body .work-main-area {
    grid-area: main !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    padding: 16px !important;
    padding-bottom: calc(16px + 80px) !important;
    background: transparent !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* 우측 사이드바 강제 */
#workPage .work-sidebar-area,
.page.work-page .work-sidebar-area,
body .work-sidebar-area {
    grid-area: sidebar !important;
    width: 480px !important;
    max-width: 480px !important;
    min-width: 480px !important;
    height: 100% !important;
    background: white !important;
    border-left: 1px solid #E7E5E4 !important;
    padding: 32px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 0 10px 15px -3px rgba(28, 25, 23, 0.1) !important;
    flex-shrink: 0 !important;
}

/* 업무 리스트 그리드 */
#workPage .work-list,
.page.work-page .work-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 해상도별 조정 */
@media (min-width: 1600px) and (max-width: 1919px) {
    body #workPage {
        grid-template-columns: 1fr 400px !important;
    }
    #workPage .work-sidebar-area {
        width: 400px !important;
        min-width: 400px !important;
    }
}

@media (min-width: 1366px) and (max-width: 1599px) {
    body #workPage {
        grid-template-columns: 1fr 341px !important;
    }
    #workPage .work-sidebar-area {
        width: 341px !important;
        min-width: 341px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {
    body #workPage {
        grid-template-columns: 1fr 320px !important;
    }
    #workPage .work-sidebar-area {
        width: 320px !important;
        min-width: 320px !important;
    }
}

@media (max-width: 1279px) {
    body #workPage {
        grid-template-columns: 1fr !important;
    }
    #workPage .work-sidebar-area {
        display: none !important;
    }
}