/* OfficePing Employee Web theme layer: Mint Operations default + Neo Dark optional.
   Loaded last so it can polish existing dashboard/workdesk/helpdesk pages without rewriting them. */
:root {
    --op-radius-lg: 28px;
    --op-radius-md: 18px;
    --op-shadow-soft: 0 20px 55px rgba(15, 23, 42, .10);
    --op-mint: #14b8a6;
    --op-mint-dark: #0f766e;
    --op-mint-soft: #ccfbf1;
    --op-lime: #84cc16;
    --op-sky: #0ea5e9;
    --op-amber: #f59e0b;
    --op-rose: #f43f5e;
    --op-ink: #07152f;
    --op-panel: #ffffff;
    --op-page: #ecfdf5;
}

body.employee-theme-mint {
    --bg: #eefbf7;
    --surface: #ffffff;
    --surface2: #f0fdfa;
    --primary: #0f766e;
    --primaryDark: #115e59;
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #e11d48;
    --purple: #7c3aed;
    --text: #082f2b;
    --muted: #55706c;
    --border: #cce7e1;
    --shadow: var(--op-shadow-soft);
    background:
        radial-gradient(circle at 24% 0%, rgba(20, 184, 166, .20), transparent 34%),
        radial-gradient(circle at 92% 6%, rgba(14, 165, 233, .14), transparent 30%),
        linear-gradient(135deg, #eefbf7 0%, #f8fffc 42%, #ecfeff 100%);
}

body.employee-theme-neo {
    --bg: #08111f;
    --surface: #101b2d;
    --surface2: #132137;
    --primary: #38bdf8;
    --primaryDark: #0ea5e9;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #fb7185;
    --purple: #a78bfa;
    --text: #e5eefc;
    --muted: #9db1d0;
    --border: #24344f;
    --shadow: 0 24px 60px rgba(0, 0, 0, .32);
    background:
        radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .18), transparent 32%),
        radial-gradient(circle at 90% 10%, rgba(167, 139, 250, .16), transparent 28%),
        #08111f;
    color: var(--text);
}

body.employee-theme-mint .app-shell,
body.employee-theme-neo .app-shell {
    background: transparent;
}

body.employee-theme-mint .sidebar {
    background:
        radial-gradient(circle at 18% 0%, rgba(132, 204, 22, .35), transparent 31%),
        radial-gradient(circle at 85% 12%, rgba(14, 165, 233, .26), transparent 30%),
        linear-gradient(180deg, #0f766e 0%, #0f3f3b 100%);
    box-shadow: 18px 0 50px rgba(15, 118, 110, .16);
}

body.employee-theme-neo .sidebar {
    background:
        radial-gradient(circle at 18% 0%, rgba(56, 189, 248, .38), transparent 30%),
        radial-gradient(circle at 95% 0%, rgba(167, 139, 250, .30), transparent 30%),
        linear-gradient(180deg, #0b1120 0%, #111827 100%);
    box-shadow: 18px 0 55px rgba(0, 0, 0, .30);
}

body.employee-theme-mint .main,
body.employee-theme-neo .main {
    background: transparent;
}

body.employee-theme-neo .topbar h1,
body.employee-theme-neo .topbar p,
body.employee-theme-neo .card-header h2,
body.employee-theme-neo .task-title,
body.employee-theme-neo .helpdesk-ticket-title,
body.employee-theme-neo .workdesk-title,
body.employee-theme-neo .workdesk-detail-title,
body.employee-theme-neo .helpdesk-detail-title {
    color: var(--text) !important;
}

body.employee-theme-mint .brand,
body.employee-theme-neo .brand {
    border-bottom-color: rgba(255, 255, 255, .18);
}

body.employee-theme-mint .logo,
body.employee-theme-neo .logo {
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .22);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .12);
}

body.employee-theme-mint .side-nav a,
body.employee-theme-neo .side-nav a {
    border: 1px solid transparent;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

body.employee-theme-mint .side-nav a.active,
body.employee-theme-mint .side-nav a:hover,
body.employee-theme-neo .side-nav a.active,
body.employee-theme-neo .side-nav a:hover {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .18);
    transform: translateX(2px);
}

.theme-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.theme-switch button {
    border: 0;
    border-radius: 999px;
    padding: 8px 11px;
    background: transparent;
    color: var(--muted);
    font-weight: 950;
    cursor: pointer;
}

.theme-switch button.active {
    background: var(--primary);
    color: #fff;
}

body.employee-theme-neo .theme-switch {
    background: rgba(16, 27, 45, .86);
    border-color: #2a3d5d;
}

body.employee-theme-neo .theme-switch button.active {
    color: #07111f;
}

body.employee-theme-mint .top-user-button,
body.employee-theme-mint .top-user-dropdown {
    background: rgba(255, 255, 255, .82);
    border-color: #bfe9df;
}

body.employee-theme-neo .top-user-button,
body.employee-theme-neo .top-user-dropdown {
    background: rgba(16, 27, 45, .86);
    border-color: #2a3d5d;
}

body.employee-theme-neo .top-user-summary strong {
    color: var(--text);
}

body.employee-theme-neo .top-user-summary span {
    color: var(--muted);
}

body.employee-theme-neo .top-user-dropdown a {
    background: #132137;
    color: var(--text);
}

