/*
 * Quy chuẩn màu sắc trạng thái theo ISO 3864 và best practices
 * Dành cho hệ thống quản lý đơn hàng, kinh doanh và kho vận
 * 
 * Màu sắc theo ISO 3864:
 * - Xanh lá: An toàn, hoàn thành, thành công
 * - Vàng: Cảnh báo, chờ xử lý
 * - Đỏ: Nguy hiểm, lỗi, hủy bỏ
 * - Xanh dương: Thông tin, đang xử lý
 * - Xám: Vô hiệu hóa, tạm dừng
 */

/* Thêm các biến màu hover nhạt vào :root */
:root {
    /* ISO 3864 Safety Colors */
    --iso-green: #00A651;
    --iso-green-light: #c3ecc3;
    --iso-green-medium: #70be70;
    --iso-green-dark: #007A3D;
    --iso-green-hover: #d7ffd8;
    
    --iso-yellow: #FFD320;
    --iso-yellow-light: #FFF9E6;
    --iso-yellow-dark: #E6BE00;
    --iso-yellow-hover: #fff7d1;
    
    --iso-red: #E4002B;
    --iso-red-light: #fabdbd;
    --iso-red-lighter: #FDEAEA;
    --iso-red-dark: #C4001F;
    --iso-red-hover: #ffcece;
    
    --iso-blue: #005EB8;
    --iso-blue-light: #c0dbf8;
    --iso-blue-dark: #004A94;
    --iso-blue-hover: #e6eff8;
    
    --iso-gray: #6C757D;
    --iso-gray-light: #cfcdcd;
    --iso-gray-dark: #495057;
    --iso-gray-hover: #c5c5c5;
    
    --iso-orange: #FF6B35;
    --iso-orange-light: #f8cbb6;
    --iso-orange-dark: #E55A2B;
    --iso-orange-hover: #ffdacd;
    
    --iso-purple: #6F42C1;
    --iso-purple-light: #F0EBFF;
    --iso-purple-dark: #5A359A;
    --iso-purple-hover: #ede4ff;
    
    /* Thêm các màu mới để phân biệt */
    --teal: #20B2AA;
    --teal-light: #E0F7F5;
    --teal-hover: #B2F5EA;
    
    --indigo: #4B0082;
    --indigo-light: #EDE9FE;
    --indigo-hover: #DDD6FE;
    
    --emerald: #10B981;
    --emerald-light: #D1FAE5;
    --emerald-hover: #A7F3D0;
    
    --rose: #F43F5E;
    --rose-light: #FFE4E6;
    --rose-hover: #FECDD3;
    
    --amber: #F59E0B;
    --amber-light: #FEF3C7;
    --amber-hover: #FDE68A;
    
    --slate: #64748B;
    --slate-light: #cbcbcb;
    --slate-hover: #E2E8F0;
    
    --text-color-normal: #333333;
    --text-color-danger: #C4001F;
    --text-color-online: #2f44ff;
    --text-color-black: #000000;
}

/* =================================================================
   TRẠNG THÁI THÀNH CÔNG - PHÂN BIỆT THEO MỨC ĐỘ
   ================================================================= */

