/* Theme Variables - Dark Theme */
[data-theme="dark"] {
    /* Primary colors */
    --header-bg: #1a1a2e;
    --header-border: #16213e;
    --header-text: #e0e0e0;

    /* Menu colors */
    --menu-bg: #2d2d44;
    --menu-text: #e0e0e0;
    --menu-border: #3d3d5c;
    --submenu-bg: transparent;
    --submenu-text: var(--text-primary);

    /* Text colors */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #888;
    --text-inverse: #1a1a2e;

    /* Background colors */
    --body-bg: #121218;
    --content-bg: #1e1e2e;
    --sidebar-bg: #252538;
    --table-header-bg: #2d2d44;
    --table-row-alt: #1a1a28;
    --input-bg: #2d2d44;

    /* Border colors */
    --border-light: #3d3d5c;
    --border-medium: #555;
    --border-dark: #666;
    --border-accent: #4a6fa5;

    /* Link colors */
    --link-color: #74c0fc;
    --link-hover: #a5d8ff;
    --link-highlight: #ffd43b;

    /* Status/Alert colors */
    --alert-bg: #3d3520;
    --alert-text: #ff6b6b;
    --alert-border: #ff6b6b;
    --success-color: #51cf66;
    --warning-color: #ffd43b;
    --danger-color: #ff6b6b;

    /* Interactive elements */
    --button-bg: #4a6fa5;
    --button-hover: #5a8fd5;
    --button-text: #FFF;

    /* Accent colors */
    --accent-green: #2d5a2d;
    --accent-orange: #cc8844;

    /* Shadows and overlays */
    --shadow-color: rgba(0, 0, 0, 0.3);
    --overlay-bg: rgba(0, 0, 0, 0.7);

    /* Card backgrounds (used in billing rates, etc.) */
    --card-bg: #252538;
    --card-header-bg: #2d2d44;

    /* Time entry colors */
    --time-entry-bg: #2d3a2d;
    --time-entry-unconfirmed-bg: #5a4020;
    --time-entry-header-bg: #3a4a3a;
    --time-entry-unconfirmed-header-bg: #6a4a25;
    --time-entry-text: #e0e0e0;
    --time-entry-border: #555;
}

