html, body  {
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        transition: background-color 0.25s ease, color 0.25s ease;
    }
  /* Paleta: Plano Tecnologia (Verde #689f38 + Grafite #2d3136) */ :root  {
         --mlt-blue: #689f38;
        --mlt-green: #689f38;
        --mlt-brand-green: #689f38;
        --mlt-brand-green-hover: #558b2f;
        --mlt-brand-dark: #2d3136;
        --mlt-gray-900: #2d3136;
        --mlt-gray-700: #4a4f55;
        --mlt-gray-200: #e2e8f0;
        /* Dark mode tokens */     --mlt-dm-bg: #1a1d20;
        --mlt-dm-surface: #2d3136;
        --mlt-dm-surface-2: #383e44;
        --mlt-dm-border: rgba(255, 255, 255, 0.12);
        --mlt-dm-text: #e2e8f0;
        --mlt-dm-text-muted: #9da6b0;
    }
  a, .btn-link  {
         color: var(--mlt-blue);
    }
  [data-theme="dark"]  {
     color-scheme: dark;
    }
  [data-theme="dark"] body  {
         background-color: var(--mlt-dm-bg);
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .card  {
         background-color: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .table  {
         --bs-table-bg: transparent;
        --bs-table-striped-bg: rgba(255,255,255,0.03);
        --bs-table-hover-bg: rgba(255,255,255,0.05);
        color: var(--mlt-dm-text);
        border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .table th, [data-theme="dark"] .table td  {
         border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .table thead th  {
         background-color: var(--mlt-dm-surface-2);
        color: var(--mlt-dm-text-muted);
    }
  [data-theme="dark"] .form-control, [data-theme="dark"] .form-select  {
         background-color: var(--mlt-dm-surface-2);
        border-color: var(--mlt-dm-border);
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .form-control::placeholder  {
     color: var(--mlt-dm-text-muted);
    }
  [data-theme="dark"] .form-control:focus, [data-theme="dark"] .form-select:focus  {
         background-color: var(--mlt-dm-surface-2);
        border-color: var(--mlt-blue);
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .form-label  {
     color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .form-check-input  {
         background-color: var(--mlt-dm-surface-2);
        border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .badge.text-bg-light  {
         background-color: var(--mlt-dm-surface-2) !important;
        color: var(--mlt-dm-text-muted) !important;
    }
  [data-theme="dark"] .dropdown-menu  {
         background-color: var(--mlt-dm-surface);
        border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .dropdown-item  {
     color: var(--mlt-dm-text);
    }
 [data-theme="dark"] .dropdown-item:hover  {
     background-color: var(--mlt-dm-surface-2);
    }
  [data-theme="dark"] .text-muted  {
     color: var(--mlt-dm-text-muted) !important;
    }
 [data-theme="dark"] .text-dark, [data-theme="dark"] .text-body, [data-theme="dark"] .text-secondary  {
         color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .bg-white, [data-theme="dark"] .bg-light, [data-theme="dark"] .bg-light-subtle  {
         background-color: var(--mlt-dm-surface) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .border-light, [data-theme="dark"] .border-light-subtle  {
         border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .border  {
     border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .card-header, [data-theme="dark"] .card-footer, [data-theme="dark"] .modal-content, [data-theme="dark"] .modal-header, [data-theme="dark"] .modal-body, [data-theme="dark"] .modal-footer, [data-theme="dark"] .list-group-item, [data-theme="dark"] .input-group-text, [data-theme="dark"] .accordion-item, [data-theme="dark"] .accordion-button, [data-theme="dark"] .offcanvas, [data-theme="dark"] .toast  {
         background-color: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .list-group-item:hover, [data-theme="dark"] .accordion-button:not(.collapsed)  {
         background-color: var(--mlt-dm-surface-2) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .table-light  {
         --bs-table-bg: var(--mlt-dm-surface-2);
        --bs-table-color: var(--mlt-dm-text);
        --bs-table-border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .alert-light  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .alert-info  {
         background-color: rgba(14, 165, 233, 0.12) !important;
        border-color: rgba(14, 165, 233, 0.3) !important;
        color: #bae6fd !important;
    }
  [data-theme="dark"] .alert-warning  {
         background-color: rgba(245, 158, 11, 0.13) !important;
        border-color: rgba(245, 158, 11, 0.32) !important;
        color: #fde68a !important;
    }
  [data-theme="dark"] .alert-danger  {
         background-color: rgba(239, 68, 68, 0.13) !important;
        border-color: rgba(239, 68, 68, 0.32) !important;
        color: #fecaca !important;
    }
  [data-theme="dark"] .alert-success  {
         background-color: rgba(34, 197, 94, 0.12) !important;
        border-color: rgba(34, 197, 94, 0.3) !important;
        color: #bbf7d0 !important;
    }
  [data-theme="dark"] .mlt-modal  {
         background-color: var(--mlt-dm-surface) !important;
        color: var(--mlt-dm-text);
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-modal .form-control, [data-theme="dark"] .mlt-modal .form-select  {
         background-color: var(--mlt-dm-bg) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .btn-light  {
         background-color: var(--mlt-dm-surface-2);
        border-color: var(--mlt-dm-border);
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .btn-light:hover  {
     background-color: #334155;
    color: #f1f5f9;
    }
  [data-theme="dark"] .btn-outline-secondary  {
         color: var(--mlt-dm-text-muted);
        border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] .btn-outline-secondary:hover  {
         background-color: var(--mlt-dm-surface-2);
        color: var(--mlt-dm-text);
    }
  [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6  {
     color: var(--mlt-dm-text);
    }
  [data-theme="dark"] hr  {
     border-color: var(--mlt-dm-border);
    }
  [data-theme="dark"] footer  {
         border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text-muted) !important;
    }
  [data-theme="dark"] .mlt-user-menu-panel  {
         background: #1e293b !important;
        border-color: rgba(148,163,184,0.15) !important;
        box-shadow: 0 24px 60px rgba(0,0,0,0.55) !important;
    }
  [data-theme="dark"] .mlt-user-menu-header  {
         border-bottom-color: rgba(148,163,184,0.12) !important;
    }
  [data-theme="dark"] .mlt-user-menu-subtitle  {
     color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-user-menu-info  {
         border-top-color: rgba(148,163,184,0.12) !important;
        border-bottom-color: rgba(148,163,184,0.10) !important;
    }
  [data-theme="dark"] .mlt-user-menu-info span  {
     color: #64748b !important;
    }
 [data-theme="dark"] .mlt-user-menu-info strong  {
     color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-user-menu-item  {
     color: #cbd5e1 !important;
    }
 [data-theme="dark"] .mlt-user-menu-item:hover  {
     background: #273548 !important;
    color: #f1f5f9 !important;
    }
 [data-theme="dark"] .mlt-user-menu-item.is-danger  {
     color: #f87171 !important;
    }
 [data-theme="dark"] .mlt-user-menu-item.is-danger:hover  {
         background: rgba(248,113,113,0.1) !important;
        color: #fca5a5 !important;
    }
  /* Dark mode ÔÇö conte├║do da p├ígina */ [data-theme="dark"] .mlt-theme-icon-dark  {
     display: none !important;
    }
 [data-theme="dark"] .mlt-theme-icon-light  {
     display: block !important;
    }
  [data-theme="dark"] article.content  {
         color: var(--mlt-dm-text);
    }
  [data-theme="dark"] .mlt-btn-ghost, [data-theme="dark"] .mlt-chip-btn, [data-theme="dark"] .mlt-task-order-btn  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-btn-ghost:hover, [data-theme="dark"] .mlt-chip-btn:hover, [data-theme="dark"] .mlt-task-order-btn:hover:not(:disabled)  {
         background: #334155 !important;
        color: #f8fafc !important;
    }
  [data-theme="dark"] .mlt-dashboard-hero, [data-theme="dark"] .mlt-dashboard-picker, [data-theme="dark"] .mlt-stat-card, [data-theme="dark"] .mlt-company-card, [data-theme="dark"] .mlt-empty-state, [data-theme="dark"] .mlt-week-tasks-card, [data-theme="dark"] .mlt-calendar-card, [data-theme="dark"] .mlt-dashboard-empty-card, [data-theme="dark"] .mlt-logs-summary .card, [data-theme="dark"] .mlt-logs-filter-card, [data-theme="dark"] .mlt-quick-preview-list .list-group-item, [data-theme="dark"] .mlt-task-group .list-group-item, [data-theme="dark"] .mlt-completion-task-summary, [data-theme="dark"] .mlt-task-action-summary, [data-theme="dark"] .mlt-task-action-note  {
         background: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-dashboard-board  {
         background:         radial-gradient(circle at 92% 86%, rgba(34, 197, 94, 0.12), transparent 16rem),         radial-gradient(circle at 12% 0%, rgba(14, 165, 233, 0.12), transparent 18rem),         linear-gradient(135deg, #0f172a 0%, #111827 52%, #172033 100%) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-dashboard-board .mlt-stat-card, [data-theme="dark"] .mlt-dashboard-board .mlt-dashboard-picker  {
         background: rgba(30, 41, 59, 0.9) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-stat-label, [data-theme="dark"] .mlt-stat-meta, [data-theme="dark"] .mlt-company-card-meta, [data-theme="dark"] .mlt-company-card-metric-label, [data-theme="dark"] .mlt-dashboard-eyebrow, [data-theme="dark"] .mlt-dashboard-subtitle, [data-theme="dark"] .mlt-dashboard-picker .form-label, [data-theme="dark"] .mlt-dashboard-board .mlt-dashboard-picker .form-label, [data-theme="dark"] .mlt-dashboard-board .mlt-stat-label, [data-theme="dark"] .mlt-dashboard-board .mlt-stat-meta  {
         color: var(--mlt-dm-text-muted) !important;
    }
  [data-theme="dark"] .mlt-stat-value, [data-theme="dark"] .mlt-company-card-name, [data-theme="dark"] .mlt-company-card-metric-value, [data-theme="dark"] .mlt-dashboard-board-head h1, [data-theme="dark"] .mlt-dashboard-board .mlt-stat-value  {
         color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-company-card-metrics  {
         border-top-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-task-group .list-group-item:hover  {
         background: var(--mlt-dm-surface-2) !important;
    }
  [data-theme="dark"] .mlt-modal .d-flex.justify-content-between, [data-theme="dark"] .mlt-modal .d-flex.justify-content-end  {
         background: var(--mlt-dm-surface) !important;
        border-top-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-task-checkbox  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-icon-btn  {
         color: var(--mlt-dm-text-muted) !important;
    }
  [data-theme="dark"] .mlt-icon-btn:hover  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  /* Dark mode hardening for Bootstrap variables, isolated CSS and inline-heavy pages. */ .mlt-theme-dark, [data-bs-theme="dark"], [data-theme="dark"]  {
         --bs-body-bg: var(--mlt-dm-bg);
        --bs-body-color: var(--mlt-dm-text);
        --bs-secondary-color: var(--mlt-dm-text-muted);
        --bs-tertiary-bg: var(--mlt-dm-surface-2);
        --bs-border-color: var(--mlt-dm-border);
        --bs-card-bg: var(--mlt-dm-surface);
        --bs-card-color: var(--mlt-dm-text);
        --bs-modal-bg: var(--mlt-dm-surface);
        --bs-modal-color: var(--mlt-dm-text);
        --bs-list-group-bg: var(--mlt-dm-surface);
        --bs-list-group-color: var(--mlt-dm-text);
        --bs-list-group-border-color: var(--mlt-dm-border);
    }
  /* Global Topbar & Header Dark Mode Overrides */ .mlt-theme-dark .top-row, [data-theme="dark"] .top-row, .mlt-theme-dark .mlt-topbar, [data-theme="dark"] .mlt-topbar  {
         background: #0f172a !important;
        border-bottom-color: rgba(148, 163, 184, 0.16) !important;
    }
  .mlt-theme-dark .mlt-topbar-client-chip, [data-theme="dark"] .mlt-topbar-client-chip  {
         background: color-mix(in srgb, var(--topbar-client-accent, #0ea5e9) 15%, #1e293b) !important;
        border-color: color-mix(in srgb, var(--topbar-client-accent, #0ea5e9) 35%, #334155) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-topbar-client-label, [data-theme="dark"] .mlt-topbar-client-label  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-topbar-client-name, [data-theme="dark"] .mlt-topbar-client-name  {
         color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-topbar-install-btn, [data-theme="dark"] .mlt-topbar-install-btn  {
         background: color-mix(in srgb, var(--mlt-theme, #0ea5e9) 15%, #1e293b) !important;
        border-color: color-mix(in srgb, var(--mlt-theme, #0ea5e9) 35%, #334155) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-user-menu-trigger, [data-theme="dark"] .mlt-user-menu-trigger  {
         background: #1e293b !important;
        border-color: rgba(148, 163, 184, 0.26) !important;
        color: #f8fafc !important;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
    }
  .mlt-theme-dark .mlt-user-menu-trigger:hover, [data-theme="dark"] .mlt-user-menu-trigger:hover, .mlt-theme-dark .mlt-user-menu[open] .mlt-user-menu-trigger, [data-theme="dark"] .mlt-user-menu[open] .mlt-user-menu-trigger  {
         border-color: color-mix(in srgb, var(--mlt-theme, #0ea5e9) 55%, #475569) !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5) !important;
    }
  .mlt-theme-dark .mlt-user-name, [data-theme="dark"] .mlt-user-name  {
         color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-user-caret, [data-theme="dark"] .mlt-user-caret  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-user-menu-panel, [data-theme="dark"] .mlt-user-menu-panel  {
         background: #1e293b !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
    }
  .mlt-theme-dark .mlt-user-menu-header, [data-theme="dark"] .mlt-user-menu-header  {
         border-bottom-color: #334155 !important;
    }
  .mlt-theme-dark .mlt-user-menu-name, [data-theme="dark"] .mlt-user-menu-name  {
         color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-user-menu-subtitle, [data-theme="dark"] .mlt-user-menu-subtitle  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-user-menu-info, [data-theme="dark"] .mlt-user-menu-info  {
         border-top-color: #334155 !important;
        border-bottom-color: #334155 !important;
    }
  .mlt-theme-dark .mlt-user-menu-info span, [data-theme="dark"] .mlt-user-menu-info span  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-user-menu-info strong, [data-theme="dark"] .mlt-user-menu-info strong  {
         color: #cbd5e1 !important;
    }
  .mlt-theme-dark .mlt-user-menu-item, [data-theme="dark"] .mlt-user-menu-item  {
         color: #cbd5e1 !important;
    }
  .mlt-theme-dark .mlt-user-menu-item:hover, [data-theme="dark"] .mlt-user-menu-item:hover  {
         background: #334155 !important;
        color: #ffffff !important;
    }
  /* Notification Bell Dropdown Dark Mode */ .mlt-theme-dark .mlt-bell-btn, [data-theme="dark"] .mlt-bell-btn  {
         color: #cbd5e1 !important;
    }
 .mlt-theme-dark .mlt-bell-btn:hover, [data-theme="dark"] .mlt-bell-btn:hover  {
         color: #ffffff !important;
        background-color: rgba(255, 255, 255, 0.08) !important;
    }
  .mlt-theme-dark .mlt-notification-dropdown, [data-theme="dark"] .mlt-notification-dropdown  {
         background: #1e293b !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    }
  .mlt-theme-dark .mlt-notification-dropdown .border-bottom, [data-theme="dark"] .mlt-notification-dropdown .border-bottom  {
         border-bottom-color: #334155 !important;
    }
  .mlt-theme-dark .mlt-notification-item:hover, [data-theme="dark"] .mlt-notification-item:hover  {
         background: #334155 !important;
    }
  .mlt-theme-dark .mlt-notification-item.is-unread, [data-theme="dark"] .mlt-notification-item.is-unread  {
         background: rgba(14, 165, 233, 0.15) !important;
    }
  /* Task Help Guide & Detail Elements */ .mlt-theme-dark .mlt-task-help-details summary, [data-theme="dark"] .mlt-task-help-details summary, .mlt-theme-dark .mlt-task-help-details .text-secondary, [data-theme="dark"] .mlt-task-help-details .text-secondary  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-task-help-details summary:hover, [data-theme="dark"] .mlt-task-help-details summary:hover  {
         color: #cbd5e1 !important;
    }
  .mlt-theme-dark .mlt-task-help-details .text-dark, [data-theme="dark"] .mlt-task-help-details .text-dark  {
         color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-task-help-details .border-start, [data-theme="dark"] .mlt-task-help-details .border-start  {
         border-color: #334155 !important;
    }
  /* Task Row & History Contrast Overrides */ .mlt-theme-dark .mlt-task-description-line, [data-theme="dark"] .mlt-task-description-line  {
         color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-task-history-preview, [data-theme="dark"] .mlt-task-history-preview  {
         border-left-color: #475569 !important;
    }
  .mlt-theme-dark .mlt-task-history-preview .text-primary, [data-theme="dark"] .mlt-task-history-preview .text-primary  {
         color: #38bdf8 !important;
    }
  .mlt-theme-dark .mlt-task-history-preview-text, [data-theme="dark"] .mlt-task-history-preview-text  {
         color: #cbd5e1 !important;
    }
  .mlt-theme-dark .mlt-task-person-filter > summary, [data-bs-theme="dark"] .mlt-task-person-filter > summary, body.dark-theme .mlt-task-person-filter > summary, .dark-mode .mlt-task-person-filter > summary  {
         background: var(--mlt-dm-surface-2, #273548) !important;
        border-color: var(--mlt-dm-border, #334155) !important;
        color: var(--mlt-dm-text, #f8fafc) !important;
    }
  .mlt-theme-dark .mlt-task-person-filter > summary .text-muted, [data-bs-theme="dark"] .mlt-task-person-filter > summary .text-muted, body.dark-theme .mlt-task-person-filter > summary .text-muted, .dark-mode .mlt-task-person-filter > summary .text-muted  {
         color: #94a3b8 !important;
    }
  .mlt-theme-dark .mlt-task-person-filter-panel, [data-bs-theme="dark"] .mlt-task-person-filter-panel, body.dark-theme .mlt-task-person-filter-panel, .dark-mode .mlt-task-person-filter-panel  {
         background: var(--mlt-dm-surface-2, #273548) !important;
        border-color: var(--mlt-dm-border, #334155) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
        color: var(--mlt-dm-text, #f8fafc) !important;
    }
  .mlt-theme-dark .sidebar, .mlt-theme-dark .mlt-sidebar-header, .mlt-theme-dark .nav-scrollable  {
         background:         radial-gradient(circle at top, rgba(104, 159, 56, 0.22), transparent 18rem),         linear-gradient(180deg, #181b1e 0%, #2d3136 56%, #1e2226 100%) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-sidebar-nav, .mlt-theme-dark .mlt-sidebar-footer, .mlt-theme-dark .mlt-navbar-client-picker, .mlt-theme-dark .mlt-navbar-user-mobile  {
         border-color: rgba(255, 255, 255, 0.12) !important;
    }
  .mlt-theme-dark .sidebar .nav-link, .mlt-theme-dark .sidebar summary.nav-link, .mlt-theme-dark .sidebar .navbar-brand, .mlt-theme-dark .sidebar .mlt-nav-text, .mlt-theme-dark .sidebar .mlt-nav-icon  {
         color: rgba(226, 232, 240, 0.88) !important;
    }
  .mlt-theme-dark .sidebar .nav-link.active, .mlt-theme-dark .sidebar .nav-link:hover, .mlt-theme-dark .sidebar summary.nav-link:hover, .mlt-theme-dark .sidebar .nav-item a.active  {
         background-color: rgba(104, 159, 56, 0.22) !important;
        color: #ffffff !important;
    }
  .mlt-theme-dark .mlt-navbar-client-button, .mlt-theme-dark .page.sidebar-collapsed .mlt-navbar-client-button  {
         background: rgba(30, 34, 38, 0.85) !important;
        border-color: rgba(104, 159, 56, 0.3) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-navbar-client-option  {
         background: rgba(45, 49, 54, 0.85) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-navbar-client-option:hover, .mlt-theme-dark .mlt-navbar-client-option.is-active  {
         background: rgba(104, 159, 56, 0.25) !important;
        color: #ffffff !important;
    }
  .mlt-theme-dark .mlt-navbar-client-picker .form-label  {
         color: rgba(203, 213, 225, 0.74) !important;
    }
  [data-theme="dark"] .bg-white, .mlt-theme-dark .bg-white  {
         background-color: var(--mlt-dm-surface) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .card-header.bg-white, .mlt-theme-dark .card-header.bg-white  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-bottom-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .bg-light, .mlt-theme-dark .bg-light, [data-theme="dark"] .table-light, .mlt-theme-dark .table-light  {
         background-color: var(--mlt-dm-surface-2) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .border-light, .mlt-theme-dark .border-light, [data-theme="dark"] .border-primary-subtle, .mlt-theme-dark .border-primary-subtle  {
         border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] select option, .mlt-theme-dark select option  {
         background-color: var(--mlt-dm-surface-2) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] [style*="background: #fff"], [data-theme="dark"] [style*="background:#fff"], [data-theme="dark"] [style*="background-color: #fff"], [data-theme="dark"] [style*="background-color:#fff"], [data-theme="dark"] [style*="background: #FFF"], [data-theme="dark"] [style*="background:#FFF"], [data-theme="dark"] [style*="background-color: #FFF"], [data-theme="dark"] [style*="background-color:#FFF"], [data-theme="dark"] [style*="background: #ffffff"], [data-theme="dark"] [style*="background:#ffffff"], [data-theme="dark"] [style*="background-color: #ffffff"], [data-theme="dark"] [style*="background-color:#ffffff"], [data-theme="dark"] [style*="background: #FFFFFF"], [data-theme="dark"] [style*="background:#FFFFFF"], [data-theme="dark"] [style*="background-color: #FFFFFF"], [data-theme="dark"] [style*="background-color:#FFFFFF"], .mlt-theme-dark [style*="background-color: #f8fafc"], .mlt-theme-dark [style*="background-color:#f8fafc"], .mlt-theme-dark [style*="background: #f8fafc"], .mlt-theme-dark [style*="background:#f8fafc"], .mlt-theme-dark [style*="background-color: #ffffff"], .mlt-theme-dark [style*="background-color:#ffffff"], .mlt-theme-dark [style*="background: #ffffff"], .mlt-theme-dark [style*="background:#ffffff"], .mlt-theme-dark [style*="background-color: white"], .mlt-theme-dark [style*="background: white"]  {
         background: var(--mlt-dm-surface) !important;
        background-color: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark [style*="color: #0f172a"], .mlt-theme-dark [style*="color:#0f172a"], .mlt-theme-dark [style*="color: #111827"], .mlt-theme-dark [style*="color:#111827"], .mlt-theme-dark [style*="color: #1e293b"], .mlt-theme-dark [style*="color:#1e293b"], .mlt-theme-dark [style*="color: #334155"], .mlt-theme-dark [style*="color:#334155"]  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-task-toolbar-sticky, .mlt-theme-dark .mlt-task-client-dropdown, .mlt-theme-dark .mlt-task-notes-details, .mlt-theme-dark .mlt-kanban-shell, .mlt-theme-dark .mlt-kanban-column, .mlt-theme-dark .mlt-kanban-card, .mlt-theme-dark .mlt-trello-card, .mlt-theme-dark .mlt-delivery-score-card, .mlt-theme-dark .mlt-delivery-mission-card, .mlt-theme-dark .mlt-ranking-card, .mlt-theme-dark .mlt-ranking-row, .mlt-theme-dark .mlt-info-balloon, .mlt-theme-dark .mlt-rec-card, .mlt-theme-dark .mlt-rec-filter-band, .mlt-theme-dark .mlt-rec-client-chip, .mlt-theme-dark .mlt-rec-mobile-item, .mlt-theme-dark .mlt-rec-modal-footer, .mlt-theme-dark .mlt-rec-close-btn, .mlt-theme-dark .mlt-rec-notes, .mlt-theme-dark .mlt-voice-task-panel, .mlt-theme-dark .mlt-locais-card, .mlt-theme-dark .mlt-categorias-card, .mlt-theme-dark .mlt-billing-history-card, .mlt-theme-dark .mlt-billing-card  {
         background: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-title, .mlt-theme-dark .mlt-billing-card h1, .mlt-theme-dark .mlt-billing-card h2, .mlt-theme-dark .mlt-billing-card h3, .mlt-theme-dark .mlt-billing-card h4, .mlt-theme-dark .mlt-billing-card h5, .mlt-theme-dark .mlt-billing-history-card h1, .mlt-theme-dark .mlt-billing-history-card h2, .mlt-theme-dark .mlt-billing-history-card h3, .mlt-theme-dark .mlt-billing-history-card h4, .mlt-theme-dark .mlt-billing-history-card h5  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-subtitle  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-billing-history-item, .mlt-theme-dark .mlt-billing-history-mobile-card, .mlt-theme-dark .mlt-summary-item, .mlt-theme-dark .mlt-csv-import-panel, .mlt-theme-dark .mlt-billing-mobile-card, .mlt-theme-dark .mlt-reunioes-filter-card  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-reunioes-filter-card .text-dark, .mlt-theme-dark .mlt-reunioes-filter-card .fw-bold  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-reunioes-filter-card .form-control, .mlt-theme-dark .mlt-reunioes-filter-card .form-select, .mlt-theme-dark .mlt-reunioes-filter-card .input-group-text  {
         background-color: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-reunioes-status-tabs .nav-link  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-reunioes-status-tabs .nav-link.active  {
         background-color: var(--mlt-theme, #0ea5e9) !important;
        color: #ffffff !important;
    }
  .mlt-theme-dark .mlt-billing-history-item small  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-billing-history-item strong  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-history-table th, .mlt-theme-dark .mlt-billing-history-table td  {
         border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-history-table th  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-success, .mlt-theme-dark .mlt-dashboard-board .mlt-stat-card.is-success, .mlt-theme-dark .mlt-ranking-row.is-current  {
         background: rgba(34, 197, 94, 0.12) !important;
    }
  .mlt-theme-dark .mlt-dashboard-board .mlt-stat-card.is-today, .mlt-theme-dark .mlt-mission-tag, .mlt-theme-dark .mlt-ranking-position, .mlt-theme-dark .mlt-rec-pill  {
         background: rgba(14, 165, 233, 0.14) !important;
        color: #bae6fd !important;
    }
  .mlt-theme-dark .mlt-rec-mobile-btn-edit  {
         background-color: rgba(59, 130, 246, 0.15) !important;
        color: #60a5fa !important;
        border-color: rgba(59, 130, 246, 0.3) !important;
    }
 .mlt-theme-dark .mlt-rec-mobile-btn-edit:hover  {
         background-color: rgba(59, 130, 246, 0.25) !important;
        color: #93c5fd !important;
    }
  .mlt-theme-dark .mlt-rec-mobile-btn-pause  {
         background-color: rgba(245, 158, 11, 0.15) !important;
        color: #fbbf24 !important;
        border-color: rgba(245, 158, 11, 0.3) !important;
    }
 .mlt-theme-dark .mlt-rec-mobile-btn-pause:hover  {
         background-color: rgba(245, 158, 11, 0.25) !important;
        color: #fde047 !important;
    }
  .mlt-theme-dark .mlt-rec-mobile-btn-activate  {
         background-color: rgba(34, 197, 94, 0.15) !important;
        color: #4ade80 !important;
        border-color: rgba(34, 197, 94, 0.3) !important;
    }
 .mlt-theme-dark .mlt-rec-mobile-btn-activate:hover  {
         background-color: rgba(34, 197, 94, 0.25) !important;
        color: #86efac !important;
    }
  .mlt-theme-dark .mlt-rec-mobile-btn-delete  {
         background-color: rgba(239, 68, 68, 0.15) !important;
        color: #f87171 !important;
        border-color: rgba(239, 68, 68, 0.3) !important;
    }
 .mlt-theme-dark .mlt-rec-mobile-btn-delete:hover  {
         background-color: rgba(239, 68, 68, 0.25) !important;
        color: #fca5a5 !important;
    }
  .mlt-theme-dark .mlt-task-toolbar-sticky, .mlt-theme-dark .mlt-week-task-row:hover, .mlt-theme-dark .mlt-rec-close-btn:hover  {
         background: var(--mlt-dm-surface-2) !important;
    }
  /* Dark Mode - Dashboard Meetings Banner & Cards */ [data-theme="dark"] .mlt-dashboard-meetings-banner, .mlt-theme-dark .mlt-dashboard-meetings-banner  {
         background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
        border: 1px solid rgba(14, 165, 233, 0.35) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-dashboard-meetings-title, .mlt-theme-dark .mlt-dashboard-meetings-title  {
         color: #f8fafc !important;
    }
  [data-theme="dark"] .mlt-dashboard-meetings-subtitle, .mlt-theme-dark .mlt-dashboard-meetings-subtitle  {
         color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-dashboard-meeting-card, .mlt-theme-dark .mlt-dashboard-meeting-card  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-dashboard-meeting-card-title, .mlt-theme-dark .mlt-dashboard-meeting-card-title  {
         color: #f8fafc !important;
    }
  [data-theme="dark"] .mlt-dashboard-meeting-card-sub, .mlt-theme-dark .mlt-dashboard-meeting-card-sub  {
         color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-stat-label-postponed, [data-theme="dark"] .mlt-stat-value-postponed, .mlt-theme-dark .mlt-stat-label-postponed, .mlt-theme-dark .mlt-stat-value-postponed  {
         color: #fbbf24 !important;
    }
  [data-theme="dark"] .mlt-calendar-day.has-task, .mlt-theme-dark .mlt-calendar-day.has-task  {
         color: #38bdf8 !important;
        background: rgba(14, 165, 233, 0.18) !important;
    }
  [data-theme="dark"] .mlt-calendar-day:hover, .mlt-theme-dark .mlt-calendar-day:hover  {
         background: rgba(255, 255, 255, 0.1) !important;
    }
  [data-theme="dark"] .mlt-info-balloon::before, .mlt-theme-dark .mlt-info-balloon::before  {
         background: var(--mlt-dm-surface) !important;
        border-top-color: var(--mlt-dm-border) !important;
        border-left-color: var(--mlt-dm-border) !important;
    }
  /* Dark Mode Overrides for TarefasCalendario page */ [data-theme="dark"] .mlt-calendar-shell, .mlt-theme-dark .mlt-calendar-shell  {
         background: linear-gradient(180deg, var(--mlt-dm-surface) 0%, #0f172a 100%) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-calendar-nav, .mlt-theme-dark .mlt-calendar-nav, [data-theme="dark"] .mlt-view-switch, .mlt-theme-dark .mlt-view-switch  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  [data-theme="dark"] .mlt-calendar-nav-btn, .mlt-theme-dark .mlt-calendar-nav-btn  {
         background: rgba(14, 165, 233, 0.16) !important;
        color: #38bdf8 !important;
    }
  [data-theme="dark"] .mlt-calendar-nav-btn:hover, .mlt-theme-dark .mlt-calendar-nav-btn:hover  {
         background: rgba(14, 165, 233, 0.28) !important;
        color: #ffffff !important;
    }
  [data-theme="dark"] .mlt-calendar-title, .mlt-theme-dark .mlt-calendar-title  {
         color: #f8fafc !important;
    }
  [data-theme="dark"] .mlt-calendar-caption, .mlt-theme-dark .mlt-calendar-caption, [data-theme="dark"] .mlt-calendar-weekday, .mlt-theme-dark .mlt-calendar-weekday  {
         color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-view-switch-btn, .mlt-theme-dark .mlt-view-switch-btn  {
         color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-view-switch-btn:hover, .mlt-theme-dark .mlt-view-switch-btn:hover  {
         background: rgba(255, 255, 255, 0.08) !important;
        color: #f8fafc !important;
    }
  [data-theme="dark"] .mlt-view-switch-btn.is-active, .mlt-theme-dark .mlt-view-switch-btn.is-active  {
         background: rgba(14, 165, 233, 0.2) !important;
        color: #38bdf8 !important;
        box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.4) !important;
    }
  [data-theme="dark"] .mlt-calendar-cell, .mlt-theme-dark .mlt-calendar-cell  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  [data-theme="dark"] .mlt-calendar-cell.is-outside, .mlt-theme-dark .mlt-calendar-cell.is-outside  {
         background: rgba(15, 23, 42, 0.5) !important;
        opacity: 0.45 !important;
    }
  [data-theme="dark"] .mlt-calendar-cell.is-today, .mlt-theme-dark .mlt-calendar-cell.is-today  {
         border-color: #38bdf8 !important;
        box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.25) !important;
    }
  [data-theme="dark"] .mlt-calendar-task, .mlt-theme-dark .mlt-calendar-task  {
         background: rgba(14, 165, 233, 0.16) !important;
        color: #f8fafc !important;
        box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.25) !important;
    }
  [data-theme="dark"] .mlt-calendar-task:hover, .mlt-theme-dark .mlt-calendar-task:hover  {
         background: rgba(14, 165, 233, 0.28) !important;
        color: #ffffff !important;
    }
  [data-theme="dark"] .mlt-calendar-task.is-completed, .mlt-theme-dark .mlt-calendar-task.is-completed  {
         background: rgba(34, 197, 94, 0.18) !important;
        color: #86efac !important;
        box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.3) !important;
    }
  [data-theme="dark"] .mlt-calendar-task.is-projected, .mlt-theme-dark .mlt-calendar-task.is-projected  {
         background: rgba(14, 165, 233, 0.08) !important;
        border-color: rgba(14, 165, 233, 0.3) !important;
        color: #94a3b8 !important;
    }
  [data-theme="dark"] .mlt-calendar-event, .mlt-theme-dark .mlt-calendar-event  {
         background: rgba(245, 158, 11, 0.18) !important;
        color: #fde047 !important;
        box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.3) !important;
    }
  [data-theme="dark"] .mlt-calendar-client-pill, .mlt-theme-dark .mlt-calendar-client-pill  {
         background: rgba(14, 165, 233, 0.14) !important;
        border-color: rgba(14, 165, 233, 0.3) !important;
        color: #38bdf8 !important;
    }
  .mlt-theme-dark .mlt-info-balloon-title, .mlt-theme-dark .mlt-score-line strong, .mlt-theme-dark .mlt-delivery-mission-card h2, .mlt-theme-dark .mlt-ranking-user strong, .mlt-theme-dark .mlt-ranking-score, .mlt-theme-dark .mlt-card-title-row h2, .mlt-theme-dark .mlt-week-task-copy strong, .mlt-theme-dark .mlt-voice-task-title, .mlt-theme-dark .mlt-rec-sort-btn:hover  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-score-line span, .mlt-theme-dark .mlt-delivery-mission-card p, .mlt-theme-dark .mlt-ranking-user small, .mlt-theme-dark .mlt-ranking-empty, .mlt-theme-dark .mlt-card-title-row span, .mlt-theme-dark .mlt-week-task-copy small, .mlt-theme-dark .mlt-calendar-day, .mlt-theme-dark .mlt-task-notes-details summary, .mlt-theme-dark .mlt-rec-table th, .mlt-theme-dark .mlt-rec-header-company-label, .mlt-theme-dark .mlt-rec-mobile-meta, .mlt-theme-dark .mlt-rec-notes summary, .mlt-theme-dark .mlt-voice-task-meta, .mlt-theme-dark .mlt-users-email-sub  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-rec-table th, .mlt-theme-dark .mlt-rec-table td, .mlt-theme-dark .mlt-rec-modal-header, .mlt-theme-dark .mlt-rec-modal-footer, .mlt-theme-dark .mlt-info-balloon-title  {
         border-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-toast  {
         background: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        box-shadow: 0 18px 44px -24px rgba(0, 0, 0, 0.75) !important;
    }
  .mlt-theme-dark .mlt-toast-title, .mlt-theme-dark .mlt-toast-message  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-toast-close  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-toast-close:hover, .mlt-theme-dark .mlt-toast-close:focus  {
         background: var(--mlt-dm-surface-2) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-task-client-dropdown .form-select  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-task-client-dropdown::after  {
         border-color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-week-task-dot  {
         background: var(--mlt-dm-surface-2) !important;
        box-shadow: none !important;
    }
  .mlt-theme-dark .text-primary  {
         color: #7dd3fc !important;
    }
  .mlt-theme-dark .text-success  {
         color: #86efac !important;
    }
  .mlt-theme-dark .text-danger  {
         color: #fca5a5 !important;
    }
  .mlt-theme-dark .text-warning  {
         color: #fde68a !important;
    }
  .btn-primary  {
         color: #fff;
        background-color: var(--mlt-blue);
        border-color: var(--mlt-blue);
    }
  .btn-success  {
         background-color: var(--mlt-green);
        border-color: var(--mlt-green);
    }
  .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus  {
       box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(14, 165, 233, 0.35);
    }
  .content  {
         padding-top: 1.1rem;
    }
  h1:focus  {
         outline: none;
    }
  .mlt-auth-recovery-shell  {
         align-items: center;
        display: flex;
        justify-content: center;
        min-height: 100vh;
        padding: 1rem;
    }
  .mlt-auth-recovery-card  {
         background: rgba(11, 53, 81, 0.78);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 16px;
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
        color: #ffffff;
        max-width: 430px;
        padding: 2rem;
        width: 100%;
    }
  .mlt-auth-recovery-card h1  {
         font-size: 1.4rem;
        margin: 0 0 0.4rem;
        text-align: center;
    }
  .mlt-auth-recovery-card > p  {
         color: #cbd5e1;
        font-size: 0.86rem;
        margin: 0 0 1.4rem;
        text-align: center;
    }
  .mlt-auth-recovery-card .form-label  {
         color: #e2e8f0;
        font-size: 0.8rem;
        font-weight: 700;
    }
  .mlt-auth-recovery-logo  {
         border-radius: 12px;
        display: block;
        height: 48px;
        margin: 0 auto 1rem;
        object-fit: cover;
        width: 48px;
    }
  .mlt-auth-recovery-back  {
         color: #bae6fd;
        display: block;
        font-size: 0.82rem;
        margin-top: 1.25rem;
        text-align: center;
    }
  .valid.modified:not([type=checkbox])  {
         outline: 1px solid #26b050;
    }
  .invalid  {
         outline: 1px solid #e50000;
    }
  .validation-message  {
         color: #e50000;
    }
  .blazor-error-boundary  {
         background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
        padding: 1rem 1rem 1rem 3.7rem;
        color: white;
    }
      .blazor-error-boundary::after  {
             content: "An error has occurred."     }
  .darker-border-checkbox.form-check-input  {
         border-color: #929292;
    }
  .mlt-topbar  {
         border-bottom: 1px solid var(--mlt-gray-200);
        background: #fff;
    }
  .mlt-topbar-shell, .mlt-topbar-left, .mlt-topbar-right, .mlt-topbar-client-select  {
         min-width: 0;
    }
  .mlt-topbar-client-input  {
         min-width: 200px;
    }
  .mlt-sidebar-header  {
         background: linear-gradient(135deg, var(--mlt-gray-900), var(--mlt-gray-700));
    }
  .task-client-accent  {
         border-left: 6px solid var(--client-accent, var(--mlt-blue)) !important;
    }
  .mlt-task-actions  {
         display: flex;
        align-items: center;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
  .mlt-task-toolbar-sticky  {
         position: sticky;
        top: 0.75rem;
        z-index: 20;
        margin: -0.25rem -0.25rem 0.5rem;
        padding: 0.35rem 0.35rem;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(10px);
        box-shadow: 0 10px 26px -24px rgba(15, 23, 42, 0.7);
    }
  .mlt-btn  {
         appearance: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        border-radius: 999px;
        padding: 0.72rem 1.05rem;
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.01em;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
        box-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.55);
    }
  .mlt-btn:hover:not(:disabled)  {
         transform: translateY(-1px);
        box-shadow: 0 16px 28px -20px rgba(15, 23, 42, 0.45);
    }
  .mlt-btn:disabled  {
         opacity: 0.55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }
  .mlt-btn-primary  {
         background: linear-gradient(135deg, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 88%, white), var(--client-accent, var(--mlt-blue)));
        color: white;
    }
  .mlt-btn-primary:hover:not(:disabled)  {
         background: linear-gradient(135deg, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 82%, white), color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 92%, black));
    }
  .mlt-btn-secondary  {
         background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 10%, white);
        border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 24%, white);
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 72%, #0f172a);
    }
  .mlt-btn-secondary:hover:not(:disabled)  {
         background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, white);
        border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 34%, white);
    }
  .mlt-btn-ghost  {
         background: rgba(255, 255, 255, 0.84);
        border-color: rgba(148, 163, 184, 0.28);
        color: var(--mlt-gray-700);
    }
  .mlt-btn-ghost:hover:not(:disabled)  {
         background: white;
        border-color: rgba(148, 163, 184, 0.42);
    }
  .mlt-btn-sm  {
         padding: 0.62rem 0.95rem;
        font-size: 0.84rem;
    }
  .mlt-chip-btn  {
         appearance: none;
        border: 1px solid rgba(148, 163, 184, 0.28);
        background: rgba(248, 250, 252, 0.96);
        color: var(--mlt-gray-700);
        border-radius: 999px;
        padding: 0.38rem 0.78rem;
        font-size: 0.77rem;
        font-weight: 600;
        line-height: 1;
        transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    }
  .mlt-chip-btn:hover  {
         background: white;
        border-color: rgba(100, 116, 139, 0.36);
        color: var(--mlt-gray-900);
        transform: translateY(-1px);
    }
  .mlt-chip-btn-success  {
         background: color-mix(in srgb, var(--mlt-green) 14%, white);
        border-color: color-mix(in srgb, var(--mlt-green) 28%, white);
        color: color-mix(in srgb, var(--mlt-green) 68%, #14532d);
    }
  .mlt-chip-btn-success:hover  {
         background: color-mix(in srgb, var(--mlt-green) 18%, white);
        border-color: color-mix(in srgb, var(--mlt-green) 38%, white);
    }
  .mlt-chip-btn-danger  {
         background: color-mix(in srgb, #ef4444 10%, white);
        border-color: color-mix(in srgb, #ef4444 24%, white);
        color: color-mix(in srgb, #ef4444 72%, #7f1d1d);
    }
  .mlt-chip-btn-danger:hover  {
         background: color-mix(in srgb, #ef4444 14%, white);
        border-color: color-mix(in srgb, #ef4444 34%, white);
    }
  .mlt-task-order-toggle  {
         width: 2rem;
        min-width: 2rem;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
    }
  .mlt-task-order-btn  {
         flex: 1;
        border: 1px solid rgba(148, 163, 184, 0.26);
        background: rgba(248, 250, 252, 0.92);
        color: rgba(100, 116, 139, 0.9);
        border-radius: 12px;
        font-size: 0.7rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
    }
  .mlt-task-order-btn:hover:not(:disabled)  {
         background: white;
        border-color: rgba(100, 116, 139, 0.34);
        color: var(--mlt-gray-900);
        transform: translateY(-1px);
    }
  .mlt-task-order-btn:disabled  {
         opacity: 0.35;
        cursor: not-allowed;
    }
  .mlt-modal-backdrop  {
         position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.55);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        overflow-y: auto;
        z-index: 1050;
    }
  .mlt-modal  {
         width: 100%;
        max-width: 560px;
        max-height: calc(100dvh - 32px);
        background: #fff;
        border-radius: 12px;
        border: 1px solid var(--mlt-gray-200);
        box-shadow: 0 20px 50px rgba(0,0,0,0.25);
        overflow-y: auto;
        padding: 16px;
    }
  @media (max-width: 575.98px)  {
         .mlt-modal-backdrop  {
             align-items: flex-start;
            padding: 4.5rem 0.6rem 1rem 0.6rem;
            padding-top: max(4.5rem, calc(3.75rem + env(safe-area-inset-top, 0px)));
            -webkit-overflow-scrolling: touch;
        }
      .mlt-modal  {
             border-radius: 14px;
            max-height: calc(100dvh - 5.25rem);
            max-height: calc(100vh - 5.25rem);
            padding: 0.95rem 0.85rem;
        }
 }
  .mlt-task-client-dropdown .form-select  {
         border-radius: 20px;
        font-weight: 600;
        border-color: rgba(148, 163, 184, 0.35);
        background-position: right 0.65rem center;
        padding-right: 1.8rem;
    }
  .mlt-theme-dark .mlt-task-client-dropdown .form-select  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-completion-modal  {
         border-color: rgba(34, 197, 94, 0.24);
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
    }
  .mlt-completion-modal-header  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid #dcfce7;
        color: #14532d;
    }
  .mlt-completion-modal-icon  {
         width: 34px;
        height: 34px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #dcfce7;
        color: #15803d;
        box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.22);
    }
  .mlt-completion-task-summary  {
         border: 1px solid #e2e8f0;
        background: #f8fafc;
        border-radius: 8px;
        color: #64748b;
        font-size: 0.82rem;
        margin-bottom: 1rem;
        padding: 0.65rem 0.75rem;
    }
  .mlt-completion-approval-hint  {
         border: 1px solid #bfdbfe;
        background: #eff6ff;
        color: #1e40af;
        border-radius: 8px;
        font-size: 0.78rem;
        margin-bottom: 0.85rem;
        padding: 0.55rem 0.7rem;
    }
  .mlt-completion-actions  {
         display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
  .mlt-completion-approval-btn, .mlt-completion-confirm-btn  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        border-radius: 8px;
        font-weight: 700;
        min-height: 34px;
        padding-inline: 0.75rem;
    }
  .mlt-completion-approval-btn  {
         color: #1d4ed8;
        background: #eff6ff;
        border: 1px solid #93c5fd;
    }
  .mlt-completion-approval-btn:hover:not(:disabled)  {
         color: #1e3a8a;
        background: #dbeafe;
        border-color: #60a5fa;
    }
  .mlt-completion-approval-btn:disabled  {
         color: #94a3b8;
        background: #f8fafc;
        border-color: #e2e8f0;
    }
  .mlt-completion-confirm-btn  {
         color: #fff;
        background: #16a34a;
        border: 1px solid #15803d;
        box-shadow: 0 10px 20px rgba(22, 163, 74, 0.18);
    }
  .mlt-completion-confirm-btn:hover:not(:disabled)  {
         color: #fff;
        background: #15803d;
        border-color: #166534;
    }
  .mlt-task-action-modal  {
         box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
    }
  .mlt-task-action-modal-warning  {
         border-color: rgba(245, 158, 11, 0.3);
    }
  .mlt-task-action-modal-danger  {
         border-color: rgba(239, 68, 68, 0.3);
    }
  .mlt-task-action-modal-header  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--mlt-action-border, #e2e8f0);
        color: var(--mlt-action-text, #334155);
    }
  .mlt-task-action-modal-icon  {
         width: 34px;
        height: 34px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--mlt-action-soft, #f1f5f9);
        color: var(--mlt-action-main, #475569);
        box-shadow: inset 0 0 0 1px var(--mlt-action-ring, rgba(100, 116, 139, 0.2));
    }
  .mlt-task-action-modal-warning  {
         --mlt-action-main: #d97706;
        --mlt-action-text: #78350f;
        --mlt-action-soft: #fef3c7;
        --mlt-action-border: #fde68a;
        --mlt-action-ring: rgba(245, 158, 11, 0.28);
    }
  .mlt-task-action-modal-danger  {
         --mlt-action-main: #dc2626;
        --mlt-action-text: #7f1d1d;
        --mlt-action-soft: #fee2e2;
        --mlt-action-border: #fecaca;
        --mlt-action-ring: rgba(239, 68, 68, 0.28);
    }
  .mlt-task-action-summary  {
         border: 1px solid #e2e8f0;
        background: #f8fafc;
        border-radius: 8px;
        color: #64748b;
        font-size: 0.82rem;
        margin-bottom: 1rem;
        padding: 0.65rem 0.75rem;
    }
  .mlt-task-action-note  {
         border: 1px solid var(--mlt-action-border, #e2e8f0);
        background: var(--mlt-action-soft, #f8fafc);
        color: var(--mlt-action-text, #334155);
        border-radius: 8px;
        font-size: 0.78rem;
        margin-bottom: 0.85rem;
        padding: 0.55rem 0.7rem;
    }
  .mlt-task-action-actions  {
         display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        flex-wrap: wrap;
    }
  .mlt-task-action-confirm-btn  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        font-weight: 700;
        min-height: 34px;
        padding-inline: 0.8rem;
        color: #fff;
        background: var(--mlt-action-main, #475569);
        border: 1px solid var(--mlt-action-main, #475569);
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
    }
  .mlt-task-action-confirm-btn:hover:not(:disabled)  {
         color: #fff;
        filter: brightness(0.94);
    }
  .mlt-quick-task-modal  {
         border-color: rgba(148, 163, 184, 0.26);
        box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
    }
  @media (max-height: 760px)  {
         .mlt-modal-backdrop  {
             align-items: flex-start;
        }
 }
  .mlt-toast-stack  {
         position: fixed;
        top: 18px;
        right: 18px;
        z-index: 1085;
        width: min(420px, calc(100vw - 24px));
        pointer-events: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
  .mlt-toast  {
         display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: start;
        gap: 0.75rem;
        border-radius: 10px;
        box-shadow: 0 18px 44px -24px rgba(15, 23, 42, 0.58), 0 1px 0 rgba(255,255,255,0.78) inset;
        padding: 0.8rem 0.85rem;
        pointer-events: auto;
        animation: mltToastSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    }
  @keyframes mltToastSlideIn  {
         from  {
             opacity: 0;
            transform: translateY(-12px) scale(0.96);
        }
     to  {
             opacity: 1;
            transform: translateY(0) scale(1);
        }
 }
  .mlt-toast-success  {
         border: 1px solid rgba(187, 247, 208, 0.92);
        background: rgba(240, 253, 244, 0.98);
        color: #14532d;
    }
  .mlt-toast-danger  {
         border: 1px solid rgba(254, 202, 202, 0.95);
        background: rgba(254, 242, 242, 0.98);
        color: #7f1d1d;
    }
  .mlt-toast-warning  {
         border: 1px solid rgba(253, 230, 138, 0.96);
        background: rgba(255, 251, 235, 0.98);
        color: #78350f;
    }
  .mlt-toast-info  {
         border: 1px solid rgba(186, 230, 253, 0.95);
        background: rgba(240, 249, 255, 0.98);
        color: #0c4a6e;
    }
  .mlt-toast-icon  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 999px;
        color: #fff;
    }
  .mlt-toast-success .mlt-toast-icon  {
         background: #16a34a;
        box-shadow: 0 8px 18px -12px rgba(22, 163, 74, 0.9);
    }
  .mlt-toast-danger .mlt-toast-icon  {
         background: #dc2626;
        box-shadow: 0 8px 18px -12px rgba(220, 38, 38, 0.9);
    }
  .mlt-toast-warning .mlt-toast-icon  {
         background: #d97706;
        box-shadow: 0 8px 18px -12px rgba(217, 119, 6, 0.9);
    }
  .mlt-toast-info .mlt-toast-icon  {
         background: #0284c7;
        box-shadow: 0 8px 18px -12px rgba(2, 132, 199, 0.9);
    }
  .mlt-toast-body  {
         min-width: 0;
        display: grid;
        gap: 0.12rem;
    }
  .mlt-toast-title  {
         font-size: 0.78rem;
        font-weight: 800;
        line-height: 1.15;
    }
  .mlt-toast-success .mlt-toast-title  {
         color: #166534;
    }
  .mlt-toast-danger .mlt-toast-title  {
         color: #991b1b;
    }
  .mlt-toast-warning .mlt-toast-title  {
         color: #92400e;
    }
  .mlt-toast-info .mlt-toast-title  {
         color: #075985;
    }
  .mlt-toast-message  {
         color: #1f2937;
        font-size: 0.86rem;
        font-weight: 600;
        line-height: 1.35;
    }
  .mlt-toast-close  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #64748b;
        font-size: 1.15rem;
        line-height: 1;
    }
  .mlt-toast-close:hover, .mlt-toast-close:focus  {
         background: rgba(15, 23, 42, 0.08);
        color: #0f172a;
        outline: 0;
    }
  @media (max-width: 520px)  {
         .mlt-toast-stack  {
             top: 12px;
            right: 12px;
            left: 12px;
            width: auto;
        }
      .mlt-toast  {
             border-radius: 9px;
            padding: 0.72rem;
        }
 }
  .mlt-task-modal-header  {
         min-width: 0;
    }
  .mlt-task-client-dropdown  {
         min-width: 130px;
        max-width: 260px;
        position: relative;
        border-radius: 999px;
        background:         linear-gradient(135deg, color-mix(in srgb, var(--task-form-client-color, var(--client-accent, var(--mlt-blue))) 13%, #ffffff), #f8fafc);
        border: 1px solid color-mix(in srgb, var(--task-form-client-color, var(--client-accent, var(--mlt-blue))) 34%, #dbe4ee);
        box-shadow: 0 10px 22px -18px rgba(15, 23, 42, 0.65), inset 0 1px 0 rgba(255,255,255,0.82);
        overflow: hidden;
    }
  .mlt-task-client-dropdown::before  {
         content: "";
        position: absolute;
        left: 11px;
        top: 50%;
        width: 9px;
        height: 9px;
        transform: translateY(-50%);
        border-radius: 999px;
        background: var(--task-form-client-color, var(--client-accent, var(--mlt-blue)));
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--task-form-client-color, var(--client-accent, var(--mlt-blue))) 14%, transparent);
        pointer-events: none;
        z-index: 1;
    }
  .mlt-task-client-dropdown::after  {
         content: "";
        position: absolute;
        right: 11px;
        top: 50%;
        width: 7px;
        height: 7px;
        border-right: 2px solid #64748b;
        border-bottom: 2px solid #64748b;
        transform: translateY(-65%) rotate(45deg);
        pointer-events: none;
        z-index: 1;
    }
  .mlt-task-client-dropdown .form-select  {
         appearance: none;
        -webkit-appearance: none;
        width: 100%;
        border-radius: 999px;
        border: 0;
        background-color: transparent;
        background-image: none;
        color: #1e293b;
        font-size: 0.78rem;
        font-weight: 800;
        height: 32px;
        line-height: 1.15;
        padding-left: 30px;
        padding-right: 28px;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        box-shadow: none;
    }
  .mlt-task-body  {
         min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }
  .mlt-task-inline-row  {
         min-width: 0;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
    }
  .mlt-task-inline-text, .mlt-task-history-preview-text  {
         display: block;
        flex: 1 1 0%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  .mlt-task-client-dropdown .form-select:focus  {
         box-shadow: 0 0 0 3px color-mix(in srgb, var(--task-form-client-color, var(--client-accent, var(--mlt-blue))) 18%, transparent);
        outline: 0;
    }
  .mlt-task-client-dropdown .form-select:disabled  {
         color: #475569;
        cursor: default;
        opacity: 1;
    }
  .mlt-task-client-dropdown:has(.form-select:disabled)  {
         background: #f1f5f9;
        border-color: #dbe4ee;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
    }
  .mlt-task-compact-pair-row .form-label  {
         white-space: nowrap;
    }
  .mlt-task-executor-more  {
         display: none;
    }
  @media (max-width: 520px)  {
         .mlt-task-compact-pair-row  {
             --bs-gutter-x: 0.45rem;
        }
      .mlt-task-compact-pair-row .form-label  {
             font-size: 0.68rem !important;
        }
      .mlt-task-modal-header  {
             align-items: flex-start !important;
        }
      .mlt-task-executor-list  {
             flex-wrap: nowrap !important;
            overflow: hidden;
        }
      .mlt-task-executor-extra:not(.is-open)  {
             display: none !important;
        }
      .mlt-task-executor-more  {
             display: inline-flex;
            align-items: center;
            font-size: 0.75rem;
            font-weight: 700;
        }
      .mlt-task-client-dropdown  {
             min-width: 0;
            max-width: none;
        }
 }
  .mlt-task-notes-details  {
         border: 1px solid var(--mlt-gray-200);
        border-radius: 8px;
        background: #f8fafc;
        padding: 0;
    }
  .mlt-task-notes-details summary  {
         cursor: pointer;
        padding: 7px 10px;
        color: #64748b;
        font-size: 0.78rem;
        font-weight: 700;
        list-style-position: inside;
    }
  .mlt-task-notes-details[open]  {
         padding: 0 10px 10px;
    }
  .mlt-task-notes-details[open] summary  {
         padding-left: 0;
        padding-right: 0;
    }
  .mlt-task-group + .mlt-task-group  {
         margin-top: 1rem;
    }
  .mlt-kanban-shell  {
         background:         radial-gradient(circle at top right, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 12%, transparent), transparent 26%),         linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96));
        border-color: rgba(226, 232, 240, 0.9) !important;
        box-shadow: 0 18px 40px -34px rgba(15, 23, 42, 0.55);
    }
  .mlt-kanban-client-picker  {
         min-width: 220px;
    }
  .mlt-kanban-client-picker .form-label  {
         color: rgba(51, 65, 85, 0.84);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.03em;
    }
  .mlt-kanban-board  {
         display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
  .mlt-kanban-mobile-tabs  {
         -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
  .mlt-kanban-mobile-tabs::-webkit-scrollbar  {
         display: none;
    }
  .mlt-kanban-tab-btn  {
         border-radius: 999px;
        padding: 0.4rem 0.85rem;
        font-size: 0.825rem;
        font-weight: 700;
        white-space: nowrap;
        border: 1px solid rgba(148, 163, 184, 0.3);
        background: var(--bs-body-bg, #ffffff);
        color: var(--mlt-gray-700, #334155);
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        transition: all 0.15s ease;
    }
  .mlt-kanban-tab-btn.active  {
         border-color: var(--mlt-theme, #0ea5e9);
        background: color-mix(in srgb, var(--mlt-theme, #0ea5e9) 12%, white);
        color: var(--mlt-theme-dark, #0284c7);
        box-shadow: 0 2px 8px color-mix(in srgb, var(--mlt-theme, #0ea5e9) 20%, transparent);
    }
  .mlt-kanban-tab-dot  {
         width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
    }
  .mlt-theme-dark .mlt-kanban-tab-btn  {
         background: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-kanban-tab-btn.active  {
         background: color-mix(in srgb, var(--mlt-theme, #0ea5e9) 25%, var(--mlt-dm-surface)) !important;
        border-color: var(--mlt-theme, #0ea5e9) !important;
        color: #ffffff !important;
    }
  .mlt-kanban-column  {
         min-height: 520px;
        border-radius: 24px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 14px 30px -28px rgba(15, 23, 42, 0.42);
        display: flex;
        flex-direction: column;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
  .mlt-kanban-column.is-drop-target  {
         border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 46%, white);
        box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, white);
    }
  .mlt-kanban-column-success  {
         background:         linear-gradient(180deg, rgba(255,255,255,0.9), rgba(240, 253, 244, 0.92));
    }
  .mlt-kanban-column-warning  {
         background:         linear-gradient(180deg, rgba(255,255,255,0.9), rgba(254, 243, 199, 0.92));
    }
  .mlt-kanban-column-header  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1rem 0.85rem;
        border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    }
  .mlt-kanban-column-title  {
         font-size: 1rem;
        font-weight: 800;
        color: var(--mlt-gray-900);
    }
  .mlt-kanban-column-subtitle  {
         margin-top: 0.2rem;
        font-size: 0.82rem;
        color: rgba(51, 65, 85, 0.74);
    }
  .mlt-kanban-column-body  {
         padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.85rem;
        min-height: 0;
    }
  .mlt-kanban-card  {
         border-radius: 18px;
        padding: 0.95rem 1rem;
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 12px 24px -24px rgba(15, 23, 42, 0.42);
        cursor: grab;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
  .mlt-kanban-card-description  {
         flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  .mlt-kanban-card:hover  {
         transform: translateY(-1px);
        box-shadow: 0 18px 30px -26px rgba(15, 23, 42, 0.4);
        border-color: rgba(148, 163, 184, 0.34);
    }
  .mlt-kanban-card.is-dragging  {
         opacity: 0.72;
        transform: rotate(-1deg);
        box-shadow: 0 22px 34px -24px rgba(15, 23, 42, 0.46);
    }
  .mlt-kanban-card-completed  {
         background: rgba(248, 250, 252, 0.96);
    }
  .mlt-kanban-grip  {
         color: rgba(100, 116, 139, 0.72);
        letter-spacing: 0.1em;
        user-select: none;
    }
  .mlt-kanban-empty  {
         border: 1px dashed rgba(148, 163, 184, 0.55);
        border-radius: 18px;
        padding: 1rem;
        color: rgba(51, 65, 85, 0.76);
        background: rgba(248, 250, 252, 0.75);
    }
  @media (max-width: 991.98px)  {
         .mlt-kanban-client-picker  {
             min-width: 100%;
        }
 }
  .mlt-task-date-divider  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 0.5rem;
        padding-bottom: 0.35rem;
        border-bottom: 1px solid var(--mlt-gray-200);
        color: var(--mlt-gray-700);
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
  .mlt-calendar-shell  {
         background:         radial-gradient(circle at top right, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 12%, transparent), transparent 28%),         linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96));
        border-color: rgba(226, 232, 240, 0.9) !important;
        box-shadow: 0 18px 40px -34px rgba(15, 23, 42, 0.55);
    }
  .mlt-calendar-toolbar  {
         padding-bottom: 0.25rem;
    }
  .mlt-calendar-client-pill  {
         align-items: center;
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 11%, #ffffff);
        border: 1px solid color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 28%, #e2e8f0);
        border-radius: 999px;
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 72%, #0f172a);
        display: inline-flex;
        font-size: 0.78rem;
        font-weight: 800;
        gap: 0.45rem;
        max-width: min(46vw, 280px);
        min-height: 1.8rem;
        padding: 0.24rem 0.65rem 0.24rem 0.45rem;
    }
  .mlt-calendar-client-dot  {
         background: var(--client-accent, var(--mlt-blue));
        border-radius: 999px;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, transparent);
        flex: 0 0 auto;
        height: 0.58rem;
        width: 0.58rem;
    }
  .mlt-calendar-toolbar-meta  {
         justify-content: flex-end;
    }
  .mlt-calendar-nav  {
         padding: 0.35rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.48);
    }
  .mlt-calendar-nav-btn  {
         width: 2.35rem;
        height: 2.35rem;
        border: 0;
        border-radius: 999px;
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 10%, white);
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 75%, #0f172a);
        font-size: 1.35rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    }
  .mlt-calendar-nav-btn:hover  {
         transform: translateY(-1px);
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 16%, white);
        box-shadow: 0 14px 24px -18px rgba(15, 23, 42, 0.45);
    }
  .mlt-calendar-title-wrap  {
         min-width: 180px;
        padding: 0 0.35rem;
        text-align: center;
    }
  .mlt-calendar-caption  {
         font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: rgba(51, 65, 85, 0.72);
    }
  .mlt-calendar-title  {
         font-size: 1.05rem;
        color: var(--mlt-gray-900);
    }
  .mlt-calendar-title-client  {
         color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 76%, #334155);
        font-size: 0.74rem;
        font-weight: 800;
        margin-top: 0.08rem;
    }
  .mlt-calendar-subtitle  {
         max-width: 360px;
    }
  .mlt-view-switch  {
         display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.35rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.48);
    }
  .mlt-view-switch-btn  {
         border: 0;
        border-radius: 999px;
        background: transparent;
        color: var(--mlt-gray-700);
        font-size: 0.83rem;
        font-weight: 700;
        padding: 0.6rem 0.95rem;
        transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
  .mlt-view-switch-btn:hover  {
         transform: translateY(-1px);
        background: rgba(241, 245, 249, 0.95);
    }
  .mlt-view-switch-btn.is-active  {
         background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, white);
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 80%, #0f172a);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 18%, white);
    }
  .mlt-calendar-scroll  {
         flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }
  .mlt-calendar  {
         display: grid;
        gap: 0.75rem;
        flex: 1 1 auto;
        align-items: stretch;
    }
  .mlt-calendar-weekday  {
         font-size: 0.8rem;
        font-weight: 700;
        color: var(--mlt-gray-700);
        text-transform: uppercase;
        padding: 0.2rem 0.1rem;
    }
  .mlt-calendar-cell  {
         min-height: 160px;
        height: 100%;
        padding: 0.75rem;
        border: 1px solid rgba(226, 232, 240, 0.95);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 12px 24px -26px rgba(15, 23, 42, 0.55);
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        display: flex;
        flex-direction: column;
    }
  .mlt-calendar-cell:hover  {
         transform: translateY(-1px);
        box-shadow: 0 18px 32px -28px rgba(15, 23, 42, 0.45);
    }
  .mlt-calendar-cell.is-outside  {
         opacity: 0.62;
        background: rgba(248, 250, 252, 0.7);
    }
  .mlt-calendar-cell.is-today  {
         border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 56%, white);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 16%, transparent);
    }
  .mlt-calendar-cell.is-drag-over  {
         outline: 2px dashed var(--client-accent, var(--mlt-blue));
        outline-offset: -5px;
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 8%, white);
    }
  .mlt-calendar-task  {
         width: 100%;
        text-align: left;
        border: 0;
        border-radius: 12px;
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, white);
        color: var(--mlt-gray-900);
        font-size: 0.82rem;
        line-height: 1.25;
        padding: 0.42rem 0.55rem;
        cursor: grab;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 18%, white);
        transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }
  .mlt-calendar-task:hover  {
         transform: translateY(-1px);
        box-shadow:         inset 0 0 0 1px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 24%, white),         0 16px 22px -20px rgba(15, 23, 42, 0.55);
    }
  .mlt-calendar-task.is-dragging  {
         opacity: 0.55;
    }
  .mlt-calendar-task.is-completed  {
         background: color-mix(in srgb, var(--mlt-green) 18%, white);
    }
  .mlt-calendar-task.is-recurring  {
         box-shadow:         inset 0 0 0 1px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 24%, white),         inset 3px 0 0 var(--client-accent, var(--mlt-blue));
    }
  .mlt-calendar-task.is-projected  {
         background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 8%, white);
        border: 1px dashed color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 42%, white);
        box-shadow: none;
        opacity: 0.92;
    }
  .mlt-calendar-recurring-tag  {
         display: inline-block;
        margin-bottom: 0.2rem;
        padding: 0.05rem 0.35rem;
        border-radius: 999px;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 72%, black);
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 12%, white);
    }
  .mlt-calendar-event  {
         border-radius: 12px;
        background: color-mix(in srgb, #f59e0b 18%, white);
        color: var(--mlt-gray-900);
        padding: 0.5rem 0.6rem;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, #f59e0b 24%, white);
    }
  .mlt-trello-board  {
         display: grid;
        gap: 0.75rem;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    }
  .mlt-trello-list  {
         background: #f8fafc;
        border: 1px solid rgba(226, 232, 240, 0.95);
        border-radius: 8px;
        padding: 0.75rem;
    }
  .mlt-trello-list-title  {
         align-items: center;
        color: var(--mlt-gray-800);
        display: flex;
        font-size: 0.85rem;
        font-weight: 800;
        justify-content: space-between;
        margin-bottom: 0.65rem;
    }
  .mlt-trello-card  {
         background: #ffffff;
        border: 1px solid rgba(203, 213, 225, 0.9);
        border-radius: 8px;
        color: var(--mlt-gray-900);
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding: 0.65rem;
        text-decoration: none;
        transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    }
  .mlt-trello-card:hover  {
         border-color: rgba(14, 165, 233, 0.5);
        box-shadow: 0 16px 24px -22px rgba(15, 23, 42, 0.48);
        color: var(--mlt-gray-900);
        transform: translateY(-1px);
    }
  .mlt-quick-entry-area  {
         min-height: 360px;
        font-family: Consolas, "Courier New", monospace;
        line-height: 1.5;
    }
  .mlt-quick-entry-page  {
         padding-top: 0.25rem;
    }
  .mlt-quick-entry-header h1  {
         font-size: 1.35rem;
        line-height: 1.1;
    }
  .mlt-quick-entry-header .text-muted  {
         font-size: 0.78rem;
        line-height: 1.25;
    }
  .mlt-quick-entry-page .card-body  {
         padding: 0.85rem;
    }
  .mlt-quick-entry-page .form-label  {
         margin-bottom: 0.2rem;
        font-size: 0.82rem;
    }
  .mlt-quick-entry-page .form-text  {
         margin-top: 0.2rem;
        font-size: 0.75rem;
    }
  .mlt-quick-entry-page .mlt-quick-client-pill  {
         min-height: 2rem;
        padding: 0.34rem 0.58rem;
    }
  .mlt-quick-entry-page .mlt-quick-entry-area  {
         min-height: clamp(220px, 39vh, 310px);
        resize: vertical;
    }
  .mlt-quick-preview-card h2  {
         font-size: 1rem;
        line-height: 1.2;
    }
  .mlt-quick-preview-list  {
         max-height: clamp(220px, 48vh, 420px);
        overflow: auto;
    }
  .mlt-quick-preview-list .list-group-item  {
         font-size: 0.86rem;
        padding-bottom: 0.42rem !important;
        padding-top: 0.42rem !important;
    }
  .mlt-quick-client-pill  {
         align-items: center;
        background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 10%, #ffffff);
        border: 1px solid color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 28%, #e2e8f0);
        border-radius: 10px;
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 75%, #0f172a);
        display: inline-flex;
        font-size: 0.92rem;
        font-weight: 800;
        gap: 0.55rem;
        min-height: 2.38rem;
        max-width: 100%;
        padding: 0.45rem 0.7rem;
        width: 100%;
    }
  .mlt-quick-client-dot  {
         background: var(--client-accent, var(--mlt-blue));
        border-radius: 999px;
        box-shadow: 0 0 0 5px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, transparent);
        flex: 0 0 auto;
        height: 0.62rem;
        width: 0.62rem;
    }
  .mlt-new-task-page h1  {
         font-size: 1.45rem;
        line-height: 1.15;
    }
  .mlt-new-task-page .card-body  {
         padding: 0.95rem;
    }
  .mlt-new-task-page .form-label  {
         margin-bottom: 0.25rem;
        font-size: 0.86rem;
    }
  .mlt-new-task-page .form-text  {
         margin-top: 0.25rem;
        font-size: 0.78rem;
    }
  .mlt-new-task-page .mlt-quick-client-pill  {
         min-height: 2rem;
        padding: 0.38rem 0.65rem;
    }
  .mlt-new-task-page textarea.form-control  {
         resize: vertical;
    }
  .mlt-new-task-page .mlt-new-task-description  {
         min-height: 2.6rem;
    }
  .mlt-new-task-page .mlt-new-task-notes  {
         min-height: 2rem;
    }
  .mlt-dashboard-shell  {
         display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
  .mlt-dashboard-hero  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 1.4rem 1.5rem;
        border: 1px solid rgba(226, 232, 240, 0.95);
        border-radius: 28px;
        background:         radial-gradient(circle at top right, rgba(14, 165, 233, 0.12), transparent 26%),         linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
        box-shadow: 0 18px 42px -34px rgba(15, 23, 42, 0.45);
    }
  .mlt-dashboard-hero-actions  {
         min-width: min(100%, 430px);
    }
  .mlt-dashboard-picker  {
         padding: 1rem 1.05rem;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.82);
        border: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.4);
    }
  .mlt-dashboard-picker .form-label  {
         font-size: 0.8rem;
        font-weight: 700;
        color: var(--mlt-gray-700);
    }
  .mlt-dashboard-select  {
         min-width: 240px;
        border-radius: 999px;
        min-height: 46px;
    }
  .mlt-dashboard-eyebrow  {
         font-size: 0.74rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: rgba(51, 65, 85, 0.72);
        margin-bottom: 0.35rem;
    }
  .mlt-dashboard-stats  {
         display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
    }
  .mlt-dashboard-stats.has-admin-stats  {
         grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  .mlt-stat-card.is-overdue .mlt-stat-value  {
         color: #b91c1c;
    }
  .mlt-stat-card.is-overdue  {
         border-color: rgba(254, 202, 202, 0.95);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(254, 242, 242, 0.92));
    }
  .mlt-stat-card.is-billing  {
         border-color: rgba(186, 230, 253, 0.95);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.92));
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
  .mlt-stat-card.is-billing:hover  {
         transform: translateY(-2px);
        box-shadow: 0 16px 30px -15px rgba(14, 165, 233, 0.3);
        border-color: #0ea5e9;
    }
  .mlt-stat-card.is-billing .mlt-stat-value  {
         color: #0284c7;
    }
  .mlt-stat-card  {
         padding: 1.3rem 1.35rem;
        border-radius: 24px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 14px 30px -28px rgba(15, 23, 42, 0.42);
    }
  .mlt-stat-card.is-interactive  {
         cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
  .mlt-stat-card.is-interactive:hover  {
         transform: translateY(-2px);
        box-shadow: 0 16px 30px -15px rgba(15, 23, 42, 0.15);
    }
  .mlt-stat-card.is-overdue.is-interactive:hover  {
         border-color: #fca5a5;
        box-shadow: 0 16px 30px -15px rgba(239, 68, 68, 0.25);
    }
  .mlt-stat-label  {
         font-size: 0.84rem;
        font-weight: 700;
        color: var(--mlt-gray-700);
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }
  .mlt-stat-value  {
         margin-top: 0.55rem;
        font-size: clamp(2rem, 3vw, 2.6rem);
        font-weight: 800;
        color: var(--mlt-gray-900);
        line-height: 1;
    }
  .mlt-stat-meta  {
         margin-top: 0.5rem;
        color: rgba(51, 65, 85, 0.78);
        font-size: 0.92rem;
    }
  .mlt-dashboard-grid  {
         display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1rem;
    }
  .mlt-company-card  {
         display: block;
        text-decoration: none;
        color: inherit;
        padding: 1.15rem 1.2rem;
        border-radius: 24px;
        border: 1px solid rgba(226, 232, 240, 0.95);
        background:         linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
        box-shadow: 0 14px 30px -28px rgba(15, 23, 42, 0.42);
        border-top: 4px solid var(--client-accent, var(--mlt-blue));
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }
  .mlt-company-card:hover  {
         transform: translateY(-2px);
        box-shadow: 0 22px 38px -30px rgba(15, 23, 42, 0.45);
    }
  .mlt-company-card-name  {
         font-size: 1rem;
        font-weight: 700;
        color: var(--mlt-gray-900);
    }
  .mlt-company-card-meta  {
         margin-top: 0.3rem;
        color: rgba(51, 65, 85, 0.72);
        font-size: 0.9rem;
    }
  .mlt-company-card-value  {
         margin-top: 1rem;
        font-size: 2rem;
        font-weight: 800;
        color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 78%, #0f172a);
        line-height: 1;
    }
  .mlt-company-card-metrics  {
         display: flex;
        gap: 1rem;
        margin-top: 1rem;
        padding-top: 0.85rem;
        border-top: 1px solid rgba(226, 232, 240, 0.9);
    }
  .mlt-company-card-metric  {
         display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }
  .mlt-company-card-metric-label  {
         font-size: 0.78rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: rgba(51, 65, 85, 0.72);
    }
  .mlt-company-card-metric-value  {
         font-size: 1.65rem;
        font-weight: 800;
        color: var(--mlt-gray-900);
        line-height: 1;
    }
  .mlt-company-card-metric-value.is-today  {
         color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 78%, #0f172a);
    }
  .mlt-company-card-dot  {
         width: 0.85rem;
        height: 0.85rem;
        border-radius: 999px;
        background: var(--client-accent, var(--mlt-blue));
        box-shadow: 0 0 0 6px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, transparent);
        flex-shrink: 0;
        margin-top: 0.2rem;
    }
  .mlt-empty-state  {
         padding: 1.25rem 1.3rem;
        border-radius: 22px;
        border: 1px dashed rgba(148, 163, 184, 0.6);
        background: rgba(248, 250, 252, 0.82);
        color: var(--mlt-gray-700);
    }
  .mlt-dashboard-modern > .mlt-dashboard-hero, .mlt-dashboard-modern > .mlt-dashboard-stats  {
         display: none;
    }
  .mlt-dashboard-modern  {
         gap: 1rem;
    }
  .mlt-dashboard-board  {
         padding: clamp(0.9rem, 2vw, 1.35rem);
        border: 1px solid rgba(255, 255, 255, 0.82);
        border-radius: 18px;
        background:         radial-gradient(circle at 92% 86%, color-mix(in srgb, var(--mlt-green) 18%, transparent), transparent 16rem),         radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--mlt-blue) 18%, transparent), transparent 18rem),         linear-gradient(135deg, #f8fbff 0%, #eef8fd 48%, #e7f6fd 100%);
        box-shadow: 0 24px 70px -44px rgba(15, 23, 42, 0.46);
    }
  .mlt-dashboard-board-head  {
         display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.75rem;
    }
  .mlt-dashboard-board-head h1  {
         margin: 0.12rem 0 0;
        color: #111827;
        font-size: clamp(1.35rem, 2.4vw, 2rem);
        font-weight: 900;
        line-height: 1.08;
    }
  .mlt-dashboard-subtitle  {
         max-width: 520px;
        margin: 0.35rem 0 0;
        color: rgba(51, 65, 85, 0.78);
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1.35;
    }
  .mlt-dashboard-board .mlt-dashboard-eyebrow  {
         color: rgba(31, 41, 55, 0.65);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: none;
        margin-bottom: 0;
    }
  .mlt-dashboard-board-actions  {
         display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0.9rem;
        flex-wrap: wrap;
    }
  .mlt-on-time-pill  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 34px;
        padding: 0.48rem 0.8rem;
        border-radius: 999px;
        color: color-mix(in srgb, var(--mlt-green) 62%, #14532d);
        background: color-mix(in srgb, var(--mlt-green) 16%, #ffffff);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mlt-green) 26%, #ffffff);
        font-size: 0.82rem;
        font-weight: 900;
        white-space: nowrap;
    }
  .mlt-dashboard-meetings-banner  {
         background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
        border: 1px solid #bfdbfe;
        color: #1e3a8a;
    }
  .mlt-dashboard-meetings-title  {
         color: #1e3a8a;
    }
  .mlt-dashboard-meetings-subtitle  {
         color: #475569;
    }
  .mlt-dashboard-meeting-card  {
         background: #ffffff;
        border: 1px solid #cbd5e1;
    }
  .mlt-dashboard-meeting-card-title  {
         color: #0f172a;
    }
  .mlt-dashboard-meeting-card-sub  {
         color: #64748b;
    }
  .mlt-stat-label-postponed, .mlt-stat-value-postponed  {
         color: #d97706;
    }
  .mlt-dashboard-board .mlt-dashboard-picker  {
         padding: 0.55rem;
        border-color: rgba(255, 255, 255, 0.72);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.72);
        backdrop-filter: blur(12px);
        box-shadow: 0 18px 42px -34px rgba(15, 23, 42, 0.5);
    }
  .mlt-dashboard-board .mlt-dashboard-picker .form-label  {
         color: rgba(31, 41, 55, 0.68);
        font-size: 0.74rem;
        font-weight: 800;
    }
  .mlt-dashboard-board .mlt-dashboard-select  {
         min-height: 36px;
        min-width: 190px;
        border: 0;
        border-radius: 10px;
        font-size: 0.86rem;
        font-weight: 700;
    }
  .mlt-dashboard-board .mlt-btn  {
         min-height: 36px;
        padding: 0.58rem 0.85rem;
        font-size: 0.84rem;
    }
  .mlt-dashboard-board .mlt-dashboard-stats  {
         gap: 0.65rem;
        margin-bottom: 0.75rem;
    }
  .mlt-dashboard-board .mlt-dashboard-kpis  {
         grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  .mlt-dashboard-board .mlt-stat-card  {
         min-width: 0;
        padding: 0.72rem 0.8rem;
        border: 1px solid rgba(255, 255, 255, 0.8);
        border-radius: 12px;
        color: inherit;
        text-decoration: none;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 12px 28px -24px rgba(15, 23, 42, 0.42);
    }
  .mlt-dashboard-board .mlt-stat-card:hover  {
         transform: translateY(-2px);
        box-shadow: 0 22px 42px -28px rgba(14, 165, 233, 0.34);
    }
  .mlt-dashboard-board .mlt-stat-label  {
         color: #64748b;
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: none;
    }
  .mlt-dashboard-board .mlt-stat-value  {
         margin-top: 0.28rem;
        color: #0f172a;
        font-size: clamp(1.35rem, 2.4vw, 1.9rem);
        font-weight: 950;
    }
  .mlt-dashboard-board .mlt-stat-card.is-overdue .mlt-stat-value  {
         color: #0f172a;
    }
  .mlt-dashboard-board .mlt-stat-card.is-today  {
         background: color-mix(in srgb, var(--mlt-blue) 10%, #ffffff);
    }
  .mlt-dashboard-board .mlt-stat-card.is-success  {
         background: color-mix(in srgb, var(--mlt-green) 12%, #ffffff);
    }
  .mlt-dashboard-board .mlt-stat-card.is-muted  {
         background: rgba(248, 250, 252, 0.9);
    }
  .mlt-dashboard-board .mlt-stat-meta  {
         margin-top: 0.2rem;
        color: rgba(71, 85, 105, 0.76);
        font-size: 0.7rem;
        font-weight: 750;
        line-height: 1.15;
    }
  .mlt-delivery-game  {
         position: relative;
        z-index: 10;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(230px, 0.75fr) minmax(260px, 1fr);
        gap: 0.75rem;
        margin-bottom: 0.75rem;
        overflow: visible;
    }
  .mlt-delivery-score-card, .mlt-delivery-mission-card, .mlt-ranking-card  {
         position: relative;
        z-index: 1;
        min-width: 0;
        padding: 0.8rem 0.9rem;
        border: 1px solid rgba(255, 255, 255, 0.78);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 14px 36px -30px rgba(15, 23, 42, 0.48);
        backdrop-filter: blur(14px);
    }
  .mlt-delivery-score-card:hover, .mlt-delivery-score-card:focus-within, .mlt-ranking-card:hover, .mlt-ranking-card:focus-within  {
         z-index: 100;
    }
  .mlt-info-popover-wrapper  {
         position: relative;
        display: inline-flex;
        align-items: center;
        z-index: 100;
    }
  .mlt-info-btn  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 1px solid rgba(14, 165, 233, 0.5);
        background: rgba(14, 165, 233, 0.12);
        color: #0284c7;
        font-size: 0.72rem;
        font-weight: 800;
        font-family: inherit;
        line-height: 1;
        cursor: pointer;
        padding: 0;
        margin-left: 4px;
        transition: all 0.2s ease;
    }
  .mlt-info-btn:hover, .mlt-info-popover-wrapper:hover .mlt-info-btn  {
         background: #0284c7;
        color: #ffffff;
        border-color: #0284c7;
        box-shadow: 0 4px 12px rgba(2, 132, 199, 0.3);
    }
  .mlt-info-balloon  {
         position: absolute;
        top: calc(100% + 8px);
        left: 0;
        width: 310px;
        padding: 0.85rem 1rem;
        background: #ffffff;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        box-shadow: 0 20px 45px -8px rgba(15, 23, 42, 0.35);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition: all 0.2s ease-out;
        z-index: 9999;
        font-size: 0.78rem;
        color: #334155;
        pointer-events: none;
    }
  .mlt-info-balloon.mlt-info-balloon-right  {
         left: auto;
        right: 0;
    }
  .mlt-info-popover-wrapper:hover .mlt-info-balloon, .mlt-info-popover-wrapper:focus-within .mlt-info-balloon  {
         opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }
  .mlt-info-balloon::before  {
         content: '';
        position: absolute;
        top: -6px;
        left: 12px;
        width: 10px;
        height: 10px;
        background: #ffffff;
        border-top: 1px solid #cbd5e1;
        border-left: 1px solid #cbd5e1;
        transform: rotate(45deg);
    }
  .mlt-info-balloon.mlt-info-balloon-right::before  {
         left: auto;
        right: 12px;
    }
  .mlt-info-balloon-title  {
         font-weight: 800;
        font-size: 0.82rem;
        color: #0f172a;
        margin-bottom: 0.4rem;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 0.3rem;
    }
  .mlt-info-balloon-section ul  {
         margin: 0;
        padding-left: 1rem;
    }
  .mlt-info-balloon-section li  {
         margin-bottom: 0.25rem;
        line-height: 1.35;
    }
  .mlt-score-meter  {
         height: 12px;
        overflow: hidden;
        border-radius: 999px;
        background: rgba(203, 213, 225, 0.58);
    }
  .mlt-score-meter-fill  {
         width: var(--score, 0%);
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #0ea5e9, #22c55e);
        box-shadow: 0 10px 20px -14px rgba(34, 197, 94, 0.8);
    }
  .mlt-score-line  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.55rem;
    }
  .mlt-score-line strong  {
         color: #0f172a;
        font-size: 0.92rem;
        font-weight: 950;
        white-space: nowrap;
    }
  .mlt-score-line span  {
         min-width: 0;
        color: #475569;
        font-size: 0.78rem;
        font-weight: 750;
        line-height: 1.28;
        text-align: right;
    }
  .mlt-mission-tag  {
         display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 0.25rem 0.55rem;
        border-radius: 999px;
        color: #075985;
        background: color-mix(in srgb, var(--mlt-blue) 14%, #ffffff);
        font-size: 0.68rem;
        font-weight: 900;
    }
  .mlt-delivery-mission-card h2  {
         margin: 0.5rem 0 0.25rem;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 950;
        line-height: 1.18;
    }
  .mlt-delivery-mission-card p  {
         margin: 0;
        color: #475569;
        font-size: 0.8rem;
        font-weight: 750;
        line-height: 1.32;
    }
  .mlt-mission-link  {
         display: inline-flex;
        align-items: center;
        margin-top: 0.6rem;
        color: color-mix(in srgb, var(--mlt-blue) 82%, #0f172a);
        font-size: 0.8rem;
        font-weight: 950;
        text-decoration: none;
    }
  .mlt-mission-link:hover  {
         text-decoration: underline;
    }
  .mlt-ranking-list  {
         display: grid;
        gap: 0.42rem;
        max-height: 220px;
        overflow-y: auto;
        padding-right: 0.15rem;
        scrollbar-width: thin;
    }
  .mlt-ranking-row  {
         display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.55rem;
        min-height: 38px;
        padding: 0.38rem 0.45rem;
        border-radius: 10px;
        background: rgba(248, 250, 252, 0.72);
    }
  .mlt-ranking-row.is-current  {
         background: color-mix(in srgb, var(--mlt-green) 14%, #ffffff);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mlt-green) 28%, #ffffff);
    }
  .mlt-ranking-position  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 26px;
        border-radius: 999px;
        color: #075985;
        background: color-mix(in srgb, var(--mlt-blue) 12%, #ffffff);
        font-size: 0.72rem;
        font-weight: 950;
    }
  .mlt-ranking-user  {
         min-width: 0;
    }
  .mlt-ranking-user strong, .mlt-ranking-user small  {
         display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  .mlt-ranking-user strong  {
         color: #0f172a;
        font-size: 0.82rem;
        font-weight: 950;
    }
  .mlt-ranking-user small  {
         color: #64748b;
        font-size: 0.7rem;
        font-weight: 750;
    }
  .mlt-ranking-score  {
         color: #0f172a;
        font-size: 0.9rem;
        font-weight: 950;
    }
  .mlt-ranking-empty  {
         display: grid;
        place-items: center;
        min-height: 96px;
        color: #64748b;
        font-size: 0.8rem;
        font-weight: 800;
        text-align: center;
    }
  .mlt-dashboard-main-grid  {
         display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(260px, 1fr);
        gap: 0.75rem;
    }
  .mlt-week-tasks-card, .mlt-calendar-card  {
         min-width: 0;
        padding: clamp(0.75rem, 1.4vw, 1rem);
        border: 1px solid rgba(255, 255, 255, 0.72);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.78);
        box-shadow: 0 14px 36px -30px rgba(15, 23, 42, 0.48);
        backdrop-filter: blur(14px);
    }
  .mlt-card-title-row  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.65rem;
    }
  .mlt-card-title-row h2  {
         margin: 0;
        color: #172033;
        font-size: clamp(0.95rem, 1.6vw, 1.15rem);
        font-weight: 950;
    }
  .mlt-card-title-row span  {
         color: #667085;
        font-weight: 900;
    }
  .mlt-week-task-list  {
         display: grid;
        gap: 0.45rem;
    }
  .mlt-week-task-row  {
         display: grid;
        grid-template-columns: 22px minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.6rem;
        min-height: 46px;
        padding: 0.42rem 0.1rem;
        color: inherit;
        text-decoration: none;
        border-radius: 16px;
        transition: background 0.18s ease, transform 0.18s ease;
    }
  .mlt-week-task-row:hover  {
         background: rgba(255, 255, 255, 0.55);
        transform: translateX(2px);
    }
  .mlt-week-task-dot  {
         display: inline-flex;
        width: 16px;
        height: 16px;
        border: 2px solid #bfdbfe;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.84);
    }
  .mlt-week-task-dot.is-active  {
         border-color: #10b981;
        box-shadow: inset 0 0 0 4px #fff;
        background: #10b981;
    }
  .mlt-week-task-dot.is-warning  {
         border-color: #f59e0b;
        box-shadow: inset 0 0 0 4px #fff;
        background: #f59e0b;
    }
  .mlt-week-task-copy  {
         min-width: 0;
    }
  .mlt-week-task-copy strong, .mlt-week-task-copy small  {
         display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  .mlt-week-task-copy strong  {
         color: #1f2937;
        font-size: 0.88rem;
        font-weight: 950;
    }
  .mlt-week-task-copy small  {
         color: #667085;
        font-size: 0.76rem;
        font-weight: 800;
    }
  .mlt-week-task-row em  {
         color: color-mix(in srgb, var(--mlt-blue) 76%, #0f172a);
        font-size: 0.74rem;
        font-style: normal;
        font-weight: 950;
    }
  .mlt-calendar-days  {
         display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
    }
  .mlt-calendar-day  {
         display: grid;
        place-items: center;
        min-height: 36px;
        border-radius: 10px;
        color: #64748b;
        text-decoration: none;
        font-weight: 950;
        transition: transform 0.18s ease, background 0.18s ease;
    }
  .mlt-calendar-day:hover  {
         transform: translateY(-2px);
        background: rgba(255, 255, 255, 0.6);
    }
  .mlt-calendar-day.has-task  {
         color: #075985;
        background: color-mix(in srgb, var(--mlt-blue) 14%, #ffffff);
    }
  .mlt-calendar-day.is-today  {
         color: #fff;
        background: linear-gradient(135deg, var(--mlt-blue), #0284c7);
        box-shadow: 0 14px 28px -18px rgba(14, 165, 233, 0.85);
    }
  .mlt-owner-stack  {
         display: flex;
        align-items: center;
        margin-top: 0.75rem;
    }
  .mlt-owner-stack span  {
         display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        margin-right: -0.5rem;
        border: 2px solid rgba(255, 255, 255, 0.9);
        border-radius: 999px;
        color: #fff;
        background: linear-gradient(135deg, var(--mlt-blue), #0284c7);
        font-size: 0.85rem;
        font-weight: 950;
    }
  .mlt-owner-stack strong  {
         margin-left: 1rem;
        color: #475569;
        font-size: 0.78rem;
        font-weight: 900;
    }
  .mlt-dashboard-empty-card  {
         display: grid;
        place-items: center;
        min-height: 112px;
        border: 1px dashed rgba(148, 163, 184, 0.6);
        border-radius: 20px;
        color: #64748b;
        background: rgba(255, 255, 255, 0.48);
        font-weight: 800;
        text-align: center;
    }
  @media (max-width: 992px)  {
         .mlt-kanban-board  {
             display: flex !important;
            flex-direction: row !important;
            overflow-x: auto !important;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            gap: 0.75rem !important;
            padding-bottom: 0.75rem;
            margin-left: -0.25rem;
            margin-right: -0.25rem;
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            scroll-behavior: smooth;
        }
      .mlt-kanban-column  {
             flex: 0 0 85vw !important;
            max-width: 85vw !important;
            scroll-snap-align: start;
            scroll-snap-stop: always;
            min-height: auto;
        }
      .mlt-dashboard-board-head  {
             flex-direction: column;
        }
      .mlt-dashboard-board-actions,     .mlt-dashboard-board .mlt-dashboard-picker,     .mlt-dashboard-board .mlt-dashboard-picker .d-flex  {
             width: 100%;
        }
      .mlt-dashboard-main-grid  {
             grid-template-columns: 1fr;
        }
      .mlt-delivery-game  {
             grid-template-columns: 1fr;
        }
      .mlt-dashboard-board .mlt-dashboard-kpis  {
             grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      .mlt-dashboard-hero  {
             align-items: flex-start;
            flex-direction: column;
        }
      .mlt-dashboard-hero-actions  {
             width: 100%;
        }
      .mlt-dashboard-stats  {
             grid-template-columns: 1fr;
        }
      .mlt-calendar-toolbar  {
             align-items: flex-start !important;
        }
      .mlt-calendar-toolbar-meta  {
             justify-content: flex-start;
        }
      .mlt-calendar-subtitle  {
             max-width: none;
        }
 }
  @media (max-width: 720px)  {
         .mlt-dashboard-board  {
             padding: 0.75rem;
            border-radius: 14px;
        }
      .mlt-dashboard-board .mlt-dashboard-stats  {
             grid-template-columns: 1fr;
        }
      .mlt-dashboard-board .mlt-dashboard-kpis  {
             grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      .mlt-dashboard-board .mlt-dashboard-select,     .mlt-dashboard-board .mlt-btn  {
             width: 100%;
        }
      .mlt-week-task-row  {
             grid-template-columns: 18px minmax(0, 1fr);
        }
      .mlt-week-task-row em  {
             grid-column: 2;
        }
      .mlt-score-line  {
             align-items: flex-start;
            flex-direction: column;
            gap: 0.3rem;
        }
      .mlt-score-line span  {
             text-align: left;
        }
 }
  @media (max-width: 360px)  {
         .mlt-dashboard-board .mlt-dashboard-kpis  {
             grid-template-columns: 1fr;
        }
 }
  .mlt-complete-details summary  {
         list-style: none;
        display: inline-flex;
        align-items: center;
    }
  .mlt-complete-details summary::-webkit-details-marker  {
         display: none;
    }
  .mlt-inline-complete-form  {
         min-width: 260px;
        max-width: 420px;
        padding: 0.75rem;
        border: 1px solid var(--mlt-gray-200);
        border-radius: 10px;
        background: #f8fafc;
    }
  .mlt-logs-header  {
         padding: 0.25rem 0 0.75rem;
    }
  .mlt-logs-refresh  {
         min-width: 128px;
    }
  .mlt-logs-summary .card, .mlt-logs-filter-card, .mlt-log-entry  {
         border-radius: 8px;
    }
  .mlt-logs-metric  {
         line-height: 1;
        margin-top: 0.35rem;
        color: #172033;
        font-size: 2rem;
        font-weight: 800;
    }
  .mlt-logs-list  {
         display: grid;
        gap: 0.75rem;
    }
  .mlt-log-entry  {
         position: relative;
        overflow: hidden;
    }
  .mlt-log-entry::before  {
         position: absolute;
        inset: 0 auto 0 0;
        width: 5px;
        content: "";
        background: #dc3545;
    }
  .mlt-log-entry-info::before  {
         background: #0dcaf0;
    }
  .mlt-log-entry .card-body  {
         padding-left: 1.35rem;
    }
  .mlt-log-title  {
         margin: 0;
        color: #172033;
        font-size: 1rem;
        font-weight: 750;
        line-height: 1.35;
    }
  .mlt-log-context  {
         color: #64748b;
        font-family: Consolas, "Liberation Mono", monospace;
        font-size: 0.78rem;
        overflow-wrap: anywhere;
    }
  .mlt-log-type  {
         max-width: 240px;
        white-space: normal;
        text-align: left;
    }
  .mlt-log-actions  {
         display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.45rem;
        flex-wrap: wrap;
    }
  .mlt-log-copy-btn  {
         min-width: 76px;
        border-radius: 8px;
        font-size: 0.78rem;
        font-weight: 700;
    }
  .mlt-log-error  {
         padding: 0.85rem;
        border: 1px solid #fee2e2;
        border-radius: 8px;
        background: #fff7f7;
        color: #7f1d1d;
        overflow-wrap: anywhere;
    }
  .mlt-log-note  {
         padding: 0.75rem 0.85rem;
        border: 1px solid #bae6fd;
        border-radius: 8px;
        background: #f0f9ff;
        color: #075985;
        font-size: 0.9rem;
    }
  .mlt-log-details summary  {
         width: fit-content;
        cursor: pointer;
        color: #0d6efd;
        font-size: 0.88rem;
        font-weight: 700;
    }
  .mlt-log-stack  {
         max-height: 360px;
        margin: 0;
        padding: 0.9rem;
        overflow: auto;
        border-radius: 8px;
        background: #0f172a;
        color: #e2e8f0;
        font-size: 0.8rem;
        line-height: 1.5;
        white-space: pre-wrap;
        word-break: break-word;
    }
  .mlt-logs-empty-icon  {
         display: inline-grid;
        width: 42px;
        height: 42px;
        margin-bottom: 0.75rem;
        place-items: center;
        border-radius: 50%;
        background: #eff6ff;
        color: #0d6efd;
        font-size: 1.4rem;
        font-weight: 800;
    }
      }
      .mlt-dashboard-hero-actions  {
             width: 100%;
        }
      .mlt-dashboard-stats  {
             grid-template-columns: 1fr;
        }
      .mlt-calendar-toolbar  {
             align-items: flex-start !important;
        }
      .mlt-calendar-toolbar-meta  {
             justify-content: flex-start;
        }
      .mlt-calendar-subtitle  {
             max-width: none;
        }
 }
  @media (max-width: 640px)  {
         .content  {
             padding-top: 0.45rem;
        }
      .mlt-topbar  {
             display: flex !important;
        }
      .mlt-task-actions  {
             flex-wrap: nowrap;
            white-space: nowrap;
        }
      .mlt-tasks-shell  {
             padding: 0.65rem !important;
            border-left-width: 4px !important;
        }
      .mlt-tasks-shell > .d-flex:first-child  {
             align-items: center !important;
            flex-wrap: nowrap !important;
            margin-bottom: 0 !important;
        }
      .mlt-tasks-shell h2  {
             font-size: 1rem;
        }
      .mlt-task-actions .mlt-btn  {
             width: auto;
            min-height: 34px;
            padding: 0.55rem 0.7rem;
            font-size: 0.78rem;
        }
      .mlt-task-actions .mlt-btn-ghost  {
             display: none;
        }
      .mlt-task-filters-desktop  {
             display: none;
        }
      .mlt-task-filters-mobile  {
             display: block;
            border: 1px solid rgba(226, 232, 240, 0.95);
            border-radius: 10px;
            background: rgba(248, 250, 252, 0.82);
            padding: 0.45rem 0.6rem;
        }
      .mlt-task-filters-mobile summary  {
             cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            list-style: none;
            font-size: 0.8rem;
            font-weight: 700;
            color: var(--mlt-gray-700);
        }
      .mlt-task-filters-mobile summary::-webkit-details-marker  {
             display: none;
        }
      .mlt-task-filters-mobile summary::after  {
             content: "+";
            width: 1.35rem;
            height: 1.35rem;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            border: 1px solid rgba(203, 213, 225, 0.9);
            color: var(--mlt-gray-700);
            flex-shrink: 0;
        }
      .mlt-task-filters-mobile[open] summary::after  {
             content: "-";
        }
      .mlt-tasks-shell > .mt-3  {
             margin-top: 0.65rem !important;
        }
      .mlt-task-group .list-group-item  {
             padding: 0.5rem 0.45rem !important;
            gap: 0.35rem !important;
        }
      .mlt-task-order-toggle  {
             display: none !important;
        }
      .mlt-calendar-nav  {
             width: 100%;
            justify-content: space-between;
        }
      .mlt-calendar-title-wrap  {
             min-width: 0;
            flex: 1;
        }
      .mlt-view-switch  {
             width: 100%;
            justify-content: space-between;
        }
      .mlt-view-switch-btn  {
             flex: 1;
            padding-inline: 0.75rem;
        }
      .mlt-dashboard-select  {
             min-width: 0;
            width: 100%;
        }
      .mlt-dashboard-picker .d-flex.gap-2.flex-wrap  {
             width: 100%;
        }
      .mlt-dashboard-picker .mlt-btn  {
             width: 100%;
        }
      .mlt-dashboard-shell  {
             gap: 0.85rem;
        }
      .mlt-dashboard-hero  {
             border-radius: 12px;
            padding: 0.9rem;
        }
      .mlt-dashboard-picker  {
             border-radius: 12px;
            padding: 0.8rem;
        }
      .mlt-stat-card,     .mlt-company-card  {
             border-radius: 12px;
            padding: 0.9rem;
        }
      .mlt-stat-value  {
             font-size: 1.8rem;
        }
      .mlt-company-card-metrics  {
             gap: 0.75rem;
            justify-content: space-between;
        }
      .mlt-company-card-metric-value  {
             font-size: 1.35rem;
        }
      .mlt-calendar-shell  {
             border-radius: 10px !important;
            padding: 0.75rem !important;
        }
      .mlt-calendar-header-compact > div,     .mlt-calendar-header-compact .mlt-kanban-client-picker,     .mlt-calendar-header-compact .mlt-btn  {
             width: 100%;
        }
      .mlt-calendar-scroll  {
             margin-left: -0.75rem;
            margin-right: -0.75rem;
            overflow-x: auto;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            -webkit-overflow-scrolling: touch;
        }
      .mlt-calendar-scroll > .mlt-calendar  {
             min-width: 620px;
        }
      .flex-grow-1.overflow-auto > table  {
             min-width: 420px;
        }
 }
  @media (min-width: 641px)  {
         .mlt-task-filters-mobile  {
             display: none;
        }
 }
  /* --- OVERRIDES E MELHORIAS DE UI --- */  /* Menu Lateral Colapsado no Desktop (mídia query de 641px) */ @media (min-width: 641px)  {
         .page.sidebar-collapsed .sidebar .nav-item  {
             padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
          .page.sidebar-collapsed .sidebar .nav-item .nav-link  {
             padding: 0.5rem !important;
            justify-content: center !important;
        }
          .page.sidebar-collapsed .sidebar .mlt-nav-icon  {
             margin-right: 0 !important;
        }
 }
  /* Espaçamento Compacto para a Lista de Tarefas */ .mlt-task-group .list-group-item  {
         padding: 0.45rem 0.75rem !important;
        background-color: #ffffff;
        transition: background-color 0.15s ease;
    }
  .mlt-task-group .list-group-item:hover  {
         background-color: #f8fafc;
    }
  .mlt-task-row-clickable  {
         cursor: pointer;
    }
  .mlt-task-row-clickable .mlt-task-body  {
         cursor: pointer;
    }
  .mlt-task-description-line  {
         display: inline-block;
        flex: 1 1 0%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
        max-width: 180px;
    }
  .mlt-task-summary  {
         display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
        min-width: 0;
    }
  .mlt-task-tags-line  {
         display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
        min-width: 0;
    }
  @media (min-width: 400px)  {
         .mlt-task-description-line  {
             max-width: 240px;
        }
 }
  @media (min-width: 576px)  {
         .mlt-task-description-line  {
             max-width: 340px;
        }
 }
  @media (min-width: 768px)  {
         .mlt-task-description-line  {
             max-width: 450px;
        }
 }
  @media (min-width: 992px)  {
         .mlt-task-description-line  {
             max-width: 600px;
        }
 }
  @media (min-width: 1200px)  {
         .mlt-task-description-line  {
             max-width: 750px;
        }
 }
  @media (max-width: 640px)  {
         .mlt-task-summary  {
             display: block;
            min-width: 0;
        }
      .mlt-task-description-line  {
             display: -webkit-box;
            max-width: 100%;
            white-space: normal;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            line-clamp: 2;
            line-height: 1.25;
        }
      .mlt-task-tags-line  {
             display: flex;
            flex-wrap: nowrap;
            gap: 0.35rem;
            overflow-x: auto;
            overflow-y: hidden;
            max-width: 100%;
            margin-top: 0.25rem;
            padding-bottom: 0.05rem;
            scrollbar-width: none;
        }
      .mlt-task-tags-line::-webkit-scrollbar  {
             display: none;
        }
      .mlt-task-tags-line .badge,     .mlt-task-tags-line span  {
             flex: 0 0 auto;
        }
 }
  .mlt-task-inline-row  {
         min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }
  .mlt-task-inline-text  {
         display: block;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  .mlt-task-row-deleted  {
         cursor: default;
    }
  /* Compactador do Painel de A├º├Áes e Ordena├º├úo */ .mlt-task-order-toggle  {
         width: 1.25rem !important;
        min-width: 1.25rem !important;
        gap: 0.1rem !important;
    }
  .mlt-task-order-btn  {
         border-radius: 4px !important;
        font-size: 0.55rem !important;
        padding: 0 !important;
        height: 13px !important;
        background-color: #f1f5f9 !important;
    }
  /* Checkbox Circular Premium para Conclusão de Tarefas */ .mlt-task-checkbox  {
         appearance: none;
        width: 24px;
        height: 24px;
        border: 2.5px solid #94a3b8;
        border-radius: 50%;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        background-color: #ffffff;
        flex-shrink: 0;
        padding: 0;
        margin-top: 1px;
    }
  .mlt-task-checkbox:hover  {
         border-color: #16a34a;
        background-color: color-mix(in srgb, #16a34a 12%, white);
        transform: scale(1.08);
    }
  .mlt-task-checkbox:hover svg  {
         display: block;
        opacity: 0.5;
        color: #16a34a;
    }
  .mlt-task-checkbox.is-completed  {
         border-color: #16a34a;
        background-color: #16a34a;
        color: #ffffff;
        box-shadow: 0 3px 10px rgba(22, 163, 74, 0.35);
    }
  .mlt-task-checkbox svg  {
         width: 14px;
        height: 14px;
        stroke-width: 3.5;
        display: none;
    }
  .mlt-task-checkbox.is-completed svg  {
         display: block;
        opacity: 1;
        color: #ffffff;
    }
  .mlt-task-history-preview  {
         max-width: 100%;
        overflow: hidden;
    }
  .mlt-task-history-preview-text  {
         display: block;
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
  /* Bot├Áes Compactos de ├ìcones (Edit / Delete) */ .mlt-icon-btn  {
         border: 1px solid transparent;
        background: transparent;
        color: #64748b;
        padding: 0;
        border-radius: 6px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: all 0.18s ease;
        width: 28px;
        height: 28px;
    }
  .mlt-icon-btn:hover  {
         background-color: #e2e8f0;
        color: #0f172a;
        border-color: #cbd5e1;
    }
  .mlt-icon-btn-danger:hover  {
         background-color: #fee2e2;
        color: #ef4444;
        border-color: #fca5a5;
    }
  .mlt-icon-btn-warning:hover  {
         background-color: #fef3c7;
        color: #d97706;
        border-color: #fcd34d;
    }
  .mlt-icon-btn-success:hover  {
         background-color: #dcfce7;
        color: #15803d;
        border-color: #86efac;
    }
  .mlt-users-list-card  {
         min-width: 0;
        overflow: hidden;
    }
  .mlt-users-table-wrap  {
         max-width: 100%;
    }
  .mlt-users-table  {
         width: 100%;
        table-layout: fixed;
    }
  .mlt-users-table th, .mlt-users-table td  {
         vertical-align: middle;
    }
  .mlt-users-table th:first-child  {
         width: 14%;
    }
  .mlt-users-col-email  {
         width: 21%;
    }
  .mlt-users-col-phone  {
         width: 15%;
    }
  .mlt-users-col-status  {
         width: 10%;
    }
  .mlt-users-col-type  {
         width: 10%;
    }
  .mlt-users-col-clients  {
         width: 20%;
    }
  .mlt-users-col-actions  {
         width: 88px;
        white-space: nowrap;
    }
  .mlt-users-cell-text  {
         overflow-wrap: anywhere;
        word-break: break-word;
    }
  .mlt-users-col-actions .btn-group  {
         display: inline-flex;
        flex-wrap: nowrap;
    }
  @media (max-width: 1199.98px)  {
         .mlt-users-table .mlt-users-col-phone  {
             display: none !important;
        }
 }
  @media (max-width: 768px)  {
         .mlt-users-table  {
             font-size: 0.8125rem;
        }
      .mlt-users-col-email  {
             display: none !important;
        }
      .mlt-users-email-sub  {
             display: block;
        }
      .mlt-users-col-actions  {
             width: 80px;
        }
 }
  /* Pequeno ajuste no tamanho dos filtros */ .mlt-task-group + .mlt-task-group  {
         margin-top: 0.75rem !important;
    }
  .mlt-task-date-divider  {
         margin-bottom: 0.3rem !important;
        padding-bottom: 0.25rem !important;
    }
  /* --- SUPORTE COMPATÍVEL AO MENU COLAPSÁVEL (HTML/CSS CHECKBOX HACK) --- */  .mlt-brand-collapsed  {
         display: none !important;
    }
  .mlt-brand-expanded  {
         display: block !important;
    }
  .chevron-expand  {
         display: none !important;
    }
  .chevron-collapse  {
         display: inline-flex !important;
    }
  .mlt-footer-collapsed  {
         display: none !important;
    }
  .mlt-footer-expanded  {
         display: block !important;
    }
  /* Regras ativadas no desktop quando o checkbox estiver checado */ @media (min-width: 641px)  {
         #mlt-sidebar-chk:checked ~ .page .sidebar  {
             width: 75px !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-text  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-brand-expanded  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-brand-collapsed  {
             display: block !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .chevron-expand  {
             display: inline-flex !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .chevron-collapse  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-footer-expanded  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-footer-collapsed  {
             display: block !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .nav-item  {
             padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .nav-item .nav-link  {
             padding: 0.5rem !important;
            justify-content: center !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-icon  {
             margin-right: 0 !important;
        }
      #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-submenu-links,     #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-submenu-caret  {
             display: none !important;
        }
 }
  /* --- FEEDBACK VISUAL DO ARRASTE (DRAG & DROP SORTING) --- */  .list-group-item.mlt-dragging  {
         opacity: 0.4 !important;
        border: 1px dashed #cbd5e1 !important;
        background-color: #f8fafc !important;
    }
  .list-group-item.mlt-drag-over-top  {
         border-top: 2px solid var(--mlt-blue, #0ea5e9) !important;
    }
  .list-group-item.mlt-drag-over-bottom  {
         border-bottom: 2px solid var(--mlt-blue, #0ea5e9) !important;
    }
  /* --- RECONNECT MODAL STYLING (DISCREET & NON-INTRUSIVE) --- */ #components-reconnect-modal  {
         position: fixed;
        top: 1.25rem;
        right: 1.25rem;
        left: auto;
        bottom: auto;
        z-index: 10000;
        display: none;
        align-items: center;
        justify-content: flex-end;
        pointer-events: none;
        opacity: 0;
    }
  #components-reconnect-modal.components-reconnect-show  {
         display: flex;
        animation: mlt-reconnect-fadein 0.3s ease 2s forwards;
    }
  #components-reconnect-modal.components-reconnect-failed, #components-reconnect-modal.components-reconnect-rejected  {
         display: flex;
        opacity: 1;
        animation: none;
    }
  @keyframes mlt-reconnect-fadein  {
         to  {
     opacity: 1;
    }
 }
  /* Modal Content Toast */ #components-reconnect-modal::before  {
         content: "Reconectando ao servidor...";
        display: inline-flex;
        align-items: center;
        background: #0f172a;
        color: #ffffff;
        padding: 0.65rem 1.15rem;
        border-radius: 999px;
        box-shadow: 0 14px 34px rgba(15, 23, 42, 0.25);
        border: 1px solid rgba(255, 255, 255, 0.15);
        font-size: 0.85rem;
        font-weight: 700;
        pointer-events: auto;
    }
  #components-reconnect-modal.components-reconnect-failed::before  {
         content: "Sem conexão. Recarregando...";
        background: #991b1b;
        color: #ffffff;
    }
  #components-reconnect-modal.components-reconnect-rejected::before  {
         content: "Sessão expirada. Recarregando...";
        background: #0f766e;
        color: #ffffff;
    }
  .mlt-task-date-divider  {
         margin-bottom: 0.3rem !important;
        padding-bottom: 0.25rem !important;
    }
  /* --- SUPORTE COMPATÍVEL AO MENU COLAPSÁVEL (HTML/CSS CHECKBOX HACK) --- */  .mlt-brand-collapsed  {
         display: none !important;
    }
  .mlt-brand-expanded  {
         display: block !important;
    }
  .chevron-expand  {
         display: none !important;
    }
  .chevron-collapse  {
         display: inline-flex !important;
    }
  .mlt-footer-collapsed  {
         display: none !important;
    }
  .mlt-footer-expanded  {
         display: block !important;
    }
  /* Regras ativadas no desktop quando o checkbox estiver checado */ @media (min-width: 641px)  {
         #mlt-sidebar-chk:checked ~ .page .sidebar  {
             width: 75px !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-text  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-brand-expanded  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-brand-collapsed  {
             display: block !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .chevron-expand  {
             display: inline-flex !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .chevron-collapse  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-footer-expanded  {
             display: none !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-footer-collapsed  {
             display: block !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .nav-item  {
             padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .nav-item .nav-link  {
             padding: 0.5rem !important;
            justify-content: center !important;
        }
          #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-icon  {
             margin-right: 0 !important;
        }
      #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-submenu-links,     #mlt-sidebar-chk:checked ~ .page .sidebar .mlt-nav-submenu-caret  {
             display: none !important;
        }
 }
  /* --- FEEDBACK VISUAL DO ARRASTE (DRAG & DROP SORTING) --- */  .list-group-item.mlt-dragging  {
         opacity: 0.4 !important;
        border: 1px dashed #cbd5e1 !important;
        background-color: #f8fafc !important;
    }
  .list-group-item.mlt-drag-over-top  {
         border-top: 2px solid var(--mlt-blue, #0ea5e9) !important;
    }
  .list-group-item.mlt-drag-over-bottom  {
         border-bottom: 2px solid var(--mlt-blue, #0ea5e9) !important;
    }
  /* Botão fechar dos Modais */ .mlt-modal-close-btn  {
         display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: none;
        background: transparent;
        color: #64748b;
        transition: all 0.2s ease;
        cursor: pointer;
        flex-shrink: 0;
        padding: 0;
    }
  .mlt-modal-close-btn:hover  {
         background-color: #f1f5f9;
        color: #334155;
        transform: scale(1.08);
    }
  .mlt-modal-close-btn:active  {
         transform: scale(0.92);
    }
  /* Tamanho de fonte menor para labels do formulário de criar/editar tarefas */ .mlt-modal .form-label  {
         font-size: 0.76rem !important;
        font-weight: 600 !important;
        color: #475569 !important;
        margin-bottom: 0.2rem !important;
    }
  .mlt-modal .form-check-label  {
         font-size: 0.76rem !important;
    }
  /* --- MOBILE PORTRAIT: NAVEGACAO E TELAS INTERNAS --- */ @media (max-width: 640px)  {
         html,     body  {
             max-width: 100%;
            overflow-x: hidden;
        }
      h1,     .h1  {
             font-size: 1.35rem !important;
            line-height: 1.18;
        }
      h2,     .h2  {
             font-size: 1.12rem !important;
            line-height: 1.22;
        }
      h3,     .h3,     h4,     .h4,     h5,     .h5  {
             line-height: 1.24;
        }
      .content > .d-flex:first-child,     article.content > .d-flex:first-child,     .card-body > .d-flex:first-child,     section > .d-flex:first-child  {
             align-items: flex-start !important;
            gap: 0.75rem !important;
        }
      .content > .d-flex:first-child > .btn,     .content > .d-flex:first-child > .btn-group,     article.content > .d-flex:first-child > .btn,     article.content > .d-flex:first-child > .btn-group  {
             width: 100%;
        }
      .card  {
             border-radius: 10px !important;
        }
      .card-body  {
             padding: 0.85rem !important;
        }
      .btn  {
             min-height: 2.55rem;
            white-space: normal;
        }
      .btn-sm  {
             min-height: 2.25rem;
        }
      .btn-group > .btn  {
             min-height: 2.25rem;
        }
      .form-control,     .form-select  {
             min-height: 2.45rem;
        }
      textarea.form-control  {
             min-height: 5.5rem;
        }
      .form-label  {
             font-size: 0.82rem;
            font-weight: 700;
            margin-bottom: 0.25rem;
        }
      .row  {
             --bs-gutter-x: 0.75rem;
        }
      .table-responsive  {
             margin-left: -0.75rem;
            margin-right: -0.75rem;
            max-width: calc(100% + 1.5rem);
            overflow-x: auto;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            scrollbar-width: thin;
            -webkit-overflow-scrolling: touch;
        }
      .table-responsive::after  {
             content: "";
            display: block;
            height: 1px;
            min-width: 1px;
        }
      .table-responsive > table  {
             min-width: 620px;
        }
      .table-responsive > .table-sm,     .table-responsive > table.table-sm  {
             font-size: 0.78rem;
        }
      .table th,     .table td,     table th,     table td  {
             vertical-align: top;
        }
      .mlt-users-table  {
             min-width: 540px;
        }
      .modal-dialog  {
             margin: 0.5rem;
            max-width: calc(100vw - 1rem);
        }
      .modal-content  {
             border-radius: 10px;
            max-height: calc(100dvh - 1rem);
            overflow: hidden;
        }
      .mlt-task-group .list-group-item.d-flex  {
             align-items: stretch !important;
            flex-direction: column !important;
            overflow: hidden;
        }
      .mlt-task-group .list-group-item > .d-flex:first-child  {
             align-items: flex-start !important;
            width: 100%;
        }
      .mlt-task-group .mlt-task-body  {
             min-width: 0;
            width: 100%;
        }
      .mlt-task-group .mlt-task-actions  {
             align-self: stretch;
            border-top: 1px solid rgba(226, 232, 240, 0.75);
            flex-wrap: wrap !important;
            justify-content: flex-end;
            margin-left: 0 !important;
            padding-top: 0.35rem;
            white-space: normal;
            width: 100%;
        }
      .mlt-task-group .mlt-icon-btn  {
             background: #f8fafc;
            border-color: #e2e8f0;
            height: 32px;
            width: 32px;
        }
      .input-group-sm > .form-control,     .input-group-sm > .form-select,     .input-group-sm > .input-group-text,     .input-group-sm > .btn  {
             min-height: 2.35rem;
        }
      .badge  {
             white-space: normal;
        }
 }
  /* Dark mode: calendar page. Placed late to override the calendar block above. */ .mlt-theme-dark .mlt-calendar-shell  {
         background:         radial-gradient(circle at top right, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, transparent), transparent 26%),         linear-gradient(180deg, var(--mlt-dm-surface) 0%, var(--mlt-dm-bg) 100%) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 18px 42px -34px rgba(0, 0, 0, 0.8) !important;
    }
  .mlt-theme-dark .mlt-calendar-shell h2, .mlt-theme-dark .mlt-calendar-title, .mlt-theme-dark .mlt-calendar-cell .fw-semibold  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-calendar-caption, .mlt-theme-dark .mlt-calendar-title-client, .mlt-theme-dark .mlt-calendar-weekday, .mlt-theme-dark .mlt-calendar-shell .form-label  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-calendar-client-pill, .mlt-theme-dark .mlt-calendar-nav-btn, .mlt-theme-dark .mlt-view-switch, .mlt-theme-dark .mlt-view-switch-btn  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-calendar-nav-btn:hover, .mlt-theme-dark .mlt-view-switch-btn:hover, .mlt-theme-dark .mlt-view-switch-btn.is-active  {
         background: rgba(14, 165, 233, 0.18) !important;
        border-color: rgba(14, 165, 233, 0.42) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-calendar  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-calendar-weekday  {
         background: rgba(15, 23, 42, 0.92) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-calendar-cell  {
         background: rgba(30, 41, 59, 0.86) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-calendar-cell.is-outside  {
         background: rgba(15, 23, 42, 0.7) !important;
        color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-calendar-cell.is-today  {
         background:         linear-gradient(180deg, rgba(14, 165, 233, 0.18), rgba(30, 41, 59, 0.92)) !important;
        border-color: rgba(14, 165, 233, 0.55) !important;
        box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.24) !important;
    }
  .mlt-theme-dark .mlt-calendar-task  {
         background: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 16%, #111827) !important;
        border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 48%, rgba(148, 163, 184, 0.3)) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-calendar-task.is-completed  {
         background: rgba(34, 197, 94, 0.14) !important;
        border-color: rgba(34, 197, 94, 0.34) !important;
        color: #dcfce7 !important;
    }
  .mlt-theme-dark .mlt-calendar-task.is-projected  {
         background: rgba(14, 165, 233, 0.12) !important;
        border-color: rgba(14, 165, 233, 0.32) !important;
        color: #e0f2fe !important;
    }
  .mlt-theme-dark .mlt-calendar-recurring-tag  {
         background: rgba(14, 165, 233, 0.22) !important;
        border-color: rgba(14, 165, 233, 0.36) !important;
        color: #bae6fd !important;
    }
  .mlt-theme-dark .mlt-calendar-event  {
         background: rgba(168, 85, 247, 0.14) !important;
        border-color: rgba(168, 85, 247, 0.34) !important;
        color: #f3e8ff !important;
    }
  .mlt-theme-dark .mlt-calendar-scroll  {
         scrollbar-color: #475569 transparent;
    }
  .mlt-theme-dark .mlt-calendar-shell .badge.text-bg-light  {
         background: var(--mlt-dm-surface-2) !important;
        border: 1px solid var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  /* Dark mode: Kanban page. Placed after the Kanban block to win the cascade. */ .mlt-theme-dark .mlt-kanban-shell  {
         background:         radial-gradient(circle at top right, color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 14%, transparent), transparent 28%),         linear-gradient(180deg, var(--mlt-dm-surface) 0%, var(--mlt-dm-bg) 100%) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 18px 42px -34px rgba(0, 0, 0, 0.82) !important;
    }
  .mlt-theme-dark .mlt-kanban-shell h2  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-kanban-column, .mlt-theme-dark .mlt-kanban-column-warning, .mlt-theme-dark .mlt-kanban-column-success  {
         background: rgba(15, 23, 42, 0.74) !important;
        border-color: var(--mlt-dm-border) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 36px -30px rgba(0, 0, 0, 0.86) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-warning  {
         background:         linear-gradient(180deg, rgba(245, 158, 11, 0.11), rgba(15, 23, 42, 0.78)) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-success  {
         background:         linear-gradient(180deg, rgba(34, 197, 94, 0.11), rgba(15, 23, 42, 0.78)) !important;
    }
  .mlt-theme-dark .mlt-kanban-column.is-drop-target  {
         border-color: color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 58%, rgba(148, 163, 184, 0.36)) !important;
        box-shadow:         inset 0 0 0 2px color-mix(in srgb, var(--client-accent, var(--mlt-blue)) 22%, transparent),         0 18px 36px -30px rgba(0, 0, 0, 0.86) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-header  {
         border-bottom-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-title, .mlt-theme-dark .mlt-kanban-card-description  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-kanban-column-subtitle, .mlt-theme-dark .mlt-kanban-grip, .mlt-theme-dark .mlt-kanban-card .text-muted, .mlt-theme-dark .mlt-kanban-card .small  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-kanban-card  {
         background: rgba(30, 41, 59, 0.94) !important;
        border-color: rgba(148, 163, 184, 0.18) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 14px 28px -24px rgba(0, 0, 0, 0.9) !important;
    }
  .mlt-theme-dark .mlt-kanban-card:hover  {
         background: rgba(39, 53, 72, 0.96) !important;
        border-color: rgba(148, 163, 184, 0.34) !important;
        box-shadow: 0 18px 34px -24px rgba(0, 0, 0, 0.88) !important;
    }
  .mlt-theme-dark .mlt-kanban-card.is-dragging  {
         opacity: 0.8;
        box-shadow: 0 24px 44px -22px rgba(0, 0, 0, 0.95) !important;
    }
  .mlt-theme-dark .mlt-kanban-card-completed  {
         background: rgba(22, 101, 52, 0.16) !important;
        border-color: rgba(34, 197, 94, 0.24) !important;
    }
  .mlt-theme-dark .mlt-kanban-empty  {
         background: rgba(15, 23, 42, 0.5) !important;
        border-color: rgba(148, 163, 184, 0.28) !important;
        color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .badge.text-bg-light  {
         background: var(--mlt-dm-surface-2) !important;
        border: 1px solid var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .badge.text-bg-dark  {
         background: #020617 !important;
        border: 1px solid rgba(148, 163, 184, 0.28) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .badge.text-bg-warning, .mlt-theme-dark .mlt-kanban-shell .badge.text-danger  {
         background: rgba(245, 158, 11, 0.16) !important;
        border: 1px solid rgba(245, 158, 11, 0.35) !important;
        color: #fde68a !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .badge.text-bg-success  {
         background: rgba(34, 197, 94, 0.16) !important;
        border: 1px solid rgba(34, 197, 94, 0.34) !important;
        color: #bbf7d0 !important;
    }
  .mlt-theme-dark .mlt-kanban-card [style*="border-left-color: #cbd5e1"]  {
         border-left-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-kanban-card [style*="background-color: #fee2e2"], .mlt-theme-dark .mlt-kanban-card [style*="background-color:#fee2e2"]  {
         background: rgba(239, 68, 68, 0.14) !important;
        border-color: rgba(239, 68, 68, 0.34) !important;
        color: #fecaca !important;
    }
  .mlt-theme-dark .mlt-kanban-card [style*="background-color: #e2e8f0"], .mlt-theme-dark .mlt-kanban-card [style*="background-color:#e2e8f0"]  {
         background: rgba(148, 163, 184, 0.16) !important;
        border-color: rgba(148, 163, 184, 0.3) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-kanban-card [style*="background-color: #f3e8ff"], .mlt-theme-dark .mlt-kanban-card [style*="background-color:#f3e8ff"]  {
         background: rgba(168, 85, 247, 0.16) !important;
        border-color: rgba(168, 85, 247, 0.34) !important;
        color: #f3e8ff !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .mlt-chip-btn  {
         background: rgba(15, 23, 42, 0.72) !important;
        border-color: rgba(148, 163, 184, 0.24) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .mlt-chip-btn:hover:not(:disabled)  {
         background: rgba(51, 65, 85, 0.9) !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .mlt-chip-btn-success  {
         background: rgba(34, 197, 94, 0.16) !important;
        border-color: rgba(34, 197, 94, 0.34) !important;
        color: #bbf7d0 !important;
    }
  .mlt-theme-dark .mlt-kanban-shell .mlt-icon-btn:disabled  {
         color: rgba(148, 163, 184, 0.4) !important;
    }
  .mlt-theme-dark .mlt-modal .mlt-task-notes-details, .mlt-theme-dark .mlt-modal .list-group, .mlt-theme-dark .mlt-modal .bg-light  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  /* Dark mode: billable activities page. Placed late to override local page styles. */ .mlt-theme-dark .mlt-billing-shell  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-card  {
         background: linear-gradient(180deg, var(--mlt-dm-surface) 0%, var(--mlt-dm-bg) 100%) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.9) !important;
    }
  .mlt-theme-dark .mlt-billing-title, .mlt-theme-dark .mlt-billing-card h2, .mlt-theme-dark .mlt-billing-table td, .mlt-theme-dark .mlt-billing-table .fw-semibold, .mlt-theme-dark .mlt-summary-item strong  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-subtitle, .mlt-theme-dark .mlt-billing-card .text-muted, .mlt-theme-dark .mlt-summary-item small, .mlt-theme-dark .mlt-billing-table th, .mlt-theme-dark .mlt-csv-import-panel h2  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-summary-item, .mlt-theme-dark .mlt-csv-import-panel  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-table th, .mlt-theme-dark .mlt-billing-table td  {
         border-bottom-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-billing-table tbody tr:hover  {
         background: rgba(51, 65, 85, 0.45) !important;
    }
  .mlt-theme-dark .mlt-billing-row-selected  {
         background: rgba(14, 165, 233, 0.14) !important;
    }
  .mlt-theme-dark .mlt-pill  {
         background: rgba(148, 163, 184, 0.18) !important;
        border: 1px solid rgba(148, 163, 184, 0.3) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-pill-success  {
         background: rgba(34, 197, 94, 0.16) !important;
        border-color: rgba(34, 197, 94, 0.34) !important;
        color: #bbf7d0 !important;
    }
  .mlt-theme-dark .mlt-btn-edit  {
         background-color: rgba(148, 163, 184, 0.16) !important;
        border-color: rgba(148, 163, 184, 0.3) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-btn-edit:hover  {
         background-color: rgba(51, 65, 85, 0.9) !important;
        color: #f8fafc !important;
    }
  .mlt-theme-dark .mlt-btn-delete  {
         background-color: rgba(239, 68, 68, 0.14) !important;
        border-color: rgba(239, 68, 68, 0.34) !important;
        color: #fecaca !important;
    }
  .mlt-theme-dark .mlt-btn-delete:hover  {
         background-color: rgba(239, 68, 68, 0.22) !important;
        color: #fee2e2 !important;
    }
  .mlt-theme-dark .mlt-file-button, .mlt-theme-dark .mlt-billing-shell .btn-outline-primary  {
         background: rgba(14, 165, 233, 0.12) !important;
        border-color: rgba(14, 165, 233, 0.38) !important;
        color: #bae6fd !important;
    }
  .mlt-theme-dark .mlt-file-button:hover, .mlt-theme-dark .mlt-billing-shell .btn-outline-primary:hover  {
         background: rgba(14, 165, 233, 0.22) !important;
        color: #e0f2fe !important;
    }
  .mlt-theme-dark .mlt-billing-card [style*="background-color: #eff6ff"], .mlt-theme-dark .mlt-billing-card [style*="background-color:#eff6ff"]  {
         background: rgba(14, 165, 233, 0.14) !important;
        border-color: rgba(14, 165, 233, 0.36) !important;
        color: #dbeafe !important;
    }
  .mlt-theme-dark .mlt-billing-card [style*="color: #1e293b"], .mlt-theme-dark .mlt-billing-card [style*="color:#1e293b"], .mlt-theme-dark .mlt-billing-card [style*="color: #1d4ed8"], .mlt-theme-dark .mlt-billing-card [style*="color:#1d4ed8"], .mlt-theme-dark .mlt-billing-card [style*="color: #2563eb"], .mlt-theme-dark .mlt-billing-card [style*="color:#2563eb"]  {
         color: #bfdbfe !important;
    }
  .mlt-theme-dark .mlt-billing-modal-actions, .mlt-theme-dark .mlt-modal .mlt-billing-modal-actions  {
         background: var(--mlt-dm-surface) !important;
        border-color: var(--mlt-dm-border) !important;
    }
  .mlt-theme-dark .mlt-billing-table input[type="checkbox"]  {
         accent-color: var(--mlt-blue);
    }
  /* Dark mode: billable activities finance page. Placed late to override local page styles. */ .mlt-theme-dark .mlt-billing-finance-shell  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card  {
         background: linear-gradient(180deg, var(--mlt-dm-surface) 0%, var(--mlt-dm-bg) 100%) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.9) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card h1, .mlt-theme-dark .mlt-billing-finance-card h2, .mlt-theme-dark .mlt-billing-finance-card .form-label, .mlt-theme-dark .mlt-billing-finance-item strong  {
         color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card .text-muted, .mlt-theme-dark .mlt-billing-finance-item small  {
         color: var(--mlt-dm-text-muted) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-item  {
         background: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card .form-control, .mlt-theme-dark .mlt-billing-finance-card .form-select  {
         background-color: rgba(15, 23, 42, 0.72) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card .form-control:focus, .mlt-theme-dark .mlt-billing-finance-card .form-select:focus  {
         background-color: rgba(15, 23, 42, 0.92) !important;
        border-color: rgba(14, 165, 233, 0.58) !important;
        color: var(--mlt-dm-text) !important;
        box-shadow: 0 0 0 0.2rem rgba(14, 165, 233, 0.18) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-card .form-control::placeholder  {
         color: rgba(148, 163, 184, 0.78) !important;
    }
  .mlt-theme-dark .mlt-billing-finance-actions .btn-outline-secondary, .mlt-theme-dark .mlt-billing-finance-card .btn-outline-secondary  {
         background: rgba(148, 163, 184, 0.12) !important;
        border-color: rgba(148, 163, 184, 0.32) !important;
        color: #e2e8f0 !important;
    }
  .mlt-theme-dark .mlt-billing-finance-actions .btn-outline-secondary:hover, .mlt-theme-dark .mlt-billing-finance-card .btn-outline-secondary:hover  {
         background: rgba(51, 65, 85, 0.9) !important;
        color: #f8fafc !important;
    }
  /* Dias de envio picker responsive component */ .mlt-days-picker  {
         display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 0.35rem;
        width: 100%;
    }
  .mlt-day-chip  {
         align-items: center;
        background-color: #ffffff;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        font-size: 0.78rem;
        font-weight: 600;
        justify-content: center;
        padding: 0.45rem 0.15rem;
        text-align: center;
        transition: all 0.15s ease-in-out;
        user-select: none;
    }
  .mlt-day-chip:hover:not(.is-disabled)  {
         background-color: #f1f5f9;
        border-color: #94a3b8;
    }
  .mlt-day-chip.is-selected  {
         background-color: #eff6ff;
        border-color: #3b82f6;
        color: #1d4ed8;
    }
  .mlt-day-chip.is-disabled  {
         opacity: 0.5;
        cursor: not-allowed;
    }
  .mlt-day-chip .form-check-input  {
         margin: 0 0 0.25rem 0;
        cursor: pointer;
    }
  .mlt-day-label  {
         line-height: 1;
    }
  @media (max-width: 480px)  {
         .mlt-days-picker  {
             gap: 0.2rem;
        }
     .mlt-day-chip  {
             font-size: 0.72rem;
            padding: 0.38rem 0.1rem;
            border-radius: 6px;
        }
 }
  /* Dark theme overrides for mlt-days-picker */ .mlt-theme-dark .mlt-day-chip  {
         background-color: var(--mlt-dm-surface-2) !important;
        border-color: var(--mlt-dm-border) !important;
        color: var(--mlt-dm-text) !important;
    }
  .mlt-theme-dark .mlt-day-chip:hover:not(.is-disabled)  {
         background-color: rgba(255, 255, 255, 0.08) !important;
    }
  .mlt-theme-dark .mlt-day-chip.is-selected  {
         background-color: rgba(59, 130, 246, 0.2) !important;
        border-color: #3b82f6 !important;
        color: #60a5fa !important;
    }
  /* Modal Task Action Footer - Responsive & Premium Aesthetics */ .mlt-task-modal-footer  {
         display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        margin-top: 1.25rem;
        padding-top: 0.85rem;
        border-top: 1px solid #e2e8f0;
    }
  [data-theme="dark"] .mlt-task-modal-footer, .mlt-theme-dark .mlt-task-modal-footer  {
         border-top-color: rgba(255, 255, 255, 0.12);
    }
  .mlt-task-modal-footer-secondary  {
         display: flex;
        align-items: center;
        gap: 0.4rem;
        flex-wrap: nowrap;
    }
  .mlt-task-modal-footer-primary  {
         display: flex;
        align-items: center;
        gap: 0.4rem;
        flex-wrap: nowrap;
        margin-left: auto;
    }
  .mlt-task-modal-footer .btn  {
         white-space: nowrap;
        font-size: 0.84rem;
        padding: 0.38rem 0.7rem;
    }
  @media (min-width: 576px)  {
         .mlt-modal  {
             max-width: 600px;
        }
 }
  @media (max-width: 575.98px)  {
         .mlt-task-modal-footer  {
             flex-direction: column-reverse;
            align-items: stretch;
            gap: 0.65rem;
            padding-top: 0.75rem;
        }
      .mlt-task-modal-footer-primary  {
             width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
            margin-left: 0;
        }
      .mlt-task-modal-footer-secondary  {
             width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
            gap: 0.5rem;
        }
      .mlt-task-modal-footer-primary .btn,     .mlt-task-modal-footer-secondary .btn  {
             width: 100%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            white-space: nowrap;
            padding: 0.55rem 0.5rem;
            font-size: 0.85rem;
            font-weight: 600;
            border-radius: 8px;
            min-height: 2.5rem;
        }
      .mlt-task-modal-footer-primary button[type="submit"]  {
             font-weight: 700;
            box-shadow: 0 4px 12px rgba(22, 163, 74, 0.25);
        }
 }
 

/* --- ENHANCED BUTTON DESIGN SYSTEM --- */
.mlt-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.62rem 1.15rem;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.mlt-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.mlt-btn-primary {
    background: linear-gradient(135deg, var(--client-accent, #689f38) 0%, color-mix(in srgb, var(--client-accent, #689f38) 82%, #1e2517) 100%) !important;
    color: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--client-accent, #689f38) 88%, #000000) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--client-accent, #689f38) 35%, transparent) !important;
}

.mlt-btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--client-accent, #689f38) 92%, #ffffff) 0%, var(--client-accent, #689f38) 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1.5px) !important;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--client-accent, #689f38) 45%, transparent) !important;
}

.mlt-btn-primary:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--client-accent, #689f38) 30%, transparent) !important;
}

.mlt-btn-secondary {
    background: color-mix(in srgb, var(--client-accent, #689f38) 12%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--client-accent, #689f38) 32%, #cbd5e1) !important;
    color: color-mix(in srgb, var(--client-accent, #689f38) 85%, #0f172a) !important;
}

.mlt-btn-secondary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--client-accent, #689f38) 22%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--client-accent, #689f38) 50%, #94a3b8) !important;
    color: color-mix(in srgb, var(--client-accent, #689f38) 95%, #000000) !important;
    transform: translateY(-1px) !important;
}

.mlt-btn-ghost {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

.mlt-btn-ghost:hover:not(:disabled) {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    transform: translateY(-1px) !important;
}

.mlt-btn-sm {
    padding: 0.42rem 0.85rem !important;
    font-size: 0.82rem !important;
    border-radius: 8px !important;
}

.mlt-topbar-add-task-btn {
    min-height: 2.35rem !important;
    padding: 0.48rem 1.05rem !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    border-radius: 999px !important;
}

.btn-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #689f38 0%, #558b2f 100%) !important;
    border-color: #558b2f !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(104, 159, 56, 0.25);
    transition: all 0.2s ease;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7cb342 0%, #4a7c29 100%) !important;
    border-color: #4a7c29 !important;
    box-shadow: 0 6px 16px rgba(104, 159, 56, 0.35);
}

.btn-success {
    color: #ffffff !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: #16a34a !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4ade80 0%, #15803d 100%) !important;
    border-color: #15803d !important;
}

.btn-outline-primary {
    color: #689f38 !important;
    border-color: #689f38 !important;
    background-color: transparent !important;
    font-weight: 600;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #ffffff !important;
    background-color: #689f38 !important;
    border-color: #689f38 !important;
}

.btn-outline-secondary {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
    font-weight: 600;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus {
    color: #0f172a !important;
    border-color: #94a3b8 !important;
    background-color: #f8fafc !important;
}

/* Dark mode button overrides */
[data-theme="dark"] .mlt-btn-primary,
.mlt-theme-dark .mlt-btn-primary {
    background: linear-gradient(135deg, var(--client-accent, #689f38) 0%, color-mix(in srgb, var(--client-accent, #689f38) 75%, #000000) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mlt-btn-secondary,
.mlt-theme-dark .mlt-btn-secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mlt-btn-ghost,
.mlt-theme-dark .mlt-btn-ghost {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mlt-btn-ghost:hover,
.mlt-theme-dark .mlt-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary,
.mlt-theme-dark .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
.mlt-theme-dark .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}


/* --- SIDEBAR HEADER THEME OVERRIDES --- */
.mlt-sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="dark"] .mlt-sidebar-header,
.mlt-theme-dark .mlt-sidebar-header {
    background: radial-gradient(circle at top, rgba(104, 159, 56, 0.22), transparent 18rem), linear-gradient(180deg, #181b1e 0%, #2d3136 56%, #1e2226 100%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .mlt-sidebar-header .navbar-brand,
.mlt-theme-dark .mlt-sidebar-header .navbar-brand {
    color: #f8fafc !important;
}

[data-theme="dark"] .mlt-sidebar-header .sidebar-toggle-btn,
.mlt-theme-dark .mlt-sidebar-header .sidebar-toggle-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .mlt-sidebar-header .sidebar-toggle-btn:hover,
.mlt-theme-dark .mlt-sidebar-header .sidebar-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}


/* --- MANDATORY DARK MODE GLOBAL PAGE AND LAYOUT RULES --- */
html[data-theme="dark"],
html[data-theme="dark"] body,
html.mlt-theme-dark,
html.mlt-theme-dark body,
[data-theme="dark"] .page,
.mlt-theme-dark .page,
[data-theme="dark"] main,
.mlt-theme-dark main,
[data-theme="dark"] article.content,
.mlt-theme-dark article.content {
    background-color: var(--mlt-dm-bg, #1a1d20) !important;
    background: linear-gradient(180deg, #181b1e 0%, #1e2226 100%) !important;
    color: var(--mlt-dm-text, #e2e8f0) !important;
}

[data-theme="dark"] .sidebar,
.mlt-theme-dark .sidebar {
    background:
        radial-gradient(circle at top, rgba(104, 159, 56, 0.22), transparent 18rem),
        linear-gradient(180deg, #181b1e 0%, #2d3136 56%, #1e2226 100%) !important;
    border-right-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

/* --- SIDEBAR HEADER THEME OVERRIDES --- */
.mlt-sidebar-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="dark"] .mlt-sidebar-header,
.mlt-theme-dark .mlt-sidebar-header {
    background: radial-gradient(circle at top, rgba(104, 159, 56, 0.22), transparent 18rem), linear-gradient(180deg, #181b1e 0%, #2d3136 56%, #1e2226 100%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .mlt-sidebar-header .navbar-brand,
.mlt-theme-dark .mlt-sidebar-header .navbar-brand {
    color: #f8fafc !important;
}

[data-theme="dark"] .mlt-sidebar-header .sidebar-toggle-btn,
.mlt-theme-dark .mlt-sidebar-header .sidebar-toggle-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .mlt-sidebar-header .sidebar-toggle-btn:hover,
.mlt-theme-dark .mlt-sidebar-header .sidebar-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

/* --- ENHANCED BUTTON DESIGN SYSTEM --- */
.mlt-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.62rem 1.15rem;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.mlt-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.mlt-btn-primary {
    background: linear-gradient(135deg, var(--client-accent, #689f38) 0%, color-mix(in srgb, var(--client-accent, #689f38) 82%, #1e2517) 100%) !important;
    color: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--client-accent, #689f38) 88%, #000000) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--client-accent, #689f38) 35%, transparent) !important;
}

.mlt-btn-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--client-accent, #689f38) 92%, #ffffff) 0%, var(--client-accent, #689f38) 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1.5px) !important;
    box-shadow: 0 6px 20px color-mix(in srgb, var(--client-accent, #689f38) 45%, transparent) !important;
}

.mlt-btn-primary:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--client-accent, #689f38) 30%, transparent) !important;
}

.mlt-btn-secondary {
    background: color-mix(in srgb, var(--client-accent, #689f38) 12%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--client-accent, #689f38) 32%, #cbd5e1) !important;
    color: color-mix(in srgb, var(--client-accent, #689f38) 85%, #0f172a) !important;
}

.mlt-btn-secondary:hover:not(:disabled) {
    background: color-mix(in srgb, var(--client-accent, #689f38) 22%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--client-accent, #689f38) 50%, #94a3b8) !important;
    color: color-mix(in srgb, var(--client-accent, #689f38) 95%, #000000) !important;
    transform: translateY(-1px) !important;
}

.mlt-btn-ghost {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

.mlt-btn-ghost:hover:not(:disabled) {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    transform: translateY(-1px) !important;
}

.mlt-btn-sm {
    padding: 0.42rem 0.85rem !important;
    font-size: 0.82rem !important;
    border-radius: 8px !important;
}

.mlt-topbar-add-task-btn {
    min-height: 2.35rem !important;
    padding: 0.48rem 1.05rem !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    border-radius: 999px !important;
}

.btn-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #689f38 0%, #558b2f 100%) !important;
    border-color: #558b2f !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(104, 159, 56, 0.25);
    transition: all 0.2s ease;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #7cb342 0%, #4a7c29 100%) !important;
    border-color: #4a7c29 !important;
    box-shadow: 0 6px 16px rgba(104, 159, 56, 0.35);
}

.btn-success {
    color: #ffffff !important;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
    border-color: #16a34a !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #4ade80 0%, #15803d 100%) !important;
    border-color: #15803d !important;
}

.btn-outline-primary {
    color: #689f38 !important;
    border-color: #689f38 !important;
    background-color: transparent !important;
    font-weight: 600;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #ffffff !important;
    background-color: #689f38 !important;
    border-color: #689f38 !important;
}

.btn-outline-secondary {
    color: #475569 !important;
    border-color: #cbd5e1 !important;
    background-color: #ffffff !important;
    font-weight: 600;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus {
    color: #0f172a !important;
    border-color: #94a3b8 !important;
    background-color: #f8fafc !important;
}

/* Dark mode button overrides */
[data-theme="dark"] .mlt-btn-primary,
.mlt-theme-dark .mlt-btn-primary {
    background: linear-gradient(135deg, var(--client-accent, #689f38) 0%, color-mix(in srgb, var(--client-accent, #689f38) 75%, #000000) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .mlt-btn-secondary,
.mlt-theme-dark .mlt-btn-secondary {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mlt-btn-ghost,
.mlt-theme-dark .mlt-btn-ghost {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .mlt-btn-ghost:hover,
.mlt-theme-dark .mlt-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary,
.mlt-theme-dark .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
.mlt-theme-dark .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}


/* --- NOTIFICATION BELL ANIMATIONS & ACTIVE ALTERATION --- */
.mlt-bell-btn {
    transition: all 0.25s ease;
    border-radius: 999px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mlt-bell-btn.has-unread {
    color: #0ea5e9 !important;
    animation: mltBellPulseGlow 2.5s infinite ease-in-out;
}

[data-theme="dark"] .mlt-bell-btn.has-unread,
.mlt-theme-dark .mlt-bell-btn.has-unread {
    color: #38bdf8 !important;
}

.mlt-bell-icon-active {
    animation: mltBellRing 3.5s ease-in-out infinite;
    transform-origin: top center;
    filter: drop-shadow(0 2px 6px rgba(14, 165, 233, 0.4));
}

.mlt-unread-badge {
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.7);
    animation: mltBadgePulse 2s infinite ease-in-out;
    border: 2px solid #ffffff;
}

[data-theme="dark"] .mlt-unread-badge,
.mlt-theme-dark .mlt-unread-badge {
    border-color: #1e293b;
}

@keyframes mltBellRing {
    0%, 100% { transform: rotate(0deg); }
    4% { transform: rotate(16deg); }
    8% { transform: rotate(-14deg); }
    12% { transform: rotate(12deg); }
    16% { transform: rotate(-10deg); }
    20% { transform: rotate(6deg); }
    24% { transform: rotate(-4deg); }
    28% { transform: rotate(0deg); }
}

@keyframes mltBellPulseGlow {
    0%, 100% {
        filter: drop-shadow(0 0 2px rgba(14, 165, 233, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 8px rgba(14, 165, 233, 0.8));
    }
}

@keyframes mltBadgePulse {
    0%, 100% {
        transform: translate(50%, -50%) scale(1);
    }
    50% {
        transform: translate(50%, -50%) scale(1.15);
    }
}


/* --- TOP-RIGHT TOASTER NOTIFICATIONS FOR SETTINGS & ACTIONS --- */
.mlt-toast-stack {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 10000 !important;
    width: min(420px, calc(100vw - 32px)) !important;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mlt-toast {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    pointer-events: auto;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
    animation: mltToastSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    backdrop-filter: blur(10px);
}

.mlt-toast-success {
    border: 1px solid #86efac !important;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    color: #14532d !important;
}

.mlt-toast-danger {
    border: 1px solid #fca5a5 !important;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
    color: #7f1d1d !important;
}

.mlt-toast-warning {
    border: 1px solid #fde047 !important;
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%) !important;
    color: #713f12 !important;
}

.mlt-toast-info {
    border: 1px solid #7dd3fc !important;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    color: #0c4a6e !important;
}

[data-theme="dark"] .mlt-toast-success,
.mlt-theme-dark .mlt-toast-success {
    border-color: #166534 !important;
    background: linear-gradient(135deg, #052e16 0%, #14532d 100%) !important;
    color: #f0fdf4 !important;
}

[data-theme="dark"] .mlt-toast-danger,
.mlt-theme-dark .mlt-toast-danger {
    border-color: #991b1b !important;
    background: linear-gradient(135deg, #450a0a 0%, #7f1d1d 100%) !important;
    color: #fef2f2 !important;
}

[data-theme="dark"] .mlt-toast-warning,
.mlt-theme-dark .mlt-toast-warning {
    border-color: #854d0e !important;
    background: linear-gradient(135deg, #422006 0%, #713f12 100%) !important;
    color: #fef9c3 !important;
}

[data-theme="dark"] .mlt-toast-info,
.mlt-theme-dark .mlt-toast-info {
    border-color: #075985 !important;
    background: linear-gradient(135deg, #082f49 0%, #0c4a6e 100%) !important;
    color: #e0f2fe !important;
}

@media (max-width: 520px) {
    .mlt-toast-stack {
        top: 14px !important;
        right: 14px !important;
        left: 14px !important;
        width: auto !important;
    }
}