/* ====================================
   DARK MODE STYLES - Chrome Theme
   Extracted from style.css
   Color palette inspired by Chrome Dark Mode
   ==================================== */

body.dark input:focus,
body.dark textarea:focus {
    background-color: #1a1b1e !important;
    /* nâu oliu đậm sang trọng */
    color: #fff;
}

body.dark {
    background: #202124;
    color: #e8eaed;
}

body.dark .main {
    background: #292a2d;
}

body.dark .topbar {
    background: #202124;
    border-bottom-color: #3c4043;
}

body.dark input[type="text"],
body.dark input[type="password"],

body.dark input[type="email"],
body.dark input[type="number"],

body.dark input[type="tel"],
body.dark input[type="url"],

body.dark input[type="search"],
body.dark input[type="datetime-local"],

body.dark input[type="date"],
body.dark input[type="month"],

body.dark input[type="time"],
body.dark input[type="file"],

body.dark select,
body.dark textarea {
    background: #202124;
    color: #e8eaed;
    border-color: #4a4d51;
}

body.dark .batchInput {
    background: #202124;
    color: #e8eaed;
    border-color: #4a4d51 !important;
}

body.dark .stats {
    background: #171717;
}

body.dark .stat-box {
    background: #202124;
    color: #8ab4f8;
    border-left-color: #1a73e8;
}

body.dark table {
    background: #202124;
    color: #e8eaed;
}

body.dark tbody tr:hover {
    background: #1a1b1e;
}

body.dark th,
body.dark td {
    border-color: #3c4043;
}

body.dark thead th {
    background: #1a1b1e;
}

body.dark .table-bordered {
    border-color: #3c4043;
}

body.dark .table-bordered th,
body.dark .table-bordered td {
    border: 1px solid #4a4d51;
}

body.dark .table-bordered th {
    background: #171717;
    color: #bdc1c6;
}

body.dark .table-bordered td {
    background: #121212;
    color: #9aa0a6;
}

body.dark .table-bordered tr:nth-child(even) td {
    background: #1a1a1a;
}

body.dark .table-bordered tr:hover td {
    background: #303134;
}

body.dark .wrapper-payroll {
    border-color: #3c4043;
    background: #202124;
}

body.dark .table-payroll tr.payroll-header {
    background: #1e1e1e;
}

body.dark .table-payroll {
    background: #292a2d;
    color: #e8eaed;
}

body.dark .table-payroll th,
body.dark .table-payroll td {
    border-bottom-color: #3c4043;
}

body.dark .filter-option {
    background: #1a1b1e;
    color: #e8eaed;
    border-color: #3c4043;
}

body.dark .bottom-bar {
    background: rgba(32, 33, 36, 0.97);
}

body.dark .bottom-bar .bar-link.active {
    background: rgba(255, 255, 255, 0.15);
}

body.dark .sidebar {
    background: #202124;
}

body.dark .sidebar-header-actions {
    background: #1a1b1e;
    border-bottom-color: #3c4043;
}

body.dark .sidebar-header-actions {
    background: rgba(32, 33, 36, 0.7);
    border-bottom-color: #3c4043;
}

body.dark .sidebar a.selected {
    background: rgba(0, 0, 0, 0.15);
}

body.dark .page-not-found {
    background: #3a0d0d;
    color: #ffbaba;
    border-color: #6e1e1e;
}

body.dark .alert.error {
    background: #3a0d0d;
    color: #ffbaba;
    border-color: #6e1e1e;
}

body.dark .alert.success {
    background: #0d3a0d;
    color: #baf2ba;
    border-color: #1e6e1e;
}

body.dark .pagination a {
    background: #1e3a5f;
    color: #d2e3fc;
    border: 1px solid #5f6368;
}

body.dark .pagination a:hover {
    background: #1a73e8;
    border-color: #1a73e8;
    color: #fff;
}

body.dark .pagination a.active {
    background: #1a73e8;
    color: #fff;
    border-color: #1a73e8;
}

body.dark .text-white {
    color: #e8eaed !important;
}

body.dark .text-blue {
    color: #8ab4f8 !important;
}

body.dark .text-gray {
    color: #9aa0a6 !important;
}

body.dark .button.blue {
    background-color: #1a73e8;
    /* xanh navy hơi sáng */
    color: #d2e3fc;
}

body.dark .button.blue:hover {
    background-color: #1557b0;
    /* đậm hơn khi hover */
}

body.dark .button.gray {
    background-color: #5f6368;
    color: #e8eaed;
}

