/* 마이워크 커스텀 스타일 */

/* 모바일 레이아웃 */
.mobile-layout {
    background-color: #f8f9fa;
}

.mobile-header {
    height: 52px;
    z-index: 1000;
}

.mobile-tabbar {
    height: 60px;
    z-index: 999;
}

.tab-item {
    min-width: 60px;
    font-size: 0.75rem;
}

.tab-item i {
    font-size: 1.2rem;
}

/* 출퇴근 버튼 */
.btn-checkin {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: bold;
}

/* 결재 상태 배지 */
.badge-pending { background-color: #ffc107; color: #212529; }
.badge-step1 { background-color: #17a2b8; color: white; }
.badge-approved { background-color: #28a745; color: white; }
.badge-rejected { background-color: #dc3545; color: white; }
.badge-self { background-color: #6c757d; color: white; font-size: 0.7rem; }

/* 이상 출퇴근 하이라이트 */
.attendance-late { background-color: #fff3cd !important; }
.attendance-early_leave { background-color: #ffe5d9 !important; }
.attendance-absent { background-color: #f8d7da !important; }

/* 카드 스타일 */
.dashboard-card {
    border-left: 4px solid;
    transition: transform 0.2s;
}
.dashboard-card:hover {
    transform: translateY(-2px);
}

/* 언어 버튼 */
.lang-bar {
    font-size: 0.8rem;
}

/* AdminLTE 커스텀 */
.app-sidebar {
    font-size: 0.9rem;
}