/* Dark theme specific overrides */
[data-theme="dark"] body {
    background-color: var(--body-bg);
    color: var(--text-primary);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: var(--input-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
    border-color: var(--link-color);
    outline: none;
}

[data-theme="dark"] table {
    border-color: var(--border-light);
}

[data-theme="dark"] th {
    background-color: var(--table-header-bg);
    color: var(--text-primary);
}

[data-theme="dark"] td {
    border-color: var(--border-light);
}

[data-theme="dark"] tr:nth-child(even) {
    background-color: var(--table-row-alt);
}

[data-theme="dark"] a {
    color: var(--link-color);
}

[data-theme="dark"] a:hover {
    color: var(--link-hover);
}

[data-theme="dark"] hr {
    border-color: var(--border-light);
}

[data-theme="dark"] fieldset {
    border-color: var(--border-light);
}

[data-theme="dark"] legend {
    color: var(--text-primary);
}

/* Override inline bgcolor attributes */
[data-theme="dark"] [bgcolor] {
    background-color: var(--content-bg) !important;
}

[data-theme="dark"] table[bgcolor="#CCCCCC"],
[data-theme="dark"] table[bgcolor="#ccc"] {
    background-color: var(--table-header-bg) !important;
}

[data-theme="dark"] tr[bgcolor="#FFFFFF"],
[data-theme="dark"] tr[bgcolor="#fff"],
[data-theme="dark"] td[bgcolor="#FFFFFF"],
[data-theme="dark"] td[bgcolor="#fff"] {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] tr[bgcolor="#ffff66"],
[data-theme="dark"] th[bgcolor="#ffff66"] {
    background-color: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] td[bgcolor="#ffffcc"],
[data-theme="dark"] span[bgcolor="#ffffcc"] {
    background-color: var(--alert-bg) !important;
    color: var(--text-primary) !important;
}

/* Fix inline style colors */
[data-theme="dark"] [style*="color:#333"],
[data-theme="dark"] [style*="color: #333"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="color:green"],
[data-theme="dark"] [style*="color: green"] {
    color: var(--success-color) !important;
}

[data-theme="dark"] [style*="color:red"],
[data-theme="dark"] [style*="color: red"] {
    color: var(--danger-color) !important;
}

[data-theme="dark"] [style*="color:blue"],
[data-theme="dark"] [style*="color: blue"] {
    color: var(--link-color) !important;
}

/* Fix inline background colors */
[data-theme="dark"] [style*="background-color:#ccc"],
[data-theme="dark"] [style*="background-color: #ccc"],
[data-theme="dark"] [style*="background:#ccc"],
[data-theme="dark"] [style*="background: #ccc"] {
    background-color: var(--table-header-bg) !important;
}

[data-theme="dark"] [style*="background-color:#004d00"],
[data-theme="dark"] [style*="background-color: #004d00"] {
    background-color: var(--accent-green) !important;
}

[data-theme="dark"] [style*="background-color:#F96"],
[data-theme="dark"] [style*="background-color: #F96"] {
    background-color: var(--warning-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="background-color:#DEDEBC"],
[data-theme="dark"] [style*="background-color: #DEDEBC"] {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
}

/* Status box colors in dark mode */
[data-theme="dark"] .statustotals {
    color: var(--text-primary);
}

[data-theme="dark"] .statustotals[style*="background-color"] {
    border-color: var(--border-light) !important;
}

/* Calendar event tooltips */
[data-theme="dark"] .tooltipevent {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
}

/* jQuery UI elements */
[data-theme="dark"] .ui-widget {
    background-color: var(--content-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .ui-widget-header {
    background-color: var(--table-header-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

[data-theme="dark"] .ui-widget-content {
    background-color: var(--content-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

[data-theme="dark"] .ui-state-default {
    background-color: var(--menu-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .ui-state-hover,
[data-theme="dark"] .ui-state-focus {
    background-color: var(--button-hover);
    color: var(--button-text);
}

[data-theme="dark"] .ui-state-active {
    background-color: var(--button-bg);
    color: var(--button-text);
}

/* Billing pages specific overrides */
[data-theme="dark"] td[bgcolor="#006633"],
[data-theme="dark"] tr[bgcolor="#006633"] td,
[data-theme="dark"] [bgcolor="#006633"] {
    background-color: #1a4d1a !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] td[bgcolor="#006633"] span,
[data-theme="dark"] [bgcolor="#006633"] span {
    color: inherit !important;
}

[data-theme="dark"] [bgcolor="#006633"] span[style*="color:yellow"],
[data-theme="dark"] [bgcolor="#006633"] span[style*="color: yellow"] {
    color: var(--warning-color) !important;
}

[data-theme="dark"] tr[bgcolor="C3EFBB"],
[data-theme="dark"] tr[bgcolor="#C3EFBB"],
[data-theme="dark"] td[bgcolor="C3EFBB"],
[data-theme="dark"] td[bgcolor="#C3EFBB"] {
    background-color: #2d4a2d !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .postsheetheader,
[data-theme="dark"] tr.postsheetheader td,
[data-theme="dark"] tr[bgcolor="#ccc"],
[data-theme="dark"] tr[bgcolor="ccc"] {
    background-color: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .postsheetsummary,
[data-theme="dark"] td.postsheetsummary,
[data-theme="dark"] [bgcolor="#CCCCCC"].postsheetsummary {
    background-color: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

/* Billing table general styling */
[data-theme="dark"] table[width="100%"][border="1"] {
    border-color: var(--border-light) !important;
}

[data-theme="dark"] table[width="100%"][border="1"] td,
[data-theme="dark"] table[width="100%"][border="1"] th {
    border-color: var(--border-light) !important;
}

/* Form elements in billing pages */
[data-theme="dark"] .hardware,
[data-theme="dark"] span.hardware {
    color: var(--text-primary);
}

/* Alternating row colors for billing tables */
[data-theme="dark"] table[border="1"] tr:nth-child(even) td:not([bgcolor]) {
    background-color: var(--table-row-alt);
}

/* Customers page specific overrides */
[data-theme="dark"] [style*="background-color: #695B32"],
[data-theme="dark"] [style*="background-color:#695B32"] {
    background-color: #3d3520 !important;
    color: var(--text-inverse) !important;
}

[data-theme="dark"] [style*="background-color: #DEDEBC"],
[data-theme="dark"] [style*="background-color:#DEDEBC"] {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] [style*="border-bottom: 1px solid #333"] {
    border-color: var(--border-light) !important;
}

/* Tables in customers page */
[data-theme="dark"] table[bgcolor="#CCCCCC"],
[data-theme="dark"] table[bgcolor="#ccc"],
[data-theme="dark"] table[bgcolor="CCCCCC"] {
    background-color: var(--border-light) !important;
}

[data-theme="dark"] tr[bgcolor="#FFFFFF"] th,
[data-theme="dark"] tr[bgcolor="#fff"] th {
    background-color: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] tr[bgcolor="#FFFFFF"] td,
[data-theme="dark"] tr[bgcolor="#fff"] td {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] tr[bgcolor="#FFFFFF"] td a,
[data-theme="dark"] tr[bgcolor="#fff"] td a {
    color: var(--link-color) !important;
}

[data-theme="dark"] tr[bgcolor="#FFFFFF"] td a:hover,
[data-theme="dark"] tr[bgcolor="#fff"] td a:hover {
    color: var(--link-hover) !important;
}

/* Service Board / Calendar page specific overrides */

/* Tooltip popup on calendar events */
[data-theme="dark"] .tooltipevent,
[data-theme="dark"] div[style*="background:#ccc"],
[data-theme="dark"] div[style*="background: #ccc"] {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light) !important;
}

/* Yellow highlight cells (ffffcc) */
[data-theme="dark"] td[bgcolor="#ffffcc"],
[data-theme="dark"] td[bgcolor="ffffcc"],
[data-theme="dark"] span[bgcolor="#ffffcc"] {
    background-color: var(--alert-bg) !important;
    color: var(--text-primary) !important;
}

/* Yellow highlight rows (ffff00) */
[data-theme="dark"] [style*="background-color: #ffff00"],
[data-theme="dark"] [style*="background-color:#ffff00"],
[data-theme="dark"] [style*="background-color: #FFFF00"],
[data-theme="dark"] [style*="background-color:#FFFF00"] {
    background-color: rgba(100, 100, 50, 0.4) !important;
    color: var(--text-primary) !important;
}

/* Tech status divs with various background colors */
[data-theme="dark"] .ticketinstatus,
[data-theme="dark"] .ticketinlist,
[data-theme="dark"] .companyinstatus,
[data-theme="dark"] .companyinlist {
    color: var(--text-primary);
}

[data-theme="dark"] .ticketinstatus a,
[data-theme="dark"] .ticketinlist a {
    color: var(--link-color);
}

/* Status totals boxes */
[data-theme="dark"] .statustotals {
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

/* Override dynamic background colors in status boxes */
[data-theme="dark"] .statustotals[style*="background-color:#0F0"],
[data-theme="dark"] .statustotals[style*="background-color: #0F0"],
[data-theme="dark"] .statustotals[style*="background-color:#00FF00"] {
    background-color: #1a4d1a !important;
}

[data-theme="dark"] .statustotals[style*="background-color:#FF0"],
[data-theme="dark"] .statustotals[style*="background-color: #FF0"],
[data-theme="dark"] .statustotals[style*="background-color:#FFFF00"] {
    background-color: rgba(100, 100, 50, 0.5) !important;
}

[data-theme="dark"] .statustotals[style*="background-color:#F00"],
[data-theme="dark"] .statustotals[style*="background-color: #F00"],
[data-theme="dark"] .statustotals[style*="background-color:#FF0000"] {
    background-color: #4d1a1a !important;
}

/* Section headers (dark green background) */
[data-theme="dark"] [style*="background-color: #004d00"],
[data-theme="dark"] [style*="background-color:#004d00"] {
    background-color: #1a3d1a !important;
    color: var(--text-inverse) !important;
}

/* Ticket total highlight (orange #F96) */
[data-theme="dark"] [style*="background-color:#F96"],
[data-theme="dark"] [style*="background-color: #F96"],
[data-theme="dark"] span[style*="background-color:#F96"] {
    background-color: #664422 !important;
    color: var(--text-primary) !important;
}

/* Fix inline color:blue styles */
[data-theme="dark"] b[style*="color: blue"],
[data-theme="dark"] b[style*="color:blue"],
[data-theme="dark"] span[style*="color: blue"],
[data-theme="dark"] span[style*="color:blue"] {
    color: var(--link-color) !important;
}

/* Fix inline color:#333 styles (common in service board) */
[data-theme="dark"] span[style*="color:#333"],
[data-theme="dark"] span[style*="color: #333"] {
    color: var(--text-primary) !important;
}

/* Green text in ticket lists */
[data-theme="dark"] span[style*="color:green"],
[data-theme="dark"] span[style*="color: green"],
[data-theme="dark"] .companyinlist[style*="color:green"] {
    color: var(--success-color) !important;
}

/* Red text (alerts/warnings) */
[data-theme="dark"] span[style*="color:red"],
[data-theme="dark"] span[style*="color: red"],
[data-theme="dark"] blink[style*="color:red"] {
    color: var(--danger-color) !important;
}

/* Scrollable tables in service board */
[data-theme="dark"] .scrolltable,
[data-theme="dark"] table.scrolltable {
    background-color: var(--border-light) !important;
}

[data-theme="dark"] .scrolltable td,
[data-theme="dark"] .scrolltable th {
    background-color: var(--content-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .scrolltable th {
    background-color: var(--table-header-bg);
}

/* Edit Ticket page specific overrides */

/* Ticket search panel on the left */
[data-theme="dark"] #ticketlist,
[data-theme="dark"] .ticketlist,
[data-theme="dark"] div.ticketlist,
[data-theme="dark"] div#ticketlist {
    background-color: #252538 !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

[data-theme="dark"] #ticketlist hr,
[data-theme="dark"] .ticketlist hr {
    border-color: var(--border-light) !important;
}

[data-theme="dark"] #ticketlist input,
[data-theme="dark"] .ticketlist input {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

/* Time entry rows with DEDEBC background */
[data-theme="dark"] [style*="background-color: #DEDEBC"],
[data-theme="dark"] [style*="background-color:#DEDEBC"],
[data-theme="dark"] span[style*="background-color: #DEDEBC"],
[data-theme="dark"] div[style*="background-color: #DEDEBC"],
[data-theme="dark"] div[style*="background-color:#DEDEBC"] {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
}

/* Fix black text (#333) in edit ticket page */
[data-theme="dark"] span[style*="color:#333"],
[data-theme="dark"] span[style*="color: #333"],
[data-theme="dark"] span[style*="font-weight:600"][style*="color:#333"],
[data-theme="dark"] span[style*="font-weight: 600"][style*="color: #333"] {
    color: var(--text-primary) !important;
}

/* Yellow highlighted time entry cells */
[data-theme="dark"] td[bgcolor="#ffffcc"] span,
[data-theme="dark"] td[bgcolor="ffffcc"] span {
    color: var(--text-primary) !important;
}

/* Ensure all text inside yellow cells is readable */
[data-theme="dark"] td[bgcolor="#ffffcc"],
[data-theme="dark"] td[bgcolor="#ffffcc"] b,
[data-theme="dark"] td[bgcolor="#ffffcc"] span {
    background-color: var(--alert-bg) !important;
    color: var(--text-primary) !important;
}

/* Time entry divs with dynamic yellow background */
[data-theme="dark"] div[style*="background-color: #ffff00"],
[data-theme="dark"] div[style*="background-color:#ffff00"] {
    background-color: rgba(100, 100, 50, 0.4) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] div[style*="background-color: #ffff00"] span,
[data-theme="dark"] div[style*="background-color:#ffff00"] span,
[data-theme="dark"] div[style*="background-color: #ffff00"] b,
[data-theme="dark"] div[style*="background-color:#ffff00"] b {
    color: var(--text-primary) !important;
}

/* Time entry divs with DEDEBC background - ensure text is readable */
[data-theme="dark"] div[style*="background-color: #DEDEBC"] span,
[data-theme="dark"] div[style*="background-color:#DEDEBC"] span,
[data-theme="dark"] div[style*="background-color: #DEDEBC"] b,
[data-theme="dark"] div[style*="background-color:#DEDEBC"] b,
[data-theme="dark"] div[style*="background-color: #DEDEBC"] a,
[data-theme="dark"] div[style*="background-color:#DEDEBC"] a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] div[style*="background-color: #DEDEBC"] a,
[data-theme="dark"] div[style*="background-color:#DEDEBC"] a {
    color: var(--link-color) !important;
}

/* Lower half ticket list area */
[data-theme="dark"] .lowerhalf {
    background-color: var(--body-bg);
}

/* Critical tickets in list */
[data-theme="dark"] .criticalinlist {
    color: var(--danger-color);
}

[data-theme="dark"] .criticalinlist a {
    color: var(--danger-color);
}

/* Main content area - Edit Ticket page */
[data-theme="dark"] .content,
[data-theme="dark"] #newticket,
[data-theme="dark"] div.content {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .content h3,
[data-theme="dark"] .content h2,
[data-theme="dark"] .content h1,
[data-theme="dark"] #newticket h3,
[data-theme="dark"] #newticket h2 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .content label,
[data-theme="dark"] .content strong,
[data-theme="dark"] .content b,
[data-theme="dark"] #newticket label,
[data-theme="dark"] #newticket strong,
[data-theme="dark"] #newticket b {
    color: var(--text-primary) !important;
}

/* Form elements in content area */
[data-theme="dark"] .content select,
[data-theme="dark"] .content input[type="text"],
[data-theme="dark"] .content textarea,
[data-theme="dark"] #newticket select,
[data-theme="dark"] #newticket input[type="text"],
[data-theme="dark"] #newticket textarea {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

/* Hardware/timebox section */
[data-theme="dark"] .hardware,
[data-theme="dark"] #timebox,
[data-theme="dark"] span.hardware {
    color: var(--text-primary) !important;
}

/* General page text elements */
[data-theme="dark"] label,
[data-theme="dark"] label strong {
    color: var(--text-primary);
}

/* Ensure all headings are visible */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5 {
    color: var(--text-primary) !important;
}

/* Customer page header */
[data-theme="dark"] .customer-name,
[data-theme="dark"] h1.customer-name,
[data-theme="dark"] .customer-page-header h1 {
    color: #e0e0e0 !important;
}

/* General strong/bold text */
[data-theme="dark"] strong,
[data-theme="dark"] b {
    color: inherit;
}

/* ============================================
   STATUS PAGE OVERRIDES
   ============================================ */

/* Tech status divs - alternating white/#fff2e6 backgrounds */
[data-theme="dark"] div[style*="background-color: white"],
[data-theme="dark"] div[style*="background-color:white"],
[data-theme="dark"] div[style*="background-color: #fff2e6"],
[data-theme="dark"] div[style*="background-color:#fff2e6"] {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

/* Ticket entries in status columns */
[data-theme="dark"] .ticketinstatus {
    color: var(--text-primary) !important;
}

/* Override inline confirmcolor styles on ticket entries */
[data-theme="dark"] .ticketinstatus[style*="color: #336633"],
[data-theme="dark"] .ticketinstatus[style*="color:#336633"] {
    color: var(--success-color) !important;
}

[data-theme="dark"] .ticketinstatus[style*="color: #993300"],
[data-theme="dark"] .ticketinstatus[style*="color:#993300"] {
    color: #cc9966 !important;
}

[data-theme="dark"] .ticketinstatus[style*="color: red"],
[data-theme="dark"] .ticketinstatus[style*="color:red"] {
    color: var(--danger-color) !important;
}

[data-theme="dark"] .ticketinstatus[style*="color: orange"],
[data-theme="dark"] .ticketinstatus[style*="color:orange"] {
    color: #ffaa44 !important;
}

/* Links inside ticket status entries */
[data-theme="dark"] .ticketinstatus a {
    color: var(--link-color) !important;
}

[data-theme="dark"] .ticketinstatus a[style*="color: #336633"],
[data-theme="dark"] .ticketinstatus a[style*="color:#336633"] {
    color: var(--success-color) !important;
}

[data-theme="dark"] .ticketinstatus a[style*="color: #993300"],
[data-theme="dark"] .ticketinstatus a[style*="color:#993300"] {
    color: #cc9966 !important;
}

[data-theme="dark"] .ticketinstatus a[style*="color: red"],
[data-theme="dark"] .ticketinstatus a[style*="color:red"] {
    color: var(--danger-color) !important;
}

[data-theme="dark"] .ticketinstatus a[style*="color: orange"],
[data-theme="dark"] .ticketinstatus a[style*="color:orange"] {
    color: #ffaa44 !important;
}

/* Company name in status entries */
[data-theme="dark"] .companyinstatus {
    color: var(--text-secondary) !important;
}

/* Status totals boxes at bottom of columns */
[data-theme="dark"] .statustotals {
    color: var(--text-primary) !important;
}

/* Yellow status box (#FF9) - 50%+ */
[data-theme="dark"] .statustotals[style*="background-color:#FF9"],
[data-theme="dark"] .statustotals[style*="background-color: #FF9"] {
    background-color: #4d4a1a !important;
    color: var(--text-primary) !important;
}

/* Green status box (#6F9) - 90%+ */
[data-theme="dark"] .statustotals[style*="background-color:#6F9"],
[data-theme="dark"] .statustotals[style*="background-color: #6F9"] {
    background-color: #1a4d2a !important;
    color: var(--text-primary) !important;
}

/* Pink/salmon status box (#F4A49F) - <50% */
[data-theme="dark"] .statustotals[style*="background-color:#F4A49F"],
[data-theme="dark"] .statustotals[style*="background-color: #F4A49F"] {
    background-color: #4d2a2a !important;
    color: var(--text-primary) !important;
}

/* White status box (#FFF) - weekends */
[data-theme="dark"] .statustotals[style*="background-color:#FFF"],
[data-theme="dark"] .statustotals[style*="background-color: #FFF"],
[data-theme="dark"] .statustotals[style*="background-color:#fff"],
[data-theme="dark"] .statustotals[style*="background-color: #fff"] {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
}

/* Status box border colors */
[data-theme="dark"] .statustotals[style*="border:3px solid #FF0"],
[data-theme="dark"] .statustotals[style*="border: 3px solid #FF0"] {
    border-color: #aaaa00 !important;
}

[data-theme="dark"] .statustotals[style*="border:3px solid #090"],
[data-theme="dark"] .statustotals[style*="border: 3px solid #090"] {
    border-color: #00aa00 !important;
}

[data-theme="dark"] .statustotals[style*="border:3px solid #F00"],
[data-theme="dark"] .statustotals[style*="border: 3px solid #F00"] {
    border-color: #aa0000 !important;
}

[data-theme="dark"] .statustotals[style*="border:3px solid #CCC"],
[data-theme="dark"] .statustotals[style*="border: 3px solid #CCC"] {
    border-color: var(--border-light) !important;
}

/* Weekly status summary box */
[data-theme="dark"] .statusweekly {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
}

/* Status column headers/containers */
[data-theme="dark"] .statuscol {
    background-color: var(--content-bg);
    color: var(--text-primary);
}

/* ============================================
   POPUP FORMS (popups.php)
   ============================================ */

/* Main popup body */
[data-theme="dark"] body {
    background-color: var(--body-bg);
    color: var(--text-primary);
}

/* Hardware/timebox form container */
[data-theme="dark"] .hardware,
[data-theme="dark"] #timebox,
[data-theme="dark"] .hardware#timebox {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
    border-radius: 15px;
    padding: 10px;
}

/* Form labels and text */
[data-theme="dark"] .hardware label,
[data-theme="dark"] #timebox label,
[data-theme="dark"] form label {
    color: var(--text-primary) !important;
}

/* Ensure all form text is visible */
[data-theme="dark"] form {
    color: var(--text-primary);
}

/* Submit buttons */
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] button[type="submit"] {
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 1px solid var(--border-light);
    padding: 6px 16px;
    cursor: pointer;
    border-radius: 4px;
}

[data-theme="dark"] input[type="submit"]:hover,
[data-theme="dark"] button[type="submit"]:hover {
    background-color: var(--button-hover);
}

/* Checkboxes labels */
[data-theme="dark"] input[type="checkbox"] + label,
[data-theme="dark"] label[for] {
    color: var(--text-primary);
}

/* ============================================
   JQUERY DATETIMEPICKER DARK MODE
   ============================================ */

[data-theme="dark"] .xdsoft_datetimepicker {
    background-color: var(--content-bg) !important;
    border-color: var(--border-light) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_datepicker {
    background-color: var(--content-bg) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker {
    background-color: var(--content-bg) !important;
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background-color: var(--button-hover) !important;
    color: var(--button-text) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    background-color: rgba(100, 100, 50, 0.4) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label {
    background-color: var(--table-header-bg) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    background-color: var(--content-bg) !important;
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background-color: var(--content-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background-color: var(--button-hover) !important;
    color: var(--button-text) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_monthpicker {
    background-color: var(--table-header-bg) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_prev,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_next,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_today_button {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_prev:hover,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_next:hover,
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_today_button:hover {
    color: var(--link-color) !important;
}

/* Scrollbar in timepicker */
[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_scrollbar {
    background-color: var(--sidebar-bg) !important;
}

[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_scroller {
    background-color: var(--text-muted) !important;
}

/* ============================================
   POPUP WINDOWS (popups.php) - COMPREHENSIVE FIX
   ============================================ */

/* Force body background and text for popup windows */
[data-theme="dark"] html,
[data-theme="dark"] body {
    background-color: var(--body-bg) !important;
    color: var(--text-primary) !important;
}

/* Popup form containers */
[data-theme="dark"] div[style*="padding-left: 10px"],
[data-theme="dark"] div[style*="padding-left:10px"] {
    background-color: var(--body-bg) !important;
    color: var(--text-primary) !important;
}

/* Contractor assignment box - override light gray background */
[data-theme="dark"] div[style*="background-color: #f9f9f9"],
[data-theme="dark"] div[style*="background-color:#f9f9f9"] {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}

/* Gray text overrides in popups */
[data-theme="dark"] small[style*="color: #666"],
[data-theme="dark"] small[style*="color:#666"],
[data-theme="dark"] span[style*="color: #666"],
[data-theme="dark"] span[style*="color:#666"] {
    color: var(--text-muted) !important;
}

/* Green text in popups */
[data-theme="dark"] span[style*="color: green"],
[data-theme="dark"] span[style*="color:green"] {
    color: var(--success-color) !important;
}

/* All text elements in popup forms */
[data-theme="dark"] #timeentry,
[data-theme="dark"] #timeentry label,
[data-theme="dark"] #timeentry strong,
[data-theme="dark"] #timeentry b,
[data-theme="dark"] #timeentry small {
    color: var(--text-primary) !important;
}

/* Ensure td and th in popups are styled */
[data-theme="dark"] td,
[data-theme="dark"] th {
    color: var(--text-primary);
}

/* Checkbox and radio button labels in popups */
[data-theme="dark"] input[type="checkbox"] + label,
[data-theme="dark"] input[type="radio"] + label,
[data-theme="dark"] label[for*="followup"],
[data-theme="dark"] label[for*="nonbillable"],
[data-theme="dark"] label[for*="void"],
[data-theme="dark"] label[for*="allday"],
[data-theme="dark"] label[for*="nbevent"],
[data-theme="dark"] label[for*="assign_contractor"] {
    color: var(--text-primary) !important;
}

/* Rounded corner boxes in popups */
[data-theme="dark"] .rbottom,
[data-theme="dark"] .r1, .r2, .r3, .r4 {
    background-color: var(--body-bg);
}

/* Success message popup - be specific to avoid affecting action links */
[data-theme="dark"] .popup .success,
[data-theme="dark"] .alert.success,
[data-theme="dark"] .message.success {
    background-color: var(--success-color) !important;
}

/* ============================================
   EDITTICKET PAGE - ENHANCED DARK MODE
   ============================================ */

/* Remove distracting yellow/tan blocks - use subtle dark backgrounds */
[data-theme="dark"] div[style*="background-color: #ffff00"],
[data-theme="dark"] div[style*="background-color:#ffff00"],
[data-theme="dark"] span[style*="background-color: #ffff00"],
[data-theme="dark"] span[style*="background-color:#ffff00"] {
    background-color: #2d3a2d !important;
    border-left: 3px solid var(--warning-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] div[style*="background-color: #DEDEBC"],
[data-theme="dark"] div[style*="background-color:#DEDEBC"],
[data-theme="dark"] span[style*="background-color: #DEDEBC"],
[data-theme="dark"] span[style*="background-color:#DEDEBC"] {
    background-color: #2a2a3a !important;
    border-left: 3px solid var(--border-accent) !important;
    color: var(--text-primary) !important;
}

/* Section headers - darker green that fits dark theme */
[data-theme="dark"] div[style*="background-color: #004d00"],
[data-theme="dark"] div[style*="background-color:#004d00"] {
    background-color: #1a2d1a !important;
    color: #e0e0e0 !important;
    border: 1px solid #2d4d2d !important;
}

/* Time entry rows - ensure all text is readable */
[data-theme="dark"] div[style*="border-bottom: 1px solid #333"] {
    border-bottom-color: var(--border-light) !important;
}

/* Form input fields - larger padding for better readability */
[data-theme="dark"] .content input[type="text"],
[data-theme="dark"] .content input[type="number"],
[data-theme="dark"] .content select,
[data-theme="dark"] .content textarea,
[data-theme="dark"] #newticket input[type="text"],
[data-theme="dark"] #newticket input[type="number"],
[data-theme="dark"] #newticket select,
[data-theme="dark"] #newticket textarea {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light) !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
}

/* Hardware/Retail Items section container */
[data-theme="dark"] #hardware,
[data-theme="dark"] .hardware#hardware {
    background-color: var(--content-bg) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Time box section container */
[data-theme="dark"] #timebox,
[data-theme="dark"] .hardware#timebox {
    background-color: var(--content-bg) !important;
    border: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Override all black (#333) text in time entries */
[data-theme="dark"] span[style*="font-size:13px"][style*="color:#333"],
[data-theme="dark"] span[style*="font-size: 13px"][style*="color: #333"] {
    color: var(--text-primary) !important;
    font-size: 14px !important;
}

/* Yellow highlighted table cells - softer background */
[data-theme="dark"] td[bgcolor="#ffffcc"],
[data-theme="dark"] td[bgcolor="ffffcc"] {
    background-color: #2d3520 !important;
    color: var(--text-primary) !important;
}

/* Make all font sizes in editticket forms larger */
[data-theme="dark"] .content,
[data-theme="dark"] #newticket,
[data-theme="dark"] .hardware,
[data-theme="dark"] #timebox {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Ensure labels are visible and readable */
[data-theme="dark"] .content label,
[data-theme="dark"] #newticket label,
[data-theme="dark"] .hardware label,
[data-theme="dark"] #timebox label {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Triangle callout boxes (speech bubbles) */
[data-theme="dark"] .triangle-isosceles,
[data-theme="dark"] p.triangle-isosceles {
    background-color: var(--sidebar-bg) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-light) !important;
}

[data-theme="dark"] .triangle-isosceles:after {
    border-top-color: var(--sidebar-bg) !important;
}

/* Button styling in editticket */
[data-theme="dark"] .content input[type="submit"],
[data-theme="dark"] .content input[type="button"],
[data-theme="dark"] .content button,
[data-theme="dark"] #newticket input[type="submit"],
[data-theme="dark"] #newticket input[type="button"] {
    background-color: var(--button-bg) !important;
    color: var(--button-text) !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
}

[data-theme="dark"] .content input[type="submit"]:hover,
[data-theme="dark"] .content input[type="button"]:hover,
[data-theme="dark"] .content button:hover,
[data-theme="dark"] #newticket input[type="submit"]:hover,
[data-theme="dark"] #newticket input[type="button"]:hover {
    background-color: var(--button-hover) !important;
}

/* ============================================
   SPEECH BUBBLE CALLOUTS - DARK MODE
   ============================================ */

/* Orange "Please Confirm" bubble - make it subtle */
[data-theme="dark"] .triangle-isosceles,
[data-theme="dark"] p.triangle-isosceles {
    background: #3d3520 !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--warning-color) !important;
}

[data-theme="dark"] .triangle-isosceles.left {
    background: #3d3520 !important;
}

[data-theme="dark"] .triangle-isosceles:after {
    border-color: #3d3520 transparent !important;
}

[data-theme="dark"] .triangle-isosceles.left:after {
    border-color: transparent #3d3520 !important;
}

/* Green bordered "Nice billing rate!" bubble */
[data-theme="dark"] .triangle-border,
[data-theme="dark"] p.triangle-border {
    background: var(--content-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--success-color) !important;
}

[data-theme="dark"] .triangle-border.left {
    background: var(--content-bg) !important;
}

[data-theme="dark"] .triangle-border:before {
    border-color: var(--success-color) transparent !important;
}

[data-theme="dark"] .triangle-border:after {
    border-color: var(--content-bg) transparent !important;
}

[data-theme="dark"] .triangle-border.left:before {
    border-color: transparent var(--success-color) !important;
}

[data-theme="dark"] .triangle-border.left:after {
    border-color: transparent var(--content-bg) !important;
}

/* ============================================
   CUSTOMER SUMMARY - DARK MODE
   ============================================ */

[data-theme="dark"] .customer-summary-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .customer-archived-banner {
    background-color: #8B4513;
}

[data-theme="dark"] .stat-item {
    background: var(--button-bg);
}

[data-theme="dark"] .detail-section {
    background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .customer-notes-section,
[data-theme="dark"] .customer-actions-section {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* ============================================
   STATS PAGE MODERN CSS - DARK MODE
   ============================================ */

/* Stats-specific CSS variables */
[data-theme="dark"] {
    --stats-bg-alt: #2a2a3a;
    --stats-bg-white: #1e1e2e;
    --stats-border-dark: #3d3d5c;
    --stats-text-dark: #e0e0e0;

    /* Performance indicators - dark mode */
    --stats-perf-low-bg: #4d2a2a;
    --stats-perf-low-text: #ff8888;
    --stats-perf-medium-bg: #4d4a1a;
    --stats-perf-medium-text: #ffdd88;
    --stats-perf-high-bg: #1a4d2a;
    --stats-perf-high-text: #88ff88;

    /* Billing indicators - dark mode */
    --stats-billing-low: #aa0000;
    --stats-billing-medium: #aaaa00;
    --stats-billing-high: #00aa00;
    --stats-weekend-bg: #3d3d5c;
    --stats-weekend-border: #555;

    /* Confirmation status colors - dark mode */
    --stats-confirmed: #66cc66;
    --stats-unconfirmed: #cc9966;
    --stats-warning: #ff6b6b;
    --stats-followup: #ffaa44;
}

/* Stats container and layout */
[data-theme="dark"] .stats-container {
    background-color: var(--body-bg);
}

[data-theme="dark"] .statuscol {
    background: var(--content-bg);
    border-color: var(--border-light);
}

/* Technician rows */
[data-theme="dark"] .stats-tech-row {
    border-color: var(--border-light);
}

[data-theme="dark"] .stats-tech-row--alt {
    background-color: var(--stats-bg-alt);
}

[data-theme="dark"] .stats-tech-row--white {
    background-color: var(--stats-bg-white);
}

[data-theme="dark"] .stats-tech-name {
    color: var(--text-primary);
}

/* Time entry items */
[data-theme="dark"] .stats-entry--confirmed,
[data-theme="dark"] .stats-entry--confirmed a {
    color: var(--stats-confirmed);
}

[data-theme="dark"] .stats-entry--unconfirmed,
[data-theme="dark"] .stats-entry--unconfirmed a {
    color: var(--stats-unconfirmed);
}

[data-theme="dark"] .stats-entry--warning,
[data-theme="dark"] .stats-entry--warning a {
    color: var(--stats-warning);
}

[data-theme="dark"] .stats-entry--followup,
[data-theme="dark"] .stats-entry--followup a {
    color: var(--stats-followup);
}

[data-theme="dark"] .stats-entry-time {
    color: var(--link-color);
}

[data-theme="dark"] .companyinstatus {
    color: var(--text-secondary);
}

/* Performance totals boxes */
[data-theme="dark"] .stats-perf--low {
    background-color: var(--stats-perf-low-bg);
    border-color: var(--stats-billing-low);
    color: var(--stats-perf-low-text);
}

[data-theme="dark"] .stats-perf--medium {
    background-color: var(--stats-perf-medium-bg);
    border-color: var(--stats-billing-medium);
    color: var(--stats-perf-medium-text);
}

[data-theme="dark"] .stats-perf--high {
    background-color: var(--stats-perf-high-bg);
    border-color: var(--stats-billing-high);
    color: var(--stats-perf-high-text);
}

[data-theme="dark"] .stats-perf--weekend {
    background-color: var(--stats-weekend-bg);
    border-color: var(--stats-weekend-border);
    color: var(--text-primary);
}

/* Billing-based border colors (admin only) - dark mode */
[data-theme="dark"] .stats-billing--low {
    border-color: var(--stats-billing-low);
}

[data-theme="dark"] .stats-billing--medium {
    border-color: var(--stats-billing-medium);
}

[data-theme="dark"] .stats-billing--high {
    border-color: var(--stats-billing-high);
}

/* Weekly summary sidebar */
[data-theme="dark"] .statusweekly {
    background: var(--sidebar-bg);
    border-color: var(--border-light);
}

[data-theme="dark"] .statusweekly h3,
[data-theme="dark"] .statusweekly b {
    color: var(--text-primary);
}

/* Dollar values */
[data-theme="dark"] .dollar-value {
    color: var(--text-primary);
}

/* Stats Admin Page */
[data-theme="dark"] .stats-admin-container {
    background-color: var(--body-bg);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-admin-container h2,
[data-theme="dark"] .stats-admin-container h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .stats-admin-container p {
    color: var(--text-secondary);
}

/* Alert messages */
[data-theme="dark"] .stats-alert--success {
    background-color: #1a4d2a;
    color: #88ff88;
    border-color: #2d6d3d;
}

[data-theme="dark"] .stats-alert--warning {
    background-color: #4d4a1a;
    color: #ffdd88;
    border-color: #6d6a3a;
}

[data-theme="dark"] .stats-alert--error {
    background-color: #4d2a2a;
    color: #ff8888;
    border-color: #6d3a3a;
}

/* Form card */
[data-theme="dark"] .stats-form-card {
    background: var(--content-bg);
    border-color: var(--border-light);
}

[data-theme="dark"] .stats-form-card legend {
    color: var(--text-primary);
}

[data-theme="dark"] .stats-form-card label {
    color: var(--text-primary);
}

[data-theme="dark"] .stats-form-card input[type="month"],
[data-theme="dark"] .stats-form-card input[type="number"] {
    background: var(--input-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-form-card input[type="submit"] {
    background: var(--button-bg);
    color: var(--button-text);
}

[data-theme="dark"] .stats-form-card input[type="submit"]:hover {
    background: var(--button-hover);
}

/* Stats data table */
[data-theme="dark"] .stats-table {
    background: var(--content-bg);
    border-color: var(--border-light);
}

[data-theme="dark"] .stats-table th {
    background: var(--table-header-bg);
    color: var(--text-primary);
    border-color: var(--border-light);
}

[data-theme="dark"] .stats-table td {
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-table tr:hover {
    background: var(--table-row-alt);
}

[data-theme="dark"] .stats-table input[type="number"] {
    background: var(--input-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-table input[type="submit"] {
    background: var(--button-bg);
    color: var(--button-text);
}

/* Pagination */
[data-theme="dark"] .stats-pagination a {
    color: var(--link-color);
}

[data-theme="dark"] .stats-pagination a:hover {
    color: var(--link-hover);
}

[data-theme="dark"] .stats-pagination .page-info {
    color: var(--text-muted);
}

/* Note text */
[data-theme="dark"] .stats-note {
    color: var(--text-muted);
}

/* Tech stats table */
[data-theme="dark"] .stats-tech-table th {
    color: var(--text-muted);
    border-color: var(--border-light);
    background: var(--table-header-bg);
}

[data-theme="dark"] .stats-tech-table td {
    color: var(--text-primary);
}

[data-theme="dark"] .stats-tech-table tr:nth-child(even) {
    background: var(--table-row-alt);
}

/* Status page sidebar */
[data-theme="dark"] .statusweekly {
    border-left-color: var(--border-light);
}

[data-theme="dark"] .statustotals {
    border-top-color: var(--border-light);
}

/* Subheader */
[data-theme="dark"] .subheader {
    background: var(--header-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-nav-controls {
    color: var(--text-secondary);
}

/* Timesheet form */
[data-theme="dark"] .stats-timesheet-form label {
    color: var(--text-muted);
}

[data-theme="dark"] .stats-timesheet-form input[type="text"] {
    background: var(--input-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="dark"] .stats-timesheet-form .updatets {
    background: var(--button-bg);
}

[data-theme="dark"] .stats-timesheet-form .confirmts {
    background: var(--success-color);
}

/* Goals link */
[data-theme="dark"] .stats-goals-link {
    color: #74c0fc;
}

[data-theme="dark"] .stats-goals-link:hover {
    color: #a5d8ff;
}