/* =====================================================================
   TimeTrack dark theme. GENERATED by tools/build-dark-css.py from app.css:
   do not edit by hand, edit the generator (or the MANUAL block below) and re-run it.
   Active when <html data-bs-theme="dark"> (the sidebar moon button / OS preference).
   ===================================================================== */
html[data-bs-theme='dark'] .btn-primary {
    --bs-btn-active-border-color: #aef9f4;
}
html[data-bs-theme='dark'] .btn-outline-secondary {
    --bs-btn-hover-bg: #1e231f;
    --bs-btn-hover-border-color: #52635a;
    --bs-btn-active-bg: #252b27;
    --bs-btn-active-border-color: #52635a;
}
html[data-bs-theme='dark'] .form-control,
html[data-bs-theme='dark'] .form-select {
    border-color: #414945;
}
html[data-bs-theme='dark'] .form-control:disabled {
    background: #1f231f;
}
html[data-bs-theme='dark'] .app-sidebar {
    --bs-offcanvas-color: #363636;
}
html[data-bs-theme='dark'] .avatar {
    background: #293c39;
}
html[data-bs-theme='dark'] .btn-icon:hover {
    background: #242925;
}
html[data-bs-theme='dark'] .btn-user:hover,
html[data-bs-theme='dark'] .btn-user:focus,
html[data-bs-theme='dark'] .btn-user.show {
    background: #242925;
}
html[data-bs-theme='dark'] .count-pill {
    background: #463916;
    color: #ffda8f;
}
html[data-bs-theme='dark'] .role-pill {
    background: #242925;
}
html[data-bs-theme='dark'] .role-admin {
    background: #182635;
    color: #9ac6ef;
}
html[data-bs-theme='dark'] .role-manager {
    background: #203630;
    color: #a8f5ee;
}
html[data-bs-theme='dark'] .role-employee {
    background: #1d172b;
    color: #9c90d6;
}
html[data-bs-theme='dark'] .role-client {
    background: #463916;
    color: #ffe09a;
}
html[data-bs-theme='dark'] .feed-item.is-unread {
    background: #14201d;
}
html[data-bs-theme='dark'] .feed-icon {
    background: #242925;
}
html[data-bs-theme='dark'] .feed-info {
    background: #203630;
    color: #a8f5ee;
}
html[data-bs-theme='dark'] .feed-success {
    background: #1e3321;
    color: #9fe6ae;
}
html[data-bs-theme='dark'] .feed-warning {
    background: #463916;
    color: #ffda8f;
}
html[data-bs-theme='dark'] .feed-danger {
    background: #351717;
    color: #e27e7e;
}
html[data-bs-theme='dark'] .empty-state i {
    color: #687a73;
}
html[data-bs-theme='dark'] .strength-bar {
    background: #282d2a;
}
html[data-bs-theme='dark'] .filter-tab {
    background: #212824;
}
html[data-bs-theme='dark'] .filter-tab:hover {
    background: #2a312e;
}
html[data-bs-theme='dark'] .status-planning {
    background: #242925;
    color: #bccbc9;
}
html[data-bs-theme='dark'] .status-active {
    background: #203630;
    color: #a8f5ee;
}
html[data-bs-theme='dark'] .status-hold {
    background: #463916;
    color: #ffda8f;
}
html[data-bs-theme='dark'] .status-completed {
    background: #1e3321;
    color: #9fe6ae;
}
html[data-bs-theme='dark'] .status-cancelled {
    background: #351717;
    color: #e27e7e;
}
html[data-bs-theme='dark'] .status-archived {
    background: #1d172b;
    color: #9c90d6;
}
html[data-bs-theme='dark'] .status-inactive {
    background: #351717;
    color: #e27e7e;
}
html[data-bs-theme='dark'] .priority-low {
    background: #242925;
    color: #bccbc9;
}
html[data-bs-theme='dark'] .priority-medium {
    background: #182635;
    color: #9ac6ef;
}
html[data-bs-theme='dark'] .priority-high {
    background: #463916;
    color: #ffda8f;
}
html[data-bs-theme='dark'] .priority-urgent {
    background: #351717;
    color: #e27e7e;
}
html[data-bs-theme='dark'] .progress {
    background: #242925;
}
html[data-bs-theme='dark'] .member-pick {
    background: #171c17;
}
html[data-bs-theme='dark'] .cal-cell.is-muted {
    background: #191d19;
}
html[data-bs-theme='dark'] .cal-slot {
    border-bottom: 1px dashed #2f3630;
}
html[data-bs-theme='dark'] .team-matrix th.is-today,
html[data-bs-theme='dark'] .team-cell.is-today {
    background: #14201d;
}
html[data-bs-theme='dark'] .project-tabs .nav-link.active {
    color: var(--tt-ink, #d3e1df);
}
html[data-bs-theme='dark'] .assignee-chip {
    background: #1e2d2a;
    color: #a8f5ee;
}
html[data-bs-theme='dark'] .assignee-chip.assignee-any {
    background: #1f2320;
}
html[data-bs-theme='dark'] .task-table-band {
    background: #1d2421;
}
html[data-bs-theme='dark'] .task-band-title {
    color: #7c8993;
}
html[data-bs-theme='dark'] .task-toolbar {
    background: #141414;
}
html[data-bs-theme='dark'] .task-table-band {
    background: #1f2629;
}
html[data-bs-theme='dark'] .task-table thead th {
    background: #141414;
}
html[data-bs-theme='dark'] .task-table tbody td {
    border-color: #31383c;
}
html[data-bs-theme='dark'] .task-assignee-btn {
    background: #132731;
    color: #8da4af;
}
html[data-bs-theme='dark'] .task-assignee-btn i {
    color: #828e9a;
}
html[data-bs-theme='dark'] .task-actions-cell {
    border-left: 1px dotted #353d41;
}
html[data-bs-theme='dark'] .task-kebab {
    color: #6d7c87;
}
html[data-bs-theme='dark'] .task-kebab:hover,
html[data-bs-theme='dark'] .task-kebab:focus {
    background: #1a1f21;
    color: #a4b1b9;
}
html[data-bs-theme='dark'] .project-list-row:hover td {
    background: #11191d;
}
html[data-bs-theme='dark'] .timesheet-matrix th.is-today,
html[data-bs-theme='dark'] .timesheet-matrix td.is-today {
    background: #14201d;
}
html[data-bs-theme='dark'] .timesheet-matrix th.is-weekend,
html[data-bs-theme='dark'] .timesheet-matrix td.is-weekend {
    background: #191c19;
}
html[data-bs-theme='dark'] .timesheet-matrix tfoot th {
    background: #1d2421;
}
html[data-bs-theme='dark'] .variance-over {
    color: #e27e7e;
}
html[data-bs-theme='dark'] .variance-under {
    color: #a8f5ee;
}
html[data-bs-theme='dark'] .health-track {
    background: #1e3321;
    color: #9fe6ae;
}
html[data-bs-theme='dark'] .health-risk {
    background: #463916;
    color: #ffda8f;
}
html[data-bs-theme='dark'] .health-over {
    background: #351717;
    color: #e27e7e;
}
html[data-bs-theme='dark'] .budget-gauge {
    background: conic-gradient(from 180deg, var(--tt-tide) var(--gauge, 0deg), #242925 0);
}
html[data-bs-theme='dark'] .gantt-track {
    background: #242925;
}
html[data-bs-theme='dark'] .gantt-planning {
    background: #6e8380;
}
html[data-bs-theme='dark'] .app-sidebar {
    background: #141414;
    color: #a5b1bb;
}
@media (min-width: 992px) {
html[data-bs-theme='dark'] .app-sidebar {
    background: #141414 !important;
    color: #a5b1bb;
}
}
html[data-bs-theme='dark'] .workspace-switcher {
    color: #a2aeb9;
}
html[data-bs-theme='dark'] .workspace-more {
    color: #828e9a;
}
html[data-bs-theme='dark'] .sidebar-heading {
    color: #697683;
}
html[data-bs-theme='dark'] .sidebar-link {
    color: #a2aeb9;
}
html[data-bs-theme='dark'] .sidebar-link:hover {
    background: #191f22;
    color: #c6d2db;
}
html[data-bs-theme='dark'] .sidebar-link.active {
    background: #1a2328;
    color: #c5d1db;
}
html[data-bs-theme='dark'] .sidebar-link i,
html[data-bs-theme='dark'] .sidebar-link.active i,
html[data-bs-theme='dark'] .sidebar-link:hover i {
    color: #83909a;
}
html[data-bs-theme='dark'] .sidebar-foot {
    background: #141414;
}
html[data-bs-theme='dark'] .sidebar-user-role {
    color: #6c7b87;
}
html[data-bs-theme='dark'] .avatar {
    background: #132b34;
    color: #6dd0ef;
}
html[data-bs-theme='dark'] .app-topbar {
    background: #141414;
}
html[data-bs-theme='dark'] .topbar-workspace strong {
    color: #bfc9d3;
}
html[data-bs-theme='dark'] .topbar-workspace span {
    color: #6b7782;
}
html[data-bs-theme='dark'] .btn-icon:hover,
html[data-bs-theme='dark'] .btn-user:hover,
html[data-bs-theme='dark'] .btn-user:focus,
html[data-bs-theme='dark'] .btn-user.show {
    background: #191e21;
}
html[data-bs-theme='dark'] .clock-dash-title {
    color: #bbc5ce;
}
html[data-bs-theme='dark'] .clock-dash-subtitle {
    color: #73818d;
}
html[data-bs-theme='dark'] .clock-filter {
    background: #141414;
    color: #9ca6af;
}
html[data-bs-theme='dark'] .clock-summary-card {
    background: #181f25;
}
html[data-bs-theme='dark'] .clock-summary-label {
    color: #758592;
}
html[data-bs-theme='dark'] .clock-summary-card strong {
    color: #b7c3cc;
}
html[data-bs-theme='dark'] .clock-summary-card small {
    color: #788793;
}
html[data-bs-theme='dark'] .clock-card-head h3 {
    color: #a2adb6;
}
html[data-bs-theme='dark'] .clock-card-head span {
    color: #6a7782;
}
html[data-bs-theme='dark'] .clock-card-link {
    color: #939fa8;
}
html[data-bs-theme='dark'] .clock-project-row {
    border-bottom: 1px solid #282d31;
}
html[data-bs-theme='dark'] .clock-project-meta a {
    color: #a2aeb9;
}
html[data-bs-theme='dark'] .clock-project-meta small {
    color: #6a7782;
}
html[data-bs-theme='dark'] .clock-project-meta strong {
    color: #939fa8;
}
html[data-bs-theme='dark'] .clock-progress {
    background: #1a2125;
}
html[data-bs-theme='dark'] .clock-team-row {
    border-bottom: 1px solid #282d31;
}
html[data-bs-theme='dark'] .clock-avatar {
    background: #193132;
    color: #83ebe8;
}
html[data-bs-theme='dark'] .clock-team-info strong {
    color: #a9b4bd;
}
html[data-bs-theme='dark'] .clock-team-info span {
    color: #6a7782;
}
html[data-bs-theme='dark'] .clock-team-total {
    color: #96a1a9;
}
html[data-bs-theme='dark'] .clock-schedule-row {
    border-bottom: 1px solid #282d31;
}
html[data-bs-theme='dark'] .clock-schedule-time {
    color: #83909a;
}
html[data-bs-theme='dark'] .clock-schedule-row strong {
    color: #a7b3bc;
}
html[data-bs-theme='dark'] .clock-schedule-row small {
    color: #6e7b86;
}
html[data-bs-theme='dark'] .clock-activity-table thead th {
    background: #12171b;
    color: #6f7e88;
}
html[data-bs-theme='dark'] .clock-activity-table tbody td {
    border-bottom: 1px solid #282d31;
    color: #9eaab3;
}
html[data-bs-theme='dark'] .clock-status {
    background: #1c2124;
    color: #8c979f;
}
html[data-bs-theme='dark'] .clock-status-approved {
    background: #1c2d1b;
    color: #93c788;
}
html[data-bs-theme='dark'] .clock-status-submitted {
    background: #12202c;
    color: #72abcf;
}
html[data-bs-theme='dark'] .clock-status-rejected {
    background: #2c1212;
    color: #b76e6e;
}
html[data-bs-theme='dark'] .clock-empty {
    color: #6d7c87;
}
html[data-bs-theme='dark'] .wk-title {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-pill {
    background: #36290e;
    border: 1px solid #695528;
    color: #ffd483;
}
html[data-bs-theme='dark'] .wk-pill:hover {
    background: #493812;
    color: #ffdb98;
}
html[data-bs-theme='dark'] .wk-select {
    background: #141414;
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-select:hover,
html[data-bs-theme='dark'] .wk-select.show {
    border-color: #4b5d5a;
    background: #141414;
}
html[data-bs-theme='dark'] .wk-range {
    background: #141414;
}
html[data-bs-theme='dark'] .wk-range-label {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-range-label i {
    color: #798990;
}
html[data-bs-theme='dark'] .wk-range-btn {
    color: #94a0a5;
}
html[data-bs-theme='dark'] .wk-range-btn:hover {
    background: #1a2022;
}
html[data-bs-theme='dark'] .wk-card {
    background: #141414;
    border: 1px solid #303638;
}
html[data-bs-theme='dark'] .wk-summary {
    background: #212527;
    border-bottom: 1px solid #32393c;
}
html[data-bs-theme='dark'] .wk-summary-label {
    color: #86959b;
}
html[data-bs-theme='dark'] .wk-summary strong {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-breakdown {
    border-top: 1px solid #2a2f30;
}
html[data-bs-theme='dark'] .wk-donut-center {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-rank-name {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-rank-name a {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-rank-client {
    color: #798990;
}
html[data-bs-theme='dark'] .wk-rank-time {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-rank-bar {
    background: #1e2223;
}
html[data-bs-theme='dark'] .wk-rank-pct {
    color: #798990;
}
html[data-bs-theme='dark'] .wk-team-head {
    background: #212527;
    border-bottom: 1px solid #32393c;
    color: #86959b;
}
html[data-bs-theme='dark'] .wk-table thead th {
    border-bottom: 1px solid #303638;
    color: #798990;
}
html[data-bs-theme='dark'] .wk-table tbody td {
    border-bottom: 1px solid #292e30;
}
html[data-bs-theme='dark'] .wk-table tbody tr:hover {
    background: #161a1a;
}
html[data-bs-theme='dark'] .wk-member-name {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-activity-desc {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-activity-proj {
    color: #94a0a5;
}
html[data-bs-theme='dark'] .wk-dot {
    background: #606f75;
}
html[data-bs-theme='dark'] .wk-activity-dur {
    color: #798990;
}
html[data-bs-theme='dark'] .wk-activity-ago {
    color: #798990;
}
html[data-bs-theme='dark'] .wk-total {
    color: #c1cfd7;
}
html[data-bs-theme='dark'] .wk-minibar {
    background: #1e2223;
}
html[data-bs-theme='dark'] .wk-notes-list li {
    border-bottom: 1px solid #292e30;
}
html[data-bs-theme='dark'] .wk-notes-list li.is-unread {
    background: #132220;
}
html[data-bs-theme='dark'] .wk-notes-list time {
    color: #798990;
}
html[data-bs-theme='dark'] .cf-page,
html[data-bs-theme='dark'] .cf-head,
html[data-bs-theme='dark'] .cf-tabs {
    --cf-blue-pale: #132934;
    --cf-ink: #b6c6d7;
    --cf-text: #b1bfc9;
    --cf-muted: #788692;
    --cf-line: #30373c;
    --cf-band: #21262c;
    --cf-tab: #22272c;
}
html[data-bs-theme='dark'] .cf-title {
    color: #a8b5bf;
}
html[data-bs-theme='dark'] .cf-subtitle {
    color: #a2aeb6;
}
html[data-bs-theme='dark'] .cf-icon-btn {
    background: #141414;
    color: #788692;
}
html[data-bs-theme='dark'] .cf-icon-btn:hover {
    background: #151a1d;
    color: #a2aeb6;
}
html[data-bs-theme='dark'] .cf-dots i {
    border: 1.3px solid #73818e;
}
html[data-bs-theme='dark'] .cf-menu .dropdown-item:hover,
html[data-bs-theme='dark'] .cf-menu .dropdown-item:focus {
    background: #161e23;
}
html[data-bs-theme='dark'] .cf-tab:hover {
    background: #282e32;
    color: #b1bfc9;
}
html[data-bs-theme='dark'] .cf-tab.is-active {
    background: #141414;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-card {
    background: #141414;
    border: 1px solid #293135;
}
html[data-bs-theme='dark'] .cf-h2 {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-hint.cf-warn {
    color: #ffc165;
}
html[data-bs-theme='dark'] .cf-label {
    color: #95a1a9;
}
html[data-bs-theme='dark'] .cf-input,
html[data-bs-theme='dark'] .cf-select {
    background: #141414;
    border: 1px solid #363e43;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-btn-ghost {
    color: #a0aab2;
}
html[data-bs-theme='dark'] .cf-btn-ghost:hover {
    background: #191f22;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-radio {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-radio-dot {
    border: 1px solid #3f4c56;
    background: #141414;
}
html[data-bs-theme='dark'] .cf-search i {
    color: #788692;
}
html[data-bs-theme='dark'] .cf-search input {
    border: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-add input {
    border: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-band {
    border: 1px solid #31383e;
}
html[data-bs-theme='dark'] .cf-band-select {
    color: #a0aab2;
}
html[data-bs-theme='dark'] .cf-table {
    border: 1px solid #31383e;
    background: #141414;
}
html[data-bs-theme='dark'] .cf-table th {
    background: #141414;
    border-bottom: 1px solid #31383e;
    color: #788692;
}
html[data-bs-theme='dark'] .cf-table td {
    border-bottom: 1px solid #31383e;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-table .is-done .cf-name-input,
html[data-bs-theme='dark'] .cf-table .is-done .cf-name-text {
    color: #6d7c87;
}
html[data-bs-theme='dark'] .cf-sort i {
    color: #828e9a;
}
html[data-bs-theme='dark'] .cf-col-actions {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cf-access-table .cf-col-role {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cf-name-input {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-name-input:hover {
    border-color: #2e363b;
    background: #141414;
}
html[data-bs-theme='dark'] .cf-name-input:focus {
    background: #141414;
}
html[data-bs-theme='dark'] .cf-pill i {
    color: #828e9a;
}
html[data-bs-theme='dark'] .cf-kebab:hover .cf-dots i {
    border-color: #a6b6c1;
}
html[data-bs-theme='dark'] .cf-status-top {
    background: #141414;
    border: 1px solid #293135;
}
html[data-bs-theme='dark'] .cf-stat {
    border: 1px solid #2c3338;
    background: #141414;
}
html[data-bs-theme='dark'] .cf-stat-label {
    color: #788692;
}
html[data-bs-theme='dark'] .cf-stat-value {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-donut-card {
    border: 1px solid #2c3338;
}
html[data-bs-theme='dark'] .cf-donut-value {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-legend {
    color: #95a1a9;
}
html[data-bs-theme='dark'] .cf-status-list {
    border-top: 1px solid #293135;
}
html[data-bs-theme='dark'] .cf-seg {
    border: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-seg-item {
    background: #141414;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-seg-item + .cf-seg-item {
    border-left: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-seg-item:hover {
    background: #171c20;
}
html[data-bs-theme='dark'] .cf-seg-item.is-active {
    background: #21262c;
}
html[data-bs-theme='dark'] .cf-range {
    border: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-range-main {
    background: #141414;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-range-main i {
    color: #788692;
}
html[data-bs-theme='dark'] .cf-range-nav {
    border-left: 1px solid #363e43;
    background: #141414;
    color: #828e9a;
}
html[data-bs-theme='dark'] .cf-range-nav:hover {
    background: #171c20;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-note-box {
    border: 1px solid #30373c;
    background: #141414;
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cf-note-box::placeholder {
    color: #95a1a9;
}
html[data-bs-theme='dark'] .cf-color-btn {
    background: #141414;
    border: 1px solid #363e43;
}
html[data-bs-theme='dark'] .cf-color-btn i {
    color: #a0aab2;
}
html[data-bs-theme='dark'] .cf-swatch-pick.is-on {
    border-color: #abbed1;
}
@media (max-width: 767px) {
html[data-bs-theme='dark'] .cf-table tr {
    border-bottom: 1px solid #31383e;
}
html[data-bs-theme='dark'] .cf-table td[data-label]::before {
    color: #788692;
}
}
html[data-bs-theme='dark'] .cfl-title {
    color: #a8b5bf;
}
html[data-bs-theme='dark'] .cfl-filter {
    background: #141414;
    border: 1px solid #293135;
}
html[data-bs-theme='dark'] .cfl-filter-label {
    color: #788692;
}
html[data-bs-theme='dark'] .cfl-select {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cfl-select select {
    color: #b1bfc9;
}
html[data-bs-theme='dark'] .cfl-select::after {
    border-top-color: #949fa8;
}
html[data-bs-theme='dark'] .cfl-select:focus-within {
    background: #141b20;
}
html[data-bs-theme='dark'] .cfl-search {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cfl-apply {
    background: #141414;
    border: 1px solid #0b6797;
}
html[data-bs-theme='dark'] .cfl-band {
    border: 1px solid #31383e;
}
html[data-bs-theme='dark'] .cfl-export {
    border-left: 1px dotted #40484e;
}
html[data-bs-theme='dark'] .cfl-table .cfl-col-star {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cfl-table .cfl-col-more {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cfl-table td:nth-child(3),
html[data-bs-theme='dark'] .cfl-table td:nth-child(4),
html[data-bs-theme='dark'] .cfl-table td:nth-child(5),
html[data-bs-theme='dark'] .cfl-table td:nth-child(6) {
    border-left: 1px dotted #384045;
}
html[data-bs-theme='dark'] .cfl-table tbody tr:not(.cfl-empty-row):hover {
    background: #0f161d;
}
html[data-bs-theme='dark'] .cfl-name {
    color: #b6c6d7;
}
html[data-bs-theme='dark'] .cfl-progress-bar {
    background: #22272c;
}
html[data-bs-theme='dark'] .cfl-progress-text {
    color: #95a1a9;
}
html[data-bs-theme='dark'] .cfl-star {
    color: #788692;
}
html[data-bs-theme='dark'] .cfl-star:hover {
    background: #151a1d;
    color: #a0aab2;
}
html[data-bs-theme='dark'] .cfl-pager {
    background: #141414;
    border: 1px solid #31383e;
}
html[data-bs-theme='dark'] .cfl-page {
    border: 1px solid #363e43;
    background: #141414;
    color: #b1bfc9;
}
html[data-bs-theme='dark'] .cfl-page:hover {
    background: #171c20;
}
html[data-bs-theme='dark'] .cfl-access-btn {
    color: #b1bfc9;
}
html[data-bs-theme='dark'] .cfl-access-btn:hover,
html[data-bs-theme='dark'] .cfl-access-btn.show {
    background: #161e23;
}
html[data-bs-theme='dark'] .cfl-caret {
    border-top-color: #949fa8;
}
html[data-bs-theme='dark'] .workspace-settings-sidebar,
html[data-bs-theme='dark'] .settings-card {
    background: var(--bs-body-bg,#141414);
    border: 1px solid var(--bs-border-color,#33383c);
}
html[data-bs-theme='dark'] .workspace-brand-card {
    border-bottom: 1px solid var(--bs-border-color,#33383c);
}
html[data-bs-theme='dark'] .workspace-brand-card span {
    color: var(--bs-secondary-color,#969ea5);
}
html[data-bs-theme='dark'] .workspace-logo {
    border: 1px solid var(--bs-border-color,#33383c);
    background: #141414;
}
html[data-bs-theme='dark'] .workspace-logo-placeholder {
    color: #87909b;
}
html[data-bs-theme='dark'] .settings-card-head {
    border-bottom: 1px solid var(--bs-border-color,#33383c);
}
html[data-bs-theme='dark'] .settings-card-head p {
    color: var(--bs-secondary-color,#969ea5);
}
html[data-bs-theme='dark'] .settings-section {
    border-bottom: 1px solid var(--bs-border-color,#33383c);
}
html[data-bs-theme='dark'] .settings-card-foot {
    border-top: 1px solid var(--bs-border-color,#33383c);
}
html[data-bs-theme='dark'] .workspace-permissions-table td:first-child small {
    color: var(--bs-secondary-color,#969ea5);
}
html[data-bs-theme='dark'] .topbar-workspace-logo {
    background: #141414;
}
html[data-bs-theme='dark'] .cf-status-badge.is-active {
    background: #1a2a1f;
    color: #9dd6b1;
}
html[data-bs-theme='dark'] .cf-status-badge.is-progress {
    background: #15252c;
    color: #8ecde0;
}
html[data-bs-theme='dark'] .cf-status-badge.is-hold {
    background: #2a2416;
    color: #e0c98e;
}
html[data-bs-theme='dark'] .cf-status-badge.is-review {
    background: #221c33;
    color: #c3b5ee;
}
html[data-bs-theme='dark'] .cf-status-badge.is-done {
    background: #1d2124;
    color: #97a0a8;
}
html[data-bs-theme='dark'] .cf-status-badge.is-cancelled {
    background: #2a1b1b;
    color: #e0a0a0;
}
html[data-bs-theme='dark'] .cf-team-pill {
    background: #1d2428;
    color: #a8b4bc;
}
html[data-bs-theme='dark'] .cf-team-pill.is-project {
    background: #26231c;
    color: #c4bba6;
}
html[data-bs-theme='dark'] .cf-name-input:disabled {
    background: var(--bs-secondary-bg,#1b1e21);
}
html[data-bs-theme='dark'] .time-group-details-row > td {
    background: var(--bs-tertiary-bg, #17191c);
}
html[data-bs-theme='dark'] .time-group-details .table th {
    color: var(--bs-secondary-color, #969ea5);
}
html[data-bs-theme='dark'] .time-entry-groups-table > tbody > .time-group-row {
    border-top: 1px solid var(--bs-border-color, #33383c);
}

/* ---- MANUAL: design tokens + Bootstrap variables (app.css pins these on :root) ---- */
html[data-bs-theme='dark'] {
    --tt-paper: #14181b;
    --tt-surface: #1b2024;
    --tt-line: #2c343a;
    --tt-text: #d6dde3;
    --tt-muted: #97a5ab;
    --clock-bg: #14181b;
    --clock-card: #1b2024;
    --clock-border: #2c343a;
    --clock-muted: #8e9ba6;
    --clock-text: #d6dde3;

    --bs-body-bg: #14181b;
    --bs-body-bg-rgb: 20, 24, 27;
    --bs-body-color: #d6dde3;
    --bs-body-color-rgb: 214, 221, 227;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(214, 221, 227, .68);
    --bs-secondary-bg: #20262b;
    --bs-tertiary-bg: #1b2024;
    --bs-border-color: #2c343a;
    --bs-link-color: #4cc2f5;
    --bs-link-color-rgb: 76, 194, 245;
    --bs-link-hover-color: #82d6f8;
    --bs-link-hover-color-rgb: 130, 214, 248;
}

html[data-bs-theme='dark'] body { background: #14181b; color: #d6dde3; }
html[data-bs-theme='dark'] .app-shell,
html[data-bs-theme='dark'] .app-main { background: #14181b; }

/* Bootstrap widgets that app.css restyles */
html[data-bs-theme='dark'] .dropdown-menu,
html[data-bs-theme='dark'] .modal-content,
html[data-bs-theme='dark'] .popover,
html[data-bs-theme='dark'] .offcanvas {
    --bs-dropdown-bg: #20262b;
    --bs-dropdown-color: #d6dde3;
    --bs-dropdown-border-color: #343d44;
    --bs-dropdown-link-color: #d6dde3;
    --bs-dropdown-link-hover-bg: #2a3238;
    --bs-dropdown-link-hover-color: #ffffff;
    background-color: #20262b;
    color: #d6dde3;
    border-color: #343d44;
}
html[data-bs-theme='dark'] .modal-header,
html[data-bs-theme='dark'] .modal-footer { border-color: #2c343a; }
html[data-bs-theme='dark'] .form-control,
html[data-bs-theme='dark'] .form-select,
html[data-bs-theme='dark'] .cf-input,
html[data-bs-theme='dark'] .cf-select,
html[data-bs-theme='dark'] .cf-note-box,
html[data-bs-theme='dark'] .cf-search input,
html[data-bs-theme='dark'] .cf-add input {
    background-color: #1b2024;
    color: #d6dde3;
    border-color: #343d44;
}
html[data-bs-theme='dark'] .form-control::placeholder,
html[data-bs-theme='dark'] .cf-search input::placeholder,
html[data-bs-theme='dark'] .cf-add input::placeholder,
html[data-bs-theme='dark'] .cf-note-box::placeholder { color: #7f8c97; opacity: 1; }
html[data-bs-theme='dark'] .form-control:focus,
html[data-bs-theme='dark'] .form-select:focus,
html[data-bs-theme='dark'] .cf-input:focus,
html[data-bs-theme='dark'] .cf-search input:focus,
html[data-bs-theme='dark'] .cf-add input:focus { background-color: #1b2024; color: #fff; border-color: #03a9f4; }
html[data-bs-theme='dark'] .table { --bs-table-bg: transparent; --bs-table-color: #d6dde3; --bs-table-border-color: #2c343a; --bs-table-striped-bg: rgba(255,255,255,.03); --bs-table-hover-bg: rgba(255,255,255,.04); }
html[data-bs-theme='dark'] .btn-outline-secondary { --bs-btn-color: #b9c4cc; --bs-btn-border-color: #3a444c; --bs-btn-hover-bg: #2a3238; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #4a555e; }
html[data-bs-theme='dark'] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* Project list (.cfl-) and project page (.cf-): the few spots that mix tokens and literals */
html[data-bs-theme='dark'] .cfl-select select { color: #d6dde3; }
html[data-bs-theme='dark'] .cfl-select select option { background: #1b2024; color: #d6dde3; }
html[data-bs-theme='dark'] .cfl-select::after,
html[data-bs-theme='dark'] .cfl-caret { border-top-color: #9aa8b2; }
html[data-bs-theme='dark'] .cfl-apply { background: transparent; color: #4cc2f5; border-color: #2a6f92; }
html[data-bs-theme='dark'] .cfl-apply:hover { background: rgba(3, 169, 244, .14); }
html[data-bs-theme='dark'] .cfl-access-btn.has-value { color: #4cc2f5; }
html[data-bs-theme='dark'] .cfl-access-btn:hover,
html[data-bs-theme='dark'] .cfl-access-btn.show { background: #252c32; }
html[data-bs-theme='dark'] .cfl-checkbox,
html[data-bs-theme='dark'] .cf-check input { accent-color: #03a9f4; }
html[data-bs-theme='dark'] .cfl-progress-bar { background: #2c343a; }
html[data-bs-theme='dark'] .cf-dots i { border-color: #8e9ba6; }
html[data-bs-theme='dark'] .cf-kebab:hover .cf-dots i { border-color: #d6dde3; }
html[data-bs-theme='dark'] .cf-icon-btn { background: #1b2024; border-color: #2c343a; color: #8e9ba6; }
html[data-bs-theme='dark'] .cf-icon-btn:hover { background: #252c32; color: #d6dde3; }
html[data-bs-theme='dark'] .cf-icon-btn.is-on,
html[data-bs-theme='dark'] .cfl-star.is-on { color: #f5a623; }

html[data-bs-theme='dark'] .cf-pill { color: #c3d4de; }
html[data-bs-theme='dark'] .cf-pill i { color: #9fb0bb; }
html[data-bs-theme='dark'] .cf-tab { color: #a7b6c0; }
html[data-bs-theme='dark'] .cf-tab:hover { color: #fff; }
html[data-bs-theme='dark'] .cf-tab.is-active { color: #fff; }
html[data-bs-theme='dark'] .cf-menu-hint { color: #8e9ba6; }

/* Scrollbars follow the theme (color-scheme: dark comes from style.css) */
html[data-bs-theme='dark'] { scrollbar-color: #3a444c #14181b; }