:root {
  --figma-balta: #0d5c3d;
  --figma-balta-light: #edf4f0;
  --figma-balta-mid: #9dc9b5;
  --figma-charcoal: #1f211e;
  --figma-ground: #f6f5f1;
  --figma-ground-2: #eeecea;
  --figma-stone: #d4d2cb;
  --figma-stone-2: #a8a6a0;
  --figma-ink: #3c3b38;
  --figma-ink-2: #6b6b68;
  --figma-font: 'Plus Jakarta Sans', system-ui, sans-serif;
  --figma-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
}

/* Nouvelle tâche — modale centrée et limitée aux informations essentielles. */
#orgTaskPanelBackdrop:not([hidden]) {
  background: rgba(0, 0, 0, .35) !important;
}

html body #orgTaskPanel.is-create.org-task-panel {
  width: min(540px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 32px) !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  overflow: hidden !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid #e2e0db !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 24px 64px rgba(31, 33, 30, .24) !important;
}

html body:has(#orgTaskPanel.is-create:not([hidden])) #pageOrganisationTaches {
  padding-right: 0 !important;
}

html body #orgTaskPanel.is-create .org-task-panel-header {
  min-height: 0 !important;
  padding: 18px 20px 16px !important;
  align-items: flex-start !important;
  border-bottom: 1px solid #e2e0db !important;
  background: #fff !important;
}

html body #orgTaskPanel.is-create .org-task-panel-header > div {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker {
  width: max-content !important;
  min-height: 24px !important;
  margin: 0 0 12px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 4px !important;
  background: #f0efec !important;
  color: #696a65 !important;
  font: 700 10px/1 var(--figma-font) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker > span:first-child {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
  border-radius: 50% !important;
  background: #a8a6a0 !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker[data-create-status="in-progress"] {
  background: #e8f0ec !important;
  color: #0d5c3d !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker[data-create-status="in-progress"] > span:first-child {
  background: #0d5c3d !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker[data-create-status="waiting"] {
  background: #f5efe2 !important;
  color: #8b6417 !important;
}

html body #orgTaskPanel.is-create .org-task-panel-kicker[data-create-status="waiting"] > span:first-child {
  background: #b7791f !important;
}

html body #orgTaskPanel.is-create .org-task-panel-header h2 {
  margin: 0 !important;
  color: #1f211e !important;
  font: 800 20px/1.2 var(--figma-font) !important;
  letter-spacing: -.025em !important;
}

html body #orgTaskPanel.is-create .org-task-create-intro {
  margin: 5px 0 0 !important;
  color: #a8a6a0 !important;
  font: 400 12px/1.45 var(--figma-font) !important;
}

html body #orgTaskPanel.is-create .org-task-panel-close {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  margin: -3px -4px 0 12px !important;
  border-radius: 4px !important;
}

html body #orgTaskPanel.is-create .org-task-panel-scroll {
  padding: 0 !important;
  background: #fff !important;
}

html body #orgTaskPanel.is-create #orgTaskPanelDetails {
  padding: 0 !important;
}

html body #orgTaskPanel.is-create #orgTaskForm {
  margin: 0 !important;
  padding: 20px !important;
  gap: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #orgTaskPanel.is-create #orgTaskRecordState,
html body #orgTaskPanel.is-create .org-task-observers-field,
html body #orgTaskPanel.is-create #orgTaskDelete {
  display: none !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-task-form-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 14px 14px !important;
}

html body #orgTaskPanel.is-create .org-task-priority-field {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body #orgTaskPanel.is-create .org-task-create-status {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

html body #orgTaskPanel.is-create .org-task-due-field {
  width: 240px !important;
  max-width: 100% !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-field {
  gap: 6px !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-field > span {
  margin: 0 !important;
  color: #a8a6a0 !important;
  font: 700 10px/1 var(--figma-font) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-field input,
html body #orgTaskPanel.is-create #orgTaskForm .org-field select,
html body #orgTaskPanel.is-create #orgTaskForm .org-client-combobox,
html body #orgTaskPanel.is-create #orgTaskForm .org-field > .echo-select-trigger {
  height: 36px !important;
  min-height: 36px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1f211e !important;
  font: 400 13px/1 var(--figma-font) !important;
  box-shadow: none !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-client-combobox input {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 6px !important;
  border: 0 !important;
}

html body #orgTaskPanel.is-create #orgTaskForm .org-client-combobox:focus-within,
html body #orgTaskPanel.is-create #orgTaskForm .org-field input:focus,
html body #orgTaskPanel.is-create #orgTaskForm .org-field select:focus,
html body #orgTaskPanel.is-create #orgTaskForm .org-field textarea:focus {
  border-color: #1f211e !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body #orgTaskPanel.is-create #orgTaskTitle {
  height: 36px !important;
  min-height: 36px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body #orgTaskPanel.is-create #orgTaskDescription {
  min-height: 92px !important;
  padding: 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1f211e !important;
  font: 400 13px/1.5 var(--figma-font) !important;
  resize: vertical !important;
}

html body #orgTaskPanel.is-create .org-task-form-actions {
  margin: 2px -20px -20px !important;
  padding: 16px 20px !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  border-top: 1px solid #e2e0db !important;
  background: #fff !important;
}

html body #orgTaskPanel.is-create .org-task-form-actions .org-button {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  font: 700 11px/1 var(--figma-font) !important;
}

html body #orgTaskPanel.is-create #orgTaskCancel {
  display: inline-flex !important;
  border: 1px solid #e2e0db !important;
  background: transparent !important;
  color: #1f211e !important;
}

html body #orgTaskPanel.is-create #orgTaskSave {
  min-width: 148px !important;
  border: 1px solid #1f211e !important;
  background: #1f211e !important;
  color: #fff !important;
}

html body #orgTaskPanel.is-create #orgTaskSave:disabled {
  border-color: #d8d6d1 !important;
  background: #d8d6d1 !important;
  color: #f6f5f1 !important;
  cursor: not-allowed !important;
}

html body #orgTaskPanel:not(.is-create) #orgTaskCancel {
  display: none !important;
}

@media (max-width: 620px) {
  html body #orgTaskPanel.is-create.org-task-panel {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
  }

  html body #orgTaskPanel.is-create #orgTaskForm .org-task-form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body #orgTaskPanel.is-create .org-task-priority-field,
  html body #orgTaskPanel.is-create .org-task-create-status,
  html body #orgTaskPanel.is-create .org-task-due-field {
    width: 100% !important;
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff;
  color: var(--figma-charcoal);
  font: 13px/1.5 var(--figma-font);
  -webkit-font-smoothing: antialiased;
}

body * { box-sizing: border-box; }
body ::selection { background: rgba(13, 92, 61, .13); }
body ::-webkit-scrollbar { display: none; }
body * { scrollbar-width: none; }

/* Cadre global Figma */
#mainContent.layout {
  width: 100vw !important;
  height: 100vh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
}

#appSidebar.app-sidebar {
  position: relative !important;
  inset: auto !important;
  width: 220px !important;
  min-width: 220px !important;
  height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  background: var(--figma-charcoal) !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: #fff !important;
}

#appSidebar .sidebar-brand {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
}

#appSidebar .sidebar-brand-text {
  display: inline !important;
  color: #fff !important;
  font: 800 20px/1 var(--figma-font) !important;
  letter-spacing: -.04em !important;
}

#appSidebar .sidebar-nav {
  flex: 1 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 10px 8px 18px !important;
  overflow-y: auto !important;
  display: block !important;
}

#appSidebar .sidebar-nav-heading {
  height: auto !important;
  min-height: 0 !important;
  margin: 22px 4px 8px !important;
  padding: 7px 10px 7px 9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-left: 2px solid var(--figma-balta-mid) !important;
  border-radius: 0 4px 4px 0 !important;
  background: rgba(157, 201, 181, .09) !important;
  color: var(--figma-balta-mid) !important;
  font: 800 9.5px/1.15 var(--figma-font) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#appSidebar .sidebar-nav-heading::after {
  content: none;
}

#appSidebar .sidebar-nav-heading:first-child {
  margin-top: 7px !important;
}

#appSidebar .sidebar-nav-separator {
  display: none !important;
}

#appSidebar .sidebar-nav-item {
  width: 100% !important;
  height: 40px !important;
  margin: 2px 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .76) !important;
  box-shadow: none !important;
  font: 500 12px/1 var(--figma-font) !important;
  letter-spacing: .01em !important;
  text-align: left !important;
  cursor: pointer !important;
}

/* L’action « ouvrir dans un nouvel onglet » reste calée sur le bord droit
   de la sidebar ouverte, indépendamment de la longueur du libellé. */
#appSidebar .sidebar-nav-item .sidebar-new-tab {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  margin-right: 0 !important;
  margin-left: auto !important;
  align-self: center !important;
  text-align: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  cursor: pointer !important;
  transition: opacity .12s ease !important;
}

#appSidebar .sidebar-nav-item:hover .sidebar-new-tab,
#appSidebar .sidebar-nav-item:focus-within .sidebar-new-tab,
#appSidebar .sidebar-nav-item.active:hover .sidebar-new-tab {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#appSidebar .sidebar-nav-item:hover { background: rgba(255, 255, 255, .055) !important; color: rgba(255, 255, 255, .82) !important; }
#appSidebar .sidebar-nav-item .sidebar-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
}
#appSidebar .sidebar-nav-item.active {
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
}

#appSidebar .sidebar-create {
  position: relative !important;
  flex: 0 0 auto !important;
  padding: 12px 16px !important;
  border: 0 !important;
}

#appSidebar .sidebar-sources {
  flex: 0 0 auto !important;
  padding: 0 16px 8px !important;
}

#appSidebar .sidebar-sources button {
  width: 100% !important;
  height: 30px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .35) !important;
  font: 600 10.5px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  opacity: 1 !important;
}

#appSidebar .sidebar-sources i { font-size: 10px !important; }

#appSidebar .sidebar-create summary {
  width: 100% !important;
  height: 36px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  list-style: none !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  font: 700 12px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  cursor: pointer !important;
}

#appSidebar .sidebar-create summary::-webkit-details-marker { display: none; }
#appSidebar .sidebar-create summary span { font-size: 18px; font-weight: 300; line-height: 1; }
#appSidebar .sidebar-create-menu {
  position: absolute !important;
  z-index: 50 !important;
  right: 16px !important;
  bottom: 54px !important;
  left: 16px !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .22) !important;
}

#appSidebar .sidebar-create:not([open]) .sidebar-create-menu { display: none !important; }
#appSidebar .sidebar-create-menu button {
  width: 100% !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 600 12.5px/1 var(--figma-font) !important;
  text-align: left !important;
  cursor: pointer !important;
}
#appSidebar .sidebar-create-menu button:hover { background: var(--figma-ground) !important; }

#appSidebar .sidebar-user {
  flex: 0 0 auto !important;
  min-height: 59px !important;
  padding: 14px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

#appSidebar .sidebar-user-avatar {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .15) !important;
  color: #fff !important;
}
#appSidebar .sidebar-user > span:last-child { min-width: 0; display: block; }
#appSidebar .sidebar-user strong,
#appSidebar .sidebar-user small { display: block; white-space: nowrap; }
#appSidebar .sidebar-user strong { color: #fff; font: 700 11px/1.5 var(--figma-font); letter-spacing: .02em; }
#appSidebar .sidebar-user small { margin-top: 0; color: rgba(255, 255, 255, .4); font: 400 10px/1.5 var(--figma-font); letter-spacing: .02em; }
#appSidebar .sidebar-logout {
  width: 32px !important;
  height: 32px !important;
  margin-left: auto !important;
  padding: 0 !important;
  display: inline-flex !important;
  flex: 0 0 32px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .58) !important;
  cursor: pointer !important;
}
#appSidebar .sidebar-logout:hover,
#appSidebar .sidebar-logout:focus-visible { background: rgba(255, 255, 255, .1) !important; color: #fff !important; outline: none !important; }
#appSidebar .sidebar-logout span { display: none !important; }

#mainContent > .app-main {
  position: relative !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100vh !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

#mainContent > .app-main > .shell {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Vue Tâches exacte */
#pageOrganisationTaches.org-page {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  background: #fff !important;
}

#pageOrganisationTaches .org-task-page-header {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 24px 32px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: #fff !important;
}

#pageOrganisationTaches .org-task-page-title { display: flex !important; align-items: baseline !important; gap: 8px !important; }
#pageOrganisationTaches .org-task-page-heading { display: flex !important; flex-direction: column !important; gap: 1px !important; }
#pageOrganisationTaches .org-task-current-day {
  margin: 0 !important;
  color: var(--figma-stone-2) !important;
  font: 500 12px/1.35 var(--figma-font) !important;
}
#pageOrganisationTaches .org-task-page-title h1 {
  margin: 0 !important;
  color: var(--figma-charcoal) !important;
  font: 800 28px/1.5 var(--figma-font) !important;
  letter-spacing: -.03em !important;
  text-transform: uppercase !important;
}
#pageOrganisationTaches #orgTaskCount {
  color: var(--figma-stone-2) !important;
  font: 600 14px/1 var(--figma-font) !important;
}
#pageOrganisationTaches #orgTaskCount::before { content: '('; }
#pageOrganisationTaches #orgTaskCount::after { content: ')'; }

#pageOrganisationTaches .org-task-page-header .org-button-primary {
  width: 136.453125px !important;
  height: 36px !important;
  padding: 0 16px !important;
  gap: 5px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--figma-charcoal) !important;
  color: #fff !important;
  font: 700 11px/1 var(--figma-font) !important;
  letter-spacing: .05em !important;
  box-shadow: none !important;
}

#pageOrganisationTaches > .org-page-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#pageOrganisationTaches .org-task-day-picker {
  flex: 0 0 auto !important;
  margin: 18px 32px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(8, minmax(92px, 1fr)) !important;
  gap: 6px !important;
  overflow-x: auto !important;
}
#pageOrganisationTaches .org-task-day-picker button {
  min-width: 92px !important;
  min-height: 52px !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e3e1dc !important;
  border-radius: 4px !important;
  background: #f7f6f3 !important;
  color: #8d8b84 !important;
  font-family: var(--figma-font) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-day-picker button[aria-pressed="true"] { border-color: #1f211e !important; background: #1f211e !important; color: #fff !important; }
#pageOrganisationTaches .org-task-day-picker button:focus-visible { outline: 2px solid #1f211e !important; outline-offset: 2px !important; }

#pageOrganisationTaches .org-task-control-deck {
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
}
html body #pageOrganisationTaches .org-task-control-deck {
  margin: 0 !important;
  display: block !important;
  gap: 0 !important;
}
#pageOrganisationTaches .org-task-control-top {
  min-height: 0 !important;
  padding: 12px 32px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  border: 0 !important;
}
#pageOrganisationTaches .org-view-switch {
  margin-right: 16px !important;
  padding-right: 16px !important;
  display: flex !important;
  gap: 2px !important;
  border-right: 1px solid #e8e6e1 !important;
}
html body #pageOrganisationTaches .org-task-control-top .org-view-switch {
  min-height: 26px !important;
  margin: 0 16px 0 0 !important;
  padding: 0 16px 0 0 !important;
  border: 0 !important;
  border-right: 1px solid #e8e6e1 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#pageOrganisationTaches .org-view-switch button,
#pageOrganisationTaches .org-period-tabs button {
  box-sizing: border-box !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  min-width: 0 !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: var(--figma-stone-2) !important;
  font: 500 12px/1 var(--figma-font) !important;
  text-transform: none !important;
  box-shadow: none !important;
}
#pageOrganisationTaches .org-view-switch button { border: 0 !important; }
#pageOrganisationTaches .org-view-switch button i { display: none !important; }
#pageOrganisationTaches .org-view-switch button.active,
#pageOrganisationTaches .org-period-tabs button.active {
  border-color: var(--figma-charcoal) !important;
  background: var(--figma-charcoal) !important;
  color: #fff !important;
  font-weight: 700 !important;
}
#pageOrganisationTaches .org-period-tabs { display: flex !important; gap: 2px !important; margin: 0 !important; border: 0 !important; }

#pageOrganisationTaches .org-task-toolbar {
  min-height: 0 !important;
  padding: 10px 32px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}
#pageOrganisationTaches .org-search {
  position: relative !important;
  flex: 1 1 260px !important;
  width: auto !important;
  max-width: 260px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-charcoal) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#pageOrganisationTaches .org-search input {
  width: 100% !important;
  height: 30px !important;
  padding: 0 28px 0 10px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .05em !important;
}
#pageOrganisationTaches .org-search input::placeholder {
  color: var(--figma-stone-2) !important;
  font-style: normal !important;
  opacity: 1 !important;
}
#pageOrganisationTaches .org-search i {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  color: var(--figma-charcoal) !important;
  font-size: 13px !important;
}
#pageOrganisationTaches .org-task-toolbar select {
  width: auto !important;
  min-width: 150px !important;
  height: 30px !important;
  padding: 0 28px 0 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: var(--figma-ink) !important;
  font: 500 11.5px/1 var(--figma-font) !important;
  box-shadow: none !important;
}
#pageOrganisationTaches #orgTaskResponsible { width: 129px !important; min-width: 129px !important; }
#pageOrganisationTaches #orgTaskStatus { width: 111px !important; min-width: 111px !important; }
html body #pageOrganisationTaches .org-task-toolbar #orgTaskResponsible,
html body #pageOrganisationTaches .org-task-toolbar #orgTaskStatus {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 10px !important;
  color: var(--figma-ink) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}
#pageOrganisationTaches #orgTaskDue[hidden] { display: none !important; }
#pageOrganisationTaches .org-task-reset {
  width: auto !important;
  height: 30px !important;
  padding: 0 10px !important;
  gap: 5px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--figma-stone-2) !important;
  font: 600 11px/1 var(--figma-font) !important;
}

#pageOrganisationTaches #orgTaskColumns { display: none !important; }
#pageOrganisationTaches .org-task-view-tabs {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  border-bottom: 1px solid #efede8 !important;
  background: #fff !important;
}
#pageOrganisationTaches .org-task-view-tabs button {
  height: 32px !important;
  padding: 0 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #8c8982 !important;
  font: 600 12px/1 var(--figma-font) !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-view-tabs button:hover { background: #f2f1ed !important; color: var(--figma-charcoal) !important; }
#pageOrganisationTaches .org-task-view-tabs button[aria-pressed="true"] { background: #ebeae6 !important; color: var(--figma-charcoal) !important; font-weight: 700 !important; }
#pageOrganisationTaches .org-task-view-tabs button:focus-visible { outline: 2px solid var(--figma-charcoal) !important; outline-offset: 1px !important; }
#pageOrganisationTaches #orgTaskDayPicker[hidden],
#pageOrganisationTaches #orgAllTasks.org-task-list[hidden],
#pageOrganisationTaches #orgTaskCompleteTable[hidden],
#pageOrganisationTaches #orgTaskDossierView[hidden],
#pageOrganisationTaches #orgTaskDossierTable[hidden],
#pageOrganisationTaches #orgTaskDossierPrompt[hidden] { display: none !important; }
#pageOrganisationTaches #orgAllTasks.org-task-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 32px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: auto !important;
  background: #fff !important;
}

#pageOrganisationTaches .org-task-database {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: auto !important;
  background: #fff !important;
}
#pageOrganisationTaches .org-task-dossier-view {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff !important;
}
#pageOrganisationTaches .org-task-dossier-toolbar {
  flex: 0 0 54px !important;
  min-height: 54px !important;
  padding: 0 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-bottom: 1px solid #e8e6e1 !important;
  background: #f7f6f3 !important;
}
#pageOrganisationTaches .org-task-dossier-toolbar label {
  color: #8c8982 !important;
  font: 700 10px/1 var(--figma-font) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}
#pageOrganisationTaches #orgTaskDossierSelect {
  width: min(360px, 42vw) !important;
  height: 34px !important;
  padding: 0 34px 0 12px !important;
  border: 1px solid #dcd9d2 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: var(--figma-charcoal) !important;
  font: 600 12px/1 var(--figma-font) !important;
  cursor: pointer !important;
}
#pageOrganisationTaches #orgTaskDossierSummary {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #77746d !important;
  font: 500 11.5px/1.3 var(--figma-font) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationTaches .org-task-dossier-prompt {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  display: grid !important;
  place-items: center !important;
  padding: 32px !important;
  color: #96938c !important;
  font: italic 400 13px/1.5 var(--figma-font) !important;
  text-align: center !important;
}
#pageOrganisationTaches #orgTaskDossierTable { flex: 1 1 auto !important; }

