:root {
    --theme-bg: #f6f7fb;
    --theme-surface: #ffffff;
    --theme-surface-alt: #f1f3f8;
    --theme-text: #1d2433;
    --theme-muted: #6b7385;
    --theme-border: #d8deea;
    --theme-link: #1169d8;
    --theme-link-hover: #0d52aa;
    --theme-navbar-bg: #f8f9fa;
    --theme-footer-bg: #ffffff;
    --theme-input-bg: #ffffff;
    --theme-input-text: #1d2433;
    --theme-input-placeholder: #7a8293;
    --theme-shadow: 0 8px 20px rgba(24, 34, 56, 0.08);
    --theme-hover-bg: rgba(17, 105, 216, 0.08);
}

:root[data-theme='dark'] {
    --theme-bg: #10141d;
    --theme-surface: #1a202c;
    --theme-surface-alt: #151b25;
    --theme-text: #e6ebf5;
    --theme-muted: #a1adc2;
    --theme-border: #2d3647;
    --theme-link: #7bb2ff;
    --theme-link-hover: #a7cbff;
    --theme-navbar-bg: #151b25;
    --theme-footer-bg: #151b25;
    --theme-input-bg: #121923;
    --theme-input-text: #e6ebf5;
    --theme-input-placeholder: #8c98ae;
    --theme-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
    --theme-hover-bg: rgba(123, 178, 255, 0.18);
}

html,
body {
    background-color: var(--theme-bg);
    color: var(--theme-text);
}

a {
    color: var(--theme-link);
}

a:hover,
a:focus {
    color: var(--theme-link-hover);
}

.navbar.navbar-light.bg-light {
    background-color: var(--theme-navbar-bg) !important;
    border-bottom: 1px solid var(--theme-border);
}

.navbar .nav-link,
.navbar .navbar-brand {
    color: var(--theme-text) !important;
}

.navbar .navbar-toggler {
    border-color: var(--theme-border);
}

:root[data-theme='dark'] .navbar .navbar-toggler i,
:root[data-theme='dark'] .navbar .fa-bars {
    color: var(--theme-text) !important;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-border);
    border-radius: 999px;
    width: 34px;
    height: 34px;
    padding: 0;
    background: var(--theme-surface);
    color: var(--theme-text) !important;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    background: var(--theme-hover-bg);
    border-color: var(--theme-link);
    transform: translateY(-1px);
}

.container,
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.table,
.table > :not(caption) > * > * {
    background-color: var(--theme-surface);
    color: var(--theme-text);
    border-color: var(--theme-border);
}

.table {
    --bs-table-bg: var(--theme-surface);
    --bs-table-striped-bg: var(--theme-surface-alt);
    --bs-table-striped-color: var(--theme-text);
    --bs-table-hover-bg: var(--theme-hover-bg);
    --bs-table-hover-color: var(--theme-text);
    --bs-table-color: var(--theme-text);
    --bs-table-border-color: var(--theme-border);
}

