body { background-color: #f4f6f9; font-size: 13px; color: #333; }
.fs-13 { font-size: 13px !important; }
.fs-12 { font-size: 12px !important; }
.cursor-pointer { cursor: pointer; }

.breadcrumb-item + .breadcrumb-item::before { content: "\e92e"; font-family: 'feather' !important; font-size: 10px; color: #9ca3af; }
.header-info-company { line-height: 1.4; }

.btn-toolbar {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 12px; font-size: 13px; font-weight: 400;
    border-radius: 6px; background-color: #fff; height: 32px; transition: all 0.2s;
}
.btn-toolbar:hover { opacity: 0.8; background-color: #f9fafb; }
.btn-toolbar-gray { color: #6b7280; border: 1px solid #d1d5db; }
.btn-toolbar-blue { color: #6366f1; border: 1px solid #c7d2fe; }
.btn-toolbar-red { color: #ef4444; border: 1px solid #fca5a5; }
.btn-toolbar-cyan { color: #06b6d4; border: 1px solid #a5f3fc; }
.btn-toolbar-purple { color: #8b5cf6; border: 1px solid #ddd6fe; }

.table-main thead th { background-color: #f8f9fa !important; font-weight: 600; text-align: center; vertical-align: middle; border-bottom: 1px solid #dee2e6; }
.table-filter-control { width: 100%; height: 28px; border: 1px solid #d1d5db; border-radius: 4px; padding: 0 8px; font-size: 12px; outline: none; }
.table-filter-control:focus { border-color: #6366f1; box-shadow: none; }

.badge-soft { padding: 4px 8px; border-radius: 4px; font-weight: 500; font-size: 11px; border: 1px solid transparent; }
.badge-soft-success { background-color: #f0fdf4; color: #16a34a; border-color: #dcfce7; }
.badge-soft-warning1 { background-color:  #c27c04;color: #f59e0b; border-color: #fcd34d; }
.badge-soft-primary { background-color: #eff6ff; color: #3b82f6; border-color: #dbeafe; }
.badge-soft-danger { background-color: #fef2f2; color: #ef4444; border-color: #fee2e2; }
.badge-soft-warning { background-color: #fffbeb; color: #d97706; border-color: #fef3c7; }

.page-circle { 
    width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; 
    border-radius: 50%; text-decoration: none; color: #6b7280; 
}
.page-circle.active { background-color: #eff6ff; color: #6366f1; font-weight: 600; }

.btn-support-fixed {
    position: fixed; bottom: 20px; right: 20px; z-index: 1050;
    background-color: #007bff; color: white; border-radius: 20px;
    padding: 8px 18px; font-weight: 600; border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}