/* Espace de travail Tâches — styles limités au module et à ses fenêtres. */
.taches-module {
  --task-ink: #23333c;
  --task-muted: #6e7c84;
  --task-line: #e3e8e8;
  --task-paper: #fff;
  --task-wash: #f4f7f6;
  --task-accent: #f15b3a;
  --task-green: #119d80;
  max-width: 1560px;
  margin: 0 auto;
  padding: 8px 0 48px;
  color: var(--task-ink);
}
:root:not([data-theme="light"]) .taches-module {
  --task-ink: #e3ecef;
  --task-muted: #a5b5bf;
  --task-line: #31414b;
  --task-paper: #18242e;
  --task-wash: #202e38;
  --task-accent: #ff967e;
  --task-green: #6ad1b5;
}
.taches-module :is(button, input, select) { font-family: inherit; }
.taches-module :is(button, [role="button"]):focus-visible,
.task-dialog :is(button, input, select, textarea):focus-visible {
  outline: 2px solid #e65e40; outline-offset: 3px;
}
.taches-module [hidden] { display: none !important; }
.taches-module button { cursor: pointer; }
.taches-module .taches-topbar { align-items: center; border: 0; margin: 0 0 26px; padding: 0; }
.taches-module .taches-topbar-left { display: block; }
.task-eyebrow { display: block; color: var(--task-muted); font-size: 10px; font-weight: 700; letter-spacing: .15em; line-height: 1.5; }
.taches-module h1, .taches-module h2, .taches-module h3 { font-family: 'Plus Jakarta Sans', 'Archivo', sans-serif; color: var(--task-ink); }
.taches-module .taches-topbar h1 { font-size: clamp(26px, 2.5vw, 36px); font-weight: 750; letter-spacing: -1.5px; margin: 8px 0; line-height: 1.2; }
.task-title-dot { color: var(--task-accent); font-weight: 500; }
.taches-module .taches-topbar p { margin: 0; color: var(--task-muted); font-size: 13px; }
.task-primary { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 18px; border-radius: 11px; border: 1px solid transparent; background: #f15b3a; color: #fff; font-size: 13px; font-weight: 600; box-shadow: 0 5px 14px #f15b3a25; transition: background .18s, transform .18s; cursor: pointer; }
.task-primary:hover { background: #dc4828; transform: translateY(-1px); }
.task-primary iconify-icon { font-size: 19px; color: #fff; }
.taches-module .taches-tabs { background: transparent; border: 0; border-bottom: 1px solid var(--task-line); border-radius: 0; padding: 0; gap: 28px; overflow-x: auto; margin-bottom: 20px; scrollbar-width: thin; }
.taches-module .taches-tab { padding: 12px 1px 16px; border-radius: 0; color: var(--task-muted); font-size: 13px; flex: 0 0 auto; border-bottom: 2px solid transparent; }
.taches-module .taches-tab.active { color: var(--task-ink); background: transparent; box-shadow: none; border-bottom-color: var(--task-accent); }
.taches-module .taches-tab.active iconify-icon { color: var(--task-accent); }
.task-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 30px; }
.task-scopes { display: flex; gap: 4px; flex-wrap: wrap; }
.task-scopes button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: transparent; color: var(--task-muted); padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; font-size: 12px; white-space: nowrap; }
.task-scopes button:hover { background: var(--task-paper); color: var(--task-ink); }
.task-scopes button.is-selected { border-color: var(--task-line); color: var(--task-ink); background: var(--task-paper); box-shadow: 0 2px 4px #1b344008; font-weight: 600; }
.task-search { display: flex; align-items: center; gap: 8px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--task-line); background: var(--task-paper); color: var(--task-muted); min-width: 220px; }
.task-search input { border: none; outline: none; padding: 10px 0; background: transparent; color: var(--task-ink); font-size: 12px; width: 100%; min-width: 0; }
.task-search:focus-within { border-color: var(--task-accent); box-shadow: 0 0 0 3px #e65e4010; }
.task-view-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.task-view-heading h2 { margin: 0 0 5px; font-size: 18px; font-weight: 700; letter-spacing: -.45px; }
.task-view-heading p { margin: 0; color: var(--task-muted); font-size: 12px; }
.task-text-button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; border: 0; background: transparent; color: var(--task-accent); font-size: 12px; font-weight: 600; white-space: nowrap; }
.task-text-button:hover { text-decoration: underline; }
.task-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 24px; }
.task-metric { text-align: left; padding: 19px 21px; border-radius: 14px; background: var(--task-paper); border: 1px solid var(--task-line); color: var(--task-ink); transition: border-color .2s, transform .2s; }
.task-metric:hover { border-color: var(--task-accent); transform: translateY(-2px); }
.task-metric > span { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: var(--task-muted); }
.task-metric > span iconify-icon { font-size: 19px; }
.task-metric > strong { display: block; font-size: 34px; font-weight: 650; letter-spacing: -1.4px; line-height: 1.3; margin: 10px 0 6px; font-variant-numeric: tabular-nums; }
.task-metric > small { display: flex; align-items: center; justify-content: space-between; color: var(--task-muted); font-size: 10px; }
.task-metric > small iconify-icon { color: var(--task-accent); font-size: 16px; }
.task-metric.needs-attention { border-color: #e65e4050; }
.task-metric.needs-attention > strong { color: var(--task-accent); }
.task-overview-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr); gap: 20px; }
.task-panel { background: var(--task-paper); border: 1px solid var(--task-line); border-radius: 16px; min-width: 0; overflow: hidden; }
.task-panel-heading { padding: 22px 22px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.task-panel-heading h3 { font-size: 14px; letter-spacing: -.25px; font-weight: 700; margin: 0; }
.task-panel-heading .task-eyebrow { margin-bottom: 7px; font-size: 9px; }
.task-panel-heading > iconify-icon { color: var(--task-muted); font-size: 20px; }
.task-muted { color: var(--task-muted); font-size: 11px; }
.task-focus-row { display: flex; align-items: center; gap: 12px; width: calc(100% - 28px); margin: 0 14px; padding: 16px 8px; color: var(--task-ink); border: 0; border-top: 1px solid var(--task-line); background: transparent; text-align: left; transition: background .15s; }
.task-focus-row:hover { background: var(--task-wash); border-radius: 8px; }
.task-status-mark { display: grid; place-items: center; color: var(--status-color); background: var(--task-wash); width: 34px; height: 34px; border-radius: 10px; flex: 0 0 auto; font-size: 18px; }
.task-row-text { display: block; min-width: 0; flex: 1; }
.task-row-text strong { display: block; font-size: 12px; line-height: 1.45; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-row-text small { display: block; color: var(--task-muted); margin-top: 4px; font-size: 10px; }
.task-row-date { font-size: 10px; color: var(--task-muted); flex-shrink: 0; }
.task-row-date.is-late { color: var(--task-accent); background: #e65e400d; padding: 5px 7px; border-radius: 6px; }
.task-row-arrow { color: var(--task-muted); font-size: 15px; }
.task-progress-panel { background: #5557e8; color: #fff; border-radius: 16px; padding: 24px; text-align: center; position: relative; overflow: hidden; }
.task-progress-panel .task-eyebrow { color: #dadbff; font-size: 9px; }
.task-progress-panel h3 { color: #fff; font-size: 18px; margin: 8px 0 18px; letter-spacing: -.5px; }
.task-progress-ring { width: 158px; height: 158px; margin: 0 auto 14px; padding: 8px; background: conic-gradient(#adf5d6 var(--progress), #ffffff15 0); border-radius: 50%; }
.task-progress-ring > div { background: #5557e8; border-radius: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.task-progress-ring strong { font-size: 38px; font-weight: 600; letter-spacing: -2px; line-height: 1.2; }
.task-progress-ring small { font-size: 17px; color: #c0ffea; letter-spacing: 0; margin-left: 3px; }
.task-progress-ring span { color: #dadbff; font-size: 11px; margin-top: 4px; }
.task-progress-panel p { font-size: 12px; margin: 0 0 5px; color: #fff; }
.task-progress-caption { font-size: 10px; color: #dadbff; }
.task-progress-panel > button { margin: 18px 0 0; border: 1px solid #ffffff25; background: #ffffff0a; color: #fff; padding: 10px 14px; border-radius: 9px; display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 11px; }
.task-progress-panel > button:hover { background: #ffffff18; }
.task-team { padding: 0 22px 18px; }
.task-team button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 0; border: 0; background: transparent; color: var(--task-ink); text-align: left; }
.task-team button > span:nth-child(2) { flex: 1; }
.task-team strong { font-size: 11px; font-weight: 600; }
.task-team i { display: block; height: 4px; border-radius: 4px; background: var(--task-wash); margin-top: 8px; overflow: hidden; }
.task-team em { display: block; height: 100%; background: #27bda0; border-radius: inherit; }
.task-team b { font-size: 12px; margin-left: 12px; font-weight: 600; }
.task-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr); gap: 20px; margin-top: 20px; }
.task-chart { padding: 0 20px 18px; }
.task-distribution { padding: 0 22px 20px; }
.task-distribution button { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; color: var(--task-ink); padding: 12px 0; width: 100%; font-size: 12px; }
.task-distribution button:hover strong { text-decoration: underline; }
.task-distribution span { width: 7px; height: 7px; border-radius: 50%; }
.task-distribution strong { flex: 1; text-align: left; font-weight: 500; }
.task-distribution b { font-weight: 600; }
/* Accueil sans données : un chemin clair vers la première action. */
.task-onboarding { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 60px; padding: 46px 52px; border-radius: 20px; border: 1px solid var(--task-line); background: var(--task-paper); }
.task-onboarding h2 { font-size: clamp(25px, 2.6vw, 36px); line-height: 1.25; letter-spacing: -1.25px; margin: 14px 0; max-width: 530px; }
.task-onboarding p { font-size: 13px; line-height: 1.8; color: var(--task-muted); max-width: 460px; margin-bottom: 24px; }
.task-plan-art { background: var(--task-wash); border: 1px solid var(--task-line); border-radius: 18px; padding: 26px; transform: rotate(-3deg); box-shadow: 10px 14px 0 #80aaa215; max-width: 360px; width: 100%; justify-self: center; }
.task-art-label { color: var(--task-muted); letter-spacing: .13em; font-size: 9px; font-weight: 700; }
.task-plan-art > div { display: flex; gap: 12px; align-items: center; padding-top: 20px; font-size: 12px; font-weight: 500; }
.task-plan-art i { display: grid; place-items: center; font-style: normal; width: 26px; height: 26px; border-radius: 8px; color: var(--task-green); background: #80aaa220; }
.task-plan-art > div:nth-of-type(3) i { color: var(--task-accent); background: #e65e4012; }
.task-art-line { display: block; height: 5px; background: linear-gradient(90deg, #27bda0 66%, #27bda020 66%); border-radius: 5px; margin: 24px 0 10px; }
.task-plan-art small { color: var(--task-muted); font-size: 10px; }
.task-start-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 22px; }
.task-start-grid button { text-align: left; border: 1px solid var(--task-line); border-radius: 14px; padding: 22px; background: var(--task-paper); color: var(--task-ink); transition: border-color .2s; }
.task-start-grid button:hover { border-color: var(--task-accent); }
.task-start-grid iconify-icon { font-size: 23px; display: block; color: var(--task-accent); margin-bottom: 14px; }
.task-start-grid strong { display: block; font-size: 13px; font-weight: 600; }
.task-start-grid span { display: block; color: var(--task-muted); font-size: 11px; margin-top: 6px; line-height: 1.6; }
.task-empty { padding: 30px 22px; text-align: center; }
.task-empty-icon { display: grid; place-items: center; width: 48px; height: 48px; background: var(--task-wash); border: 1px solid var(--task-line); border-radius: 14px; margin: 0 auto 15px; color: #27bda0; font-size: 25px; }
.task-empty h3 { font-size: 14px; margin: 0 0 8px; }
.task-empty p { color: var(--task-muted); font-size: 12px; line-height: 1.7; max-width: 400px; margin: 0 auto 16px; }
/* Tableau et priorités : même langage visuel, repères propres à chaque colonne. */
.taches-module .kanban-board { gap: 18px; min-height: 470px; align-items: start; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.taches-module .kanban-column { background: var(--task-wash); border: 1px solid var(--task-line); border-radius: 14px; min-height: 390px; box-shadow: none; }
.taches-module .kanban-col-header { border-top: 0 !important; padding: 18px 14px 14px; }
.taches-module .kanban-col-title { color: var(--task-ink); font-size: 12px; }
.taches-module .kanban-col-count { font-size: 10px; padding: 3px 7px; border-radius: 6px; }
.taches-module .kanban-card { background: var(--task-paper); border: 1px solid var(--task-line); padding: 16px 14px; border-radius: 11px; box-shadow: 0 2px 3px #21333a05; margin-bottom: 11px; }
.taches-module .kanban-card:hover { transform: translateY(-2px); border-color: #27bda0; box-shadow: 0 6px 14px #1a33380c; }
.taches-module .kanban-card-title { font-size: 13px; font-weight: 600; line-height: 1.6; margin: 10px 0 13px; color: var(--task-ink); overflow-wrap: anywhere; }
.taches-module .kanban-card-footer { border-top: 1px solid var(--task-line); padding-top: 12px; margin-top: 14px; gap: 6px; }
.taches-module .kanban-tag { background: var(--task-wash); color: var(--task-muted); border-radius: 5px; padding: 3px 6px; }
.taches-module .kanban-add-btn { background: transparent; color: var(--task-muted); border-color: var(--task-line); padding: 12px; font-size: 11px; }
.taches-module .kanban-empty { padding: 40px 10px; color: var(--task-muted); opacity: 1; font-size: 11px; }
.taches-module .eisen-grid { margin: 0; gap: 20px; grid-template-rows: auto; }
.taches-module .eisen-axis-y, .taches-module .eisen-axis-x { display: none; }
.taches-module .eisen-quadrant { background: var(--task-paper) !important; border: 1px solid var(--task-line) !important; border-radius: 15px; padding: 22px; min-height: 250px; }
.taches-module .eisen-q-header { font-size: 14px; padding-bottom: 16px; margin-bottom: 15px; }
.taches-module .eisen-quadrant::before { display: block; font-size: 9px; font-weight: 600; letter-spacing: .1em; color: var(--task-muted); margin-bottom: 12px; }
.taches-module [data-quadrant="q1"]::before { content: '01 / URGENT ET IMPORTANT'; }
.taches-module [data-quadrant="q2"]::before { content: '02 / IMPORTANT, NON URGENT'; }
.taches-module [data-quadrant="q3"]::before { content: '03 / URGENT, NON IMPORTANT'; }
.taches-module [data-quadrant="q4"]::before { content: '04 / NI URGENT, NI IMPORTANT'; }
.taches-module .eisen-card { padding: 14px; border-radius: 10px; border-color: var(--task-line); background: var(--task-wash); }
.taches-module .eisen-card-title { font-size: 12px; font-weight: 600; margin-bottom: 8px; color: var(--task-ink); }
.taches-module .eisen-empty { font-style: normal; color: var(--task-muted); line-height: 1.7; padding-top: 28px; }
/* Réunions et liste. */
.taches-module .reunion-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.taches-module .reunion-card { padding: 24px; align-items: flex-start; background: var(--task-paper); border-color: var(--task-line); border-radius: 15px; box-shadow: none; }
.taches-module .reunion-card:hover { background: var(--task-paper); box-shadow: 0 6px 18px #21333a0d; border-color: #27bda0; }
.taches-module .reunion-date-block { width: 52px; height: 60px; background: var(--task-wash); border: 1px solid var(--task-line); }
.taches-module .reunion-date-day { color: var(--task-ink); font-size: 23px; }
.taches-module .reunion-date-month { color: var(--task-muted); margin-top: 5px; font-size: 9px; }
.taches-module .reunion-card-title { color: var(--task-ink); font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
.taches-module .reunion-card-stats { flex-wrap: wrap; gap: 7px 14px; padding-top: 12px; font-size: 10px; }
.task-meeting-empty { text-align: center; padding: 32px 20px 48px; border: 1px solid var(--task-line); border-radius: 16px; background: var(--task-paper); }
.taches-module .liste-toolbar { background: var(--task-paper); border: 1px solid var(--task-line); padding: 14px; border-radius: 12px; }
.taches-module .liste-filters { width: 100%; gap: 10px; }
.taches-module .liste-filters select { flex: 1; background: var(--task-paper); color: var(--task-ink); border: 1px solid var(--task-line); border-radius: 8px; min-height: 36px; }
.taches-module .liste-table-wrap { background: var(--task-paper); border: 1px solid var(--task-line); border-radius: 13px; }
.taches-module .liste-table { min-width: 850px; }
.taches-module .liste-table th { padding: 14px 16px; background: var(--task-wash); color: var(--task-muted); font-size: 9px; letter-spacing: .08em; border-color: var(--task-line); }
.taches-module .liste-table td { padding: 17px 16px; border-color: var(--task-line); }
.taches-module .liste-task-title { color: var(--task-ink); font-size: 12px; font-weight: 600; }
.taches-module .liste-badge { padding: 4px 8px; font-size: 10px; border-radius: 5px; }
.taches-module input[type="checkbox"] { accent-color: #21876e; width: 15px; height: 15px; cursor: pointer; }
.taches-module .liste-bulk-bar { background: var(--task-paper); border-color: var(--task-line); }
/* Gantt, y compris la frise embarquée. */
.taches-module .gt-card { border-color: var(--task-line); border-radius: 15px; background: var(--task-paper); }
.taches-module .gt-titlebar { padding: 20px 22px; font-size: 14px; font-weight: 600; }
.taches-module .gt-toolbar { justify-content: flex-start; }
.taches-module .gt-days { border-radius: 9px; background: var(--task-wash); }
.taches-module .gt-dbtn { border-radius: 6px; padding: 7px 12px; }
.taches-module .gt-row { height: 64px; }
.taches-module .gt-seg { top: 16px; height: 32px; box-shadow: none; font-weight: 500; font-size: 11px; }
.taches-module .gt-corner, .taches-module .gt-tcellname { background: var(--task-paper); }
.taches-module .gt-tt { font-size: 12px; font-weight: 600; }
.taches-module .gt-sub { font-size: 10px; margin-top: 5px; }
.taches-module .gt-ava { border-radius: 9px; font-weight: 500; }
.taches-module .gt-now { background: #e65e40; pointer-events: none; }
.taches-module .gt-now::before { background: #e65e40; }
.taches-module .gt-legend { font-size: 10px; padding: 16px 22px; }
/* Fenêtres du module : création, édition, détails, réunions et délégation. */
.modal.task-dialog { border-radius: 20px; overflow: hidden; border: 1px solid var(--border-color); box-shadow: 0 24px 80px #152e3830; }
.modal.task-dialog .modal-header { padding: 22px 26px; border-bottom: 1px solid var(--border-color); }
.modal.task-dialog .modal-header h2, .modal.task-dialog #modal-title { font-family: 'Plus Jakarta Sans', 'Archivo', sans-serif; font-size: 19px; font-weight: 700; letter-spacing: -.6px; }
.modal.task-dialog .modal-body { padding: 22px 26px; }
.modal.task-dialog .modal-footer { padding: 16px 26px; background: var(--bg-tertiary); border-top: 1px solid var(--border-color); gap: 10px; flex-wrap: wrap; }
.modal.task-dialog .form-control { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: 9px; padding: 11px 12px; font-size: 13px; min-height: 42px; box-shadow: none; }
.modal.task-dialog .form-control:focus { border-color: #27bda0; box-shadow: 0 0 0 3px #80aaa215; }
.modal.task-dialog .form-label { font-size: 11px; font-weight: 600; margin-bottom: 7px; color: var(--text-secondary); }
.modal.task-dialog .btn { border-radius: 9px; font-size: 12px; padding: 10px 14px; }
.modal.task-dialog .btn-primary { background: #f15b3a; border-color: #f15b3a; color: white; box-shadow: none; }
.task-form-intro { margin: 0 0 24px; font-size: 12px; line-height: 1.7; color: var(--text-muted); }
.task-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.task-form-grid > div { min-width: 0; }
.task-form-section { grid-column: 1 / -1; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-muted); border-top: 1px solid var(--border-color); padding-top: 18px; margin-top: 3px; font-weight: 700; }
.modal.task-dialog #tf-titre { font-size: 16px; padding: 14px 12px; }
.modal.task-dialog .subtask-row { background: var(--bg-tertiary); border-radius: 10px; padding: 6px; }
/* Adaptation tablette et mobile sans masquer les actions principales. */
@media (max-width: 1100px) {
  .taches-module .kanban-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-onboarding { gap: 30px; padding: 32px; }
  .taches-module .reunion-list { grid-template-columns: 1fr; }
  .task-metric { padding: 16px; }
  .taches-module .taches-tabs { gap: 22px; }
}
@media (max-width: 768px) {
  .taches-module { padding-top: 0; }
  .taches-module .taches-topbar { gap: 18px; margin-bottom: 18px; }
  .taches-module .taches-topbar h1 { font-size: 27px; }
  .taches-module .taches-topbar p { font-size: 11px; }
  .taches-module .taches-topbar .task-primary { padding: 10px 13px; font-size: 11px; }
  .task-toolbar { flex-direction: column-reverse; align-items: stretch; gap: 12px; margin-bottom: 22px; }
  .task-scopes { flex-wrap: nowrap; overflow-x: auto; }
  .task-scopes button { font-size: 10px; padding: 8px 9px; }
  .task-search { min-width: 0; }
  .task-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .task-metric > span { font-size: 10px; }
  .task-metric > strong { font-size: 29px; }
  .task-metric > small { font-size: 9px; }
  .task-overview-grid, .task-bottom-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .task-progress-panel { padding: 24px; }
  .task-onboarding { grid-template-columns: 1fr; padding: 26px; gap: 32px; }
  .task-onboarding h2 { font-size: 26px; }
  .task-plan-art { max-width: 310px; margin-bottom: 10px; }
  .task-start-grid { grid-template-columns: 1fr; gap: 10px; }
  .task-start-grid button { padding: 18px; }
  .task-start-grid iconify-icon { float: left; margin: 3px 16px 0 0; }
  .task-view-heading { align-items: start; }
  .task-view-heading h2 { font-size: 16px; }
  .task-view-heading p { font-size: 11px; line-height: 1.6; }
  .task-panel-heading { padding: 20px 16px 14px; }
  .task-row-date { font-size: 9px; max-width: 100px; text-align: right; }
  .task-focus-row { gap: 9px; margin: 0 8px; width: calc(100% - 16px); }
  .task-row-arrow { display: none; }
  .taches-module .eisen-grid { grid-template-columns: 1fr; }
  .taches-module .gt-corner, .taches-module .gt-tcellname { width: 160px; min-width: 160px; padding: 0 10px; }
  .taches-module .gt-ava { display: none; }
  .taches-module .liste-filters select { flex: 1 1 40%; min-width: 0 !important; }
  .modal.task-dialog .modal-body, .modal.task-dialog .modal-header, .modal.task-dialog .modal-footer { padding: 18px; }
  .task-form-grid { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 520px) {
  .taches-module .kanban-board { grid-template-columns: minmax(0, 1fr); }
  .taches-module .kanban-column { min-height: 220px; }
  .taches-module .reunion-card { padding: 18px; gap: 12px; flex-wrap: wrap; }
  .taches-module .reunion-card-right { margin-left: 64px; }
  .taches-module .reunion-card-body { min-width: 140px; }
  .task-plan-art { transform: rotate(-2deg); }
  .modal.task-dialog #modal-body > div > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  .taches-module *, .task-dialog * { animation: none !important; transition: none !important; }
}

/* ============================================================================================
   Version sobre (règles d'interface du projet, 21/09/2026). Remplace les anciennes couches
   « accents vifs » et « studio » (dégradés violets, jaunes, roses). Le module est aussi un
   .espace-sobre : en-tête, boutons, cartes et menu latéral viennent de css/finance-yango.css.
   Couleur = information seulement : un point rouge (urgent, en retard), ambre (en cours),
   vert (terminé). Tout le reste à l'encre.
   ============================================================================================ */
:root .taches-module,:root:not([data-theme="light"]) .taches-module{--task-ink:var(--text-primary);--task-muted:var(--text-secondary);--task-line:var(--border-color);--task-paper:var(--bg-secondary);--task-wash:var(--bg-tertiary);--task-accent:var(--text-primary);--task-green:var(--fin-positif,#0E8A5F);max-width:1360px;padding:4px 4px 40px;min-height:0}
.taches-module h1,.taches-module h2,.taches-module h3{font-family:inherit}
.taches-module :is(button,a,[role="button"]):focus-visible,.task-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}

/* Menu latéral : les vues, puis les filtres */
.taches-module #task-menu{gap:0}
.taches-module .taches-tabs{display:flex;flex-direction:column;gap:2px;background:none;border:0;border-radius:0;padding:0;margin:0;overflow:visible}
.taches-module .taches-tab,.taches-module .taches-tab.active{border:0;border-radius:10px;padding:9px 12px;font-size:13.5px}
.taches-module .task-toolbar{display:block;margin:0;padding:0}
.taches-module .task-scopes{display:flex;flex-direction:column;gap:2px;flex-wrap:nowrap}
.taches-module .task-scopes button,.taches-module .task-scopes button.is-selected{justify-content:flex-start;white-space:normal;text-align:left}
.tk-nav-titre{font-size:11.5px;font-weight:600;color:var(--text-muted);padding:16px 12px 6px}
.taches-module .task-search{min-width:240px;border-radius:10px;min-height:38px;background:var(--bg-secondary);border:1px solid var(--border-color)}
.taches-module .task-search input{font-size:13px;padding:8px 0}
.taches-module .task-search:focus-within{border-color:var(--text-primary);box-shadow:none}

/* Titre de la vue */
.taches-module .task-view-heading{margin-bottom:16px;min-height:0}
.taches-module .task-view-heading h2{font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 3px}
.taches-module .task-view-heading p{font-size:13px}
.taches-module .task-text-button{color:var(--text-primary);font-size:12.5px;text-decoration:underline;text-underline-offset:3px}

/* Indicateurs : une seule bande, chiffres à l'encre */
.taches-module .task-metrics{gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;margin-bottom:20px}
.taches-module .task-metric{background:var(--bg-secondary);border:0;border-radius:0;padding:16px 18px;color:var(--text-primary);box-shadow:none}
.taches-module .task-metric:hover{transform:none;background:var(--bg-tertiary)}
.taches-module .task-metric>span{font-size:12.5px;color:var(--text-secondary)}
.taches-module .task-metric>span iconify-icon{color:var(--text-muted);font-size:17px}
.taches-module .task-metric>strong{font-size:25px;font-weight:700;letter-spacing:-.4px;margin:6px 0 4px;line-height:1.2;color:var(--text-primary)}
.taches-module .task-metric>small{font-size:12px;color:var(--text-muted)}
.taches-module .task-metric>small iconify-icon{color:var(--text-muted);font-size:14px}
.taches-module .task-metric.needs-attention>strong{color:var(--fin-negatif,#C8382A)}

/* Panneaux */
.taches-module .task-overview-grid,.taches-module .task-bottom-grid{gap:16px}
.taches-module .task-bottom-grid{margin-top:16px}
.taches-module .task-panel,.taches-module .task-progress-panel,.taches-module .task-empty,.taches-module .task-onboarding{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:none;color:var(--text-primary)}
.taches-module .task-panel .task-empty{border:0;background:none}
.taches-module .task-panel-heading{padding:18px 20px 12px}
.taches-module .task-panel-heading h3{font-size:14.5px;font-weight:700;letter-spacing:-.1px}
.taches-module .task-muted{font-size:12px;color:var(--text-muted)}
.taches-module .task-focus-row{width:100%;margin:0;padding:13px 20px;border-radius:0;gap:12px}
.taches-module .task-focus-row:hover{background:var(--bg-tertiary);border-radius:0}
.taches-module .task-status-mark{width:32px;height:32px;border-radius:9px;font-size:17px;color:var(--text-secondary);background:var(--bg-tertiary);position:relative}
.taches-module .task-status-mark::after{content:"";position:absolute;right:-2px;top:-2px;width:8px;height:8px;border-radius:50%;background:var(--status-color,#7D8287);box-shadow:0 0 0 2px var(--bg-secondary)}
.taches-module .task-row-text strong{font-size:13.5px}
.taches-module .task-row-text small{font-size:12px;margin-top:2px}
.taches-module .task-row-date{font-size:12px}
.taches-module .task-row-date.is-late{color:var(--fin-negatif,#C8382A);background:none;padding:0;font-weight:600}

/* Avancement : anneau à l'encre sur fond blanc */
.taches-module .task-progress-panel{padding:20px;text-align:center}
.taches-module .task-progress-panel h3{color:var(--text-primary);font-size:14.5px;font-weight:700;margin:0 0 16px;text-align:left}
.taches-module .task-progress-ring{width:132px;height:132px;padding:7px;background:conic-gradient(var(--text-primary) var(--progress),var(--bg-tertiary) 0)}
.taches-module .task-progress-ring>div{background:var(--bg-secondary)}
.taches-module .task-progress-ring strong{font-size:30px;font-weight:700;letter-spacing:-1px;color:var(--text-primary)}
.taches-module .task-progress-ring small{font-size:14px;color:var(--text-muted)}
.taches-module .task-progress-ring span,.taches-module .task-progress-caption{color:var(--text-muted);font-size:12px}
.taches-module .task-progress-panel p{color:var(--text-primary);font-size:13px}
.taches-module .task-progress-panel>button{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:10px;font-size:13px;font-weight:600;padding:9px 14px}
.taches-module .task-progress-panel>button:hover{background:var(--bg-tertiary)}

/* Équipe, rythme, répartition */
.tk-initiales{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px;font-weight:700;flex-shrink:0}
.taches-module .task-team{padding:0 20px 14px}
.taches-module .task-team strong{font-size:13px}
.taches-module .task-team em{background:var(--text-primary)}
.taches-module .task-team b{font-size:13px}
.taches-module .task-primary,.task-dialog .task-primary{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-secondary);border-radius:10px;box-shadow:none;font-size:13px;padding:9px 14px}
.taches-module .task-primary:hover,.task-dialog .task-primary:hover{background:var(--text-primary);opacity:.86;transform:none}
.taches-module .task-primary iconify-icon{color:inherit}
.taches-module .task-distribution{padding:0 20px 14px}
.taches-module .task-distribution button{font-size:13px;padding:10px 0}

/* Accueil sans tâche : pas de décor, un chemin clair */
.taches-module .task-eyebrow{display:none}
.taches-module .task-onboarding{grid-template-columns:1fr;gap:0;padding:36px 32px}
.taches-module .task-onboarding h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}
.taches-module .task-onboarding p{font-size:13.5px;line-height:1.6;margin-bottom:18px}
.taches-module .task-plan-art{display:none}
.taches-module .task-start-grid{gap:12px;margin-top:16px}
.taches-module .task-start-grid button{padding:18px;border-radius:14px}
.taches-module .task-start-grid button:hover{border-color:var(--text-muted)}
.taches-module .task-start-grid iconify-icon{color:var(--text-secondary);margin-bottom:10px}
.taches-module .task-start-grid strong{font-size:13.5px}
.taches-module .task-start-grid span{font-size:12.5px}
.taches-module .task-empty-icon{color:var(--text-muted)}
.taches-module .task-empty h3{font-size:14.5px}
.taches-module .task-empty p{font-size:13px}

/* Étiquettes : texte neutre + point de couleur (aussi dans les fenêtres) */
.tk-pastille{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:11.5px;font-weight:600;white-space:nowrap}
.tk-pastille::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c,#9AA0A4);flex-shrink:0}
.tk-pastille-nue::before{display:none}

/* Réunions, liste, tableaux, Kanban */
.taches-module .reunion-card{border-radius:14px;border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:none;backdrop-filter:none}
.taches-module .reunion-card:hover{transform:none;box-shadow:none;background:var(--bg-tertiary)}
.taches-module .reunion-date-block{background:var(--bg-tertiary);border:0}
.taches-module .reunion-date-day,.taches-module .reunion-date-month{color:var(--text-primary)}
.taches-module .reunion-date-month{color:var(--text-muted)}
.taches-module .reunion-statut-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;display:inline-flex;align-items:center;gap:6px}
.taches-module .reunion-statut-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#9AA0A4}
.taches-module .reunion-statut-valide::before{background:var(--fin-positif,#0E8A5F)}
.taches-module .reunion-statut-brouillon::before{background:#E8930C}
.taches-module .liste-bulk-bar{background:var(--bg-tertiary);border:1px solid var(--border-color)}
.taches-module .liste-row.selected{background:var(--bg-tertiary)}
.taches-module .liste-task-title:hover{color:var(--text-primary);text-decoration:underline}
.taches-module .table-container,.taches-module .liste-table-wrap{border:1px solid var(--border-color);border-radius:14px;overflow:auto;background:var(--bg-secondary);box-shadow:none}
.taches-module .liste-table th{background:var(--bg-secondary);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}
.taches-module .kanban-column{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px}
.taches-module .kanban-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:none}
.taches-module .kanban-card:hover{transform:none;box-shadow:none;border-color:var(--text-muted)}
.taches-module [data-quadrant]{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}
.taches-module .eisen-card{background:var(--bg-tertiary);border:0;box-shadow:none}

/* Calendrier (frise embarquée) */
.taches-module .gt-card{border:1px solid var(--border-color);border-radius:14px;background:var(--bg-secondary);box-shadow:none}
.taches-module .gt-day.today{background:var(--text-primary);color:var(--bg-secondary)}
.taches-module .gt-day.today span{color:var(--bg-secondary)}
.taches-module .gt-now{border-left:2px dashed var(--text-primary)!important;background:transparent;width:0}

/* Fenêtres du module */
.task-dialog .btn-primary{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-secondary);box-shadow:none}
.task-dialog .btn-primary:hover{opacity:.86}

@media(max-width:1100px){.taches-module .task-overview-grid,.taches-module .task-bottom-grid{grid-template-columns:1fr}}
@media(max-width:900px){.taches-module .task-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .taches-module .taches-tabs,.taches-module .task-scopes{flex-direction:row;flex-shrink:0}
  .taches-module #task-menu{flex-direction:row;align-items:center;gap:4px}
  .taches-module .task-toolbar{display:flex;align-items:center;flex-shrink:0}
  .taches-module .fin-sidenav .tab{width:auto;white-space:nowrap;flex-shrink:0}
  .tk-nav-titre{display:none}
}
@media(max-width:700px){
  .taches-module{padding:4px 0 32px}
  .taches-module .task-search{min-width:0;flex:1}
  .taches-module .task-metric>strong{font-size:22px}
}