@media (max-width: 900px) {
  #pageOrganisationTaches .org-task-dossier-toolbar { padding: 8px 18px !important; flex-wrap: wrap !important; }
  #pageOrganisationTaches #orgTaskDossierSelect { width: min(100%, 360px) !important; }
}
#pageOrganisationTaches .org-task-database-head,
#pageOrganisationTaches .org-task-database-row {
  box-sizing: border-box !important;
  min-width: 1380px !important;
  display: grid !important;
  grid-template-columns: 126px 170px minmax(260px, 1fr) 140px 126px minmax(190px, .75fr) 270px !important;
  align-items: center !important;
}
#pageOrganisationTaches .org-task-database-head {
  position: sticky !important;
  z-index: 3 !important;
  top: 0 !important;
  min-height: 36px !important;
  padding: 0 22px !important;
  border-top: 1px solid #e5e3de !important;
  border-bottom: 1px solid #e5e3de !important;
  background: #fff !important;
  color: #89867f !important;
  font: 600 10px/1 var(--figma-font) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
}
#pageOrganisationTaches .org-task-database-head > span { padding: 0 10px !important; }
#pageOrganisationTaches .org-task-database-body {
  min-width: 1380px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
#pageOrganisationTaches .org-task-database-row {
  position: relative !important;
  flex: 0 0 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #eceae5 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--figma-charcoal) !important;
  cursor: pointer !important;
  content-visibility: auto !important;
  contain-intrinsic-size: 46px !important;
}
#pageOrganisationTaches .org-task-database-row:hover { background: #f7f6f3 !important; }
#pageOrganisationTaches .org-task-database-row.is-selected { background: #ecebe7 !important; }
#pageOrganisationTaches .org-task-database-row.is-waiting { opacity: .58 !important; }
#pageOrganisationTaches .org-task-database-row.is-waiting:hover { opacity: .72 !important; }
#pageOrganisationTaches .org-task-database-row.is-urgent::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px auto 7px 0 !important;
  width: 3px !important;
  background: #d52b1e !important;
}
#pageOrganisationTaches .org-task-database-row > * { box-sizing: border-box !important; min-width: 0 !important; padding: 0 10px !important; }
#pageOrganisationTaches .org-task-database-status,
#pageOrganisationTaches .org-task-database-client,
#pageOrganisationTaches .org-task-database-assignee,
#pageOrganisationTaches .org-task-database-date,
#pageOrganisationTaches .org-task-database-title,
#pageOrganisationTaches .org-task-database-actions {
  display: flex !important;
  align-items: center !important;
}
#pageOrganisationTaches .org-task-database-status {
  width: max-content !important;
  max-width: calc(100% - 12px) !important;
  min-height: 26px !important;
  margin-left: 5px !important;
  gap: 5px !important;
  border-radius: 13px !important;
  background: #efeeea !important;
}
#pageOrganisationTaches .org-task-database-status.status-review { background: #eee7f8 !important; }
#pageOrganisationTaches .org-task-database-status.status-correction { background: #f7e7e4 !important; }
#pageOrganisationTaches .org-task-database-status.status-waiting { background: #faf1d9 !important; }
#pageOrganisationTaches .org-task-database-status.status-discussion { background: #e8eef5 !important; }
#pageOrganisationTaches .org-task-database-status select,
#pageOrganisationTaches .org-task-database-client select,
#pageOrganisationTaches .org-task-database-assignee select {
  width: 100% !important;
  height: 26px !important;
  min-width: 0 !important;
  padding: 0 18px 0 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  outline: none !important;
  background-color: transparent !important;
  color: inherit !important;
  font: 500 11.5px/1 var(--figma-font) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-database-client select {
  width: max-content !important;
  max-width: 100% !important;
  padding: 0 22px 0 9px !important;
  border-radius: 4px !important;
  background-color: #efeeea !important;
  font-weight: 600 !important;
}
#pageOrganisationTaches .org-task-database-title { gap: 7px !important; }
#pageOrganisationTaches .org-task-database-title .org-task-priority { margin: 0 !important; }
#pageOrganisationTaches .org-task-database-title .org-task-inline-title {
  width: auto !important;
  max-width: calc(100% - 14px) !important;
  flex: 0 1 calc(var(--org-task-title-ch, 24) * 1ch) !important;
  color: var(--figma-charcoal) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}
#pageOrganisationTaches .org-task-database-row.is-late .org-task-inline-title { color: #a63020 !important; }
#pageOrganisationTaches .org-task-database-row.is-waiting .org-task-inline-title { font-style: italic !important; }
#pageOrganisationTaches .org-task-database-title .org-task-waiting {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #af8c25 !important;
  font: italic 400 11px/1.35 var(--figma-font) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationTaches .org-task-database-assignee { gap: 5px !important; }
#pageOrganisationTaches .org-task-database-assignee .org-task-avatar { flex: 0 0 22px !important; margin: 0 !important; }
#pageOrganisationTaches .org-task-database-assignee select { color: #77746d !important; }
#pageOrganisationTaches .org-task-database-date { justify-content: flex-start !important; gap: 5px !important; color: #77746d !important; }
#pageOrganisationTaches .org-task-database-date.is-late { color: #a63020 !important; }
#pageOrganisationTaches .org-task-database-date input {
  width: 108px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: inherit !important;
  font: 500 11.5px/1 var(--figma-font) !important;
}
#pageOrganisationTaches .org-task-database-comment {
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: #8a8780 !important;
  font: 400 11.5px/1.35 var(--figma-font) !important;
  text-align: left !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-database-comment > span:first-of-type { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#pageOrganisationTaches .org-task-database-comment > span:last-child:not(:first-of-type) { color: #aaa8a1 !important; font-size: 10px !important; }
#pageOrganisationTaches .org-task-database-actions { justify-content: flex-end !important; padding-right: 0 !important; }
#pageOrganisationTaches .org-task-database-actions .org-task-review-inline-actions { margin-right: 4px !important; }
#pageOrganisationTaches .org-task-database-actions .org-task-menu-button { width: 30px !important; flex: 0 0 30px !important; margin: 0 !important; }
#pageOrganisationTaches .org-task-database .org-empty,
#pageOrganisationTaches .org-task-database .org-tasks-loading { min-width: 100% !important; }
#pageOrganisationTaches .org-task-group {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  gap: 0 !important;
}
#pageOrganisationTaches .org-task-group-title {
  width: 100% !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-top: 1px solid #e8e6e1 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #e8e6e1 !important;
  border-left: 0 !important;
  background: #f7f6f3 !important;
  color: var(--figma-charcoal) !important;
  font: 800 11px/1 var(--figma-font) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-group-title::before {
  content: "" !important;
  width: 3px !important;
  height: 17px !important;
  flex: 0 0 3px !important;
  background: #1f211e !important;
}
#pageOrganisationTaches .org-task-group.is-late .org-task-group-title::before { background: #d52b1e !important; }
#pageOrganisationTaches .org-task-group.is-validation .org-task-group-title::before { background: #7c3abd !important; }
#pageOrganisationTaches .org-task-group.is-waiting .org-task-group-title::before { background: #d4a017 !important; }
#pageOrganisationTaches .org-task-group.is-discussion .org-task-group-title::before { background: #1a6fa8 !important; }
#pageOrganisationTaches .org-task-group-title strong {
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #e7e5df !important;
  color: #77756f !important;
  font-size: 10px !important;
}
#pageOrganisationTaches .org-task-group-title > i { margin-left: auto !important; font-size: 13px !important; transition: transform .18s ease !important; }
#pageOrganisationTaches .org-task-group-title[aria-expanded="false"] > i { transform: rotate(-90deg) !important; }
#pageOrganisationTaches .org-task-group-title:focus-visible { outline: 2px solid #1f211e !important; outline-offset: -2px !important; }
#pageOrganisationTaches .org-task-group.is-late .org-task-group-title strong { background: #d52b1e !important; color: #fff !important; }
#pageOrganisationTaches .org-task-group-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
#pageOrganisationTaches .org-task-group-content[hidden] { display: none !important; }
#pageOrganisationTaches .org-task-section-empty {
  min-height: 38px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  color: #aaa8a1 !important;
  font: italic 400 11px/1.2 var(--figma-font) !important;
}

#pageOrganisationTaches .org-task-row {
  position: relative !important;
  flex: 0 0 54px !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 14px 0 18px !important;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--figma-ground) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .08s !important;
}
#pageOrganisationTaches .org-task-row:hover { background: var(--figma-ground-2) !important; }
#pageOrganisationTaches .org-task-row.is-selected {
  background: #ecebe7 !important;
  color: var(--figma-charcoal) !important;
  box-shadow: inset 3px 0 0 var(--figma-charcoal) !important;
}
#pageOrganisationTaches .org-task-row.is-done:not(.is-selected) { opacity: .65 !important; }
#pageOrganisationTaches .org-task-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 12px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}
#pageOrganisationTaches .org-task-check { display: none !important; }
#pageOrganisationTaches .org-task-drag-handle {
  width: 24px !important;
  height: 34px !important;
  flex: 0 0 24px !important;
  margin: 0 3px 0 -10px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #aaa8a1 !important;
  opacity: 0 !important;
  cursor: grab !important;
  transition: opacity .1s, background .1s, color .1s !important;
}
#pageOrganisationTaches .org-task-row:hover .org-task-drag-handle,
#pageOrganisationTaches .org-task-drag-handle:focus-visible,
#pageOrganisationTaches .org-task-row.is-dragging .org-task-drag-handle {
  opacity: 1 !important;
}
#pageOrganisationTaches .org-task-drag-handle:hover {
  background: #e4e3df !important;
  color: #343430 !important;
}
#pageOrganisationTaches .org-task-row.is-selected .org-task-drag-handle {
  color: #77746d !important;
}
#pageOrganisationTaches .org-task-drag-handle:active { cursor: grabbing !important; }
#pageOrganisationTaches .org-task-priority {
  display: none !important;
  width: 5px !important;
  height: 5px !important;
  flex: 0 0 5px !important;
  margin: 0 10px 0 0 !important;
  border-radius: 50% !important;
  background: #c0392b !important;
}
#pageOrganisationTaches .org-task-priority.high,
#pageOrganisationTaches .org-task-priority.urgent { display: inline-block !important; }
#pageOrganisationTaches .org-task-copy { min-width: 0 !important; flex: 1 1 auto !important; }
#pageOrganisationTaches .org-task-name {
  display: block !important;
  overflow: hidden !important;
  color: var(--figma-charcoal) !important;
  font: 600 13.5px/1.5 var(--figma-font) !important;
  letter-spacing: -.01em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationTaches .org-task-row.is-late .org-task-name { color: #a63020 !important; }
#pageOrganisationTaches .org-task-row.is-done .org-task-name {
  font-style: italic !important;
  text-decoration: none !important;
}
#pageOrganisationTaches .org-task-row.is-waiting {
  opacity: .58 !important;
}
#pageOrganisationTaches .org-task-row.is-waiting:hover,
#pageOrganisationTaches .org-task-row.is-waiting:focus-within {
  opacity: .72 !important;
}
#pageOrganisationTaches .org-task-row.is-waiting .org-task-name {
  font-style: italic !important;
}
#pageOrganisationTaches .org-task-row.is-waiting .org-task-date {
  visibility: hidden !important;
  pointer-events: none !important;
}
#pageOrganisationTaches .org-task-row.is-waiting .org-task-date::before {
  display: none !important;
}
#pageOrganisationTaches .org-task-client {
  max-width: 100% !important;
  height: auto !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--figma-stone-2) !important;
  font: 400 11.5px/1.5 var(--figma-font) !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationTaches .org-task-waiting { margin-left: 6px; color: #c0a040; font-style: italic; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-name { color: var(--figma-charcoal) !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-client { color: var(--figma-stone-2) !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-waiting { color: #8d741d !important; }
#pageOrganisationTaches .org-task-avatar {
  width: 22px !important;
  height: 22px !important;
  margin: 0 14px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: rgba(13,92,61,.1) !important;
  color: var(--figma-balta) !important;
  font: 600 8px/1 var(--figma-font) !important;
}
#pageOrganisationTaches .org-task-row.is-selected .org-task-avatar { background: rgba(13,92,61,.1) !important; color: var(--figma-balta) !important; }
#pageOrganisationTaches .org-task-date {
  width: 118px !important;
  flex: 0 0 118px !important;
  margin: 0 12px 0 0 !important;
  color: var(--figma-stone-2) !important;
  font: 500 12px/1.5 var(--figma-font) !important;
  text-align: right !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}
#pageOrganisationTaches .org-task-date.is-late { color: #a63020 !important; }
#pageOrganisationTaches .org-task-late-icon {
  flex: 0 0 auto !important;
  color: #d52b1e !important;
  font-size: 14px !important;
}
#pageOrganisationTaches .org-task-row.is-selected .org-task-date { color: var(--figma-stone-2) !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-date.is-late { color: #a63020 !important; }
#pageOrganisationTaches .org-task-status {
  width: 114px !important;
  flex: 0 0 114px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--figma-ink) !important;
  font: 500 11.5px/1.5 var(--figma-font) !important;
  white-space: nowrap !important;
}
#pageOrganisationTaches .org-status-dot { width: 6px !important; height: 6px !important; flex: 0 0 6px !important; border-radius: 50% !important; background: #c0beb8 !important; }
#pageOrganisationTaches .org-status-dot.in_progress { background: #3d6080 !important; }
#pageOrganisationTaches .org-status-dot.waiting { background: #d4a017 !important; }
#pageOrganisationTaches .org-status-dot.review { background: #6b3fa0 !important; }
#pageOrganisationTaches .org-status-dot.correction { background: #c0392b !important; }
#pageOrganisationTaches .org-status-dot.approved,
#pageOrganisationTaches .org-status-dot.done { background: var(--figma-balta) !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-status { color: var(--figma-ink) !important; }
#pageOrganisationTaches .org-task-open {
  width: 44px !important;
  height: 26px !important;
  flex: 0 0 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  border: 0 !important;
  background: transparent !important;
  color: #c0beb8 !important;
  font: 600 11px/1 var(--figma-font) !important;
}
#pageOrganisationTaches .org-task-row .org-task-review-inline-actions {
  flex: 0 0 250px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-right: 10px !important;
}
#pageOrganisationTaches .org-task-review-inline-actions button { height: 26px !important; padding: 0 10px !important; border: 1px solid #d4d2cb !important; border-radius: 4px !important; background: #fff !important; color: #8a8880 !important; font: 600 11px/1 var(--figma-font) !important; cursor: pointer !important; }
#pageOrganisationTaches .org-task-review-inline-actions button:first-child { border-color: #1f211e !important; background: #1f211e !important; color: #fff !important; font-weight: 700 !important; }
#pageOrganisationTaches .org-task-review-inline-actions button:first-child:hover,
#pageOrganisationTaches .org-task-review-inline-actions button:first-child:focus-visible,
#pageOrganisationTaches .org-task-review-inline-actions button:first-child:active { border-color: #343630 !important; background: #343630 !important; }
#pageOrganisationTaches .org-task-review-inline-actions.is-workflow button:first-child {
  border-color: #1f211e !important;
  background: #1f211e !important;
  color: #fff !important;
}
#pageOrganisationTaches .org-task-review-inline-actions.is-workflow button:first-child:hover { background: #343630 !important; }
#pageOrganisationTaches .org-task-review-inline-actions button i { margin-right: 3px !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-review-inline-actions button:last-child { border-color: #d4d2cb !important; background: #fff !important; color: #8a8880 !important; }
#pageOrganisationTaches .org-task-menu-button {
  width: 72px !important;
  height: 26px !important;
  flex: 0 0 72px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  visibility: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--figma-ink-2) !important;
}
#pageOrganisationTaches .org-task-row:hover .org-task-menu-button,
#pageOrganisationTaches .org-task-row.is-selected .org-task-menu-button { visibility: visible !important; }
#pageOrganisationTaches .org-task-menu-button i { width: 26px !important; height: 26px !important; display: grid !important; place-items: center !important; border-radius: 3px !important; background: #e2e0db !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-menu-button { background: transparent !important; color: var(--figma-ink-2) !important; }
#pageOrganisationTaches .org-task-row.is-selected .org-task-menu-button i { background: #d8d6d0 !important; }

/* Édition directe des propriétés, dans l'esprit d'une base Notion. */
#pageOrganisationTaches .org-task-inline-title {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 23px !important;
  padding: 0 4px !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  outline: none !important;
  background: transparent !important;
}

#pageOrganisationCalendrier .org-page-header {
  min-height: 72px !important;
  padding: 18px 28px 14px !important;
  border-bottom: 1px solid #eeecea !important;
}
#pageOrganisationCalendrier .org-page-header h1 {
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -.025em !important;
}
#pageOrganisationCalendrier .org-page-subtitle { display: none !important; }
#pageOrganisationCalendrier .org-calendar-nav { gap: 8px !important; }
#pageOrganisationCalendrier .org-calendar-body {
  padding: 0 !important;
  overflow: auto !important;
}
#pageOrganisationCalendrier .org-calendar-title {
  margin: 0 !important;
  padding: 12px 28px !important;
  border-bottom: 1px solid #eeecea !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays:not(.is-rolling) {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  border-bottom: 1px solid #eeecea !important;
  background: #fff !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays:not(.is-rolling) > span {
  padding: 8px 10px !important;
  color: #918f89 !important;
  font-size: 10px !important;
  letter-spacing: .06em !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) {
  grid-auto-rows: 176px !important;
  border-color: #eeecea !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-day {
  min-height: 176px !important;
  padding: 8px 7px !important;
  overflow-y: auto !important;
  border-color: #eeecea !important;
  background: #fff !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-day.is-outside { background: #fafaf9 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-day-number {
  width: 25px !important;
  height: 25px !important;
  margin-bottom: 4px !important;
  color: #1f211e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-day.is-today .org-calendar-day-number { background: #1f211e !important; color: #fff !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event {
  min-height: 34px !important;
  margin-top: 3px !important;
  padding: 5px 7px !important;
  border-left: 3px solid #1f211e !important;
  background: #f7f6f3 !important;
  color: #1f211e !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event strong,
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event strong { font-size: 10.5px !important; font-weight: 700 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event small { margin-top: 2px !important; color: #9f9d97 !important; font-size: 9px !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event:hover { background: #eeece8 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event.is-urgent { border-left-color: #d52b1e !important; background: #f7f6f3 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event.is-urgent strong { color: #d52b1e !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event.is-late strong { color: #a63020 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event.is-done { opacity: .65 !important; }
#pageOrganisationCalendrier .org-calendar-grid:not(.is-rolling) .org-calendar-event.is-done strong { font-style: italic !important; }
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling,
#pageOrganisationCalendrier .org-calendar-grid.is-rolling {
  width: 1512px !important;
  min-width: 1512px !important;
  grid-template-columns: repeat(9, 168px) !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  border-bottom: 2px solid #eeecea !important;
  background: #fff !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling > span {
  box-sizing: border-box !important;
  width: 168px !important;
  min-height: 69px !important;
  padding: 8px 10px 6px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: baseline !important;
  column-gap: 9px !important;
  border-right: 1px solid #f0efeb !important;
  color: #a8a6a0 !important;
  letter-spacing: 0 !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling > span.is-today {
  background: #1f211e !important;
  color: rgba(255,255,255,.55) !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling b,
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling i {
  display: block !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
#pageOrganisationCalendrier .org-calendar-weekdays.is-rolling i {
  grid-column: 1 / -1 !important;
  margin-top: 7px !important;
}
#pageOrganisationCalendrier .org-calendar-weekday-date {
  margin-top: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 5px !important;
}
#pageOrganisationCalendrier .org-calendar-weekday-date em {
  color: #1f211e !important;
  font-style: normal !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
#pageOrganisationCalendrier .is-today .org-calendar-weekday-date em { color: #fff !important; }
#pageOrganisationCalendrier .org-calendar-weekday-date small { font-size: 10px !important; font-weight: 500 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling { border: 0 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-day {
  box-sizing: border-box !important;
  width: 168px !important;
  min-height: calc(100vh - 205px) !important;
  padding: 8px 6px !important;
  overflow-y: auto !important;
  border-right: 1px solid #f0efeb !important;
  border-bottom: 0 !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-day.is-today { background: #fafaf9 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event {
  margin-top: 3px !important;
  min-height: 36px !important;
  padding: 6px 7px !important;
  border-left: 3px solid #1f211e !important;
  background: #f7f6f3 !important;
  color: #1f211e !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event strong,
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event strong {
  font-size: 11px !important;
  font-weight: 700 !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event small {
  margin-top: 3px !important;
  color: #a8a6a0 !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event:hover { background: #eeece8 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-urgent,
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-urgent:hover {
  border-left-color: #d52b1e !important;
  background: #f7f6f3 !important;
}
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-urgent strong { color: #d52b1e !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-late strong { color: #a63020 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-done { opacity: .65 !important; }
#pageOrganisationCalendrier .org-calendar-grid.is-rolling .org-calendar-event.is-done strong { font-style: italic !important; }
#pageOrganisationTaches .org-task-row.is-urgent {
  border-left: 4px solid #d52b1e !important;
  background: var(--figma-ground) !important;
  color: var(--figma-charcoal) !important;
}
#pageOrganisationTaches .org-task-row.is-urgent:hover { background: var(--figma-ground-2) !important; }
#pageOrganisationTaches .org-task-row.is-urgent.is-selected { background: #ecebe7 !important; color: var(--figma-charcoal) !important; }
#pageOrganisationTaches .org-task-row.is-urgent:not(.is-selected) .org-task-inline-title { color: #d52b1e !important; }
#orgTaskPanel.is-urgent #orgTaskQuickPriority { border-left: 3px solid #d52b1e !important; background: transparent !important; color: #d52b1e !important; }
#pageOrganisationCalendrier .org-calendar-day.is-drop-target {
  background: #f0efeb !important;
  box-shadow: inset 0 0 0 2px #1f211e !important;
}
#pageOrganisationTaches .org-task-inline-title:hover,
#pageOrganisationTaches .org-task-inline-title:focus {
  border-color: #d8d6d0 !important;
  background: #fff !important;
  text-decoration: none !important;
}
#pageOrganisationTaches .org-task-row.is-selected .org-task-inline-title:focus { color: var(--figma-charcoal) !important; }
#pageOrganisationTaches .org-task-inline-client-wrap { min-width: 0 !important; display: flex !important; align-items: center !important; }
#pageOrganisationTaches select[data-org-inline-field] {
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  outline: none !important;
  background-color: transparent !important;
  cursor: pointer !important;
}
#pageOrganisationTaches select[data-org-inline-field]:hover,
#pageOrganisationTaches select[data-org-inline-field]:focus { border-color: #d8d6d0 !important; background-color: #fff !important; }
#pageOrganisationTaches .org-task-inline-client-wrap .org-task-client { width: auto !important; min-width: 0 !important; max-width: calc(100% - 4px) !important; }
#pageOrganisationTaches .org-task-inline-assignee {
  position: relative !important;
  width: 68px !important;
  flex: 0 0 68px !important;
  display: grid !important;
  place-items: center !important;
}
#pageOrganisationTaches .org-task-inline-assignee .org-task-avatar { margin-right: 0 !important; }
#pageOrganisationTaches .org-task-inline-assignee select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  opacity: 0 !important;
}
#pageOrganisationTaches .org-task-inline-assignee:focus-within .org-task-avatar,
#pageOrganisationTaches .org-task-inline-assignee:hover .org-task-avatar { box-shadow: 0 0 0 2px rgba(13,92,61,.18) !important; }
#pageOrganisationTaches .org-task-date input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 2px 1px !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  outline: none !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-date input:hover,
#pageOrganisationTaches .org-task-date input:focus { border-color: #d8d6d0 !important; background: #fff !important; color: var(--figma-charcoal) !important; }
#pageOrganisationTaches .org-task-status select {
  min-width: 0 !important;
  width: 92px !important;
  color: inherit !important;
  font: inherit !important;
}
#pageOrganisationTaches .org-task-inline-priority {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-inline-priority select {
  position: absolute !important;
  inset: -8px !important;
  width: 22px !important;
  height: 22px !important;
  opacity: 0 !important;
}
#pageOrganisationTaches .org-task-inline-priority.normal,
#pageOrganisationTaches .org-task-inline-priority.low { background: #c6c5bf !important; }
#pageOrganisationTaches .org-task-row.is-saving { opacity: .58 !important; pointer-events: none !important; }

