/* =========================================================
   TICKY TICKY
   DARK EMERALD THEME
   ========================================================= */

[data-theme="dark"] {--primary-green: #4ade80;--dark-green: #0b3d2e;--medium-green: #22c55e;--light-green: #163b2b;--very-light-green: #10251a;--background: #0b1711;--white: #14261d;--text-primary: #ecfdf5;--text-secondary: #a7c7b5;--border: #28533d;--gold: #d8bd67;--danger: #f87171;--warning: #f59e0b;--success: #4ade80;--card-background: #14261d;--input-background: #102018;--soft-background: #10251a;--nav-background:
        linear-gradient(
            90deg,
            #071f14,
            #0b3d2e,
            #14532d
        );--sidebar-bg:
        #0d2419;--sidebar-hover-bg:
        #163b2b;--sidebar-active-bg:
        #174a32;--sidebar-text:
        #d1fae5;--sidebar-active-text:
        #ffffff;--brand-mascot:
        url("../../assets/branding/dark/ticky-ticky-dark-mascot.png");--brand-favicon:
        url("../../assets/branding/dark/ticky-ticky-favicon-dark.png");--brand-dashboard:
        url("../../assets/branding/dark/01-dashboard.png");--brand-profiling:
        url("../../assets/branding/dark/02-profiling.png");--brand-work-activity:
        url("../../assets/branding/dark/03-work-activity.png");--brand-teams:
        url("../../assets/branding/dark/04-teams.png");--brand-history:
        url("../../assets/branding/dark/05-history.png");--brand-reports:
        url("../../assets/branding/dark/06-reports.png");--brand-logout:
        url("../../assets/branding/dark/07-logout.png");}

/* =========================================================
   DARK DASHBOARD COMPONENT OVERRIDES
   ========================================================= */

