/* Cliro V717.10 – final class-based theme layer.
 * The only theme switches are html.cliro-theme-light and html.cliro-theme-dark.
 * No computed-color scan, no element mutation, no runtime theme repair. */

html.cliro-theme-light {
  color-scheme: light;
  --cliro-paper: #ffffff;
  --cliro-overlay: rgba(15, 23, 42, .42);
}

html.cliro-theme-dark {
  color-scheme: dark;
  --cliro-paper: var(--cliro-surface);
  --cliro-overlay: rgba(0, 0, 0, .72);
}

/* Stable component contract for both explicit modes. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 {
  background: var(--cliro-bg) !important;
  color: var(--cliro-text) !important;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,[contenteditable="true"]),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,[contenteditable="true"]) {
  background-color: var(--cliro-bg-elevated) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border-strong) !important;
  caret-color: var(--cliro-text) !important;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 :is(.panel,.card,.form-card,.stat,.table-wrap,.table-scroll,.cliro-table-scroll,.modal,.modal-content,.dropdown-menu,.popover,.suggestions,.select2-dropdown,.choices__inner,.flatpickr-calendar,.ui-datepicker,.tox,.ck,.ql-container,.trumbowyg-box),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(.panel,.card,.form-card,.stat,.table-wrap,.table-scroll,.cliro-table-scroll,.modal,.modal-content,.dropdown-menu,.popover,.suggestions,.select2-dropdown,.choices__inner,.flatpickr-calendar,.ui-datepicker,.tox,.ck,.ql-container,.trumbowyg-box) {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 table,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 table {
  background-color: var(--cliro-surface) !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 :is(thead,th),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(thead,th) {
  background-color: var(--cliro-surface-strong) !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 :is(td,tr),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(td,tr) {
  border-color: var(--cliro-border) !important;
}

/* Documents follow the active screen theme. Printing remains white below. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.signature-pad,.signature-preview),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.signature-pad,.signature-preview) {
  background-color: var(--cliro-paper) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Legacy light surfaces mapped by explicit dark class: root. */
html.cliro-theme-dark.cliro-theme-dark,
html.cliro-theme-dark.cliro-theme-dark #main-content,
html.cliro-theme-dark.cliro-theme-dark .app,
html.cliro-theme-dark.cliro-theme-dark .booking-body,
html.cliro-theme-dark.cliro-theme-dark .login-body,
html.cliro-theme-dark.cliro-theme-dark .main,
html.cliro-theme-dark.cliro-theme-dark .page-content-v711,
html.cliro-theme-dark.cliro-theme-dark body,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 {
  background-color: var(--cliro-bg) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
}