/* Les champs restent éditables sans donner à la ligne l'aspect d'un formulaire. */
#pageOrganisationTaches .org-task-inline-title,
#pageOrganisationTaches select[data-org-inline-field],
#pageOrganisationTaches .org-task-date input {
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
}
#pageOrganisationTaches .org-task-inline-title:hover,
#pageOrganisationTaches .org-task-inline-title:focus,
#pageOrganisationTaches select[data-org-inline-field]:hover,
#pageOrganisationTaches select[data-org-inline-field]:focus,
#pageOrganisationTaches .org-task-date input:hover,
#pageOrganisationTaches .org-task-date input:focus {
  border-color: transparent !important;
  background: rgba(31,31,28,.055) !important;
}
#pageOrganisationTaches .org-task-copy { padding-right: 18px !important; }
#pageOrganisationTaches .org-task-inline-client-wrap .org-task-client {
  width: 230px !important;
  max-width: min(230px, 100%) !important;
  padding: 0 4px !important;
  text-overflow: ellipsis !important;
}
#pageOrganisationTaches .org-task-inline-title {
  width: min(calc(var(--org-task-title-ch, 24) * 1ch), 100%) !important;
  max-width: min(640px, 100%) !important;
  padding-inline: 4px !important;
}
#pageOrganisationTaches .org-task-date input::-webkit-calendar-picker-indicator {
  width: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}
#pageOrganisationTaches .org-task-date:hover input::-webkit-calendar-picker-indicator,
#pageOrganisationTaches .org-task-date input:focus::-webkit-calendar-picker-indicator { opacity: .55 !important; }
#pageOrganisationTaches .org-task-date input.is-empty:not(:hover):not(:focus) {
  color: transparent !important;
}
#pageOrganisationTaches .org-task-date:has(input.is-empty)::before {
  position: absolute !important;
  right: 0 !important;
  color: #c0beb8 !important;
  content: 'Sans date' !important;
  font: 400 11px/1.5 var(--figma-font) !important;
  pointer-events: none !important;
}
#pageOrganisationTaches .org-task-date { position: relative !important; }
#pageOrganisationTaches .org-task-date:has(input.is-empty:hover)::before,
#pageOrganisationTaches .org-task-date:has(input.is-empty:focus)::before { display: none !important; }
#pageOrganisationTaches .org-task-status select {
  padding: 3px 5px !important;
  text-overflow: ellipsis !important;
}
#pageOrganisationTaches .org-task-row:not(:hover):not(:focus-within) .org-task-menu-button { visibility: hidden !important; }
#pageOrganisationTaches .org-task-row.is-selected select[data-org-inline-field]:not(:focus),
#pageOrganisationTaches .org-task-row.is-selected .org-task-inline-title:not(:focus) {
  color: var(--figma-charcoal) !important;
}
#pageOrganisationTaches .org-task-row.is-selected.is-late .org-task-name,
#pageOrganisationTaches .org-task-row.is-selected.is-late .org-task-inline-title,
#pageOrganisationTaches .org-task-row.is-selected.is-urgent .org-task-name,
#pageOrganisationTaches .org-task-row.is-selected.is-urgent .org-task-inline-title {
  color: #a63020 !important;
}

/* Panneau de détail exact */
body.org-task-panel-open #pageOrganisationTaches { padding-right: 380px !important; }
#orgTaskPanelBackdrop { display: none !important; }
#orgTaskPanel.org-task-panel {
  position: fixed !important;
  z-index: 80 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 380px !important;
  min-width: 380px !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: none !important;
  border: 0 !important;
  border-left: 1px solid #e8e6e1 !important;
  background: #fff !important;
  box-shadow: none !important;
}
#orgTaskPanel[hidden] { display: none !important; }
#orgTaskPanel .org-task-panel-header {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 20px 24px 16px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}
#orgTaskPanel .org-task-panel-header > div {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
#orgTaskPanel .org-task-panel-kicker {
  margin: 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--figma-ink-2) !important;
  font: 700 11px/1 var(--figma-font) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
#orgTaskPanelStatusDot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #c0beb8; }
#orgTaskPanelStatusDot.in_progress { background: #3d6080; }
#orgTaskPanelStatusDot.waiting { background: #d4a017; }
#orgTaskPanelStatusDot.review { background: #6b3fa0; }
#orgTaskPanelStatusDot.discussion { background: #3d6080; }
#orgTaskPanelStatusDot.correction { background: #c0392b; }
#orgTaskPanelStatusDot.approved,
#orgTaskPanelStatusDot.done { background: var(--figma-balta); }
#orgTaskPanel .org-task-panel-header h2 {
  margin: 0 !important;
  color: var(--figma-charcoal) !important;
  font: 700 15px/1.35 var(--figma-font) !important;
  letter-spacing: -.01em !important;
}
#orgTaskPanel .org-task-panel-title-input {
  display: block !important;
  width: 100% !important;
  min-height: 28px !important;
  height: auto;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 700 15px/1.35 var(--figma-font) !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
  resize: none !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
}
#orgTaskPanel .org-task-panel-title-input:hover { border-bottom-color: #cfcdc7 !important; }
#orgTaskPanel .org-task-panel-title-input:focus { border-bottom-color: var(--figma-charcoal) !important; }
#orgTaskPanel .org-task-panel-review-banner {
  margin: 4px 0 14px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(192,57,43,.42) !important;
  border-radius: 4px !important;
  background: rgba(192,57,43,.06) !important;
  color: #9f2f23 !important;
  font: 500 12px/1.35 var(--figma-font) !important;
}
#orgTaskPanel .org-task-panel-review-banner[hidden] { display: none !important; }
#orgTaskPanel .org-task-panel-header:has(.org-task-panel-review-banner:not([hidden])) .org-task-panel-kicker { color: #9f2f23 !important; }
#orgTaskPanelClient { margin: 4px 0 0; color: var(--figma-stone-2); font: 500 12px/1.3 var(--figma-font); }
#orgTaskPanel .org-task-panel-close {
  width: auto !important; height: auto !important; padding: 2px !important; border: 0 !important; background: transparent !important; color: var(--figma-stone-2) !important; box-shadow: none !important;
}
#orgTaskPanel .org-task-panel-close i { font-size: 16px !important; }
#orgTaskPanel .org-task-panel-tabs {
  flex: 0 0 36px !important;
  height: 36px !important;
  display: flex !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}
#orgTaskPanel .org-task-panel-tabs button {
  flex: 1 !important; height: 36px !important; margin: 0 0 -1px !important; padding: 0 !important; border: 0 !important; border-bottom: 2px solid transparent !important; background: transparent !important; color: var(--figma-stone-2) !important; font: 600 11px/1 var(--figma-font) !important; letter-spacing: .05em !important; text-transform: uppercase !important;
}
#orgTaskPanel .org-task-panel-tabs button.active { border-bottom-color: var(--figma-charcoal) !important; color: var(--figma-charcoal) !important; }
#orgTaskPanel .org-task-panel-scroll { flex: 1 1 auto !important; min-height: 0 !important; padding: 0 !important; overflow: auto !important; }
#orgTaskPanel .org-task-panel-section { padding: 16px 24px !important; }
#orgTaskPanel .org-task-detail-summary dl { margin: 0; }
#orgTaskPanel .org-task-detail-summary dl > div { min-height: 33px; padding: 7px 0; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #f4f3f0; }
#orgTaskPanel .org-task-detail-summary dt { width: 84px; flex: 0 0 84px; color: var(--figma-stone-2); font: 600 11px/1.2 var(--figma-font); letter-spacing: .04em; text-transform: uppercase; }
#orgTaskPanel .org-task-detail-summary dd { margin: 0; display: flex; align-items: center; gap: 7px; color: var(--figma-charcoal); font: 400 13px/1.3 var(--figma-font); }
#orgTaskPanel .org-task-detail-summary select,
#orgTaskPanel .org-task-detail-summary input[type="date"] {
  box-sizing: border-box !important;
  width: min(260px, 100%) !important;
  height: 28px !important;
  padding: 3px 24px 3px 6px !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  outline: none !important;
  background-color: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 400 13px/1.3 var(--figma-font) !important;
  cursor: pointer !important;
}
#orgTaskPanel .org-task-detail-summary select:hover,
#orgTaskPanel .org-task-detail-summary select:focus,
#orgTaskPanel .org-task-detail-summary input[type="date"]:hover,
#orgTaskPanel .org-task-detail-summary input[type="date"]:focus {
  border-color: #dedcd7 !important;
  background-color: #faf9f7 !important;
}
#orgTaskPanel .org-task-detail-avatar { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(13,92,61,.1); color: var(--figma-balta); font: 600 6px/1 var(--figma-font); }
#orgTaskPanel .org-task-detail-summary .org-task-observers-row { align-items: flex-start; }
#orgTaskPanel .org-task-detail-summary #orgTaskQuickObservers {
  width: min(320px, 100%) !important;
  height: auto !important;
  min-height: 58px !important;
  padding: 4px 6px !important;
  border-color: #dedcd7 !important;
  background: #fff !important;
}
#orgTaskPanel .org-task-detail-summary #orgTaskQuickObservers option { padding: 3px 5px; }
#orgTaskPanel .org-task-detail-summary #orgTaskQuickObservers:disabled { cursor: default !important; opacity: .78; }
#orgTaskPanel .org-task-observers-field small { color: var(--figma-stone-2); font: 400 10px/1.4 var(--figma-font); }
#orgTaskPanel .org-task-observers-field select[multiple] { min-height: 68px; padding: 4px 6px !important; }
#orgTaskPanel .org-task-observers-field select[multiple] option { padding: 4px 5px; }
#orgTaskPanel .org-task-detail-description { margin-top: 14px; }
#orgTaskPanel .org-task-detail-description h3,
#orgTaskPanel .org-task-comment-section h4,
#orgTaskPanel .org-task-log-section h4 { margin: 0 0 6px; color: var(--figma-stone-2); font: 600 11px/1.2 var(--figma-font); letter-spacing: .05em; text-transform: uppercase; }
#orgTaskPanel .org-task-detail-description p { margin: 0; color: var(--figma-ink); font: 400 13px/1.65 var(--figma-font); white-space: pre-wrap; }

#orgTaskPanel .org-task-explanation {
  margin-top: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#orgTaskPanel .org-task-explanation label {
  display: block !important;
  margin-bottom: 8px !important;
  color: var(--figma-stone-2) !important;
  font: 600 11px/1.2 var(--figma-font) !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
#orgTaskPanel .org-task-explanation textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 86px !important;
  padding: 5px 0 !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  outline: none !important;
  background: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 400 13px/1.55 var(--figma-font) !important;
  resize: vertical !important;
}
#orgTaskPanel .org-task-explanation textarea:focus {
  padding-inline: 8px !important;
  border-color: #dedcd6 !important;
  background: #fff !important;
  box-shadow: none !important;
}
#orgTaskPanel .org-task-explanation textarea::placeholder { color: #aaa8a1 !important; }
#orgTaskPanel .org-task-explanation footer {
  min-height: 30px !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
#orgTaskPanel .org-task-explanation:not(:focus-within) footer { display: none !important; }
#orgTaskPanel .org-task-explanation:has(#orgTaskExplanationFeedback:not(:empty)) footer { display: flex !important; }
#orgTaskPanel #orgTaskExplanationSave[hidden] { display: none !important; }
#orgTaskPanel #orgTaskExplanationFeedback {
  color: var(--figma-stone-2) !important;
  font: 400 10px/1.3 var(--figma-font) !important;
}
#orgTaskPanel .org-task-explanation-save {
  height: 30px !important;
  padding: 0 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--figma-charcoal) !important;
  color: #fff !important;
  font: 600 11px/1 var(--figma-font) !important;
  cursor: pointer !important;
}
#orgTaskPanel .org-task-explanation-save:disabled { opacity: .6 !important; cursor: wait !important; }

#orgTaskPanel.is-edit .org-task-form > :not(input[type='hidden']):not(.org-task-review) { display: none !important; }
#orgTaskPanel.is-edit .org-task-form { margin: 0 !important; }
#orgTaskPanel.is-edit .org-task-review { margin-top: 18px !important; padding: 0 !important; display: block !important; border: 0 !important; background: transparent !important; }
#orgTaskPanel.is-edit .org-task-review[hidden] { display: none !important; }
#orgTaskPanel.is-edit .org-task-review-copy { display: none !important; }
#orgTaskPanel.is-edit .org-task-review-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; }
#orgTaskPanel.is-edit .org-task-review-actions .org-button { width: 100% !important; height: 38px !important; margin: 0 !important; justify-content: center !important; border: 0 !important; border-radius: 4px !important; background: var(--figma-charcoal) !important; color: #fff !important; font: 700 12px/1 var(--figma-font) !important; letter-spacing: .02em !important; }
#orgTaskPanel.is-edit .org-task-review-actions .org-button[hidden] { display: none !important; }
#orgTaskPanel.is-edit #orgTaskReturnReview { border: 1px solid #e8c4be !important; background: transparent !important; color: #922818 !important; }
#orgTaskPanel.is-create .org-task-detail-summary { display: none !important; }
#orgTaskPanel.is-create .org-task-panel-kicker { color: var(--figma-stone-2) !important; }

#orgTaskPanel .org-task-tracking > header { display: none !important; }
#orgTaskPanel .org-task-tracking-body { display: block !important; }
#orgTaskPanel .org-task-comment-section,
#orgTaskPanel .org-task-log-section { padding: 0 !important; }
#orgTaskPanel .org-task-comment-section { margin: 0 !important; }
#orgTaskPanel .org-task-comment-form { margin: 0 0 12px !important; display: block !important; }
#orgTaskPanel .org-task-comment-form textarea { box-sizing: border-box !important; width: 100% !important; min-height: 86px !important; height: auto; padding: 7px 9px !important; overflow-y: hidden !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: #fff !important; color: var(--figma-charcoal) !important; font: 400 13px/1.4 var(--figma-font) !important; resize: none !important; }
#orgTaskPanel .org-task-comment-form button { height: 32px !important; margin-top: 8px !important; padding: 0 14px !important; border: 0 !important; border-radius: 4px !important; background: var(--figma-charcoal) !important; color: #fff !important; font: 600 12px/1 var(--figma-font) !important; }
#orgTaskPanel .org-task-comment { margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#orgTaskPanel .org-task-comment header { margin: 0 0 4px !important; display: flex !important; gap: 8px !important; align-items: baseline !important; }
#orgTaskPanel .org-task-comment header strong { font: 600 12px/1 var(--figma-font) !important; }
#orgTaskPanel .org-task-comment header time { color: var(--figma-stone-2) !important; font: 400 11px/1 var(--figma-font) !important; }
#orgTaskPanel .org-task-comment p { margin: 0 !important; padding: 7px 10px !important; border-radius: 4px !important; background: var(--figma-ground) !important; color: var(--figma-ink) !important; font: 400 13px/1.55 var(--figma-font) !important; }
#orgTaskPanel .org-task-log-section { margin-top: 20px !important; padding-top: 14px !important; border-top: 1px solid var(--figma-ground-2) !important; }
#orgTaskPanel .org-task-activity-toggle { width: 100% !important; height: 30px !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 7px !important; border: 0 !important; background: transparent !important; color: var(--figma-stone-2) !important; cursor: pointer !important; text-align: left !important; }
#orgTaskPanel .org-task-activity-toggle span { font: 600 11px/1.2 var(--figma-font) !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
#orgTaskPanel .org-task-activity-toggle b { min-width: 18px !important; height: 18px !important; padding: 0 5px !important; display: grid !important; place-items: center !important; border-radius: 10px !important; background: var(--figma-ground-2) !important; color: var(--figma-stone-2) !important; font: 600 9px/1 var(--figma-font) !important; }
#orgTaskPanel .org-task-activity-toggle i { margin-left: auto !important; transition: transform .15s ease !important; }
#orgTaskPanel .org-task-activity-toggle[aria-expanded="true"] i { transform: rotate(180deg) !important; }
#orgTaskPanel #orgTaskActivityLog[hidden] { display: none !important; }
#orgTaskPanel .org-task-activity { min-height: 27px !important; padding: 5px 0 !important; display: flex !important; gap: 6px !important; align-items: baseline !important; border-bottom: 1px solid #f4f3f0 !important; color: var(--figma-stone-2) !important; font: 400 12px/1.3 var(--figma-font) !important; }
#orgTaskPanel .org-task-activity i { display: none !important; }
#orgTaskPanel .org-task-activity strong { color: var(--figma-charcoal) !important; font-weight: 600 !important; }
#orgTaskPanel .org-task-activity time { margin-left: auto; color: #c0beb8 !important; font-size: 11px !important; white-space: nowrap; }

.org-task-context-menu {
  min-width: 176px !important;
  padding: 4px 0 !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.1) !important;
  font-family: var(--figma-font) !important;
}
.org-task-context-menu button { font-family: var(--figma-font) !important; }

@media (max-width: 900px) {
  #appSidebar.app-sidebar { width: 180px !important; min-width: 180px !important; }
  body.org-task-panel-open #pageOrganisationTaches { padding-right: 340px !important; }
  #orgTaskPanel.org-task-panel { width: 340px !important; min-width: 340px !important; }
}

