/* EazyDezk global layout theme */
:root {
    --eazy-bg-page: #f1f5f9;
    --eazy-bg-body: #f1f5f9;
    --eazy-bg-sidebar: #1e293b;
    --eazy-bg-sidebar-hover: #334155;
    --eazy-bg-sidebar-accent: #475569;
    --eazy-bg-breadcrumb: #ffffff;
    --eazy-bg-card: #ffffff;
    --eazy-bg-bar: #475569;
    --eazy-bg-bar-dark: #334155;
    --eazy-bg-table-head: #475569;
    --eazy-bg-table-row: #ffffff;
    --eazy-bg-table-stripe: #f8fafc;
    --eazy-border-soft: #e2e8f0;
    --eazy-border-medium: #cbd5e1;
    --eazy-text-primary: #0f172a;
    --eazy-text-secondary: #475569;
    --eazy-text-muted: #64748b;
    --eazy-accent: #4f46e5;
    --eazy-accent-hover: #4338ca;
    --eazy-grad-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%);
    --eazy-radius-sm: 8px;
    --eazy-radius-md: 12px;
    --eazy-radius-lg: 16px;
    --eazy-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --eazy-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
    --eazy-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
    --eazy-gradient: linear-gradient(135deg, #312e81 0%, #4f46e5 45%, #6366f1 100%);
    --eazy-gradient-bar: linear-gradient(90deg, #1e293b 0%, #4338ca 50%, #1e293b 100%);
    --eazy-header-bg: #1e293b;
    --eazy-footer-bg: #0f172a;
    --eazy-footer-text: #f8fafc;
    --eazy-footer-link: #cbd5e1;
}

/* Header & footer */
.app-header,
header.app-header {
    background-color: var(--eazy-header-bg) !important;
    background-image: none !important;
}

.tracking-dashboard .app-header {
    background-color: var(--eazy-header-bg) !important;
}

.tracking-dashboard .sidemenu-toggle {
    color: #ffffff !important;
}

.app-footer,
footer.app-footer,
body.bg-slate-100 footer.app-footer,
body.app footer.app-footer {
    background-color: var(--eazy-footer-bg) !important;
    color: var(--eazy-footer-text) !important;
    border-top: 1px solid rgba(209, 213, 219, 0.35) !important;
}

.app-footer a,
footer.app-footer a,
body.bg-slate-100 footer.app-footer a {
    color: var(--eazy-footer-link) !important;
}

.app-header .logo-text {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.app-header .logo-text:hover {
    color: #f9fafb;
}

html,
body {
    background-color: var(--eazy-bg-body) !important;
}

body.bg-slate-100,
.bg-slate-100 {
    background-color: var(--eazy-bg-page) !important;
}

.bg-slate-800 {
    background-color: var(--eazy-bg-sidebar-hover) !important;
}

.bg-slate-900 {
    background-color: var(--eazy-bg-sidebar) !important;
}

body.app,
body.app .segment {
    background-color: var(--eazy-bg-page);
}

.pushable > .pusher,
main.pusher,
main.main {
    background-color: var(--eazy-bg-page) !important;
}

.ui.sidebar {
    background-color: var(--eazy-bg-sidebar) !important;
}

.tracking-dashboard .ui.sidebar {
    background-color: var(--eazy-bg-sidebar-accent) !important;
}

.sidebar-nav .title,
.nav-dropdown-items {
    background-color: var(--eazy-bg-sidebar) !important;
}

.sidebar-nav ul > li > a:hover,
.tracking-dashboard .sidebar-nav ul > li > a:hover {
    background-color: var(--eazy-bg-sidebar-hover) !important;
}

.tracking-dashboard .sidebar-nav .title {
    background-color: var(--eazy-bg-sidebar-accent) !important;
}

.sidebar-nav ul > li > a.nav-dropdown-toggle,
.tracking-dashboard .sidebar-nav ul>li > a.nav-dropdown-toggle {
    background-color: var(--eazy-bg-sidebar-accent) !important;
}

.breadcrumb,
.admin-breadcrumb {
    background-color: var(--eazy-bg-breadcrumb) !important;
}

.tab-card {
    background-color: transparent;
}

.app-card:not([class*="bg-"]) {
    background-color: var(--eazy-bg-card);
}

@media (max-width: 991px) {
    .ui.sidebar,
    .ui.sidebar.mobile-open {
        background: var(--eazy-bg-sidebar) !important;
    }
}

#app {
    background-color: var(--eazy-bg-page);
    min-height: 100vh;
}

.tracking-dashboard .tab-card {
    background: transparent;
}

/* Dashboard stat cards – admin dashboard */
.dashboard-stat-cards .app-card {
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.dashboard-stat-cards .app-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
}

.dashboard-stat-cards .stat-total-leads {
    background-color: #2563eb !important;
}

.dashboard-stat-cards .stat-contacted {
    background-color: #0891b2 !important;
}

.dashboard-stat-cards .stat-registered {
    background-color: #16a34a !important;
}

.dashboard-stat-cards .stat-assigned {
    background-color: #6366f1 !important;
}

.dashboard-stat-cards .stat-dropped {
    background-color: #ea580c !important;
}

.dashboard-stat-cards .stat-positive {
    background-color: #7c3aed !important;
}

/* Admin dashboard – bulk lead assign toolbar */
.dashboard-lead-assign-wrap {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--eazy-border-soft);
}