/* Hoàn thành cao nhất - Xanh lá đậm */
table.adminlist tbody tr.finished td {
    background-color: var(--iso-green-medium) !important;
    color: var(--text-color-normal) !important;
    font-weight: 600;
}
table.adminlist tbody tr.delivered td,
table.adminlist tbody tr.complete td {
    background-color: var(--iso-green-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 600;
}

/* Thanh toán - Xanh emerald */
table.adminlist tbody tr.paid td {
    background-color: var(--emerald-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Có hàng - Xanh teal */
table.adminlist tbody tr.instock td {
    background-color: var(--teal-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Phê duyệt - Xanh lá nhạt */
table.adminlist tbody tr.approved td,
table.adminlist tbody tr.confirmed td {
    background-color: #9ad6ac !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Phỏng vấn - Xanh mint */
table.adminlist tbody tr.interviewed td {
    background-color: #F0FDFA !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Đúng hạn - Xanh lime */
table.adminlist tbody tr.ontime td,
table.adminlist tbody tr.row-complete td {
    background-color: #F7FEE7 !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* =================================================================
   TRẠNG THÁI ĐANG XỬ LÝ - PHÂN BIỆT THEO GIAI ĐOẠN
   ================================================================= */

/* Đang xử lý chính - Xanh dương */
table.adminlist tbody tr.processing td {
    background-color: var(--iso-blue-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Chờ xử lý - Xanh indigo */
table.adminlist tbody tr.pending td {
    background-color: var(--indigo-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Báo giá - Xanh cyan */
table.adminlist tbody tr.quoted td,
table.adminlist tbody tr.priced td {
    background-color: #ECFEFF !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* Mã hóa/Yêu cầu - Xanh sky */
table.adminlist tbody tr.coded td,
table.adminlist tbody tr.requested td {
    background-color: #F0F9FF !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* In ấn/Giữ - Xanh slate */
table.adminlist tbody tr.printed td,
table.adminlist tbody tr.holding td,
table.adminlist tbody tr.request td {
    background-color: var(--slate-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* =================================================================
   TRẠNG THÁI LỖI - PHÂN BIỆT THEO MỨC ĐỘ NGHIÊM TRỌNG
   ================================================================= */

/* Hủy bỏ nghiêm trọng - Đỏ đậm */
table.adminlist tbody tr.cancel td,
table.adminlist tbody tr.block td,
table.adminlist tbody tr.canceling td {
    background-color: var(--iso-red-light) !important;
    color: var(--text-color-danger) !important;
    font-weight: 600;
}

/* Từ chối - Đỏ rose */
table.adminlist tbody tr.reject td,
table.adminlist tbody tr.reject_interview td {
    background-color: var(--rose-light) !important;
    color: var(--text-color-danger) !important;
    font-weight: 500;
}

/* Xóa/Ẩn - Đỏ nhạt */
table.adminlist tbody tr.deleted td,
table.adminlist tbody tr.hide td {
    background-color: var( --iso-red-lighter) !important;
    color: var(--text-color-danger) !important;
    font-weight: 500;
    opacity: 0.8;
}

/* Thiếu hàng - Cam đỏ */
table.adminlist tbody tr.miss td,
table.adminlist tbody tr.missorder td {
    background-color: var(--iso-red-hover) !important;
}

/* Hết hạn - Vàng cam */
table.adminlist tbody tr.expired td,
table.adminlist tbody tr.row-empty td {
    background-color: var(--amber-light) !important;
    color: var(--text-color-danger) !important;
    font-weight: 500;
}

/* Khóa - xám */
table.adminlist tbody tr.locked td {
    background-color: var(--iso-gray-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

/* =================================================================
   TRẠNG THÁI CẢNH BÁO
   ================================================================= */

table.adminlist tbody tr.expire td {
    background-color: var(--iso-yellow-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 500;
}

table.adminlist tbody tr.newmessage td,
table.adminlist tbody tr.newmessage td a {
    color: var(--text-color-black) !important;
    font-weight: 700;
}

/* =================================================================
   TRẠNG THÁI KHẨN CẤP - PHÂN CẤP
   ================================================================= */

/* Siêu khẩn cấp */
table.adminlist tbody tr.supperurgent td {
    background-color: #ff8888 !important;
    color: var(--text-color-normal) !important;
    font-weight: 700;
    animation: pulse-super-urgent 1s infinite;
}

/* Khẩn cấp cao */
table.adminlist tbody tr.urgent td,
table.adminlist tbody tr.instock_urgent td {
    background-color: var(--iso-orange-light) !important;
    color: var(--text-color-normal) !important;
    font-weight: 600;
    animation: pulse-urgent 2s infinite;
}


/* =================================================================
   ANIMATIONS
   ================================================================= */

@keyframes pulse-super-urgent {
    0%, 100% { background-color: #ff9292; }
    50% { background-color: #FECACA; }
}

@keyframes pulse-urgent {
    0%, 100% { background-color: var(--iso-orange-light); }
    50% { background-color: var(--iso-orange-hover); }
}

@keyframes blink-message {
    0%, 50% { border-left-color: #F59E0B; }
    51%, 100% { border-left-color: #FCD34D; }
}

/* =================================================================
   HOVER STATES - CẬP NHẬT
   ================================================================= */

/* Success states hover */
table.adminlist tbody tr.delivered:hover td,
table.adminlist tbody tr.finished:hover td,
table.adminlist tbody tr.complete:hover td {
    background-color: var(--iso-green-hover) !important;
}

table.adminlist tbody tr.paid:hover td {
    background-color: var(--emerald-hover) !important;
}

table.adminlist tbody tr.instock:hover td {
    background-color: var(--teal-hover) !important;
}

/* Processing states hover */
table.adminlist tbody tr.processing:hover td {
    background-color: var(--iso-blue-hover) !important;
}

table.adminlist tbody tr.pending:hover td {
    background-color: var(--indigo-hover) !important;
}

/* Khóa - xám */
table.adminlist tbody tr.locked td {
    background-color: var(--iso-gray-hover) !important;
}

/* Error states hover */
table.adminlist tbody tr.cancel:hover td,
table.adminlist tbody tr.block:hover td,
table.adminlist tbody tr.locked:hover td,
table.adminlist tbody tr.miss:hover td,
table.adminlist tbody tr.canceling:hover td {
    background-color: var(--iso-red-hover) !important;
}

table.adminlist tbody tr.hide:hover td,
table.adminlist tbody tr.deleted:hover td {
    background-color: var(--iso-red-hover) !important;
}

table.adminlist tbody tr.reject:hover td,
table.adminlist tbody tr.reject_interview:hover td {
    background-color: var(--rose-hover) !important;
}

/* Links trong các trạng thái thành công */
table.adminlist tbody tr.delivered td a,
table.adminlist tbody tr.finished td a,
table.adminlist tbody tr.complete td a,
table.adminlist tbody tr.paid td a,
table.adminlist tbody tr.instock td a,
table.adminlist tbody tr.interviewed td a,
table.adminlist tbody tr.approved td a {
    color: var(--text-color-normal);
    font-weight: 600;
    text-decoration: none;
}

/* Links trong các trạng thái đang xử lý */
table.adminlist tbody tr.processing td a,
table.adminlist tbody tr.pending td a,
table.adminlist tbody tr.quoted td a,
table.adminlist tbody tr.priced td a,
table.adminlist tbody tr.coded td a,
table.adminlist tbody tr.requested td a {
    color: var(--text-color-normal) !important;
    font-weight: 600;
    text-decoration: none;
}

/* Links trong các trạng thái lỗi - GIỮ MÀU ĐỎ */
table.adminlist tbody tr.cancel td,
table.adminlist tbody tr.cancel td a,
table.adminlist tbody tr.reject td a,
table.adminlist tbody tr.expired td a {
    color: var(--text-color-danger) !important;
    font-weight: 600;
    text-decoration: line-through;
}

table.adminlist tbody tr.row-miss td,
table.adminlist tbody tr.row-miss td a {
    color: #f7971d;
    font-weight: 700;
}
table.adminlist tbody tr.missorder td,
table.adminlist tbody tr.missorder td a {
    color: #FF0000;
    font-weight: bold;
}
/* Links trong các trạng thái khẩn cấp */
table.adminlist tbody tr.urgent td a,
table.adminlist tbody tr.instock_urgent td a,
table.adminlist tbody tr.supperurgent td a {
    color: var(--text-color-normal) !important;
    font-weight: 700;
    text-decoration: none;
}

/* Text trong trạng thái online, offline */
table.adminlist tbody tr.online td ,
table.adminlist tbody tr.online td a ,
table.adminlist tbody tr.hightlight td,
table.adminlist tbody tr.hightlight td a{
    color: var(--text-color-online) !important;
}

/* =================================================================
   RESPONSIVE DESIGN
   ================================================================= */

@media (max-width: 768px) {
    /* Tắt animation cho mobile để tiết kiệm pin */
    table.adminlist tbody tr.urgent td,
    table.adminlist tbody tr.instock_urgent td,
    table.adminlist tbody tr.supperurgent td {
        animation: none;
    }
}

/* =================================================================
   PRINT STYLES
   ================================================================= */

@media print {
    /* Đảm bảo màu sắc hiển thị khi in */
    table.adminlist tbody tr[class] td {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
    
    /* Tắt animation khi in */
    * {
        animation: none !important;
        transition: none !important;
    }
}

/* =================================================================
   ACCESSIBILITY
   ================================================================= */

/* Hỗ trợ cho người khiếm thị */
@media (prefers-reduced-motion: reduce) {
    table.adminlist tbody tr[class] td {
        animation: none !important;
        transition: none !important;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    table.adminlist tbody tr[class] td {
        font-weight: 700 !important;
    }
}