/* Base clients exacte */
#pageBaseClients {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
#pageBaseClients .base-clients-layout { height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }
#pageBaseClients .base-clients-figma-header {
  flex: 0 0 auto; padding: 24px 32px 0; display: flex; align-items: center; justify-content: space-between;
}
#pageBaseClients .base-clients-figma-title { display: flex; align-items: baseline; gap: 8px; }
#pageBaseClients .base-clients-figma-title h1 { margin: 0; color: var(--figma-charcoal); font: 800 28px/1.5 var(--figma-font); letter-spacing: -.03em; text-transform: uppercase; }
#pageBaseClients .base-clients-figma-title span { color: var(--figma-stone-2); font: 600 14px/1 var(--figma-font); }
#pageBaseClients .base-clients-figma-title span::before { content: '('; }
#pageBaseClients .base-clients-figma-title span::after { content: ')'; }
#pageBaseClients .base-clients-figma-actions { display: flex; align-items: flex-start; gap: 6px; }
#pageBaseClients .base-clients-figma-actions .btn {
  height: 30px !important; min-height: 30px !important; padding: 0 12px !important; gap: 5px !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: transparent !important; color: var(--figma-ink-2) !important; box-shadow: none !important; font: 700 11px/1 var(--figma-font) !important; letter-spacing: .05em !important; text-transform: none !important;
}
#pageBaseClients .base-clients-figma-actions .btn.base-clients-add { height: 36px !important; padding: 0 16px !important; border-color: var(--figma-charcoal) !important; background: var(--figma-charcoal) !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; }
#pageBaseClients #btnSyncPennylaneClientsBase { width: 103.359375px !important; }
#pageBaseClients #btnExportBaseClientsExcel { width: 74.4140625px !important; }
#pageBaseClients .base-clients-figma-actions .btn.base-clients-add { width: 136.2421875px !important; }
#pageBaseClients .base-clients-toolbar {
  flex: 0 0 57px !important; width: 100% !important; height: 57px !important; min-height: 57px !important; max-height: 57px !important; margin: 0 !important; padding: 12px 32px 14px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important;
}
#pageBaseClients .base-clients-search-wrap { box-sizing: border-box !important; position: relative !important; flex: 0 0 300px !important; width: 300px !important; min-width: 300px !important; max-width: 300px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--figma-charcoal) !important; border-radius: 0 !important; background: transparent !important; }
#pageBaseClients .base-clients-search-wrap input { width: 100% !important; height: 30px !important; padding: 0 28px 0 10px !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--figma-charcoal) !important; font: 600 11px/1 var(--figma-font) !important; letter-spacing: .05em !important; }
#pageBaseClients .base-clients-search-wrap input::placeholder { color: var(--figma-stone-2) !important; font-style: normal !important; opacity: 1 !important; }
#pageBaseClients .base-clients-search-wrap i { position: absolute !important; top: 50% !important; right: 4px !important; left: auto !important; transform: translateY(-50%) !important; color: var(--figma-charcoal) !important; }
#pageBaseClients .base-clients-toolbar > select { width: auto !important; min-width: 0 !important; height: 30px !important; padding: 0 10px !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background-color: #fff !important; color: var(--figma-ink) !important; font: 600 11px/1 var(--figma-font) !important; letter-spacing: .04em !important; text-transform: none !important; box-shadow: none !important; }
#pageBaseClients #filterBaseCollaborateur { width: 129px !important; min-width: 129px !important; }
#pageBaseClients #filterBaseStatut { width: 111px !important; min-width: 111px !important; }
html body #pageBaseClients .base-clients-toolbar #filterBaseCollaborateur,
html body #pageBaseClients .base-clients-toolbar #filterBaseStatut {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 10px !important;
  color: var(--figma-ink) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}
html body #pageBaseClients .base-clients-toolbar .base-clients-search-wrap #adminSearchClient.base-clients-search {
  position: relative !important;
  top: .5px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 28px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  font: 600 11px/1.5 var(--figma-font) !important;
  letter-spacing: .05em !important;
}
#pageBaseClients #filterBaseARetenir,
#pageBaseClients #filterBaseGroupe,
#pageBaseClients #btnBaseFiltersMore,
#pageBaseClients #btnBaseColumnsToggle { display: none !important; }
#pageBaseClients .base-clients-reset { width: auto !important; height: 30px !important; padding: 0 10px !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: transparent !important; color: var(--figma-stone-2) !important; }
#pageBaseClients .base-clients-reset[hidden] { display: none !important; }
#pageBaseClients .base-clients-filters--extra,
#pageBaseClients .base-clients-count { display: none !important; }
#pageBaseClients .base-clients-table-wrap { flex: 1 1 auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: auto !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; }
#pageBaseClients #baseClientsTable { width: 1380.0625px !important; min-width: 1380.0625px !important; border: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; background: #fff !important; font-family: var(--figma-font) !important; }
#pageBaseClients #baseClientsTable thead th {
  box-sizing: border-box !important; position: sticky !important; z-index: 2 !important; top: 0 !important; height: 32px !important; padding: 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fafaf8 !important; color: var(--figma-stone-2) !important; font: 700 10.5px/1 var(--figma-font) !important; letter-spacing: .06em !important; text-align: left !important; text-transform: uppercase !important; white-space: nowrap !important;
}
#mainContent #pageBaseClients #baseClientsTable.echo-system-table thead th {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fafaf8 !important;
  color: var(--figma-stone-2) !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}
#pageBaseClients #baseClientsTable.echo-system-table :is(th, td) { display: table-cell !important; }
#pageBaseClients #baseClientsTable tbody tr { height: 38px !important; border: 0 !important; border-bottom: 1px solid #f4f3f0 !important; background: #fff !important; cursor: pointer !important; }
#pageBaseClients #baseClientsTable tbody tr:nth-child(even) { background: #fafaf8 !important; }
#pageBaseClients #baseClientsTable tbody tr:hover { background: #f0efeb !important; }
#pageBaseClients #baseClientsTable thead th:last-child,
#pageBaseClients #baseClientsTable .base-client-actions-cell { display: table-cell !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; overflow: visible !important; }
#pageBaseClients #baseClientsTable td { box-sizing: border-box !important; height: 38px !important; padding: 0 10px !important; border: 0 !important; color: var(--figma-ink) !important; font: 400 12.5px/1 var(--figma-font) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body #mainContent #pageBaseClients #baseClientsTable td.base-client-actions-cell {
  display: table-cell !important;
  position: relative !important;
  overflow: visible !important;
}
#pageBaseClients #baseClientsTable .task-input { width: 100% !important; height: 30px !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--figma-ink) !important; box-shadow: none !important; font: inherit !important; text-overflow: ellipsis !important; }
#pageBaseClients .base-client-name-input { color: var(--figma-charcoal) !important; font-weight: 600 !important; }
#pageBaseClients .base-client-siren-cell input { font: 400 11px/1 var(--figma-mono) !important; color: var(--figma-ink-2) !important; }
#pageBaseClients .base-client-toggle-cell { text-align: center !important; }
#pageBaseClients .base-client-toggle { accent-color: var(--figma-balta); }
#pageBaseClients .base-client-status-badge { display: inline-flex; align-items: center; gap: 5px; color: var(--figma-ink); font: 500 11.5px/1 var(--figma-font); }
#pageBaseClients .base-client-status-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--figma-balta); }
#pageBaseClients .base-client-status-badge.is-watch i { background: #d4a017; }
#pageBaseClients .base-client-status-badge.is-risk i { background: #c0392b; }

/* Titres communs des espaces de production */
.figma-workspace-title { display: flex; align-items: baseline; gap: 8px; }
.figma-workspace-title h1 { margin: 0; color: var(--figma-charcoal); font: 800 28px/1.5 var(--figma-font); letter-spacing: -.03em; text-transform: uppercase; }
.figma-workspace-title span { color: var(--figma-stone-2); font: 600 14px/1 var(--figma-font); }
.figma-workspace-title span::before { content: '('; }
.figma-workspace-title span::after { content: ')'; }
.figma-workspace-actions { display: flex; align-items: center; gap: 8px; }
.figma-save-state { display: none !important; align-items: center; gap: 4px; color: var(--figma-balta); font: 500 11px/1 var(--figma-font); }
.figma-workspace-actions button { height: 30px !important; padding: 0 10px !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: transparent !important; color: var(--figma-ink) !important; font: 600 11.5px/1 var(--figma-font) !important; box-shadow: none !important; }
#pageDeclaration #btnDeclarationFigmaExport { width: 128.171875px !important; }

/* Largeurs copiées du tableau Figma (verrou haute spécificité). */
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table {
  width: 1380.0625px !important;
  min-width: 1380.0625px !important;
  table-layout: auto !important;
}
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(1) { width: 220px !important; min-width: 220px !important; max-width: 220px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(2) { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(3) { width: 88.546875px !important; min-width: 88.546875px !important; max-width: 88.546875px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(4) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(5) { width: 100px !important; min-width: 100px !important; max-width: 100px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(6) { width: 110px !important; min-width: 110px !important; max-width: 110px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(7) { width: 140px !important; min-width: 140px !important; max-width: 140px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(8) { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(9) { width: 80px !important; min-width: 80px !important; max-width: 80px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(10) { width: 96.1640625px !important; min-width: 96.1640625px !important; max-width: 96.1640625px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(11) { width: 105.3515625px !important; min-width: 105.3515625px !important; max-width: 105.3515625px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(12) { width: 90px !important; min-width: 90px !important; max-width: 90px !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(13) { display: none !important; }

/* Déclaration TVA exacte */
#pageDeclaration {
  position: relative !important; width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 0 !important; flex-direction: column !important; overflow: hidden !important; background: #fff !important;
}
#pageDeclaration.active { display: flex !important; }
#pageDeclaration .figma-declaration-header { flex: 0 0 auto; padding: 24px 32px 16px; display: flex; align-items: center; justify-content: space-between; }
#pageDeclaration .declaration-page-body { position: relative !important; flex: 1 1 auto !important; min-height: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; }
#pageDeclaration #declarationHeaderMetrics {
  order: 1 !important; flex: 0 0 52px !important; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 32px 0 248px !important; display: flex !important; align-items: center !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important;
}
#pageDeclaration #declarationHeaderMetrics[hidden] { display: flex !important; }
#pageDeclaration #declarationMetricsBar { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 0 0 28px !important; display: flex !important; align-items: center !important; gap: 28px !important; border-left: 1px solid #e2e0db !important; background: transparent !important; box-shadow: none !important; }
#pageDeclaration #declarationMetricsBar .metric-item { min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; flex-direction: row-reverse !important; align-items: baseline !important; justify-content: flex-end !important; gap: 5px !important; border: 0 !important; background: transparent !important; white-space: nowrap !important; }
#pageDeclaration #declarationMetricsBar .metric-item { padding: 0 0 2px !important; border-bottom: 2px solid transparent !important; }
#pageDeclaration #declarationMetricsBar .metric-label { color: var(--figma-stone-2) !important; font: 500 11px/1.5 var(--figma-font) !important; text-transform: none !important; letter-spacing: 0 !important; }
#pageDeclaration #declarationMetricsBar .metric-value { color: var(--figma-charcoal) !important; font: 800 15px/1 var(--figma-font) !important; letter-spacing: -.02em !important; }
#pageDeclaration #declarationMetricsBar .metric-warn { color: #922818 !important; }
#pageDeclaration .declaration-toolbar-left {
  order: 2 !important; flex: 0 0 51px !important; min-height: 51px !important; margin: 0 !important; padding: 10px 32px !important; display: flex !important; align-items: center !important; gap: 8px !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important;
}
#pageDeclaration .declaration-period-picker { position: absolute !important; z-index: 4 !important; top: -42px !important; left: 32px !important; width: 200px !important; height: 32px !important; margin: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
#pageDeclaration #declarationToolbarLeft > .declaration-period-picker { display: flex !important; grid-template-columns: none !important; flex-direction: row !important; flex-wrap: nowrap !important; }
#pageDeclaration .declaration-period-picker .filter-dropdown-wrapper { position: static !important; }
#pageDeclaration .declaration-period-picker .declaration-period-legacy { display: none !important; }
#pageDeclaration .declaration-period-picker .declaration-period-arrow { width: 26px !important; min-width: 26px !important; height: 26px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #e2e0db !important; border-radius: 3px !important; background: transparent !important; color: var(--figma-ink-2) !important; box-shadow: none !important; }
#pageDeclaration .declaration-period-label { min-width: 126px; color: var(--figma-charcoal); font: 700 14px/1 var(--figma-font); text-align: center; }
#pageDeclaration .declaration-search { position: relative !important; flex: 1 1 260px !important; width: auto !important; max-width: 260px !important; height: 30px !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--figma-charcoal) !important; border-radius: 0 !important; background: transparent !important; }
#pageDeclaration .declaration-search input { width: 100% !important; height: 30px !important; padding: 0 28px 0 10px !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--figma-charcoal) !important; font: 600 11px/1 var(--figma-font) !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
#pageDeclaration .declaration-search i { position: absolute !important; top: 50% !important; right: 4px !important; left: auto !important; transform: translateY(-50%) !important; color: var(--figma-charcoal) !important; }
#pageDeclaration #filterDeclarationCollaborateurButton { min-width: 150px !important; height: 30px !important; padding: 0 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: #fff !important; color: var(--figma-ink) !important; font: 500 11.5px/1 var(--figma-font) !important; box-shadow: none !important; }
html body #pageDeclaration #declarationToolbarLeft #btnDeclarationFiltersMore.btn.btn-secondary,
html body #pageDeclaration #declarationToolbarLeft #btnExportDeclarationExcel.btn,
html body #pageDeclaration #declarationFiltersActionsRow,
html body #pageDeclaration #declarationFiltersExtraRow { display: none !important; }

/* Les filtres métier font partie de la vue Déclaration. Cette règle doit
   rester après le verrouillage Figma ci-dessus pour ne plus les masquer. */
html body #pageDeclaration #declarationToolbarLeft #btnDeclarationFiltersMore.btn.btn-secondary {
  min-width: 108px !important;
  height: 30px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 600 11px/1 var(--figma-font) !important;
}
html body #pageDeclaration #declarationFiltersActionsRow {
  order: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 32px 10px !important;
  display: block !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}
html body #pageDeclaration #declarationFiltersExtraRow:not([hidden]) {
  display: block !important;
}
html body #pageDeclaration #declarationFiltersExtraRow[hidden] {
  display: none !important;
}
#pageDeclaration .tw {
  order: 4 !important;
}
#pageDeclaration .tw { order: 3 !important; flex: 1 1 auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: auto !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#pageDeclaration #declarationTable { width: 100% !important; min-width: 1250px !important; border-collapse: collapse !important; table-layout: fixed !important; font-family: var(--figma-font) !important; }
#pageDeclaration #declarationTable thead th { position: sticky !important; z-index: 3 !important; top: 0 !important; height: 36px !important; padding: 0 10px !important; border: 0 !important; background: var(--figma-charcoal) !important; color: rgba(255,255,255,.75) !important; font: 700 10.5px/1 var(--figma-font) !important; letter-spacing: .07em !important; text-align: left !important; text-transform: uppercase !important; white-space: nowrap !important; }
#pageDeclaration #declarationTable tbody tr { height: 40px !important; border: 0 !important; border-bottom: 1px solid #f4f3f0 !important; background: #fff !important; }
#pageDeclaration #declarationTable tbody tr:nth-child(even) { background: #fafaf8 !important; }
#pageDeclaration #declarationTable tbody td { height: 40px !important; padding: 0 10px !important; border: 0 !important; color: var(--figma-ink) !important; font: 400 12px/1 var(--figma-font) !important; white-space: nowrap !important; }
#pageDeclaration #declarationTable tbody tr.row-has-data-alert,
#pageDeclaration #declarationTable tbody tr.row-overdue { border-left: 2px solid #c0392b !important; }
#pageDeclaration .foot { display: none !important; }

html body #pageDeclaration #declarationFiltersActionsRow {
  padding: 8px 32px 10px !important;
}

html body #pageDeclaration #declarationFiltersExtraRow:not([hidden]) {
  min-height: 38px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border: 0 !important;
  background: #fff !important;
}

html body #pageDeclaration #declarationFiltersExtraRow[hidden],
html body #pageDeclaration #declarationFiltersExtraRow [hidden] {
  display: none !important;
}

#pageDeclaration #declarationFiltersExtraRow > .declaration-toolbar-label {
  display: none !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-selects {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  gap: 8px !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-detail-filter {
  width: 172px !important;
  min-width: 172px !important;
}

#pageDeclaration #declarationFiltersExtraRow #declarationDateFilterWrapper {
  width: 184px !important;
  min-width: 184px !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-detail-filter > .filter-button,
#pageDeclaration #declarationFiltersExtraRow #filterDeclarationCollaborateurButton {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 500 11.5px/1 var(--figma-font) !important;
  text-transform: none !important;
}

#pageDeclaration #declarationFiltersExtraRow #declarationCheckboxFiltersBar {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#pageDeclaration #declarationFiltersExtraRow #declarationCheckboxFiltersBar .declaration-pill {
  min-height: 34px !important;
  padding: 0 11px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink-2) !important;
  font: 500 11.5px/1 var(--figma-font) !important;
  text-transform: none !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-reset-filters {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

@media (max-width: 1280px) {
  #pageDeclaration #declarationFiltersExtraRow .declaration-detail-filter,
  #pageDeclaration #declarationFiltersExtraRow #declarationDateFilterWrapper {
    width: 154px !important;
    min-width: 154px !important;
  }
}