body.employee-theme-neo .top-user-dropdown button {
    background: linear-gradient(145deg, #38bdf8, #818cf8);
    color: #06101f;
}

body.employee-theme-mint .primary-btn,
body.employee-theme-mint .task-flow-btn.primary,
body.employee-theme-mint .workdesk-search button,
body.employee-theme-mint .helpdesk-search button,
body.employee-theme-mint .workdesk-action.primary,
body.employee-theme-mint .helpdesk-action.primary {
    background: linear-gradient(145deg, #14b8a6, #0f766e) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(20, 184, 166, .24) !important;
}

body.employee-theme-neo .primary-btn,
body.employee-theme-neo .task-flow-btn.primary,
body.employee-theme-neo .workdesk-search button,
body.employee-theme-neo .helpdesk-search button,
body.employee-theme-neo .workdesk-action.primary,
body.employee-theme-neo .helpdesk-action.primary {
    background: linear-gradient(145deg, #38bdf8, #818cf8) !important;
    color: #06101f !important;
    box-shadow: 0 16px 34px rgba(56, 189, 248, .22) !important;
}

body.employee-theme-mint .kpi,
body.employee-theme-mint .card,
body.employee-theme-mint .dashboard-tabs-card,
body.employee-theme-mint .action-event-strip,
body.employee-theme-mint .workdesk-shell,
body.employee-theme-mint .helpdesk-shell,
body.employee-theme-mint .task-compact-card,
body.employee-theme-mint .workflow-card,
body.employee-theme-mint .login-card,
body.employee-theme-mint .guest-choice-card {
    border-color: #bfe9df !important;
    box-shadow: 0 20px 55px rgba(15, 118, 110, .10) !important;
}

body.employee-theme-mint .kpi {
    background:
        linear-gradient(90deg, rgba(20, 184, 166, .10), transparent 40%),
        #fff !important;
}

body.employee-theme-mint .kpi:after {
    background: rgba(20, 184, 166, .12) !important;
}

body.employee-theme-neo .kpi,
body.employee-theme-neo .card,
body.employee-theme-neo .dashboard-tabs-card,
body.employee-theme-neo .action-event-strip,
body.employee-theme-neo .workdesk-shell,
body.employee-theme-neo .helpdesk-shell,
body.employee-theme-neo .task-compact-card,
body.employee-theme-neo .workflow-card,
body.employee-theme-neo .workflow-details-actions,
body.employee-theme-neo .ticket-register-page .ticket-table-wrap,
body.employee-theme-neo .op-desktop-grid-wrap {
    background: #101b2d !important;
    border-color: #24344f !important;
    color: var(--text) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .28) !important;
}

body.employee-theme-neo .kpi {
    background:
        linear-gradient(90deg, rgba(56, 189, 248, .12), transparent 42%),
        #101b2d !important;
}

body.employee-theme-neo .kpi:after {
    background: rgba(56, 189, 248, .12) !important;
}

body.employee-theme-neo .workdesk-list-area,
body.employee-theme-neo .helpdesk-list-area,
body.employee-theme-neo .workdesk-list,
body.employee-theme-neo .helpdesk-ticket-list,
body.employee-theme-neo .workdesk-detail,
body.employee-theme-neo .helpdesk-detail,
body.employee-theme-neo .workdesk-top,
body.employee-theme-neo .helpdesk-top,
body.employee-theme-neo .workdesk-sidebar,
body.employee-theme-neo .helpdesk-sidebar,
body.employee-theme-neo .dashboard-tab-nav,
body.employee-theme-neo .dashboard-tabs-card > .dashboard-tab-nav {
    background: #0d1728 !important;
    border-color: #24344f !important;
    color: var(--text) !important;
}

body.employee-theme-neo .task-item,
body.employee-theme-neo .board-card,
body.employee-theme-neo .workdesk-card,
body.employee-theme-neo .helpdesk-ticket,
body.employee-theme-neo .workdesk-update-item,
body.employee-theme-neo .helpdesk-update-item,
body.employee-theme-neo .timeline-flow-card,
body.employee-theme-neo .stage-info-row,
body.employee-theme-neo .inline-action-card,
body.employee-theme-neo .message.customer {
    background: #132137 !important;
    border-color: #263a5f !important;
    color: var(--text) !important;
}

body.employee-theme-mint .workdesk-card:hover,
body.employee-theme-mint .workdesk-card.selected,
body.employee-theme-mint .helpdesk-ticket:hover,
body.employee-theme-mint .helpdesk-ticket.selected,
body.employee-theme-mint .task-item:hover {
    border-color: #14b8a6 !important;
    box-shadow: 0 16px 34px rgba(20, 184, 166, .14) !important;
}

body.employee-theme-neo .workdesk-card:hover,
body.employee-theme-neo .workdesk-card.selected,
body.employee-theme-neo .helpdesk-ticket:hover,
body.employee-theme-neo .helpdesk-ticket.selected,
body.employee-theme-neo .task-item:hover {
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 38px rgba(56, 189, 248, .16) !important;
}

body.employee-theme-mint .badge.blue,
body.employee-theme-mint .flow-pill.blue,
body.employee-theme-mint .pill,
body.employee-theme-mint .status-chip.blue {
    background: #ccfbf1 !important;
    color: #0f766e !important;
}

body.employee-theme-mint .badge.green,
body.employee-theme-mint .flow-pill.green,
body.employee-theme-mint .status-chip.green {
    background: #dcfce7 !important;
    color: #15803d !important;
}

body.employee-theme-mint .badge.yellow,
body.employee-theme-mint .flow-pill.orange,
body.employee-theme-mint .status-chip.yellow {
    background: #fef3c7 !important;
    color: #a16207 !important;
}

body.employee-theme-neo .badge.blue,
body.employee-theme-neo .flow-pill.blue,
body.employee-theme-neo .pill,
body.employee-theme-neo .status-chip.blue {
    background: rgba(56, 189, 248, .18) !important;
    color: #7dd3fc !important;
}

body.employee-theme-neo .badge.green,
body.employee-theme-neo .flow-pill.green,
body.employee-theme-neo .status-chip.green {
    background: rgba(34, 197, 94, .18) !important;
    color: #86efac !important;
}

body.employee-theme-neo .badge.yellow,
body.employee-theme-neo .flow-pill.orange,
body.employee-theme-neo .status-chip.yellow {
    background: rgba(245, 158, 11, .18) !important;
    color: #fcd34d !important;
}

body.employee-theme-neo .badge.red,
body.employee-theme-neo .flow-pill.red,
body.employee-theme-neo .status-chip.red,
body.employee-theme-neo .danger-text {
    background: rgba(251, 113, 133, .18) !important;
    color: #fda4af !important;
}

body.employee-theme-neo input,
body.employee-theme-neo select,
body.employee-theme-neo textarea,
body.employee-theme-neo .searchable-select-input {
    background: #0b1424 !important;
    color: var(--text) !important;
    border-color: #2a3d5d !important;
}

body.employee-theme-mint input,
body.employee-theme-mint select,
body.employee-theme-mint textarea,
body.employee-theme-mint .searchable-select-input {
    border-color: #bfe9df !important;
}

body.employee-theme-neo .op-register-table,
body.employee-theme-neo .op-task-register-table,
body.employee-theme-neo .op-ticket-register-table,
body.employee-theme-neo .ticket-register-page .ticket-table,
body.employee-theme-neo .dashboard-tabs-card table {
    background: #101b2d !important;
    color: var(--text) !important;
}

body.employee-theme-neo .op-register-table th,
body.employee-theme-neo .op-task-register-table th,
body.employee-theme-neo .op-ticket-register-table th,
body.employee-theme-neo .ticket-register-page .ticket-table th,
body.employee-theme-neo .dashboard-tabs-card table th {
    background: #0b1424 !important;
    color: #b8c7e3 !important;
    border-bottom-color: #263a5f !important;
}

body.employee-theme-neo .op-register-table td,
body.employee-theme-neo .op-task-register-table td,
body.employee-theme-neo .op-ticket-register-table td,
body.employee-theme-neo .ticket-register-page .ticket-table td,
body.employee-theme-neo .dashboard-tabs-card table td {
    color: var(--text) !important;
    border-bottom-color: #24344f !important;
}

body.employee-theme-neo .op-register-table tbody tr:nth-child(even),
body.employee-theme-neo .op-task-register-table tbody tr:nth-child(even),
body.employee-theme-neo .op-ticket-register-table tbody tr:nth-child(even),
body.employee-theme-neo .dashboard-tabs-card table tbody tr:nth-child(even) {
    background: #0f1b2e !important;
}

body.employee-theme-neo .op-register-table tbody tr:hover,
body.employee-theme-neo .op-task-register-table tbody tr:hover,
body.employee-theme-neo .op-ticket-register-table tbody tr:hover,
body.employee-theme-neo .dashboard-tabs-card table tbody tr:hover {
    background: rgba(56, 189, 248, .10) !important;
}

/* Ticket inbox workspace: keep the detail preview visible while only lists/details scroll internally. */
.helpdesk-page {
    height: calc(100vh - 210px);
    min-height: 560px;
    overflow: hidden;
}

.helpdesk-shell {
    height: 100% !important;
    min-height: 0 !important;
}

.helpdesk-sidebar,
.helpdesk-list-area,
.helpdesk-detail {
    min-height: 0;
}

.helpdesk-side-scroll,
.helpdesk-ticket-list,
.helpdesk-detail-body {
    overscroll-behavior: contain;
}

.helpdesk-detail {
    max-height: 100%;
}

.helpdesk-detail-head,
.helpdesk-actions {
    flex: 0 0 auto;
}

.helpdesk-ticket-list,
.helpdesk-detail-body {
    scrollbar-width: thin;
}

body.employee-theme-mint .helpdesk-detail {
    box-shadow: -18px 0 36px rgba(15, 118, 110, .07);
}

body.employee-theme-neo .helpdesk-detail {
    box-shadow: -18px 0 42px rgba(0, 0, 0, .22);
}

@media (max-width: 980px) {
    .theme-switch {
        order: 98;
    }
}

@media (max-width: 1260px) {
    .helpdesk-page {
        height: auto;
        min-height: 0;
        overflow: visible;
    }
}

/* ========================================================================== */
/* OfficePing v61b - NEO Indigo refresh                                       */
/* Premium light SaaS palette with deep-indigo navigation and semantic states. */
/* ========================================================================== */
body.employee-theme-neo {
    --bg: #f8fafc;
    --surface: #ffffff;
    --surface2: #f1f5f9;
    --primary: #4f46e5;
    --primaryDark: #3730a3;
    --success: #16a34a;
    --warning: #d97706;
    --danger: #dc2626;
    --purple: #7c3aed;
    --text: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    --shadow: 0 18px 48px rgba(15, 23, 42, .09);
    background:
        radial-gradient(circle at 22% -6%, rgba(79, 70, 229, .10), transparent 34%),
        radial-gradient(circle at 92% 0%, rgba(6, 182, 212, .08), transparent 28%),
        linear-gradient(180deg, #f8fafc 0%, #f6f7ff 100%);
    color: var(--text);
}

body.employee-theme-neo .sidebar {
    background:
        radial-gradient(circle at 18% 0%, rgba(129, 140, 248, .30), transparent 31%),
        radial-gradient(circle at 94% 8%, rgba(6, 182, 212, .16), transparent 28%),
        linear-gradient(180deg, #312e81 0%, #3730a3 45%, #4338ca 100%);
    box-shadow: 18px 0 50px rgba(49, 46, 129, .18);
}

body.employee-theme-neo .theme-switch {
    background: rgba(255, 255, 255, .90);
    border-color: #dbe3ef;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
}

body.employee-theme-neo .theme-switch button {
    color: #64748b;
}

body.employee-theme-neo .theme-switch button.active {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
    box-shadow: 0 7px 18px rgba(79, 70, 229, .22);
}

body.employee-theme-neo .top-user-button,
body.employee-theme-neo .top-user-dropdown {
    background: rgba(255, 255, 255, .92);
    border-color: #dbe3ef;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

body.employee-theme-neo .top-user-summary strong { color: #0f172a; }
body.employee-theme-neo .top-user-summary span { color: #64748b; }

body.employee-theme-neo .top-user-dropdown a {
    background: #f8fafc;
    color: #1e293b;
}

body.employee-theme-neo .top-user-dropdown a:hover {
    background: #eef2ff;
    color: #3730a3;
}

body.employee-theme-neo .top-user-dropdown button {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
}

body.employee-theme-neo .primary-btn,
body.employee-theme-neo .task-flow-btn.primary,
body.employee-theme-neo .workdesk-search button,
body.employee-theme-neo .helpdesk-search button,
body.employee-theme-neo .workdesk-action.primary,
body.employee-theme-neo .helpdesk-action.primary,
body.employee-theme-neo .inline-update-btn.primary,
body.employee-theme-neo .workdesk-reassign button,
body.employee-theme-neo .helpdesk-reassign button {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
    border-color: #4f46e5 !important;
    color: #fff !important;
    box-shadow: 0 12px 28px rgba(79, 70, 229, .22) !important;
}

body.employee-theme-neo .primary-btn:hover,
body.employee-theme-neo .task-flow-btn.primary:hover,
body.employee-theme-neo .workdesk-search button:hover,
body.employee-theme-neo .helpdesk-search button:hover {
    background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%) !important;
}

body.employee-theme-neo .kpi,
body.employee-theme-neo .card,
body.employee-theme-neo .dashboard-tabs-card,
body.employee-theme-neo .action-event-strip,
body.employee-theme-neo .workdesk-shell,
body.employee-theme-neo .helpdesk-shell,
body.employee-theme-neo .task-compact-card,
body.employee-theme-neo .workflow-card,
body.employee-theme-neo .workflow-details-actions,
body.employee-theme-neo .ticket-register-page .ticket-table-wrap,
body.employee-theme-neo .op-desktop-grid-wrap {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .08) !important;
}

body.employee-theme-neo .kpi {
    background:
        linear-gradient(90deg, rgba(79, 70, 229, .07), transparent 44%),
        #fff !important;
}

body.employee-theme-neo .kpi:after { background: rgba(79, 70, 229, .10) !important; }

body.employee-theme-neo .workdesk-list-area,
body.employee-theme-neo .helpdesk-list-area,
body.employee-theme-neo .workdesk-list,
body.employee-theme-neo .helpdesk-ticket-list,
body.employee-theme-neo .workdesk-detail,
body.employee-theme-neo .helpdesk-detail,
body.employee-theme-neo .workdesk-top,
body.employee-theme-neo .helpdesk-top,
body.employee-theme-neo .workdesk-sidebar,
body.employee-theme-neo .helpdesk-sidebar,
body.employee-theme-neo .dashboard-tab-nav,
body.employee-theme-neo .dashboard-tabs-card > .dashboard-tab-nav {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body.employee-theme-neo .task-item,
body.employee-theme-neo .board-card,
body.employee-theme-neo .workdesk-card,
body.employee-theme-neo .helpdesk-ticket,
body.employee-theme-neo .workdesk-update-item,
body.employee-theme-neo .helpdesk-update-item,
body.employee-theme-neo .timeline-flow-card,
body.employee-theme-neo .stage-info-row,
body.employee-theme-neo .inline-action-card,
body.employee-theme-neo .message.customer {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body.employee-theme-neo .workdesk-card:hover,
body.employee-theme-neo .workdesk-card.selected,
body.employee-theme-neo .helpdesk-ticket:hover,
body.employee-theme-neo .helpdesk-ticket.selected,
body.employee-theme-neo .task-item:hover {
    border-color: #818cf8 !important;
    box-shadow: 0 14px 34px rgba(79, 70, 229, .13) !important;
}

body.employee-theme-neo .workdesk-card.selected,
body.employee-theme-neo .helpdesk-ticket.selected {
    background: #eef2ff !important;
}

body.employee-theme-neo .badge.blue,
body.employee-theme-neo .flow-pill.blue,
body.employee-theme-neo .pill,
body.employee-theme-neo .status-chip.blue {
    background: #eef2ff !important;
    color: #4338ca !important;
}

body.employee-theme-neo .badge.green,
body.employee-theme-neo .flow-pill.green,
body.employee-theme-neo .status-chip.green {
    background: #dcfce7 !important;
    color: #15803d !important;
}

body.employee-theme-neo .badge.yellow,
body.employee-theme-neo .flow-pill.orange,
body.employee-theme-neo .status-chip.yellow {
    background: #fef3c7 !important;
    color: #a16207 !important;
}

body.employee-theme-neo .badge.red,
body.employee-theme-neo .flow-pill.red,
body.employee-theme-neo .status-chip.red,
body.employee-theme-neo .danger-text {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

body.employee-theme-neo .badge.purple,
body.employee-theme-neo .flow-pill.purple,
body.employee-theme-neo .status-chip.purple {
    background: #f3e8ff !important;
    color: #7e22ce !important;
}

body.employee-theme-neo input,
body.employee-theme-neo select,
body.employee-theme-neo textarea,
body.employee-theme-neo .searchable-select-input {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

body.employee-theme-neo input:focus,
body.employee-theme-neo select:focus,
body.employee-theme-neo textarea:focus,
body.employee-theme-neo .searchable-select-input:focus {
    border-color: #818cf8 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .12) !important;
}

body.employee-theme-neo .op-register-table,
body.employee-theme-neo .op-task-register-table,
body.employee-theme-neo .op-ticket-register-table,
body.employee-theme-neo .ticket-register-page .ticket-table,
body.employee-theme-neo .dashboard-tabs-card table,
body.employee-theme-neo .workdesk-grid-table table {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

body.employee-theme-neo .op-register-table th,
body.employee-theme-neo .op-task-register-table th,
body.employee-theme-neo .op-ticket-register-table th,
body.employee-theme-neo .ticket-register-page .ticket-table th,
body.employee-theme-neo .dashboard-tabs-card table th,
body.employee-theme-neo .workdesk-grid-table th {
    background: #f8fafc !important;
    color: #475569 !important;
    border-bottom-color: #e2e8f0 !important;
}

body.employee-theme-neo .op-register-table td,
body.employee-theme-neo .op-task-register-table td,
body.employee-theme-neo .op-ticket-register-table td,
body.employee-theme-neo .ticket-register-page .ticket-table td,
body.employee-theme-neo .dashboard-tabs-card table td,
body.employee-theme-neo .workdesk-grid-table td {
    color: #1e293b !important;
    border-bottom-color: #eef2f7 !important;
}

body.employee-theme-neo .op-register-table tbody tr:nth-child(even),
body.employee-theme-neo .op-task-register-table tbody tr:nth-child(even),
body.employee-theme-neo .op-ticket-register-table tbody tr:nth-child(even),
body.employee-theme-neo .dashboard-tabs-card table tbody tr:nth-child(even),
body.employee-theme-neo .workdesk-grid-table tbody tr:nth-child(even) {
    background: #fbfcff !important;
}

body.employee-theme-neo .op-register-table tbody tr:hover,
body.employee-theme-neo .op-task-register-table tbody tr:hover,
body.employee-theme-neo .op-ticket-register-table tbody tr:hover,
body.employee-theme-neo .dashboard-tabs-card table tbody tr:hover,
body.employee-theme-neo .workdesk-grid-table tbody tr:hover {
    background: #eef2ff !important;
}

/* Make the Task Workspace/Grid choice visually obvious in NEO. */
body.employee-theme-neo .workdesk-view-switch {
    border-color: #cbd5e1;
    background: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}

body.employee-theme-neo .workdesk-view-switch button {
    background: transparent;
    color: #64748b;
}

body.employee-theme-neo .workdesk-view-switch button:hover {
    background: #eef2ff;
    color: #4338ca;
}

body.employee-theme-neo .workdesk-view-switch button.active {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
    box-shadow: 0 5px 14px rgba(79,70,229,.22);
}

/* Global pending Tasks/Tickets strip: visible on every employee page. */
body.employee-theme-neo .global-work-pulse {
    background: rgba(248, 250, 252, .92);
    border-bottom-color: #e2e8f0;
}

body.employee-theme-neo .global-work-pulse a {
    background: #ffffff;
    border-color: #dbe3ef;
    color: #334155;
}

body.employee-theme-neo .global-work-pulse a:hover {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #3730a3;
}

body.employee-theme-neo .global-work-pulse a strong {
    background: #e0e7ff;
    color: #4338ca;
}

body.employee-theme-neo .global-work-total { color: #64748b; }
body.employee-theme-neo .global-work-total b { color: #3730a3; }

body.employee-theme-neo .topbar h1,
body.employee-theme-neo .topbar p,
body.employee-theme-neo .card-header h2,
body.employee-theme-neo .task-title,
body.employee-theme-neo .helpdesk-ticket-title,
body.employee-theme-neo .workdesk-title,
body.employee-theme-neo .workdesk-detail-title,
body.employee-theme-neo .helpdesk-detail-title {
    color: #0f172a !important;
}

body.employee-theme-neo .workdesk-value,
body.employee-theme-neo .workdesk-message,
body.employee-theme-neo .workdesk-update-item strong,
body.employee-theme-neo .workdesk-update-item p {
    color: #334155 !important;
}

body.employee-theme-neo .workdesk-message,
body.employee-theme-neo .workdesk-update-item,
body.employee-theme-neo .workdesk-reassign,
body.employee-theme-neo .helpdesk-reassign {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.employee-theme-neo .helpdesk-detail {
    box-shadow: -18px 0 36px rgba(49, 46, 129, .06);
}


/* v61d NEO Azure light-workspace override */
body.employee-theme-neo {
    --bg:#f4f7fb; --surface:#ffffff; --surface2:#f8fafc;
    --primary:#2563eb; --primaryDark:#1d4ed8; --success:#16a34a;
    --warning:#d97706; --danger:#dc2626; --purple:#7c3aed;
    --text:#0f172a; --muted:#64748b; --border:#dbe4f0;
    --shadow:0 18px 48px rgba(15,23,42,.10);
    background:radial-gradient(circle at 88% 0,rgba(14,165,233,.10),transparent 28%),linear-gradient(135deg,#f4f7fb 0%,#f8fbff 50%,#eef6ff 100%);
    color:var(--text);
}
body.employee-theme-neo .sidebar{
    background:radial-gradient(circle at 10% 0,rgba(56,189,248,.18),transparent 30%),linear-gradient(180deg,#173b73 0%,#1e40af 52%,#1e3a8a 100%)!important;
    box-shadow:16px 0 44px rgba(30,64,175,.18)!important;
}
body.employee-theme-neo .topbar h1,body.employee-theme-neo .topbar p,body.employee-theme-neo .card-header h2{color:#0f172a!important}
body.employee-theme-neo .theme-switch{background:#fff!important;border-color:#dbe4f0!important}
body.employee-theme-neo .theme-switch button{color:#64748b!important}
body.employee-theme-neo .theme-switch button.active{background:#2563eb!important;color:#fff!important}
body.employee-theme-neo .primary-btn,body.employee-theme-neo .task-flow-btn.primary,body.employee-theme-neo .workdesk-quick-search button,body.employee-theme-neo .helpdesk-quick-search button,body.employee-theme-neo .workdesk-action.primary,body.employee-theme-neo .helpdesk-action.primary{background:#2563eb!important;color:#fff!important;box-shadow:0 10px 24px rgba(37,99,235,.20)!important}
body.employee-theme-neo .kpi,body.employee-theme-neo .card,body.employee-theme-neo .dashboard-tabs-card,body.employee-theme-neo .action-event-strip,body.employee-theme-neo .task-compact-card,body.employee-theme-neo .workflow-card,body.employee-theme-neo .workflow-details-actions,body.employee-theme-neo .ticket-register-page .ticket-table-wrap,body.employee-theme-neo .op-desktop-grid-wrap{background:#fff!important;border-color:#dbe4f0!important;color:#0f172a!important;box-shadow:0 16px 42px rgba(15,23,42,.08)!important}
body.employee-theme-neo .workdesk-shell,body.employee-theme-neo .helpdesk-shell{background:#eef3f9!important;border-color:#dbe4f0!important;color:#0f172a!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important}
body.employee-theme-neo .workdesk-sidebar,body.employee-theme-neo .workdesk-list-area,body.employee-theme-neo .workdesk-detail,body.employee-theme-neo .workdesk-top,body.employee-theme-neo .workdesk-toolbar,body.employee-theme-neo .workdesk-detail-head,body.employee-theme-neo .workdesk-actions,
body.employee-theme-neo .helpdesk-sidebar,body.employee-theme-neo .helpdesk-list-area,body.employee-theme-neo .helpdesk-detail,body.employee-theme-neo .helpdesk-top,body.employee-theme-neo .helpdesk-toolbar,body.employee-theme-neo .helpdesk-detail-head,body.employee-theme-neo .helpdesk-actions,body.employee-theme-neo .helpdesk-reply{background:#fff!important;border-color:#dbe4f0!important}
body.employee-theme-neo .workdesk-list,body.employee-theme-neo .helpdesk-ticket-list{background:#f7f9fc!important}
body.employee-theme-neo .workdesk-card,body.employee-theme-neo .helpdesk-ticket,body.employee-theme-neo .workdesk-message,body.employee-theme-neo .helpdesk-message,body.employee-theme-neo .workdesk-update-item,body.employee-theme-neo .helpdesk-update-item{background:#fff!important;border-color:#dbe4f0!important;color:#334155!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
body.employee-theme-neo .workdesk-card:hover,body.employee-theme-neo .workdesk-card.selected,body.employee-theme-neo .helpdesk-ticket:hover,body.employee-theme-neo .helpdesk-ticket.selected{border-color:#60a5fa!important;box-shadow:0 14px 32px rgba(37,99,235,.14)!important;background:#f8fbff!important}
body.employee-theme-neo .workdesk-title,body.employee-theme-neo .workdesk-detail-title,body.employee-theme-neo .helpdesk-ticket-title,body.employee-theme-neo .helpdesk-detail-title,body.employee-theme-neo .workdesk-value,body.employee-theme-neo .helpdesk-value{color:#0f172a!important}
body.employee-theme-neo .workdesk-desc,body.employee-theme-neo .workdesk-detail-sub,body.employee-theme-neo .helpdesk-ticket-desc,body.employee-theme-neo .helpdesk-detail-sub{color:#64748b!important}
body.employee-theme-neo .workdesk-filter:hover,body.employee-theme-neo .workdesk-filter.active,body.employee-theme-neo .helpdesk-filter:hover,body.employee-theme-neo .helpdesk-filter.active{background:#eff6ff!important;color:#1d4ed8!important}
body.employee-theme-neo .workdesk-view-switch,body.employee-theme-neo .helpdesk-view-switch,body.employee-theme-neo .workdesk-filter-popover summary,body.employee-theme-neo .helpdesk-filter-popover summary{background:#fff!important;border-color:#cbd5e1!important;color:#334155!important}
body.employee-theme-neo .workdesk-view-switch button,body.employee-theme-neo .helpdesk-view-switch button{background:#fff!important;color:#475569!important}
body.employee-theme-neo .workdesk-view-switch button.active,body.employee-theme-neo .helpdesk-view-switch button.active{background:#2563eb!important;color:#fff!important}
body.employee-theme-neo .workdesk-filter-panel,body.employee-theme-neo .helpdesk-filter-panel{background:#fff!important;border-color:#dbe4f0!important;color:#0f172a!important}
body.employee-theme-neo .workdesk-grid-table table,body.employee-theme-neo .helpdesk-grid-table table{background:#fff!important;border-color:#dbe4f0!important;color:#334155!important}
body.employee-theme-neo .workdesk-grid-table th,body.employee-theme-neo .helpdesk-grid-table th{background:#eff6ff!important;color:#1e3a8a!important}
body.employee-theme-neo .workdesk-grid-table td,body.employee-theme-neo .helpdesk-grid-table td{border-color:#e8eef6!important}
body.employee-theme-neo .top-user-button,body.employee-theme-neo .top-user-dropdown{background:#fff!important;border-color:#dbe4f0!important;color:#0f172a!important}
body.employee-theme-neo .top-user-summary strong,body.employee-theme-neo .top-user-summary span{color:#334155!important}

/* v61k NEO Graphite + Mint approved visual direction */
body.employee-theme-neo {
    --bg:#f6f8fa;
    --surface:#ffffff;
    --surface2:#f8fafc;
    --primary:#14b8a6;
    --primaryDark:#0f766e;
    --success:#16a34a;
    --warning:#d97706;
    --danger:#dc2626;
    --purple:#7c3aed;
    --text:#111827;
    --muted:#6b7280;
    --border:#e5e7eb;
    --shadow:0 10px 28px rgba(15,23,42,.07);
    background:radial-gradient(circle at 0 0,rgba(20,184,166,.07),transparent 27%),linear-gradient(180deg,#fafbfc 0%,#f5f7f9 100%)!important;
    color:#111827!important;
}
body.employee-theme-neo .sidebar{
    background:#111827!important;
    box-shadow:14px 0 38px rgba(15,23,42,.16)!important;
}
body.employee-theme-neo .side-nav a{color:#d1d5db!important}
body.employee-theme-neo .side-nav .nav-group-title,body.employee-theme-neo .side-nav-label{color:#6b7280!important}
body.employee-theme-neo .side-nav a.active,body.employee-theme-neo .side-nav a:hover{
    background:rgba(20,184,166,.14)!important;
    border-color:rgba(45,212,191,.18)!important;
    color:#99f6e4!important;
}
body.employee-theme-neo .logo{background:#1f2937!important;border-color:#374151!important}
body.employee-theme-neo .topbar,body.employee-theme-neo .global-work-pulse{background:rgba(255,255,255,.94)!important;border-color:#e5e7eb!important;box-shadow:none!important}
body.employee-theme-neo .theme-switch{background:#fff!important;border-color:#e5e7eb!important}
body.employee-theme-neo .theme-switch button{color:#6b7280!important}
body.employee-theme-neo .theme-switch button.active{background:#111827!important;color:#fff!important}
body.employee-theme-neo .top-user-button,body.employee-theme-neo .top-user-dropdown{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}
body.employee-theme-neo .primary-btn,body.employee-theme-neo .task-flow-btn.primary,body.employee-theme-neo .workdesk-quick-search button,body.employee-theme-neo .helpdesk-quick-search button,body.employee-theme-neo .workdesk-action.primary,body.employee-theme-neo .helpdesk-action.primary{
    background:#14b8a6!important;color:#fff!important;border-color:#14b8a6!important;box-shadow:0 8px 18px rgba(20,184,166,.18)!important;
}
body.employee-theme-neo .workdesk-shell,body.employee-theme-neo .helpdesk-shell{background:#f6f8fa!important;border-color:#e5e7eb!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
body.employee-theme-neo .workdesk-sidebar,body.employee-theme-neo .workdesk-list-area,body.employee-theme-neo .workdesk-detail,body.employee-theme-neo .workdesk-top,body.employee-theme-neo .workdesk-toolbar,body.employee-theme-neo .workdesk-detail-head,body.employee-theme-neo .workdesk-actions,
body.employee-theme-neo .helpdesk-sidebar,body.employee-theme-neo .helpdesk-list-area,body.employee-theme-neo .helpdesk-detail,body.employee-theme-neo .helpdesk-top,body.employee-theme-neo .helpdesk-toolbar,body.employee-theme-neo .helpdesk-detail-head,body.employee-theme-neo .helpdesk-actions,body.employee-theme-neo .helpdesk-reply{
    background:#fff!important;border-color:#e5e7eb!important;color:#111827!important;
}
body.employee-theme-neo .workdesk-list,body.employee-theme-neo .helpdesk-ticket-list{background:#f8fafc!important}
body.employee-theme-neo .workdesk-card,body.employee-theme-neo .helpdesk-ticket{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
body.employee-theme-neo .workdesk-card:before,body.employee-theme-neo .helpdesk-ticket:before{background:#14b8a6!important}
body.employee-theme-neo .workdesk-card:hover,body.employee-theme-neo .workdesk-card.selected,body.employee-theme-neo .helpdesk-ticket:hover,body.employee-theme-neo .helpdesk-ticket.selected{
    border-color:#14b8a6!important;background:#fff!important;box-shadow:0 10px 24px rgba(20,184,166,.10)!important;
}
body.employee-theme-neo .workdesk-filter:hover,body.employee-theme-neo .workdesk-filter.active,body.employee-theme-neo .helpdesk-filter:hover,body.employee-theme-neo .helpdesk-filter.active{background:#ccfbf1!important;color:#0f766e!important}
body.employee-theme-neo .workdesk-filter-count,body.employee-theme-neo .helpdesk-filter-count{background:#f1f5f9!important;color:#334155!important}
body.employee-theme-neo .workdesk-filter.active .workdesk-filter-count,body.employee-theme-neo .helpdesk-filter.active .helpdesk-filter-count{background:#0f766e!important;color:#fff!important}
body.employee-theme-neo .workdesk-view-switch,body.employee-theme-neo .helpdesk-view-switch,body.employee-theme-neo .workdesk-filter-popover summary,body.employee-theme-neo .helpdesk-filter-popover summary{background:#fff!important;border-color:#d1d5db!important;color:#374151!important}
body.employee-theme-neo .workdesk-view-switch button,body.employee-theme-neo .helpdesk-view-switch button{background:#fff!important;color:#4b5563!important}
body.employee-theme-neo .workdesk-view-switch button.active,body.employee-theme-neo .helpdesk-view-switch button.active{background:#111827!important;color:#fff!important}
body.employee-theme-neo .workdesk-filter-panel,body.employee-theme-neo .helpdesk-filter-panel{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}
body.employee-theme-neo input,body.employee-theme-neo select,body.employee-theme-neo textarea,body.employee-theme-neo .searchable-select-input{background:#fff!important;color:#111827!important;border-color:#d1d5db!important}
body.employee-theme-neo input:focus,body.employee-theme-neo select:focus,body.employee-theme-neo textarea:focus,body.employee-theme-neo .searchable-select-input:focus{border-color:#14b8a6!important;box-shadow:0 0 0 3px rgba(20,184,166,.12)!important}
body.employee-theme-neo .workdesk-grid-table th,body.employee-theme-neo .helpdesk-grid-table th{background:#f8fafc!important;color:#4b5563!important}
body.employee-theme-neo .workdesk-grid-table tbody tr:hover,body.employee-theme-neo .helpdesk-grid-table tbody tr:hover{background:#f0fdfa!important}
body.employee-theme-neo .global-work-pulse a{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}
body.employee-theme-neo .global-work-pulse a:hover{background:#f0fdfa!important;border-color:#99f6e4!important;color:#0f766e!important}
body.employee-theme-neo .global-work-pulse a strong{background:#ccfbf1!important;color:#0f766e!important}
body.employee-theme-neo .global-work-tools .active{background:#111827!important;color:#fff!important;border-color:#111827!important}
body.employee-theme-neo .global-work-tools button,body.employee-theme-neo .global-work-tools summary{border-color:#d1d5db!important;color:#374151!important;background:#fff!important}

/* v61l: force approved Graphite + Mint card contrast over page-level legacy NEO rules */
body.employee-theme-neo .workdesk-page .workdesk-sidebar,
body.employee-theme-neo .workdesk-page .workdesk-list-area,
body.employee-theme-neo .workdesk-page .workdesk-detail,
body.employee-theme-neo .workdesk-page .workdesk-top,
body.employee-theme-neo .workdesk-page .workdesk-toolbar,
body.employee-theme-neo .workdesk-page .workdesk-detail-head,
body.employee-theme-neo .workdesk-page .workdesk-actions,
body.employee-theme-neo .helpdesk-page .helpdesk-sidebar,
body.employee-theme-neo .helpdesk-page .helpdesk-list-area,
body.employee-theme-neo .helpdesk-page .helpdesk-detail,
body.employee-theme-neo .helpdesk-page .helpdesk-top,
body.employee-theme-neo .helpdesk-page .helpdesk-toolbar,
body.employee-theme-neo .helpdesk-page .helpdesk-detail-head,
body.employee-theme-neo .helpdesk-page .helpdesk-actions,
body.employee-theme-neo .helpdesk-page .helpdesk-reply{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important}
body.employee-theme-neo .workdesk-page .workdesk-list,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket-list{background:#f8fafc!important}
body.employee-theme-neo .workdesk-page .workdesk-card,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important}
body.employee-theme-neo .workdesk-page .workdesk-card:hover,
body.employee-theme-neo .workdesk-page .workdesk-card.selected,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket:hover,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket.selected{background:#f0fdfa!important;border-color:#14b8a6!important;color:#111827!important;box-shadow:0 10px 24px rgba(20,184,166,.10)!important}
body.employee-theme-neo .workdesk-page .workdesk-card:hover .workdesk-title,
body.employee-theme-neo .workdesk-page .workdesk-card.selected .workdesk-title,
body.employee-theme-neo .workdesk-page .workdesk-card:hover .workdesk-desc,
body.employee-theme-neo .workdesk-page .workdesk-card.selected .workdesk-desc,
body.employee-theme-neo .workdesk-page .workdesk-card:hover .workdesk-no,
body.employee-theme-neo .workdesk-page .workdesk-card.selected .workdesk-no,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket:hover .helpdesk-ticket-title,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket.selected .helpdesk-ticket-title,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket:hover .helpdesk-ticket-desc,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket.selected .helpdesk-ticket-desc,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket:hover .helpdesk-ticket-no,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket.selected .helpdesk-ticket-no{color:#111827!important;text-shadow:none!important}
body.employee-theme-neo .workdesk-page .workdesk-card .workdesk-title,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket .helpdesk-ticket-title{color:#111827!important}
body.employee-theme-neo .workdesk-page .workdesk-card .workdesk-desc,
body.employee-theme-neo .workdesk-page .workdesk-card .workdesk-no,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket .helpdesk-ticket-desc,
body.employee-theme-neo .helpdesk-page .helpdesk-ticket .helpdesk-ticket-no{color:#64748b!important}
body.employee-theme-neo .workdesk-page .workdesk-detail-title,
body.employee-theme-neo .helpdesk-page .helpdesk-detail-title{color:#111827!important}
body.employee-theme-neo .workdesk-page .workdesk-detail-sub,
body.employee-theme-neo .helpdesk-page .helpdesk-detail-sub{color:#64748b!important}
body.employee-theme-neo .workdesk-page .workdesk-message,
body.employee-theme-neo .workdesk-page .workdesk-update-item,
body.employee-theme-neo .helpdesk-page .helpdesk-message,
body.employee-theme-neo .helpdesk-page .helpdesk-update-item{background:#f8fafc!important;border-color:#e5e7eb!important;color:#334155!important}