/* Legacy light surfaces mapped by explicit dark class: surface. */
html.cliro-theme-dark.cliro-theme-dark #docTable.doc-table .doc-actions-cell-v56,
html.cliro-theme-dark.cliro-theme-dark #docTable.doc-table td,
html.cliro-theme-dark.cliro-theme-dark #docTable.doc-table tr,
html.cliro-theme-dark.cliro-theme-dark #docTable.doc-table tr:hover td,
html.cliro-theme-dark.cliro-theme-dark #main-content,
html.cliro-theme-dark.cliro-theme-dark #main-content #docTable.doc-table tr,
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-actions-v108 .edit-btn-v136,
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-actions-v108 .task-delete-btn-v622,
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-actions-v108 .task-final-actions-v626 .task-delete-btn-v622,
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-actions-v108 .task-final-actions-v627 .task-delete-btn-v622,
html.cliro-theme-dark.cliro-theme-dark #main-content .task-board-panel-v108 .task-list-table-v621,
html.cliro-theme-dark.cliro-theme-dark #main-content .task-board-shell-v108,
html.cliro-theme-dark.cliro-theme-dark #main-content .task-list-table-v621 tbody tr,
html.cliro-theme-dark.cliro-theme-dark #main-content .task-list-table-v621 tbody tr:nth-child(even),
html.cliro-theme-dark.cliro-theme-dark #main-content .task-website-link-v628,
html.cliro-theme-dark.cliro-theme-dark #main-content .task-website-link-v628:hover,
html.cliro-theme-dark.cliro-theme-dark #main-content table.mobile-card-table tr,
html.cliro-theme-dark.cliro-theme-dark .accept-box,
html.cliro-theme-dark.cliro-theme-dark .accept-box.decline-box,
html.cliro-theme-dark.cliro-theme-dark .accept-box.decline-form,
html.cliro-theme-dark.cliro-theme-dark .action-card-icon-v583,
html.cliro-theme-dark.cliro-theme-dark .action-card-v583,
html.cliro-theme-dark.cliro-theme-dark .action-card-v583.severity-high .action-card-icon-v583,
html.cliro-theme-dark.cliro-theme-dark .action-card-v583.severity-medium .action-card-icon-v583,
html.cliro-theme-dark.cliro-theme-dark .action-center-update-v640,
html.cliro-theme-dark.cliro-theme-dark .action-center-v583,
html.cliro-theme-dark.cliro-theme-dark .active-switch-v108 span:after,
html.cliro-theme-dark.cliro-theme-dark .advanced-settings,
html.cliro-theme-dark.cliro-theme-dark .agency-card,
html.cliro-theme-dark.cliro-theme-dark .agency-card-logo,
html.cliro-theme-dark.cliro-theme-dark .agency-hero,
html.cliro-theme-dark.cliro-theme-dark .agency-panel,
html.cliro-theme-dark.cliro-theme-dark .agency-row,
html.cliro-theme-dark.cliro-theme-dark .all-company-check,
html.cliro-theme-dark.cliro-theme-dark .analytics-card,
html.cliro-theme-dark.cliro-theme-dark .api-attempt,
html.cliro-theme-dark.cliro-theme-dark .api-hero,
html.cliro-theme-dark.cliro-theme-dark .api-kpi,
html.cliro-theme-dark.cliro-theme-dark .api-panel,
html.cliro-theme-dark.cliro-theme-dark .api-status,
html.cliro-theme-dark.cliro-theme-dark .app,
html.cliro-theme-dark.cliro-theme-dark .app-headbar-v711,
html.cliro-theme-dark.cliro-theme-dark .app-header,
html.cliro-theme-dark.cliro-theme-dark .app-sidebar,
html.cliro-theme-dark.cliro-theme-dark .app.app-bu-ebfb,
html.cliro-theme-dark.cliro-theme-dark .app.app-bu-linkitup,
html.cliro-theme-dark.cliro-theme-dark .app.app-bu-lmcs,
html.cliro-theme-dark.cliro-theme-dark .app.app-bu-lmcs_media,
html.cliro-theme-dark.cliro-theme-dark .attachments,
html.cliro-theme-dark.cliro-theme-dark .attachments-admin,
html.cliro-theme-dark.cliro-theme-dark .bank-account-card-v669,
html.cliro-theme-dark.cliro-theme-dark .bank-account-card-v669.is-default-v661,
html.cliro-theme-dark.cliro-theme-dark .bank-account-card-v669.is-default-v661 .bank-account-header-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-account-header-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-account-number-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-account-row,
html.cliro-theme-dark.cliro-theme-dark .bank-account-row.is-default-v661,
html.cliro-theme-dark.cliro-theme-dark .bank-count-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-default-control-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-manager-actions-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-manager-icon-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-manager-info-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-payment-details>div:not(.bank-payment-qr),
html.cliro-theme-dark.cliro-theme-dark .bank-remove-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-remove-v667:hover,
html.cliro-theme-dark.cliro-theme-dark .big-link .card,
html.cliro-theme-dark.cliro-theme-dark .billing-card,
html.cliro-theme-dark.cliro-theme-dark .billing-current-tag,
html.cliro-theme-dark.cliro-theme-dark .billing-hero,
html.cliro-theme-dark.cliro-theme-dark .billing-package,
html.cliro-theme-dark.cliro-theme-dark .billing-package-accounting,
html.cliro-theme-dark.cliro-theme-dark .billing-panel,
html.cliro-theme-dark.cliro-theme-dark .billing-promo,
html.cliro-theme-dark.cliro-theme-dark .billing-stats article,
html.cliro-theme-dark.cliro-theme-dark .billing-status,
html.cliro-theme-dark.cliro-theme-dark .board-options-v108,
html.cliro-theme-dark.cliro-theme-dark .board-options-v108 .checkline,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-booking,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-card,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-check,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-embed-card,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-embed-card .booking-admin-linkbox,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-help,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-hero,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-linkbox,
html.cliro-theme-dark.cliro-theme-dark .booking-body,
html.cliro-theme-dark.cliro-theme-dark .booking-btn,
html.cliro-theme-dark.cliro-theme-dark .booking-card,
html.cliro-theme-dark.cliro-theme-dark .booking-details>div,
html.cliro-theme-dark.cliro-theme-dark .booking-html,
html.cliro-theme-dark.cliro-theme-dark .booking-logo,
html.cliro-theme-dark.cliro-theme-dark .booking-nav,
html.cliro-theme-dark.cliro-theme-dark .booking-nav:hover,
html.cliro-theme-dark.cliro-theme-dark .booking-result-icon,
html.cliro-theme-dark.cliro-theme-dark .booking-slot,
html.cliro-theme-dark.cliro-theme-dark .booking-wizard-num,
html.cliro-theme-dark.cliro-theme-dark .booking-wizard-step,
html.cliro-theme-dark.cliro-theme-dark .booking-wizard-step.is-done .booking-wizard-num,
html.cliro-theme-dark.cliro-theme-dark .box,
html.cliro-theme-dark.cliro-theme-dark .brand,
html.cliro-theme-dark.cliro-theme-dark .brand .brand-logo,
html.cliro-theme-dark.cliro-theme-dark .brand-logo,
html.cliro-theme-dark.cliro-theme-dark .btn,
html.cliro-theme-dark.cliro-theme-dark .btn-light:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.columns,
html.cliro-theme-dark.cliro-theme-dark .btn.columns:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.ghost:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.pdf-composer-action,
html.cliro-theme-dark.cliro-theme-dark .btn.pdf-composer-action:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.reset-columns,
html.cliro-theme-dark.cliro-theme-dark .btn.reset-columns:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.secondary:hover,
html.cliro-theme-dark.cliro-theme-dark .btn:not(.primary),
html.cliro-theme-dark.cliro-theme-dark .btn:not(.primary):hover,
html.cliro-theme-dark.cliro-theme-dark .business-card-v108,
html.cliro-theme-dark.cliro-theme-dark .business-switch-logo-mark,
html.cliro-theme-dark.cliro-theme-dark .business-switch-logo-mark img,
html.cliro-theme-dark.cliro-theme-dark .business-switch-menu,
html.cliro-theme-dark.cliro-theme-dark .business-switch-option,
html.cliro-theme-dark.cliro-theme-dark .business-switch-option-logo,
html.cliro-theme-dark.cliro-theme-dark .business-switch-option-logo img,
html.cliro-theme-dark.cliro-theme-dark .business-switch-option:hover,
html.cliro-theme-dark.cliro-theme-dark .cache-card-v670,
html.cliro-theme-dark.cliro-theme-dark .calendar-card,
html.cliro-theme-dark.cliro-theme-dark .calendar-check,
html.cliro-theme-dark.cliro-theme-dark .calendar-hero,
html.cliro-theme-dark.cliro-theme-dark .card,
html.cliro-theme-dark.cliro-theme-dark .choice-card,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-portal-head-v018,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-preview-v018 .doc-head-block,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-preview-v018 .position-desc-row td,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-preview-v018 > .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-preview-v018>.doc-sheet,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-preview-v019 > .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-status-v018,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-status-v018.is-viewed,
html.cliro-theme-dark.cliro-theme-dark .cliro-public-document-v019 .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark .cliro-public-document-v019 .doc-sheet table,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v120,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v120.accent,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122.accent .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122.calm .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .cockpit-tag-v122,
html.cliro-theme-dark.cliro-theme-dark .company-admin-hero,
html.cliro-theme-dark.cliro-theme-dark .company-card,
html.cliro-theme-dark.cliro-theme-dark .company-create-card,
html.cliro-theme-dark.cliro-theme-dark .company-limit-box div,
html.cliro-theme-dark.cliro-theme-dark .company-settings-card,
html.cliro-theme-dark.cliro-theme-dark .company-settings-details,
html.cliro-theme-dark.cliro-theme-dark .company-settings-details>.company-settings-head,
html.cliro-theme-dark.cliro-theme-dark .company-settings-details[open]>.company-settings-head,
html.cliro-theme-dark.cliro-theme-dark .company-settings-head img,
html.cliro-theme-dark.cliro-theme-dark .company-switch-card,
html.cliro-theme-dark.cliro-theme-dark .confirm-box,
html.cliro-theme-dark.cliro-theme-dark .connection-item:hover,
html.cliro-theme-dark.cliro-theme-dark .connection-item[aria-current="page"],
html.cliro-theme-dark.cliro-theme-dark .copyline,
html.cliro-theme-dark.cliro-theme-dark .crm-card,
html.cliro-theme-dark.cliro-theme-dark .csv-help,
html.cliro-theme-dark.cliro-theme-dark .dashboard-hero-timer,
html.cliro-theme-dark.cliro-theme-dark .dashboard-hero-timer .live-timer-units span,
html.cliro-theme-dark.cliro-theme-dark .dashboard-stat,
html.cliro-theme-dark.cliro-theme-dark .department-card:hover,
html.cliro-theme-dark.cliro-theme-dark .doc-col-resizer,
html.cliro-theme-dark.cliro-theme-dark .doc-col-resizer:after,
html.cliro-theme-dark.cliro-theme-dark .doc-col-resizer:before,
html.cliro-theme-dark.cliro-theme-dark .doc-docdata,
html.cliro-theme-dark.cliro-theme-dark .doc-head-block,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .desc-html table:not(.pos-table) td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .doc-head-block,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .flow-content table td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .pos-table .position-main-row,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .pos-table td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .pos-table-compact .position-main-row,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .pos-table-compact td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .position-desc-row td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet table,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet table tbody tr,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet table tbody tr:hover,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet table tbody tr:nth-child(even),
html.cliro-theme-dark.cliro-theme-dark .doc-sheet.doc-sheet-long,
html.cliro-theme-dark.cliro-theme-dark .doc-table-wrap,
html.cliro-theme-dark.cliro-theme-dark .document-check-v018,
html.cliro-theme-dark.cliro-theme-dark .document-preview-shell,
html.cliro-theme-dark.cliro-theme-dark .dunning-card,
html.cliro-theme-dark.cliro-theme-dark .dunning-chip,
html.cliro-theme-dark.cliro-theme-dark .dunning-hero,
html.cliro-theme-dark.cliro-theme-dark .dunning-stat,
html.cliro-theme-dark.cliro-theme-dark .duplicate-group-v642,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-block,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-block:hover,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-canvas,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-canvas.is-over,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-card,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-create,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-palette-btn,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-palette-btn:hover,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-preview-card,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-preview-frame,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-ro,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-side-panel,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-style-section,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-template-edit-btn,
html.cliro-theme-dark.cliro-theme-dark .event-card,
html.cliro-theme-dark.cliro-theme-dark .expense-current-receipt,
html.cliro-theme-dark.cliro-theme-dark .filter-chip,
html.cliro-theme-dark.cliro-theme-dark .form-card,
html.cliro-theme-dark.cliro-theme-dark .fx-settings-box,
html.cliro-theme-dark.cliro-theme-dark .global-search-close-v583,
html.cliro-theme-dark.cliro-theme-dark .global-search-dialog-v583,
html.cliro-theme-dark.cliro-theme-dark .global-search-help-v583 kbd,
html.cliro-theme-dark.cliro-theme-dark .global-search-item-type-v583,
html.cliro-theme-dark.cliro-theme-dark .global-search-item-v583.is-active,
html.cliro-theme-dark.cliro-theme-dark .global-search-item-v583:hover,
html.cliro-theme-dark.cliro-theme-dark .global-search-trigger-v583,
html.cliro-theme-dark.cliro-theme-dark .global-search-trigger-v583 kbd,
html.cliro-theme-dark.cliro-theme-dark .global-search-trigger-v583:hover,
html.cliro-theme-dark.cliro-theme-dark .gtb-extra,
html.cliro-theme-dark.cliro-theme-dark .gtb-form-card,
html.cliro-theme-dark.cliro-theme-dark .help-hero-v670,
html.cliro-theme-dark.cliro-theme-dark .help-question-answer-v670,
html.cliro-theme-dark.cliro-theme-dark .help-question-v670,
html.cliro-theme-dark.cliro-theme-dark .help-search-v670,
html.cliro-theme-dark.cliro-theme-dark .hero,
html.cliro-theme-dark.cliro-theme-dark .home-hero,
html.cliro-theme-dark.cliro-theme-dark .home-stat-icon,
html.cliro-theme-dark.cliro-theme-dark .integration-panel,
html.cliro-theme-dark.cliro-theme-dark .integration-status span,
html.cliro-theme-dark.cliro-theme-dark .integration-value,
html.cliro-theme-dark.cliro-theme-dark .internal-accounting-panel,
html.cliro-theme-dark.cliro-theme-dark .internal-card,
html.cliro-theme-dark.cliro-theme-dark .internal-mini-card,
html.cliro-theme-dark.cliro-theme-dark .internal-preview-bubbles .preview-bubble,
html.cliro-theme-dark.cliro-theme-dark .internal-split-card,
html.cliro-theme-dark.cliro-theme-dark .internal-stats-panel,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-cat-v567,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-entry-v566,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-form-v566,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-form-v566.compact,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-plan-v566,
html.cliro-theme-dark.cliro-theme-dark .invoice-update-rotation-v567>div,
html.cliro-theme-dark.cliro-theme-dark .kanban-board-v108,
html.cliro-theme-dark.cliro-theme-dark .kanban-card,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-head-v108 span,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-title span,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-v107,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-v107.priority-dringend .kanban-card-title span,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-v108,
html.cliro-theme-dark.cliro-theme-dark .kanban-card-v108.priority-dringend .kanban-card-head-v108 span,
html.cliro-theme-dark.cliro-theme-dark .kanban-col,
html.cliro-theme-dark.cliro-theme-dark .kanban-col-head-v108 b,
html.cliro-theme-dark.cliro-theme-dark .kanban-col-v107,
html.cliro-theme-dark.cliro-theme-dark .kanban-col-v108,
html.cliro-theme-dark.cliro-theme-dark .kanban-column-row-v108,
html.cliro-theme-dark.cliro-theme-dark .kanban-column-row-v108.new-row,
html.cliro-theme-dark.cliro-theme-dark .kanban-config-v108,
html.cliro-theme-dark.cliro-theme-dark .kanban-config-v108 details,
html.cliro-theme-dark.cliro-theme-dark .kanban-hero-v107,
html.cliro-theme-dark.cliro-theme-dark .kpi,
html.cliro-theme-dark.cliro-theme-dark .kpi-card,
html.cliro-theme-dark.cliro-theme-dark .leads-table-v168 tr,
html.cliro-theme-dark.cliro-theme-dark .license-hero,
html.cliro-theme-dark.cliro-theme-dark .license-kpis div,
html.cliro-theme-dark.cliro-theme-dark .license-mini-list li:before,
html.cliro-theme-dark.cliro-theme-dark .license-panel,
html.cliro-theme-dark.cliro-theme-dark .license-plan-accounting,
html.cliro-theme-dark.cliro-theme-dark .license-plan-card,
html.cliro-theme-dark.cliro-theme-dark .license-plan-card .plan-tag,
html.cliro-theme-dark.cliro-theme-dark .license-raw div,
html.cliro-theme-dark.cliro-theme-dark .live-timer-units span,
html.cliro-theme-dark.cliro-theme-dark .lmcs-a4-scale-wrap > .doc-sheet.doc-sheet-long,
html.cliro-theme-dark.cliro-theme-dark .lmcs-a4-scale-wrap>.doc-sheet.doc-sheet-long,
html.cliro-theme-dark.cliro-theme-dark .lmcs-column-choice,
html.cliro-theme-dark.cliro-theme-dark .lmcs-column-choice:hover,
html.cliro-theme-dark.cliro-theme-dark .lmcs-column-panel,
html.cliro-theme-dark.cliro-theme-dark .lmcs-column-panel-close-v638,
html.cliro-theme-dark.cliro-theme-dark .lmcs-column-panel-head-v638,
html.cliro-theme-dark.cliro-theme-dark .lmcs-google-suggest-box,
html.cliro-theme-dark.cliro-theme-dark .lmcs-google-suggest-item,
html.cliro-theme-dark.cliro-theme-dark .lmcs-google-suggest-item.is-active,
html.cliro-theme-dark.cliro-theme-dark .lmcs-google-suggest-item:focus,
html.cliro-theme-dark.cliro-theme-dark .lmcs-google-suggest-item:hover,
html.cliro-theme-dark.cliro-theme-dark .lmcs-license-banner,
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap b,
html.cliro-theme-dark.cliro-theme-dark .lmcs-v294-scale-wrap .pos-table td:first-child,
html.cliro-theme-dark.cliro-theme-dark .lmcs-v294-scale-wrap .pos-table-compact td:first-child,
html.cliro-theme-dark.cliro-theme-dark .login-body,
html.cliro-theme-dark.cliro-theme-dark .login-card,
html.cliro-theme-dark.cliro-theme-dark .login-chips span,
html.cliro-theme-dark.cliro-theme-dark .login-eye-v364,
html.cliro-theme-dark.cliro-theme-dark .logout,
html.cliro-theme-dark.cliro-theme-dark .logout-card-v1,
html.cliro-theme-dark.cliro-theme-dark .logout:hover,
html.cliro-theme-dark.cliro-theme-dark .main,
html.cliro-theme-dark.cliro-theme-dark .manual-time,
html.cliro-theme-dark.cliro-theme-dark .manual-time.manual-time-v235,
html.cliro-theme-dark.cliro-theme-dark .metric,
html.cliro-theme-dark.cliro-theme-dark .metric-card,
html.cliro-theme-dark.cliro-theme-dark .mini-form,
html.cliro-theme-dark.cliro-theme-dark .mini-kpis div,
html.cliro-theme-dark.cliro-theme-dark .mini-switch span:after,
html.cliro-theme-dark.cliro-theme-dark .module-admin-group,
html.cliro-theme-dark.cliro-theme-dark .module-card,
html.cliro-theme-dark.cliro-theme-dark .module-card-icon,
html.cliro-theme-dark.cliro-theme-dark .module-card:visited,
html.cliro-theme-dark.cliro-theme-dark .module-hub-hero,
html.cliro-theme-dark.cliro-theme-dark .module-subnav,
html.cliro-theme-dark.cliro-theme-dark .module-subnav a,
html.cliro-theme-dark.cliro-theme-dark .module-subnav a:hover,
html.cliro-theme-dark.cliro-theme-dark .module-subnav a:visited,
html.cliro-theme-dark.cliro-theme-dark .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .nav-module-admin .sidebar-rail-v710 .primary-module-nav .module-nav-link[data-module-key="more"],
html.cliro-theme-dark.cliro-theme-dark .nav-module-insights .sidebar-rail-v710 .primary-module-nav .module-nav-link[data-module-key="more"],
html.cliro-theme-dark.cliro-theme-dark .offer-item-picker-v120,
html.cliro-theme-dark.cliro-theme-dark .offer-kit-item-v120,
html.cliro-theme-dark.cliro-theme-dark .offer-kit-item-v120 span,
html.cliro-theme-dark.cliro-theme-dark .ops-check-v583,
html.cliro-theme-dark.cliro-theme-dark .ops-hero-v583 .btn,
html.cliro-theme-dark.cliro-theme-dark .ops-job-v583,
html.cliro-theme-dark.cliro-theme-dark .ops-kpi-v583,
html.cliro-theme-dark.cliro-theme-dark .ops-panel-v583,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.done,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.interrupted,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.queued,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.running,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.skipped,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.stale,
html.cliro-theme-dark.cliro-theme-dark .panel,
html.cliro-theme-dark.cliro-theme-dark .partner-card-v436,
html.cliro-theme-dark.cliro-theme-dark .partner-hero-v436,
html.cliro-theme-dark.cliro-theme-dark .partner-link-box-v436,
html.cliro-theme-dark.cliro-theme-dark .partner-panel-v436,
html.cliro-theme-dark.cliro-theme-dark .pay-return-btn.secondary,
html.cliro-theme-dark.cliro-theme-dark .pay-return-card,
html.cliro-theme-dark.cliro-theme-dark .pay-return-fact,
html.cliro-theme-dark.cliro-theme-dark .pay-return-page,
html.cliro-theme-dark.cliro-theme-dark .payment-card,
html.cliro-theme-dark.cliro-theme-dark .payment-final-block,
html.cliro-theme-dark.cliro-theme-dark .payment-intro,
html.cliro-theme-dark.cliro-theme-dark .payment-method-card,
html.cliro-theme-dark.cliro-theme-dark .payment-methods-head>strong,
html.cliro-theme-dark.cliro-theme-dark .payment-methods-panel,
html.cliro-theme-dark.cliro-theme-dark .payment-receipt-row,
html.cliro-theme-dark.cliro-theme-dark .payments-page-v399 .payment-mobile-table tr,
html.cliro-theme-dark.cliro-theme-dark .payments-page-v399 .payment-receipt-row,
html.cliro-theme-dark.cliro-theme-dark .perf-metric-v683,
html.cliro-theme-dark.cliro-theme-dark .perf-slow-row-v683,
html.cliro-theme-dark.cliro-theme-dark .perf-status-v683,
html.cliro-theme-dark.cliro-theme-dark .perf-status-v683.slow,
html.cliro-theme-dark.cliro-theme-dark .perm-switch-v108,
html.cliro-theme-dark.cliro-theme-dark .perm-switch-v108 .switch-ui:after,
html.cliro-theme-dark.cliro-theme-dark .phase-title td,
html.cliro-theme-dark.cliro-theme-dark .pipeline-col,
html.cliro-theme-dark.cliro-theme-dark .pipeline-count-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-drag-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-icon-group-v631 h4:after,
html.cliro-theme-dark.cliro-theme-dark .pipeline-preview-item-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-rule-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-savebar-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-stage-card-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-stage-head-v620,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-close-v637,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-close-v637:hover,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-current-v637,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-dialog-foot-v637,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-dialog-head-v637,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-dialog-v637,
html.cliro-theme-dark.cliro-theme-dark .platform-diag-hero,
html.cliro-theme-dark.cliro-theme-dark .platform-diag-kpi,
html.cliro-theme-dark.cliro-theme-dark .platform-diag-panel,
html.cliro-theme-dark.cliro-theme-dark .platform-diag-row,
html.cliro-theme-dark.cliro-theme-dark .pos-table td:first-child,
html.cliro-theme-dark.cliro-theme-dark .pos-table tr,
html.cliro-theme-dark.cliro-theme-dark .pos-table-compact .position-desc-row td,
html.cliro-theme-dark.cliro-theme-dark .pos-table-compact td:first-child,
html.cliro-theme-dark.cliro-theme-dark .pos-table-compact tr,
html.cliro-theme-dark.cliro-theme-dark .position,
html.cliro-theme-dark.cliro-theme-dark .premium-brand,
html.cliro-theme-dark.cliro-theme-dark .premium-brand .brand-logo,
html.cliro-theme-dark.cliro-theme-dark .premium-brand .brand-mark,
html.cliro-theme-dark.cliro-theme-dark .premium-userbox,
html.cliro-theme-dark.cliro-theme-dark .preview-actions a.btn.pdf-composer-action,
html.cliro-theme-dark.cliro-theme-dark .preview-actions-v018,
html.cliro-theme-dark.cliro-theme-dark .preview-bubble,
html.cliro-theme-dark.cliro-theme-dark .preview-info-bubble,
html.cliro-theme-dark.cliro-theme-dark .preview-info-bubbles .preview-bubble,
html.cliro-theme-dark.cliro-theme-dark .preview-panel,
html.cliro-theme-dark.cliro-theme-dark .project-card,
html.cliro-theme-dark.cliro-theme-dark .project-create-details-v212,
html.cliro-theme-dark.cliro-theme-dark .project-file-row,
html.cliro-theme-dark.cliro-theme-dark .project-search-clear-v229,
html.cliro-theme-dark.cliro-theme-dark .project-search-results-v229,
html.cliro-theme-dark.cliro-theme-dark .provider-intro,
html.cliro-theme-dark.cliro-theme-dark .public-missing-btn.secondary,
html.cliro-theme-dark.cliro-theme-dark .public-missing-card,
html.cliro-theme-dark.cliro-theme-dark .public-missing-doc,
html.cliro-theme-dark.cliro-theme-dark .public-missing-doc span,
html.cliro-theme-dark.cliro-theme-dark .public-missing-kicker,
html.cliro-theme-dark.cliro-theme-dark .public-missing-page,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-card,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-hero-card,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-kpi,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-status,
html.cliro-theme-dark.cliro-theme-dark .receipt-actionbar-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-advanced-booking-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-amount-card-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-analysis-overlay-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-commandbar-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-document-canvas-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-document-transform-v579 iframe,
html.cliro-theme-dark.cliro-theme-dark .receipt-document-transform-v579 img,
html.cliro-theme-dark.cliro-theme-dark .receipt-dropzone-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-dropzone-v579.is-dragging,
html.cliro-theme-dark.cliro-theme-dark .receipt-dropzone-v579:hover,
html.cliro-theme-dark.cliro-theme-dark .receipt-email-grid-v585>div,
html.cliro-theme-dark.cliro-theme-dark .receipt-email-inbox-v585,
html.cliro-theme-dark.cliro-theme-dark .receipt-legal-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-posted-banner-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-quality-v597,
html.cliro-theme-dark.cliro-theme-dark .receipt-quality-v597 li.is-info>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-quality-v597.is-ok,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-head-v579>strong,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-item-v579:hover,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-item-v579[data-status="testbeleg"],
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-recognition-ring-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-recognition-ring-v579.is-good,
html.cliro-theme-dark.cliro-theme-dark .receipt-recognition-ring-v579:before,
html.cliro-theme-dark.cliro-theme-dark .receipt-smart-cards-v579>div,
html.cliro-theme-dark.cliro-theme-dark .receipt-stage-tabs-v579 a,
html.cliro-theme-dark.cliro-theme-dark .receipt-stage-tabs-v579 a span,
html.cliro-theme-dark.cliro-theme-dark .receipt-stage-tabs-v579 a[aria-current="page"] span,
html.cliro-theme-dark.cliro-theme-dark .receipt-structured-v579>span,
html.cliro-theme-dark.cliro-theme-dark .receipt-suggestion-box-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-system-chip-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-system-chip-v579.is-ready>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-test-banner-v590,
html.cliro-theme-dark.cliro-theme-dark .receipt-test-banner-v590>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-type-picker-v579 span,
html.cliro-theme-dark.cliro-theme-dark .receipt-upload-options-v579 label,
html.cliro-theme-dark.cliro-theme-dark .receipt-upload-panel-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-view-controls-v579 a,
html.cliro-theme-dark.cliro-theme-dark .receipt-viewer-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-workbench-v579,
html.cliro-theme-dark.cliro-theme-dark .recurring-actions .btn.accent,
html.cliro-theme-dark.cliro-theme-dark .recurring-hero,
html.cliro-theme-dark.cliro-theme-dark .recurring-item,
html.cliro-theme-dark.cliro-theme-dark .recurring-payment-method,
html.cliro-theme-dark.cliro-theme-dark .recurring-payment-methods,
html.cliro-theme-dark.cliro-theme-dark .report-box,
html.cliro-theme-dark.cliro-theme-dark .right-check,
html.cliro-theme-dark.cliro-theme-dark .rights-block-v108,
html.cliro-theme-dark.cliro-theme-dark .rights-group-v107,
html.cliro-theme-dark.cliro-theme-dark .rights-groups-v108 .rights-group-v108,
html.cliro-theme-dark.cliro-theme-dark .rights-matrix-state-v608.no,
html.cliro-theme-dark.cliro-theme-dark .rights-matrix-state-v608.yes,
html.cliro-theme-dark.cliro-theme-dark .rights-section-v107,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-dbstate,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-group,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-perm,
html.cliro-theme-dark.cliro-theme-dark .rights-v110-group,
html.cliro-theme-dark.cliro-theme-dark .rights-v110-perm,
html.cliro-theme-dark.cliro-theme-dark .role-card-v108,
html.cliro-theme-dark.cliro-theme-dark .role-card-v108:hover,
html.cliro-theme-dark.cliro-theme-dark .running-timer-card,
html.cliro-theme-dark.cliro-theme-dark .running-timer-card.is-running,
html.cliro-theme-dark.cliro-theme-dark .saas-entity-suggestion-box,
html.cliro-theme-dark.cliro-theme-dark .savebar,
html.cliro-theme-dark.cliro-theme-dark .savebar-v108,
html.cliro-theme-dark.cliro-theme-dark .secondary,
html.cliro-theme-dark.cliro-theme-dark .security-card-v584,
html.cliro-theme-dark.cliro-theme-dark .security-state-v584,
html.cliro-theme-dark.cliro-theme-dark .sepa-payment-panel,
html.cliro-theme-dark.cliro-theme-dark .sepa-payment-qr,
html.cliro-theme-dark.cliro-theme-dark .settings-anchor-card,
html.cliro-theme-dark.cliro-theme-dark .settings-anchor-card a:hover,
html.cliro-theme-dark.cliro-theme-dark .settings-bank-intro-v661,
html.cliro-theme-dark.cliro-theme-dark .settings-bank-row-v661,
html.cliro-theme-dark.cliro-theme-dark .settings-block,
html.cliro-theme-dark.cliro-theme-dark .settings-company-hero,
html.cliro-theme-dark.cliro-theme-dark .settings-company-logo-preview,
html.cliro-theme-dark.cliro-theme-dark .settings-company-tabs,
html.cliro-theme-dark.cliro-theme-dark .settings-company-tabs a,
html.cliro-theme-dark.cliro-theme-dark .settings-media-card,
html.cliro-theme-dark.cliro-theme-dark .settings-media-thumb,
html.cliro-theme-dark.cliro-theme-dark .settings-pipeline-row,
html.cliro-theme-dark.cliro-theme-dark .settings-pipeline-row-new,
html.cliro-theme-dark.cliro-theme-dark .settings-preview-icon,
html.cliro-theme-dark.cliro-theme-dark .settings-preview-img,
html.cliro-theme-dark.cliro-theme-dark .settings-savebar,
html.cliro-theme-dark.cliro-theme-dark .settings-source-preview,
html.cliro-theme-dark.cliro-theme-dark .settings-source-preview span,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 #company-internal-split .check-row,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 .check-row,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 .settings-block,
html.cliro-theme-dark.cliro-theme-dark .share-box,
html.cliro-theme-dark.cliro-theme-dark .share-options label,
html.cliro-theme-dark.cliro-theme-dark .side-nav,
html.cliro-theme-dark.cliro-theme-dark .sidebar,
html.cliro-theme-dark.cliro-theme-dark .sidebar .nav a:hover .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar nav a,
html.cliro-theme-dark.cliro-theme-dark .sidebar nav a.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar nav a:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar nav::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark .sidebar-collapse,
html.cliro-theme-dark.cliro-theme-dark .sidebar-collapse:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .logout,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .premium-brand,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .premium-brand .brand-logo,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .premium-brand .brand-mark,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .premium-userbox,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .primary-module-nav .module-nav-link.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .primary-module-nav .module-nav-link:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .primary-module-nav .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-admin-slot .module-nav-link.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-admin-slot .module-nav-link:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-admin-slot .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-collapse,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-collapse:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker-option,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker-option.is-current,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker-option:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker-option:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker[open]>.sidebar-company-picker-menu,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-switch,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-create-panel,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-create-panel a:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-create-panel a:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-create-panel a>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-quick-actions a,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav a,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav a.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav a.active .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav a:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav a:hover .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command nav::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark .sidebar-company-switch,
html.cliro-theme-dark.cliro-theme-dark .sidebar-quick-actions a,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .premium-brand,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .premium-brand .brand-logo,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .premium-brand .brand-mark,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .primary-module-nav .module-nav-link.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .primary-module-nav .module-nav-link:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .primary-module-nav .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .sidebar-admin-slot .module-nav-link.active,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .sidebar-admin-slot .module-nav-link:hover,
html.cliro-theme-dark.cliro-theme-dark .sidebar-rail-v710 .sidebar-admin-slot .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .sidebar.sidebar-command::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark .sidebar.sidebar-command:hover::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark .sidebar:before,
html.cliro-theme-dark.cliro-theme-dark .signature-pad,
html.cliro-theme-dark.cliro-theme-dark .signature-preview,
html.cliro-theme-dark.cliro-theme-dark .skip-link,
html.cliro-theme-dark.cliro-theme-dark .stat,
html.cliro-theme-dark.cliro-theme-dark .stat-card,
html.cliro-theme-dark.cliro-theme-dark .stats-card,
html.cliro-theme-dark.cliro-theme-dark .stats-page-v168 .card.stat,
html.cliro-theme-dark.cliro-theme-dark .stats-page-v168 .card.stat:before,
html.cliro-theme-dark.cliro-theme-dark .stats-page-v168 tr:hover td,
html.cliro-theme-dark.cliro-theme-dark .status,
html.cliro-theme-dark.cliro-theme-dark .status-tabs a,
html.cliro-theme-dark.cliro-theme-dark .status-tabs a:hover,
html.cliro-theme-dark.cliro-theme-dark .sticky-actions,
html.cliro-theme-dark.cliro-theme-dark .suggestion-item,
html.cliro-theme-dark.cliro-theme-dark .suggestion-item:hover,
html.cliro-theme-dark.cliro-theme-dark .suggestions,
html.cliro-theme-dark.cliro-theme-dark .system-check-card,
html.cliro-theme-dark.cliro-theme-dark .system-check-detail-panel,
html.cliro-theme-dark.cliro-theme-dark .system-check-image-preview,
html.cliro-theme-dark.cliro-theme-dark .system-check-img,
html.cliro-theme-dark.cliro-theme-dark .system-check-metric,
html.cliro-theme-dark.cliro-theme-dark .system-check-statusbox,
html.cliro-theme-dark.cliro-theme-dark .table,
html.cliro-theme-dark.cliro-theme-dark .table-scroll,
html.cliro-theme-dark.cliro-theme-dark .table-wrap table tr:hover td,
html.cliro-theme-dark.cliro-theme-dark .tag,
html.cliro-theme-dark.cliro-theme-dark .tag.blue,
html.cliro-theme-dark.cliro-theme-dark .tag.done,
html.cliro-theme-dark.cliro-theme-dark .tag.info,
html.cliro-theme-dark.cliro-theme-dark .tag.label,
html.cliro-theme-dark.cliro-theme-dark .task-action-row-v108,
html.cliro-theme-dark.cliro-theme-dark .task-appointment-head-v640,
html.cliro-theme-dark.cliro-theme-dark .task-appointment-open-v640,
html.cliro-theme-dark.cliro-theme-dark .task-appointment-zoom-v640,
html.cliro-theme-dark.cliro-theme-dark .task-board-panel-v108,
html.cliro-theme-dark.cliro-theme-dark .task-board-panel-v108 .panel-headline,
html.cliro-theme-dark.cliro-theme-dark .task-board-panel-v108.style-glass .kanban-card-v108,
html.cliro-theme-dark.cliro-theme-dark .task-board-shell-v108,
html.cliro-theme-dark.cliro-theme-dark .task-create-v108,
html.cliro-theme-dark.cliro-theme-dark .task-create-v108 details,
html.cliro-theme-dark.cliro-theme-dark .task-doc-link-v159,
html.cliro-theme-dark.cliro-theme-dark .task-filter-grid-v108,
html.cliro-theme-dark.cliro-theme-dark .task-form-v108,
html.cliro-theme-dark.cliro-theme-dark .task-list-wrap-v621,
html.cliro-theme-dark.cliro-theme-dark .task-notification-chip,
html.cliro-theme-dark.cliro-theme-dark .task-notification-close,
html.cliro-theme-dark.cliro-theme-dark .task-notification-dialog,
html.cliro-theme-dark.cliro-theme-dark .task-notification-item,
html.cliro-theme-dark.cliro-theme-dark .task-stat-row-v108 div,
html.cliro-theme-dark.cliro-theme-dark .task-stat-row-v108>div,
html.cliro-theme-dark.cliro-theme-dark .task-table tr:nth-child(even) td,
html.cliro-theme-dark.cliro-theme-dark .task-template-card-v632,
html.cliro-theme-dark.cliro-theme-dark .task-template-card-v632>header,
html.cliro-theme-dark.cliro-theme-dark .task-template-designer-head-v632,
html.cliro-theme-dark.cliro-theme-dark .task-template-designer-v632,
html.cliro-theme-dark.cliro-theme-dark .task-template-launcher-v632,
html.cliro-theme-dark.cliro-theme-dark .task-website-link-v628,
html.cliro-theme-dark.cliro-theme-dark .task-website-link-v628:hover,
html.cliro-theme-dark.cliro-theme-dark .team-member-head .avatar,
html.cliro-theme-dark.cliro-theme-dark .team-user-result-avatar-v015,
html.cliro-theme-dark.cliro-theme-dark .team-user-result-v015:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .team-user-result-v015:hover,
html.cliro-theme-dark.cliro-theme-dark .team-user-search-results-v015,
html.cliro-theme-dark.cliro-theme-dark .technical-box,
html.cliro-theme-dark.cliro-theme-dark .tenant,
html.cliro-theme-dark.cliro-theme-dark .time-edit-panel-v466,
html.cliro-theme-dark.cliro-theme-dark .time-hero.card,
html.cliro-theme-dark.cliro-theme-dark .time-start-form,
html.cliro-theme-dark.cliro-theme-dark .time-table tr,
html.cliro-theme-dark.cliro-theme-dark .timeline-item-v120,
html.cliro-theme-dark.cliro-theme-dark .timeline-item-v120>span,
html.cliro-theme-dark.cliro-theme-dark .timeline-row,
html.cliro-theme-dark.cliro-theme-dark .timer-control-card,
html.cliro-theme-dark.cliro-theme-dark .timer-control-card.is-running,
html.cliro-theme-dark.cliro-theme-dark .timer-pause-btn-v565,
html.cliro-theme-dark.cliro-theme-dark .timer-resume-btn-v565,
html.cliro-theme-dark.cliro-theme-dark .timer-session-v715.is-paused-v715,
html.cliro-theme-dark.cliro-theme-dark .trash-card,
html.cliro-theme-dark.cliro-theme-dark .trash-hero,
html.cliro-theme-dark.cliro-theme-dark .ui-lang-switch,
html.cliro-theme-dark.cliro-theme-dark .update-check-v370,
html.cliro-theme-dark.cliro-theme-dark .update-drop-v370,
html.cliro-theme-dark.cliro-theme-dark .update-hero-v370,
html.cliro-theme-dark.cliro-theme-dark .update-mini-v370,
html.cliro-theme-dark.cliro-theme-dark .update-plan-action-btn-v569,
html.cliro-theme-dark.cliro-theme-dark .update-plan-action-btn-v569:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .update-plan-action-btn-v569:hover,
html.cliro-theme-dark.cliro-theme-dark .update-plan-cat-v567,
html.cliro-theme-dark.cliro-theme-dark .update-plan-kpis-v567>div,
html.cliro-theme-dark.cliro-theme-dark .update-plan-log-table-v568 tr,
html.cliro-theme-dark.cliro-theme-dark .update-plan-main-form-v568,
html.cliro-theme-dark.cliro-theme-dark .update-plan-next-v567,
html.cliro-theme-dark.cliro-theme-dark .update-plan-overview-hero-v567,
html.cliro-theme-dark.cliro-theme-dark .update-plan-quick-form-v567,
html.cliro-theme-dark.cliro-theme-dark .update-plan-rotation-strip-v567 span,
html.cliro-theme-dark.cliro-theme-dark .update-plan-table-v567 tr,
html.cliro-theme-dark.cliro-theme-dark .update-plan-table-v568 tr,
html.cliro-theme-dark.cliro-theme-dark .update-status-card-v370,
html.cliro-theme-dark.cliro-theme-dark .update-upload-box-v370,
html.cliro-theme-dark.cliro-theme-dark .user-card-row,
html.cliro-theme-dark.cliro-theme-dark .user-card-v107,
html.cliro-theme-dark.cliro-theme-dark .user-rights-hero,
html.cliro-theme-dark.cliro-theme-dark .user-row-v108,
html.cliro-theme-dark.cliro-theme-dark .userbox,
html.cliro-theme-dark.cliro-theme-dark .users-shell-v108,
html.cliro-theme-dark.cliro-theme-dark .users-stats-v108 div,
html.cliro-theme-dark.cliro-theme-dark .users-v109-active span:after,
html.cliro-theme-dark.cliro-theme-dark .users-v109-business label,
html.cliro-theme-dark.cliro-theme-dark .users-v109-hero,
html.cliro-theme-dark.cliro-theme-dark .users-v109-kpis div,
html.cliro-theme-dark.cliro-theme-dark .users-v109-role,
html.cliro-theme-dark.cliro-theme-dark .users-v109-row,
html.cliro-theme-dark.cliro-theme-dark .users-v109-savebar,
html.cliro-theme-dark.cliro-theme-dark .users-v109-section,
html.cliro-theme-dark.cliro-theme-dark .users-v110-active .switch:after,
html.cliro-theme-dark.cliro-theme-dark .users-v110-business label,
html.cliro-theme-dark.cliro-theme-dark .users-v110-dbstate,
html.cliro-theme-dark.cliro-theme-dark .users-v110-hero,
html.cliro-theme-dark.cliro-theme-dark .users-v110-kpis>div,
html.cliro-theme-dark.cliro-theme-dark .users-v110-mini-btn,
html.cliro-theme-dark.cliro-theme-dark .users-v110-panel,
html.cliro-theme-dark.cliro-theme-dark .users-v110-role,
html.cliro-theme-dark.cliro-theme-dark .users-v110-savebar,
html.cliro-theme-dark.cliro-theme-dark .users-v110-section,
html.cliro-theme-dark.cliro-theme-dark .users-v110-usercard,
html.cliro-theme-dark.cliro-theme-dark .users-v487-business-logo,
html.cliro-theme-dark.cliro-theme-dark .users-v487-business-logo img,
html.cliro-theme-dark.cliro-theme-dark .wysiwyg-btn-v704,
html.cliro-theme-dark.cliro-theme-dark a.btn.pdf-composer-action,
html.cliro-theme-dark.cliro-theme-dark a.btn.pdf-composer-action:hover,
html.cliro-theme-dark.cliro-theme-dark a.btn:not(.primary),
html.cliro-theme-dark.cliro-theme-dark a.btn:not(.primary):hover,
html.cliro-theme-dark.cliro-theme-dark aside.sidebar.sidebar-command,
html.cliro-theme-dark.cliro-theme-dark body .check-row,
html.cliro-theme-dark.cliro-theme-dark body .company-settings-body,
html.cliro-theme-dark.cliro-theme-dark body .company-settings-details,
html.cliro-theme-dark.cliro-theme-dark body .doc-sheet .pdf-structure-grid td.pdf-structure-cell,
html.cliro-theme-dark.cliro-theme-dark body .doc-sheet.doc-sheet-long .pdf-structure-grid td.pdf-structure-cell,
html.cliro-theme-dark.cliro-theme-dark body .savebar,
html.cliro-theme-dark.cliro-theme-dark body .settings-anchor-card,
html.cliro-theme-dark.cliro-theme-dark body .settings-savebar,
html.cliro-theme-dark.cliro-theme-dark body.booking-body,
html.cliro-theme-dark.cliro-theme-dark body.booking-body .booking-day-open,
html.cliro-theme-dark.cliro-theme-dark body.booking-body .booking-form-host img,
html.cliro-theme-dark.cliro-theme-dark body.cliro-public-document-v018,
html.cliro-theme-dark.cliro-theme-dark body.cliro-public-document-v716,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7153 a.cliro-a11y-language-link,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #docTable.doc-table .doc-actions-cell-v56,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-card-actions-v108 .task-final-actions-v009 .task-delete-btn-v622,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-card-v108,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-priority-v109,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .btn.secondary,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .card,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .cliro-responsive-table,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .form-actions,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .form-section,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .panel,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .settings-block,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .table-scroll,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .table-wrap,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 table.table tbody tr:hover td,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .doc-sheet table,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .doc-sheet.doc-sheet-long,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation a,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation a.active,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation a:link,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation a:visited,
html.cliro-theme-dark.cliro-theme-dark body.lmcs-mobile-nav-ready.lmcs-mobile-nav-open .sidebar-command nav#primary-navigation::-webkit-scrollbar-thumb,
html.cliro-theme-dark.cliro-theme-dark body.login-body,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .premium-brand,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .premium-brand .brand-logo,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .premium-brand .brand-mark,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker-option,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker-option.is-current,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker-option:focus-visible,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker-option:hover,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker[open]>.sidebar-company-picker-menu,
html.cliro-theme-dark.cliro-theme-dark body:not(.login-body),
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command .nav-ico,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command .premium-brand,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command .premium-userbox,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command nav a,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command nav a.active,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command nav a:hover,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command nav a:link,
html.cliro-theme-dark.cliro-theme-dark body:not(.sidebar-collapsed) .sidebar-command nav a:visited,
html.cliro-theme-dark.cliro-theme-dark nav.sidebar,
html.cliro-theme-dark.cliro-theme-dark pre,
html.cliro-theme-dark.cliro-theme-dark table,
html.cliro-theme-dark.cliro-theme-dark table.list-table.lmcs-resizable-table,
html.cliro-theme-dark.cliro-theme-dark table.lmcs-resizable-table,
html.cliro-theme-dark.cliro-theme-dark table.lmcs-resizable-table.mobile-card-table,
html.cliro-theme-dark.cliro-theme-dark table.mobile-card-table tr,
html.cliro-theme-dark.cliro-theme-dark table.table.lmcs-resizable-table,
html.cliro-theme-dark.cliro-theme-dark tbody tr:hover td,
html.cliro-theme-dark.cliro-theme-dark.is-mobile-device,
html.cliro-theme-dark.cliro-theme-dark.is-mobile-device body {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Legacy light surfaces mapped by explicit dark class: muted. */
html.cliro-theme-dark.cliro-theme-dark #company-stripe code,
html.cliro-theme-dark.cliro-theme-dark #docTable code,
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-note-v108,
html.cliro-theme-dark.cliro-theme-dark .action-center-empty-v583,
html.cliro-theme-dark.cliro-theme-dark .action-center-empty-v583>span,
html.cliro-theme-dark.cliro-theme-dark .api-checklist code,
html.cliro-theme-dark.cliro-theme-dark .api-inline-note,
html.cliro-theme-dark.cliro-theme-dark .badge,
html.cliro-theme-dark.cliro-theme-dark .badge-text,
html.cliro-theme-dark.cliro-theme-dark .badge.blue,
html.cliro-theme-dark.cliro-theme-dark .badge.info,
html.cliro-theme-dark.cliro-theme-dark .badge.security,
html.cliro-theme-dark.cliro-theme-dark .bank-code-card-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-default-badge-v667,
html.cliro-theme-dark.cliro-theme-dark .billing-empty,
html.cliro-theme-dark.cliro-theme-dark .billing-note,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-booking .meta a,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-booking .meta span,
html.cliro-theme-dark.cliro-theme-dark .business-note,
html.cliro-theme-dark.cliro-theme-dark .cache-note-v670,
html.cliro-theme-dark.cliro-theme-dark .capability-pill,
html.cliro-theme-dark.cliro-theme-dark .clu-badge,
html.cliro-theme-dark.cliro-theme-dark .clu-badge.is-info,
html.cliro-theme-dark.cliro-theme-dark .csv-help code,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .notes-render table td,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .payment-public-note,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-badges span,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-empty,
html.cliro-theme-dark.cliro-theme-dark .empty,
html.cliro-theme-dark.cliro-theme-dark .empty-col-v108,
html.cliro-theme-dark.cliro-theme-dark .empty-dunning,
html.cliro-theme-dark.cliro-theme-dark .empty-state,
html.cliro-theme-dark.cliro-theme-dark .event-meta a,
html.cliro-theme-dark.cliro-theme-dark .event-meta span,
html.cliro-theme-dark.cliro-theme-dark .file-pill,
html.cliro-theme-dark.cliro-theme-dark .help-empty-v670,
html.cliro-theme-dark.cliro-theme-dark .internal-readonly-grid>div,
html.cliro-theme-dark.cliro-theme-dark .internal-split-readonly,
html.cliro-theme-dark.cliro-theme-dark .invoice-view-pills-v507,
html.cliro-theme-dark.cliro-theme-dark .invoice-view-pills-v507 a,
html.cliro-theme-dark.cliro-theme-dark .invoice-view-pills-v507 a span,
html.cliro-theme-dark.cliro-theme-dark .invoice-view-pills-v507 a.active.lmcs-on-dark span,
html.cliro-theme-dark.cliro-theme-dark .kanban-meta span,
html.cliro-theme-dark.cliro-theme-dark .kanban-meta-v108 em,
html.cliro-theme-dark.cliro-theme-dark .kanban-note-v107,
html.cliro-theme-dark.cliro-theme-dark .kanban-note-v108,
html.cliro-theme-dark.cliro-theme-dark .license-hint,
html.cliro-theme-dark.cliro-theme-dark .license-status-pill,
html.cliro-theme-dark.cliro-theme-dark .log-meta-chip,
html.cliro-theme-dark.cliro-theme-dark .log-meta-preview,
html.cliro-theme-dark.cliro-theme-dark .meta,
html.cliro-theme-dark.cliro-theme-dark .muted-badge,
html.cliro-theme-dark.cliro-theme-dark .note-card,
html.cliro-theme-dark.cliro-theme-dark .notes-render,
html.cliro-theme-dark.cliro-theme-dark .partner-code-v436,
html.cliro-theme-dark.cliro-theme-dark .partner-empty-v436,
html.cliro-theme-dark.cliro-theme-dark .partner-note-v436,
html.cliro-theme-dark.cliro-theme-dark .payment-code-plan-row .payment-public-note-inline,
html.cliro-theme-dark.cliro-theme-dark .payment-info .invoice-instant-transfer-note,
html.cliro-theme-dark.cliro-theme-dark .payment-public-note,
html.cliro-theme-dark.cliro-theme-dark .perf-note-v683,
html.cliro-theme-dark.cliro-theme-dark .pill,
html.cliro-theme-dark.cliro-theme-dark .pill.blue,
html.cliro-theme-dark.cliro-theme-dark .pill.info,
html.cliro-theme-dark.cliro-theme-dark .portal-preview-note,
html.cliro-theme-dark.cliro-theme-dark .preview-info-bubble-note,
html.cliro-theme-dark.cliro-theme-dark .progress,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-badge,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-badge.neutral,
html.cliro-theme-dark.cliro-theme-dark .receipt-cloud-note-v580,
html.cliro-theme-dark.cliro-theme-dark .receipt-cloud-note-v580>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-item-v579[data-status="testbeleg"] .receipt-queue-tags-v579 small:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-tags-v579 small,
html.cliro-theme-dark.cliro-theme-dark .receipt-viewer-empty-v579>span,
html.cliro-theme-dark.cliro-theme-dark .recovery-grid-v584 code,
html.cliro-theme-dark.cliro-theme-dark .recurring-meta span,
html.cliro-theme-dark.cliro-theme-dark .recurring-meta span.is-active,
html.cliro-theme-dark.cliro-theme-dark .recurring-meta span.is-mail,
html.cliro-theme-dark.cliro-theme-dark .recurring-meta span.is-paused,
html.cliro-theme-dark.cliro-theme-dark .score-pill-v120,
html.cliro-theme-dark.cliro-theme-dark .score-pill-v120.cold,
html.cliro-theme-dark.cliro-theme-dark .score-pill-v120.hot,
html.cliro-theme-dark.cliro-theme-dark .score-pill-v120.warm,
html.cliro-theme-dark.cliro-theme-dark .sepa-payment-code,
html.cliro-theme-dark.cliro-theme-dark .sepa-payment-code.compact,
html.cliro-theme-dark.cliro-theme-dark .settings-block code,
html.cliro-theme-dark.cliro-theme-dark .status-badge,
html.cliro-theme-dark.cliro-theme-dark .status-badge.blue,
html.cliro-theme-dark.cliro-theme-dark .status-badge.info,
html.cliro-theme-dark.cliro-theme-dark .system-check-badge,
html.cliro-theme-dark.cliro-theme-dark .system-check-image-empty,
html.cliro-theme-dark.cliro-theme-dark .system-check-image-empty>span,
html.cliro-theme-dark.cliro-theme-dark .task-notification-empty,
html.cliro-theme-dark.cliro-theme-dark .task-notification-note,
html.cliro-theme-dark.cliro-theme-dark .task-priority-pill-v621,
html.cliro-theme-dark.cliro-theme-dark .task-priority-pill-v621.priority-dringend,
html.cliro-theme-dark.cliro-theme-dark .task-priority-pill-v621.priority-hoch,
html.cliro-theme-dark.cliro-theme-dark .task-priority-pill-v621.priority-niedrig,
html.cliro-theme-dark.cliro-theme-dark .task-status-pill-v621,
html.cliro-theme-dark.cliro-theme-dark .task-status-pill-v621.is-done,
html.cliro-theme-dark.cliro-theme-dark .task-wish-price-pill-v625,
html.cliro-theme-dark.cliro-theme-dark .task-wish-price-pill-v625.is-offer-v634,
html.cliro-theme-dark.cliro-theme-dark .task-wish-price-pill-v625.is-wish-v634,
html.cliro-theme-dark.cliro-theme-dark .tax-note,
html.cliro-theme-dark.cliro-theme-dark .time-edit-readonly-grid-v466>div,
html.cliro-theme-dark.cliro-theme-dark .timer-pill,
html.cliro-theme-dark.cliro-theme-dark .timer-pill.is-paused-v565,
html.cliro-theme-dark.cliro-theme-dark .trash-meta span,
html.cliro-theme-dark.cliro-theme-dark .update-status-card-v370 .status-pill,
html.cliro-theme-dark.cliro-theme-dark .usage-pills span,
html.cliro-theme-dark.cliro-theme-dark .user-pill-row span,
html.cliro-theme-dark.cliro-theme-dark .user-row-pills-v108 em,
html.cliro-theme-dark.cliro-theme-dark .users-v109-meta em,
html.cliro-theme-dark.cliro-theme-dark .users-v110-badges span,
html.cliro-theme-dark.cliro-theme-dark body .settings-block-body > .muted:first-child,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-meta-v108 :is(em,a),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-note-v108,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .empty-state {
  background-color: var(--cliro-surface-muted) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Legacy light surfaces mapped by explicit dark class: strong. */
html.cliro-theme-dark.cliro-theme-dark #docTable.doc-table th .doc-sort-arrow,
html.cliro-theme-dark.cliro-theme-dark .bank-manager-summary-v667,
html.cliro-theme-dark.cliro-theme-dark .bank-payment-method[open] summary,
html.cliro-theme-dark.cliro-theme-dark .billing-table th,
html.cliro-theme-dark.cliro-theme-dark .business-switch-logo summary,
html.cliro-theme-dark.cliro-theme-dark .cliro-public-document-v019 .doc-sheet table thead,
html.cliro-theme-dark.cliro-theme-dark .company-card summary,
html.cliro-theme-dark.cliro-theme-dark .company-page-head .page-head-timer-card,
html.cliro-theme-dark.cliro-theme-dark .company-page-head .page-head-timer-card.is-running .page-head-timer-label,
html.cliro-theme-dark.cliro-theme-dark .company-page-head .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark .company-page-head .page-head-timer-label,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .desc-html table:not(.pos-table) th,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .flow-content table th,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .notes-render table th,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .payment-summary .sum-table,
html.cliro-theme-dark.cliro-theme-dark .doc-sheet .payment-summary .sum-table tr,
html.cliro-theme-dark.cliro-theme-dark .headbar-brand-mark-v711.has-logo,
html.cliro-theme-dark.cliro-theme-dark .headbar-create-menu>summary>span,
html.cliro-theme-dark.cliro-theme-dark .headbar-create-panel,
html.cliro-theme-dark.cliro-theme-dark .headbar-create-panel a:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .headbar-create-panel a:hover,
html.cliro-theme-dark.cliro-theme-dark .headbar-main-nav-v711 .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .headbar-main-nav-v711 a.active,
html.cliro-theme-dark.cliro-theme-dark .headbar-main-nav-v711 a:hover,
html.cliro-theme-dark.cliro-theme-dark .headbar-mobile-divider-v711,
html.cliro-theme-dark.cliro-theme-dark .headbar-mobile-menu-v711>summary,
html.cliro-theme-dark.cliro-theme-dark .headbar-mobile-panel-v711,
html.cliro-theme-dark.cliro-theme-dark .headbar-mobile-panel-v711 .nav-ico,
html.cliro-theme-dark.cliro-theme-dark .headbar-mobile-panel-v711 a.active,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile-language-v711 a,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile-menu,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile-menu a:focus-visible,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile-menu a:hover,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile-v711>summary,
html.cliro-theme-dark.cliro-theme-dark .headbar-profile>summary,
html.cliro-theme-dark.cliro-theme-dark .headbar-subnav-wrap-v711 .module-subnav,
html.cliro-theme-dark.cliro-theme-dark .headbar-subnav-wrap-v711 .module-subnav a.active,
html.cliro-theme-dark.cliro-theme-dark .headbar-subnav-wrap-v711 .module-subnav a:hover,
html.cliro-theme-dark.cliro-theme-dark .headbar-timer-v712 .page-head-timer-card,
html.cliro-theme-dark.cliro-theme-dark .headbar-timer-v712 .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark .header,
html.cliro-theme-dark.cliro-theme-dark .header-help-anchor-v670,
html.cliro-theme-dark.cliro-theme-dark .header-help-anchor-v670:hover,
html.cliro-theme-dark.cliro-theme-dark .header-projecttime-card-v158,
html.cliro-theme-dark.cliro-theme-dark .hero-time-summary>div,
html.cliro-theme-dark.cliro-theme-dark .kanban-config-v108 details>summary,
html.cliro-theme-dark.cliro-theme-dark .kanban-config-v108 summary,
html.cliro-theme-dark.cliro-theme-dark .manual-time summary,
html.cliro-theme-dark.cliro-theme-dark .ops-table-v583 th,
html.cliro-theme-dark.cliro-theme-dark .page-head,
html.cliro-theme-dark.cliro-theme-dark .page-head-timer-card,
html.cliro-theme-dark.cliro-theme-dark .page-head-timer-units span,
html.cliro-theme-dark.cliro-theme-dark .page-head.company-page-head,
html.cliro-theme-dark.cliro-theme-dark .page-header,
html.cliro-theme-dark.cliro-theme-dark .partner-table-v436 th,
html.cliro-theme-dark.cliro-theme-dark .payment-summary,
html.cliro-theme-dark.cliro-theme-dark .payment-summary .sum-table,
html.cliro-theme-dark.cliro-theme-dark .payment-summary .sum-table tr,
html.cliro-theme-dark.cliro-theme-dark .payment-table th,
html.cliro-theme-dark.cliro-theme-dark .perf-table-v683 th,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-table th,
html.cliro-theme-dark.cliro-theme-dark .rights-group-v107 summary,
html.cliro-theme-dark.cliro-theme-dark .rights-groups-v108 .rights-group-v108 summary,
html.cliro-theme-dark.cliro-theme-dark .rights-groups-v108 summary em,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-group summary,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-group summary em,
html.cliro-theme-dark.cliro-theme-dark .rights-v110-group summary,
html.cliro-theme-dark.cliro-theme-dark .rights-v110-group summary em,
html.cliro-theme-dark.cliro-theme-dark .settings-block summary,
html.cliro-theme-dark.cliro-theme-dark .settings-block>summary,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 .settings-block>summary,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 .settings-block>summary:after,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-picker>summary,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-create-menu>summary span,
html.cliro-theme-dark.cliro-theme-dark .summary-item,
html.cliro-theme-dark.cliro-theme-dark .system-check-summary,
html.cliro-theme-dark.cliro-theme-dark .task-board-panel-v108 table.table th,
html.cliro-theme-dark.cliro-theme-dark .task-create-v108 details>summary,
html.cliro-theme-dark.cliro-theme-dark .task-create-v108 summary,
html.cliro-theme-dark.cliro-theme-dark .task-table th,
html.cliro-theme-dark.cliro-theme-dark .time-summary-grid>div,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .form-section details>summary,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-icon,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012.is-running .page-head-timer-icon,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-009,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012:hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.is-running .page-head-timer-icon,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card:hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-icon,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .settings-block details>summary,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 table.table thead th,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .doc-sheet table thead,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-picker>summary,
html.cliro-theme-dark.cliro-theme-dark table th,
html.cliro-theme-dark.cliro-theme-dark table:not(.resizable):not(.draggable):not(.stats-table):not(.analytics-table):not(.dashboard-table) th.light,
html.cliro-theme-dark.cliro-theme-dark table:not(.resizable):not(.draggable):not(.stats-table):not(.analytics-table):not(.dashboard-table) thead.light th {
  background-color: var(--cliro-surface-strong) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Legacy light surfaces mapped by explicit dark class: control. */
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-actions-v108 .move-form-v108 select,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-form input[type="email"],
html.cliro-theme-dark.cliro-theme-dark .booking-admin-form input[type="number"],
html.cliro-theme-dark.cliro-theme-dark .booking-admin-form input[type="text"],
html.cliro-theme-dark.cliro-theme-dark .booking-admin-form select,
html.cliro-theme-dark.cliro-theme-dark .booking-admin-form textarea,
html.cliro-theme-dark.cliro-theme-dark .booking-field input[type="email"],
html.cliro-theme-dark.cliro-theme-dark .booking-field input[type="text"],
html.cliro-theme-dark.cliro-theme-dark .booking-field textarea,
html.cliro-theme-dark.cliro-theme-dark .booking-tf-form select,
html.cliro-theme-dark.cliro-theme-dark .booking-tz-form select,
html.cliro-theme-dark.cliro-theme-dark .business-switch select,
html.cliro-theme-dark.cliro-theme-dark .calendar-form input,
html.cliro-theme-dark.cliro-theme-dark .calendar-form select,
html.cliro-theme-dark.cliro-theme-dark .calendar-form textarea,
html.cliro-theme-dark.cliro-theme-dark .company-grid input,
html.cliro-theme-dark.cliro-theme-dark .company-grid select,
html.cliro-theme-dark.cliro-theme-dark .danger-zone input,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-block.selected,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-upload-field input[type=file],
html.cliro-theme-dark.cliro-theme-dark .filter-row select,
html.cliro-theme-dark.cliro-theme-dark .input,
html.cliro-theme-dark.cliro-theme-dark .input-suffix>span,
html.cliro-theme-dark.cliro-theme-dark .integration-form input,
html.cliro-theme-dark.cliro-theme-dark .integration-form select,
html.cliro-theme-dark.cliro-theme-dark .kanban-designer-v108 .input,
html.cliro-theme-dark.cliro-theme-dark .kanban-designer-v108 select,
html.cliro-theme-dark.cliro-theme-dark .license-key-only-form input,
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap input,
html.cliro-theme-dark.cliro-theme-dark .manual-time select,
html.cliro-theme-dark.cliro-theme-dark .money-field,
html.cliro-theme-dark.cliro-theme-dark .money-field .lmcs-money-suffix,
html.cliro-theme-dark.cliro-theme-dark .money-field > .lmcs-money-suffix,
html.cliro-theme-dark.cliro-theme-dark .money-field > b,
html.cliro-theme-dark.cliro-theme-dark .money-field b,
html.cliro-theme-dark.cliro-theme-dark .move-form-v108 select,
html.cliro-theme-dark.cliro-theme-dark .payment-page input:not([type="checkbox"]),
html.cliro-theme-dark.cliro-theme-dark .payment-page input[readonly],
html.cliro-theme-dark.cliro-theme-dark .payment-page select,
html.cliro-theme-dark.cliro-theme-dark .payment-page textarea,
html.cliro-theme-dark.cliro-theme-dark .payments-page-v399 .money-field,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-selected-v637,
html.cliro-theme-dark.cliro-theme-dark .pipeline-symbol-selected-v637 strong,
html.cliro-theme-dark.cliro-theme-dark .readonly-field,
html.cliro-theme-dark.cliro-theme-dark .receipt-payment-picker-v579 input:checked+span,
html.cliro-theme-dark.cliro-theme-dark .receipt-queue-item-v579.is-selected,
html.cliro-theme-dark.cliro-theme-dark .receipt-type-picker-v579 input:checked+span,
html.cliro-theme-dark.cliro-theme-dark .recurring-form-card .field input[readonly],
html.cliro-theme-dark.cliro-theme-dark .rich,
html.cliro-theme-dark.cliro-theme-dark .role-card-v108.selected,
html.cliro-theme-dark.cliro-theme-dark .role-card-v108:has(input:checked),
html.cliro-theme-dark.cliro-theme-dark .settings-v71 .input,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 select,
html.cliro-theme-dark.cliro-theme-dark .settings-v71 textarea,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-select-shell,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-select-shell select optgroup,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-select-shell select option,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-switch select,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-company-switch select option,
html.cliro-theme-dark.cliro-theme-dark .sidebar-company-switch select,
html.cliro-theme-dark.cliro-theme-dark .sidebar-company-switch select option,
html.cliro-theme-dark.cliro-theme-dark .split-money,
html.cliro-theme-dark.cliro-theme-dark .split-money b,
html.cliro-theme-dark.cliro-theme-dark .split-money input,
html.cliro-theme-dark.cliro-theme-dark .split-note,
html.cliro-theme-dark.cliro-theme-dark .task-appointment-form-v640 .input,
html.cliro-theme-dark.cliro-theme-dark .task-appointment-form-v640 select,
html.cliro-theme-dark.cliro-theme-dark .task-filter-grid-v108 input,
html.cliro-theme-dark.cliro-theme-dark .task-filter-grid-v108 select,
html.cliro-theme-dark.cliro-theme-dark .task-form-v108 .input,
html.cliro-theme-dark.cliro-theme-dark .task-form-v108 select,
html.cliro-theme-dark.cliro-theme-dark .task-form-v108 textarea,
html.cliro-theme-dark.cliro-theme-dark .team-selected-avatar-v015,
html.cliro-theme-dark.cliro-theme-dark .team-selected-user-v015,
html.cliro-theme-dark.cliro-theme-dark .team-user-result-v015[aria-selected="true"],
html.cliro-theme-dark.cliro-theme-dark .time-filter-grid-v235 .input,
html.cliro-theme-dark.cliro-theme-dark .time-filter-grid-v235 input:not([type=hidden]),
html.cliro-theme-dark.cliro-theme-dark .time-filter-grid-v235 select,
html.cliro-theme-dark.cliro-theme-dark .timer-start-grid select,
html.cliro-theme-dark.cliro-theme-dark .users-v109-business label:has(input:checked),
html.cliro-theme-dark.cliro-theme-dark .users-v109-role.selected,
html.cliro-theme-dark.cliro-theme-dark .users-v110-business label:has(input:checked),
html.cliro-theme-dark.cliro-theme-dark .users-v110-role.selected,
html.cliro-theme-dark.cliro-theme-dark .vault-secret,
html.cliro-theme-dark.cliro-theme-dark .wysiwyg-select-v704,
html.cliro-theme-dark.cliro-theme-dark body.booking-body input[type="email"],
html.cliro-theme-dark.cliro-theme-dark body.booking-body input[type="text"],
html.cliro-theme-dark.cliro-theme-dark body.booking-body input[type="url"],
html.cliro-theme-dark.cliro-theme-dark body.booking-body select,
html.cliro-theme-dark.cliro-theme-dark body.booking-body textarea,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-card-actions-v108 .move-form-v108 select,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 select,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 textarea,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-select-shell,
html.cliro-theme-dark.cliro-theme-dark body.sidebar-collapsed .sidebar-command .sidebar-company-switch select,
html.cliro-theme-dark.cliro-theme-dark input[name="internal_linkitup_amount"],
html.cliro-theme-dark.cliro-theme-dark select,
html.cliro-theme-dark.cliro-theme-dark textarea {
  background-color: var(--cliro-bg-elevated) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border-strong) !important;
}

/* Legacy light surfaces mapped by explicit dark class: danger. */
html.cliro-theme-dark.cliro-theme-dark .api-status.error,
html.cliro-theme-dark.cliro-theme-dark .badge-text.error,
html.cliro-theme-dark.cliro-theme-dark .badge.danger,
html.cliro-theme-dark.cliro-theme-dark .badge.error,
html.cliro-theme-dark.cliro-theme-dark .booking-error,
html.cliro-theme-dark.cliro-theme-dark .btn.danger,
html.cliro-theme-dark.cliro-theme-dark .btn.danger:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.link-danger,
html.cliro-theme-dark.cliro-theme-dark .btn.link-danger:hover,
html.cliro-theme-dark.cliro-theme-dark .btn.small.danger,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-status-v018.is-declined,
html.cliro-theme-dark.cliro-theme-dark .clu-badge.is-danger,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v120.danger,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122.danger .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .danger-zone,
html.cliro-theme-dark.cliro-theme-dark .document-check-v018.has-error,
html.cliro-theme-dark.cliro-theme-dark .dunning-chip.danger,
html.cliro-theme-dark.cliro-theme-dark .emailtpl-json-error,
html.cliro-theme-dark.cliro-theme-dark .error,
html.cliro-theme-dark.cliro-theme-dark .event-meta .sync-error,
html.cliro-theme-dark.cliro-theme-dark .kanban-meta-v108 em.overdue,
html.cliro-theme-dark.cliro-theme-dark .lmcs-license-banner.danger,
html.cliro-theme-dark.cliro-theme-dark .login-error,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.failed,
html.cliro-theme-dark.cliro-theme-dark .pay-error-card,
html.cliro-theme-dark.cliro-theme-dark .pay-error-icon,
html.cliro-theme-dark.cliro-theme-dark .pay-error-page,
html.cliro-theme-dark.cliro-theme-dark .perf-status-v683.failed,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-badge.danger,
html.cliro-theme-dark.cliro-theme-dark .receipt-quality-v597 li.is-error>span:first-child,
html.cliro-theme-dark.cliro-theme-dark .receipt-quality-v597.has-errors,
html.cliro-theme-dark.cliro-theme-dark .recurring-actions .btn.danger,
html.cliro-theme-dark.cliro-theme-dark .reverse-charge-note,
html.cliro-theme-dark.cliro-theme-dark .stat.danger,
html.cliro-theme-dark.cliro-theme-dark .status-badge.danger,
html.cliro-theme-dark.cliro-theme-dark .status-badge.error,
html.cliro-theme-dark.cliro-theme-dark .task-due-pill-v621.is-overdue,
html.cliro-theme-dark.cliro-theme-dark .task-stat-row-v108 .danger,
html.cliro-theme-dark.cliro-theme-dark .timer-api-error-v715,
html.cliro-theme-dark.cliro-theme-dark .update-plan-status-v568.danger,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 #main-content .kanban-meta-v108 .overdue,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .btn.danger,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .error {
  background-color: color-mix(in srgb, var(--cliro-danger) 14%, var(--cliro-surface)) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: color-mix(in srgb, var(--cliro-danger) 45%, var(--cliro-border)) !important;
}

/* Legacy light surfaces mapped by explicit dark class: warning. */
html.cliro-theme-dark.cliro-theme-dark .badge-text.warn,
html.cliro-theme-dark.cliro-theme-dark .badge.warn,
html.cliro-theme-dark.cliro-theme-dark .badge.warning,
html.cliro-theme-dark.cliro-theme-dark .billing-note.due,
html.cliro-theme-dark.cliro-theme-dark .billing-status.due,
html.cliro-theme-dark.cliro-theme-dark .clu-badge.is-warning,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v120.warn,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122.warn .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .company-limit-warning,
html.cliro-theme-dark.cliro-theme-dark .document-check-v018.has-warning,
html.cliro-theme-dark.cliro-theme-dark .dunning-chip.warn,
html.cliro-theme-dark.cliro-theme-dark .expense-accounting-notice,
html.cliro-theme-dark.cliro-theme-dark .internal-only,
html.cliro-theme-dark.cliro-theme-dark .license-status-pill.warn,
html.cliro-theme-dark.cliro-theme-dark .notice,
html.cliro-theme-dark.cliro-theme-dark .perf-status-v683.warning,
html.cliro-theme-dark.cliro-theme-dark .perf-warning-row-v683,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-badge.warn,
html.cliro-theme-dark.cliro-theme-dark .receipt-cloud-note-v580.is-warning,
html.cliro-theme-dark.cliro-theme-dark .receipt-duplicate-warning-v579,
html.cliro-theme-dark.cliro-theme-dark .receipt-duplicate-warning-v579 a,
html.cliro-theme-dark.cliro-theme-dark .recurring-meta span.is-due-date,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-dbstate.warn,
html.cliro-theme-dark.cliro-theme-dark .saas-address-notice,
html.cliro-theme-dark.cliro-theme-dark .stat.warning,
html.cliro-theme-dark.cliro-theme-dark .stats-page-v168 .card.stat.warning:before,
html.cliro-theme-dark.cliro-theme-dark .system-check-badge.warn,
html.cliro-theme-dark.cliro-theme-dark .system-check-card.check-warn,
html.cliro-theme-dark.cliro-theme-dark .system-check-statusbox.warn,
html.cliro-theme-dark.cliro-theme-dark .task-due-pill-v621,
html.cliro-theme-dark.cliro-theme-dark .task-notification-due,
html.cliro-theme-dark.cliro-theme-dark .update-plan-status-v568.warn,
html.cliro-theme-dark.cliro-theme-dark .update-status-card-v370 .status-pill.warn,
html.cliro-theme-dark.cliro-theme-dark .update-warning-v370,
html.cliro-theme-dark.cliro-theme-dark .user-row-pills-v108 em.warn,
html.cliro-theme-dark.cliro-theme-dark .users-v109-meta .warn,
html.cliro-theme-dark.cliro-theme-dark .users-v110-badges .warn,
html.cliro-theme-dark.cliro-theme-dark .users-v110-dbstate.warn,
html.cliro-theme-dark.cliro-theme-dark .warning,
html.cliro-theme-dark.cliro-theme-dark body.booking-body .booking-notice,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .notice,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .warning {
  background-color: color-mix(in srgb, var(--cliro-warning) 14%, var(--cliro-surface)) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: color-mix(in srgb, var(--cliro-warning) 45%, var(--cliro-border)) !important;
}

/* Legacy light surfaces mapped by explicit dark class: success. */
html.cliro-theme-dark.cliro-theme-dark .api-status.ok,
html.cliro-theme-dark.cliro-theme-dark .badge-text.ok,
html.cliro-theme-dark.cliro-theme-dark .badge.ok,
html.cliro-theme-dark.cliro-theme-dark .badge.success,
html.cliro-theme-dark.cliro-theme-dark .billing-status.ok,
html.cliro-theme-dark.cliro-theme-dark .cliro-document-status-v018.is-accepted,
html.cliro-theme-dark.cliro-theme-dark .clu-badge.is-success,
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122.success .cockpit-icon-v122,
html.cliro-theme-dark.cliro-theme-dark .dunning-chip.ok,
html.cliro-theme-dark.cliro-theme-dark .ops-status-v583.success,
html.cliro-theme-dark.cliro-theme-dark .rec-mon-badge.ok,
html.cliro-theme-dark.cliro-theme-dark .rights-db-state.ok,
html.cliro-theme-dark.cliro-theme-dark .rights-v109-dbstate.ok,
html.cliro-theme-dark.cliro-theme-dark .status-badge.success,
html.cliro-theme-dark.cliro-theme-dark .status.ok,
html.cliro-theme-dark.cliro-theme-dark .success,
html.cliro-theme-dark.cliro-theme-dark .update-plan-status-v568.ok,
html.cliro-theme-dark.cliro-theme-dark .update-status-card-v370 .status-pill.ok,
html.cliro-theme-dark.cliro-theme-dark .user-row-pills-v108 em.ok,
html.cliro-theme-dark.cliro-theme-dark .users-v109-meta .ok,
html.cliro-theme-dark.cliro-theme-dark .users-v110-badges .ok,
html.cliro-theme-dark.cliro-theme-dark .users-v110-dbstate.ok,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .success {
  background-color: color-mix(in srgb, var(--cliro-success) 14%, var(--cliro-surface)) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: color-mix(in srgb, var(--cliro-success) 45%, var(--cliro-border)) !important;
}

/* Legacy light surfaces mapped by explicit dark class: pseudo. */
html.cliro-theme-dark.cliro-theme-dark .cockpit-card-v122::before,
html.cliro-theme-dark.cliro-theme-dark .company-settings-details>.company-settings-head::after,
html.cliro-theme-dark.cliro-theme-dark .doc-docdata > .doc-kind.doc-kind-badge::before,
html.cliro-theme-dark.cliro-theme-dark .doc-docdata > .doc-kind::before,
html.cliro-theme-dark.cliro-theme-dark .settings-block>summary::after,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-quick-actions a::before,
html.cliro-theme-dark.cliro-theme-dark .sidebar-command .sidebar-quick-actions a:nth-child(1)::before {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Inline legacy colors are overridden declaratively, never inspected at runtime. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  [style*="background:#fff" i],[style*="background: #fff" i],
  [style*="background-color:#fff" i],[style*="background-color: #fff" i],
  [style*="background:white" i],[style*="background: white" i],
  [style*="background-color:white" i],[style*="background-color: white" i],
  [style*="background:rgb(255" i],[style*="background: rgb(255" i],
  [style*="background-color:rgb(255" i],[style*="background-color: rgb(255" i],
  [style*="background:#f8" i],[style*="background: #f8" i],
  [style*="background:#f9" i],[style*="background: #f9" i],
  [style*="background:#fa" i],[style*="background: #fa" i],
  [style*="background:#fb" i],[style*="background: #fb" i]
) {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(input,textarea,select):-webkit-autofill,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(input,textarea,select):-webkit-autofill:hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(input,textarea,select):-webkit-autofill:focus {
  -webkit-text-fill-color: var(--cliro-text) !important;
  box-shadow: 0 0 0 1000px var(--cliro-bg-elevated) inset !important;
  caret-color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 option,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 optgroup {
  background: var(--cliro-surface) !important;
  color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 dialog::backdrop {
  background: var(--cliro-overlay) !important;
}


/* Cliro V717.17-011 – global eyebrow text contract, dashboard CTA and team page. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716 .eyebrow,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .eyebrow {
  display:block;
  width:auto;
  max-width:100%;
  margin:0 0 6px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:var(--cliro-primary) !important;
  -webkit-text-fill-color:var(--cliro-primary) !important;
  font-size:11px;
  font-weight:900;
  line-height:1.3;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .eyebrow {
  color:#9fd3f6 !important;
  -webkit-text-fill-color:#9fd3f6 !important;
}

@media print {
  html.cliro-theme-dark.cliro-theme-dark {
    --cliro-bg: #ffffff;
    --cliro-bg-elevated: #ffffff;
    --cliro-surface: #ffffff;
    --cliro-surface-muted: #f7f9fc;
    --cliro-surface-strong: #edf2f7;
    --cliro-text: #172033;
    --cliro-text-muted: #607086;
    --cliro-border: #d9e2ec;
    --cliro-border-strong: #b9c7d5;
    --cliro-paper: #ffffff;
  }

  html.cliro-theme-dark body.cliro-v716,
  html.cliro-theme-dark body.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.signature-pad,.signature-preview),
  html.cliro-theme-light body.cliro-v716,
  html.cliro-theme-light body.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.signature-pad,.signature-preview) {
    color-scheme: light !important;
    background: #ffffff !important;
    color: #172033 !important;
    border-color: #d7e0ea !important;
  }
}


/* V717.5 – softwareweite Barrierefreiheit für beide expliziten Theme-Klassen. */
html.cliro-theme-light{
  --cliro-a11y-muted:#475569;
  --cliro-a11y-danger:#991b1b;
  --cliro-a11y-success:#166534;
  --cliro-a11y-warning:#92400e;
  --cliro-a11y-focus:#075985;
  --cliro-a11y-focus-ring:rgba(3,105,161,.28);
}
html.cliro-theme-dark{
  --cliro-a11y-muted:#cbd5e1;
  --cliro-a11y-danger:#fca5a5;
  --cliro-a11y-success:#86efac;
  --cliro-a11y-warning:#fcd34d;
  --cliro-a11y-focus:#7dd3fc;
  --cliro-a11y-focus-ring:rgba(125,211,252,.34);
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{
  outline:3px solid var(--cliro-a11y-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px var(--cliro-a11y-focus-ring)!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(input,select,textarea)::placeholder{
  color:var(--cliro-a11y-muted)!important;
  opacity:1!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(.muted,.sub,.hint,.help-text,.field-help,small){
  color:var(--cliro-a11y-muted);
}
html.cliro-theme-light body.cliro-v716 .cliro-required-marker-v011{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:1em!important;margin-left:2px!important;background:transparent!important;
  color:#991b1b!important;-webkit-text-fill-color:#991b1b!important;font-weight:950!important;
}
html.cliro-theme-dark body.cliro-v716 .cliro-required-marker-v011{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:1em!important;margin-left:2px!important;background:transparent!important;
  color:#fca5a5!important;-webkit-text-fill-color:#fca5a5!important;font-weight:950!important;
}
html.cliro-theme-light body.cliro-v716 :is(.error,.danger,.ops-danger-v583,[role="alert"]){color:var(--cliro-a11y-danger)}
html.cliro-theme-dark body.cliro-v716 :is(.error,.danger,.ops-danger-v583,[role="alert"]){color:var(--cliro-a11y-danger)}
html.cliro-theme-light body.cliro-v716 :is(.success,.ops-ok-v583){color:var(--cliro-a11y-success)}
html.cliro-theme-dark body.cliro-v716 :is(.success,.ops-ok-v583){color:var(--cliro-a11y-success)}
html.cliro-theme-light body.cliro-v716 :is(.warning,.warn){color:var(--cliro-a11y-warning)}
html.cliro-theme-dark body.cliro-v716 :is(.warning,.warn){color:var(--cliro-a11y-warning)}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(button,input,select,textarea)[disabled],
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 [aria-disabled="true"]{
  opacity:.72!important;cursor:not-allowed!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(svg,[class*="icon"]){forced-color-adjust:auto}
@media (forced-colors:active){
  html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(a,button,input,select,textarea,summary,[role="button"]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}
  html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .cliro-required-marker-v011{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
}

/* V717.5 final pass: accessible statuses and class-based legacy inline fallback. */
html.cliro-theme-light body.cliro-v716 {
  --cliro-status-danger-bg:#fff1f0;
  --cliro-status-danger-border:#fda29b;
  --cliro-status-danger-text:#7a271a;
  --cliro-status-success-bg:#ecfdf3;
  --cliro-status-success-border:#75e0a7;
  --cliro-status-success-text:#05603a;
  --cliro-status-warning-bg:#fffaeb;
  --cliro-status-warning-border:#fec84b;
  --cliro-status-warning-text:#7a2e0e;
}
html.cliro-theme-dark body.cliro-v716 {
  --cliro-status-danger-bg:#421b20;
  --cliro-status-danger-border:#8f3340;
  --cliro-status-danger-text:#fecaca;
  --cliro-status-success-bg:#123d2b;
  --cliro-status-success-border:#2d6f4d;
  --cliro-status-success-text:#bbf7d0;
  --cliro-status-warning-bg:#42260d;
  --cliro-status-warning-border:#7c4a13;
  --cliro-status-warning-text:#fde68a;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(.error,.login-error,.alert-error,.danger-message,[data-status="error"]){
  background:var(--cliro-status-danger-bg)!important;
  color:var(--cliro-status-danger-text)!important;
  border-color:var(--cliro-status-danger-border)!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(.success,.alert-success,[data-status="success"]){
  background:var(--cliro-status-success-bg)!important;
  color:var(--cliro-status-success-text)!important;
  border-color:var(--cliro-status-success-border)!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 :is(.warning,.warn,.alert-warning,[data-status="warning"]){
  background:var(--cliro-status-warning-bg)!important;
  color:var(--cliro-status-warning-text)!important;
  border-color:var(--cliro-status-warning-border)!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .cliro-required-marker-v011{
  background:transparent!important;
  border:0!important;
  font-size:1em!important;
  line-height:1!important;
  vertical-align:baseline!important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .cliro-code-block-v7174,
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 pre.cliro-code-block-v7174{
  background:#0f172a!important;
  color:#f8fafc!important;
  border:1px solid #334155!important;
}
html.cliro-theme-dark body.cliro-v716 :is(
  [style*="background:#fff" i],
  [style*="background: #fff" i],
  [style*="background:#ffffff" i],
  [style*="background: #ffffff" i],
  [style*="background:white" i],
  [style*="background: white" i],
  [style*="background-color:#fff" i],
  [style*="background-color: #fff" i],
  [style*="background-color:#ffffff" i],
  [style*="background-color: #ffffff" i]
):not(.lmcs-mail-root):not([data-cliro-mail-light]):not(.bank-payment-qr):not(.qr-code):not(.qr-wrap):not(.print-only):not(.pdf-page):not(img):not(canvas):not(svg){
  background-color:var(--cliro-surface)!important;
  background-image:none!important;
  color:var(--cliro-text)!important;
  border-color:var(--cliro-border)!important;
}
html.cliro-theme-light body.cliro-v716 :is(.migration-page-v7174,.tenant-provision-page-v7174,.sso-error-page-v7174,.domain-unassigned-page-v7174,.license-blocked-page-v7174),
html.cliro-theme-dark body.cliro-v716 :is(.migration-page-v7174,.tenant-provision-page-v7174,.sso-error-page-v7174,.domain-unassigned-page-v7174,.license-blocked-page-v7174){
  background:var(--cliro-bg)!important;
  color:var(--cliro-text)!important;
}
@media print{
  html.cliro-theme-dark body.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.pdf-page,.print-only){
    background:#ffffff!important;
    color:#101828!important;
    border-color:#d7e0ea!important;
  }
}

/* V717.5 dashboard and control contrast correction. */
html.cliro-theme-dark body.cliro-v716 :is(.btn,button):not(.primary):not(.danger):not(.success):not(.accent):not(.lmcs-th-sort-button):not(.global-search-trigger-v583):not(.cliro-v7153-tour-trigger):not(.wysiwyg-btn-v704){
  color:var(--cliro-text)!important;
  -webkit-text-fill-color:var(--cliro-text)!important;
  background-color:var(--cliro-surface)!important;
  border-color:var(--cliro-border-strong)!important;
  opacity:1;
}
html.cliro-theme-dark body.cliro-v716 :is(.cockpit-card-v120,.cockpit-card-v122){
  background:var(--cliro-surface)!important;
  color:var(--cliro-text)!important;
  border-color:var(--cliro-border)!important;
}
html.cliro-theme-dark body.cliro-v716 :is(.cockpit-card-v120,.cockpit-card-v122) :is(strong,.cockpit-label-v122,.cockpit-tag-v122){
  color:var(--cliro-text)!important;
  -webkit-text-fill-color:var(--cliro-text)!important;
}
html.cliro-theme-dark body.cliro-v716 :is(.cockpit-card-v120,.cockpit-card-v122) small{
  color:var(--cliro-text-muted)!important;
  -webkit-text-fill-color:var(--cliro-text-muted)!important;
}
html.cliro-theme-light body.cliro-v716 :is(.cockpit-card-v120,.cockpit-card-v122) :is(strong,.cockpit-label-v122){
  color:#142033!important;
}
html.cliro-theme-light body.cliro-v716 :is(.cockpit-card-v120,.cockpit-card-v122) small{
  color:#475569!important;
}

/* Cliro V717.5 – accessible table sort indicators in both explicit themes. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-button,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 #docTable.doc-table th .doc-sort-link {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-button,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 #docTable.doc-table th .doc-sort-link {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-button {
  min-height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-arrow,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 #docTable.doc-table th .doc-sort-arrow {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-arrow,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 #docTable.doc-table th .doc-sort-arrow {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716 table.lmcs-sortable-table thead th[aria-sort="ascending"] .lmcs-th-sort-arrow,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 table.lmcs-sortable-table thead th[aria-sort="descending"] .lmcs-th-sort-arrow,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 #docTable.doc-table th .doc-sort-link.active .doc-sort-arrow {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background: transparent !important;
  border: 0 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table.lmcs-sortable-table thead th[aria-sort="ascending"] .lmcs-th-sort-arrow,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table.lmcs-sortable-table thead th[aria-sort="descending"] .lmcs-th-sort-arrow,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 #docTable.doc-table th .doc-sort-link.active .doc-sort-arrow {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  background: transparent !important;
  border: 0 !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-button:focus-visible,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 #docTable.doc-table th .doc-sort-link:focus-visible {
  outline: 2px solid #1d4ed8 !important;
  outline-offset: 2px !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table.lmcs-sortable-table thead th .lmcs-th-sort-button:focus-visible,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 #docTable.doc-table th .doc-sort-link:focus-visible {
  outline: 2px solid #93c5fd !important;
  outline-offset: 2px !important;
}

/* V717.13: table affordances are controls, not theme surfaces. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .doc-col-resizer,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .column-grip,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .column-resize-handle,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .resize-handle,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .resizer {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .doc-col-resizer::before {
  background: var(--cliro-border-strong) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .doc-col-resizer::after {
  background: var(--cliro-accent) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 table .doc-col-resizer:is(:hover,:focus-visible)::after,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.doc-resizing table .doc-col-resizer::after {
  opacity: 1 !important;
}

/* V717.10 – deterministic accessible notification badge and language controls.
   These controls are excluded from the generic runtime white-text repair. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716 .top-notification-bell .bell-badge,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .top-notification-bell .bell-badge {
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: #b42318 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid var(--cliro-bg-elevated) !important;
  box-shadow: none;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link) {
  min-width: 44px;
  min-height: 44px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--cliro-border-strong) !important;
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  font-weight: 850;
  opacity: 1;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):is(.is-active,[aria-current="page"],[aria-current="true"]) {
  border-color: var(--brand-primary,#12395b) !important;
  background: var(--brand-primary,#12395b) !important;
  color: var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color: var(--brand-on,#ffffff) !important;
  box-shadow: inset 0 0 0 1px currentColor;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):is(.is-active,[aria-current="page"],[aria-current="true"]) {
  border-color: #8fc7f0 !important;
  background: #8fc7f0 !important;
  color: #07131d !important;
  -webkit-text-fill-color: #07131d !important;
  box-shadow: inset 0 0 0 1px currentColor;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):hover {
  border-color: var(--cliro-text);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

html.cliro-theme-light.cliro-theme-light body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):focus-visible,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(.cliro-language-link,.cliro-a11y-language-link):focus-visible,
html.cliro-theme-light.cliro-theme-light body.cliro-v716 .top-notification-bell:focus-visible,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .top-notification-bell:focus-visible {
  outline: 3px solid var(--cliro-focus);
  outline-offset: 3px;
}


/* Cliro V717.10 – deterministic icon geometry and close-control contrast. */
.cliro-close-icon-v718 {
  display:block;
  width:22px;
  height:22px;
  margin:0;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
:is(.task-notification-close,.global-search-close-v583,.lmcs-column-panel-close-v638,.pipeline-symbol-close-v637,.cliro-v7153-tour-close,.lmcs-tour-icon-v657) {
  display:inline-grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:center !important;
}
html.cliro-theme-dark.cliro-theme-dark :is(.task-notification-close,.global-search-close-v583,.lmcs-column-panel-close-v638,.pipeline-symbol-close-v637,.cliro-v7153-tour-close,.lmcs-tour-icon-v657) {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark :is(.task-notification-close,.global-search-close-v583,.lmcs-column-panel-close-v638,.pipeline-symbol-close-v637,.cliro-v7153-tour-close,.lmcs-tour-icon-v657):hover {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
:is(.task-notification-close,.global-search-close-v583,.lmcs-column-panel-close-v638,.pipeline-symbol-close-v637,.cliro-v7153-tour-close,.lmcs-tour-icon-v657):focus-visible {
  outline:3px solid var(--cliro-focus,#f4b000) !important;
  outline-offset:3px !important;
}
.cockpit-icon-v122,
.home-card-icon,
.global-search-icon-v583 {
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:center !important;
}
.cockpit-icon-v122 > svg,
.home-card-icon > svg,
.global-search-icon-v583 > svg {
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  transform:none !important;
  transform-origin:center !important;
  vertical-align:middle !important;
  pointer-events:none !important;
}
.cockpit-icon-v122 > svg { width:22px !important; height:22px !important; overflow:hidden !important; }
.home-card-icon > svg { width:24px !important; height:24px !important; overflow:visible !important; }
.global-search-icon-v583 > svg {
  width:24px !important;
  height:24px !important;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (forced-colors:active) {
  .cliro-close-icon-v718,
  .cockpit-icon-v122 > svg,
  .home-card-icon > svg,
  .global-search-icon-v583 > svg { forced-color-adjust:auto; }
}


/* V717.10 – compact icon controls use the same optical centre. */
:is(.emailtpl-mini-actions button,[data-column-action],[data-task-template-action-v632],[data-line-item-remove],.pipeline-drag-v620) {
  display:inline-grid !important;
  place-items:center !important;
  line-height:1 !important;
  text-align:center !important;
}
:is(.emailtpl-mini-actions button,[data-line-item-remove]) > .cliro-close-icon-v718 {
  width:18px;
  height:18px;
}
html.cliro-theme-dark.cliro-theme-dark :is(.emailtpl-mini-actions button[data-act="remove"],[data-line-item-remove]) {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}


/* V717.10 – shared navigation/action SVG geometry. */
.cliro-ui-icon-v718 {
  display:block;
  width:22px;
  height:22px;
  margin:0;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.cliro-ui-icon-letter-v718 {
  display:grid;
  place-items:center;
  min-width:22px;
  height:22px;
  line-height:1;
  font-size:13px;
  font-weight:950;
  font-family:inherit;
}
:is(.nav-ico,.headbar-create-icon,.module-hub-icon,.module-card-icon,.module-card-arrow,.headbar-profile-caret,.global-search-trigger-v583 > span:first-child) {
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
}
:is(.nav-ico,.headbar-create-icon,.module-hub-icon,.module-card-icon,.module-card-arrow,.headbar-profile-caret,.global-search-trigger-v583 > span:first-child) > :is(.cliro-ui-icon-v718,.cliro-ui-icon-letter-v718) {
  margin:auto !important;
  transform:none !important;
}
.module-card-arrow .cliro-ui-icon-v718 { width:20px; height:20px; }
.headbar-profile-caret .cliro-ui-icon-v718 { width:18px; height:18px; }


/* V717.10 – remaining interactive icon buttons. */
:is(.emailtpl-mini-actions button,[data-column-action],[data-task-template-action-v632],.pipeline-drag-v620,[data-line-item-remove]) > .cliro-ui-icon-v718 {
  width:18px;
  height:18px;
}
:is(.todo-icon,.settings-block-icon,.booking-ico) {
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
}
:is(.todo-icon,.settings-block-icon,.booking-ico) > .cliro-ui-icon-v718 {
  margin:auto !important;
  transform:none !important;
}


/* V717.10 – utility and receipt icons share the same centre. */
:is(.header-projecttime-icon-v158,.cliro-theme-choice-group-v013 button > span:first-child,.headbar-mobile-menu-v711 summary > span:first-child,.receipt-posted-banner-v579 > span:first-child,.receipt-test-banner-v590 > span:first-child,.receipt-smart-cards-v579 > * > span:first-child,.action-center-empty-v583 > span:first-child,.emailtpl-block-handle) {
  display:grid !important;
  place-items:center !important;
  line-height:0 !important;
}
:is(.header-projecttime-icon-v158,.cliro-theme-choice-group-v013 button > span:first-child,.headbar-mobile-menu-v711 summary > span:first-child,.receipt-posted-banner-v579 > span:first-child,.receipt-test-banner-v590 > span:first-child,.receipt-smart-cards-v579 > * > span:first-child,.action-center-empty-v583 > span:first-child,.emailtpl-block-handle) .cliro-ui-icon-v718 {
  margin:auto !important;
  transform:none !important;
}
.emailtpl-block-handle .cliro-ui-icon-v718 { width:18px; height:18px; }


/* V717.10 – close controls meet the preferred 44px touch target. */
:is(.task-notification-close,.global-search-close-v583,.lmcs-column-panel-close-v638,.pipeline-symbol-close-v637,.cliro-v7153-tour-close,.lmcs-tour-icon-v657) {
  min-width:44px !important;
  min-height:44px !important;
}

/* Cliro V717.10 – definitive dark-mode close icon colour.
   Directly colours the SVG and every child path so legacy component rules,
   inline currentColor inheritance and browser text-fill rules cannot turn
   close crosses black in dark mode. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .cliro-close-icon-v718,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .cliro-close-icon-v718 path,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .cliro-close-icon-v718 line,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .cliro-close-icon-v718 polyline {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  fill:none !important;
  stroke:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
) > .cliro-close-icon-v718,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
) > .cliro-close-icon-v718 * {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  fill:none !important;
  stroke:#ffffff !important;
}

/* V717.10 compatibility: legacy close controls without the V718 SVG class. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
) svg {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
) svg :is(path,line,polyline)[stroke],
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  button[aria-label*="schließen" i],
  button[aria-label*="close" i],
  [data-task-modal-close],
  [data-icon-picker-close-v637],
  .global-search-close-v583,
  .lmcs-column-panel-close-v638,
  .cliro-v7153-tour-close,
  .lmcs-tour-icon-v657
) svg :is(path,line,polyline):not([fill]) {
  stroke:#ffffff !important;
}

/* V717.13: cross-module layout resilience stays semantic and component-neutral. */
[hidden] {
  display:none !important;
}
:where(.main,#main-content,.content,.page-content) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,th,td) {
  overflow-wrap:anywhere;
}
:where(.main,#main-content,.content,.page-content) :where(form,fieldset,.field,.form-field,.form-grid,.toolbar,.filter-row,.actions) {
  min-width:0;
}
:where(.modal,.dialog,.popup,.task-notification-dialog,.global-search-dialog-v583,.lmcs-column-panel.is-open) {
  max-width:min(100%,calc(100vw - 20px));
  max-height:calc(100dvh - 20px);
}

/* Der kompakte Zahlungscode gehört zum Dokumentfluss, nicht in eine zusätzliche Karte. */
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet .sepa-payment-code.compact {
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* Dokumenttabellen behalten ihre eigene Marken- und Kontrasthierarchie. */
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet :is(.pos-table,.pos-table-compact) thead th {
  background:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
  background-image:none !important;
  color:var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color:var(--brand-on,#ffffff) !important;
  border-color:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
}

/* Der hervorgehobene Bruttobetrag behält auch in Light Mode sicheren Markenkontrast. */
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet .document-total-row-v018.total-gross {
  background:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
  border-color:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet .document-total-row-v018.total-gross :is(dt,dd,strong) {
  color:var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color:var(--brand-on,#ffffff) !important;
}

/*
 * V717.13 document boundary:
 * The surrounding application follows the selected theme, while an invoice or
 * offer remains a WYSIWYG paper document. Earlier global dark-surface mappings
 * also targeted the sheet and its subsections and produced several unrelated
 * dark rectangles. This final component contract deliberately restores one
 * continuous light paper surface without changing or hiding document content.
 */
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet {
  --cliro-document-paper:#ffffff;
  --cliro-document-ink:#172033;
  --cliro-document-muted:#475467;
  --cliro-document-line:#d9e2ec;
  color-scheme:light !important;
  background-color:var(--cliro-document-paper) !important;
  background-image:none !important;
  color:var(--cliro-document-ink) !important;
  -webkit-text-fill-color:var(--cliro-document-ink) !important;
  border-color:var(--cliro-document-line) !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet :is(
  .doc-head-block,
  .doc-docdata,
  .payment-final-block,
  .payment-info,
  .payment-summary,
  .position-main-row,
  .position-desc-row,
  .position-desc-row > td,
  .invoice-instant-transfer-note,
  .payment-public-note,
  .reverse-charge-note,
  .tax-note,
  .notes-render,
  .business-note,
  .attachments,
  .attachments-admin,
  table,
  tbody,
  tbody > tr,
  tbody > tr > td
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet :is(
  .doc-head-block,
  .doc-docdata,
  .payment-final-block,
  .payment-info,
  .payment-summary,
  .position-main-row,
  .position-desc-row,
  .position-desc-row > td,
  .invoice-instant-transfer-note,
  .payment-public-note,
  .reverse-charge-note,
  .tax-note,
  .notes-render,
  .business-note,
  .attachments,
  .attachments-admin,
  table,
  tbody,
  tbody > tr,
  tbody > tr > td
) {
  background-color:transparent !important;
  background-image:none !important;
  color:var(--cliro-document-ink) !important;
  -webkit-text-fill-color:var(--cliro-document-ink) !important;
  box-shadow:none !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet :is(
  h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,small,strong,b,em,a,td,
  .doc-company,.doc-number,.recipient,.position-desc-inline,.sepa-payment-copy
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet :is(
  h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,small,strong,b,em,a,td,
  .doc-company,.doc-number,.recipient,.position-desc-inline,.sepa-payment-copy
) {
  color:var(--cliro-document-ink) !important;
  -webkit-text-fill-color:var(--cliro-document-ink) !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet :is(
  .doc-sub,.doc-addr,.sender-line,.doc-label,.salutation,.payment-info p,
  .payment-info h3,.sepa-payment-copy span,.sepa-payment-copy small,
  .tax-note,.notes-render,.closing,.doc-footer,.doc-footer span
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet :is(
  .doc-sub,.doc-addr,.sender-line,.doc-label,.salutation,.payment-info p,
  .payment-info h3,.sepa-payment-copy span,.sepa-payment-copy small,
  .tax-note,.notes-render,.closing,.doc-footer,.doc-footer span
) {
  color:var(--cliro-document-muted) !important;
  -webkit-text-fill-color:var(--cliro-document-muted) !important;
}

/* Only the QR image needs a white quiet zone; the payment code has no card. */
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact {
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  min-height:92px;
  color:var(--cliro-document-ink) !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr {
  box-sizing:border-box;
  width:92px !important;
  height:92px !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:0 !important;
  border-radius:0 !important;
  background:#ffffff !important;
  box-shadow:none !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr :is(svg,img),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr :is(svg,img) {
  display:block;
  width:92px !important;
  height:92px !important;
  max-width:100% !important;
  margin:0 !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-copy,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-copy {
  min-width:0;
  text-align:left !important;
  color:var(--cliro-document-ink) !important;
  -webkit-text-fill-color:var(--cliro-document-ink) !important;
}

/* Reinstate the two intentional brand surfaces after the paper reset. */
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet :is(.pos-table,.pos-table-compact) thead th {
  background:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
  color:var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color:var(--brand-on,#ffffff) !important;
}
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 .doc-sheet .doc-kind-badge {
  background:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
  color:var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color:var(--brand-on,#ffffff) !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .document-total-row-v018.total-gross,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .document-total-row-v018.total-gross {
  background-color:var(--cliro-document-brand,var(--brand-primary,#12395b)) !important;
}
html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .document-total-row-v018.total-gross :is(dt,dd,strong),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .document-total-row-v018.total-gross :is(dt,dd,strong) {
  color:var(--brand-on,#ffffff) !important;
  -webkit-text-fill-color:var(--brand-on,#ffffff) !important;
}

@media (max-width:680px) {
  /*
   * A legacy embedded A4 rule used a three-column header on phones. Keep the
   * real document header readable regardless of an older cached app.css.
   */
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row > :is(.doc-brand-left,.doc-brand-main,.doc-docdata),
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row > :is(.doc-brand-left,.doc-brand-main,.doc-docdata) {
    position:static !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row > .doc-brand-left,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-row > .doc-brand-left {
    display:flex !important;
    min-height:0 !important;
    align-items:flex-start !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-left > .doc-logo,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-brand-left > .doc-logo {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:150px !important;
    max-height:66px !important;
    object-fit:contain !important;
    object-position:left top !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata {
    text-align:left !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dl,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dl {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px 12px !important;
    width:100% !important;
    margin:0 !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dt,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dt {
    text-align:left !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dd,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .doc-docdata dd {
    text-align:right !important;
    white-space:nowrap !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact {
    grid-template-columns:84px minmax(0,1fr) !important;
    gap:12px !important;
    min-height:84px;
    text-align:left !important;
  }
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr,
  html.cliro-theme-light.cliro-theme-light body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr :is(svg,img),
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-sheet .sepa-payment-code.compact .sepa-payment-qr :is(svg,img) {
    width:84px !important;
    height:84px !important;
  }
}

/* Keep sortable headers visually part of the table, after every legacy button layer. */
html:is(.cliro-theme-light,.cliro-theme-dark) body.cliro-v716 table.lmcs-sortable-table thead th > button.lmcs-th-sort-button {
  min-height:32px !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/*
 * V717.13 setup wizard:
 * The route existed in navigation and permissions but was missing from the
 * delivery package. Its component styles live in the final theme layer so the
 * restored page uses the same surface and contrast contract as the rest of UI.
 */
body.cliro-v716 .setup-page-v71713 {
  display:grid;
  gap:16px;
  width:100%;
  max-width:1240px;
  margin:0 auto 52px;
}
body.cliro-v716 .setup-page-v71713 .setup-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:26px;
  border:1px solid var(--cliro-border);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--brand-accent,#d99a28) 13%,transparent),transparent 34%),
    var(--cliro-surface);
  color:var(--cliro-text);
  box-shadow:var(--cliro-shadow-md);
}
body.cliro-v716 .setup-page-v71713 .setup-hero h2 {
  margin:0 0 7px;
  font-size:clamp(1.75rem,3vw,2.6rem);
  letter-spacing:-.045em;
}
body.cliro-v716 .setup-page-v71713 .setup-hero p {
  max-width:780px;
  margin:0;
  color:var(--cliro-text-muted);
  line-height:1.55;
}
body.cliro-v716 .setup-page-v71713 .setup-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}
body.cliro-v716 .setup-page-v71713 .setup-steps {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
body.cliro-v716 .setup-page-v71713 .setup-step {
  padding:14px;
  border:1px solid var(--cliro-border);
  border-radius:16px;
  background:var(--cliro-surface);
  color:var(--cliro-text);
  box-shadow:var(--cliro-shadow-sm);
}
body.cliro-v716 .setup-page-v71713 .setup-step b {
  display:flex;
  gap:8px;
  align-items:center;
}
body.cliro-v716 .setup-page-v71713 .setup-dot {
  flex:0 0 12px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--cliro-danger,#dc2626);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cliro-danger,#dc2626) 17%,transparent);
}
body.cliro-v716 .setup-page-v71713 .setup-step.is-ok .setup-dot {
  background:var(--cliro-success,#16a34a);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cliro-success,#16a34a) 17%,transparent);
}
body.cliro-v716 .setup-page-v71713 .setup-step small {
  display:block;
  margin-top:6px;
  color:var(--cliro-text-muted);
  line-height:1.45;
}
body.cliro-v716 .setup-page-v71713 .setup-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.cliro-v716 .setup-page-v71713 .setup-panel {
  scroll-margin-top:18px;
  padding:22px;
  border:1px solid var(--cliro-border);
  border-radius:20px;
  background:var(--cliro-surface);
  color:var(--cliro-text);
  box-shadow:var(--cliro-shadow-sm);
}
body.cliro-v716 .setup-page-v71713 .setup-panel h3 {
  margin:0 0 12px;
  font-size:1.35rem;
}
body.cliro-v716 .setup-page-v71713 .setup-form {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.cliro-v716 .setup-page-v71713 .setup-form .full {
  grid-column:1 / -1;
}
body.cliro-v716 .setup-page-v71713 .setup-form label {
  display:block;
  margin:0 0 7px;
  color:var(--cliro-text);
  font-weight:800;
}
body.cliro-v716 .setup-page-v71713 .setup-form :is(input,select) {
  width:100%;
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--cliro-border);
  border-radius:12px;
  background:var(--cliro-input-bg,var(--cliro-surface));
  color:var(--cliro-text);
}
body.cliro-v716 .setup-page-v71713 .setup-form input[readonly] {
  background:var(--cliro-surface-muted,#f5f7fa);
  color:var(--cliro-text-muted);
}
body.cliro-v716 .setup-page-v71713 .setup-license-first-v657 {
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid var(--cliro-warning-border,#d6a637);
  border-radius:14px;
  background:var(--cliro-warning-bg,#fffbeb);
  color:var(--cliro-warning-text,#7a2e0e);
  font-weight:800;
  line-height:1.45;
}
body.cliro-v716 .setup-page-v71713 .setup-note {
  padding:14px;
  border:1px solid var(--cliro-info-border,#7bb3ea);
  border-radius:14px;
  background:var(--cliro-info-bg,#eff6ff);
  color:var(--cliro-info-text,#1e3a8a);
  line-height:1.55;
}
body.cliro-v716 .setup-page-v71713 .setup-savebar {
  position:sticky;
  bottom:14px;
  z-index:3;
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  padding:13px;
  border:1px solid var(--cliro-border);
  border-radius:16px;
  background:color-mix(in srgb,var(--cliro-surface) 94%,transparent);
  color:var(--cliro-text);
  box-shadow:var(--cliro-shadow-md);
  backdrop-filter:blur(12px);
}
html.cliro-theme-dark body.cliro-v716 .setup-page-v71713 .setup-license-first-v657 {
  border-color:#775717;
  background:#2b210e;
  color:#ffd78a;
}
html.cliro-theme-dark body.cliro-v716 .setup-page-v71713 .setup-note {
  border-color:#28578d;
  background:#0d2745;
  color:#b9d9ff;
}
@media (max-width:980px) {
  body.cliro-v716 .setup-page-v71713 .setup-hero,
  body.cliro-v716 .setup-page-v71713 .setup-grid {
    grid-template-columns:minmax(0,1fr);
  }
  body.cliro-v716 .setup-page-v71713 .setup-hero-actions {
    justify-content:flex-start;
  }
  body.cliro-v716 .setup-page-v71713 .setup-steps {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.cliro-v716 .setup-page-v71713 .setup-form {
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:560px) {
  body.cliro-v716 .setup-page-v71713 .setup-steps {
    grid-template-columns:minmax(0,1fr);
  }
  body.cliro-v716 .setup-page-v71713 .setup-hero-actions,
  body.cliro-v716 .setup-page-v71713 .setup-savebar {
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  body.cliro-v716 .setup-page-v71713 .setup-hero-actions .btn,
  body.cliro-v716 .setup-page-v71713 .setup-savebar .btn {
    width:100%;
    justify-content:center;
  }
}

/*
 * Cliro V717.13 Fix 008 – one deliberate timer hierarchy. The V716 grid-area
 * contract addressed children as direct grid items, while V715.4 introduced a
 * wrapping .page-head-timer-main. Without an explicit nested grid the time and
 * context landed in distant implicit columns. Keep the timer large, but group
 * its information as one calm, readable unit in both themes.
 */
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 {
  grid-template-columns:58px minmax(0,1fr) auto !important;
  grid-template-areas:"icon main action" !important;
  gap:18px !important;
  min-height:98px !important;
  padding:15px 17px !important;
  border-color:#b8ccdc !important;
  border-radius:22px !important;
  background-color:#f7fbfe !important;
  background-image:linear-gradient(135deg,#ffffff 0%,#eef5fa 100%) !important;
  box-shadow:0 12px 30px rgba(15,35,55,.10) !important;
}

html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-main {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:
    "time"
    "context" !important;
  align-content:center !important;
  gap:7px !important;
  min-width:0 !important;
}

html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-time {
  grid-area:time !important;
  justify-self:start !important;
  min-width:0 !important;
  color:#071b2b !important;
  -webkit-text-fill-color:#071b2b !important;
  font-size:clamp(34px,3vw,42px) !important;
  font-weight:950 !important;
  line-height:.92 !important;
  letter-spacing:-.045em !important;
  text-align:left !important;
}

html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-context {
  grid-area:context !important;
  color:#486176 !important;
  -webkit-text-fill-color:#486176 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-icon {
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  border-color:#b7cddd !important;
  border-radius:18px !important;
  background:#e5f0f7 !important;
  color:#13547f !important;
  -webkit-text-fill-color:#13547f !important;
}

html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-cta {
  min-width:116px !important;
  min-height:48px !important;
  border-color:#174f77 !important;
  border-radius:14px !important;
  background:#174f77 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 {
  border-color:#48667d !important;
  background-color:#173247 !important;
  background-image:linear-gradient(135deg,#1a3a51 0%,#11283a 100%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-time {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-context {
  color:#c7d6e2 !important;
  -webkit-text-fill-color:#c7d6e2 !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-icon {
  border-color:#51728a !important;
  background:#0d2638 !important;
  color:#bce4ff !important;
  -webkit-text-fill-color:#bce4ff !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-cta {
  border-color:#79a9c9 !important;
  background:#d9efff !important;
  color:#082136 !important;
  -webkit-text-fill-color:#082136 !important;
}

@media (max-width:600px) {
  html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 {
    grid-template-columns:50px minmax(0,1fr) auto !important;
    gap:12px !important;
    min-height:84px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-icon {
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    border-radius:15px !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-time {
    font-size:29px !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-cta {
    min-width:46px !important;
    width:46px !important;
    min-height:46px !important;
    padding:0 !important;
    font-size:0 !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-cta::after {
    content:"→";
    font-size:18px;
  }
}

/*
 * Stable application header at tablet/compact-desktop widths. The large timer
 * is intentional; it receives its own centred row before the former
 * three-column minimums can exceed the available width.
 */
@media (min-width:761px) and (max-width:1180px) {
  html body.cliro-v7154 .headbar-actions-v711 {
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-self:end !important;
    width:max-content !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:8px !important;
  }

  html body.cliro-v7154 .headbar-context-v711 {
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "title company"
      "timer timer" !important;
    align-items:center !important;
    gap:12px 20px !important;
    min-height:auto !important;
    padding-block:14px !important;
  }

  html body.cliro-v7154 .headbar-title-v711 {
    grid-area:title !important;
    align-self:center !important;
    min-width:0 !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 {
    grid-area:timer !important;
    justify-self:center !important;
    width:100% !important;
    max-width:720px !important;
    min-width:0 !important;
  }

  html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 {
    width:100% !important;
    max-width:720px !important;
    min-width:0 !important;
  }

  html body.cliro-v7154 .headbar-company-v712 {
    grid-area:company !important;
    justify-self:end !important;
    width:auto !important;
    max-width:420px !important;
    min-width:0 !important;
  }

  html body.cliro-v7154 .headbar-company-v712:empty {
    display:none !important;
  }
}

/*
 * Header action contrast. Search is a cool neutral control; "Neu" remains the
 * warm primary creation action. Keyboard and plus symbols use inverse chips so
 * every part stays legible in both explicit themes.
 */
html body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 {
  border-color:#7e9aaf !important;
  background:#edf4f8 !important;
  color:#102f49 !important;
  -webkit-text-fill-color:#102f49 !important;
  box-shadow:none !important;
}

html body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 > span:first-child {
  color:#102f49 !important;
  -webkit-text-fill-color:#102f49 !important;
}

html body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 kbd {
  border-color:#b5c7d5 !important;
  background:#ffffff !important;
  color:#243b4f !important;
  -webkit-text-fill-color:#243b4f !important;
}

html body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583:hover {
  border-color:#376f98 !important;
  background:#deecf5 !important;
}

html.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 {
  border-color:#6f98b5 !important;
  background:#e8f2f8 !important;
  color:#071b2a !important;
  -webkit-text-fill-color:#071b2a !important;
}

html.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 > span:first-child {
  color:#071b2a !important;
  -webkit-text-fill-color:#071b2a !important;
}

html.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 kbd {
  border-color:#294a62 !important;
  background:#102b3e !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583:hover {
  border-color:#9fc9e5 !important;
  background:#ffffff !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:106px !important;
  min-height:44px !important;
  padding:6px 12px !important;
  border-color:#9c6c13 !important;
  border-style:solid !important;
  border-width:1px !important;
  border-radius:13px !important;
  background:#edb84d !important;
  color:#071421 !important;
  -webkit-text-fill-color:#071421 !important;
  box-shadow:none !important;
  list-style:none !important;
  white-space:nowrap !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu {
  flex:0 0 auto !important;
  width:auto !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary::-webkit-details-marker {
  display:none !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary > :is(strong,small) {
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  white-space:nowrap !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary > span:first-child {
  display:grid !important;
  place-items:center !important;
  flex:0 0 26px !important;
  width:26px !important;
  height:26px !important;
  padding:0 !important;
  border-radius:9px !important;
  background:#071421 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary:hover,
html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu[open] > summary {
  border-color:#6d4909 !important;
  background:#f5c664 !important;
}

@media (max-width:600px) {
  html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:4px !important;
  }

  html body.cliro-v7154 .headbar-actions-v711 .headbar-create-menu > summary > :is(strong,small) {
    display:none !important;
  }
}

/*
 * Document editors: remove nested raised surfaces, keep field boundaries and
 * make every payment-method state theme-safe. These rules are deliberately
 * scoped to editor pages because document previews retain their paper surface.
 */
html body.cliro-v7154.lmcs-v373-docs-page .app-headbar-v711,
html body.cliro-v7154.lmcs-v373-docs-page .headbar-timer-v712 .page-head-timer-card {
  box-shadow:none !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form :is(
  .position,
  .offer-item-picker-v120,
  .internal-split-card,
  .internal-split-card-v223
) {
  box-shadow:none !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .savebar {
  padding-inline:0 !important;
  border:0 !important;
  border-top:1px solid var(--cliro-border,#d9e2ec) !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .editor-payment-methods {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  color:var(--cliro-text,#172033) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .editor-payment-methods legend {
  border-bottom-color:var(--cliro-border,#d9e2ec) !important;
  color:var(--cliro-text,#172033) !important;
  -webkit-text-fill-color:var(--cliro-text,#172033) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .editor-payment-method {
  border-color:var(--cliro-border,#d9e2ec) !important;
  background:var(--cliro-surface,#fff) !important;
  color:var(--cliro-text,#172033) !important;
  -webkit-text-fill-color:var(--cliro-text,#172033) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .editor-payment-methods-empty {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--cliro-text-muted,#667085) !important;
  -webkit-text-fill-color:var(--cliro-text-muted,#667085) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form :is(
  .editor-payment-method small,
  .editor-payment-methods-note
) {
  color:var(--cliro-text-muted,#667085) !important;
  -webkit-text-fill-color:var(--cliro-text-muted,#667085) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form :is(
  .editor-payment-methods-empty,
  .editor-payment-methods-note
) a {
  color:var(--cliro-link,#4ea3e3) !important;
  -webkit-text-fill-color:var(--cliro-link,#4ea3e3) !important;
}

/* Position price is a stable editor component, not a runtime-enhanced money field. */
html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .position-price-field-v71713 {
  background:var(--cliro-surface,#ffffff) !important;
  border-color:var(--cliro-border-strong,var(--cliro-border,#cbd5e1)) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .position-price-field-v71713 .pos-price {
  background:transparent !important;
  color:var(--cliro-text,#172033) !important;
  -webkit-text-fill-color:var(--cliro-text,#172033) !important;
}

html body.cliro-v7154.lmcs-v373-docs-page .doc-editor-form .position-price-currency-v71713 {
  background:var(--cliro-surface-muted,#f4f7fa) !important;
  border-left-color:var(--cliro-border-strong,var(--cliro-border,#cbd5e1)) !important;
  color:var(--cliro-text,#172033) !important;
  -webkit-text-fill-color:var(--cliro-text,#172033) !important;
}

/* The fixed tour trigger must not cover the editor's final save action. */
html body.cliro-v7154.lmcs-v373-docs-page .cliro-v7153-tour-trigger {
  bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px)) !important;
}

/*
 * Printed/document paper always uses document ink, including nested rich-text
 * DIVs emitted by the editor. Without this descendant rule, bare DIV lines
 * inherited the surrounding dark UI colour and became almost white on paper.
 */
html.cliro-theme-light body.cliro-v716 .doc-sheet .position-desc-inline :where(
  div,
  p,
  span,
  li,
  ul,
  ol,
  strong,
  b,
  em,
  a
),
html.cliro-theme-dark body.cliro-v716 .doc-sheet .position-desc-inline :where(
  div,
  p,
  span,
  li,
  ul,
  ol,
  strong,
  b,
  em,
  a
) {
  color:var(--cliro-document-ink,#172033) !important;
  -webkit-text-fill-color:var(--cliro-document-ink,#172033) !important;
}


/* Cliro V717.17-009 – audited surface compatibility and remaining dark-mode gaps.
 * This is a static class-based repair. It deliberately does not recolor printable PDFs,
 * email HTML or light document exports at runtime. */
html.cliro-theme-light {
  --surface: var(--cliro-surface);
  --surface-soft: var(--cliro-surface-muted);
  --surface-muted: var(--cliro-surface-muted);
  --surface-strong: var(--cliro-surface-strong);
  --panel: var(--cliro-surface);
  --border: var(--cliro-border);
}

html.cliro-theme-dark {
  --surface: var(--cliro-surface);
  --surface-soft: var(--cliro-surface-muted);
  --surface-muted: var(--cliro-surface-muted);
  --surface-strong: var(--cliro-surface-strong);
  --panel: var(--cliro-surface);
  --paper: var(--cliro-surface);
  --border: var(--cliro-border);
  --line: var(--cliro-border);
  --soft: var(--cliro-surface-muted);
  --ink: var(--cliro-text);
  --muted: var(--cliro-text-muted);
}

/* Old tour code can no longer become visible, including from stale browser caches. */
html body :is(
  .lmcs-tour-root-v657,
  .lmcs-tour-backdrop-v657,
  .lmcs-tour-highlight-v657,
  .lmcs-tour-card-v657,
  .cliro-v7153-tour-trigger,
  .cliro-v7153-tour-overlay,
  .cliro-v7153-tour-dialog,
  .cliro-v71715-tour-spotlight,
  .cliro-v71715-tour-shade,
  .onboarding-tour-overlay,
  #onboardingTour
) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Surfaces that were not covered by the older generated selector map. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .two-factor-card,
  .scheduler-panel-v71713,
  .scheduler-stat-v71713,
  .saas-admin-hero-v71713,
  .saas-admin-kpi-v71713,
  .saas-admin-table-wrap-v71713,
  .security-card-v713,
  .security-state-v713,
  .datev-card-v588,
  .datev-kpi-v588 > div,
  .recurring-auto-status-v142,
  .receipt-viewer-toolbar-v579,
  .receipt-editor-v579,
  .receipt-editor-tabs-v579,
  .receipt-email-inbox-v585,
  .receipt-quality-v597,
  .dunning-history,
  .task-wish-total-bar-v631,
  .task-wish-total-chip-v631,
  .pipeline-symbol-toolbar-v637,
  .pipeline-icon-grid-v631 button,
  .pipeline-preview-item-v620,
  .pipeline-drag-v620,
  .pipeline-rule-v620,
  .pipeline-stage-card-v620,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620,
  .task-template-launcher-v632,
  .task-template-designer-head-v632,
  .clu-card-v608,
  .theme-toggle
) {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
  box-shadow: var(--cliro-shadow-sm) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .scheduler-stat-v71713,
  .security-state-v713,
  .receipt-editor-tabs-v579,
  .dunning-history,
  .task-wish-total-bar-v631,
  .pipeline-symbol-toolbar-v637,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620
) {
  background-color: var(--cliro-surface-muted) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .scheduler-panel-v71713,
  .scheduler-stat-v71713,
  .saas-admin-hero-v71713,
  .saas-admin-kpi-v71713,
  .saas-admin-table-wrap-v71713,
  .security-card-v713,
  .security-state-v713,
  .datev-card-v588,
  .datev-kpi-v588 > div,
  .recurring-auto-status-v142,
  .receipt-viewer-toolbar-v579,
  .receipt-editor-v579,
  .receipt-editor-tabs-v579,
  .receipt-email-inbox-v585,
  .receipt-quality-v597,
  .dunning-history,
  .task-wish-total-bar-v631,
  .pipeline-symbol-toolbar-v637,
  .pipeline-preview-item-v620,
  .pipeline-rule-v620,
  .pipeline-stage-card-v620,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620,
  .task-template-launcher-v632,
  .task-template-designer-head-v632,
  .clu-card-v608
) :is(h1,h2,h3,h4,h5,strong,label,summary,legend) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .scheduler-panel-v71713,
  .scheduler-stat-v71713,
  .saas-admin-hero-v71713,
  .saas-admin-kpi-v71713,
  .security-card-v713,
  .datev-card-v588,
  .recurring-auto-status-v142,
  .receipt-viewer-toolbar-v579,
  .receipt-editor-v579,
  .receipt-email-inbox-v585,
  .receipt-quality-v597,
  .dunning-history,
  .task-wish-total-bar-v631,
  .pipeline-symbol-toolbar-v637,
  .pipeline-preview-item-v620,
  .pipeline-rule-v620,
  .pipeline-stage-card-v620,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620,
  .task-template-launcher-v632,
  .task-template-designer-head-v632,
  .clu-card-v608
) :is(p,small,.muted,.sub) {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}

/* Scheduler and standalone authentication pages. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .scheduler-badge-v71713 {
  background: var(--cliro-accent) !important;
  color: var(--cliro-accent-text) !important;
  -webkit-text-fill-color: var(--cliro-accent-text) !important;
  border: 1px solid color-mix(in srgb, var(--cliro-accent) 70%, #705318) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .two-factor-card > p:not(.eyebrow) {
  color: var(--cliro-text-muted) !important;
}

/* Receipt studio controls which were still hard-coded to white. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .receipt-viewer-toolbar-v579,
  .receipt-editor-v579,
  .receipt-editor-tabs-v579
) :is(button,a,[role="tab"]) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .receipt-discard-button-v590 {
  background: #2c171a !important;
  color: #ffb4b4 !important;
  -webkit-text-fill-color: #ffb4b4 !important;
  border-color: #714047 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .receipt-discard-button-v590:hover {
  background: #3b1d22 !important;
}

/* Pipeline/task designer sub-surfaces. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .pipeline-preview-item-v620,
  .pipeline-rule-v620,
  .pipeline-stage-card-v620,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620,
  .task-template-launcher-v632,
  .task-template-designer-head-v632
) :is(strong,span) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .pipeline-preview-item-v620,
  .pipeline-rule-v620,
  .pipeline-stage-card-v620,
  .pipeline-stage-head-v620,
  .pipeline-savebar-v620,
  .task-template-launcher-v632,
  .task-template-designer-head-v632
) small {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .pipeline-drag-v620 {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
  box-shadow: inset 0 0 0 1px var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .task-wish-total-chip-v631 {
  background: #102a43 !important;
  color: #9cc9ff !important;
  -webkit-text-fill-color: #9cc9ff !important;
  border-color: #365d82 !important;
}

/* Recurring invoices retain status semantics while avoiding white cards. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .recurring-auto-status-v142 {
  background: var(--cliro-surface) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .recurring-payment-method {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .recurring-payment-method :is(strong,legend) {
  color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .recurring-payment-method small {
  color: var(--cliro-text-muted) !important;
}

/* Header actions from the older V711 shell must not retain their light fill. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .headbar-actions-v711 :is(
  .theme-toggle-top,
  .top-notification-bell,
  .global-search-button
) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
  box-shadow: none !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .headbar-actions-v711 :is(
  .theme-toggle-top,
  .top-notification-bell,
  .global-search-button
):hover {
  background: var(--cliro-surface-strong) !important;
}

/* Additional audited hard-coded light surfaces from page-local styles. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .dunning-toolbar,
  .users-v110-editor,
  .customer-search-results-v168,
  .monitor-card-v599,
  .monitor-check-v599,
  .doc-editor-form .split-total,
  .doc-editor-form .split-person,
  .doc-editor-form .split-slider-wrap,
  .document-list-toolbar
) {
  background: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
  box-shadow: var(--cliro-shadow-sm) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .customer-search-results-v168,
  .monitor-check-v599,
  .doc-editor-form .split-total,
  .doc-editor-form .split-person,
  .doc-editor-form .split-slider-wrap
) {
  background-color: var(--cliro-surface-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(
  .customer-search-field-v168 .customer-search-clear-v168,
  .receipt-amount-card-v579 .is-total input
) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .customer-search-results-v168 :is(button,a,[role="option"]) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .customer-search-results-v168 :is(button,a,[role="option"]):hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .customer-search-results-v168 :is(button,a,[role="option"]):focus-visible {
  background: var(--cliro-surface-strong) !important;
}

/* Admin tables and DATEV cards. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .saas-admin-table-v71713 th {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .saas-admin-table-v71713 td,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .datev-history-v588 td,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .datev-history-v588 th {
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

@media print {
  html.cliro-theme-dark body.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet) {
    background: #ffffff !important;
    color: #11131a !important;
  }
}

/* Cliro V717.17-011 – complete dark-surface and readability pass.
 * This layer covers page-local Lightmode rules which are loaded after the shared
 * theme assets. Printable document paper and PDF rendering remain untouched. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .home-hero .dashboard-todo-inline,
  .home-hero .dashboard-todo-item,
  .cliro-table-scroll-007,
  .internal-split-card-v223,
  .quality-card-v589,
  .team-invite-card,
  .invite-link-card
) {
  background-color: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
  box-shadow: var(--cliro-shadow-sm) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .dashboard-todo-inline-head {
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero :is(
  .dashboard-todo-inline h3,
  .dashboard-todo-main strong,
  .dashboard-todo-main strong a
) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero :is(
  .dashboard-todo-inline .eyebrow,
  .todo-scope-note,
  .dashboard-todo-main p
) {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero :is(
  .todo-count,
  .dashboard-todo-meta span,
  .dashboard-todo-meta a,
  .todo-money-chip,
  .todo-overdue-chip,
  .todo-suggest-link,
  .todo-suggest-link.primary,
  .dashboard-todo-all,
  .dashboard-todo-main p
) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
  box-shadow: none !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero :is(
  .todo-suggest-link,
  .todo-suggest-link.primary,
  .dashboard-todo-all,
  .dashboard-todo-main strong a
):hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero :is(
  .todo-suggest-link,
  .todo-suggest-link.primary,
  .dashboard-todo-all,
  .dashboard-todo-main strong a
):focus-visible {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-primary) !important;
  -webkit-text-fill-color: var(--cliro-primary) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .todo-due-pill {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border-strong) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .todo-due-overdue .todo-due-pill {
  background: #421b20 !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  border-color: #8f3340 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .todo-due-today .todo-due-pill {
  background: #42260d !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  border-color: #7c4a13 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .todo-due-upcoming .todo-due-pill {
  background: #102a43 !important;
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
  border-color: #365d82 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .dashboard-todo-empty {
  background: #123d2b !important;
  background-image: none !important;
  color: #bbf7d0 !important;
  border-color: #2d6f4d !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .home-hero .dashboard-todo-empty :is(strong,small) {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}

/* Task list and system-monitor status chips. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .task-stage-pill-v621,
  .task-move-btn-v622,
  .kanban-meta-v108 em.today,
  .task-due-pill-v621.is-today
) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .kanban-meta-v108 em.today,
  .task-due-pill-v621.is-today
) {
  background: #42260d !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  border-color: #7c4a13 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .monitor-severity-v599.error {
  background: #421b20 !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
  border: 1px solid #8f3340 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .monitor-severity-v599.warning {
  background: #42260d !important;
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  border: 1px solid #7c4a13 !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .monitor-severity-v599.info {
  background: #102a43 !important;
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
  border: 1px solid #365d82 !important;
}

/* Editor split controls, team management and standalone table wrappers. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-editor-form :is(
  .internal-split-card-v223,
  .split-person,
  .split-money,
  .split-money-clean,
  .split-slider-wrap,
  .split-note,
  .split-total
) {
  background: var(--cliro-surface) !important;
  background-image: none !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-editor-form .split-currency {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .team-invite-card,
  .invite-link-card,
  .team-member,
  .business-unit-fieldset,
  .member-limit
) {
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .team-member-head :is(h3,p),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(.team-add-grid,.team-member-form,.invite-link-card) label {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .team-member-head p {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .cliro-table-scroll-007 > table {
  background: var(--cliro-surface) !important;
  color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

/* Explicit form and diagnostic pages which define their own light variables. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .billing-form input,
  .team-add-grid input,
  .team-add-grid select,
  .team-member-form select,
  .invite-link-card input
) {
  background: var(--cliro-bg-elevated) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border-strong) !important;
}

@media print {
  html.cliro-theme-dark body.cliro-v716 :is(.doc-sheet,.doc-sheet-long,.document-sheet,.pdf-page,.print-only) {
    background: #ffffff !important;
    color: #101828 !important;
    border-color: #d7e0ea !important;
  }
}


/* Cliro V717.17-011 – remaining page-local text colors and component states.
 * These selectors repair explicit Lightmode text declarations that otherwise
 * survive inside already-dark surfaces. Print and document paper are excluded. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .payment-page :is(
  .card-heading h2,
  .card-heading h3,
  .editor-header h2,
  .transactions-head h2,
  .integration-card h3,
  .integration-value strong,
  .technical-box h3,
  .bank-settings-title strong,
  .bank-manager-heading-v667 strong,
  .bank-account-identity-v667 strong,
  .empty-state strong,
  .field label,
  .fx-booking-field
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .update-version-v370 strong,
  .dunning-title a,
  .dunning-stat strong,
  .doc-editor-form .split-card-title strong,
  .help-question-head-v670 strong,
  .log-title-cell strong,
  .recurring-title-block strong,
  .rec-mon-log-title,
  .rights-v110-copy strong,
  .ops-kpi-v583 strong,
  .ops-panel-v583 h3,
  .ops-job-v583 strong,
  .ops-check-v583 strong,
  .security-card-v584 h2,
  .security-state-v584 b
) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .payment-page :is(
  .card-heading p,
  .editor-header p,
  .transactions-head p,
  .integration-card p,
  .technical-box p,
  .bank-settings-title small,
  .bank-manager-heading-v667 small,
  .bank-account-identity-v667 small,
  .field-help,
  .fx-booking-field small,
  .transaction-recheck-note,
  .empty-state,
  .permission-note
),
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .update-version-v370 span,
  .doc-editor-form .split-card-title span,
  .help-question-head-v670 small,
  .help-question-v670 > p,
  .log-message,
  .recurring-subline,
  .recurring-help-text,
  .rec-mon-muted,
  .rights-v110-copy small,
  .ops-kpi-v583 span,
  .ops-panel-v583 > p,
  .ops-job-v583 small,
  .ops-check-v583 span,
  .security-session-v584 small,
  .security-event-v584 small,
  .security-uri-v584
) {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .ops-table-wrap-v583,
  .transactions-card,
  .integration-card
) {
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .users-v110-savebar {
  background: color-mix(in srgb, var(--cliro-bg-elevated) 94%, transparent) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .rights-v110-toggle {
  background: var(--cliro-border-strong) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .rights-v110-perm input:checked + .rights-v110-toggle {
  background: var(--cliro-primary) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .rights-v110-toggle::after {
  background: #ffffff !important;
}


/* Cliro V717.17-011 – extended dark text normalization for audited pages.
 * Only explicit page-local Lightmode colors are overridden. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .payment-intro p,
  .company-admin-hero p,
  .company-card summary small,
  .company-entity-field-v659 small,
  .company-limit-box span,
  .billing-hero p,
  .billing-stats span,
  .plan-price span,
  .billing-package-price span,
  .billing-package p,
  .billing-form .fine,
  .agency-hero p,
  .agency-row small,
  .agency-card small,
  .partner-hero-v436 p,
  .partner-card-v436 span,
  .api-hero p,
  .api-kpi span,
  .recurring-payment-methods p,
  .users-v110-kpis span,
  .users-v110-usercard small,
  .users-v110-section-head p,
  .users-v110-role small,
  .users-v110-business small,
  .rights-matrix-v608 tbody th small,
  .help-question-answer-v670 small,
  .log-time small,
  .log-user small,
  .log-level-small,
  .system-jobs-v583 .ops-empty-v583,
  .rec-mon-hero-card p,
  .rec-mon-kpi span,
  .rec-mon-card p,
  .cockpit-subtitle-v122,
  .cockpit-label-v122,
  .cockpit-card-v120 small,
  .cockpit-card-v122 small,
  .receipt-command-title-v579 p:not(.eyebrow),
  .receipt-system-chip-v579 small,
  .receipt-dropzone-v579 small,
  .receipt-upload-options-v579 small,
  .receipt-import-old-v579 p,
  .receipt-queue-secondary-v579,
  .receipt-queue-empty-v579,
  .receipt-file-title-v579 small,
  .receipt-structured-v579,
  .receipt-viewer-empty-v579,
  .receipt-analysis-overlay-v579 small,
  .receipt-editor-head-v579 p:not(.eyebrow),
  .receipt-recognition-ring-v579 small,
  .receipt-smart-cards-v579 small,
  .receipt-section-title-v579 span,
  .receipt-amount-card-v579 label,
  .receipt-amount-card-v579 > div > div > span,
  .receipt-suggestion-box-v579 small,
  .receipt-integrity-list-v579 dt,
  .receipt-timeline-v579 small,
  .receipt-draft-state-v579,
  .receipt-readonly-v579 dt,
  .receipt-editor-empty-v579,
  .receipt-legal-v579 p,
  .receipt-email-inbox-v585 > summary small,
  .receipt-email-grid-v585 label,
  .receipt-email-grid-v585 p,
  .receipt-email-log-v585 small,
  .doc-editor-form .editor-payment-methods-note,
  .doc-editor-form .split-person label,
  .doc-editor-form .split-hint,
  .doc-editor-form .split-caption
) {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .stats-page-v168 .card.stat .num,
  .company-grid label,
  .billing-card strong,
  .billing-package strong,
  .agency-card-logo em,
  .partner-link-box-v436 input,
  .api-form-grid label,
  .recurring-payment-methods legend,
  .users-v110-kpis strong,
  .users-v487-business-logo em,
  .rights-v110-group summary strong,
  .cockpit-card-v122 small b,
  .log-meta-chip b,
  .receipt-command-title-v579 h2,
  .receipt-structured-v579 h3,
  .receipt-viewer-empty-v579 h2,
  .receipt-editor-head-v579 h2,
  .receipt-section-title-v579 h3,
  .receipt-editor-empty-v579 h2,
  .doc-editor-form .split-person > span
) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-editor-form :is(
  .split-money input,
  .split-note
) {
  background: var(--cliro-bg-elevated) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border-strong) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 .doc-editor-form :is(
  .split-money b,
  .split-money-clean > .split-currency
) {
  background: var(--cliro-surface-strong) !important;
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark body.cliro-v716.cliro-v716 :is(
  .users-v110-role button,
  .users-v110-mini-btn,
  .receipt-view-controls-v579 button,
  .receipt-view-controls-v579 a,
  .receipt-editor-tabs-v579 button
) {
  background: var(--cliro-surface-muted) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border-color: var(--cliro-border) !important;
}

html.cliro-theme-dark.cliro-theme-dark .logout-card-v1 :is(h1,p) {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark .logout-card-v1 p {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}


/* Cliro V717.17-012 – CRM, customer detail, projects, tasks and money fields */
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap > input{
  background:var(--cliro-bg-elevated) !important;
  color:var(--cliro-text) !important;
  -webkit-text-fill-color:var(--cliro-text) !important;
  border-color:var(--cliro-border-strong) !important;
  border-right:0 !important;
}
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap > .lmcs-money-suffix{
  position:static !important;
  transform:none !important;
  display:grid !important;
  place-items:center !important;
  background:var(--cliro-surface-muted) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:var(--cliro-border-strong) !important;
  border-left:0 !important;
}
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap:focus-within > :is(input,.lmcs-money-suffix){
  border-color:#9ec1ff !important;
}
html.cliro-theme-dark.cliro-theme-dark .lmcs-money-field-wrap:focus-within > .lmcs-money-suffix{
  background:#1f2947 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

html.cliro-theme-dark.cliro-theme-dark :is(.crm-page-v012,.customer-detail-page-v012,.projects-page-v012) :is(.panel,.card,.crm-card,.project-card,.pipeline-col,.customer-facts>span){
  background:var(--cliro-surface) !important;
  background-image:none !important;
  color:var(--cliro-text) !important;
  border-color:var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark .crm-card-stage-v012{border-color:var(--cliro-border) !important}
html.cliro-theme-dark.cliro-theme-dark :is(.crm-page-v012,.customer-detail-page-v012,.projects-page-v012) :is(h1,h2,h3,h4,strong,label,dt){
  color:var(--cliro-text) !important;
  -webkit-text-fill-color:var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark :is(.crm-page-v012,.customer-detail-page-v012,.projects-page-v012) :is(p,span,small,dd,.muted){
  color:var(--cliro-text-muted) !important;
  -webkit-text-fill-color:var(--cliro-text-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark .crm-page-v012 .crm-card :is(strong,a:not(.btn)),
html.cliro-theme-dark.cliro-theme-dark .customer-detail-page-v012 :is(.timeline-item-v120,.note-card) :is(strong,a:not(.btn)),
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 .project-card :is(strong,a:not(.btn)){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* tasks.php: complete dark-surface and contrast contract */
html.cliro-theme-dark.cliro-theme-dark #main-content :is(
  .task-board-shell-v108,.task-action-row-v108,.task-filter-grid-v108,
  .task-create-v108,.kanban-config-v108,.task-board-panel-v108,
  .task-create-v108 details>summary,.kanban-config-v108 details>summary,
  .task-form-v108,.board-options-v108,.kanban-column-row-v108,
  .task-board-panel-v108 .panel-headline,.kanban-board-v108,
  .kanban-col-v108,.kanban-card-v108,.task-list-wrap-v621,
  .task-list-table-v621,.task-list-table-v621 tbody tr
){
  background:var(--cliro-surface) !important;
  background-image:none !important;
  color:var(--cliro-text) !important;
  border-color:var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(.kanban-board-v108,.kanban-col-v108,.task-list-wrap-v621){background:var(--cliro-bg) !important}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(
  .task-board-hero-v108 h2,.task-create-v108 summary strong,.kanban-config-v108 summary strong,
  .kanban-col-title-v108 h3,.kanban-card-head-v108 strong,
  .task-list-table-v621 td strong,.task-board-panel-v108 .panel-headline h2
){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(
  .task-board-hero-v108 p,.task-stat-row-v108 span,.task-create-v108 summary span,
  .kanban-config-v108 summary span,.kanban-column-editor-head-v108,
  .kanban-col-title-v108 small,.kanban-note-v108,.kanban-doc-v136,
  .task-list-table-v621 td small,.empty-col-v108
){
  color:#c6cfdf !important;
  -webkit-text-fill-color:#c6cfdf !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(
  .task-stat-row-v108>div,.kanban-col-head-v108 b,.kanban-meta-v108 em,
  .kanban-note-v108,.empty-col-v108,.task-stage-pill-v621,
  .task-priority-pill-v621,.task-status-pill-v621,.task-due-pill-v621,
  .task-doc-link-v159,.task-website-link-v628
){
  background:var(--cliro-surface-muted) !important;
  color:#f4f7fb !important;
  -webkit-text-fill-color:#f4f7fb !important;
  border-color:var(--cliro-border-strong) !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .task-stat-row-v108 .danger,
html.cliro-theme-dark.cliro-theme-dark #main-content :is(.kanban-meta-v108 em.overdue,.task-due-pill-v621.is-overdue,.task-priority-pill-v621.priority-dringend){
  background:#421b20 !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  border-color:#8f3340 !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(.kanban-meta-v108 em.today,.task-due-pill-v621.is-today,.task-priority-pill-v621.priority-hoch){
  background:#42260d !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  border-color:#7c4a13 !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(.task-status-pill-v621.is-done,.task-priority-pill-v621.priority-niedrig){
  background:#123d2b !important;
  color:#bbf7d0 !important;
  -webkit-text-fill-color:#bbf7d0 !important;
  border-color:#2d6f4d !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-head-v108 span{
  background:#202a52 !important;
  color:#dbe4ff !important;
  -webkit-text-fill-color:#dbe4ff !important;
  border:1px solid #51639d !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content :is(.task-form-v108 label,.kanban-designer-v108 label:not(.mini-switch),.board-options-v108 .checkline){
  color:#f4f7fb !important;
  -webkit-text-fill-color:#f4f7fb !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .task-list-table-v621 tbody td{
  color:#e9edf6 !important;
  -webkit-text-fill-color:#e9edf6 !important;
  border-color:var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .task-list-table-v621 tbody tr:hover{
  background:#161d29 !important;
  box-shadow:inset 5px 0 0 var(--task-stage-color) !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .task-list-table-v621 td a:not(.btn){
  color:#b8d4ff !important;
  -webkit-text-fill-color:#b8d4ff !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-board-v108::-webkit-scrollbar-thumb{
  background:#556284 !important;
  border-color:var(--cliro-bg) !important;
}

/* Cliro V717.17-012 – task statistic and Kanban priority contrast details */
html.cliro-theme-dark.cliro-theme-dark #main-content .task-stat-row-v108 strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .task-stat-row-v108 .danger :is(strong,span){
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-v108.priority-dringend .kanban-card-head-v108 span{
  background:#421b20 !important;
  color:#fecaca !important;
  -webkit-text-fill-color:#fecaca !important;
  border-color:#8f3340 !important;
}
html.cliro-theme-dark.cliro-theme-dark #main-content .kanban-card-v108.priority-hoch .kanban-card-head-v108 span{
  background:#42260d !important;
  color:#fde68a !important;
  -webkit-text-fill-color:#fde68a !important;
  border-color:#7c4a13 !important;
}

/* Cliro V717.17-015 – header timer arrow and projects dark-mode contract */
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 .page-head-timer-cta,
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012 .page-head-timer-cta>span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 :is(.project-form label,.project-inline-upload label){
  color:var(--cliro-text) !important;
  -webkit-text-fill-color:var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 :is(.project-card .badge,.project-progress-value-v015){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 .progress{
  border-color:var(--cliro-border) !important;
  background:var(--cliro-surface-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 .project-empty-v015{
  border-color:var(--cliro-border-strong) !important;
  background:var(--cliro-surface-muted) !important;
  color:var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark .projects-page-v012 .project-empty-v015 span{
  color:var(--cliro-text-muted) !important;
  -webkit-text-fill-color:var(--cliro-text-muted) !important;
}

/* Cliro V717.17-017 – global header timer start CTA contract */
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta{
  min-width:116px !important;
  min-height:46px !important;
  padding:0 18px !important;
  gap:5px !important;
  border:1px solid #0b2943 !important;
  border-radius:14px !important;
  background-color:#0f304d !important;
  background-image:linear-gradient(180deg,#163f62 0%,#0f304d 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 8px 18px rgba(9,30,48,.28),inset 0 1px 0 rgba(255,255,255,.12) !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
}
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta>span,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta>span{
  display:inline-block !important;
  margin-left:2px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  transition:transform .18s ease !important;
}
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:hover .page-head-timer-cta,
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:focus-visible .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:hover .page-head-timer-cta,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:focus-visible .page-head-timer-cta{
  border-color:#0b2943 !important;
  background-color:#12395b !important;
  background-image:linear-gradient(180deg,#1b4b73 0%,#12395b 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 10px 22px rgba(9,30,48,.36),inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:hover .page-head-timer-cta>span,
html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:focus-visible .page-head-timer-cta>span,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:hover .page-head-timer-cta>span,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle:focus-visible .page-head-timer-cta>span{
  transform:translateX(2px) !important;
}
@media(max-width:600px){
  html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta{
    min-width:46px !important;
    width:46px !important;
    min-height:46px !important;
    padding:0 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
  html body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta::after,
  html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .page-head-timer-card.cliro-timer-012.is-idle .page-head-timer-cta::after{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }
}



/* Cliro V717.17-018 – dark interactive control consistency audit */
/* The header search trigger must not switch to a pale control in dark mode. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583{
  border-color:#406985 !important;
  background-color:#102b3e !important;
  background-image:linear-gradient(180deg,#173c56 0%,#102b3e 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 7px 16px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583>span:first-child{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583 kbd{
  border-color:#56758d !important;
  background:#0a2132 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583:hover,
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-actions-v711 .global-search-trigger-v583:focus-visible{
  border-color:#79a9c9 !important;
  background-color:#163f62 !important;
  background-image:linear-gradient(180deg,#1d5078 0%,#163f62 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
/* Pressed editor controls remain dark and inverse instead of turning almost white. */
html.cliro-theme-dark.cliro-theme-dark .wysiwyg-btn-v704.is-active,
html.cliro-theme-dark.cliro-theme-dark .wysiwyg-btn-v704[aria-pressed="true"]{
  border-color:#4d7594 !important;
  background:#12395b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
/* Generic shortcut keycaps stay restrained on dark surfaces. */
html.cliro-theme-dark.cliro-theme-dark body kbd{
  border-color:#52637c !important;
  background:#111827 !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}
/* Neutralise the older pale timer CTA declaration for every timer state. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v7154 .headbar-timer-v712 .cliro-timer-012 .page-head-timer-cta{
  border-color:#2b5a86 !important;
  background-color:#12395b !important;
  background-image:linear-gradient(180deg,#1a4d7c 0%,#12395b 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Cliro V717.17-020 – final action-center readability layer. */
html.cliro-theme-dark.cliro-theme-dark .action-card-v583 .action-card-body-v583 strong{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark .action-card-v583 .action-card-body-v583 small{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}
html.cliro-theme-dark.cliro-theme-dark .action-card-v583 .action-card-body-v583>span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark .action-card-v583:hover .action-card-body-v583>span,
html.cliro-theme-dark.cliro-theme-dark .action-card-v583:focus-visible .action-card-body-v583>span{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
html.cliro-theme-dark.cliro-theme-dark .action-card-v583:focus-visible{
  outline:3px solid #7dd3fc !important;
  outline-offset:3px !important;
}


/* Cliro V717.17-021 – final contrast enforcement for late page-local styles. */
html.cliro-theme-light.cliro-theme-light .empty-col-v108{
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
}
html.cliro-theme-light.cliro-theme-light .top-notification-bell .bell-badge,
html.cliro-theme-dark.cliro-theme-dark .top-notification-bell .bell-badge{
  border-color:#fecaca !important;
  background:#b91c1c !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-light.cliro-theme-light .action-center-update-icon-v640,
html.cliro-theme-dark.cliro-theme-dark .action-center-update-icon-v640{
  background:#92400e !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html.cliro-theme-dark.cliro-theme-dark .badge{
  background:#3b465f !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

/* Cliro V717.17-022 – remaining time-tracking dark-mode and feedback contract. */
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .time-hero-project-label-v236 {
  background: color-mix(in srgb, var(--cliro-accent) 18%, var(--cliro-surface-muted)) !important;
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
  border: 1px solid var(--cliro-border) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .live-timer-wrap .timer-big {
  color: var(--cliro-text) !important;
  -webkit-text-fill-color: var(--cliro-text) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 :is(.running-meta-v232,.timer-running-note-form-v564 label) {
  color: var(--cliro-text-muted) !important;
  -webkit-text-fill-color: var(--cliro-text-muted) !important;
}
html.cliro-theme-dark.cliro-theme-dark body.cliro-v716 .timer-paused-hint-v565 {
  background: #3b2818 !important;
  color: #ffd0a0 !important;
  -webkit-text-fill-color: #ffd0a0 !important;
  border-color: #8b603c !important;
}