/* Déclaration — menu de filtres compact avec sous-menus latéraux. */
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu {
  position: relative !important;
  display: inline-block !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-trigger {
  width: 160px !important;
  height: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  border: 1px solid #d9d7d1 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 600 12px/1 var(--figma-font) !important;
  cursor: pointer !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-trigger:hover,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu.active .declaration-filter-menu-trigger {
  background: #f3f2ef !important;
  border-color: #bdbbb5 !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-chevron {
  margin-left: auto !important;
  transition: transform 120ms ease !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu.active .declaration-filter-menu-chevron {
  transform: rotate(180deg) !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  z-index: 1400 !important;
  width: 292px !important;
  padding: 7px 0 !important;
  display: none !important;
  border: 1px solid #cfcdc7 !important;
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(31, 33, 30, .18) !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu.active .declaration-filter-menu-panel {
  display: block !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-filter-selects,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar {
  width: 100% !important;
  display: block !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-detail-filter {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-detail-filter > .filter-button,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #filterDeclarationCollaborateurButton,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar .declaration-pill,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-reset-filters {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #262724 !important;
  font: 500 12px/1 var(--figma-font) !important;
  text-align: left !important;
  cursor: pointer !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-detail-filter > .filter-button:hover,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar .declaration-pill:hover,
#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-reset-filters:hover {
  background: #f0efec !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-detail-filter > .filter-button > i {
  margin-left: auto !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-detail-filter > .filter-dropdown {
  position: absolute !important;
  top: -7px !important;
  left: calc(100% + 4px) !important;
  right: auto !important;
  width: 250px !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  background: #fff !important;
  z-index: 1450 !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-filter-menu-separator {
  height: 1px !important;
  margin: 6px 0 !important;
  background: #e5e3de !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar > span {
  display: block !important;
  width: 100% !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar .declaration-pill > i {
  width: 14px !important;
  opacity: 0 !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar .declaration-pill:has(.declaration-pill-input:checked) {
  background: #f0efec !important;
  color: #262724 !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel #declarationCheckboxFiltersBar .declaration-pill:has(.declaration-pill-input:checked) > i {
  opacity: 1 !important;
}

#pageDeclaration #declarationFiltersExtraRow .declaration-filter-menu-panel .declaration-reset-filters > i {
  width: 14px !important;
}

/* Verrouillage Déclaration TVA face au système de tableaux legacy. */
html body #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 32px 0 250px !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar {
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 0 0 28px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 28px !important;
  border: 0 !important;
  border-left: 1px solid #e2e0db !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar .metric-item {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar .metric-value {
  color: var(--figma-charcoal) !important;
  font: 800 15px/1 var(--figma-font) !important;
  letter-spacing: -.02em !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar .metric-value.metric-warn {
  color: #922818 !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar .metric-label {
  color: var(--figma-stone-2) !important;
  font: 500 11px/1.5 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #pageDeclaration #declarationToolbarLeft.declaration-toolbar-left {
  height: 51px !important;
  min-height: 51px !important;
  padding: 10px 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  max-height: none !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-period-picker {
  top: -39.5px !important;
  left: 32px !important;
  width: 190px !important;
  height: 26px !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-period-picker .declaration-period-arrow {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-period-label {
  width: 126px !important;
  min-width: 126px !important;
  color: var(--figma-charcoal) !important;
  font: 700 14px/1.5 var(--figma-font) !important;
  text-align: center !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-search {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-charcoal) !important;
  border-radius: 0 !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-search #declarationSearchInput.fi {
  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 28px 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--figma-charcoal) !important;
  font: 600 11px/1.5 var(--figma-font) !important;
  letter-spacing: .05em !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-search #declarationSearchInput.fi::placeholder {
  color: var(--figma-stone-2) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

html body #pageDeclaration #declarationToolbarLeft > #declarationCollaborateurFilterWrapper.filter-dropdown-wrapper.declaration-collab-pill {
  flex: 0 0 129px !important;
  align-self: auto !important;
  width: 129px !important;
  min-width: 129px !important;
  max-width: 129px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
}

html body #pageDeclaration #declarationToolbarLeft > #declarationCollaborateurFilterWrapper #filterDeclarationCollaborateurButton.filter-button.fpill.declaration-pill {
  flex: 0 0 129px !important;
  align-self: auto !important;
  width: 129px !important;
  min-width: 129px !important;
  max-width: 129px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  color: var(--figma-ink) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}

#mainContent #pageDeclaration #declarationTable.echo-system-table thead,
#mainContent #pageDeclaration #declarationTable.echo-system-table thead tr,
#mainContent #pageDeclaration #declarationTable.echo-system-table thead th {
  background: var(--figma-charcoal) !important;
  background-color: var(--figma-charcoal) !important;
  background-image: none !important;
}

#mainContent #pageDeclaration #declarationTable.echo-system-table {
  min-width: 1314px !important;
}

#mainContent #pageDeclaration #declarationTable.echo-system-table thead th {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border: 0 !important;
  color: rgba(255,255,255,.75) !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  letter-spacing: .07em !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#mainContent #pageDeclaration #declarationTable.echo-system-table tbody tr,
#mainContent #pageDeclaration #declarationTable.echo-system-table tbody td {
  height: 40px !important;
  min-height: 40px !important;
}

#mainContent #pageDeclaration #declarationTable.echo-system-table tbody td {
  padding: 0 10px !important;
  border: 0 !important;
  color: var(--figma-ink) !important;
  font: 400 12.5px/1.5 var(--figma-font) !important;
}

/* Plan de travail exact */
#pagePlanTravail {
  width: 100% !important; height: 100% !important; min-height: 0 !important; padding: 0 !important; flex-direction: column !important; overflow: hidden !important; background: #fff !important;
}
#pagePlanTravail.active { display: flex !important; }
#pagePlanTravail #pagePlanTravailHeader { order: 1 !important; flex: 0 0 auto !important; min-height: 0 !important; margin: 0 !important; padding: 24px 32px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; background: #fff !important; }
#pagePlanTravail #pagePlanTravailHeader .figma-workspace-actions button { width: 128.171875px !important; }
html body #pagePlanTravail .ph-r.ph-filters#suiviHeaderMetrics { position: static !important; order: 2 !important; flex: 0 0 52px !important; width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 32px !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important; }
#pagePlanTravail #suiviMetricsBar { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 17.5px !important; min-height: 17.5px !important; max-height: 17.5px !important; margin: 0 !important; padding: 0 0 0 28px !important; display: flex !important; align-items: center !important; gap: 28px !important; border-left: 1px solid #e2e0db !important; background: transparent !important; box-shadow: none !important; }
html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar { align-items: flex-start !important; }
#pagePlanTravail #suiviMetricsBar .metric-item { min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; flex-direction: row-reverse !important; align-items: baseline !important; gap: 5px !important; border: 0 !important; background: transparent !important; white-space: nowrap !important; }
#pagePlanTravail #suiviMetricsBar .metric-label { color: var(--figma-stone-2) !important; font: 500 11px/1 var(--figma-font) !important; text-transform: none !important; letter-spacing: 0 !important; }
#pagePlanTravail #suiviMetricsBar .metric-value { color: var(--figma-charcoal) !important; font: 800 15px/1 var(--figma-font) !important; letter-spacing: -.02em !important; }
#pagePlanTravail #suiviMetricsBar .metric-warn { color: #922818 !important; }
html body #pagePlanTravail .fb.pt-cycle-toolbar { order: 4 !important; flex: 0 0 39px !important; width: 100% !important; height: 39px !important; min-height: 39px !important; max-height: 39px !important; margin: 0 !important; padding: 0 32px 10px !important; display: flex !important; grid-template-columns: none !important; align-items: center !important; gap: 8px !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important; }
#pagePlanTravail #suiviHeaderMetrics .ph-t.pt-month-picker { position: static !important; z-index: auto !important; flex: 0 0 200px !important; width: 200px !important; height: 32px !important; margin: 0 28px 0 0 !important; display: flex !important; grid-template-columns: none !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
html body #pagePlanTravail #suiviHeaderMetrics .ph-t.pt-month-picker {
  flex: 0 0 190px !important;
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  justify-content: flex-start !important;
}
#pagePlanTravail .pt-month-picker .plan-period-legacy { display: none !important; }
#pagePlanTravail .pt-month-picker .plan-period-arrow { width: 26px !important; min-width: 26px !important; height: 26px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #e2e0db !important; border-radius: 3px !important; background: transparent !important; color: var(--figma-ink-2) !important; box-shadow: none !important; }
#pagePlanTravail .plan-period-label { min-width: 126px; color: var(--figma-charcoal); font: 700 14px/1 var(--figma-font); text-align: center; }
html body #pagePlanTravail #suiviHeaderMetrics .plan-period-label {
  width: 126px !important;
  min-width: 126px !important;
  color: var(--figma-charcoal) !important;
  font: 700 14px/1.5 var(--figma-font) !important;
  text-align: center !important;
}
html body #pagePlanTravail .tabs.suivi-tabs-container { position: static !important; order: 3 !important; flex: 0 0 44px !important; width: auto !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 32px !important; padding: 0 !important; display: flex !important; align-items: flex-start !important; border: 0 !important; background: #fff !important; }
#pagePlanTravail .suivi-cycles-nav { width: 100% !important; height: 34px !important; display: flex !important; gap: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; }
#pagePlanTravail .suivi-cycles-nav button { height: 34px !important; padding: 0 16px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--figma-stone-2) !important; font: 600 12px/1 var(--figma-font) !important; text-transform: none !important; box-shadow: none !important; }
#pagePlanTravail .suivi-cycles-nav button.active,
#pagePlanTravail .suivi-cycles-nav button.on { border-bottom-color: var(--figma-charcoal) !important; color: var(--figma-charcoal) !important; }
#pagePlanTravail .pt-search { position: relative !important; order: 2 !important; margin-left: auto !important; width: 180px !important; height: 28px !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--figma-charcoal) !important; background: transparent !important; }
#pagePlanTravail .pt-search input { width: 100% !important; height: 28px !important; padding: 0 24px 0 8px !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--figma-charcoal) !important; font: 600 11px/1 var(--figma-font) !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
#pagePlanTravail .pt-search i { position: absolute !important; top: 50% !important; right: 2px !important; left: auto !important; transform: translateY(-50%) !important; }
#pagePlanTravail #filterSuiviCollaborateurSelect { order: 3 !important; width: 150px !important; height: 28px !important; padding: 0 28px 0 10px !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: #fff !important; color: var(--figma-ink) !important; font: 500 11.5px/1 var(--figma-font) !important; }
#pagePlanTravail #btnPlanFiltersMore,
#pagePlanTravail .pt-hidden-controls { display: none !important; }
#pagePlanTravail .pt-filters-extra { order: 1 !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; display: block !important; border: 0 !important; background: transparent !important; }
#pagePlanTravail .pt-toolbar-label { display: none !important; }
#pagePlanTravail .pt-pills-row { display: flex !important; gap: 3px !important; }
#pagePlanTravail .pt-pills-row button { height: 26px !important; padding: 0 10px !important; border: 0 !important; border-radius: 20px !important; background: transparent !important; color: var(--figma-stone-2) !important; font: 500 12px/1 var(--figma-font) !important; text-transform: none !important; box-shadow: none !important; }
#pagePlanTravail .pt-pills-row button.on { background: var(--figma-charcoal) !important; color: #fff !important; font-weight: 700 !important; }
#pagePlanTravail .pt-pills-row #filterEcheanceNABtn,
#pagePlanTravail .pt-pills-row #filterEcheanceNotNABtn,
#pagePlanTravail .pt-pills-row #filterEcheanceUnknownBtn,
#pagePlanTravail .pt-pills-row #resetSuiviFilters { display: none !important; }
html body #pagePlanTravail .tw.table-wrapper.table-responsive { position: static !important; order: 5 !important; flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: auto !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#pagePlanTravail #suiviTable,
#pagePlanTravail #clientTable { width: 100% !important; min-width: 1050px !important; border-collapse: collapse !important; table-layout: fixed !important; font-family: var(--figma-font) !important; }
#pagePlanTravail .client-table thead th { position: sticky !important; z-index: 3 !important; top: 0 !important; height: 36px !important; padding: 0 10px !important; border: 0 !important; background: var(--figma-charcoal) !important; color: rgba(255,255,255,.75) !important; font: 700 10.5px/1 var(--figma-font) !important; letter-spacing: .07em !important; text-align: left !important; text-transform: uppercase !important; white-space: nowrap !important; }
#pagePlanTravail .client-table tbody tr { height: 38px !important; border: 0 !important; border-bottom: 1px solid #f4f3f0 !important; background: #fff !important; }
#pagePlanTravail .client-table tbody tr:nth-child(even) { background: #fafaf8 !important; }
#pagePlanTravail .client-table tbody td { height: 38px !important; padding: 0 10px !important; border: 0 !important; color: var(--figma-ink) !important; font: 400 12px/1 var(--figma-font) !important; white-space: nowrap !important; }
#pagePlanTravail .foot { display: none !important; }

html body #pagePlanTravail .client-table tbody td.pt-cyc-client {
  padding: 0 10px !important;
  overflow: hidden !important;
}

html body #pagePlanTravail .pt-cyc-client-inner {
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body #pagePlanTravail .pt-cyc-client-inner .echo-workspace-collab {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 8px 0 0 !important;
  font-size: 10px !important;
}

html body #pagePlanTravail .pt-cyc-client-inner input.task-input.cn {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #pagePlanTravail #suiviPaginationWrap {
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  order: 4 !important;
  flex: 0 0 auto !important;
  height: 28px !important;
  margin: 0 0 0 8px !important;
  gap: 4px !important;
}

html body #pagePlanTravail #suiviPaginationWrap > span {
  color: var(--figma-stone-2) !important;
  font: 500 11px/1 var(--figma-font) !important;
}

html body #pagePlanTravail #suiviPaginationWrap > button {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 600 10px/1 var(--figma-font) !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

html body #pagePlanTravail #suiviPaginationWrap > button:disabled {
  color: var(--figma-stone-2) !important;
  opacity: .45 !important;
  cursor: default !important;
}

/* Verrouillage des contrôles Plan de travail face aux styles legacy. */
html body #pagePlanTravail .figma-save-state { display: none !important; }

html body #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav .navbar-nav-item.tab {
  width: auto !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--figma-stone-2) !important;
  font: 600 12px/1 var(--figma-font) !important;
}

html body #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav .navbar-nav-item.tab.active,
html body #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav .navbar-nav-item.tab.on {
  border-bottom-color: var(--figma-charcoal) !important;
  color: var(--figma-charcoal) !important;
  font-weight: 600 !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar .pt-pills-row {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar #suiviPillsRow.pt-pills-row.ph-r.ph-filters {
  gap: 3px !important;
}

html body #pagePlanTravail #suiviPillsRow.pt-pills-row .fpill {
  width: auto !important;
  min-width: 0 !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: transparent !important;
  color: var(--figma-stone-2) !important;
  font: 500 12px/1 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #pagePlanTravail #suiviPillsRow.pt-pills-row .fpill.on {
  border: 0 !important;
  background: var(--figma-charcoal) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar #filterSuiviCollaborateurSelect.fpill {
  width: 129px !important;
  min-width: 129px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  color: var(--figma-ink) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
}

html body #pagePlanTravail .pt-search #suiviSearchInput.fi {
  position: relative !important;
  top: .5px !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 24px 0 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-charcoal) !important;
  border-radius: 0 !important;
  color: var(--figma-charcoal) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-item {
  height: auto !important;
  min-height: 0 !important;
}

html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-value {
  color: var(--figma-charcoal) !important;
  font: 800 15px/1 var(--figma-font) !important;
  letter-spacing: -.02em !important;
}

html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-value.metric-warn {
  color: #922818 !important;
}

html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-label {
  color: var(--figma-stone-2) !important;
  font: 500 11px/1.5 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #pagePlanTravail .pt-search #suiviSearchInput.fi::placeholder {
  color: var(--figma-stone-2) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

/* Dossier exact */
#orgDossierPanel.org-dossier-panel {
  position: fixed !important; z-index: 90 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 220px !important; width: auto !important; max-width: none !important; height: 100vh !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; transform: none !important; border: 0 !important; background: #fff !important; box-shadow: none !important;
}
#orgDossierPanel[hidden] { display: none !important; }
#orgDossierPanelBackdrop { display: none !important; }
#orgDossierPanel .org-dossier-topbar { flex: 0 0 38px !important; min-height: 38px !important; padding: 14px 32px 0 !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; border: 0 !important; background: #fff !important; }
#orgDossierPanel .org-dossier-back { height: auto !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 6px !important; border: 0 !important; background: transparent !important; color: var(--figma-stone-2) !important; font: 600 12px/1 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-back b,
#orgDossierPanel .org-dossier-back span:first-of-type { display: none !important; }
#orgDossierPanel .org-dossier-back span:last-child::before { content: 'Base clients'; font-size: 0; }
#orgDossierPanel .org-dossier-back span:last-child { font-size: 0 !important; }
#orgDossierPanel .org-dossier-back span:last-child::after { content: 'Base clients'; font-size: 12px; }
#orgDossierPanel .org-dossier-topbar-actions { display: flex !important; gap: 8px !important; }
#orgDossierPanel .org-task-panel-close { width: 34px !important; height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #e2e0db !important; border-radius: 4px !important; background: transparent !important; color: var(--figma-stone-2) !important; box-shadow: none !important; }
#orgDossierPanel .org-dossier-topbar-actions .org-task-panel-close:last-child { display: none !important; }
#orgDossierPanel .org-dossier-favorite { position: absolute !important; z-index: 2 !important; top: 46px !important; right: 32px !important; }
#orgDossierPanel .org-task-panel-scroll { flex: 1 1 auto !important; min-height: 0 !important; padding: 0 !important; overflow: auto !important; }
#orgDossierPanel .org-dossier-workspace { position: relative !important; width: 100% !important; max-width: none !important; min-height: 100% !important; margin: 0 !important; padding: 12px 32px 24px !important; background: #fff !important; }
#orgDossierPanel .org-dossier-meta { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#orgDossierPanel .org-dossier-heading { display: block !important; }
#orgDossierPanel .org-dossier-monogram { display: none !important; }
#orgDossierPanel .org-dossier-title-row { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
#orgDossierPanel .org-dossier-heading-copy h3 { margin: -6px 0 0 !important; color: var(--figma-charcoal) !important; font: 800 24px/1.5 var(--figma-font) !important; letter-spacing: -.03em !important; }
#orgDossierPanel .org-dossier-form-badge { flex: 0 0 auto !important; padding: 2px 6px !important; border-radius: 3px !important; background: #f4f3f0 !important; color: var(--figma-stone-2) !important; font: 700 11px/1.4 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-heading-copy p { margin: 4px 220px 0 0 !important; display: flex !important; align-items: center !important; gap: 16px !important; color: var(--figma-ink-2) !important; font: 400 12px/1.5 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-summary { position: absolute !important; top: 6px !important; right: 82px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 16px !important; border: 0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-summary-item { min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 6px !important; border: 0 !important; }
#orgDossierPanel .org-dossier-summary-item > span { color: var(--figma-stone-2) !important; font: 600 11px/1.5 var(--figma-font) !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
#orgDossierPanel .org-dossier-summary-item strong { color: var(--figma-ink) !important; font: 500 12px/1 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-status { padding: 2px 8px !important; gap: 5px !important; border: 0 !important; border-radius: 3px !important; background: #ebf4ef !important; }
#orgDossierPanel .org-dossier-status i { width: 5px !important; height: 5px !important; background: var(--figma-balta) !important; }
#orgDossierPanel .org-dossier-status.is-watch { background: #fbf5e8 !important; }
#orgDossierPanel .org-dossier-status.is-watch i { background: #d4a017 !important; }
#orgDossierPanel .org-dossier-status.is-risk { background: #faf0ee !important; }
#orgDossierPanel .org-dossier-status.is-risk i { background: #c0392b !important; }
#orgDossierPanel .org-dossier-responsible { display: flex !important; align-items: center !important; gap: 5px !important; }
#orgDossierPanel .org-task-avatar { width: 16px !important; height: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(13,92,61,.1) !important; color: var(--figma-balta) !important; font: 600 7px/1 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-summary-item:last-child { margin-left: 0 !important; display: block !important; text-align: right !important; }
#orgDossierPanel .org-dossier-summary-item > span { display: block !important; margin-bottom: 4px !important; }
#orgDossierPanel .org-dossier-progress { display: flex !important; align-items: center !important; gap: 8px !important; }
#orgDossierPanel .org-dossier-progress-track { width: 120px !important; height: 4px !important; border-radius: 2px !important; background: var(--figma-ground-2) !important; }
#orgDossierPanel .org-dossier-progress-track i { background: var(--figma-charcoal) !important; }
#orgDossierPanel .org-dossier-progress small { min-width: 30px !important; color: var(--figma-charcoal) !important; font: 700 12px/1.5 var(--figma-font) !important; }
#orgDossierPanel #orgDossierRecordState { display: none !important; }
#orgDossierPanel .org-dossier-attention { margin: 10px 0 0 !important; padding: 8px 12px !important; display: flex !important; align-items: flex-start !important; gap: 7px !important; border: 1px solid #e0c474 !important; border-radius: 4px !important; background: #fbf5e8 !important; color: #7a5500 !important; }
#orgDossierPanel .org-dossier-attention[hidden] { display: none !important; }
#orgDossierPanel .org-dossier-tabs { height: 34px !important; min-height: 34px !important; margin: 16px 0 0 !important; padding: 0 !important; display: flex !important; gap: 0 !important; border: 0 !important; border-bottom: 1px solid var(--figma-ground-2) !important; background: #fff !important; }
#orgDossierPanel .org-dossier-tabs button { box-sizing: border-box !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 16px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--figma-stone-2) !important; font: 600 12px/1 var(--figma-font) !important; box-shadow: none !important; }
#orgDossierPanel .org-dossier-tabs button.active { border-bottom-color: var(--figma-charcoal) !important; color: var(--figma-charcoal) !important; }
#orgDossierPanel .org-dossier-tabs button span { display: none !important; }
#orgDossierPanel .org-dossier-tabs button[data-org-dossier-tab='tasks'] span { display: inline !important; margin: 0 !important; }
#orgDossierPanel .org-dossier-tabs button[data-org-dossier-tab='tasks'] span::before { content: '('; }
#orgDossierPanel .org-dossier-tabs button[data-org-dossier-tab='tasks'] span::after { content: ')'; }
#orgDossierPanel .org-dossier-tab-panel { margin: 0 !important; padding: 20px 0 24px !important; border: 0 !important; background: #fff !important; }
#orgDossierPanel [data-org-dossier-panel='synthese'] { grid-template-columns: minmax(0, 1fr) 280px !important; gap: 32px !important; max-width: 1000px !important; }
#orgDossierPanel [data-org-dossier-panel='synthese'].active { display: grid !important; }
#orgDossierPanel .org-dossier-attention strong { flex: 0 0 auto; font: 700 12.5px/1.45 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-attention p { margin: 0 !important; font: 400 12.5px/1.45 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-section { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-section h3,
#orgDossierPanel .org-dossier-note-form h3,
#orgDossierPanel .org-dossier-panel-heading h3 { margin: 0 0 8px !important; color: var(--figma-stone-2) !important; font: 700 11px/1.5 var(--figma-font) !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
#orgDossierPanel .org-dossier-essential-grid { display: block !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-essential-item { min-height: 0 !important; padding: 7px 0 !important; display: flex !important; align-items: center !important; gap: 12px !important; border: 0 !important; border-bottom: 1px solid #f4f3f0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-essential-item span { width: 120px !important; flex: 0 0 120px !important; color: var(--figma-stone-2) !important; font: 600 11px/1.5 var(--figma-font) !important; letter-spacing: .04em !important; text-transform: uppercase !important; }
#orgDossierPanel .org-dossier-essential-item strong { color: var(--figma-charcoal) !important; font: 500 13px/1.5 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-codes-section { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
#orgDossierPanel .org-dossier-codes-section header { display: block !important; }
#orgDossierPanel .org-dossier-codes-section header p { margin: 0 0 4px !important; color: var(--figma-stone-2) !important; font: 400 11.5px/1.5 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-text-button { display: none !important; }
#orgDossierPanel .org-dossier-code-grid { display: block !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-code-item { min-height: 31px !important; padding: 6px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; border-bottom: 1px solid #f4f3f0 !important; background: transparent !important; }
#orgDossierPanel .org-dossier-code-item span { color: var(--figma-stone-2) !important; font: 600 11px/1.5 var(--figma-font) !important; letter-spacing: .04em !important; text-transform: uppercase !important; }
#orgDossierPanel .org-dossier-code-item strong { color: var(--figma-ink) !important; font: 400 12px/1.5 var(--figma-mono) !important; }
#orgDossierPanel .org-dossier-code-item > div { display: flex !important; align-items: center !important; gap: 6px !important; }
#orgDossierPanel .org-dossier-code-edit { width: 15px !important; height: 15px !important; padding: 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; background: transparent !important; color: #c0beb8 !important; cursor: pointer !important; }
#orgDossierPanel .org-dossier-code-edit i { font-size: 11px !important; }
#orgDossierPanel .org-dossier-note-form { display: none !important; }
#orgDossierPanel .org-dossier-actions-section { display: block !important; margin-top: 20px !important; }
#orgDossierPanel .org-dossier-actions-section[hidden] { display: none !important; }
#orgDossierPanel .org-dossier-next-step { margin: 0 !important; color: var(--figma-ink) !important; font: 400 13px/1.6 var(--figma-font) !important; }
#orgDossierPanel .org-dossier-panel-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; }
#orgDossierPanel .org-dossier-panel-heading p { display: none !important; }
#orgDossierPanel .org-dossier-panel-heading .org-button { height: 36px !important; padding: 0 14px !important; border: 0 !important; border-radius: 4px !important; background: var(--figma-charcoal) !important; color: #fff !important; font: 700 12px/1 var(--figma-font) !important; }

