/* ADER interface harmonisation, 2026-10-01. Screen colours and typography; existing layout and print stay authoritative. */
@media screen and (forced-colors: none) {
/* Shared ADER palette. No changes to geometry or business states. */
:root {
  --ader-ui-ink: #062936;
  --ader-ui-muted: #60737c;
  --ader-ui-line: #dce5e8;
  --ader-ui-soft: #f5f8f9;
  --ader-ui-accent: #527d19;
  --ader-ui-accent-soft: #edf4e6;
  --ader-ui-surface: #fff;
  --ader-ui-focus: #2d7aa2;
}

/* ADER shared controls, 2026-10-01. Paint only: existing geometry and
 * interaction states belong to the original module styles and scripts.
 * Print, forced colours, document content and business status colours are
 * deliberately outside this layer. No dark theme exists in the checked base.
 */
@media screen and (forced-colors: none) {
  /* Navigation within tools. Home and the global navigation keep their theme. */
  #app_view.portal-visual-2026 .facturier-dashboard-shell .facturier-dashboard-view-toggle,
  #app_view.portal-visual-2026 :is(
    .facturier-subnav, .facturier-invoice-status-tabs,
    .facturier-dashboard-view-toggle, .pa-section-tabs,
    .pa-mobile-flow-switch, .document-filter-tabs,
    .fec-section-tabs, .fec-view-toggle, .office-kind-switch
  ) {
    background: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 .facturier-dashboard-shell .facturier-dashboard-view-toggle > button,
  #app_view.portal-visual-2026 .facturier-subnav-button,
  #app_view.portal-visual-2026 :is(
    .facturier-invoice-status-tabs, .facturier-dashboard-view-toggle,
    .pa-section-tabs, .pa-mobile-flow-switch, .document-filter-tabs,
    .fec-section-tabs, .fec-view-toggle, .office-kind-switch
  ) > button {
    background: transparent;
    color: var(--ader-ui-ink, #062936);
    border-color: transparent;
    border-radius: 4px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 .facturier-dashboard-shell .facturier-dashboard-view-toggle > button:hover:not(:disabled),
  #app_view.portal-visual-2026 .facturier-subnav-button:hover:not(:disabled),
  #app_view.portal-visual-2026 :is(
    .facturier-invoice-status-tabs, .facturier-dashboard-view-toggle,
    .pa-section-tabs, .pa-mobile-flow-switch, .document-filter-tabs,
    .fec-section-tabs, .fec-view-toggle, .office-kind-switch
  ) > button:hover:not(:disabled) {
    background: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-ink, #062936);
  }

  #app_view.portal-visual-2026 .facturier-dashboard-shell .facturier-dashboard-view-toggle > button.is-active,
  #app_view.portal-visual-2026 .facturier-subnav-button.is-active,
  #app_view.portal-visual-2026 :is(
    .facturier-invoice-status-tabs, .facturier-dashboard-view-toggle,
    .pa-section-tabs, .pa-mobile-flow-switch, .document-filter-tabs,
    .fec-section-tabs, .fec-view-toggle, .office-kind-switch
  ) > button.is-active {
    background: var(--ader-ui-accent-soft, #edf4e6);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    box-shadow: inset 0 -3px 0 var(--ader-ui-accent, #527d19);
  }

  #app_view.portal-visual-2026 .facturier-dashboard-shell .facturier-dashboard-view-toggle > button.is-active small,
  #app_view.portal-visual-2026 .facturier-dashboard-view-toggle > button small,
  #app_view.portal-visual-2026 .office-kind-tab small {
    color: var(--ader-ui-muted, #607883);
  }

  /* Filters are navigation controls, not the coloured document status badges. */
  #app_view.portal-visual-2026 .facturier-order-status-filters > button {
    background: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 .facturier-order-status-filters > button:hover:not(:disabled) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-muted, #607883);
  }
  #app_view.portal-visual-2026 .facturier-order-status-filters > button.is-active {
    background: var(--ader-ui-accent-soft, #edf4e6);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    box-shadow: inset 0 -2px 0 var(--ader-ui-accent, #527d19);
  }
  #app_view.portal-visual-2026 :is(.facturier-order-status-filters, .document-filter-tabs) > button > strong {
    background: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-muted, #607883);
  }
  #app_view.portal-visual-2026 :is(.facturier-order-status-filters, .document-filter-tabs) > button.is-active > strong {
    background: var(--ader-ui-accent, #527d19);
    color: #fff;
  }

  /* Ordinary action buttons; danger actions retain their original semantics. */
  #app_view.portal-visual-2026 .facturier-native :is(.fv-action-btn, .fv-action-link):not(.fv-action-primary):not(.fv-action-danger):not(.facturier-order-primary-action):not(.is-active):not(.is-danger):not(.is-warning):not(.is-success):not(:disabled),
  #app_view.portal-visual-2026 :is(.pa-refresh-button, .pa-external-button, .calendar-icon-button, .office-icon-button):not(:disabled) {
    background: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 .facturier-native :is(.fv-action-btn, .fv-action-link):not(.fv-action-primary):not(.fv-action-danger):not(.facturier-order-primary-action):not(.is-active):not(.is-danger):not(.is-warning):not(.is-success):not(:disabled):hover,
  #app_view.portal-visual-2026 :is(.pa-refresh-button, .pa-external-button, .calendar-icon-button, .office-icon-button):hover:not(:disabled) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-muted, #607883);
  }
  #app_view.portal-visual-2026 :is(.fv-action-primary, .pa-primary-button, .discussion-new-button, .document-primary-action):not(.fv-action-danger):not(.is-danger):not(:disabled),
  #app_view.portal-visual-2026 .calendar-page-actions > .primary-action:not(:disabled) {
    background: var(--ader-ui-accent, #527d19);
    color: #fff;
    border-color: var(--ader-ui-accent, #527d19);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 :is(.fv-action-primary, .pa-primary-button, .discussion-new-button, .document-primary-action):not(.fv-action-danger):not(.is-danger):not(:disabled):hover,
  #app_view.portal-visual-2026 .calendar-page-actions > .primary-action:not(:disabled):hover {
    background: #416714;
    border-color: #416714;
  }

  /* Neutral work surfaces. Alert, readiness, warning and status cards excluded. */
  #app_view.portal-visual-2026 :is(
    .facturier-simple-panel, .facturier-order-daily-panel,
    .facturier-customer-directory, .facturier-customer-chart-card,
    .facturier-form-panel, .facturier-invoice-compose-section,
    .facturier-invoice-advanced-filters, .facturier-document-advanced-filters,
    .pa-connections-shell, .office-sidebar, .office-editor-panel,
    .ged-layout, .discussion-layout, .calendar-mini-panel,
    .calendar-event-list-panel, .document-queue-card, .document-compose-card, .infos-section
  ),
  #app_view.portal-visual-2026 .pa-list-panel:not(.facturier-aging-panel) {
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 :is(
    .facturier-customer-directory-head, .facturier-order-topbar,
    .facturier-simple-panel-head, .fv-table-toolbar,
    .pa-connections-toolbar, .ged-tree-panel,
    .discussion-list-toolbar, .discussion-thread-header,
    .calendar-month-toolbar, .office-sidebar,
    .facturier-pdf-viewer-toolbar
  ) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    box-shadow: none;
  }

  /* Only table chrome; body colours and status pills retain existing values. */
  #app_view.portal-visual-2026 :is(
    .facturier-table, .facturier-invoice-clean-table, .facturier-form-table,
    .facturier-business-table, .pa-table, .pa-connections-table, .fec-table
  ) > thead :is(th, td) {
    background: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
  }
  #app_view.portal-visual-2026 :is(
    .facturier-table, .facturier-invoice-clean-table, .facturier-form-table,
    .facturier-business-table, .pa-table, .pa-connections-table, .fec-table
  ) > tbody > tr > :is(th, td) {
    border-color: var(--ader-ui-line, #dce5e8);
  }

  /* Editable fields only. Invalid, disabled and read-only appearances survive. */
  #app_view.portal-visual-2026 :is(
    .facturier-form-grid, .facturier-form-table, .facturier-customer-filters,
    .facturier-item-filters, .facturier-invoice-advanced-grid,
    .facturier-document-advanced-grid, .facturier-dashboard-filter-grid,
    .facturier-reporting-filters, .fv-filter-group, .pa-connections-toolbar,
    .pa-dossier-switcher, .calendar-event-form, .discussion-create-form,
    .discussion-reply-form, .module-select
  ) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):not(.home-calendar-popup *) {
    background-color: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 :is(
    .facturier-form-grid, .facturier-form-table, .facturier-customer-filters,
    .facturier-item-filters, .facturier-invoice-advanced-grid,
    .facturier-document-advanced-grid, .facturier-dashboard-filter-grid,
    .facturier-reporting-filters, .fv-filter-group, .pa-connections-toolbar,
    .pa-dossier-switcher, .calendar-event-form, .discussion-create-form,
    .discussion-reply-form, .module-select
  ) :is(input, select, textarea):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):not(.home-calendar-popup *):focus-visible {
    border-color: var(--ader-ui-ink, #062936);
    outline-color: var(--ader-ui-focus, #2d7aa2);
    box-shadow: 0 0 0 3px #0629361a;
  }

  /* Collaborator directory: card order, context selection and rights unchanged. */
  #app_view.portal-visual-2026 :is(.collaborator-directory, #collaborator_company_summary) {
    background: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
  }
  #app_view.portal-visual-2026 .collaborator-dossier-card {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 :is(.collaborator-directory-note, .collaborator-dossier-card small, #collaborator_company_summary dt) {
    color: var(--ader-ui-muted, #607883);
  }
  #app_view.portal-visual-2026 :is(
    #global_dossier_select, #global_dossier_search,
    #global_dossier_scope_filter, #global_dossier_siret_filter,
    #collaborator_mobile_scope
  ):not(:disabled) {
    background-color: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }

  /* Modal surfaces under the application and existing body-mounted dialogs.
   * No backdrop, stacking, scrolling, display or document preview changes. */
  #app_view.portal-visual-2026 :is(
    .facturier-modal, .pa-connection-modal, .pa-refusal-modal,
    .fec-modal-card, .infos-article-modal, .infos-magazine-reader-modal,
    .infos-deadlines-modal, .office-email-dialog, .calendar-event-modal-card
  ):not(.home-calendar-popup *),
  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .facturier-modal-backdrop, .pa-refusal-modal-backdrop,
    .pa-connection-modal-backdrop, .office-email-modal,
    .infos-article-modal-backdrop, #transmission_recovery_root
  ) > :is(
    .facturier-modal, .pa-connection-modal, .pa-refusal-modal,
    .infos-article-modal, .infos-magazine-reader-modal,
    .infos-deadlines-modal, .office-email-dialog
  ),
  body:has(#app_view.portal-visual-2026:not(.hidden)) > .collaborator-request-dialog {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    box-shadow: 0 18px 54px #06293626;
  }

  #app_view.portal-visual-2026 :is(
    .facturier-modal-head, .facturier-modal-header, .facturier-modal-footer,
    .facturier-invoice-compose-head, .facturier-invoice-compose-footer,
    .pa-connection-modal > header, .office-email-head,
    .calendar-event-modal-head
  ):not(.home-calendar-popup *),
  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .facturier-modal-backdrop, .pa-refusal-modal-backdrop,
    .pa-connection-modal-backdrop, .office-email-modal,
    #transmission_recovery_root
  ) :is(
    .facturier-modal-head, .facturier-modal-header, .facturier-modal-footer,
    .pa-refusal-head, .pa-connection-modal > header, .office-email-head
  ) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
  }

  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .pa-refusal-modal-backdrop, .pa-connection-modal-backdrop,
    .office-email-modal, .collaborator-request-dialog
  ) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid) {
    background-color: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
}