body.dark .button.gray:hover {
    background-color: #3c4043;
}

body.dark .button.transparent {
    color: #bdc1c6;
}

body.dark .button.transparent:hover {
    color: #8ab4f8;
}

body.dark .main a,
body.dark .main-content-card a,

body.dark .scrollable a,
body.dark .content a {
    color: #8ab4f8;
}

body.dark .main a:hover,
body.dark .main-content-card a:hover,

body.dark .scrollable a:hover,
body.dark .content a:hover {
    color: #8ab4f8;
}

body.dark .order-header-grid.bigfont-mode {
    background: linear-gradient(to top, #1a1b1e, #202124);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

body.dark .order-header-grid.bigfont-mode span {
    color: #aaa;
}

body.dark .order-header-grid.bigfont-mode strong {
    color: #e8eaed;
}

body.dark .order-tabs {
    background: #1a1b1e;
    border-bottom-color: #3c4043;
}

body.dark .order-tabs .tab {
    color: #fff;
}

body.dark .order-tabs .dropdown-menu .menu-trigger {
    color: #fff;
}

body.dark .dropdown-menu .menu-content a.active {
    background: #1a1b1e;
    color: #8ab4f8;
}

body.dark .dropdown-menu .menu-content {
    background: #202124;
    border-color: #3c4043;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

body.dark .dropdown-menu .menu-content a {
    color: #e8eaed;
    border-bottom-color: #3c4043;
}

body.dark .dropdown-menu .menu-content a:hover {
    background: #1a1b1e;
    color: #8ab4f8;
}

body.dark .highlight-row {
    background-color: #5c0000 !important;
}

body.dark .login-wrapper {
    background: #1e1e1e;
}

body.dark .login-form {
    background: #1e1e1e;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

body.dark .login-form input[type="tel"],
body.dark .login-form input[type="password"] {
    background: #1e1e1e;
    color: #e8eaed;
    border: 1px solid #5f6368;
}

body.dark .invoice-card {
    background: linear-gradient(to bottom, #1e1e1e, #292a2d);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border-color: #3c4043;
}

body.dark .finance-row {
    border-color: #3c4043;
}

body.dark .money {
    color: #8ab4f8;
}

body.dark .history-content {
    color: #9aa0a6;
    font-size: 12px;
}

body.dark .history-payment-form input,
body.dark .history-payment-form select {
    background: #292a2d;
    color: #e8eaed;
    border-color: #3c4043;
}

body.dark .table-packinglist {
    background: #202124;
    color: #e8eaed;
}

body.dark .table-packinglist th {
    background: #1a1b1e;
    border-color: #3c4043;
}

body.dark .table-packinglist td {
    border-color: #3c4043;
}

body.dark .table-packinglist tbody tr:hover {
    background: #292a2d;
}

body.dark .table-packinglist td.total {
    background: #292a2d;
}

body.dark .suggestion-box {
    background: #1e1e1e;
    color: #f0f0f0;
    border-color: #3c4043;
}

body.dark .suggestion-box div:hover {
    background: #333;
}

body.dark #qtyCheckMsg {
    background: #171717;
    color: #e8eaed;
    border-color: #4a4d51;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

body.dark .qty-check-box {
    background: #171717;
    color: #f88;
    border-color: #4a4d51;
}

body.dark .output-day-group {
    background: linear-gradient(to top, #1a1b1e, #202124);
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.05);
    border: 1px solid #3c4043;
}

body.dark .output-day-header {
    background: linear-gradient(to top, #2c3136, #202124);
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.05);
    color: #e8eaed;
}

body.dark .output-day-header:hover {
    background: linear-gradient(to top, #202428, #202124);
}

body.dark .download-content {
    background: #1e1e1e;
    border-color: #3c4043;
}

body.dark .download-content a:hover {
    background: #3c4043;
    color: #fff;
}

body.dark .sub-products {
    background-color: #1e1e1e;
}

body.dark .popup-box {
    background: #1f2937;
    color: #f3f4f6;
}

body.dark .bgblue {
    background-color: #202124 !important;
}

body.dark .bgwhite {
    background-color: #202124 !important;
}

body.dark .bgxlightblue {
    background-color: #2f343a !important;
}

body.dark .bglightred {
    background-color: #3c2d2d !important;
}

body.dark .bglightgreen {
    background-color: #013a07 !important;
    color: #fff !important;
}

body.dark .bglightgray {
    background-color: #202124 !important;
}

body.dark .bglightyellow {
    background-color: #3d3707 !important;
}

body.dark .bglightblue {
    background-color: #1b2c5e !important;
    color: #fff !important;
}

body.dark .bggradientblue {
    background: linear-gradient(to top, #202124, #46484b);
}

body.dark .bggradientorange {
    background: linear-gradient(to top, #41474e, #202124);
}

body.dark .bgorange {
    background-color: #202124 !important;
}

body.dark .bggreen {
    background-color: #11591c !important;
    color: #fff;
}

body.dark input::placeholder,
body.dark textarea::placeholder {
    color: #e8eaed;
    /* hoặc bất kỳ màu nào mày thích */
}

body.dark .invoice-card label[for] {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .invoice-card label[for]:before {
    border-color: #8ab4f8;
}

body.dark .invoice-card label[for]:hover {
    background: #3a3a3a;
    border-color: #8ab4f8;
}

body.dark .invoice-card input[type="radio"]:checked+label {
    background: #8ab4f8;
    border-color: #8ab4f8;
    color: #1a1a1a;
}

body.dark .invoice-card input[type="radio"]:checked+label:before {
    background: #1a1a1a;
    box-shadow: inset 0 0 0 2px #8ab4f8;
}

body.dark .custom-radio label {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .custom-radio label:before {
    border-color: #8ab4f8;
}

body.dark .custom-radio label:hover {
    background: #3a3a3a;
    border-color: #8ab4f8;
}

body.dark .custom-radio input[type="radio"]:checked+label {
    background: #8ab4f8;
    border-color: #8ab4f8;
    color: #1a1a1a;
}

body.dark .custom-radio input[type="radio"]:checked+label:before {
    background: #1a1a1a;
    box-shadow: inset 0 0 0 2px #8ab4f8;
}

body.dark .post-content {
    border-top: 1px solid #3c4043;
}

body.dark .board-post {
    border-color: #3c4043;
    background: #202124;
}

body.dark .searchUsers {
    background: #202124;
    border-color: #3c4043;
}

body.dark .taggedUsers {
    background: #202124;
}

body.dark .tagged-box {
    background: #1e334c;
    border-color: #3c4043;
}

body.dark .btn-remove-user {
    background: #fcb8b3;
}

body.dark .summary-box {
    background: #202124;
}

body.dark .collection-item {
    background-color: #202124;
    border-color: #3c4043;
}

body.dark .collection-item:hover {
    background-color: #1a1b1e;
    border-color: #3c4043;
}

body.dark .no-cover {
    background-color: #3c4043;
    color: #e8eaed;
}

body.dark .edit-icon {
    background: rgba(26, 115, 232, 0.8);
    color: rgb(228, 228, 228);
}

body.dark .collection-info h4 {
    color: #8ab4f8;
}

body.dark .sub {
    color: #e1f8fc;
}

body.dark .note {
    color: #e1f8fc;
}

body.dark .icon-link {
    color: #e8eaed;
}

body.dark .expense-detail-grid div:nth-child(odd) {
    color: #9aa0a6;
}

body.dark .system-settings-form fieldset {
    background: #202124;
    border-color: #3c4043;
}

body.dark .system-settings-form legend {
    color: #dfdfdf;
}

body.dark .orderSearchResults {
    background: #1e1e1e;
    border-color: #3c4043;
}

body.dark .order-item:hover {
    background: #1a1a1a;
}

body.dark .tag-link {
    display: inline-block;
    text-decoration: none !important;
    color: #e8eaed !important;
    transition: all 0.2s ease;
    padding: 2px 4px;
    border-radius: 3px;
    white-space: nowrap;
}

body.dark .tag-link:hover {
    color: #4fc3f7 !important;
    background-color: rgba(79, 195, 247, 0.1);
    transform: translateY(-1px);
}

body.dark .reply-form {
    background: #202124;
    border-top-color: #3c4043;
}

body.dark #editor {
    background: #1e1e1e;
    border-color: #3c4043;
}

body.dark #editor:focus {
    background: #3e3d3f;
    border-color: #4a4d51;
}

body.dark .editor-toolbar button {
    background: #1e1e1e;
    border-color: #3c4043;
    color: #e8eaed;
}

body.dark .editor-toolbar button:hover {
    background: #3c4043;
}

body.dark .inline-user {
    background-color: #007ec2;
}

body.dark .inline-user img.avatar {
    box-shadow: 0 0 0 2px #1e1e1e;
}

body.dark .search-dropdown {
    background: #171717;
    color: #e8eaed;
}

body.dark .search-dropdown div:hover {
    background: #333;
}

body.dark .product-card {
    border-color: #333;
}

body.dark .product-card:hover {
    border-color: #cdcdcd;
}

body.dark .product-card .code {
    color: #8ab4f8;
}

body.dark .product-card .finish {
    color: #999;
}

body.dark .data-block {
    background-color: #202124;
    border-color: #46484b;
}

body.dark .thread-card {
    background: #2f343a;
    border-color: #3c4043;
}

body.dark .thread-title a {
    color: #e8eaed;
}

body.dark .thread-title a:hover {
    color: #6cb2ff;
}

body.dark .thread-meta,
body.dark .thread-stats {
    color: #9aa0a6;
}

body.dark .profile-card-container {
    background: #292a2d;
    border-color: #3c4043;
}

body.dark .pc-avatar {
    border-color: #5f6368;
}

body.dark .pc-info h2 {
    color: #8ab4f8;
}

body.dark .pc-info p {
    color: #bbb;
}

body.dark .c-stat-item {
    background: #202124;
    border-color: #3c4043;
}

body.dark .c-stat-label {
    color: #aaa;
}

body.dark .c-stat-value {
    color: #e8eaed;
}

body.dark .c-stat-item.highlight {
    background: #1f2937;
    border-color: #0050b3;
}

body.dark .c-stat-item.highlight .c-stat-value {
    color: #69c0ff;
}

body.dark .text-danger {
    color: #ff8b8b !important;
}

body.dark .text-success {
    color: #81c995 !important;
}

body.dark .text-warning {
    color: #ffd966 !important;
}

body.dark .attendance-monthly-table {
    border-color: #3c4043;
    background: #202124;
}

body.dark .attendance-row {
    border-bottom-color: #3c4043;
}

body.dark .attendance-row.is-weekend {
    background: #292a2d;
}

body.dark .attendance-row.has-flag {
    background: #3a2a2a;
    border-left: 3px solid #ff6b6b;
}

body.dark .shift-time a:hover span:not(.text-red) {
    color: #4da6ff;
}

body.dark .att-col-note {
    color: #aaa;
}

body.dark .attendance-row {
    background: #1e2329;
    border-color: #3a3f47;
}

body.dark .attendance-row {
    border-color: #3a3f47;
    background: #1e2329;
}

body.dark .att-col-shift {
    background: #1e2329;
    border: 1px solid #3a3f47;
}

body.dark .att-col-normal,
body.dark .att-col-ot,

body.dark .att-col-piece {
    background: #1e2329;
    border: 1px solid #3a3f47;
}

body.dark .att-col-normal::before {
    color: #8ab4d9;
}

body.dark .att-col-ot::before {
    color: #8ab4d9;
}

body.dark .att-col-piece::before {
    color: #8ab4d9;
}

body.dark .att-col-wage {
    background: #1a3a52;
    border: 1px solid #2a5a7f;
}

body.dark .att-col-wage::before {
    color: #8ab4d9;
}

body.dark .att-col-note {
    border-top-color: #3a3f47;
    color: #adb5bd;
}

body.dark .attendance-header {
    background: #1e3a5f;
    border-bottom-color: #1565c0;
    color: #fff;
}

body.dark .r-table {
    border-color: #3c4043;
}

body.dark .r-row {
    background: #202124;
    border-bottom-color: #3c4043;
    color: #e8eaed;
}

body.dark .r-row.header {
    background: #292a2d;
    color: #adb5bd;
    border-bottom-color: #5f6368;
}

body.dark .r-cell {
    color: #e8eaed;
}

body.dark .r-cell.w-money {
    color: #8ab4f8;
}

body.dark .r-cell.w-note {
    color: #aaa;
}

body.dark .r-row.is-weekend {
    background: #292a2d;
}

body.dark .r-row.is-weekend .w-date {
    color: #ff6b6b;
}

body.dark select,
body.dark input {
    background: #1e1e1e;
    color: #e8eaed;
    border-color: #4a4d51;
}

body.dark .r-row {
    background: #292a2d;
    border-color: #3c4043;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

body.dark .r-cell.w-date {
    color: #fff;
}

body.dark .r-cell.w-time {
    background: #1e1e1e;
    color: #9aa0a6;
}

body.dark .r-cell.w-num::before {
    color: #aaa;
}

body.dark .r-cell.w-num {
    background: #3a3f44;
    color: #e8eaed;
}

body.dark .r-cell.w-note {
    color: #bbb;
}