@media (max-width: 900px) {
  #orgDossierPanel.org-dossier-panel { left: 180px !important; }
}

/*
 * Navigation Figma rétractable : rail compact au repos, présentation Figma
 * complète au survol ou lors d'une navigation au clavier.
 */
#mainContent.layout > #appSidebar.app-sidebar,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) {
  position: relative !important;
  inset: auto !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  flex: 0 0 52px !important;
  height: 100vh !important;
  overflow: hidden !important;
  transform: none !important;
  transition: width .16s ease, min-width .16s ease, max-width .16s ease, flex-basis .16s ease, box-shadow .16s ease !important;
  box-shadow: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover,
#mainContent.layout > #appSidebar.app-sidebar:focus-within {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  flex: 0 0 220px !important;
  box-shadow: 10px 0 28px rgba(0, 0, 0, .12) !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-brand,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-brand {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  justify-content: center !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-brand-icon,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-brand-icon {
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font: 800 18px/1 var(--figma-font) !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-brand-text,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-brand-text {
  display: none !important;
  max-width: 0 !important;
  opacity: 0 !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-nav {
  width: 100% !important;
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-nav-heading,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-nav-separator {
  display: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view],
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-nav-item,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .navbar-nav-item[data-view] {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  opacity: 1 !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item.active,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view].active,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-nav-item.active,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .navbar-nav-item[data-view].active {
  padding: 0 !important;
  border: 0 !important;
  border-left: 2px solid #fff !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
  box-shadow: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-label,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-label {
  display: none !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

#mainContent.layout > #appSidebar.app-sidebar .sidebar-icon,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-icon {
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, .55) !important;
  font-size: 16px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-sources {
  padding: 0 8px 8px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-sources button {
  width: 36px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-sources button span,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-create summary b,
#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-user-copy {
  display: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-user-avatar {
  display: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-create {
  padding: 12px 8px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-create summary {
  width: 36px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) .sidebar-user {
  padding: 14px 11px !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* État ouvert : restitution inchangée de la barre Figma. */
#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-brand,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-brand {
  padding: 0 20px !important;
  justify-content: flex-start !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-brand-icon,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-brand-icon,
#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-icon,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-icon {
  display: none !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-brand-text,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-brand-text,
#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-label,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-label {
  display: inline !important;
  max-width: 180px !important;
  opacity: 1 !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-nav,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-nav {
  padding: 10px 8px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-nav-heading,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-nav-heading {
  display: flex !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-nav-item,
#mainContent.layout > #appSidebar.app-sidebar:hover .navbar-nav-item[data-view],
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-nav-item,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .navbar-nav-item[data-view] {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  flex: 0 0 40px !important;
  margin: 2px 0 !important;
  padding: 0 16px !important;
  justify-content: flex-start !important;
  border: 0 !important;
  border-radius: 4px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover .sidebar-nav-item.active,
#mainContent.layout > #appSidebar.app-sidebar:hover .navbar-nav-item[data-view].active,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .sidebar-nav-item.active,
#mainContent.layout > #appSidebar.app-sidebar:focus-within .navbar-nav-item[data-view].active {
  padding: 0 16px !important;
  border-left: 0 !important;
  border-radius: 4px !important;
}

/* Navigation active : contraste blanc, sans accent vert. */
#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item.active,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view].active {
  color: #fff !important;
  font-weight: 800 !important;
}
#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item.active .sidebar-label,
#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item.active .sidebar-icon,
#mainContent.layout > #appSidebar.app-sidebar .sidebar-nav-item.active .sidebar-external-indicator,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view].active .sidebar-label,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view].active .sidebar-icon,
#mainContent.layout > #appSidebar.app-sidebar .navbar-nav-item[data-view].active .sidebar-external-indicator {
  color: #fff !important;
  font-weight: 800 !important;
  -webkit-text-fill-color: #fff !important;
}

#mainContent.layout > #appSidebar.app-sidebar:not(:hover):not(:focus-within) ~ .app-main #orgDossierPanel.org-dossier-panel {
  left: 52px !important;
}

#mainContent.layout > #appSidebar.app-sidebar:hover ~ .app-main #orgDossierPanel.org-dossier-panel,
#mainContent.layout > #appSidebar.app-sidebar:focus-within ~ .app-main #orgDossierPanel.org-dossier-panel {
  left: 220px !important;
}

@media (prefers-reduced-motion: reduce) {
  #mainContent.layout > #appSidebar.app-sidebar { transition: none !important; }
}

#mainContent.layout > .app-main,
#mainContent.layout > .app-main:hover {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* Vue Tâches : restaurer uniquement les contrôles présents dans la maquette. */
html body #pageOrganisationTaches .org-task-page-header > [data-org-new-task] {
  display: inline-flex !important;
}

html body #pageOrganisationTaches #orgTaskReset[hidden],
html body #pageOrganisationTaches .org-task-toolbar .echo-context-help {
  display: none !important;
}

/* Fiche tâche compacte : toutes les décisions restent visibles sans défilement. */
#orgTaskPanel .org-task-panel-header { padding: 14px 18px 12px !important; }
#orgTaskPanel .org-task-panel-kicker { margin-bottom: 7px !important; }
#orgTaskPanel .org-task-panel-tabs,
#orgTaskPanel .org-task-panel-tabs button { height: 34px !important; flex-basis: 34px !important; }
#orgTaskPanel .org-task-panel-section { padding: 10px 18px !important; }
#orgTaskPanel .org-task-detail-summary dl > div { min-height: 29px !important; padding: 4px 0 !important; }
#orgTaskPanel #orgTaskDetailWaitingRow[hidden] { display: none !important; }
#orgTaskPanel .org-task-explanation { margin-top: 12px !important; }
#orgTaskPanel .org-task-explanation label { margin-bottom: 5px !important; }
#orgTaskPanel .org-task-explanation textarea { min-height: 72px !important; height: 72px !important; resize: none !important; }
#orgTaskPanel.is-edit .org-task-review { margin-top: 12px !important; }
#orgTaskPanel.is-edit .org-task-review-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 7px !important; }
#orgTaskPanel.is-edit .org-task-review-actions .org-button { min-width: 0 !important; height: 34px !important; padding: 0 7px !important; font-size: 10.5px !important; white-space: nowrap !important; }

@media (max-height: 720px) {
  #orgTaskPanel .org-task-panel-header { padding-block: 10px !important; }
  #orgTaskPanel .org-task-panel-section { padding-block: 7px !important; }
  #orgTaskPanel .org-task-detail-summary dl > div { min-height: 27px !important; padding-block: 3px !important; }
  #orgTaskPanel .org-task-explanation textarea { min-height: 58px !important; height: 58px !important; }
  #orgTaskPanel.is-edit .org-task-review { margin-top: 8px !important; }
}

/* Fiche tâche : description expansive et décisions ancrées en bas. */
#orgTaskPanel.is-edit .org-task-panel-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
#orgTaskPanel.is-edit #orgTaskPanelDetails {
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
#orgTaskPanel.is-edit #orgTaskPanelDetails[hidden] {
  display: none !important;
}
#orgTaskPanel #orgTaskTracking[hidden] {
  display: none !important;
}
#orgTaskPanel.is-edit .org-task-detail-summary {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
#orgTaskPanel.is-edit .org-task-detail-summary dl {
  flex: 0 0 auto !important;
}
#orgTaskPanel.is-edit .org-task-explanation {
  min-height: 220px !important;
  flex: 1 1 260px !important;
  display: flex !important;
  flex-direction: column !important;
}
#orgTaskPanel.is-edit .org-task-explanation textarea {
  min-height: 190px !important;
  height: auto !important;
  flex: 1 1 auto !important;
  overflow: auto !important;
  resize: none !important;
}
#orgTaskPanel.is-edit #orgTaskForm {
  flex: 0 0 auto !important;
}
#orgTaskPanel.is-edit .org-task-review {
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}

@media (max-height: 760px) {
  #orgTaskPanel.is-edit .org-task-explanation {
    min-height: 130px !important;
    flex-basis: 150px !important;
  }
  #orgTaskPanel.is-edit .org-task-explanation textarea {
    min-height: 110px !important;
  }
}
.echo-scroll-focus.has-scroll-below:not(.has-scroll-above) {
  box-shadow: inset 0 -22px 18px -20px rgba(31, 33, 30, .48);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 34px), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 34px), transparent 100%);
}

.echo-scroll-focus.has-scroll-above:not(.has-scroll-below) {
  box-shadow: inset 0 22px 18px -20px rgba(31, 33, 30, .48);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 100%);
}

.echo-scroll-focus.has-scroll-above.has-scroll-below {
  box-shadow: inset 0 22px 18px -20px rgba(31, 33, 30, .42), inset 0 -22px 18px -20px rgba(31, 33, 30, .42);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%);
}

/* Fiche tâche : un statut lisible, une action principale, un circuit unique. */
#orgTaskPanel.is-edit #orgTaskReview {
  flex: 0 0 auto !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .9fr) !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid #e3e1dc !important;
  border-left: 3px solid #1f211e !important;
  border-radius: 4px !important;
  background: #f8f7f4 !important;
}
#orgTaskPanel.is-edit #orgTaskReview[hidden] { display: none !important; }
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-copy { display: grid !important; gap: 2px !important; }
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-copy > span {
  color: #aaa8a1 !important;
  font: 700 9px/1 var(--figma-font) !important;
  letter-spacing: .08em !important;
}
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-copy strong {
  color: #1f211e !important;
  font: 800 13px/1.2 var(--figma-font) !important;
}
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-copy small {
  color: #8f8d86 !important;
  font: 400 10px/1.25 var(--figma-font) !important;
  white-space: normal !important;
}
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-actions {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}
#orgTaskPanel.is-edit #orgTaskReview .org-task-review-actions .org-button[hidden] { display: none !important; }
#orgTaskPanel.is-edit #orgTaskReview .org-task-primary-action {
  order: -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #1f211e !important;
  color: #fff !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  white-space: normal !important;
}
#orgTaskPanel.is-edit #orgTaskReview .org-task-secondary-action {
  width: auto !important;
  height: 27px !important;
  padding: 0 7px !important;
  border: 1px solid #dedcd6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #77756e !important;
  font: 600 9px/1 var(--figma-font) !important;
}
#orgTaskPanel.is-edit #orgTaskReturnReview {
  border-color: #e1aaa3 !important;
  color: #a32b20 !important;
}
#orgTaskPanel .org-task-advanced {
  margin: 8px 0 0 !important;
  border-top: 1px solid #eceae5 !important;
}
#orgTaskPanel .org-task-advanced[hidden] { display: none !important; }
#orgTaskPanel .org-task-advanced > summary {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  color: #8d8b84 !important;
  font: 650 10px/1 var(--figma-font) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  list-style: none !important;
}
#orgTaskPanel .org-task-advanced > summary::-webkit-details-marker { display: none !important; }
#orgTaskPanel .org-task-advanced > summary::after { content: '+'; color: #8d8b84; font-size: 15px; }
#orgTaskPanel .org-task-advanced[open] > summary::after { content: '−'; }
#orgTaskPanel .org-task-advanced > dl { margin: 0 !important; }
#orgTaskPanel.is-create .org-task-create-advanced {
  padding: 0 2px 8px !important;
  border-bottom: 1px solid #eceae5 !important;
}
.org-return-modal select {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 38px 0 12px !important;
  border: 1px solid #cfcec9 !important;
  border-radius: 7px !important;
  outline: 0 !important;
  background: #fff !important;
  color: #1f211e !important;
  font: 500 14px/1 var(--font-sans) !important;
}
.org-return-modal select:focus { border-color: #1f211e !important; box-shadow: 0 0 0 2px rgba(31, 33, 30, .08) !important; }

@media (max-width: 640px) {
  #orgTaskPanel.is-edit #orgTaskReview { grid-template-columns: 1fr !important; }
}

html body #mainContent #pageDeclaration #declarationTable tbody tr.row-deadline-na > td {
  background: #eeedea !important;
  background-color: #eeedea !important;
}

html body #pageDeclaration #declarationHeaderMetrics {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

html body #pageDeclaration #declarationHeaderFiltersMount {
  position: relative !important;
  z-index: 60 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: 30px !important;
  margin-left: 18px !important;
  pointer-events: auto !important;
}

html body #pageDeclaration #declarationHeaderFiltersMount #declarationFiltersActionsRow {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

html body #pageDeclaration #declarationHeaderFiltersMount #declarationFiltersExtraRow:not([hidden]) {
  width: auto !important;
  min-height: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

html body #mainContent.layout > .app-main > .shell > .page:not(.active) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Déclaration TVA — la géométrie finale est portée par echo-dv.css.
   Ce verrou empêche les règles Figma historiques de remasquer les éléments. */
html body #pageDeclaration #declarationFiltersActionsRow { display: none !important; }
html body #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
  box-sizing: border-box !important; display: flex !important; flex: 0 0 52px !important;
  align-items: center !important; gap: 22px !important; width: 100% !important;
  height: 52px !important; min-height: 52px !important; padding: 0 32px !important;
  overflow: visible !important;
}
html body #pageDeclaration #declarationHeaderMetrics > .declaration-period-picker {
  position: static !important; inset: auto !important; z-index: 1 !important;
  display: flex !important; flex: 0 0 190px !important; align-items: center !important;
  justify-content: flex-start !important; gap: 6px !important; width: 190px !important;
  height: 30px !important; margin: 0 !important;
}
html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar {
  display: flex !important; flex: 1 1 auto !important; align-items: center !important;
  gap: 28px !important; width: auto !important; min-width: 0 !important; height: 30px !important;
  margin: 0 !important; padding: 0 0 0 28px !important; overflow: visible !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount {
  position: relative !important; z-index: 80 !important; display: block !important;
  flex: 0 0 132px !important; width: 132px !important; height: 32px !important;
  margin: 0 !important; pointer-events: auto !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu {
  position: relative !important; display: block !important; width: 132px !important; height: 32px !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-trigger {
  box-sizing: border-box !important; display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 8px !important; width: 132px !important;
  height: 32px !important; padding: 0 12px !important; border: 1px solid #d9d7d1 !important;
  border-radius: 4px !important; background: #fff !important; color: #1f211e !important;
  font: 600 12px/1 var(--figma-font) !important; cursor: pointer !important; pointer-events: auto !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-panel {
  position: absolute !important; z-index: 1000 !important; top: 38px !important;
  right: 0 !important; left: auto !important; width: 320px !important;
  max-height: min(520px, calc(100vh - 190px)) !important; overflow: visible !important;
  display: none !important; box-sizing: border-box !important; padding: 8px !important;
  border: 1px solid #d9d7d1 !important; border-radius: 4px !important;
  background: #fff !important; box-shadow: 0 12px 30px rgba(31,33,30,.18) !important;
  pointer-events: none !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu.active .declaration-filter-menu-panel {
  display: block !important; pointer-events: auto !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-selects,
html body #pageDeclaration #declarationHeaderFiltersMount #declarationCheckboxFiltersBar {
  display: block !important; width: 100% !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter,
html body #pageDeclaration #declarationHeaderFiltersMount #declarationCheckboxFiltersBar > span {
  position: relative !important; display: block !important; width: 100% !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown {
  box-sizing: border-box !important; position: absolute !important; z-index: 1010 !important;
  top: -8px !important; right: calc(100% + 14px) !important; left: auto !important;
  display: none !important;
  width: 250px !important; max-width: min(250px, calc(100vw - 28px)) !important;
  max-height: min(360px, calc(100vh - 190px)) !important; overflow-x: hidden !important;
  overflow-y: auto !important; padding: 4px 0 !important; border: 1px solid #cfcdc7 !important;
  border-radius: 4px !important; background: #fff !important;
  box-shadow: 0 12px 30px rgba(31,33,30,.18) !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown.active {
  display: block !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown .filter-dropdown-content {
  width: 100% !important; min-width: 0 !important; background: #fff !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown .filter-option {
  box-sizing: border-box !important; display: flex !important; align-items: center !important;
  width: 100% !important; min-height: 36px !important; margin: 0 !important; padding: 0 12px !important;
  border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #4d4e4a !important;
  font: 500 12px/1.2 var(--figma-font) !important; text-align: left !important; white-space: normal !important;
  cursor: pointer !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown .filter-option:hover,
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown .filter-option.selected {
  background: #f0efec !important; color: #1f211e !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-button > i:last-child {
  margin-left: auto !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-panel :is(.filter-button,.declaration-pill,.declaration-reset-filters) {
  box-sizing: border-box !important; display: flex !important; align-items: center !important;
  justify-content: flex-start !important; gap: 8px !important; width: 100% !important;
  min-height: 36px !important; padding: 0 12px !important; border: 0 !important;
  border-radius: 3px !important; background: transparent !important; color: #262724 !important;
  font: 500 12px/1 var(--figma-font) !important; text-align: left !important; cursor: pointer !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-panel :is(.filter-button,.declaration-pill,.declaration-reset-filters):hover {
  background: #f0efec !important;
}
html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-separator {
  height: 1px !important; margin: 6px 0 !important; background: #e5e3de !important;
}
@media (max-width: 720px) {
  html body #pageDeclaration #declarationHeaderFiltersMount .declaration-filter-menu-panel {
    right: 0 !important; width: min(320px, calc(100vw - 24px)) !important;
  }
  html body #pageDeclaration #declarationHeaderFiltersMount .declaration-detail-filter > .filter-dropdown {
    top: 36px !important; right: 0 !important; left: auto !important; width: 100% !important;
  }
}
html body #pageDeclaration #declarationToolbarLeft.declaration-toolbar-left {
  box-sizing: border-box !important; position: relative !important; display: flex !important;
  flex: 0 0 52px !important; align-items: center !important; justify-content: flex-start !important;
  width: 100% !important; height: 52px !important; min-height: 52px !important;
  margin: 0 !important; padding: 10px 32px !important; overflow: visible !important;
}
html body #pageDeclaration #declarationToolbarLeft .declaration-search {
  flex: 0 1 520px !important; width: min(520px, 44vw) !important; max-width: 520px !important;
}
html body #pageDeclaration .tw.table-wrapper {
  position: relative !important; z-index: 1 !important; order: 3 !important;
  flex: 1 1 auto !important; min-height: 0 !important; margin: 0 !important;
  padding: 0 !important; overflow: auto !important;
}
html body #pageDeclaration #declarationTable {
  width: 100% !important; min-width: 1295px !important; table-layout: fixed !important;
  border-collapse: collapse !important;
}
html body #pageDeclaration #declarationTable thead { display: table-header-group !important; visibility: visible !important; opacity: 1 !important; }
html body #pageDeclaration #declarationTable thead tr { display: table-row !important; visibility: visible !important; opacity: 1 !important; }
html body #pageDeclaration #declarationTable thead th {
  box-sizing: border-box !important; display: table-cell !important; position: sticky !important;
  top: 0 !important; z-index: 20 !important; height: 36px !important; min-height: 36px !important;
  padding: 0 10px !important; overflow: hidden !important; visibility: visible !important;
  opacity: 1 !important; border: 0 !important; background: #1f211e !important;
  color: rgba(255,255,255,.75) !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body #pageDeclaration #declarationTable :is(th,td):nth-child(2) { width:230px!important; min-width:230px!important; max-width:230px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(3) { width:75px!important; min-width:75px!important; max-width:75px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(4) { width:100px!important; min-width:100px!important; max-width:100px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(5) { width:90px!important; min-width:90px!important; max-width:90px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(6) { width:100px!important; min-width:100px!important; max-width:100px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(7) { width:110px!important; min-width:110px!important; max-width:110px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(8) { width:100px!important; min-width:100px!important; max-width:100px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(9) { width:110px!important; min-width:110px!important; max-width:110px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(10) { width:80px!important; min-width:80px!important; max-width:80px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(11) { width:110px!important; min-width:110px!important; max-width:110px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(12) { width:90px!important; min-width:90px!important; max-width:90px!important; }
html body #pageDeclaration #declarationTable :is(th,td):nth-child(13) { width:100px!important; min-width:100px!important; max-width:100px!important; }

/* Déclaration TVA — parité définitive avec Plan de travail.
   Plan de travail reste la référence pour la densité, les survols et le
   comportement du tableau ; l'en-tête métier Déclaration reste inchangé. */
html body #pageDeclaration,
html body #pagePlanTravail {
  --echo-workspace-head-height: 36px;
  --echo-workspace-row-height: 38px;
  --echo-workspace-cell-padding: 10px;
  --echo-workspace-row-even: #fafaf8;
  --echo-workspace-row-hover: #f2f1ee;
}

html body #pageDeclaration .figma-declaration-header {
  box-sizing: border-box !important;
  min-height: 72px !important;
  padding: 24px 32px 16px !important;
}

html body #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
  border-bottom: 1px solid var(--figma-ground-2) !important;
}

html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body #pageDeclaration #declarationHeaderFiltersMount {
  margin-left: auto !important;
}

html body #pageDeclaration #declarationToolbarLeft.declaration-toolbar-left {
  border-bottom: 1px solid var(--figma-ground-2) !important;
}

