/* ===============================
   공통 테이블 (입출차 현황)
   =============================== */
table.hour-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(8, 20, 58, 0.55);
    border: 1px solid rgba(120, 170, 255, 0.35);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

    /* ===============================
   셀 공통
   =============================== */
    table.hour-table th,
    table.hour-table td {
        padding: 8px 4px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        line-height: 1.2;
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.10);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        /* 세로 구분선 */
        table.hour-table th:not(:last-child),
        table.hour-table td:not(:last-child) {
            border-right: 1px solid rgba(255,255,255,.08);
        }

    /* ===============================
   헤더
   =============================== */
    table.hour-table thead th {
        background: linear-gradient(180deg,#6c8fff,#355fd6);
        color: #ffffff;
        font-weight: 800;
        font-size: 13px;
        letter-spacing: -0.2px;
        padding: 8px 4px;
        text-shadow: 0 1px 4px rgba(0,0,0,.28);
        border-bottom: 1px solid rgba(255,255,255,.28);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18);

        border-bottom: 2px solid rgba(255,255,255,.35);
    }

        table.hour-table thead th:not(:last-child) {
            border-right: 1px solid rgba(255,255,255,.16);
        }

    /* ===============================
   본문
   =============================== */
    table.hour-table tbody td {
        background: #0b2a78;
        color: #ffffff;
        font-weight: 600;
    }

    /* 줄무늬 - 대비를 더 확실하게 */
    table.hour-table tbody tr:nth-child(odd) td {
        background: #0b2a78;
    }

    table.hour-table tbody tr:nth-child(even) td {
        background: #2a4fb3;
    }

    /* Hover - 현재 행이 확실히 보이게 */
    table.hour-table tbody tr:hover td {
        background: #3f6de0;
    }

    /* 선택 느낌을 주고 싶으면 이것도 가능
table.hour-table tbody tr:active td {
    background: #3d6ee6;
}
*/

    /* ===============================
   숫자 컬럼 정렬
   =============================== */
    table.hour-table td.col-num {
        text-align: right;
        padding-right: 12px;
        font-variant-numeric: tabular-nums;
        color: #dbeafe;
        font-weight: 700;
    }




/* ===============================
   오류 행
   =============================== */
.row-error td {
    background: linear-gradient(180deg, rgba(255,230,90,.95), rgba(255,210,40,.92)) !important;
    color: #332600 !important;
    /*font-weight: 800 !important;*/
    text-shadow: none;
}