/* ADER administration and agency appearance, 2026-10-01.
 * Paint only: existing geometry, navigation, typography and business states remain
 * owned by the application. The bundle's screen scope preserves printed pages.
 * Based on admin-identity-choice-20260930-01. No portal-wide selectors.
 */
  body.admin-refonte,
  body.agency-help-host {
    background-color: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte :is(.topbar, .workspace-sidebar),
  body.agency-help-host .topbar {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    box-shadow: none;
  }

  body.admin-refonte :is(.workspace-heading h2, .rapid-actions-heading h2, .topbar h1),
  body.agency-help-host :is(.brand-title, .page-heading h1) {
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte :is(.workspace-sidebar-heading, .workspace-location, .workspace-heading > p:not(.eyebrow), .workspace-card-meta),
  body.agency-help-host :is(.page-heading > div > p:not(.eyebrow), .session-label, .company-code) {
    color: var(--ader-ui-muted, #607883);
  }

  /* Sidebar and legacy sub-navigation retain their original order and size. */
  body.admin-refonte :is(.workspace-nav-item, .tab, .supervision-subtab):not(:disabled) {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
    box-shadow: none;
  }

  body.admin-refonte :is(.workspace-nav-item, .tab, .supervision-subtab):not(:disabled):hover {
    background-color: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte :is(.workspace-nav-item.active, .tab.active, .supervision-subtab.is-active):not(:disabled) {
    background-color: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-line, #dce5e8);
    color: var(--ader-ui-ink, #062936);
    box-shadow: inset 0 -3px 0 var(--ader-ui-accent, #527d19);
  }

  body.admin-refonte :is(.tabs, .supervision-subtabs) {
    border-color: var(--ader-ui-line, #dce5e8);
    background-color: var(--ader-ui-surface, #fff);
    box-shadow: none;
  }

  /* Neutral controls only: destructive, status, disabled and selected actions
   * keep their own styles. In particular bna-step and badges are not themed. */
  body.admin-refonte button.secondary:not(:disabled):not(:is(.danger-action, .link-danger, .bna-deactivate, .is-active, .active, .bna-request-badge, .is-error, .is-warning, .is-success, [aria-pressed="true"])),
  body.agency-help-host .button.secondary:not(:disabled):not(:is(.danger-action, .is-error, .is-warning, .is-success)) {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
    box-shadow: none;
  }

  body.admin-refonte button.secondary:not(:disabled):not(:is(.danger-action, .link-danger, .bna-deactivate, .is-active, .active, .bna-request-badge, .is-error, .is-warning, .is-success, [aria-pressed="true"])):hover,
  body.agency-help-host .button.secondary:not(:disabled):not(:is(.danger-action, .is-error, .is-warning, .is-success)):hover {
    background-color: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-muted, #607883);
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte .workspace-create:not(:disabled),
  body.agency-help-host .button:not(.secondary):not(:disabled) {
    background-color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-ink, #062936);
    border-radius: 6px;
    color: var(--ader-ui-surface, #fff);
    box-shadow: none;
  }

  body.admin-refonte .workspace-create:not(:disabled):hover,
  body.agency-help-host .button:not(.secondary):not(:disabled):hover {
    background-color: #244650;
    border-color: #244650;
  }

  body.admin-refonte .workspace-cabinet-links a {
    background-color: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte .workspace-cabinet-links a:hover {
    background-color: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-accent, #527d19);
  }

  /* Neutral surfaces; no state cards, status pills or chart series are selected. */
  body.admin-refonte :is(.table-panel, .table-wrap, .workspace-request-card, .workspace-lockpass-card, .aai-editor, .adash-filters, .adash-panel),
  body.agency-help-host :is(.filter-panel, .table-wrap, .user-card, .request-card, .access-panel) {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgb(6 41 54 / 4%);
  }

  body.admin-refonte :is(.panel-toolbar, .workspace-request-detail),
  body.agency-help-host :is(.identity, .requests-section) {
    border-color: var(--ader-ui-line, #dce5e8);
  }

  body.admin-refonte :is(.table-panel, .bn-accounts-table, .consumption-table-wrap, .aai-editor) th,
  body.agency-help-host .table-wrap th {
    background-color: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    color: var(--ader-ui-ink, #062936);
  }

  /* Border colour alone leaves invalid/disabled/read-only field feedback intact. */
  body.admin-refonte :is(input, select, textarea):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(.is-error):not(.error):not(:user-invalid):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  body.agency-help-host :is(input, select, textarea):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(.is-error):not(.error):not(:user-invalid):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) {
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
  }

  body.admin-refonte :is(button, a, input, select, textarea):focus-visible,
  body.agency-help-host :is(button, a, input, select, textarea, summary):focus-visible {
    outline-color: var(--ader-ui-focus, #2d7aa2);
  }

  /* Dialogs are intentionally scoped from body: several are outside app_view. */
  body.admin-refonte :is(.modal-panel, .aai-dialog),
  body.agency-help-host :is(.company-dialog, .help-dialog) {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 8px;
    box-shadow: 0 14px 48px rgb(6 41 54 / 16%);
  }

  body.admin-refonte :is(.modal-header, .modal-actions, .aai-dialog > header, .aai-dialog > footer),
  body.agency-help-host .dialog-header {
    border-color: var(--ader-ui-line, #dce5e8);
  }

  body.admin-refonte :is(.modal-header h2, .aai-dialog h2, .aai-editor h3),
  body.agency-help-host .dialog-header h2 {
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte .aai-dialog::backdrop,
  body.agency-help-host :is(.company-dialog, .help-dialog)::backdrop {
    background-color: rgb(6 41 54 / 48%);
  }

  body.admin-refonte .aai-row {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte .aai-row:hover {
    background-color: var(--ader-ui-soft, #f5f8f9);
  }

  body.admin-refonte .aai-row.is-selected {
    background-color: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-accent, #527d19);
    box-shadow: inset 3px 0 0 var(--ader-ui-accent, #527d19);
  }

  /* Help navigation only; guidance warnings and business screenshots stay as-is. */
  body.admin-refonte #admin_help_dialog {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 8px;
    box-shadow: 0 14px 48px rgb(6 41 54 / 16%);
  }

  body.admin-refonte #admin_help_dialog :is(.admin-help-head, .admin-help-foot) {
    background-color: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
  }

  body.admin-refonte #admin_help_dialog :is(.admin-help-card, .admin-help-category, .admin-help-close):not(:disabled) {
    background-color: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    color: var(--ader-ui-ink, #062936);
  }

  body.admin-refonte #admin_help_dialog :is(.admin-help-card, .admin-help-category, .admin-help-close):not(:disabled):hover {
    background-color: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-accent, #527d19);
  }

/* ADER Facturier detail and form completion, 2026-10-01.
 * Extends portal-controls-theme.css with real customer/article/creation surfaces.
 * Paint only. Business states, dimensions, positioning and generated documents
 * remain owned by the existing styles. Font rules live in the shared type layer.
 */
@media screen and (forced-colors: none) {
  /* The same neutral card language in customer and catalogue workspaces,
   * their creation/edit forms, company settings and commercial documents. */
  #app_view.portal-visual-2026 :is(
    .facturier-customer-insight, .facturier-customer-contact-card,
    .facturier-customer-activity-card, .facturier-item-description-card,
    .facturier-identity-card, .facturier-customer-form-section,
    .facturier-invoice-compose-card, .facturier-invoice-compose-conditions,
    .facturier-invoice-compose-totals, .facturier-company-identity-card,
    .facturier-company-readiness-card, .facturier-company-numbering-card,
    .facturier-company-info-card, .facturier-numbering-panel,
    .facturier-logo-panel, .facturier-group-row
  ) {
    background: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 :is(
    .facturier-identity-card, .facturier-customer-profile-section,
    .facturier-lookup-panel, .facturier-lookup-header,
    .facturier-invoice-compose-body, .facturier-customer-active-line,
    .facturier-company-access-strip, .facturier-document-deposit-panel
  ) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 6px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 .facturier-group-row:not(:has(input:disabled)):hover {
    background: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-accent, #527d19);
  }

  #app_view.portal-visual-2026 :is(
    .facturier-settings-list, .facturier-document-meta,
    .facturier-invoice-compose-condition-grid
  ) > span,
  #app_view.portal-visual-2026 .facturier-item-definition-list > div,
  #app_view.portal-visual-2026 .facturier-company-numbering-grid > article,
  #app_view.portal-visual-2026 .facturier-numbering-row,
  #app_view.portal-visual-2026 .facturier-customer-create-note {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
    box-shadow: none;
  }

  /* Selected records stay visibly selected; their status badges and due
   * amounts keep the existing ready/warning/danger colours. */
  #app_view.portal-visual-2026 .facturier-customer-list-row {
    background: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
  }
  #app_view.portal-visual-2026 :is(
    .facturier-customer-list-row, .facturier-lookup-result,
    .facturier-customer-ranking button, .facturier-customer-activity-list button
  ):hover:not(:disabled):not([aria-disabled="true"]) {
    background: var(--ader-ui-soft, #f5f8f9);
    border-color: var(--ader-ui-line, #dce5e8);
  }
  #app_view.portal-visual-2026 :is(
    .facturier-customer-list-row, .facturier-lookup-result
  ).is-selected {
    background: var(--ader-ui-accent-soft, #edf4e6);
    color: var(--ader-ui-ink, #062936);
    box-shadow: inset 4px 0 0 var(--ader-ui-accent, #527d19);
  }
  #app_view.portal-visual-2026 .facturier-customer-avatar:not(.facturier-item-avatar),
  #app_view.portal-visual-2026 .facturier-identity-avatar,
  #app_view.portal-visual-2026 .facturier-customer-identity > span {
    background: var(--ader-ui-accent-soft, #edf4e6);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
  }
  #app_view.portal-visual-2026 .facturier-customer-list-row.is-selected .facturier-customer-avatar {
    background: var(--ader-ui-accent, #527d19);
    color: #fff;
  }
  #app_view.portal-visual-2026 .facturier-customer-ranking button {
    background: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }

  /* Completion is still distinct from the remaining creation steps. */
  #app_view.portal-visual-2026 .facturier-customer-create-steps > li {
    background: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 .facturier-customer-create-steps > li > span {
    background: var(--ader-ui-soft, #f5f8f9);
    color: var(--ader-ui-muted, #60737c);
  }
  #app_view.portal-visual-2026 .facturier-customer-create-steps > li.is-complete {
    background: var(--ader-ui-accent-soft, #edf4e6);
    border-color: var(--ader-ui-accent, #527d19);
  }
  #app_view.portal-visual-2026 .facturier-customer-create-steps > li.is-complete > span {
    background: var(--ader-ui-accent, #527d19);
    color: #fff;
  }

  /* Search fields are an existing borderless input inside a bordered label. */
  #app_view.portal-visual-2026 .facturier-customer-search {
    background: var(--ader-ui-surface, #fff);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 .facturier-customer-search input:not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(:invalid) {
    color: var(--ader-ui-ink, #062936);
  }
  #app_view.portal-visual-2026 .facturier-customer-search:focus-within {
    border-color: var(--ader-ui-focus, #2d7aa2);
    box-shadow: 0 0 0 3px #0629361a;
  }

  /* These controls sit outside facturier-form-grid/table in the real forms;
   * all other client, article, invoice, credit, payment and company fields
   * already inherit portal-controls-theme.css. */
  #app_view.portal-visual-2026 :is(
    .facturier-lookup-row, .facturier-customer-type-field,
    .facturier-document-deposit-panel, .facturier-client-distribution-search
  ) :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):not(.facturier-readonly-form *) {
    background-color: var(--ader-ui-surface, #fff);
    color: var(--ader-ui-ink, #062936);
    border-color: var(--ader-ui-line, #dce5e8);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 :is(
    .facturier-lookup-row, .facturier-customer-type-field,
    .facturier-document-deposit-panel, .facturier-client-distribution-search
  ) :is(input, select, textarea):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):not(.facturier-readonly-form *):focus-visible {
    border-color: var(--ader-ui-focus, #2d7aa2);
    outline-color: var(--ader-ui-focus, #2d7aa2);
    box-shadow: 0 0 0 3px #0629361a;
  }

  /* Neutral labels, section headings and supporting information. Deliberately
   * avoid field requirements, validation messages and any status child. */
  #app_view.portal-visual-2026 :is(
    .facturier-form-grid > label, .facturier-lookup-panel > label,
    .facturier-customer-type-field, .facturier-customer-list-main strong,
    .facturier-identity-head strong, .facturier-identity-stats strong,
    .facturier-customer-form-section-head strong,
    .facturier-invoice-compose-section-head strong,
    .facturier-item-definition-list dd, .facturier-settings-list strong,
    .facturier-document-meta strong, .facturier-numbering-row strong
  ) {
    color: var(--ader-ui-ink, #062936);
  }
  #app_view.portal-visual-2026 :is(
    .facturier-customer-form-section-head p, .facturier-customer-create-note,
    .facturier-customer-create-steps small, .facturier-identity-head small,
    .facturier-identity-stats small, .facturier-customer-list-main small,
    .facturier-customer-list-main em, .facturier-item-definition-list dt,
    .facturier-settings-list small, .facturier-document-meta small,
    .facturier-invoice-compose-section-head em,
    .facturier-invoice-compose-condition-grid small,
    .facturier-invoice-compose-footer-note, .facturier-customer-search > span
  ) {
    color: var(--ader-ui-muted, #60737c);
  }
  #app_view.portal-visual-2026 .facturier-customer-form-section-head > div > span,
  #app_view.portal-visual-2026 .facturier-invoice-compose-section-head > div > div > small,
  #app_view.portal-visual-2026 .facturier-invoice-compose-totals > div:first-child > small {
    color: var(--ader-ui-accent, #527d19);
  }
  #app_view.portal-visual-2026 .facturier-invoice-compose-step {
    background: var(--ader-ui-accent, #527d19);
    color: #fff;
  }
}

/* Complete the ADER collaboration surfaces without changing any dimensions,
 * placement, visibility, document content, or provider iframe internals.
 * The already accepted home keeps its presentation; only its shared event
 * form controls participate. Error, cancellation, pending and disabled states
 * retain the module's original colours and behaviour. */
@media screen and (forced-colors: none) {
  /* Agenda and the ADER lobby surrounding the Jitsi iframe. */
  #app_view.portal-visual-2026 .calendar-call-panel {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    border-radius: 6px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 :is(.calendar-call-header, .calendar-agenda-panel > .panel-heading) {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 :is(.calendar-call-heading h2, .calendar-call-lobby h3, .calendar-room-field) {
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(.calendar-call-lobby > p, .calendar-call-note, .calendar-month-hint) {
    color: var(--ader-ui-muted);
  }
  #app_view.portal-visual-2026 .calendar-call-visual {
    background: var(--ader-ui-ink);
    box-shadow: 0 12px 28px #0629361a;
  }
  #app_view.portal-visual-2026 :is(.calendar-call-icon, .calendar-call-secure) {
    background: var(--ader-ui-accent-soft);
    color: var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 .calendar-call-visual span {
    background: var(--ader-ui-surface);
    color: var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-day:not(.is-today):not(.has-events):not(:disabled) {
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-day:not(:disabled):is(:hover, :focus-visible) {
    border-color: var(--ader-ui-accent);
    outline-color: var(--ader-ui-focus);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-day.is-today:not(:disabled) {
    background: var(--ader-ui-soft);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-day.has-events:not(:disabled) {
    background: var(--ader-ui-accent-soft);
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-event-item:not(.is-cancelled) {
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 .calendar-page .calendar-event-item:not(.is-cancelled):hover {
    background: var(--ader-ui-soft);
  }

  /* Creation forms are the same forms in the agenda and in the home popup. */
  #app_view.portal-visual-2026 :is(.calendar-event-form, .calendar-room-field, .discussion-search-field, .document-compose-form)
  :is(input, select, textarea):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid) {
    background-color: var(--ader-ui-surface);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
    caret-color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(.calendar-event-form, .calendar-room-field, .discussion-search-field, .document-compose-form)
  :is(input, select, textarea):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):focus-visible {
    border-color: var(--ader-ui-ink);
    outline-color: var(--ader-ui-focus);
    box-shadow: 0 0 0 3px #0629361a;
  }

  /* Exact action groups: no broad override of cancel/stop/error actions. */
  #app_view.portal-visual-2026 :is(
    .calendar-start-button, .calendar-modal-actions > .primary-action,
    .discussion-send-button, .discussion-create-actions > .primary-action,
    .document-submit-button, .office-new-button
  ):not(:disabled):not(.is-busy):not(.is-danger):not(.is-warning):not(.is-error) {
    background: var(--ader-ui-accent);
    color: var(--ader-ui-surface);
    border-color: var(--ader-ui-accent);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 :is(
    .calendar-start-button, .calendar-modal-actions > .primary-action,
    .discussion-send-button, .discussion-create-actions > .primary-action,
    .document-submit-button, .office-new-button
  ):not(:disabled):not(.is-busy):not(.is-danger):not(.is-warning):not(.is-error):hover {
    background: #416714;
    border-color: #416714;
  }
  #app_view.portal-visual-2026 :is(
    .calendar-month-button, .calendar-call-actions > .small-button,
    [data-calendar-modal-close], .discussion-modal-close,
    .discussion-create-actions > .small-button, .discussion-back-button,
    .office-import-button, .office-import-empty, .office-export-button,
    .office-share-button, .document-secondary-action
  ):not(:disabled):not(.is-busy):not(.is-danger):not(.is-warning):not(.is-error) {
    background: var(--ader-ui-surface);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 :is(
    .calendar-month-button, .calendar-call-actions > .small-button,
    [data-calendar-modal-close], .discussion-modal-close,
    .discussion-create-actions > .small-button, .discussion-back-button,
    .office-import-button, .office-import-empty, .office-export-button,
    .office-share-button, .document-secondary-action
  ):not(:disabled):not(.is-busy):not(.is-danger):not(.is-warning):not(.is-error):hover {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-muted);
  }

  /* Conversations and their actual creation dialog. System and unsent
   * messages remain distinct; these selectors never recolour their states. */
  #app_view.portal-visual-2026 .discussion-create-card {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    border-radius: 6px;
    box-shadow: 0 18px 54px #06293626;
  }
  #app_view.portal-visual-2026 :is(.discussion-create-card > header, .discussion-reply-form) {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-item:not(.is-active) {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-item:not(.is-active):hover {
    background: var(--ader-ui-soft);
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-item.is-active {
    background: var(--ader-ui-accent-soft);
    border-color: var(--ader-ui-line);
    box-shadow: inset 4px 0 0 var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 :is(.discussion-item-avatar, .discussion-contact-avatar) {
    background: var(--ader-ui-ink);
    color: var(--ader-ui-surface);
  }
  #app_view.portal-visual-2026 :is(.discussion-item-title, .discussion-contact-main > strong, .discussion-create-card > header h2) {
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(.discussion-item-subject, .discussion-item-preview, .discussion-create-card > header span, .discussion-create-form label > span) {
    color: var(--ader-ui-muted);
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-messages {
    background-color: var(--ader-ui-soft);
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-message:not(.is-system):not(.is-pending):not(.is-error):not(.is-failed):not(.is-own) {
    background: var(--ader-ui-surface);
    box-shadow: 0 2px 8px #0629360d;
  }
  #app_view.portal-visual-2026 .discussion-page .discussion-message.is-own:not(.is-system):not(.is-pending):not(.is-error):not(.is-failed) {
    background: var(--ader-ui-accent-soft);
    box-shadow: 0 2px 8px #0629360d;
  }

  /* Document list and workbench chrome only. File-type colours, authored
   * Word/Excel content, formulas, sheet selection and save states stay intact. */
  #app_view.portal-visual-2026 :is(.document-queue-heading, .ged-preview-header, .office-document-chrome .office-editor-head) {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 .document-file-picker {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
    color: var(--ader-ui-ink);
    border-radius: 6px;
  }
  #app_view.portal-visual-2026 .document-file-picker:hover {
    border-color: var(--ader-ui-accent);
    background: var(--ader-ui-accent-soft);
  }
  #app_view.portal-visual-2026 .office-document-item:not(.is-active) {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 .office-document-item:not(.is-active):hover {
    background: var(--ader-ui-soft);
  }
  #app_view.portal-visual-2026 .office-document-item.is-active {
    background: var(--ader-ui-accent-soft);
    border-color: var(--ader-ui-accent);
    color: var(--ader-ui-ink);
    box-shadow: inset 3px 0 var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 .ged-document-row:not(.is-active) {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(.ged-document-row:not(.is-active), .ged-node-summary):hover {
    background: var(--ader-ui-soft);
  }
  #app_view.portal-visual-2026 .ged-document-row.is-active {
    background: var(--ader-ui-accent-soft);
    border-color: var(--ader-ui-accent);
    color: var(--ader-ui-ink);
    box-shadow: inset 3px 0 var(--ader-ui-accent);
  }
  #app_view.portal-visual-2026 :is(.ged-document-copy strong, .ged-node-copy strong, .office-document-copy strong) {
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(.ged-document-copy small, .ged-node-copy small, .office-document-copy small) {
    color: var(--ader-ui-muted);
  }
  #app_view.portal-visual-2026 .office-file-menu > summary,
  #app_view.portal-visual-2026 .office-file-menu > div > button:not(.is-danger):not(:disabled) {
    background: var(--ader-ui-surface);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-line);
  }
  #app_view.portal-visual-2026 .office-file-menu > div > button:not(.is-danger):not(:disabled):hover {
    background: var(--ader-ui-soft);
  }
  body:has(#app_view.portal-visual-2026:not(.hidden)) > .office-email-modal
  .office-email-actions > .primary-action:not(:disabled):not(.is-busy) {
    background: var(--ader-ui-accent);
    color: var(--ader-ui-surface);
    border-color: var(--ader-ui-accent);
    border-radius: 5px;
    box-shadow: none;
  }
  body:has(#app_view.portal-visual-2026:not(.hidden)) > .office-email-modal
  .office-email-actions > .primary-action:not(:disabled):not(.is-busy):hover {
    background: #416714;
    border-color: #416714;
  }
}

/* Homepage typography extended to application chrome. Font sizes, line heights,
 * spacing and layout remain those of each existing screen. Document contents,
 * code, brand marks and embedded provider interfaces retain their own fonts. */
:is(#app_view.portal-visual-2026, body.admin-refonte, body.agency-help-host),
body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
  .facturier-modal-backdrop, .pa-refusal-modal-backdrop, .pa-connection-modal-backdrop,
  .office-email-modal, .infos-article-modal-backdrop, .collaborator-request-dialog,
  #transmission_recovery_root, .home-calendar-popup
) {
  font-family: Arial, Helvetica, sans-serif;
}

/* Explicit UI controls also override browser/legacy shorthand font declarations.
 * Never select Word text or spreadsheet cells, including their editable inputs. */
:is(#app_view.portal-visual-2026, body.admin-refonte, body.agency-help-host,
  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .facturier-modal-backdrop, .pa-refusal-modal-backdrop, .pa-connection-modal-backdrop,
    .office-email-modal, .infos-article-modal-backdrop, .collaborator-request-dialog,
    #transmission_recovery_root, .home-calendar-popup
  )) :is(button, input, select, textarea):not(:is(
    [contenteditable="true"], .office-word-page, .office-sheet,
    .office-word-page *, .office-sheet *, [contenteditable="true"] *,
    #bulk_users_csv, .mail-template-variables button
  )) {
  font-family: Arial, Helvetica, sans-serif !important;
}

:is(#app_view.portal-visual-2026, body.admin-refonte, body.agency-help-host,
  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .facturier-modal-backdrop, .pa-refusal-modal-backdrop, .pa-connection-modal-backdrop,
    .office-email-modal, .infos-article-modal-backdrop, .collaborator-request-dialog,
    #transmission_recovery_root, .home-calendar-popup
  )) :is(h1, h2, h3, h4, h5, h6):not(:is(
    .office-word-page *, [contenteditable="true"] *, .office-sheet *
  )) {
  font-weight: 500;
}

:is(#app_view.portal-visual-2026, body.admin-refonte, body.agency-help-host,
  body:has(#app_view.portal-visual-2026:not(.hidden)) > :is(
    .facturier-modal-backdrop, .pa-refusal-modal-backdrop, .pa-connection-modal-backdrop,
    .office-email-modal, .infos-article-modal-backdrop, .collaborator-request-dialog,
    #transmission_recovery_root, .home-calendar-popup
  )) :is(button, label, th, dt, summary, strong, b):not(:is(
    .office-word-page *, [contenteditable="true"] *, .office-sheet *,
    .office-sheet-format-button *, .office-tool-button *
  )) {
  font-weight: 600;
}

#app_view.portal-visual-2026 :is(
  .facturier-form-grid input, .facturier-form-grid select, .facturier-form-grid textarea,
  .calendar-event-form input, .calendar-event-form select, .calendar-event-form textarea,
  .discussion-create-form input, .discussion-create-form textarea,
  .facturier-customer-search input, .facturier-lookup-row input
) {
  font-weight: 400;
}

#app_view.portal-visual-2026 :is(
  .eyebrow, .facturier-customer-form-section-head > div > span,
  .facturier-invoice-compose-section-head small, .office-toolbar-label
) {
  font-weight: 600;
}

/* Historical mobile weights are important; this narrow exception changes only
 * their type weight, leaving all responsive positioning rules authoritative. */
@media (max-width: 760px) {
  #app_view.portal-visual-2026 :is(
    .pa-mobile-flow-switch button,
    .facturier-mobile-section-picker span, .facturier-mobile-section-picker select,
    .mobile-dossier-search, .mobile-dossier-select-field,
    .mobile-dossier-sheet > header span, .mobile-dossier-count
  ) {
    font-weight: 600 !important;
  }
}

/* The actual Word/Excel command ribbons. Never match .office-word-page,
 * .office-sheet, authored text, cell styles, formula results or save-state dots. */
#app_view.portal-visual-2026 #view_office :is(
  .office-ribbon-tabs, .office-word-toolbar, .office-sheet-ribbon,
  .office-formula-panel.is-simple
) {
  background: var(--ader-ui-soft);
  border-color: var(--ader-ui-line);
}
#app_view.portal-visual-2026 #view_office :is(.office-toolbar-group, .office-sheet-ribbon-group) {
  border-color: var(--ader-ui-line);
}
#app_view.portal-visual-2026 #view_office .office-ribbon-tabs button:not(:disabled) {
  background: transparent;
  color: var(--ader-ui-muted);
  border-color: transparent;
}
#app_view.portal-visual-2026 #view_office .office-ribbon-tabs button:not(:disabled):hover {
  background: var(--ader-ui-surface);
  color: var(--ader-ui-ink);
}
#app_view.portal-visual-2026 #view_office .office-ribbon-tabs button.is-active:not(:disabled) {
  background: var(--ader-ui-accent-soft);
  color: var(--ader-ui-ink);
  border-color: var(--ader-ui-accent);
}
#app_view.portal-visual-2026 #view_office :is(
  .office-tool-button, .office-sheet-ribbon-group button,
  .office-sheet-advanced button, .office-sheet-advanced summary
):not(:disabled):not([aria-disabled="true"]) {
  color: var(--ader-ui-ink);
  background: transparent;
  border-color: transparent;
}
#app_view.portal-visual-2026 #view_office :is(
  .office-tool-button, .office-sheet-ribbon-group button,
  .office-sheet-advanced button, .office-sheet-advanced summary
):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
  background: var(--ader-ui-surface);
  border-color: var(--ader-ui-line);
  outline-color: var(--ader-ui-focus);
}
#app_view.portal-visual-2026 #view_office :is(
  .office-tool-button, .office-sheet-format-button
).is-active:not(:disabled),
#app_view.portal-visual-2026 #view_office .office-sheet-advanced[open] summary {
  background: var(--ader-ui-accent-soft);
  border-color: var(--ader-ui-accent);
  color: var(--ader-ui-ink);
}
#app_view.portal-visual-2026 #view_office :is(
  .office-word-toolbar, .office-sheet-ribbon, .office-formula-panel
) :is(input, select):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(:invalid) {
  background: var(--ader-ui-surface);
  border-color: var(--ader-ui-line);
  color: var(--ader-ui-ink);
  border-radius: 4px;
}
#app_view.portal-visual-2026 #view_office :is(
  .office-word-toolbar, .office-sheet-ribbon, .office-formula-panel
) :is(input, select):not([type="color"]):not([type="checkbox"]):not([type="radio"]):not(:disabled):not([readonly]):not([aria-invalid="true"]):not(:invalid):focus-visible {
  border-color: var(--ader-ui-focus);
  outline-color: var(--ader-ui-focus);
}
#app_view.portal-visual-2026 #view_office .office-active-cell {
  background: var(--ader-ui-surface);
  border-color: var(--ader-ui-line);
  color: var(--ader-ui-ink);
}
#app_view.portal-visual-2026 #view_office .office-toolbar-label {
  color: var(--ader-ui-muted);
}
#app_view.portal-visual-2026 #view_office .office-sheet-advanced :is(.office-formula-row.is-tools, .office-function-list) {
  background: var(--ader-ui-surface);
  border-color: var(--ader-ui-line);
  box-shadow: 0 12px 30px #06293626;
}
/* The existing save rules use important with these variables. Override only
 * the variables on the enabled button itself, never on the document/editor:
 * file-type icons and spreadsheet selection keep their established meaning. */