html body #pageDeclaration #declarationToolbarLeft .declaration-search {
  flex: 0 1 520px !important;
  width: clamp(260px, 44vw, 520px) !important;
  max-width: 520px !important;
}

html body #pageDeclaration .tw.table-wrapper.table-responsive {
  position: static !important;
  width: 100% !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #pageDeclaration #declarationTable thead th {
  height: var(--echo-workspace-head-height) !important;
  min-height: var(--echo-workspace-head-height) !important;
  padding: 0 var(--echo-workspace-cell-padding) !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  letter-spacing: .07em !important;
  text-align: left !important;
}

html body #pageDeclaration #declarationTable tbody tr,
html body #pageDeclaration #declarationTable tbody td {
  height: var(--echo-workspace-row-height) !important;
  min-height: var(--echo-workspace-row-height) !important;
}

html body #pageDeclaration #declarationTable tbody td {
  padding: 0 var(--echo-workspace-cell-padding) !important;
  font: 400 12px/1 var(--figma-font) !important;
  vertical-align: middle !important;
}

html body #pageDeclaration #declarationTable tbody tr:nth-child(even) > td {
  background: var(--echo-workspace-row-even) !important;
}

html body #pageDeclaration #declarationTable tbody tr:hover > td,
html body #pageDeclaration #declarationTable tbody tr:focus-within > td {
  background: var(--echo-workspace-row-hover) !important;
}

html body #pageDeclaration #declarationTable tbody td:first-child {
  color: var(--figma-charcoal) !important;
  font-weight: 500 !important;
  text-align: left !important;
}

html body #pageDeclaration #declarationTable tbody tr.row-deadline-na > td,
html body #pageDeclaration #declarationTable tbody tr.row-deadline-na:nth-child(even) > td {
  background: #eeedea !important;
}

@media (max-width: 1180px) {
  html body #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
    gap: 14px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar {
    gap: 18px !important;
    padding-left: 18px !important;
  }

  html body #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar .metric-label {
    display: none !important;
  }
}

/* Dossiers — contrat final de largeur.
   Cette règle reste volontairement en dernière position : l'ancien relevé Figma
   fixe le tableau à 1380 px plus haut dans le fichier et ne doit plus gagner. */
html body #mainContent #pageBaseClients .base-clients-layout,
html body #mainContent #pageBaseClients .base-clients-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html body #mainContent #pageBaseClients #baseClientsTable,
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  table-layout: fixed !important;
}

html body #mainContent #pageBaseClients #baseClientsTable thead th,
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table thead th,
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table thead th:first-child {
  background: #1f211e !important;
  background-color: #1f211e !important;
  background-image: none !important;
  color: rgba(255, 255, 255, .75) !important;
}

html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(1) { width: 15% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(2) { width: 9% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(3) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(4) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(5) { width: 9% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(6) { width: 9% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(7) { width: 10% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(8) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(9) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(10) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(11) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(12) {
  display: table-cell !important;
  width: 3% !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* Dossiers — bandeau Déclaration et tableau bord à bord. */
html body #pageBaseClients .base-clients-table-wrap {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
}

html body #pageBaseClients #baseClientsTable {
  width: 100% !important;
  min-width: 1295px !important;
  border-collapse: collapse !important;
}

html body #pageBaseClients #baseClientsTable thead th {
  box-sizing: border-box !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 22px 0 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: var(--figma-charcoal) !important;
  color: rgba(255,255,255,.75) !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  letter-spacing: .07em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #pageBaseClients #baseClientsTable thead th:first-child,
html body #pageBaseClients #baseClientsTable thead th[data-sort="name"] {
  padding-left: 10px !important;
  text-align: left !important;
}

html body #pageBaseClients #baseClientsTable thead th.sortable::after {
  filter: grayscale(1) brightness(4) !important;
  opacity: .7 !important;
}

/* Plan de travail — même ossature visuelle que Déclaration TVA.
   Les cycles restent spécifiques au métier ; tous les contrôles communs
   reprennent la géométrie, la densité et les interactions de Déclaration. */
html body #pagePlanTravail #pagePlanTravailHeader {
  box-sizing: border-box !important;
  min-height: 72px !important;
  padding: 24px 32px 16px !important;
}

html body #pagePlanTravail #suiviHeaderMetrics.ph-r.ph-filters {
  box-sizing: border-box !important;
  flex: 0 0 52px !important;
  min-height: 52px !important;
  padding: 0 32px !important;
  overflow: visible !important;
}

html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar.metrics-bar {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body #pagePlanTravail .plan-filter-menu {
  position: relative !important;
  z-index: 12 !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

html body #pagePlanTravail #btnPlanFiltersMore.btn {
  width: 132px !important;
  min-width: 132px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 600 11.5px/1 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html body #pagePlanTravail #btnPlanFiltersMore.btn:hover,
html body #pagePlanTravail #btnPlanFiltersMore.btn[aria-expanded='true'] {
  border-color: var(--figma-charcoal) !important;
  background: #fafaf8 !important;
}

html body #pagePlanTravail #btnPlanFiltersMore[aria-expanded='true'] .ti-chevron-down {
  transform: rotate(180deg) !important;
}

html body #pagePlanTravail #planFiltersExtraRow.pt-filters-extra {
  position: absolute !important;
  z-index: 15 !important;
  top: 38px !important;
  right: 0 !important;
  width: 300px !important;
  min-width: 300px !important;
  margin: 0 !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  border: 1px solid #dedcd6 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(31, 33, 30, .14) !important;
}

html body #pagePlanTravail .plan-filter-menu #planFiltersExtraRow.pt-filters-extra[hidden] {
  display: none !important;
}

html body #pagePlanTravail #planFiltersExtraRow .plan-filter-field {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
}

html body #pagePlanTravail #planFiltersExtraRow .plan-filter-field > span,
html body #pagePlanTravail #planFiltersExtraRow .pt-toolbar-label {
  display: block !important;
  color: var(--figma-stone-2) !important;
  font: 700 10px/1.2 var(--figma-font) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

html body #pagePlanTravail #planFiltersExtraRow #filterSuiviCollaborateurSelect.fpill {
  width: 100% !important;
  min-width: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 30px 0 10px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 500 11.5px/1 var(--figma-font) !important;
}

html body #pagePlanTravail #planFiltersExtraRow #suiviPillsRow.pt-pills-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}

html body #pagePlanTravail #planFiltersExtraRow #suiviPillsRow .fpill {
  width: 100% !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: var(--figma-ink-2) !important;
  font: 500 10.5px/1 var(--figma-font) !important;
  text-align: left !important;
}

html body #pagePlanTravail #planFiltersExtraRow #suiviPillsRow .fpill.on {
  border-color: var(--figma-charcoal) !important;
  background: var(--figma-charcoal) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

html body #pagePlanTravail #planFiltersExtraRow #filterEcheanceNABtn,
html body #pagePlanTravail #planFiltersExtraRow #filterEcheanceNotNABtn,
html body #pagePlanTravail #planFiltersExtraRow #filterEcheanceUnknownBtn,
html body #pagePlanTravail #planFiltersExtraRow #resetSuiviFilters {
  display: inline-flex !important;
  align-items: center !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar {
  box-sizing: border-box !important;
  order: 3 !important;
  flex: 0 0 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 32px !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar .pt-search {
  order: 1 !important;
  flex: 0 1 520px !important;
  width: clamp(260px, 44vw, 520px) !important;
  max-width: 520px !important;
  height: 32px !important;
  margin: 0 !important;
}

html body #pagePlanTravail .fb.pt-cycle-toolbar .pt-search input,
html body #pagePlanTravail .fb.pt-cycle-toolbar .pt-search #suiviSearchInput.fi {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}

html body #pagePlanTravail .tabs.suivi-tabs-container {
  box-sizing: border-box !important;
  order: 4 !important;
}

html body #pagePlanTravail .client-table tbody tr:hover > td,
html body #pagePlanTravail .client-table tbody tr:focus-within > td {
  background: var(--echo-workspace-row-hover) !important;
}

@media (max-width: 1180px) {
  html body #pagePlanTravail #suiviHeaderMetrics.ph-r.ph-filters {
    gap: 14px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar.metrics-bar {
    gap: 18px !important;
    padding-left: 18px !important;
  }

  html body #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-label {
    display: none !important;
  }

  html body #pagePlanTravail .fb.pt-cycle-toolbar {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

/* Plan de travail — parité Déclaration TVA v3.
   Cette couche finale neutralise les anciennes variantes Plan et verrouille
   la même grille d'en-tête, de recherche et de tableau que Déclaration. */
html body #mainContent #pagePlanTravail.active {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail #pagePlanTravailHeader {
  box-sizing: border-box !important;
  order: 1 !important;
  display: flex !important;
  flex: 0 0 72px !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 24px 32px 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail #suiviHeaderMetrics.ph-r.ph-filters {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 30 !important;
  order: 2 !important;
  display: flex !important;
  flex: 0 0 52px !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 32px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail #suiviHeaderMetrics .ph-t.pt-month-picker {
  position: static !important;
  display: flex !important;
  flex: 0 0 190px !important;
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}

html body #mainContent #pagePlanTravail #suiviHeaderMetrics .plan-period-arrow {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e2e0db !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: var(--figma-ink-2) !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail #suiviHeaderMetrics .plan-period-label {
  box-sizing: border-box !important;
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  color: var(--figma-charcoal) !important;
  font: 700 14px/1 var(--figma-font) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body #mainContent #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar.metrics-bar {
  box-sizing: border-box !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 0 0 28px !important;
  align-items: center !important;
  gap: 28px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-left: 1px solid #e2e0db !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail #suiviMetricsBar .metric-item {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: row-reverse !important;
  align-items: baseline !important;
  gap: 5px !important;
  border: 0 !important;
  background: transparent !important;
  white-space: nowrap !important;
}

html body #mainContent #pagePlanTravail #suiviMetricsBar .metric-label {
  color: var(--figma-stone-2) !important;
  font: 500 11px/1 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body #mainContent #pagePlanTravail #suiviMetricsBar .metric-value {
  color: var(--figma-charcoal) !important;
  font: 800 15px/1 var(--figma-font) !important;
  letter-spacing: -.02em !important;
}

html body #mainContent #pagePlanTravail #suiviMetricsBar .metric-warn {
  color: #922818 !important;
}

html body #mainContent #pagePlanTravail .plan-filter-menu {
  position: relative !important;
  z-index: 80 !important;
  display: block !important;
  flex: 0 0 132px !important;
  width: 132px !important;
  height: 32px !important;
  margin: 0 0 0 auto !important;
}

html body #mainContent #pagePlanTravail #btnPlanFiltersMore.btn {
  box-sizing: border-box !important;
  display: flex !important;
  width: 132px !important;
  min-width: 132px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid #d9d7d1 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1f211e !important;
  font: 600 12px/1 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail #planFiltersExtraRow.pt-filters-extra {
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 1000 !important;
  top: 38px !important;
  right: 0 !important;
  display: grid !important;
  width: 320px !important;
  min-width: 320px !important;
  max-height: min(520px, calc(100vh - 190px)) !important;
  margin: 0 !important;
  padding: 12px !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  overflow: auto !important;
  border: 1px solid #d9d7d1 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(31, 33, 30, .18) !important;
}

html body #mainContent #pagePlanTravail .plan-filter-menu #planFiltersExtraRow.pt-filters-extra[hidden] {
  display: none !important;
}

html body #mainContent #pagePlanTravail .fb.pt-cycle-toolbar {
  box-sizing: border-box !important;
  order: 3 !important;
  display: flex !important;
  flex: 0 0 52px !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 10px 32px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail .fb.pt-cycle-toolbar .pt-search {
  box-sizing: border-box !important;
  position: relative !important;
  order: 1 !important;
  display: block !important;
  flex: 0 1 520px !important;
  width: clamp(260px, 44vw, 520px) !important;
  max-width: 520px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-charcoal) !important;
  background: transparent !important;
}

html body #mainContent #pagePlanTravail .fb.pt-cycle-toolbar .pt-search #suiviSearchInput.fi {
  box-sizing: border-box !important;
  position: static !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 28px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--figma-charcoal) !important;
  font: 600 11px/1 var(--figma-font) !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