[data-theme="dark"] .welcome-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .stat-card-label,
[data-theme="dark"] .stat-card-value,
[data-theme="dark"] .time-breakdown-label,
[data-theme="dark"] .time-breakdown-duration,
[data-theme="dark"] .productivity-summary-label,
[data-theme="dark"] .productivity-summary-item strong,
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .welcome-subtitle,
[data-theme="dark"] .productivity-summary-subtitle {color:
        #ecfdf5 !important;}


[data-theme="dark"] .welcome-subtitle,
[data-theme="dark"] .productivity-summary-subtitle,
[data-theme="dark"] .time-breakdown-duration {color:
        #a7c7b5 !important;}


[data-theme="dark"] .time-breakdown-percent {color:
        #d1fae5 !important;}


[data-theme="dark"] .stat-card-icon {color:
        #4ade80 !important;background:
        #163b2b !important;}


[data-theme="dark"] .stat-card,
[data-theme="dark"] .section-card {background:
        #14261d !important;border-color:
        #28533d !important;}


[data-theme="dark"] .section-header,
[data-theme="dark"] .time-breakdown-item {border-color:
        #28533d !important;}


[data-theme="dark"] .time-breakdown-bar {background:
        #1b3427 !important;}


[data-theme="dark"] .profiling-fill {background:
        #64748b !important;}


[data-theme="dark"] .prod-fill {background:
        #22c55e !important;}


[data-theme="dark"] .nonprod-fill {background:
        #86efac !important;}


[data-theme="dark"] .productivity-summary-card {background:
        #14261d !important;border-color:
        #28533d !important;}


[data-theme="dark"] .section-link {color:
        #4ade80 !important;}


[data-theme="dark"] .section-link:hover {color:
        #86efac !important;}

/* =========================================================
   DARK THEME
   DASHBOARD COMPONENT OVERRIDES
   ========================================================= */


/* Dashboard text */


/* Secondary text */


/* Percentage */


/* Stat icons */


/* Dashboard cards */


/* Dividers */


/* Progress track */


/* Profiling */


/* Production */


/* Non-production */


/* Productivity summary */


/* Links */


/* =========================================================
   DARK BRAND ASSETS
   ========================================================= */


/* =========================================================
   DARK THEME
   RECENT WORK ACTIVITY TABLE
   ========================================================= */

[data-theme="dark"] .data-table td {

    color:
        #ecfdf5 !important;

}


[data-theme="dark"] .data-table th {

    color:
        #ffffff !important;

}

/* =========================================================
   KEEP DARK THEME LIGHT
   ========================================================= */

[data-theme="dark"] .welcome-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .stat-card-label,
[data-theme="dark"] .stat-card-value,
[data-theme="dark"] .time-breakdown-label,
[data-theme="dark"] .time-breakdown-duration,
[data-theme="dark"] .productivity-summary-label,
[data-theme="dark"] .productivity-summary-value {

    color: #ecfdf5 !important;

}


[data-theme="dark"] .sidebar .nav-item.active {color: #ecfdf5 !important;background:
        rgba(
            74,
            222,
            128,
            0.14
        ) !important;}


[data-theme="dark"] .sidebar .nav-item.active > span:not(.nav-icon) {

    color: #ecfdf5 !important;

}


[data-theme="dark"] .sidebar .nav-item.active .nav-label {

    color: #ecfdf5 !important;

}

[data-theme="dark"]
.sidebar .nav-item.active .nav-label,
[data-theme="dark"]
.sidebar .nav-item.active span {
    color: #ecfdf5 !important;
}

/* =========================================================
   DARK EMERALD ACTIVE
   ========================================================= */


/* =========================================================
   DARK MODE INPUT PLACEHOLDER
   ========================================================= */

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {

    color:
        #7ea891;

}


/* =========================================================
   DARK MODE COMMON BORDERS
   ========================================================= */

[data-theme="dark"] .section-card,
[data-theme="dark"] .work-card,
[data-theme="dark"] .dash-card,
[data-theme="dark"] .card {

    box-shadow:
        0 10px 30px
        rgba(
            0,
            0,
            0,
            0.25
        );

}

/* =========================================================
   DARK THEME FINAL DASHBOARD COLOR FIX
   Prevent light dashboard components and low-contrast text
   ========================================================= */

/* Global dashboard text */
[data-theme="dark"] .dashboard-main,
[data-theme="dark"] .dashboard-content,
[data-theme="dark"] .sidebar-title,
[data-theme="dark"] .topbar-title,
[data-theme="dark"] .user-name,
[data-theme="dark"] .section-title,
[data-theme="dark"] .time-breakdown-label,
[data-theme="dark"] .productivity-summary-value,
[data-theme="dark"] .hover-card-name,
[data-theme="dark"] .hover-card-row strong {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .welcome-subtitle,
[data-theme="dark"] .user-role,
[data-theme="dark"] .time-breakdown-duration,
[data-theme="dark"] .productivity-summary-subtitle,
[data-theme="dark"] .productivity-summary-label,
[data-theme="dark"] .status-empty,
[data-theme="dark"] .hover-card-role,
[data-theme="dark"] .hover-card-row span {
    color: var(--text-secondary) !important;
}

/* Today's Time Breakdown */
[data-theme="dark"] .time-breakdown-card .section-header,
[data-theme="dark"] .time-breakdown-item {
    border-color: var(--border) !important;
}

[data-theme="dark"] .time-breakdown-percent {
    background: #1b3427 !important;
    color: #d1fae5 !important;
}

[data-theme="dark"] .time-breakdown-bar {
    background: #1b3427 !important;
}

[data-theme="dark"] .profiling-fill {
    background: #64748b !important;
}

/* Productivity Summary - remove the white boxes */
[data-theme="dark"] .productivity-summary-item,
[data-theme="dark"] .summary-total-item {
    background: #1a3024 !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] .productivity-insight {
    background: #10251a !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
}

/* Recent Work Activity table */
[data-theme="dark"] .data-table th {
    background: #10251a !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .data-table td {
    background: transparent !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

/* User profile hover card */
[data-theme="dark"] .user-section:hover {
    background: #163b2b !important;
}

[data-theme="dark"] .user-hover-card {
    background: var(--card-background) !important;
    border-color: var(--border) !important;
}

[data-theme="dark"] .hover-card-avatar {
    background: #163b2b !important;
    color: var(--primary-green) !important;
}

[data-theme="dark"] .hover-card-divider,
[data-theme="dark"] .hover-card-action {
    border-color: var(--border) !important;
}

[data-theme="dark"] .hover-card-divider {
    background: var(--border) !important;
}

[data-theme="dark"] .hover-card-action {
    color: var(--primary-green) !important;
}