#app_view.portal-visual-2026 #view_office .office-save-button:not(:disabled) {
  --office-word: var(--ader-ui-accent);
  --office-excel: var(--ader-ui-accent);
}
#app_view.portal-visual-2026 #view_office .office-save-button:not(:disabled):hover {
  --office-word: #416714;
  --office-excel: #416714;
}
#app_view.portal-visual-2026 #view_office .office-statusbar {
  background: var(--ader-ui-ink);
  color: var(--ader-ui-surface);
}

/* ADER dashboard and invoice-tracking chrome. Existing layout, amounts,
 * business-status colours, chart series and document previews stay authoritative.
 * Only neutral surfaces and navigation/actions use the homepage palette. */
@media screen and (forced-colors: none) {
  #app_view.portal-visual-2026 :is(
    .facturier-detail-control-stack, .facturier-executive-strip,
    .facturier-detail-workflow, .facturier-chart-panel,
    .facturier-reporting-panel, .facturier-client-distribution-panel,
    .facturier-sales-analysis-panel, .facturier-simple-vat,
    .pa-dashboard-guide, .pa-operational-card,
    .pa-tracking-detail-preview, .pa-tracking-detail-side > section,
    .pa-detail-disclosure
  ) {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    border-radius: 6px;
    box-shadow: none;
  }

  #app_view.portal-visual-2026 .pa-operational-card:not(:disabled):hover {
    border-color: var(--ader-ui-accent);
    box-shadow: 0 3px 12px #0629360d;
  }

  #app_view.portal-visual-2026 :is(
    .facturier-detail-control-stack > .facturier-detail-commandbar,
    .facturier-chart-panel > .fv-detail-head,
    .facturier-executive-strip > .fv-detail-head,
    .facturier-detail-workflow > .fv-detail-head,
    .facturier-simple-vat > .fv-detail-head,
    .pa-daily-toolbar, .pa-tracking-detail-preview > .fv-detail-head,
    .pa-detail-disclosure > summary
  ) {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
  }

  #app_view.portal-visual-2026 .pa-tracking-detail-body {
    background: var(--ader-ui-soft);
  }

  #app_view.portal-visual-2026 :is(
    .pa-operational-card .pa-workflow-stats,
    .pa-operational-card .pa-card-stats
  ) {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 :is(
    .pa-operational-card .pa-workflow-stats > span,
    .pa-operational-card .pa-card-stat
  ) {
    border-color: var(--ader-ui-line);
  }

  /* These dashboard actions are outside the generic fv-action-btn family. */
  #app_view.portal-visual-2026 .facturier-detail-action-line button:not(.is-primary):not(.is-danger):not(.is-warning):not(:disabled) {
    background: var(--ader-ui-surface);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
    color: var(--ader-ui-ink);
    box-shadow: none;
  }
  #app_view.portal-visual-2026 .facturier-detail-action-line button.is-primary:not(:disabled) {
    background: var(--ader-ui-accent);
    border-color: var(--ader-ui-accent);
    border-radius: 5px;
    color: var(--ader-ui-surface);
    box-shadow: none;
  }
  #app_view.portal-visual-2026 .facturier-detail-action-line button.is-primary:not(:disabled):hover {
    background: #416714;
    border-color: #416714;
  }

  /* PA is outside .facturier-native: explicitly include its neutral actions.
   * Approval/refusal/accounting-needed actions and their semantic paints stay. */
  #app_view.portal-visual-2026 :is(
    .pa-daily-workbench .fv-action-link,
    .pa-secondary-button, .pa-date-preset-row button,
    .pa-tracking-detail-modal .fv-action-link
  ):not(.facturier-order-primary-action):not(.fv-action-primary):not(.fv-action-danger):not(.is-primary):not(.is-active):not(.is-danger):not(.is-warning):not(.is-success):not(.is-needed):not(:disabled) {
    background: var(--ader-ui-surface);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
    box-shadow: none;
  }
  #app_view.portal-visual-2026 :is(
    .pa-daily-workbench .fv-action-link,
    .pa-secondary-button, .pa-date-preset-row button,
    .pa-tracking-detail-modal .fv-action-link
  ):not(.facturier-order-primary-action):not(.fv-action-primary):not(.fv-action-danger):not(.is-primary):not(.is-active):not(.is-danger):not(.is-warning):not(.is-success):not(.is-needed):not(:disabled):hover,
  #app_view.portal-visual-2026 .facturier-detail-action-line button:not(.is-primary):not(.is-danger):not(.is-warning):not(:disabled):hover {
    background: var(--ader-ui-soft);
    border-color: var(--ader-ui-muted);
  }

  #app_view.portal-visual-2026 .pa-business-date-filters :is(input, select):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid) {
    background: var(--ader-ui-surface);
    color: var(--ader-ui-ink);
    border-color: var(--ader-ui-line);
    border-radius: 5px;
  }
  #app_view.portal-visual-2026 .pa-business-date-filters :is(input, select):not(:disabled):not([readonly]):not([aria-readonly="true"]):not([aria-invalid="true"]):not(.is-invalid):not(:invalid):focus-visible {
    border-color: var(--ader-ui-focus);
    outline-color: var(--ader-ui-focus);
    box-shadow: 0 0 0 3px #0629361a;
  }

  #app_view.portal-visual-2026 :is(
    .pa-operational-header h2, .pa-daily-topbar h2,
    .pa-detail-action-card h3, .pa-detail-disclosure > summary,
    .facturier-reporting-head h2
  ) {
    color: var(--ader-ui-ink);
  }
  #app_view.portal-visual-2026 :is(
    .pa-operational-header p, .pa-daily-topbar > div:first-child > small,
    .pa-operational-card .pa-workflow-main small,
    .pa-filter-result-summary
  ) {
    color: var(--ader-ui-muted);
  }
}

}