/* =========================================================
   TỆP: public/assets/css/page.css
   PHIÊN BẢN: v2.0.0 (Tách biệt CSS cho trang tĩnh)
========================================================= */

/* CẤU TRÚC KHUNG ẢO (VIRTUAL FRAME) BẢO VỆ BẢNG */
.naro-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.5rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 1px #333;
    background-color: #0a0a0a;
    
    /* Tàng hình thanh cuộn */
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.naro-table-wrapper::-webkit-scrollbar { 
    display: none; 
}

.naro-table-wrapper table {
    width: max-content !important;
    min-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 0.9rem;
}

.naro-table-wrapper th,
.naro-table-wrapper td {
    white-space: nowrap !important;
    border-bottom: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    padding: 0.85rem 1rem !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.naro-table-wrapper tr:first-child th, 
.naro-table-wrapper tr:first-child td { border-top: none !important; }
.naro-table-wrapper tr:last-child td { border-bottom: none !important; }
.naro-table-wrapper th:first-child, 
.naro-table-wrapper td:first-child { border-left: none !important; }
.naro-table-wrapper th:last-child, 
.naro-table-wrapper td:last-child { border-right: none !important; }

.naro-table-wrapper th { 
    background-color: #1a1a1a !important; 
    color: #fff !important; 
    font-weight: 800 !important; 
    text-transform: uppercase !important; 
    border-bottom: 2px solid #ea580c !important; 
}
.naro-table-wrapper tbody tr:nth-child(odd) td { background-color: #111 !important; }
.naro-table-wrapper tbody tr:nth-child(even) td { background-color: #0a0a0a !important; }
.naro-table-wrapper tbody tr:hover td { background-color: #1a1a1a !important; transition: background-color 0.2s ease; }