.dashboard-lead-assign-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px 16px;
    background: var(--eazy-bg-card);
    border: 1px solid var(--eazy-border-soft);
    border-radius: var(--eazy-radius-md);
    box-shadow: var(--eazy-shadow-sm);
}

.dashboard-lead-assign-bar h6 {
    margin: 0;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    color: var(--eazy-text-primary);
    white-space: nowrap;
}

.dashboard-lead-assign-field {
    flex: 1 1 220px;
    min-width: 200px;
    max-width: 320px;
}

.dashboard-lead-assign-bar .ui-dropdown,
.dashboard-lead-assign-bar select.ui-dropdown {
    width: 100%;
    min-height: 40px;
    height: 40px;
    margin: 0;
    padding: 0 12px;
    font-size: 14px;
    line-height: 38px;
    color: var(--eazy-text-primary);
    background: #fff;
    border: 1px solid var(--eazy-border-medium);
    border-radius: var(--eazy-radius-sm);
    box-sizing: border-box;
}

.dashboard-lead-assign-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    height: 40px;
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
    border: none;
    border-radius: var(--eazy-radius-sm);
    box-shadow: var(--eazy-shadow-sm);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.dashboard-lead-assign-btn:hover {
    transform: translateY(-1px);
    box-shadow: var(--eazy-shadow-md);
    filter: brightness(1.05);
}

.dashboard-lead-assign-btn:active {
    transform: translateY(0);
}

body.eazydezk-app .dashboard-touch .tab-card {
    border-radius: var(--eazy-radius-md);
}

/* Lead dashboard welcome bar */
.lead-dashboard-welcome {
    width: 100%;
}

.lead-dashboard-welcome__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.lead-dashboard-welcome__chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--eazy-radius-md, 12px);
    font-size: 14px;
    line-height: 1.3;
    box-shadow: var(--eazy-shadow-sm);
    border: 1px solid transparent;
}