.form-control,
.form-select,
textarea,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='search'] {
    background-color: var(--theme-input-bg);
    color: var(--theme-input-text);
    border-color: var(--theme-border);
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder {
    color: var(--theme-input-placeholder);
}

.form-control:focus,
.form-select:focus,
textarea:focus {
    background-color: var(--theme-input-bg);
    color: var(--theme-input-text);
    border-color: var(--theme-link);
    box-shadow: 0 0 0 0.2rem rgba(17, 105, 216, 0.2);
}

.btn-light,
.btn-outline-secondary,
.badge.bg-light {
    background-color: var(--theme-surface-alt) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

.text-muted,
small.text-muted,
.list-unstyled .text-muted {
    color: var(--theme-muted) !important;
}

footer.container {
    background: var(--theme-footer-bg);
    border-top: 1px solid var(--theme-border);
    box-shadow: var(--theme-shadow);
}

.social-icons a {
    background-color: var(--theme-surface-alt);
}

.social-icons a:hover {
    background-color: var(--theme-hover-bg);
}

:root[data-theme='dark'] .cookie-block {
    background: #92583b;
}

:root[data-theme='dark'] .alert {
    border-color: var(--theme-border);
    color: #e8eef9;
}

:root[data-theme='dark'] .alert-info {
    background-color: #1c344c;
    border-color: #2f5678;
    color: #d9ecff;
}

:root[data-theme='dark'] .alert-success {
    background-color: #1f3b2b;
    border-color: #346649;
    color: #dcf7e5;
}

:root[data-theme='dark'] .alert-warning {
    background-color: #4a3a1a;
    border-color: #7a6130;
    color: #ffefc7;
}

:root[data-theme='dark'] .alert-danger {
    background-color: #4a2028;
    border-color: #7d3341;
    color: #ffdbe2;
}

:root[data-theme='dark'] #guestBanner {
    background: #4a3a1a !important;
    border-left-color: #d2a638 !important;
    color: #ffefc7;
}

:root[data-theme='dark'] #guestBanner .text-warning {
    color: #ffd36e !important;
}

:root[data-theme='dark'] #notification-settings-status {
    color: var(--theme-muted) !important;
}

:root[data-theme='dark'] #notification-processor-result {
    background: #1a2230 !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] .widget-floating-notification {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45) !important;
}

:root[data-theme='dark'] .widget-floating-notification-success {
    background: #256a40 !important;
}

:root[data-theme='dark'] .widget-floating-notification-error {
    background: #8a2f41 !important;
}

:root[data-theme='dark'] .widget-connection-lost {
    background: #8b5a1f !important;
    color: #fff4d8 !important;
}

:root[data-theme='dark'] .widget-connection-lost button {
    background: #2e4f79;
    color: #eaf1ff;
    border: 1px solid #6da6ef;
    border-radius: 6px;
    margin-left: 8px;
    padding: 2px 8px;
}

:root[data-theme='dark'] .widget-connection-lost button:hover {
    background: #3b6497;
}

:root[data-theme='dark'] .kanban-column {
    background: #1a2230;
    border: 1px solid var(--theme-border);
}

:root[data-theme='dark'] .kanban-column-header {
    background: #202a3a;
    color: var(--theme-text);
}

:root[data-theme='dark'] .column-title,
:root[data-theme='dark'] .task-title,
:root[data-theme='dark'] .task-meta,
:root[data-theme='dark'] .no-executor,
:root[data-theme='dark'] #kanban-search-empty {
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] .kanban-item {
    background: #111925;
    border: 1px solid var(--theme-border);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.26);
}

:root[data-theme='dark'] .kanban-item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

:root[data-theme='dark'] .executor-badge,
:root[data-theme='dark'] .task-progress-badge,
:root[data-theme='dark'] .task-count {
    background: #2a3649;
    color: #dce6f7;
}

:root[data-theme='dark'] .add-task-btn,
:root[data-theme='dark'] .add-executor-btn,
:root[data-theme='dark'] .collapse-column,
:root[data-theme='dark'] .delete-column,
:root[data-theme='dark'] .kanban-item-actions button {
    color: var(--theme-text);
    border-color: var(--theme-border);
}

:root[data-theme='dark'] .add-task-btn:hover,
:root[data-theme='dark'] .add-executor-btn:hover,
:root[data-theme='dark'] .kanban-item-actions button:hover {
    background: var(--theme-hover-bg);
}

:root[data-theme='dark'] .kanban-column.drag-over,
:root[data-theme='dark'] .drag-over {
    background: #1f2d44;
    border-color: #4f86d8;
}

:root[data-theme='dark'] #edit_task_chronology_list {
    background: #131b28 !important;
    border-color: var(--theme-border) !important;
}