html body #mainContent #pagePlanTravail .tabs.suivi-tabs-container {
  box-sizing: border-box !important;
  position: static !important;
  order: 4 !important;
  display: flex !important;
  flex: 0 0 40px !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 32px !important;
  align-items: stretch !important;
  border: 0 !important;
  border-bottom: 1px solid var(--figma-ground-2) !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav {
  display: flex !important;
  width: auto !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  gap: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body #mainContent #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav .navbar-nav-item.tab {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--figma-stone-2) !important;
  font: 600 12px/1 var(--figma-font) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail .tabs .navbar-nav.suivi-cycles-nav .navbar-nav-item.tab:is(.active, .on) {
  border-bottom-color: var(--figma-charcoal) !important;
  color: var(--figma-charcoal) !important;
}

html body #mainContent #pagePlanTravail .tw.table-wrapper.table-responsive {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  order: 5 !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) {
  width: 100% !important;
  min-width: 1050px !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #fff !important;
  font-family: var(--figma-font) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead tr {
  display: table-header-group !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--figma-charcoal) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead tr {
  display: table-row !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead th {
  box-sizing: border-box !important;
  position: sticky !important;
  z-index: 20 !important;
  top: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: var(--figma-charcoal) !important;
  color: rgba(255, 255, 255, .75) !important;
  font: 700 10.5px/1 var(--figma-font) !important;
  letter-spacing: .07em !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead th:first-child,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) thead th:last-child {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody td {
  height: var(--echo-workspace-row-height) !important;
  min-height: var(--echo-workspace-row-height) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr {
  border: 0 !important;
  border-bottom: 0 !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody td {
  box-sizing: border-box !important;
  padding: 0 var(--echo-workspace-cell-padding) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: #fff !important;
  color: var(--figma-ink) !important;
  font: 400 12px/1 var(--figma-font) !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr:nth-child(even) > td {
  background: var(--echo-workspace-row-even) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr:hover > td,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr:focus-within > td {
  background: var(--echo-workspace-row-hover) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody td:first-child {
  padding-right: var(--echo-workspace-cell-padding) !important;
  padding-left: var(--echo-workspace-cell-padding) !important;
  color: var(--figma-charcoal) !important;
  font-weight: 500 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody td:last-child {
  padding-right: var(--echo-workspace-cell-padding) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na {
  opacity: .58 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na > td {
  background: #eeedea !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na:hover,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na:focus-within {
  opacity: .72 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na:hover > td,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) tbody tr.row-deadline-na:focus-within > td {
  background: #eeedea !important;
}

html body #mainContent #pagePlanTravail .foot,
html body #mainContent #pagePlanTravail .pt-hidden-controls {
  display: none !important;
}

/* Plan de travail — largeur fonctionnelle des colonnes.
   La parité avec Déclaration concerne la densité et les composants, pas
   l'écrasement d'une vingtaine de colonnes dans la largeur du viewport. */
html body #mainContent #pagePlanTravail .tw.table-wrapper.table-responsive {
  overflow-x: auto !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) {
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th, tbody td):nth-child(1),
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th.col-name, tbody td.col-name) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th, tbody td):nth-child(2) {
  width: 75px !important;
  min-width: 75px !important;
  max-width: 75px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th, tbody td):nth-child(3) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th, tbody td):nth-child(4) {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(thead th, tbody td):nth-child(5) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.declaration-collaborator-cell {
  text-align: center !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) .declaration-collaborator-avatar {
  width: 30px !important;
  height: 30px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #ececea !important;
  color: #30312f !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) .declaration-name-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) .dossier-name-text {
  overflow: visible !important;
  color: #242522 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(input, select) {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 18px 0 4px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--echo-text) !important;
  font: 400 12px/1 var(--figma-font) !important;
  box-shadow: none !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(input, select):hover {
  border-color: #c9c9c5 !important;
  background: #fff !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) :is(input, select):focus {
  border-color: var(--echo-green) !important;
  background: #fff !important;
  outline: 2px solid rgba(13, 92, 61, .12) !important;
  outline-offset: 0 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-complete,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-complete *,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-comfortable,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-comfortable * {
  color: #2f7252 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-approaching,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-approaching * {
  color: #9a7400 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-warning,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-warning * {
  color: #c76700 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-urgent,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-urgent *,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-overdue,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-overdue * {
  color: var(--echo-danger) !important;
  font-weight: 600 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-unknown,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.echeance-deadline-unknown * {
  color: var(--echo-muted) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) .echeance-badge {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: 500 11px/1.2 var(--figma-font) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-data-alert {
  display: inline-grid !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 3px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--echo-danger) !important;
  font: 700 9px/1 var(--figma-font) !important;
  letter-spacing: .02em !important;
  outline: 0 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-habilitation-alert {
  display: inline-grid !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--echo-danger) !important;
  font-size: 0 !important;
  cursor: pointer !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-habilitation-alert > i {
  display: none !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-habilitation-alert::before {
  content: 'H' !important;
  display: inline !important;
  color: var(--echo-danger) !important;
  font: 700 11px/1 var(--figma-font) !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-habilitation-alert:hover,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-habilitation-alert:focus-visible {
  background: #fff0ee !important;
  outline: 0 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-data-alert[data-alert-type="bank"] {
  width: 20px !important;
  padding: 0 !important;
  font-size: 11px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-data-alert:hover,
html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable) td.col-name .declaration-data-alert:focus-visible {
  background: #fff0ee !important;
  outline: 0 !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable):not(.work-plan-table--strict) :is(thead th, tbody td)[data-group]:not([data-group="infos"]) {
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
}

html body #mainContent #pagePlanTravail :is(#suiviTable, #clientTable).work-plan-table--strict {
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
}

@media (max-width: 1180px) {
  html body #mainContent #pagePlanTravail #suiviHeaderMetrics.ph-r.ph-filters {
    gap: 14px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  html body #mainContent #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar.metrics-bar {
    gap: 18px !important;
    padding-left: 18px !important;
  }

  html body #mainContent #pagePlanTravail #suiviHeaderMetrics #suiviMetricsBar .metric-label {
    display: none !important;
  }

  html body #mainContent #pagePlanTravail .fb.pt-cycle-toolbar,
  html body #mainContent #pagePlanTravail .tabs.suivi-tabs-container {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}

/* Collaborateur non affecté — libellé seul, jamais une pastille. */
html body #mainContent .echo-table-collab-avatar.echo-collaborator-unassigned,
html body #mainContent .declaration-collaborator-avatar.echo-collaborator-unassigned,
html body #mainContent .echo-workspace-collab.echo-collaborator-unassigned,
html body #mainContent .org-task-avatar.echo-collaborator-unassigned {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-transform: none !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* Déclaration — le KPI utilisé comme filtre doit rester visiblement sélectionné. */
html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item {
  cursor: pointer !important;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease !important;
}

html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item.on,
html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item[aria-pressed="true"] {
  padding: 6px 10px !important;
  border: 1px solid #922818 !important;
  border-bottom: 2px solid #922818 !important;
  border-radius: 5px !important;
  background: #fff0ed !important;
  box-shadow: 0 0 0 1px rgba(146, 40, 24, 0.08) !important;
}

html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item.on :is(.metric-label, .metric-value),
html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item[aria-pressed="true"] :is(.metric-label, .metric-value) {
  color: #922818 !important;
}

html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar .metric-item:focus-visible {
  outline: 2px solid #1f211e !important;
  outline-offset: 2px !important;
}

/* Dossiers — le tableau reste strictement contenu dans la page.
   La colonne Supprimer fait partie des 100 %, elle ne s'ajoute pas après. */
html body #mainContent #pageBaseClients {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body #mainContent #pageBaseClients .base-clients-layout,
html body #mainContent #pageBaseClients .base-clients-table-wrap {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body #mainContent #pageBaseClients #baseClientsTable,
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(1) { width: 14% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(2) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(3) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(4) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(5) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(6) { width: 9% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(7) { width: 10% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(8) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(9) { width: 7% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(10) { width: 8% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(11) { width: 9% !important; min-width: 0 !important; max-width: none !important; }
html body #mainContent #pageBaseClients #baseClientsTable.echo-system-table :is(th, td):nth-child(12) { width: 5% !important; min-width: 0 !important; max-width: none !important; }

html body #mainContent #pageBaseClients #baseClientsTable th.base-client-delete-heading,
html body #mainContent #pageBaseClients #baseClientsTable td.base-client-actions-cell {
  width: 5% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

html body #mainContent #pageBaseClients #baseClientsTable th.base-client-delete-heading {
  font-size: 9px !important;
  letter-spacing: .02em !important;
}

html body #mainContent #pageBaseClients #baseClientsTable .base-client-delete-button {
  box-sizing: border-box !important;
  width: calc(100% - 4px) !important;
  min-width: 0 !important;
  max-width: 78px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  font-size: 9.5px !important;
}

/* Fenêtres système — confirmation et export toujours hors du flux de page. */
html body #confirmModal.confirm-modal,
html body .confirm-modal[aria-labelledby="pennylanePendingModalTitle"],
html body #exportCompteFiscalModal.confirm-modal {
  box-sizing: border-box !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 24px !important;
  position: fixed !important;
  z-index: 12000 !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
  background: rgba(31, 33, 30, .42) !important;
  backdrop-filter: blur(2px) !important;
}

html body #confirmModal.confirm-modal.active,
html body .confirm-modal[aria-labelledby="pennylanePendingModalTitle"].active,
html body #exportCompteFiscalModal.confirm-modal.active {
  display: flex !important;
}

html body #confirmModal.confirm-modal > .confirm-modal-content,
html body .confirm-modal[aria-labelledby="pennylanePendingModalTitle"] > .confirm-modal-content,
html body #exportCompteFiscalModal.confirm-modal > .confirm-modal-content {
  box-sizing: border-box !important;
  width: 420px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 48px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 1px solid #dedbd5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 50px rgba(31, 33, 30, .2) !important;
}

html body #exportCompteFiscalModal.confirm-modal > .confirm-modal-content {
  width: 520px !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-header {
  padding: 18px 20px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #eceae5 !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-title {
  margin: 0 !important;
  color: #1f211e !important;
  font: 700 18px/1.25 var(--font-family) !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-body {
  padding: 16px 20px !important;
  color: #575852 !important;
  font: 400 13px/1.5 var(--font-family) !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-message {
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-footer {
  padding: 14px 20px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  border: 0 !important;
  border-top: 1px solid #eceae5 !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn {
  width: auto !important;
  min-width: 92px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #dedbd5 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #1f211e !important;
  font: 600 12px/1 var(--font-family) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn-confirm {
  border-color: #1f211e !important;
  background: #1f211e !important;
  color: #fff !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn:hover,
html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn:focus-visible {
  border-color: #777872 !important;
  background: #f0efeb !important;
  color: #1f211e !important;
  outline: none !important;
  transform: none !important;
}

html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn-confirm:hover,
html body :is(#confirmModal, #exportCompteFiscalModal, [aria-labelledby="pennylanePendingModalTitle"]).confirm-modal .confirm-modal-btn-confirm:focus-visible {
  border-color: #353733 !important;
  background: #353733 !important;
  color: #fff !important;
}

/* Déclaration — actions alignées dans le prolongement des indicateurs. */
html body #mainContent #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 18px !important;
  overflow: visible !important;
}

html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(14px, 1.35vw, 28px) !important;
  min-width: 0 !important;
  padding-left: 12px !important;
  overflow: visible !important;
}

html body #mainContent #pageDeclaration #declarationHeaderFiltersMount {
  position: relative !important;
  z-index: 80 !important;
  display: flex !important;
  flex: 0 0 352px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 352px !important;
  height: 32px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}

html body #mainContent #pageDeclaration #declarationHeaderFiltersMount > * {
  flex: 0 0 112px !important;
  width: 112px !important;
  height: 32px !important;
  margin: 0 !important;
}

html body #mainContent #pageDeclaration #declarationHeaderFiltersMount :is(
  #btnDeclarationFigmaExport,
  .declaration-filter-menu-trigger,
  .echo-tva-tools-trigger
) {
  width: 112px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

html body #mainContent #pageDeclaration #declarationHeaderFiltersMount :is(
  .declaration-filter-menu,
  .echo-tva-tools-menu
) {
  position: relative !important;
  display: block !important;
}

@media (max-width: 1500px) {
  html body #mainContent #pageDeclaration #declarationHeaderMetrics.ph-declaration-metrics {
    gap: 12px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  html body #mainContent #pageDeclaration #declarationHeaderMetrics #declarationMetricsBar.metrics-bar {
    gap: 12px !important;
    padding-left: 0 !important;
  }
}

/* Sélecteur d'observateurs : recherche, sélection multiple et personnes visibles. */
#orgTaskPanel .org-observer-picker {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#orgTaskPanel .org-observer-chips { display: contents !important; }
#orgTaskPanel .org-observer-chip {
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px solid #dedcd7 !important;
  border-radius: 14px !important;
  background: #f7f6f3 !important;
  color: var(--figma-charcoal) !important;
  font: 500 11px/1 var(--figma-font) !important;
  white-space: nowrap !important;
}
#orgTaskPanel .org-observer-chip > span:nth-child(2) {
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#orgTaskPanel .org-observer-avatar {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #e9eeeb !important;
  color: #365c4a !important;
  font: 700 7px/1 var(--figma-font) !important;
}
#orgTaskPanel .org-observer-chip button {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #77766f !important;
  cursor: pointer !important;
}
#orgTaskPanel .org-observer-chip button:hover { background: #e4e2dc !important; color: #20211f !important; }
#orgTaskPanel .org-observer-trigger {
  height: 28px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: 1px dashed #c9c7c1 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #66655f !important;
  font: 600 10px/1 var(--figma-font) !important;
  cursor: pointer !important;
}
#orgTaskPanel .org-observer-trigger:hover,
#orgTaskPanel .org-observer-picker.is-open .org-observer-trigger { border-style: solid !important; border-color: #77766f !important; color: #20211f !important; }
#orgTaskPanel .org-observer-trigger:disabled { cursor: default !important; opacity: .55 !important; }
#orgTaskPanel .org-observer-panel {
  position: absolute !important;
  z-index: 80 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  width: min(320px, calc(100vw - 48px)) !important;
  padding: 8px !important;
  border: 1px solid #d8d6d0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(31, 33, 30, .16) !important;
}
#orgTaskPanel .org-observer-search {
  height: 34px !important;
  margin-bottom: 6px !important;
  padding: 0 9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid #dedcd7 !important;
  border-radius: 4px !important;
  background: #faf9f7 !important;
}
#orgTaskPanel .org-observer-search i { color: #8a8982 !important; font-size: 13px !important; }
#orgTaskPanel .org-observer-search input {
  width: 100% !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #20211f !important;
  font: 400 11px/1 var(--figma-font) !important;
}
#orgTaskPanel .org-observer-options { max-height: 210px !important; overflow: auto !important; }
#orgTaskPanel .org-observer-option {
  width: 100% !important;
  min-height: 36px !important;
  padding: 5px 7px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #343532 !important;
  font: 500 11px/1.25 var(--figma-font) !important;
  text-align: left !important;
  cursor: pointer !important;
}
#orgTaskPanel .org-observer-option:hover { background: #f4f3f0 !important; }
#orgTaskPanel .org-observer-option > i { visibility: hidden !important; color: #20211f !important; font-size: 14px !important; }
#orgTaskPanel .org-observer-option.is-selected { background: #eeede8 !important; font-weight: 650 !important; }
#orgTaskPanel .org-observer-option.is-selected > i { visibility: visible !important; }
#orgTaskPanel .org-observer-empty { margin: 0 !important; padding: 14px 8px !important; color: #888780 !important; font: 400 10px/1.4 var(--figma-font) !important; text-align: center !important; }
#orgTaskPanel .org-task-detail-summary .org-task-observers-row dd { min-width: 0 !important; flex: 1 !important; }
#orgTaskPanel .org-task-observers-field > span { display: block !important; margin-bottom: 7px !important; }
#orgTaskPanel .org-task-observers-field > small { display: block !important; margin-top: 6px !important; }

/* Création d'une tâche : formulaire lisible, cohérent et sans contrôles d'édition. */
#orgTaskPanel .org-task-panel-title-input[hidden],
#orgTaskPanel .org-task-panel-tabs[hidden],
#orgTaskPanel #orgTaskDelete[hidden] {
  display: none !important;
}

#orgTaskPanel .org-task-create-intro { display: none; }

#orgTaskPanel.is-create.org-task-panel {
  width: min(520px, 100vw) !important;
  min-width: min(520px, 100vw) !important;
  border-left-color: #dedcd6 !important;
  box-shadow: -14px 0 40px rgba(31, 33, 30, .07) !important;
}

body:has(#orgTaskPanel.is-create:not([hidden])) #pageOrganisationTaches {
  padding-right: 520px !important;
}

#orgTaskPanel.is-create .org-task-panel-header {
  padding: 24px 28px 22px !important;
  border-bottom-color: #e5e3de !important;
  background: #faf9f7 !important;
}

#orgTaskPanel.is-create .org-task-panel-kicker {
  margin-bottom: 9px !important;
  color: #77766f !important;
  font-size: 10px !important;
  letter-spacing: .09em !important;
}

#orgTaskPanel.is-create .org-task-panel-header h2 {
  font-size: 21px !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}

#orgTaskPanel.is-create .org-task-create-intro {
  margin: 6px 0 0 !important;
  display: block !important;
  color: #82817a !important;
  font: 400 12px/1.45 var(--figma-font) !important;
}

#orgTaskPanel.is-create #orgTaskPanelClient,
#orgTaskPanel.is-create #orgTaskPanelTabs,
#orgTaskPanel.is-create #orgTaskDelete {
  display: none !important;
}

#orgTaskPanel.is-create .org-task-panel-close {
  width: 34px !important;
  height: 34px !important;
  margin: -6px -8px 0 14px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
}

#orgTaskPanel.is-create .org-task-panel-close:hover {
  background: #efede8 !important;
  color: #20211f !important;
}

#orgTaskPanel.is-create .org-task-panel-scroll {
  padding: 22px !important;
  background: #f5f4f1 !important;
}

#orgTaskPanel.is-create #orgTaskPanelDetails { padding: 0 !important; }

#orgTaskPanel.is-create #orgTaskForm {
  margin: 0 !important;
  padding: 24px !important;
  gap: 18px !important;
  border: 1px solid #e1dfda !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(31, 33, 30, .035) !important;
}

#orgTaskPanel.is-create #orgTaskRecordState {
  margin: -2px 0 0 !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #f6f5f2 !important;
  color: #77766f !important;
  font: 500 11px/1.35 var(--figma-font) !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-task-form-grid { gap: 16px 14px !important; }

#orgTaskPanel.is-create #orgTaskForm .org-field > span,
#orgTaskPanel.is-create #orgTaskForm .org-task-observers-field > span {
  margin-bottom: 7px !important;
  color: #77766f !important;
  font: 700 9px/1.2 var(--figma-font) !important;
  letter-spacing: .09em !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-field input,
#orgTaskPanel.is-create #orgTaskForm .org-field select,
#orgTaskPanel.is-create #orgTaskForm .org-client-combobox {
  min-height: 42px !important;
  border: 1px solid #d8d6d0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #292a27 !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-field input,
#orgTaskPanel.is-create #orgTaskForm .org-field select {
  height: 42px !important;
  align-self: start !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-field input,
#orgTaskPanel.is-create #orgTaskForm .org-field select { padding-inline: 12px !important; }

#orgTaskPanel.is-create #orgTaskForm .org-field > .echo-select-trigger {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  align-self: start !important;
  border-radius: 6px !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-client-combobox input {
  min-height: 40px !important;
  padding: 0 34px 0 40px !important;
  border: 0 !important;
  border-radius: 5px !important;
}

#orgTaskPanel.is-create #orgTaskForm .org-client-combobox:focus-within,
#orgTaskPanel.is-create #orgTaskForm .org-field input:focus,
#orgTaskPanel.is-create #orgTaskForm .org-field select:focus,
#orgTaskPanel.is-create #orgTaskForm .org-field textarea:focus {
  border-color: #20211f !important;
  outline: 2px solid rgba(32, 33, 31, .08) !important;
  outline-offset: 0 !important;
}

#orgTaskPanel.is-create #orgTaskTitle {
  min-height: 46px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

#orgTaskPanel.is-create .org-task-observers-field {
  padding: 13px 14px !important;
  border: 1px solid #e3e1dc !important;
  border-radius: 6px !important;
  background: #faf9f7 !important;
}

#orgTaskPanel.is-create .org-task-observers-field > small {
  margin-top: 8px !important;
  color: #888780 !important;
  font: 400 10.5px/1.4 var(--figma-font) !important;
}

#orgTaskPanel.is-create .org-observer-trigger {
  height: 32px !important;
  padding: 0 11px !important;
  border-radius: 16px !important;
  font-size: 10.5px !important;
}

#orgTaskPanel.is-create #orgTaskDescription {
  min-height: 112px !important;
  padding: 12px !important;
  border: 1px solid #d8d6d0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

#orgTaskPanel.is-create .org-task-form-actions {
  margin-top: 2px !important;
  padding-top: 18px !important;
  justify-content: flex-end !important;
  border-top: 1px solid #eceae5 !important;
}

#orgTaskPanel.is-create #orgTaskSave {
  min-width: 178px !important;
  height: 44px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

@media (max-width: 700px) {
  body:has(#orgTaskPanel.is-create:not([hidden])) #pageOrganisationTaches { padding-right: 0 !important; }
  #orgTaskPanel.is-create.org-task-panel { width: 100vw !important; min-width: 100vw !important; }
  #orgTaskPanel.is-create .org-task-panel-header { padding: 20px !important; }
  #orgTaskPanel.is-create .org-task-panel-scroll { padding: 14px !important; }
  #orgTaskPanel.is-create #orgTaskForm { padding: 18px !important; }
  #orgTaskPanel.is-create #orgTaskForm .org-task-form-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* La sélection Pennylane contient un tableau de dossiers. */
html body .confirm-modal[aria-labelledby="pennylanePendingModalTitle"] > .confirm-modal-content {
  width: 920px !important;
}

/* Suppression accessible directement dans chaque ligne de tâche. */
#pageOrganisationTaches .org-task-review-inline-actions button.org-task-inline-delete {
  color: #b42318 !important;
  background: #fff !important;
  border-color: #d4d2cb !important;
}
#pageOrganisationTaches .org-task-review-inline-actions button.org-task-inline-delete:hover,
#pageOrganisationTaches .org-task-review-inline-actions button.org-task-inline-delete:focus-visible {
  background: #fef3f2 !important;
  border-color: #b42318 !important;
}
#pageOrganisationTaches .org-task-review-inline-actions button.org-task-inline-delete i { margin-right: 0 !important; }

#pageOrganisationTaches .org-task-review-inline-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
}
#pageOrganisationTaches .org-task-review-inline-actions button { flex-shrink: 0 !important; }
#pageOrganisationTaches .org-task-database-actions .org-task-review-inline-actions button { padding: 0 7px !important; }

#orgTaskTrash { width: min(1040px, 92vw); max-height: 80vh; box-sizing: border-box; border: 1px solid #ddd; border-radius: 10px; padding: 24px; color: #242522; background: #fff; font: 14px/1.5 Arial, sans-serif; overflow: auto; }
#orgTaskTrash::backdrop { background: rgba(0,0,0,.35); }
#orgTaskTrash header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
#orgTaskTrash h2 { margin: 0; font-size: 21px; }
#orgTaskTrash p { color: #65655e; }
#orgTaskTrash table { width: 100%; border-collapse: collapse; }
#orgTaskTrash th, #orgTaskTrash td { padding: 12px 8px; border-bottom: 1px solid #e8e8e4; text-align: left; vertical-align: middle; }
#orgTaskTrash th { font-size: 12px; color: #65655e; background: #f5f5f2; }
#orgTaskTrash td small { display: block; color: #73736c; }
#orgTaskTrash button { border: 1px solid #d4d2cb; border-radius: 4px; padding: 7px 12px; background: white; color: #242522; cursor: pointer; }
#orgTaskTrash button:hover { background: #f1f1ec; }
#orgTaskTrash button:disabled { opacity: .5; cursor: wait; }
#orgTaskTrash button:focus-visible { outline: 2px solid #242522; outline-offset: 3px; }
#orgTaskTrashOpen[hidden] { display: none !important; }

#pageOrganisationTaches .org-task-lifecycle-tabs { display: flex; gap: 6px; padding: 8px 32px; border-bottom: 1px solid #e6e5e0; }
#pageOrganisationTaches .org-task-lifecycle-tabs button { border: 1px solid #deddd7; border-radius: 5px; background: #fff; color: #686860; padding: 6px 14px; font: 600 12px/1.4 var(--figma-font); cursor: pointer; }
#pageOrganisationTaches .org-task-lifecycle-tabs button[aria-pressed="true"] { background: #252622; color: #fff; border-color: #252622; }
#pageOrganisationTaches .org-task-lifecycle-tabs button:focus-visible { outline: 2px solid #555; outline-offset: 2px; }
#pageOrganisationTaches .org-task-validation-date { display: flex; flex-direction: column; font-size: 12px; line-height: 1.4; color: #43664e; white-space: nowrap; }
#pageOrganisationTaches .org-task-validation-date small { font-size: 10px; color: #777; }
#pageOrganisationTaches #orgTaskDayPicker[hidden], #pageOrganisationTaches #orgTaskStatus[hidden] { display: none !important; }

#pageOrganisationTaches .org-task-row.is-done:not(.is-selected) { opacity: 1 !important; }
#pageOrganisationTaches .org-task-row.is-done .org-task-name { font-style: normal !important; color: #363830 !important; }

/* Participants d’une tâche commune. */
.org-task-participants-badge { flex: 0 0 auto; font-size: 11px; font-weight: 600; color: #375a6b; background: #eaf1f4; border-radius: 10px; padding: 2px 5px; }

html body #orgTaskPanel.is-create .org-task-participants-field { display: block !important; grid-column: 1 / -1 !important; grid-row: 4 !important; }

/* Champ de participants stable : mêmes dimensions avant et après sélection. */
html body #orgTaskPanel.is-create .org-task-participants-field {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
#orgTaskPanel .org-participant-picker {
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  padding: 4px 5px 4px 8px !important;
  border: 1px solid #e2e0db !important;
  border-radius: 4px !important;
  background: #fff !important;
  cursor: pointer;
}
#orgTaskPanel .org-participant-picker:focus-within { border-color: #92948b !important; }
#orgTaskPanel .org-participant-picker .org-observer-chips {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  gap: 5px !important;
  overflow: hidden !important;
}
#orgTaskPanel .org-participant-placeholder { color: #999a93; font: 400 12px/1.3 var(--figma-font); white-space: nowrap; }
#orgTaskPanel .org-participant-picker .org-observer-chip {
  flex: 0 1 auto !important;
  height: 26px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #f1f2ef !important;
}
#orgTaskPanel .org-participant-picker .org-observer-chip > span:nth-child(2) { min-width: 0 !important; max-width: 140px !important; }
#orgTaskPanel .org-participant-picker .org-observer-chip button { flex: 0 0 18px !important; }
#orgTaskPanel .org-participant-picker .org-observer-trigger {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #66685f !important;
}
#orgTaskPanel .org-participant-picker .org-observer-trigger > span { display: none !important; }
#orgTaskPanel .org-participant-picker .org-observer-trigger > i { font-size: 17px !important; }
#orgTaskPanel .org-participant-picker .org-observer-trigger:hover { background: #f1f2ef !important; }
#orgTaskPanel .org-participant-more { flex: 0 0 auto; padding: 4px; border: 0; background: transparent; color: #686b60; font: 600 11px/1.2 var(--figma-font); cursor: pointer; }
#orgTaskPanel .org-participant-picker .org-observer-panel { box-sizing: border-box !important; width: 100% !important; top: calc(100% + 6px) !important; box-shadow: 0 8px 24px rgba(31,33,30,.1) !important; }
#orgTaskPanel .org-participant-picker.is-open-above .org-observer-panel { top: auto !important; bottom: calc(100% + 24px) !important; }
#orgTaskPanel .org-participant-picker .org-observer-trigger:focus-visible,
#orgTaskPanel .org-participant-picker .org-observer-chip button:focus-visible,
#orgTaskPanel .org-participant-more:focus-visible { outline: 2px solid #657360 !important; outline-offset: 1px !important; }