.lead-dashboard-welcome__chip--home {
    flex: 0 0 auto;
    text-decoration: none !important;
    color: #fff !important;
    background: linear-gradient(135deg, #334155 0%, #475569 100%);
    font-weight: 600;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.lead-dashboard-welcome__chip--home:hover {
    transform: translateY(-1px);
    box-shadow: var(--eazy-shadow-md);
    color: #fff !important;
}

.lead-dashboard-welcome__chip--home i {
    font-size: 18px;
}

.lead-dashboard-welcome__chip--user {
    flex: 1 1 220px;
    min-width: 0;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
}

.lead-dashboard-welcome__chip--date {
    flex: 0 0 auto;
    background: #fff;
    color: var(--eazy-text-primary, #0f172a);
    border-color: var(--eazy-border-soft, #e2e8f0);
    font-weight: 600;
}

.lead-dashboard-welcome__chip--date i {
    font-size: 18px;
    color: #0891b2;
}

.lead-dashboard-welcome__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    font-size: 15px;
    font-weight: 700;
    flex-shrink: 0;
}

.lead-dashboard-welcome__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.lead-dashboard-welcome__text strong {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lead-dashboard-welcome__greeting {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.9;
}

body.eazydezk-app .breadcrumb:has(.lead-dashboard-welcome) {
    background: transparent;
    border-bottom: none;
}

body.eazydezk-app .breadcrumb:has(.lead-dashboard-welcome) .container.mx-auto > .py-4 {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
}

.sr-only-voice {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 768px) {
    .lead-dashboard-welcome__inner {
        flex-direction: column;
        align-items: stretch;
    }

    .lead-dashboard-welcome__chip--home,
    .lead-dashboard-welcome__chip--user,
    .lead-dashboard-welcome__chip--date {
        flex: 1 1 auto;
        width: 100%;
    }

    .lead-dashboard-welcome__chip--date {
        justify-content: center;
    }
}

/* Lead user dashboard – legacy colorful cards (overridden by .ld-dashboard + lead-dashboard.css) */
.userdashboard:not(.ld-dashboard) .app-card {
    background-image: none !important;
    border-radius: var(--eazy-radius-md, 12px);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.userdashboard:not(.ld-dashboard) .app-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-total {
    background: linear-gradient(145deg, #2563eb 0%, #1d4ed8 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-followups {
    background: linear-gradient(145deg, #0891b2 0%, #0e7490 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-signups {
    background: linear-gradient(145deg, #6366f1 0%, #4f46e5 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-notifications {
    background: linear-gradient(145deg, #d97706 0%, #b45309 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-recent {
    background: linear-gradient(160deg, #059669 0%, #047857 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-reminder {
    background: linear-gradient(145deg, #7c3aed 0%, #6d28d9 100%) !important;
}

.userdashboard:not(.ld-dashboard) .app-card.lead-stat-today {
    background: linear-gradient(145deg, #db2777 0%, #be185d 100%) !important;
}

.userdashboard .app-card .seconddiv {
    border-top-color: rgba(255, 255, 255, 0.28) !important;
}

.userdashboard .app-card.lead-stat-recent ul.list li:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.userdashboard .lead-stat-pill {
    background: rgba(255, 255, 255, 0.2) !important;
    transition: background 0.15s ease;
}

.userdashboard .lead-stat-pill:hover {
    background: rgba(255, 255, 255, 0.32) !important;
}

.userdashboard .lead-stat-recent-btn {
    background: rgba(255, 255, 255, 0.22) !important;
}

.userdashboard .lead-stat-recent-btn:hover,
.userdashboard .lead-stat-reminder-btn:hover,
.userdashboard .lead-stat-today-btn:hover {
    background: rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
}

.userdashboard .lead-stat-reminder-btn,
.userdashboard .lead-stat-today-btn {
    background: rgba(255, 255, 255, 0.22) !important;
}

.userdashboard .app-card .firstdiv i {
    opacity: 0.85;
}

/* Lead dashboard – extended analytics row */
.userdashboard .lead-analytics-section {
    padding: 14px 12px 16px;
    background: var(--eazy-bg-card, #fff);
    border: 1px solid var(--eazy-border-soft, #e2e8f0);
    border-radius: var(--eazy-radius-md, 12px);
    box-shadow: var(--eazy-shadow-sm);
}

.userdashboard .lead-analytics-heading {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: var(--eazy-text-primary, #0f172a);
    letter-spacing: -0.01em;
}

.userdashboard .lead-analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.userdashboard:not(.ld-dashboard) .lead-analytics-card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-radius: var(--eazy-radius-sm, 8px);
    text-decoration: none !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.userdashboard:not(.ld-dashboard) .lead-analytics-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.14);
    color: #fff !important;
}

.userdashboard .lead-analytics-label {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.92;
}

.userdashboard .lead-analytics-value {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.userdashboard:not(.ld-dashboard) .lead-analytics-contacted {
    background: linear-gradient(145deg, #0891b2 0%, #0e7490 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-positive {
    background: linear-gradient(145deg, #7c3aed 0%, #6d28d9 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-dropped {
    background: linear-gradient(145deg, #ea580c 0%, #c2410c 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-progress {
    background: linear-gradient(145deg, #2563eb 0%, #1d4ed8 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-week {
    background: linear-gradient(145deg, #059669 0%, #047857 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-month {
    background: linear-gradient(145deg, #6366f1 0%, #4f46e5 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-overdue {
    background: linear-gradient(145deg, #dc2626 0%, #b91c1c 100%);
}

.userdashboard:not(.ld-dashboard) .lead-analytics-upcoming {
    background: linear-gradient(145deg, #d97706 0%, #b45309 100%);
}

@media (max-width: 991px) {
    .userdashboard .lead-analytics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .userdashboard .lead-analytics-grid {
        grid-template-columns: 1fr;
    }

    .userdashboard .lead-analytics-value {
        font-size: 1.35rem;
    }
}

/* Legacy gray fallbacks (other pages still using old classes) */
.tab-card .app-card.bg-innerpurple:not([class*="lead-stat-"]) {
    background-color: #6b7280 !important;
    background-image: none !important;
}

.tab-card .app-card.bg-hovergreen:not([class*="lead-stat-"]) {
    background-color: #9ca3af !important;
    background-image: none !important;
}

.tab-card .app-card.bg-custom_purple:not([class*="lead-stat-"]) {
    background-color: #4b5563 !important;
    background-image: none !important;
}

.tab-card .app-card.bg-custom_green:not([class*="lead-stat-"]) {
    background-color: #71717a !important;
    background-image: none !important;
}

.app-card.bg-violet-stat-mid {
    background-color: #71717a !important;
}

.app-card.bg-violet-stat-light {
    background-color: #a1a1aa !important;
}

.app-card.bg-violet-stat-dark {
    background-color: #52525b !important;
}

/* Tabs, filters, action bars */
.theme-tab,
form#searchdetails .filter-panel,
form#search-details .filter-panel:not(.adm-filter-panel),
.bg-black,
.bg-indigo-900,
.lead-assign-floating,
.create-lead {
    background-image: var(--eazy-gradient) !important;
    background-color: var(--eazy-bg-bar) !important;
}

form#search-details.theme-form.bg-indigo-900:not(.admin-dashboard-filter) {
    background: var(--eazy-bg-bar-dark) !important;
    background-image: var(--eazy-gradient-bar) !important;
}

.theme-tab .item.active {
    color: #374151 !important;
}

/* Data tables */
.tracking-dashboard .ui.striped.table tbody tr:nth-child(2n),
.tracking-dashboard .ui.striped.table > tr:nth-child(2n) {
    background-color: var(--eazy-bg-table-stripe) !important;
}

.tracking-dashboard .ui.table thead th {
    background: var(--eazy-bg-table-head) !important;
}

.dataTable thead tr > th {
    background-color: var(--eazy-bg-table-head) !important;
}

.newList tr:nth-child(even) {
    background-color: var(--eazy-bg-table-stripe) !important;
}

.ui.inverted.table,
.ui.inverted.table tbody,
.ui.inverted.table tbody tr,
.ui.inverted.table tbody tr td,
.ui.inverted.table tr td {
    background-color: var(--eazy-bg-table-row) !important;
    background-image: none !important;
    color: #374151 !important;
    border-color: var(--eazy-border-soft) !important;
}

.ui.inverted.table thead th,
.ui.inverted.table th,
table.dataTable.ui.inverted.table thead th {
    background-color: var(--eazy-bg-table-head) !important;
    background-image: none !important;
    color: #ffffff !important;
}

.ui.inverted.striped.table tbody tr:nth-child(2n) td,
.ui.striped.inverted.table tbody tr:nth-child(2n) td {
    background-color: var(--eazy-bg-table-stripe) !important;
    color: #374151 !important;
}

body.eazydezk-app .lead-marketing-page .lead-assign-floating h6,
body.eazydezk-app .lead-marketing-page .lead-assign-floating-2 h6 {
    color: #334155 !important;
}

.lead-assign-floating .assign-submit-btn,
.lead-assign-floating-2 .assign-submit-btn {
    background: linear-gradient(135deg, #94a3b8 0%, #64748b 55%, #475569 100%) !important;
    border: 1px solid #64748b !important;
    color: #fff !important;
}

.lead-assign-floating .assign-submit-btn:hover,
.lead-assign-floating-2 .assign-submit-btn:hover {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%) !important;
    border-color: #475569 !important;
    color: #fff !important;
}

/* ========== Modern UI system ========== */

body.eazydezk-app,
body.eazydezk-app #app {
    font-family: var(--crm-font-sans, 'Inter', system-ui, sans-serif);
    font-size: var(--crm-font-size-base, 14px);
}

/* Legacy purple/teal → EazyDezk slate */
.bg-indigo-900,
.bg-indigo-800,
.create-lead.bg-indigo-900,
.view_main_tab.bg-indigo-900,
.theme-form.bg-indigo-900,
a.bg-indigo-900 {
    background-color: var(--eazy-bg-bar-dark) !important;
    background-image: var(--eazy-gradient-bar) !important;
}

/* bg-indigo-600 buttons → crm-buttons.css (primary indigo) */

.bg-indigo-100,
.bg-indigo-50,
tr.bg-indigo-100 {
    background-color: #f1f5f9 !important;
}

.hover\:bg-indigo-50:hover {
    background-color: #e2e8f0 !important;
}

.text-indigo-600,
.text-indigo-700 {
    color: #475569 !important;
}

.border-indigo-500 {
    border-color: #94a3b8 !important;
}

/* Cards */
body.eazydezk-app .card,
body.eazydezk-app .app-card,
body.eazydezk-app .ui.segment {
    border-radius: var(--eazy-radius-md);
    border: 1px solid var(--eazy-border-soft);
    box-shadow: var(--eazy-shadow-sm);
}

body.eazydezk-app .card {
    background: var(--eazy-bg-card);
    overflow: hidden;
}

body.eazydezk-app .card-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--eazy-border-soft);
    font-weight: 600;
    color: var(--eazy-text-primary);
}

body.eazydezk-app .card-body {
    padding: 20px;
}

/* Buttons — see public/css/crm-buttons.css */

/* Forms */
body.eazydezk-app .form-control,
body.eazydezk-app .ui.input input,
body.eazydezk-app .ui.selection.dropdown,
body.eazydezk-app input[type="text"],
body.eazydezk-app input[type="email"],
body.eazydezk-app input[type="password"],
body.eazydezk-app input[type="number"],
body.eazydezk-app select,
body.eazydezk-app textarea {
    border-radius: var(--eazy-radius-sm) !important;
    border-color: var(--eazy-border-medium) !important;
    font-size: 14px;
}

body.eazydezk-app .form-control:focus,
body.eazydezk-app .ui.input input:focus,
body.eazydezk-app input:focus,
body.eazydezk-app select:focus,
body.eazydezk-app textarea:focus {
    border-color: #64748b !important;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.2) !important;
    outline: none;
}

body.eazydezk-app .theme-form {
    border-radius: var(--eazy-radius-md);
    padding: 16px;
}

/* Tabs */
body.eazydezk-app .theme-tab,
body.eazydezk-app .ui.menu.theme-tab,
body.eazydezk-app .view-tab {
    border-radius: var(--eazy-radius-md) var(--eazy-radius-md) 0 0;
    gap: 4px;
}

body.eazydezk-app .theme-tab .item,
body.eazydezk-app .ui.menu .item {
    border-radius: var(--eazy-radius-sm) var(--eazy-radius-sm) 0 0;
    font-weight: 500;
}

body.eazydezk-app .theme-tab .item.active,
body.eazydezk-app .ui.menu .active.item {
    background: #fff !important;
    color: var(--eazy-text-primary) !important;
    font-weight: 600;
}

/* Sidebar navigation */
body.eazydezk-app .sidebar-nav ul > li > a {
    border-radius: var(--eazy-radius-sm);
    margin: 2px 8px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #e2e8f0;
    transition: background 0.15s ease, color 0.15s ease;
}

body.eazydezk-app .sidebar-nav ul > li > a.active,
body.eazydezk-app .sidebar-nav ul > li > a:hover {
    color: #fff;
}

body.eazydezk-app .sidebar-nav .nav-icon {
    opacity: 0.9;
}

/* DataTables controls */
body.eazydezk-app .dataTables_wrapper .dataTables_length select,
body.eazydezk-app .dataTables_wrapper .dataTables_filter input {
    border-radius: var(--eazy-radius-sm);
    border: 1px solid var(--eazy-border-medium);
    padding: 8px 12px;
    min-height: 40px;
}

body.eazydezk-app .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: var(--eazy-radius-sm) !important;
    margin: 0 2px;
}

/* Pagination current page — crm-buttons.css */

/* Alerts / messages */
body.eazydezk-app .alert {
    border-radius: var(--eazy-radius-md);
    border: none;
    box-shadow: var(--eazy-shadow-sm);
}

/* SweetAlert / reminder popup */
.reminder-popup .swal2-header,
.swal2-popup .swal2-header.eazy-themed {
    background: var(--eazy-gradient-bar) !important;
}

/* SweetAlert confirm — crm-buttons.css */

/* Admin DataTable action icon buttons (users, roles, etc.) */
body.eazydezk-app .btn-td,
body.eazydezk-app td.btn-td {
    white-space: nowrap;
    vertical-align: middle !important;
}

body.eazydezk-app .btn-td .btn-group,
body.eazydezk-app .btn-td .action-btn,
body.eazydezk-app .action-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

body.eazydezk-app .btn-td a.btn,
body.eazydezk-app .action-btn a.btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    padding: 0 !important;
    margin: 0 2px;
    border-radius: 8px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.eazydezk-app .btn-td a.btn:hover,
body.eazydezk-app .action-btn a.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.18);
    color: #ffffff !important;
}

body.eazydezk-app .btn-td a.btn i,
body.eazydezk-app .action-btn a.btn i,
body.eazydezk-app .btn-td a.btn .fa,
body.eazydezk-app .btn-td a.btn .fas,
body.eazydezk-app .btn-td a.btn .far,
body.eazydezk-app .btn-td a.btn .fab {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-block;
    pointer-events: none;
    font-style: normal;
}

/* .btn-td action colors — crm-buttons.css */

/* Tracking dashboard header alignment */
.tracking-dashboard.eazydezk-app .app-header nav {
    padding: 0 16px;
}

.tracking-dashboard.eazydezk-app .main-link-top a {
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.tracking-dashboard.eazydezk-app .main-link-top a.active-main {
    background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);
}

/* Loader (tracking) */
body.eazydezk-app .loader {
    border-color: #64748b !important;
}

/* Login page (frontend) */
.login-wrapper.agent .login-card {
    border-radius: var(--eazy-radius-lg);
    border: 1px solid var(--eazy-border-soft);
    box-shadow: var(--eazy-shadow-lg);
}

.login-wrapper.agent .login-card-header {
    background: var(--eazy-gradient-bar) !important;
    color: #ffffff !important;
}

/* crm-typography sets dark h4/h6 on body.eazydezk-app — restore contrast on login header */
.login-wrapper.agent .login-card-header h4,
.login-wrapper.agent .login-card-header h6 {
    color: #ffffff !important;
}

.login-wrapper.agent .login-card-header h6 {
    opacity: 0.92;
    font-weight: 400;
}

/* Login submit — see crm-buttons.css (loaded after this file) */