:root[data-theme='dark'] .chat-app,
:root[data-theme='dark'] .chat,
:root[data-theme='dark'] .people-list,
:root[data-theme='dark'] .chat-scroll-area {
    background: var(--theme-surface);
    color: var(--theme-text);
}

:root[data-theme='dark'] .chat-app .chat {
    border-left-color: var(--theme-border);
}

:root[data-theme='dark'] .chat .chat-header,
:root[data-theme='dark'] .chat .chat-history,
:root[data-theme='dark'] .chat .chat-message,
:root[data-theme='dark'] .people-list .chat-list li,
:root[data-theme='dark'] .chat-date-separator span,
:root[data-theme='dark'] .widget-chat-date-separator span {
    border-color: var(--theme-border);
    color: var(--theme-text);
}

:root[data-theme='dark'] .widget-chat-date-separator span {
    background: #223044;
    border: 1px solid #3a4d68;
    color: #dbe8ff;
}

:root[data-theme='dark'] .people-list .chat-list li:hover,
:root[data-theme='dark'] .people-list .chat-list li.active {
    background: #202b3b;
}

:root[data-theme='dark'] .chat .chat-history .message {
    color: #eaf1ff;
}

:root[data-theme='dark'] .chat .chat-history .my-message {
    background: #2e4f79;
}

:root[data-theme='dark'] .chat .chat-history .other-message {
    background: #273246;
}

:root[data-theme='dark'] .message-time,
:root[data-theme='dark'] .message-data-time,
:root[data-theme='dark'] .widget-message-time,
:root[data-theme='dark'] .widget-message-meta {
    color: var(--theme-muted) !important;
}

:root[data-theme='dark'] .message-sender,
:root[data-theme='dark'] .widget-message-sender,
:root[data-theme='dark'] .widget-tick-double {
    color: #8dc0ff !important;
}

:root[data-theme='dark'] #chat-widget {
    background: #121923;
    border: 1px solid var(--theme-border);
}

:root[data-theme='dark'] .widget-header,
:root[data-theme='dark'] .widget-chat-header,
:root[data-theme='dark'] .widget-chat-message,
:root[data-theme='dark'] .widget-typing-status,
:root[data-theme='dark'] .widget-reply-preview,
:root[data-theme='dark'] .widget-emoji-picker {
    background: #1a2230;
    border-color: var(--theme-border);
    color: var(--theme-text);
}

:root[data-theme='dark'] .widget-my-message {
    background: #2e4f79;
    color: #eaf1ff;
}

:root[data-theme='dark'] .widget-other-message {
    background: #273246;
    color: #eaf1ff;
}

:root[data-theme='dark'] .widget-reply-quote,
:root[data-theme='dark'] .widget-readers-list {
    background: rgba(141, 192, 255, 0.16);
    color: #dce6f7;
}

:root[data-theme='dark'] #widget-messageBox {
    background: #121923;
    color: var(--theme-input-text);
    border-color: var(--theme-border);
}

:root[data-theme='dark'] .widget-btns-chat button,
:root[data-theme='dark'] .widget-reply-btn,
:root[data-theme='dark'] .widget-edit-btn,
:root[data-theme='dark'] .widget-delete-btn {
    color: var(--theme-muted);
}

:root[data-theme='dark'] .widget-btns-chat button:hover,
:root[data-theme='dark'] .widget-reply-btn:hover,
:root[data-theme='dark'] .widget-edit-btn:hover,
:root[data-theme='dark'] .widget-delete-btn:hover,
:root[data-theme='dark'] .widget-emoji-item:hover {
    background: var(--theme-hover-bg);
}

:root[data-theme='dark'] .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%);
    opacity: 0.9;
}

:root[data-theme='dark'] .btn-close:hover {
    opacity: 1;
}

