/* =========================
       📊 공통 테이블 카드화
    ========================= */

    /* 대상 테이블만 */
    .numberof,
    .average_result,
    .monthly_result,
    .monthly_result2,
    .results,
    .results4,
    .off_result,
    .classoff_result{
        width:100%;
        border-collapse:separate !important;
        border-spacing:0 !important;
    }

    /* 카드 */
    .numberof tr,
    .average_result tr,
    .monthly_result tr,
    .monthly_result2 tr,
    .results tr,
    .results4 tr,
    .off_result tr,
    .classoff_result tr{
        background:#fff;
        border-radius:16px;
        box-shadow:0 2px 8px rgba(0,0,0,0.05);
        overflow:hidden;
        transition:0.15s;
    }

    /* 터치 효과 */
    .numberof tr:active,
    .average_result tr:active,
    .monthly_result tr:active,
    .monthly_result2 tr:active{
        transform:scale(0.97);
    }

    /* 헤더 */
    .numberof tr:first-child,
    .average_result tr:first-child,
    .monthly_result tr:first-child,
    .monthly_result2 tr:first-child,
    .off_result tr:first-child,
    .classoff_result tr:first-child{
        background:#f7f7f8 !important;
        box-shadow:none;
        font-weight:600;
    }

    /* 셀 */
    .numberof td,
    .average_result td,
    .monthly_result td,
    .monthly_result2 td,
    .results td,
    .results4 td,
    .off_result td,
    .classoff_result td{
        border:none !important;
        font-size:13px;
        text-align:center;
    }

    /* 첫 컬럼 강조 */
    .numberof td:first-child,
    .average_result td:first-child{
        font-weight:700;
        color:#333;
    }

    /* =========================
       📊 numberof (콜 평균)
    ========================= */

    /* 숫자 강조 */
    .numberof td:nth-child(2),
    .numberof td:nth-child(3){
        font-weight:bold;
        color:#111;
    }

    /* 색 구분 */
    .numberof2:nth-child(2){
        background:#fff9db !important;
    }
    .numberof2:nth-child(3){
        background:#f1f3f5 !important;
    }
    .numberof2:nth-child(4){
        background:#e7f5ff !important;
    }

    /* =========================
       📊 average_result (근무평균)
    ========================= */

    .average_result2{
        background:#ffffff;
    }

    /* 살짝 강조 */
    .average_result2 td{
        font-weight:500;
    }

    /* =========================
       📊 실적 평균 카드
    ========================= */

    .results2, .results3{
        background:#fff3cd !important;
        font-weight:bold;
    }

    /* =========================
       📊 휴무 강조
    ========================= */

    .off_result tr[style*="FAF4C0"],
    .classoff_result tr[style*="FAF4C0"]{
        background:#fff4cc !important;
        border-left:5px solid #ffcd00;
    }

    /* =========================
       📱 버튼 스타일
    ========================= */

    #previous center div,
    #now_month center div{
        display:inline-block;
        margin-top:10px;
        padding:10px 16px;
        border-radius:30px;
        background:#fff;
        box-shadow:0 2px 6px rgba(0,0,0,0.08);
        font-size:13px;
    }