:root[data-theme='dark'] .modal-header {
    background: linear-gradient(135deg, #1f2f46 0%, #263854 100%);
    color: #e6ebf5;
    border-bottom-color: var(--theme-border);
}

:root[data-theme='dark'] .modal-footer {
    background: #151c29;
    border-top-color: var(--theme-border);
}

:root[data-theme='dark'] .nav-tabs {
    border-bottom-color: var(--theme-border);
}

:root[data-theme='dark'] .nav-tabs .nav-link {
    color: var(--theme-muted);
    border-color: transparent;
}

:root[data-theme='dark'] .nav-tabs .nav-link:hover,
:root[data-theme='dark'] .nav-tabs .nav-link:focus {
    color: var(--theme-text);
    background: #1b2433;
    border-color: var(--theme-border);
}

:root[data-theme='dark'] .nav-tabs .nav-link.active,
:root[data-theme='dark'] .nav-tabs .nav-item.show .nav-link {
    color: var(--theme-text);
    background: #1f2b3d;
    border-color: var(--theme-border) var(--theme-border) #1f2b3d;
}

:root[data-theme='dark'] .dropdown-item {
    color: var(--theme-text);
}

:root[data-theme='dark'] .dropdown-item:hover,
:root[data-theme='dark'] .dropdown-item:focus {
    background: #202b3b;
    color: #eff4ff;
}

:root[data-theme='dark'] .input-group-text {
    background: #1b2433;
    color: var(--theme-text);
    border-color: var(--theme-border);
}

:root[data-theme='dark'] .form-check-input {
    background-color: #121923;
    border-color: #4c5a72;
}

:root[data-theme='dark'] .form-check-input:checked {
    background-color: #3f7ed6;
    border-color: #3f7ed6;
}

:root[data-theme='dark'] .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 178, 255, 0.25);
}

:root[data-theme='dark'] #task-list-search-empty,
:root[data-theme='dark'] #projects-search-empty,
:root[data-theme='dark'] #kanban-search-empty,
:root[data-theme='dark'] .project-menu-icon,
:root[data-theme='dark'] .fa-ellipsis-v {
    color: var(--theme-muted) !important;
}

:root[data-theme='dark'] #edit-task-files-list,
:root[data-theme='dark'] #task-files-list,
:root[data-theme='dark'] #edit_task_chronology_list,
:root[data-theme='dark'] #edit-subtask-attach-dropdown,
:root[data-theme='dark'] .details-task-description-text,
:root[data-theme='dark'] [data-chronology-type] {
    background: #131b28 !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] #edit-subtask-attach-dropdown {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.38) !important;
}

:root[data-theme='dark'] .progress {
    background: #2b3648 !important;
}

:root[data-theme='dark'] .kanban-task-pdf-loading,
:root[data-theme='dark'] .task-files-pdf-loading {
    background: #131b28 !important;
    color: var(--theme-muted) !important;
}

:root[data-theme='dark'] .kanban-task-pdf-frame,
:root[data-theme='dark'] .task-files-pdf-frame {
    background: #0f1724 !important;
}

:root[data-theme='dark'] .kanban-file-thumb,
:root[data-theme='dark'] .task-files-table img {
    border-color: #4a5870 !important;
}

:root[data-theme='dark'] #edit-subtask-attach-dropdown > div,
:root[data-theme='dark'] #new-subtask-attach-dropdown > div {
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] .details-custom-fields-wrap > div {
    background: #131b28 !important;
    border-color: var(--theme-border) !important;
}

:root[data-theme='dark'] .details-custom-fields-wrap .details-custom-field {
    background: #0f1724;
    border-color: var(--theme-border);
    color: var(--theme-text);
}

:root[data-theme='dark'] .details-task-title-text {
    color: #f2f6ff !important;
}

:root[data-theme='dark'] .details-task-progress {
    accent-color: #3f7ed6 !important;
}

:root[data-theme='dark'] .details-task-progress-value {
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] .details-progress-btn {
    background: #1b2433 !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

:root[data-theme='dark'] .details-progress-btn:hover,
:root[data-theme='dark'] .details-progress-btn:focus {
    background: #263246 !important;
    border-color: #4f86d8 !important;
}

:root[data-theme='dark'] #task-files-list {
    background: #131b28 !important;
    border-color: var(--theme-border) !important;
    color: #8a94ab !important;
}

:root[data-theme='dark'] #task-files-list > div {
    color: #8a94ab !important;
}

#editTaskModal .modal-dialog {
    max-width: min(96vw, 980px);
}

#editTaskModal .modal-content {
    max-width: 940px !important;
    margin: 0 auto;
}

:root[data-theme='dark'] #editTaskModal .modal-title,
:root[data-theme='dark'] #editTaskModal .form-label,
:root[data-theme='dark'] #editTaskModal .fw-bold,
:root[data-theme='dark'] #editTaskModal label {
    color: #eef3ff !important;
}

:root[data-theme='dark'] #editTaskModal .nav-link {
    color: #c9d4e9;
}

:root[data-theme='dark'] #editTaskModal .nav-link.active {
    color: #f1f6ff;
}

:root[data-theme='dark'] #editTaskModal .text-muted,
:root[data-theme='dark'] #editTaskModal small.text-muted {
    color: #9caac2 !important;
}

:root[data-theme='dark'] .section-title-input,
:root[data-theme='dark'] .test-input.input-h3.section-title-input {
    color: #eef3ff !important;
    background: var(--theme-surface, #1a202c) !important;
    border-color: #33425a !important;
}

:root[data-theme='dark'] .test-input.task-title-input {
    background: var(--theme-surface) !important;
    color: #eaf1ff !important;
    border-color: var(--theme-border) !important;
}

:root[data-theme='dark'] .test-input.task-title-input:hover,
:root[data-theme='dark'] .test-input.task-title-input:focus {
    background: var(--theme-surface) !important;
    color: #f2f6ff !important;
    border-color: #4f86d8 !important;
}

:root[data-theme='dark'] .test-input.input-h3.section-title-input:hover,
:root[data-theme='dark'] .test-input.input-h3.section-title-input:focus {
    color: #f5f8ff !important;
    background: var(--theme-surface, #1a202c) !important;
    border-color: #4f86d8 !important;
    box-shadow: 0 0 0 0.12rem rgba(123, 178, 255, 0.28) !important;
}

:root[data-theme='dark'] .progress-buttons .progress-btn {
    background: #1b2433 !important;
    border: 1px solid #42526a !important;
    color: #e4ecff !important;
}

:root[data-theme='dark'] .progress-buttons .progress-btn:hover,
:root[data-theme='dark'] .progress-buttons .progress-btn:focus {
    background: #263246 !important;
    border-color: #5c7fb4 !important;
    color: #f2f6ff !important;
}

:root[data-theme='dark'] .executors-list-inline .executor-badge {
    background: #273246 !important;
    color: #dce6f7 !important;
    border: 1px solid #42526a !important;
}

:root[data-theme='dark'] .executors-list-inline .executor-badge i {
    color: #94a3b8 !important;
}

:root[data-theme='dark'] .task-context-menu {
    background: #121b29 !important;
    border-color: #33445e !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.45) !important;
}

:root[data-theme='dark'] .task-context-menu .menu-item {
    background: #121b29 !important;
    color: #e6eefc !important;
    border-bottom-color: #2e3d53 !important;
}

:root[data-theme='dark'] .task-context-menu .menu-item:hover,
:root[data-theme='dark'] .task-context-menu .menu-item:focus {
    background: #213049 !important;
}

:root[data-theme='dark'] .task-context-menu .menu-item[data-action='delete-project'] {
    color: #ffb8c3 !important;
}

:root[data-theme='dark'] .select-executor-modal {
    background: rgba(2, 6, 14, 0.66) !important;
}

:root[data-theme='dark'] .select-executor-modal > div {
    background: #131b28 !important;
    border: 1px solid #33445e !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.48) !important;
}

:root[data-theme='dark'] .select-executor-modal h4 {
    color: #eef3ff !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-search {
    background: #1a202c !important;
    color: #e6eefc !important;
    border-color: #42526a !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-search::placeholder {
    color: #95a3bb !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-list {
    background: #0f1724 !important;
    border-color: #33445e !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-list label {
    color: #dce6f7 !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-list label:hover {
    background: #1f2d44 !important;
    border-radius: 6px;
}

:root[data-theme='dark'] .select-executor-modal .inline-executor-checkbox {
    accent-color: #4f86d8;
}

:root[data-theme='dark'] .select-executor-modal .inline-select-all {
    color: #79a9f0 !important;
}

:root[data-theme='dark'] .select-executor-modal .inline-unselect-all,
:root[data-theme='dark'] .select-executor-modal .inline-executor-no-results {
    color: #9caac2 !important;
}

:root[data-theme='dark'] .select-executor-modal .confirm-inline-add {
    background: #1f7a45 !important;
    color: #f2fff7 !important;
}

:root[data-theme='dark'] .select-executor-modal .cancel-inline-add {
    background: #42526a !important;
    color: #eef3ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal {
    background: rgba(2, 6, 14, 0.74) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal > div {
    background: #131b28 !important;
    border: 1px solid #33445e !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.5) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [style*='background: #f8f9fa'] {
    background: #1a2434 !important;
    border-color: #33445e !important;
}

:root[data-theme='dark'] .task-fullscreen-modal h3,
:root[data-theme='dark'] .task-fullscreen-modal h4,
:root[data-theme='dark'] .task-fullscreen-modal h5,
:root[data-theme='dark'] .task-fullscreen-modal [style*='color: #6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='color:#6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='color: #334155'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='color:#334155'] {
    color: #dce6f7 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-modal-tab-btn {
    background: #1b2433 !important;
    color: #dce6f7 !important;
    border: 1px solid #42526a !important;
    min-height: 36px;
    padding: 8px 14px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-modal-tab-btn.task-modal-tab-btn-active {
    background: #355f9f !important;
    color: #f4f8ff !important;
    border-color: #5f86c0 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-modal-tab-btn:hover {
    background: #263246 !important;
    border-color: #5f86c0 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal input,
:root[data-theme='dark'] .task-fullscreen-modal select,
:root[data-theme='dark'] .task-fullscreen-modal textarea,
:root[data-theme='dark'] .task-fullscreen-modal [contenteditable='true'] {
    background: #1a202c !important;
    color: #e6eefc !important;
    border-color: #42526a !important;
}

:root[data-theme='dark'] .task-fullscreen-modal input::placeholder,
:root[data-theme='dark'] .task-fullscreen-modal textarea::placeholder {
    color: #95a3bb !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list,
:root[data-theme='dark'] .task-fullscreen-modal #subtasks-list,
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list,
:root[data-theme='dark'] .task-fullscreen-modal #subtask-attach-dropdown {
    background: #111925 !important;
    border-color: #33445e !important;
    color: #d6e0f4 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [style*='background:#e9ecef'] {
    background: #2b3648 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap,
:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap * {
    color: #dce6f7 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-custom-fields-card {
    background: #1a202c !important;
    border-color: #33445e !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-custom-fields-title {
    color: #f8fbff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap [style*='color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap [style*='color: #64748b'] {
    color: #b5c6e3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap textarea.task-custom-field-input,
:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap select.task-custom-field-input,
:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap input.task-custom-field-input:not([type='checkbox']) {
    background: #222b3a !important;
    color: #ffffff !important;
    border-color: #42526a !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-custom-fields-wrap .task-custom-field-input:focus {
    border-color: #6e9fe4 !important;
    box-shadow: 0 0 0 2px rgba(110, 159, 228, 0.22) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-comment-cmd,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-action,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-link-btn {
    background: #1b2433 !important;
    color: #e6eefc !important;
    border-color: #42526a !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-comment-cmd:hover,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-action:hover,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-link-btn:hover {
    background: #263246 !important;
    color: #f4f8ff !important;
    border-color: #5f86c0 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-comment-cmd:focus,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-action:focus,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-link-btn:focus {
    outline: none !important;
    border-color: #7eb0ff !important;
    box-shadow: 0 0 0 2px rgba(126, 176, 255, 0.25) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-comment-cmd:disabled,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-action:disabled,
:root[data-theme='dark'] .task-fullscreen-modal .task-comment-link-btn:disabled {
    opacity: 0.72 !important;
    color: #9cafcc !important;
    border-color: #3c4b62 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments {
    background: #111925 !important;
    border: 1px solid #33445e !important;
    border-radius: 10px;
    padding: 10px;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='background:#ffffff'],
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='background: #ffffff'],
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='background:#fff'],
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='background: #fff'] {
    background: #1a2434 !important;
    border-color: #33445e !important;
    color: #dce6f7 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-preview,
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-open,
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-copy {
    background: #1b2433 !important;
    border-color: #42526a !important;
    color: #cfe0ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-preview:hover,
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-open:hover,
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments .task-comment-file-copy:hover {
    background: #273449 !important;
    border-color: #5f86c0 !important;
    color: #eff5ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments [style*='color: #64748b'] {
    color: #a8b8d3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-comment-attachments > div:first-child {
    color: #b9c8e3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item {
    background: #1a2434 !important;
    border-color: #33445e !important;
    color: #dce6f7 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item:hover {
    background: #202d40 !important;
    border-color: #446189 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='font-size: 14px; font-weight: 500'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='font-size:14px; font-weight: 500'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='font-size: 14px;font-weight: 500'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='font-size:14px;font-weight:500'] {
    color: #e7efff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='color: #6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='color:#6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='color: #999'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .file-item [style*='color:#999'] {
    color: #a8b7cf !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .download-file-btn {
    background: rgba(120, 173, 255, 0.12) !important;
    border-radius: 6px;
    color: #78adff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .insert-comment-file-btn {
    background: rgba(94, 219, 150, 0.12) !important;
    border-radius: 6px;
    color: #5edb96 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .delete-file-btn {
    background: rgba(255, 149, 163, 0.12) !important;
    border-radius: 6px;
    color: #ff95a3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list [style*='color: #999'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list [style*='color:#999'] {
    color: #a8b7cf !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list [style*='text-align: center; color: #999; padding: 20px;'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list [style*='text-align:center; color:#999; padding:20px;'],
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list [style*='text-align:center; color: #999; padding: 20px;'] {
    color: #b9c8e3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [style*='font-size:11px; color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='font-size: 11px; color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='font-size:11px; color: #64748b'],
:root[data-theme='dark'] .task-fullscreen-modal [style*='font-size: 11px; color: #64748b'] {
    color: #a8b8d3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .download-file-btn:hover,
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .insert-comment-file-btn:hover,
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .delete-file-btn:hover {
    filter: brightness(1.14) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .download-file-btn:focus,
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .insert-comment-file-btn:focus,
:root[data-theme='dark'] .task-fullscreen-modal #task-files-list .delete-file-btn:focus,
:root[data-theme='dark'] .task-fullscreen-modal .upload-file-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(126, 176, 255, 0.24) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .upload-file-btn {
    background: #355f9f !important;
    color: #f3f8ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .upload-file-btn:hover {
    background: #4473bb !important;
    color: #ffffff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='history'] > div,
:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='access'] > div {
    background: #1a202c !important;
    border-color: #33445e !important;
    padding: 16px !important;
    border-radius: 12px !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='history'] [style*='color:#6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='history'] [style*='color: #6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='access'] [style*='color:#6c757d'],
:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='access'] [style*='color: #6c757d'] {
    color: #c8d7ef !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='history'] > div > div:first-child {
    border-bottom: 1px solid #2f3f57;
    padding-bottom: 10px;
    margin-bottom: 12px !important;
}

:root[data-theme='dark'] .task-fullscreen-modal [data-tab-pane='access'] > div > div:first-child {
    margin-bottom: 12px !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-filter {
    background: #222b3a !important;
    color: #ffffff !important;
    border-color: #42526a !important;
    min-height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-filter:hover {
    border-color: #5f86c0 !important;
    background: #283449 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-filter:focus {
    outline: none !important;
    border-color: #7eb0ff !important;
    box-shadow: 0 0 0 2px rgba(126, 176, 255, 0.22) !important;
    background: #2b3850 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-filter option {
    background: #1a202c !important;
    color: #ffffff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-filter option:checked {
    background: #355f9f !important;
    color: #f7fbff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [data-chronology-type] {
    background: #222b3a !important;
    border-color: #3c4b62 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [data-chronology-type]:hover {
    background: #29374d !important;
    border-color: #5274a6 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [data-chronology-type] > div > span:first-child {
    background: #31435f !important;
    color: #e9f1ff !important;
    border: 1px solid #4f6f9e !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [data-chronology-type] > div > span:first-child i {
    color: #bfd6ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color:#1e293b'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color: #1e293b'] {
    color: #e8f0ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-transform:uppercase'] {
    color: #b9c8e3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-transform:uppercase'][style*='font-weight:700'] {
    color: #cfddf3 !important;
    letter-spacing: 0.05em !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color: #64748b'] {
    color: #b4c6e2 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-align:center; color:#64748b; padding:14px;'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-align:center; color: #64748b; padding:14px;'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-align: center; color:#64748b; padding:14px;'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='text-align: center; color: #64748b; padding:14px;'] {
    color: #c8d7ef !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color:#dc2626'],
:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-list [style*='color: #dc2626'] {
    color: #ff9fad !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-more-btn {
    background: #222b3a !important;
    color: #e8f0ff !important;
    border-color: #42526a !important;
    min-height: 38px;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-chronology-more-btn:hover {
    background: #2b3850 !important;
    border-color: #5f86c0 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-user-select {
    background: #222b3a !important;
    color: #ffffff !important;
    border-color: #42526a !important;
    min-height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-user-select:hover {
    border-color: #5f86c0 !important;
    background: #283449 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-user-select:focus {
    outline: none !important;
    border-color: #7eb0ff !important;
    box-shadow: 0 0 0 2px rgba(126, 176, 255, 0.22) !important;
    background: #2b3850 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-user-select option {
    background: #1a202c !important;
    color: #ffffff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-user-select option:checked {
    background: #355f9f !important;
    color: #f7fbff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row {
    background: #222b3a !important;
    border-color: #3c4b62 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row:hover {
    background: #29374d !important;
    border-color: #5274a6 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row [style*='color:#0f172a'],
:root[data-theme='dark'] .task-fullscreen-modal .task-access-row [style*='color: #0f172a'] {
    color: #f3f7ff !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row [style*='color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal .task-access-row [style*='color: #64748b'] {
    color: #a8b8d3 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row label {
    color: #d7e2f5 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal #task-access-rows > div[style*='color:#64748b'],
:root[data-theme='dark'] .task-fullscreen-modal #task-access-rows > div[style*='color: #64748b'] {
    color: #b4c6e2 !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row input[type='checkbox'] {
    accent-color: #6e9fe4;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-row input[type='checkbox']:focus-visible {
    outline: 2px solid #7eb0ff;
    outline-offset: 2px;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-add-user:hover,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-save:hover,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-remove:hover {
    filter: brightness(1.1) !important;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-add-user,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-save,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-remove {
    min-height: 34px;
}

:root[data-theme='dark'] .task-fullscreen-modal .task-access-add-user:focus,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-save:focus,
:root[data-theme='dark'] .task-fullscreen-modal .task-access-remove:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(126, 176, 255, 0.24) !important;
}