@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}




@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-mono-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}




@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/statique/polices/ibm-plex-sans-arabic-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url("/statique/polices/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:500; font-display:swap; src:url("/statique/polices/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:600; font-display:swap; src:url("/statique/polices/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url("/statique/polices/inter-latin-700-normal.woff2") format("woff2"); }
[hidden] { display: none !important; }
.source-schema { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px; padding: 0; margin: 16px 0; list-style: none; }
.source-noeud { position: relative; min-width: 0; min-height: 152px; padding: 14px; border: 1px solid var(--line); border-inline-start: 3px solid var(--steel); border-radius: var(--rayon-4); background: var(--paper); display: flex; flex-direction: column; gap: 9px; overflow-wrap: anywhere; }
.source-noeud.etat-succes { border-inline-start-color: var(--green); }
.source-noeud.etat-attention { border-inline-start-color: var(--gold); }
.source-noeud.etat-erreur, .source-noeud.etat-bloque { border-inline-start-color: var(--clay); }
.source-noeud-tete { display: flex; gap: 8px; align-items: center; justify-content: space-between; color: var(--slate); }
.source-noeud-icone { width: 28px; height: 28px; flex: none; display: grid; place-items: center; border-radius: var(--rayon-3); background: var(--teal-soft); color: var(--teal-d); }
.source-noeud.etat-succes .source-noeud-icone { color: var(--green); background: var(--green-soft); }
.source-noeud.etat-attention .source-noeud-icone { color: var(--gold-d); background: var(--gold-soft); }
.source-noeud.etat-erreur .source-noeud-icone, .source-noeud.etat-bloque .source-noeud-icone { color: var(--clay); background: var(--clay-soft); }
.source-etape { font-size: var(--taille-10); letter-spacing: .06em; text-transform: uppercase; }
.source-noeud-principal { font-weight: 600; }
.source-noeud:not(:last-child)::after { content: '→'; position: absolute; inset-inline-end: -31px; top: 48%; color: var(--teal); font-size: var(--taille-20); }
[dir=rtl] .source-noeud:not(:last-child)::after { content: '←'; }
.source-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.jeton-secret { display: block; padding: 10px 12px; border: 1px dashed var(--muted); border-radius: var(--rayon-6); font-size: var(--taille-13); word-break: break-all; user-select: all; direction: ltr; }
.source-navigation { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding-block: 20px; border-block-start: 1px solid var(--line); }
.source-progression { font-family: var(--police-n); color: var(--teal); }
.source-repli { border: 1px solid var(--line); border-radius: var(--rayon-6); padding: 14px; }
.source-repli summary { cursor: pointer; color: var(--ink-2); }
.source-repli[open] > div { margin-block-start: 16px; }
.source-circuit { padding: 18px; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--rayon-6); }
.source-circuit-entete { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; border-block-end: 1px solid var(--line); padding-block-end: 12px; }
.source-circuit-entete h3 { margin: 0; }
.source-circuit .source-actions[hidden] { display: none; }
.source-circuit [aria-pressed=true], .ali-vues [aria-pressed=true] { background: var(--teal-soft); color: var(--teal-d); border-color: var(--teal); }
.source-contexte { margin-block-start: 14px; color: var(--slate); display: flex; flex-wrap: wrap; gap: 6px; }
.source-secondaire { margin: 0; color: var(--slate); line-height: 1.5; }
.source-resultats { display: grid; gap: 5px; }
.source-metric { margin-top: auto; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 6px 8px; border-radius: var(--rayon-3); background: var(--canvas); }
.source-metric strong { font-family: var(--police-n); font-size: var(--taille-20); color: var(--ink); }
.source-metric span { color: var(--slate); }
.source-metric.ok strong { color: var(--green); }
.source-metric.warn strong { color: var(--gold-d); }
.source-metric.bad strong { color: var(--clay); }
.source-details { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; }
.source-detail-bloc { background: var(--paper); border: 1px solid var(--line); border-radius: var(--rayon-4); padding: 12px 14px; }
.source-detail-bloc h4 { margin: 0 0 8px; }
.source-mappings { display: flex; flex-wrap: wrap; gap: 6px; }
.source-mapping { padding: 6px 8px; border-radius: var(--rayon-3); background: var(--canvas); color: var(--slate); }
.source-mapping strong { color: var(--ink); }
.source-anomalies { margin: 0; padding-inline-start: 18px; color: var(--clay); }
.source-securite { display: flex; gap: 8px; align-items: center; margin-block-start: 12px; color: var(--green); }
.source-securite.reel { color: var(--teal-d); }
.source-choix { display: flex; gap: 10px; align-items: center; padding: 6px; cursor: pointer; }
.sources-guidees input[type=checkbox], .sources-guidees input[type=radio] { min-width: 18px; min-height: 18px; }

.source-bandeau .ctx { flex-wrap: wrap; }
.source-bandeau .ctx .cv { white-space: normal; overflow-wrap: anywhere; }

.source-case { display: flex; align-items: center; gap: 10px; min-height: 30px; padding: 0 9px; border: 1px solid var(--line); border-radius: var(--rayon-3); background: var(--paper); cursor: pointer; line-height: 1.3; }
.source-case input { margin: 0; accent-color: var(--teal); flex: none; }
.source-case:has(input:disabled) { background: var(--canvas); color: var(--slate); cursor: default; }
.ali-grille > .source-case { align-self: end; }

.source-besoin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 14px 20px; align-items: end; }
.source-besoin-lien { display: flex; align-items: center; min-height: 30px; }

.source-filtres { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.source-filtres .fi { width: auto; min-width: 180px; }
.source-groupe { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-start: 6px; padding: 4px 6px; border-block-end: 1px solid var(--line-2); font-size: var(--taille-10); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.source-groupe .btn { text-transform: none; letter-spacing: 0; font-size: 11.5px; min-height: 0; height: 26px; padding: 0 8px; }
.source-choix .cel-genre { display: inline-flex; align-items: center; gap: 6px; }
.ali-entete-supervision { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ali-entete-supervision h2 { margin: 0; }
.ali-vues, .ali-provenances { display: flex; flex-wrap: wrap; gap: 6px; }
.ali-synthese { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: 10px; }
.ali-synthese-item { border: 1px solid var(--line); border-inline-start: 3px solid var(--steel); border-radius: var(--rayon-4); background: var(--paper); padding: 12px; display: flex; flex-direction: column; gap: 4px; }
.ali-synthese-item strong { font-family: var(--police-n); font-size: var(--taille-20); }
.ali-synthese-item.ton-v { border-inline-start-color: var(--green); }
.ali-synthese-item.ton-w { border-inline-start-color: var(--gold); }
.ali-synthese-item.ton-x { border-inline-start-color: var(--clay); }
.ali-couverture { display: flex; flex-direction: column; gap: 3px; }
@media (max-width: 850px) {
  .source-schema { grid-template-columns: minmax(0, 1fr); }
  .source-noeud:not(:last-child)::after, [dir=rtl] .source-noeud:not(:last-child)::after { content: '↓'; top: auto; bottom: -25px; inset-inline-end: 50%; }
  .source-details, .ali-synthese, .source-besoin { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) { .source-navigation > .source-actions { width: 100%; justify-content: space-between; } .source-circuit { padding: 10px; } .source-circuit-entete, .ali-entete-supervision { flex-direction: column; } }





:root {
  
  --palette-blanc: #fff;
  --palette-marine: #041b3d;
  --palette-bleu: #2170c4;
  --palette-acier: #9fb0c6;
  --palette-vert-profond: #17675f;
  --palette-gris-bleu: #c7d3de;
  --palette-vert-historique: #1b6b66;
  --palette-menthe: #3fcb98;
  --palette-ardoise: #2a415b;
  --palette-foret: #174f4b;
  --palette-brume: #c9d3e0;
  --palette-encre-historique: #0e1b2a;
  --palette-ivoire: #f6f4f0;
  --palette-rail: #1c3558;
  --palette-vert-ortilis: #0b7a56;
  --palette-neige: #e8eef5;
  --taille-9: 9px;
  --taille-10: 10px;
  --taille-11: 11px;
  --taille-12: 12px;
  --taille-12-5: 12.5px;
  --taille-13: 13px;
  --taille-14: 14px;
  --taille-15: 15px;
  --taille-16: 16px;
  --taille-17: 17px;
  --taille-18: 18px;
  --taille-20: 20px;
  --taille-22: 22px;
  --taille-24: 24px;
  --taille-28: 28px;
  --taille-32: 32px;
  --rayon-1: 1px;
  --rayon-2: 2px;
  --rayon-3: 3px;
  --rayon-4: 4px;
  --rayon-5: 5px;
  --rayon-6: 6px;
  --rayon-7: 7px;
  --rayon-8: 8px;
  --rayon-10: 10px;
  --rayon-12: 12px;
  --rayon-50cercle: 50%;
--ink:#0E1B2A; --ink-2:#1B2E44; --ink-3:#2A415B; --slate:#4A5C6E; --muted:#646F7A; --muted-inv:#7E8C9A; --line:#D8DEE4; --line-2:#E8ECEF; --paper:#FFFFFF; --canvas:#F6F4F0; --canvas-2:#ECE8E1; --teal:#1B6B66; --teal-d:#124A46; --teal-soft:#DCEAE8; --gold:#B8862E; --gold-soft:#F0E4C8; --gold-d:#7A5810; --clay:#A8422C; --clay-soft:#F6E2DD; --clay-d:#8A3423; --green:#1E7A54; --green-soft:#E2F0E9; --green-d:#155F41; --steel:#2C5D8A; --steel-soft:#E4EDF5; --steel-d:#1F4668; --s1:#0E9C8C; --s2:#B8862E; --s3:#2170C4; --s4:#B23F26; --s5:#7A4DBA; --s6:#4F8226;}

:root{--largeur-aide-contextuelle:403px; --largeur-volet-contextuel:640px; --police:'IBM Plex Sans',system-ui,'Segoe UI',sans-serif; --police-n:'IBM Plex Mono','Consolas','Courier New',monospace; --police-ar:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,'Segoe UI',sans-serif;}

*{box-sizing:border-box}
button,input,select,textarea,optgroup{font-family:inherit}
code,kbd,samp,pre{font-family:var(--police-n)}
.cre-apercu-fichier{margin:0;max-height:420px;overflow:auto;white-space:pre;line-height:1.55;font-size:var(--taille-12);background:var(--surface-2);border:1px solid var(--ligne);border-radius:var(--rayon-6);padding:12px}
body{margin:0;font-family:var(--police); color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
a{color:var(--teal);text-decoration:none}
a:hover{color:var(--teal-d)}
.n{font-family:var(--police-n);font-variant-numeric:tabular-nums; letter-spacing:-.015em}
.eyebrow{font-size:var(--taille-10);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mut{color:var(--muted)}

.txt-service::after{content:'fr';font-size:.7em;vertical-align:super;
  margin-inline-start:2px;color:var(--muted);letter-spacing:.04em}

.renvoi-doc{color:var(--muted);border-bottom:1px dotted var(--line-2);
  cursor:help;white-space:nowrap}
.sl{color:var(--slate)}
 .app{display:grid;grid-template-columns:210px 1fr;height:100%;overflow:hidden}
.side{background:var(--ink);display:flex;flex-direction:column;overflow:hidden}
.brand{display:flex;align-items:center;gap:9px;padding:15px 16px 14px;border-bottom:1px solid rgba(255,255,255,.09)}
.side-replier{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:27px;height:27px;margin-inline-start:auto;padding:0;border:1px solid #314b65;
  border-radius:var(--rayon-4);background:rgba(255,255,255,.04);color:#9babbb;cursor:pointer}
.side-replier:hover{color:var(--palette-blanc);border-color:#55738f;background:rgba(255,255,255,.09)}
.side-replier:focus-visible,.nav-etoile:focus-visible{outline:2px solid #6da9e8;outline-offset:2px}
html[dir="rtl"] .side-replier svg{transform:scaleX(-1)}
.bmark{width:24px;height:24px;border-radius:var(--rayon-3);background:var(--gold);display:flex; align-items:center;justify-content:center;color:var(--ink);font-weight:700;font-size:var(--taille-15); letter-spacing:-.03em;flex:none}

.bmark-logo{width:auto;min-width:24px;max-width:132px;background:var(--palette-blanc);padding:2px 4px}
.bmark-logo img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}

.bmark-ortek{width:24px;height:24px;padding:2px;border-radius:var(--rayon-5)}
.bmark-ortek img{height:100%;width:100%}
.bname{color:var(--palette-blanc);font-size:var(--taille-15);font-weight:600;letter-spacing:.03em;line-height:1}
.btag{color:var(--muted-inv);font-size:var(--taille-10);letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.nav{flex:1;padding:6px 0;overflow:hidden}
.navg{font-size:var(--taille-10);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-inv); padding:12px 16px 5px;font-weight:600}

button.navg{border:0;background:none;width:100%;display:flex;align-items:center;gap:6px; font-family:inherit;cursor:pointer;text-align:start}
button.navg:hover{color:var(--palette-gris-bleu)}
.navg-txt{flex:1;min-width:0}
.navg-chev{flex:none;opacity:.55;transition:transform .15s ease}
.navg[aria-expanded="false"] .navg-chev{transform:rotate(-90deg)}

.navi .cnt[hidden]{display:none}

.nav-chercher{display:flex;align-items:center;gap:7px;width:calc(100% - 24px);
  margin:2px 12px 8px;padding:0 8px;height:28px;border-radius:var(--rayon-3);cursor:pointer;
  border:1px solid var(--palette-ardoise);background:rgba(255,255,255,.04);color:var(--muted-inv);
  font-family:inherit;font-size:11.5px;text-align:start}
.nav-chercher:hover{color:var(--palette-gris-bleu);border-color:#3C5877;background:rgba(255,255,255,.08)}
.nav-chercher svg{flex:none;opacity:.8}
.nav-chercher-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-chercher-k{flex:none;font-size:9.5px;letter-spacing:.02em;opacity:.65;
  border:1px solid var(--palette-ardoise);border-radius:var(--rayon-2);padding:0 4px;line-height:1.5}

html[dir="rtl"] .navg[aria-expanded="false"] .navg-chev{transform:rotate(90deg)}
.navf[hidden]{display:none}
.navi{display:flex;align-items:center;gap:9px;padding:6px 16px;font-size:11.5px;color:#9BABBB; border-inline-start:2px solid transparent;line-height:1.25}
.navi svg{flex:none;opacity:.75}
.navi.on{background:rgba(255,255,255,.07);color:var(--palette-blanc);border-inline-start-color:var(--gold)}
.navi.on svg{opacity:1;color:var(--gold)}
.navi .cnt{margin-inline-start:auto;font-size:10.5px;font-weight:600;background:rgba(255,255,255,.1); color:var(--palette-gris-bleu);padding:1px 5px;border-radius:var(--rayon-8)}
.navi .cnt.hot{background:var(--clay);color:var(--palette-blanc)}
.nav-entree{display:flex;align-items:stretch;min-width:0}
.nav-entree .navi{flex:1;min-width:0;padding-inline-end:5px}
.nav-etoile{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:29px;padding:0 7px 0 3px;border:0;background:transparent;color:#6f8498;
  cursor:pointer;opacity:.58}
.nav-etoile:hover,.nav-etoile.on{color:var(--gold);opacity:1}
.nav-etoile.on svg{fill:currentColor}
.nav-favoris{padding:2px 0 7px;margin-bottom:2px;border-bottom:1px solid #22374e}
.nav-favoris-titre{display:flex;align-items:center;gap:7px;padding:5px 16px 4px;
  color:#c4a86b;font-size:9.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.sfoot{padding:11px 16px;border-top:1px solid rgba(255,255,255,.09);display:flex; align-items:center;gap:9px}
.avatar{width:26px;height:26px;border-radius:var(--rayon-50cercle);background:var(--ink-3);color:var(--palette-gris-bleu); display:flex;align-items:center;justify-content:center;font-size:var(--taille-12);font-weight:600;flex:none}
.main{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--canvas)}
.top{height:50px;background:var(--paper);border-bottom:1px solid var(--line);display:flex; align-items:center;gap:14px;padding:0 18px;flex:none}
.crumb{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}
.h1{font-size:var(--taille-15);font-weight:600;letter-spacing:-.005em}
.search{height:28px;border:1px solid var(--line);border-radius:var(--rayon-3);background:var(--canvas); display:flex;align-items:center;gap:7px;padding:0 9px;font-size:11.5px;color:var(--muted);min-width:210px}
.body{flex:1;padding:14px 18px;display:flex;flex-direction:column;gap:11px;overflow:hidden}

.pic{vertical-align:-2px;flex:none}
.pic-camion,.pic-banque_centrale,.pic-agence,.pic-gab,.pic-sac{color:var(--slate)}
.flux-in{color:var(--green-d)}
.flux-out{color:var(--clay-d)}
.ico-sens-appel{color:var(--green-d)}
.ico-sens-collecte,.ico-sens-evacuation_subie{color:var(--clay-d)}
.ico-sens-mixte{color:var(--gold-d)}
.ico-sens-keep_safe{color:var(--slate)}
 .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-4); display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ch{display:flex;align-items:center;justify-content:space-between;gap:12px; padding:9px 13px;border-bottom:1px solid var(--line-2);flex:none}
.ct{font-size:11.5px;font-weight:600;letter-spacing:.01em}
.cs{font-size:10.5px;color:var(--muted)}
.cb{padding:12px 13px;min-height:0;overflow:hidden}
 table.t{width:100%;border-collapse:collapse;font-size:var(--taille-12)}
.t th{text-align:start;font-weight:600;font-size:var(--taille-10);letter-spacing:.05em;text-transform:uppercase; color:var(--muted);padding:7px 11px;border-bottom:1px solid var(--line);white-space:nowrap; background:var(--paper)}

.t th.triable{cursor:pointer;user-select:none}
.t th.triable:hover{color:var(--ink-2)}
.t th .tri-ind{display:inline-block;width:11px;font-size:var(--taille-10);margin-inline-start:3px;color:var(--gold-d)}
.t th.tri-on{color:var(--ink)}
.t td{padding:7.5px 11px;border-bottom:1px solid var(--line-2);color:var(--slate);vertical-align:middle}
.t td.k{color:var(--ink);font-weight:500}
.t .r{text-align:right}
.t tr.tot td{border-top:1.5px solid var(--ink);border-bottom:none;color:var(--ink);font-weight:600; background:var(--canvas)}

.t tr.sel td{background:var(--teal-soft)}
.t tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--teal)}
.t tr.sel td.k{color:var(--ink);font-weight:600}
.t tr.warn td{background:#FDF7EA}

.t tr.sel .mut, .li.on .mut, .fen.prise .mut{color:var(--slate)}

.rien{color:var(--muted);user-select:none}
 .b{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;letter-spacing:.05em; padding:2px 6px;border-radius:var(--rayon-2);text-transform:uppercase;white-space:nowrap;line-height:1.35}
.b-ok{background:var(--green-soft);color:var(--green-d)}
.b-w{background:var(--gold-soft);color:var(--gold-d)}
.b-x{background:var(--clay-soft);color:var(--clay-d)}
.b-i{background:var(--steel-soft);color:var(--steel-d)}
.b-n{background:var(--canvas-2);color:var(--slate)}
.b-t{background:var(--teal-soft);color:var(--teal-d)}
.dot{width:5px;height:5px;border-radius:var(--rayon-50cercle);flex:none}

.nat{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ink)}
.dot-ok{background:var(--green-d)}
.dot-w{background:var(--gold-d)}
.dot-x{background:var(--clay-d)}
.dot-i{background:var(--steel-d)}
.dot-t{background:var(--teal)}
.dot-n{background:var(--muted)}
.cur{font-family:var(--police-n);font-size:10.5px;font-weight:600;padding:1px 4px; border-radius:var(--rayon-2);border:1px solid;letter-spacing:.02em;line-height:1.4}

.cur-pivot{color:var(--gold-d);background:var(--gold-soft);border-color:#E0CDA1}
.cur-etrangere{color:var(--steel-d);background:var(--steel-soft);border-color:#C6D8E8}

.dv{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:middle}
.dv .cur{margin:0}
.dv-off{opacity:.5}

.dr{display:block;flex:none;border-radius:var(--rayon-2);box-shadow:0 0 0 .5px rgba(0,0,0,.22);object-fit:cover;background:#EFEFEF}
.dr-nu{box-shadow:none}
.dr-hote{display:inline-flex;align-items:center;line-height:0}

#pill-devise .date-nue{max-width:180px}

.dv-mono{display:inline-flex;align-items:center;gap:4px;padding-inline-start:7px;margin-inline-start:1px;
         border-inline-start:1px solid var(--line);font-size:10.5px;font-weight:600;
         letter-spacing:.04em;color:var(--gold-d);white-space:nowrap}

#pill-devise.dv-eteinte { opacity: .62; }
#pill-devise.dv-eteinte .date-nue { color: var(--muted); cursor: not-allowed; }
#pill-devise.dv-eteinte .dr { filter: grayscale(1); }


.dv-mono[hidden]{display:none}
 .btn{height:29px;padding:0 12px;font-size:11.5px;font-weight:500;border-radius:var(--rayon-3); border:1px solid var(--line);background:var(--palette-blanc);color:var(--ink);display:inline-flex; align-items:center;gap:6px;white-space:nowrap;font-family:inherit;cursor:pointer}
.btn-p{background:var(--teal);border-color:var(--teal);color:var(--palette-blanc)}
.btn-d{background:var(--ink);border-color:var(--ink);color:var(--palette-blanc)}
.btn-x{background:var(--palette-blanc);border-color:#E0BDB4;color:var(--clay-d)}
.btn-g{background:transparent;border-color:transparent;color:var(--slate);padding:0 8px}
.btn.off{background:var(--canvas-2);border-color:var(--line);color:#A8B4BF}
.f{display:flex;flex-direction:column;gap:4px}

.f[hidden]{display:none}
.fl{font-size:var(--taille-10);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:600}
.fi{height:30px;border:1px solid var(--line);border-radius:var(--rayon-3);background:var(--palette-blanc);padding:0 9px; font-size:11.5px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink)}
.fi.foc{border-color:var(--teal);box-shadow:0 0 0 3px rgba(27,107,102,.14)}
.fi.err{border-color:var(--clay);box-shadow:0 0 0 3px rgba(168,66,44,.11)}
.fi.ro{background:var(--canvas);color:var(--slate)}
.fh{font-size:10.5px;color:var(--muted)}
.fh.err{color:var(--clay-d)}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}
.tab{padding:7px 13px;font-size:11.5px;color:var(--muted);border-bottom:2px solid transparent; margin-bottom:-1px;white-space:nowrap}
.tab.on{color:var(--ink);font-weight:600;border-bottom-color:var(--teal)}
.seg{display:flex;border:1px solid var(--line);border-radius:var(--rayon-3);overflow:hidden;background:var(--palette-blanc)}
.seg > button{padding:5px 11px;font:inherit;font-size:11.5px;color:var(--slate);background:transparent;border:0;border-inline-end:1px solid var(--line)}
.seg > button:last-child{border-inline-end:none}
.seg > button.on{background:var(--ink);color:var(--palette-blanc);font-weight:500}

.passage-regime .seg{width:100%}
.passage-regime .seg > button{display:flex;align-items:center;justify-content:center;
  flex:1 1 0;min-height:38px;white-space:normal;text-align:center;font-weight:600}
.passage-regime .seg > button.on{background:var(--teal);border-color:var(--teal)}
 .kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-4);padding:11px 13px; display:flex;flex-direction:column;gap:5px;min-width:0}

.kpi-lien{cursor:pointer}
.kpi-lien:hover{border-color:var(--teal);box-shadow:0 1px 6px rgba(14,27,42,.08)}
.kpi-lien:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.kl{font-size:var(--taille-10);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.kv{font-family:var(--police-n);font-size:var(--taille-20);font-weight:600;color:var(--ink); letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.kv small{font-size:11.5px;font-weight:500;color:var(--muted);letter-spacing:0}
.kd{font-size:10.5px;color:var(--slate);display:flex;align-items:center;gap:5px}
 .note{border:1px solid var(--line);border-inline-start:3px solid var(--gold);background:#FCFAF6; border-radius:var(--rayon-3);padding:10px 12px;font-size:11.5px;color:var(--slate);line-height:1.5}
.alert{border-radius:var(--rayon-3);padding:9px 11px;font-size:11.5px;line-height:1.45;display:flex;gap:8px;align-items:flex-start}
.alert svg{flex:none;margin-top:1px}
.alert > div{min-width:0;overflow-wrap:anywhere}
.alert-x{background:var(--clay-soft);color:var(--clay-d);border:1px solid #EBC9C0}
.alert-w{background:#FBF4E4;color:var(--gold-d);border:1px solid #E8D9B4}
.alert-i{background:var(--steel-soft);color:var(--steel-d);border:1px solid #CFDEEB}
.alert-t{background:var(--teal-soft);color:var(--teal-d);border:1px solid #BFD9D6}
 .stp{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.stp .s{display:flex;align-items:center;gap:7px;padding-inline-end:11px}
.stp .sn{width:18px;height:18px;border-radius:var(--rayon-50cercle);font-size:10.5px;font-weight:600; display:flex;align-items:center;justify-content:center;flex:none}
.stp .sn.done{background:var(--teal);color:var(--palette-blanc)}
.stp .sn.now{background:var(--gold);color:var(--ink)}
.stp .sn.next{background:var(--canvas-2);color:var(--slate)}
.stp .sl2{font-size:10.5px;color:var(--slate);white-space:nowrap}
.stp .sl2.now{color:var(--ink);font-weight:600}
.stp .bar{display:block;width:22px;height:1px;background:var(--line);margin-inline-end:11px;flex:none}
.g{display:grid;gap:11px;min-height:0}
.flt{display:flex;align-items:center;gap:9px;flex:none}
.journal-filtre-objet{width:135px;min-width:120px}

.plus-filtres{display:inline-flex;align-items:center;gap:8px}
.plus-filtres summary{cursor:pointer;list-style:none;font-size:var(--taille-12);font-weight:600;
  color:#295c58;border:1px solid #aebfc4;border-radius:var(--rayon-5);background:var(--palette-blanc);
  padding:7px 11px;user-select:none;white-space:nowrap;box-shadow:0 1px 2px #173c4510}
.plus-filtres summary::before{content:'⚙';margin-inline-end:7px;font-size:var(--taille-12)}
.plus-filtres summary::-webkit-details-marker{display:none}
.plus-filtres summary:hover{border-color:var(--palette-vert-profond);background:#f4f8f7;color:var(--palette-foret)}
.plus-filtres[open] summary{color:var(--palette-blanc);border-color:var(--palette-vert-profond);background:var(--palette-vert-profond)}
.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid var(--line); border-radius:var(--rayon-3);background:var(--palette-blanc);font-size:11.5px;color:var(--slate)}
.arrete-progression{min-height:34px;height:auto;gap:12px;padding:5px 10px;font-weight:600}
.arrete-progression-jauge{width:145px;min-width:145px}.arrete-progression-jauge>div{min-width:0}
.arrete-statut-lecture{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid #b8d1d7;border-radius:18px;background:#edf5f6;color:#285c65;font-size:11.5px;font-weight:650;white-space:nowrap}
.arrete-statut-lecture svg{flex:none}
@media(max-width:700px){.arrete-progression{width:100%;justify-content:space-between}.arrete-progression-jauge{width:min(160px,48vw);min-width:min(160px,48vw)}}
.ctx{display:flex;align-items:stretch;gap:0;background:var(--palette-blanc);border:1px solid var(--line); border-radius:var(--rayon-4);flex:none;overflow:hidden}
.ctx > div{padding:9px 15px;border-inline-end:1px solid var(--line-2);display:flex;flex-direction:column; gap:3px;justify-content:center}
.ctx > div:last-child{border-inline-end:none}
.ctx .cl{font-size:var(--taille-10);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ctx .cv{font-size:11.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.scroll{overflow:hidden;min-height:0}
.li{display:flex;gap:10px;padding:8px 13px;border-bottom:1px solid var(--line-2);align-items:flex-start}
.li:last-child{border-bottom:none}
.li.on{background:var(--teal-soft);box-shadow:inset 2px 0 0 var(--teal)}
.two{display:grid;grid-template-columns:1fr 340px;gap:11px;min-height:0}
.two3{display:grid;grid-template-columns:1fr 300px;gap:11px;min-height:0}
.bar{height:6px;border-radius:var(--rayon-3);background:var(--canvas-2);overflow:hidden;flex:1;min-width:40px}
.bar > i{display:block;height:100%;border-radius:var(--rayon-3)}
.mini{display:flex;align-items:center;gap:7px}
.stack{display:flex;flex-direction:column;gap:9px}
.kv2{display:flex;align-items:baseline;justify-content:space-between;gap:10px; padding:6px 0;border-bottom:1px dashed var(--line-2)}
.kv2:last-child{border-bottom:none}
.kv2 .l{font-size:10.5px;color:var(--slate)}
.kv2 .v{font-family:var(--police-n);font-size:11.5px;font-weight:600;color:var(--ink)}

.note b{color:var(--ink);font-weight:600}

.step{display:flex;gap:9px;align-items:flex-start}
.step .n{width:17px;height:17px;border-radius:var(--rayon-50cercle);font-size:10.5px;font-weight:600;flex:none; display:flex;align-items:center;justify-content:center}
.step .t{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3}
.step .s{font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.tiny{font-size:10.5px;color:var(--muted)}

.txt{font-size:11.5px;color:var(--slate);line-height:1.55}
.txt b{color:var(--ink);font-weight:600}

.vfac{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.vfac svg{color:var(--muted);flex:none}
.sec{padding:0 0 4px}
.sech{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--ink); padding-bottom:7px;margin-bottom:16px}
.sech .num{font-family:var(--police-n);font-size:11.5px;color:var(--gold-d);font-weight:600}
.sech .ti{font-size:var(--taille-15);font-weight:600;letter-spacing:-.01em}
.sech .su{font-size:11.5px;color:var(--muted);margin-inline-start:auto;max-width:520px;text-align:end;line-height:1.45}
.sub{font-size:var(--taille-10);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted); margin-bottom:9px}
.sw{border-radius:var(--rayon-3);height:64px;display:flex;align-items:flex-end;padding:8px;border:1px solid rgba(14,27,42,.08)}
.swn{font-family:var(--police-n);font-size:10.5px;letter-spacing:0}
.spec{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-4);padding:14px}
.lbl{font-size:var(--taille-10);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.rowdot{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate);padding:3px 0}
.pnav{display:flex;align-items:center;gap:2px}
.pnav > div{padding:16px 14px;font-size:11.5px;color:var(--slate);border-bottom:2px solid transparent}
.pnav > div.on{color:var(--ink);font-weight:600;border-bottom-color:var(--teal)}
.mob{width:390px;height:844px;background:var(--canvas);display:flex;flex-direction:column;overflow:hidden}
.mrow{background:var(--palette-blanc);border:1px solid var(--line);border-radius:var(--rayon-5);padding:13px 14px}
.mbtn{height:48px;border-radius:var(--rayon-5);display:flex;align-items:center;justify-content:center;gap:8px; font-size:var(--taille-15);font-weight:600;width:100%}



html, body { height: 100%; }
.app { height: 100vh; }
.body { overflow-y: auto; overflow-x: hidden; }
.nav { overflow-y: auto; overflow-x: hidden; }
.nav::-webkit-scrollbar, .body::-webkit-scrollbar,
.scroll::-webkit-scrollbar, .tiroir-corps::-webkit-scrollbar { width: 9px; height: 9px; }
.nav::-webkit-scrollbar-thumb { background: var(--palette-ardoise); border-radius: var(--rayon-5); }
.body::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb,
.tiroir-corps::-webkit-scrollbar-thumb { background: #C9D2DA; border-radius: var(--rayon-5); }
.body::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track { background: transparent; }


.navi { cursor: pointer; text-decoration: none; transition: background .12s, color .12s; }
.navi:hover:not(.on) { background: rgba(255,255,255,.04); color: var(--palette-gris-bleu); }
.btn { cursor: pointer; transition: background .12s, border-color .12s, color .12s; }
.btn:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) { background: var(--canvas-2); }
.btn-p:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled) { background: var(--teal-d); border-color: var(--teal-d); }
.btn-d:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled) { background: var(--ink-2); border-color: var(--ink-2); }
.btn-x:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled) { background: var(--clay-soft); }
.btn-g:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled) { background: var(--canvas-2); }
.btn:disabled, .btn.off { cursor: not-allowed; opacity: .62; }

.btn:focus-visible, .navi:focus-visible, .tab:focus-visible,
.seg > button:focus-visible,
.param-fige:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }
.tab, .seg > button { cursor: pointer; user-select: none; }
.seg > button:hover:not(.on) { background: var(--canvas); }
.t tbody tr { transition: background .1s; }
.t tbody tr.cliquable { cursor: pointer; }
.t tbody tr.cliquable:hover td { background: var(--teal-soft); }
.li.cliquable { cursor: pointer; }
.li.cliquable:hover { background: var(--canvas); }
.lien { text-decoration: none; }
.pill.lien:hover { background: var(--canvas-2); }

.pied-integrateur { display: flex; align-items: center; gap: 10px;
  font-size: 10.5px; color: var(--muted); padding: 2px 2px 4px; flex-wrap: wrap; }
.pill { white-space: nowrap; }


input.fi, select.fi, textarea.fi {
  font-family: inherit; font-size: 11.5px; color: var(--ink); width: 100%;
  display: block; padding: 0 9px;
}
textarea.fi { height: auto; min-height: 58px; padding: 7px 9px; line-height: 1.45; resize: vertical; }
input.fi:focus, select.fi:focus, textarea.fi:focus {
  outline: none; border-color: var(--teal); box-shadow: 0 0 0 3px rgba(27,107,102,.14);
}
input.fi.err, select.fi.err, textarea.fi.err {
  border-color: var(--clay); box-shadow: 0 0 0 3px rgba(168,66,44,.11);
}
input.n, .t input.fi { text-align: right; font-family: var(--police-n); }

select.fi.filtre, input.fi.filtre { width: auto; min-width: 136px; max-width: 210px; }

.flt-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.date-nue {
  border: none; background: transparent; font: inherit; font-size: 11.5px;
  color: var(--slate); padding: 0; width: 150px; cursor: pointer;
}
.date-nue:focus { outline: none; color: var(--ink); }

.date-hote { position: relative; display: inline-flex; align-items: center; min-width: 0; }
.date-hote > input[type="date"] { color: transparent; }
.date-hote > input[type="date"]::-webkit-datetime-edit { color: transparent; }
.date-hote:focus-within > input[type="date"],
.date-hote:focus-within > input[type="date"]::-webkit-datetime-edit { color: var(--ink); }
.date-lue {
  position: absolute; top: 50%; transform: translateY(-50%);
  pointer-events: none; white-space: nowrap;
  
  overflow: hidden; text-overflow: ellipsis;
  max-width: calc(100% - 26px);
  color: var(--slate); font-variant-numeric: tabular-nums;
}
.date-lue.vide { color: var(--muted); }
.date-hote:focus-within .date-lue { display: none; }

.date-hote > input.fi[type="date"] { min-width: 172px; }
.date-hote > input.fi.filtre[type="date"] { min-width: 172px; max-width: 210px; }
.btn-agent {
  background: transparent; border: none; color: #6E8296; cursor: pointer;
  padding: 3px; border-radius: var(--rayon-3); display: flex; flex: none;
}
.btn-agent:hover { color: var(--palette-gris-bleu); background: rgba(255,255,255,.07); }


.g { display: grid; gap: 11px; }
.card { min-height: 0; }
.cb.scroll, .scroll { overflow: auto; }
.t th { position: sticky; top: 0; z-index: 1; }
.flt { flex-wrap: wrap; }
.body { padding-bottom: 22px; }


.vide {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 7px; padding: 32px 20px; text-align: center; color: var(--muted);
  font-size: 11.5px; line-height: 1.55;
}
.vide b { color: var(--slate); font-size: 11.5px; font-weight: 600; }
.vide .btn { margin-top: 6px; }
.squelette {
  background: linear-gradient(90deg, var(--canvas-2) 25%, #F3F0EA 50%, var(--canvas-2) 75%);
  background-size: 400% 100%; animation: glisse 1.15s ease-in-out infinite;
  border-radius: var(--rayon-3); height: 11px;
}
@keyframes glisse { 0% { background-position: 100% 0 } 100% { background-position: 0 0 } }
.chargement { display: flex; flex-direction: column; gap: 9px; padding: 14px 13px; }
.chargement .squelette:nth-child(2) { width: 82%; }
.chargement .squelette:nth-child(3) { width: 64%; }
.chargement .squelette:nth-child(4) { width: 74%; }
.chargement .squelette:nth-child(5) { width: 48%; }


.btn-occupe { position: relative; cursor: progress; }
.btn-occupe > svg { visibility: hidden; }
.btn-occupe::before {
  content: ''; width: 11px; height: 11px; flex: none;
  border: 1.6px solid currentColor; border-top-color: transparent;
  border-radius: var(--rayon-50cercle); opacity: .85;
  animation: tourne .62s linear infinite;
}

.btn-occupe-icone::before { position: absolute; left: 9px; }
.btn-occupe-nu::before { margin-right: 1px; }
@keyframes tourne { to { transform: rotate(360deg) } }


@media (prefers-reduced-motion: reduce) {
  .btn-occupe::before { animation: none; border-top-color: currentColor; opacity: .45; }
  .squelette { animation: none; }
}


.saut-contenu {
  position: fixed; top: -48px; inset-inline-start: 10px; z-index: 300;
  background: var(--ink); color: var(--palette-blanc); padding: 8px 14px; border-radius: var(--rayon-3);
  font-size: 11.5px; font-weight: 600; box-shadow: var(--ombre, 0 6px 20px rgba(14,27,42,.2));
  transition: top .12s ease-out;
}
.saut-contenu:focus { top: 10px; outline: 2px solid var(--gold); outline-offset: 1px; color: var(--palette-blanc); }


.bande-mdp {
  display: flex; align-items: center; gap: 12px; padding: 8px 18px;
  background: #FBF4E4; border-bottom: 1px solid #E8D9B4; color: var(--gold-d);
  font-size: 11.5px; line-height: 1.4;
}
.bande-mdp-texte { min-width: 0; }
.bande-mdp b { font-weight: 600; }
.bande-mdp .btn { flex: none; height: 26px; padding: 0 11px; margin-inline-start: auto; }


.messages {
  position: fixed; inset-inline-end: 16px; bottom: 16px; z-index: 90;
  display: flex; flex-direction: column; gap: 8px; max-width: 440px;
}
.msg {
  border-radius: var(--rayon-3); padding: 10px 12px; font-size: 11.5px; line-height: 1.5;
  box-shadow: 0 6px 20px rgba(14,27,42,.16); border: 1px solid; display: flex;
  gap: 9px; align-items: flex-start; animation: entree .16s ease-out;
}
.msg b { display: block; margin-bottom: 2px; }
.msg-ok { background: var(--green-soft); color: var(--green-d); border-color: #BFDCCC; }
.msg-x  { background: var(--clay-soft); color: var(--clay-d); border-color: #EBC9C0; }
.msg-i  { background: var(--steel-soft); color: var(--steel-d); border-color: #CFDEEB; }
.msg-w  { background: #FBF4E4; color: var(--gold-d); border-color: #E8D9B4; }
@keyframes entree { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: none } }


.tiroir { position: fixed; inset: 0; z-index: 80; display: flex; justify-content: flex-end; }
.tiroir[hidden] { display: none; }
.tiroir-fond { position: absolute; inset: 0; background: rgba(14,27,42,.34); animation: fondu .14s ease-out; }
.tiroir-panneau {
  position: relative; width: min(var(--largeur-volet-contextuel), 100vw); min-width:0; background: var(--canvas);
  display: flex; flex-direction: column; box-shadow: -14px 0 40px rgba(14,27,42,.2);
  animation: glisse-g .18s ease-out;
}
.tiroir-tete {
  background: var(--paper); border-bottom: 1px solid var(--line); padding: 11px 16px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none;
}
.tiroir-corps { flex: 1; overflow-y: auto; padding: 13px 16px; display: flex;
  flex-direction: column; gap: 11px; }
@keyframes fondu { from { opacity: 0 } to { opacity: 1 } }
@keyframes glisse-g { from { transform: translateX(24px); opacity: .4 } to { transform: none; opacity: 1 } }


.graphe { width: 100%; overflow-x: auto; }
.graphe svg { display: block; }
.legende { display: flex; gap: 15px; flex-wrap: wrap; font-size: 10.5px;
  color: var(--slate); margin-top: 5px; align-items: center; }
.legende span.cle { display: flex; align-items: center; gap: 6px; }
.legende i { width: 14px; height: 2.5px; border-radius: var(--rayon-1); display: inline-block; }
.legende i.aire { height: 9px; opacity: .18; }
.legende i.tiret { height: 0; border-top: 1.4px dashed currentColor; width: 14px; }


.barre-ligne { display: flex; align-items: center; gap: 9px; margin-bottom: 7px; }
.barre-ligne .puce { width: 9px; height: 9px; border-radius: var(--rayon-2); flex: none; }
.barre-ligne .nom { font-size: 11.5px; color: var(--slate); width: 132px; flex: none; }
.barre-ligne .piste { flex: 1; height: 9px; background: var(--canvas-2);
  border-radius: var(--rayon-2); overflow: hidden; min-width: 40px; }
.barre-ligne .rempli { height: 100%; border-radius: var(--rayon-2); }
.barre-ligne .val { font-size: 11.5px; color: var(--ink); font-weight: 600;
  width: 96px; text-align: right; font-family: var(--police-n); }


.jauge { height: 7px; background: var(--canvas-2); border-radius: var(--rayon-4);
  overflow: hidden; min-width: 90px; position: relative; }
.jauge > div { height: 100%; border-radius: var(--rayon-4); }

.jauge .jauge-seuil { position: absolute; top: -1px; bottom: -1px; width: 1px;
  background: var(--muted); opacity: .75; }

.jc { display: flex; gap: 5px; align-items: flex-end; }
.jc-seg { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.jc-l { font-size: 9.5px; line-height: 1; color: var(--muted); text-align: center; }
.jc-piste { height: 7px; background: var(--canvas-2); border-radius: var(--rayon-4);
  overflow: hidden; position: relative; }
.jc-r { height: 100%; border-radius: var(--rayon-4); background: var(--teal); }
.jc-seg:not(.jc-versement) .jc-piste::after { content: ''; position: absolute;
  top: 0; bottom: 0; inset-inline-start: 25%; width: 1px; background: var(--muted); opacity: .6; }
.jc-plein .jc-r { background: var(--gold); }
.jc-alerte .jc-r { background: var(--clay); }
.jc-alerte .jc-piste { box-shadow: inset 0 0 0 1px var(--clay); }
.jc-alerte .jc-l { color: var(--clay-d); font-weight: 700; }
.jc-inconnu .jc-piste { background: repeating-linear-gradient(45deg,
  var(--canvas-2) 0 3px, transparent 3px 6px); }
.jc-versement .jc-piste { outline: 1px dashed var(--line); outline-offset: -1px; }


.paires { display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 10px 16px; }
.paire { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.paire .fl { font-size: var(--taille-10); letter-spacing: .07em; text-transform: uppercase;
  color: var(--muted); font-weight: 600; }
.paire .pv { font-size: 11.5px; color: var(--ink); font-weight: 500; }
.paire .pv.n { font-family: var(--police-n); font-variant-numeric: tabular-nums; }


.pagination { display: flex; align-items: center; gap: 9px; padding: 9px 13px;
  border-top: 1px solid var(--line-2); font-size: 11.5px; color: var(--muted); }
.pagination .btn { height: 25px; padding: 0 9px; font-size: 11.5px; }


@media (max-width: 1180px) {
  .app { grid-template-columns: 62px 1fr; }
  .bname, .btag, .navi span:not(.cnt), .sfoot > div:not(.avatar) { display: none; }
  
  .bmark-logo { max-width: 48px; }
  
  .navg { font-size: 0; padding: 8px 0 4px; flex-wrap: wrap; justify-content: center; }
  .navg .navg-txt { flex: none; }
  .navg::after { content: ''; display: block; width: 100%; height: 1px; background: var(--palette-ardoise); margin: 4px 14px 0; }
  .navi { justify-content: center; padding: 8px 0; }
  .navi .cnt { display: none; }
  
  .nav-chercher { width: 38px; margin: 2px auto 8px; justify-content: center; padding: 0; }
  .nav-chercher-txt, .nav-chercher-k { display: none; }
  .brand { justify-content: center; padding: 15px 0 14px; }
  .sfoot { justify-content: center; }
}
@media (max-width: 860px) {
  .g { grid-template-columns: 1fr !important; }
  .ctx { flex-wrap: wrap; }
  .top { flex-wrap: wrap; height: auto; padding: 8px 12px; gap: 9px; }
}



.connexion {
  position: fixed; inset: 0; z-index: 60;
  display: flex; align-items: center; justify-content: center;
  background: var(--canvas); padding: 20px;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(27,107,102,.07), transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(184,134,46,.09), transparent 46%);
}
.connexion[hidden] { display: none; }
.connexion-panneau {
  width: min(430px, 100%); background: var(--paper);
  border: 1px solid var(--line); border-radius: var(--rayon-5);
  box-shadow: 0 18px 48px rgba(14,27,42,.14);
  display: flex; flex-direction: column; max-height: 94vh; overflow-y: auto;
}
.connexion-marque {
  display: flex; align-items: center; gap: 11px;
  padding: 19px 22px 16px; border-bottom: 1px solid var(--line-2);
}
.connexion-corps {
  padding: 19px 22px 20px; display: flex; flex-direction: column; gap: 13px;
}
.connexion-corps .fi { height: 34px; }
.connexion-pied {
  padding: 10px 22px; background: var(--canvas); border-top: 1px solid var(--line-2);
  font-size: 10.5px; color: var(--muted); display: flex; align-items: center; gap: 5px;
}
.connexion-sso { display: flex; flex-direction: column; gap: 2px; padding: 16px 22px 14px; }

.connexion-sso + .connexion-corps { padding-top: 4px; }
.connexion-ou {
  display: flex; align-items: center; gap: 10px; margin: 8px 0 2px;
  color: var(--muted); font-size: var(--taille-12); text-transform: uppercase; letter-spacing: .08em;
}
.connexion-ou::before, .connexion-ou::after { content: ''; flex: 1; border-top: 1px solid var(--line); }
.connexion-pied code {
  font-family: var(--police-n); font-size: 10.5px; font-weight: 600;
  background: var(--gold-soft); color: var(--gold-d);
  padding: 1px 5px; border-radius: var(--rayon-2);
}

.connexion-panneau > * { flex-shrink: 0; }
.connexion-comptes {
  padding: 4px 22px 18px; display: flex;
  flex-direction: column; gap: 10px; background: var(--canvas);
}
.compte-groupe { display: flex; flex-direction: column; gap: 5px; }

.compte-liste { display: grid; gap: 5px;
                grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); }


.compte-puce {
  height: auto; padding: 4px 10px; font-size: 10.5px; font-weight: 400;
  background: var(--palette-blanc); color: var(--slate);
  flex-direction: column; align-items: flex-start; gap: 1px; text-align: start;
  white-space: normal; min-width: 0;
}
.compte-nom { font-weight: 500; line-height: 1.2; }
.compte-role { font-size: 10.5px; color: var(--muted); line-height: 1.2;
               overflow-wrap: anywhere; }
.compte-puce:hover { background: var(--teal-soft); color: var(--teal-d);
  border-color: #BFD9D6; }
.compte-puce:hover .compte-role { color: inherit; }


.niveau {
  display: inline-flex; align-items: center; gap: 7px; min-width: 0;
  overflow: hidden;
}

.niveau .niveau-libelle {
  font-size: 10.5px; font-weight: 600; color: var(--ink-2); flex: none;
  max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.niveau .niveau-detail {
  font-size: 10.5px; color: var(--muted); white-space: nowrap;
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  padding-inline-start: 8px; border-inline-start: 1px solid var(--line-2);
}


.param-ligne {
  display: grid; grid-template-columns: minmax(190px, 1.1fr) minmax(150px, 200px) 1fr;
  gap: 12px; align-items: start; padding: 9px 0;
  border-bottom: 1px solid var(--line-2);
}
.param-ligne:last-child { border-bottom: none; }

.param-nom {
  font-size: 11.5px; font-weight: 500; color: var(--ink);
  line-height: 1.35; display: block; word-break: break-word;
}
label.param-nom { cursor: pointer; }
.param-defaut { font-size: 10.5px; color: var(--muted); margin-top: 3px; }
.param-desc { font-size: 10.5px; color: var(--slate); line-height: 1.5; }
.param-valeur .fi { height: 28px; font-size: 11.5px; }
.param-valeur .n { font-size: 11.5px; }
.param-fige {
  font-family: var(--police-n); font-size: 11.5px; color: var(--slate);
  background: var(--canvas); border: 1px solid var(--line); border-radius: var(--rayon-3);
  padding: 5px 8px; word-break: break-word; max-height: 88px; overflow: auto;
}

.param-bareme-ligne {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 8px; padding: 1px 0;
}
.param-bareme-ligne > :last-child { white-space: nowrap; }


.jetons { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.jeton {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px;
  color: var(--slate); background: var(--canvas); border: 1px solid var(--line);
  border-radius: var(--rayon-3); padding: 2px 7px; line-height: 1.5;
}
.jetons-lecture {
  border: 1px solid var(--line); border-radius: var(--rayon-3); background: var(--paper);
  padding: 5px 6px; max-height: 88px; overflow: auto;
}
.jetons-lecture:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }

.jeton-bascule { cursor: pointer; font-family: inherit; }
.jeton-bascule:hover { background: var(--canvas-2); }
.jeton-bascule.on {
  background: var(--teal-soft); border-color: var(--teal); color: var(--teal-d);
  font-weight: 500;
}
.jeton-bascule .jeton-code { font-size: 10.5px; color: var(--muted); }
.jeton-bascule.on .jeton-code { color: var(--teal-d); }
.jeton-bascule:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }

.jeton-saisi { padding: 1px 3px 1px 6px; background: var(--paper); }
.jeton-saisie {
  border: none; background: transparent; font-family: var(--police-n);
  font-size: 11.5px; color: var(--ink); padding: 2px 0; min-width: 34px;
}
.jeton-saisie:focus { outline: none; }
.jeton-saisi:focus-within { border-color: var(--teal); box-shadow: 0 0 0 2px var(--teal-soft); }
.jeton-retirer {
  border: none; background: transparent; color: var(--muted); cursor: pointer;
  font-size: 11.5px; line-height: 1; padding: 2px 4px; font-family: inherit;
}
.jeton-retirer:hover { color: var(--clay-d); }
.jeton-retirer:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }


@media (max-width: 980px) {
  .param-ligne { grid-template-columns: minmax(0, 1.2fr) minmax(140px, 200px); }
  .param-desc { grid-column: 1 / -1; }
  .param-entete { display: none; }
}
@media (max-width: 720px) {
  .param-ligne { grid-template-columns: 1fr; gap: 7px; padding: 11px 0; }
  .param-fige { max-height: none; }
}


.progression {
  height: 6px; background: var(--canvas-2); border-radius: var(--rayon-3);
  overflow: hidden; min-width: 90px;
}
.progression > div {
  height: 100%; background: var(--teal); border-radius: var(--rayon-3);
  transition: width .35s ease-out;
}




.card .scroll { overflow: auto; }
.card .scroll > table.t,
.cb > table.t {
  
  min-width: 680px;
}
.card .scroll > div > table.t { min-width: 680px; }

.card .scroll > table.t.t-etroit,
.card .scroll > div > table.t.t-etroit,
.cb > table.t.t-etroit { min-width: 0; }
.t td, .t th { white-space: nowrap; }

.t td.k, .t th:first-child, .t td:first-child { white-space: normal; }

.t td.enr, .t th.enr { white-space: normal; }
.t td .mut { white-space: nowrap; }


.t td .operation-suite { color: var(--muted); font-size: 10.5px;
  font-weight: 400; margin-top: 2px; white-space: normal; }


.t td .lien-chargement:hover { text-decoration: underline; text-underline-offset: 3px; }


@media (max-width: 1500px) {
  .g[style*="repeat(6"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 1280px) {
  .g[style*="repeat(5"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .g[style*="repeat(4"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .g[style*="fr"]:not([style*="repeat"]) { grid-template-columns: 1fr !important; }
}
@media (max-width: 1000px) {
  .g { grid-template-columns: 1fr !important; }
}

.g > * { min-width: 0; }


.card .scroll { max-height: min(58vh, 620px); }
.g[style*="minHeight"] .card .scroll,
.g[style*="min-height"] .card .scroll { max-height: none; }
.tiroir-corps .card .scroll { max-height: min(46vh, 460px); }


.card .scroll { scrollbar-gutter: stable; }


.body { gap: 13px; padding: 15px 18px 26px; }
.cb { padding: 13px 14px; }
.ch { padding: 10px 14px; }
.t th { padding: 8px 12px; }
.t td { padding: 8.5px 12px; }
.kpi { padding: 12px 14px; gap: 6px; }
.paires { gap: 12px 18px; }


@media (max-width: 1180px) and (min-width: 721px) {
  .app { grid-template-columns: 186px 1fr; }
  .bname, .btag, .navi span:not(.cnt), .sfoot > div:not(.avatar) { display: revert; }
  .navg { font-size: var(--taille-10); padding: 12px 16px 5px; }
  .navg::after { content: none; }
  .navi { justify-content: flex-start; padding: 6px 14px; }
  .navi .cnt { display: inline-flex; }
  .brand { justify-content: flex-start; padding: 15px 14px 14px; }
  .sfoot { justify-content: flex-start; }
}


.top { min-height: 54px; height: auto; padding: 7px 18px; position: relative; }
.bloc-titre { min-width: 156px; display: flex; flex-direction: column;
  gap: 1px; min-height: 0; }
.bloc-titre .h1, .bloc-titre .crumb {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sous-titre { display: flex; align-items: center; gap: 7px; min-width: 0;
  overflow: hidden; white-space: nowrap; }
.sous-titre .crumb { flex: none; }

.sous-titre .crumb:not(:empty)::after { content: '·'; color: var(--line);
  margin-inline-start: 7px; }

@media (max-width: 1100px) {
  .niveau .niveau-detail { display: none; }
}


.ctx-groupe { display: flex; align-items: stretch; flex: none;
  border: 1px solid var(--line); border-radius: var(--rayon-3); background: var(--palette-blanc); }
.ctx-groupe .pill.ctx-pill { border: none; border-radius: 0; background: none; }
.ctx-groupe > .ctx-pill + .ctx-pill { border-inline-start: 1px solid var(--line-2); }
.ctx-moteur { display: inline-flex; align-items: center; gap: 6px;
  padding: 0 10px; font-size: 10.5px; font-weight: 600; letter-spacing: .03em;
  color: var(--teal-d); white-space: nowrap; }
.ctx-moteur[hidden] { display: none; }
.ctx-moteur svg { flex: none; }
.ctx-moteur.ctx-moteur-repli { color: var(--gold-d); }
.ctx-moteur.ctx-moteur-lien { cursor: pointer; }
.ctx-moteur.ctx-moteur-lien:hover { background: var(--canvas); }
.ctx-moteur.ctx-moteur-lien:focus-visible { outline: 2px solid var(--teal);
  outline-offset: -2px; }

#ctx-plier { display: none; cursor: pointer; font-family: inherit; }
#ctx-plier[aria-expanded="true"] .ctx-chev { transform: rotate(180deg); }
#ctx-plier .ctx-chev { transition: transform .15s ease; }


button.avatar-entete { border: none; cursor: pointer; font-family: inherit;
  padding: 0; }
button.avatar-entete:hover { background: var(--ink-2); }
button.avatar-entete:focus-visible { outline: 2px solid var(--teal);
  outline-offset: 2px; }


@media (max-width: 900px) {
  #ctx-plier { display: inline-flex; }
  .ctx-groupe { display: none; }
  .ctx-groupe.ouvert { display: flex; position: absolute; top: 100%;
    inset-inline-end: 10px; z-index: 60; flex-direction: column;
    align-items: stretch; gap: 8px; padding: 10px;
    border: 1px solid var(--line); border-radius: var(--rayon-4); background: var(--paper);
    box-shadow: 0 14px 38px rgba(14,27,42,.24); }
  .ctx-groupe.ouvert .pill.ctx-pill { border: 1px solid var(--line);
    border-radius: var(--rayon-3); justify-content: flex-start; }
  .ctx-groupe.ouvert .ctx-moteur { border: 1px solid var(--line);
    border-radius: var(--rayon-3); height: 30px; }
}


.arbre-groupe { border: 1px solid var(--line); border-radius: var(--rayon-4);
  background: var(--paper); overflow: hidden; margin-bottom: 10px; }
.arbre-tete {
  display: flex; align-items: center; gap: 12px; padding: 9px 13px;
  background: var(--canvas); border-bottom: 1px solid var(--line-2); cursor: pointer;
}
.arbre-tete:hover { background: var(--canvas-2); }
.arbre-tete .chevron { transition: transform .15s; flex: none; color: var(--muted); }
.arbre-groupe.replie .chevron { transform: rotate(-90deg); }
.arbre-groupe.replie .arbre-corps { display: none; }
.arbre-cle { font-size: 11.5px; font-weight: 600; color: var(--ink); }
.arbre-compte { font-size: 10.5px; color: var(--muted); }
.arbre-corps { padding: 2px 0; }
.arbre-agence {
  display: flex; align-items: center; gap: 10px; padding: 8px 13px 8px 26px;
  border-bottom: 1px solid var(--line-2);
}
.arbre-agence:last-child { border-bottom: none; }
.arbre-gab {
  display: flex; align-items: center; gap: 10px;
  padding: 5px 13px 5px 52px; font-size: 11.5px; color: var(--slate);
  border-bottom: 1px solid var(--line-2);
}
.arbre-gab:last-child { border-bottom: none; }
.arbre-gab::before {
  content: ''; width: 10px; height: 1px; background: var(--line);
  flex: none; margin-inline-start: -14px;
}



html { height: 100%; }
body { height: 100vh; height: 100dvh; overflow: hidden; }

.app {
  height: 100%;
  min-height: 0;
  overflow: hidden;
  align-items: stretch;
  grid-template-rows: minmax(0, 1fr);
}


.side {
  position: sticky;
  top: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.nav { overflow-y: auto; }


.aidep { position: sticky; top: 0; height: 100%; min-height: 0; }


.build-pied { flex: none; padding: 7px 14px 9px; text-align: center;
  font-size: var(--taille-10); color: #56718A; border-top: 1px solid #22374E;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.build-pied code { font-size: var(--taille-10); color: #7B93A8; }

.main { overflow: hidden; min-height: 0; container-type: inline-size; container-name: console; }


.top {
  position: relative;
  top: 0;
  flex: none;
  z-index: 20;
  box-shadow: 0 1px 0 var(--line), 0 4px 12px rgba(14, 27, 42, .04);
}


.body {
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  flex: 1 1 0;
  min-height: 0;
  scroll-padding-block: 12px;
}
.body > * { flex-shrink: 0; }


.card .scroll,
.cb.scroll,
.scroll {
  max-height: none;
  overflow-y: visible;
  overflow-x: auto;
}


.t th { position: static; top: auto; z-index: auto; }


.nav { overflow-y: auto; max-height: none; }
.tiroir-corps { overflow-y: auto; }
.tiroir-corps .card .scroll { max-height: none; overflow-x: auto; }
.tiroir-corps .t th { top: 0; }


.g { align-items: start; }
.g > .card { height: auto; }


.body { padding-bottom: 40px; }


.tbl-pied {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 7px 12px;
  border-top: 1px solid var(--line-2);
  background: var(--canvas);
  font-size: 10.5px;
}
.tbl-pied .btn { padding: 3px 9px; font-size: 10.5px; }


.tbl-cst {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  padding: 6px 12px;
  border-bottom: 1px solid var(--line-2);
  background: var(--canvas);
  font-size: 10.5px;
  color: var(--slate);
}
.tbl-cst-l {
  font-size: var(--taille-10);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
}
.tbl-cst-v b { color: var(--ink); font-weight: 600; }


.gr-adapt { width: 100%; min-width: 0; }


.codes { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }
.code-puce {
  font-family: var(--police-n); font-size: 10.5px; font-weight: 600;
  letter-spacing: .02em; padding: 2px 6px; border-radius: var(--rayon-2);
  background: var(--canvas-2); color: var(--slate); white-space: nowrap;
}
.code-puce.cliquable { cursor: pointer; }
.code-puce.cliquable:hover { background: var(--teal-soft); color: var(--teal-d); }
.codes-pied {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  margin-top: 9px; font-size: 10.5px;
}
.codes-pied .btn { padding: 3px 9px; font-size: 10.5px; }


.ecr-liste { display: flex; flex-wrap: wrap; gap: 5px; }
.ecr {
  display: inline-flex; align-items: baseline; gap: 6px;
  padding: 3px 8px; border: 1px solid var(--line); border-radius: var(--rayon-3);
  background: var(--canvas); font-size: 10.5px; opacity: .62;
}
.ecr-on { opacity: 1; background: var(--green-soft); border-color: #C6E0D3; }
.ecr b { color: var(--ink); font-weight: 600; }
.ecr .mut { font-family: var(--police-n); font-size: var(--taille-10); }
.ecr .dot { align-self: center; }


.date-ecran { display: flex; align-items: flex-end; gap: 9px; flex-wrap: wrap; }
.date-ecran-detache { display: flex; align-items: center; gap: 6px; padding-bottom: 4px; }
.date-ecran-detache .btn { height: 22px; padding: 0 8px; font-size: 10.5px; }


.crs { display: flex; flex-direction: column; gap: 4px; }
.crs-t { display: flex; align-items: baseline; justify-content: space-between; gap: 9px; }
.crs-v { font-family: var(--police-n); font-size: 11.5px;
         font-weight: 600; color: var(--ink); }
.crs-l { display: flex; align-items: center; gap: 8px; }

input.crs-n { width: 74px; flex: none; text-align: right; }

.crs-l .btn { height: 24px; min-height: 24px; width: auto; padding: 0 8px;
              font-size: 10.5px; flex: none; white-space: nowrap; }
.crs-l .btn.on { background: var(--teal-soft); border-color: var(--teal);
                 color: var(--teal-d); }
.crs-b { display: flex; justify-content: space-between; font-size: var(--taille-10);
         color: var(--muted); font-family: var(--police-n); }
.crs-r { flex: 1; min-width: 96px; height: 18px; -webkit-appearance: none;
         appearance: none; background: transparent; cursor: pointer; }
.crs-r:disabled { cursor: default; opacity: .45; }
.crs-r::-webkit-slider-runnable-track { height: 7px; border-radius: var(--rayon-4);
                                        background: var(--canvas-2); }
.crs-r::-moz-range-track { height: 7px; border-radius: var(--rayon-4); background: var(--canvas-2); }
.crs-r::-webkit-slider-thumb { -webkit-appearance: none; appearance: none;
  width: 15px; height: 15px; border-radius: var(--rayon-50cercle); background: var(--teal);
  border: 2px solid var(--palette-blanc); box-shadow: 0 0 0 1px var(--teal); margin-top: -4px; }
.crs-r::-moz-range-thumb { width: 15px; height: 15px; border-radius: var(--rayon-50cercle);
  background: var(--teal); border: 2px solid var(--palette-blanc); box-shadow: 0 0 0 1px var(--teal); }


.jal-w { display: flex; flex-direction: column; gap: 11px; padding: 12px 13px; }
.jal { border: 1px solid var(--line); border-radius: var(--rayon-3); overflow: hidden; }
.jal-t {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 10px; background: var(--canvas);
  border-bottom: 1px solid var(--line-2); font-size: 10.5px;
}
.jal-c {
  padding: 7px 10px; font-size: 10.5px; color: var(--slate); line-height: 1.5;
  border-bottom: 1px solid var(--line-2);
}

.jal-n {
  display: flex; align-items: baseline; gap: 6px;
  padding: 5px 10px; font-size: 10.5px; color: var(--slate); line-height: 1.45;
  border-bottom: 1px solid var(--line-2);
}
.jal-r {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 13px; height: 13px; padding: 0 3px; flex: none;
  border-radius: var(--rayon-2); background: var(--canvas-2); color: var(--slate);
  font-size: var(--taille-10); font-weight: 600; line-height: 1;
}
.jal-l { display: flex; flex-direction: column; }

.jal-i[hidden] { display: none; }
.jal-plier { align-self: flex-start; margin: 4px 9px 7px; height: 24px;
  font-size: 10.5px; }
.jal-i {
  display: flex; align-items: baseline; gap: 9px;
  padding: 5px 10px; font-size: 10.5px; border-bottom: 1px dashed var(--line-2);
}
.jal-i:last-child { border-bottom: none; }
.jal-p {
  font-family: var(--police-n); font-size: 10.5px; font-weight: 600;
  color: var(--ink); flex: none;
}
.jal-m { color: var(--slate); line-height: 1.45; min-width: 0; }


.seg { overflow-x: auto; overflow-y: hidden;
       scrollbar-width: thin; scrollbar-color: #C9D2DA transparent; }
.seg > button { flex: none; }
.seg::-webkit-scrollbar { height: 6px; }
.seg::-webkit-scrollbar-thumb { background: #C9D2DA; border-radius: var(--rayon-3); }
.seg::-webkit-scrollbar-track { background: transparent; }




.paire .pv { overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
.paire .pv.n { line-height: 1.35; }


.t td .n, .t td code { overflow-wrap: anywhere; }
.vide b, .vide div { overflow-wrap: anywhere; }


.tiroir-corps > * { flex: none; }
.tiroir-corps .card { min-height: 0; }


.fenetres {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.fen {
  border: 1px solid var(--line);
  border-radius: var(--rayon-4);
  padding: 9px 11px;
  background: var(--paper);
  position: relative;
}
.fen .fh2 { font-size: var(--taille-15); font-weight: 600; letter-spacing: -.01em;
            font-family: var(--police-n); }
.fen .fn  { font-size: var(--taille-20); font-weight: 600; line-height: 1.25; }
.fen .fm  { font-size: 10.5px; }
.fen .fc  { position: absolute; top: 7px; inset-inline-end: 9px; font-size: var(--taille-10);
            letter-spacing: .08em; text-transform: uppercase;
            color: var(--clay-d); font-weight: 600; }


.fen.prise { border-color: var(--teal); background: var(--teal-soft); }
.fen.prise .fn { color: var(--teal-d); }


.fen.passee { opacity: .48; }
.fen .fp { font-family: var(--police); font-size: var(--taille-10);
           font-weight: 600; letter-spacing: .07em; text-transform: uppercase;
           color: var(--muted); margin-inline-start: 6px; vertical-align: middle; }

.fen.cloture { border-inline-start: 2px solid var(--clay); }


.fen.hors { border-style: dashed; border-color: var(--gold-d); }
.fen.hors .fc { color: var(--gold-d); }


.composeur {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 9px 12px;
  border-top: 1px solid var(--line-2);
  background: var(--canvas);
  font-size: 10.5px;
}
.composeur .btn { padding: 3px 11px; font-family: var(--police-n); }
.composeur .btn:disabled { opacity: .4; }


.ventile { display: flex; flex-direction: column; gap: 2px; align-items: flex-end; }
.ventile > div { display: flex; align-items: center; gap: 6px; }
.ventile .n { font-size: 11.5px; }




.etats-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:9px}
.etat-carte{border:1px solid var(--line);border-radius:var(--rayon-4);background:var(--palette-blanc);padding:10px 12px; display:flex;flex-direction:column;gap:6px;transition:border-color .12s,box-shadow .12s}
.etat-carte.cliquable{cursor:pointer}
.etat-carte:hover{border-color:var(--teal);box-shadow:0 1px 3px rgba(14,27,42,.07)}
.etat-tete{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.etat-titre{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.3;flex:1;min-width:0}
.etat-desc{font-size:10.5px;color:var(--slate);line-height:1.45;display:-webkit-box; -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.etat-pied{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10.5px; padding-top:5px;border-top:1px solid var(--line-2)}


.criteres{display:flex;flex-direction:column;gap:7px}
.critere{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(120px,.8fr) minmax(160px,1.4fr) auto; gap:7px;align-items:center}
.critere-valeurs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.critere-valeurs > *{flex:1;min-width:90px}
.critere-pied{display:flex;align-items:center;gap:9px;padding-top:4px}
.critere-cases{display:flex;flex-wrap:wrap;gap:5px 11px;flex:1}
.critere-case{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--slate)}
.critere-case input{accent-color:var(--teal);margin:0}
.criteres-appliques{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:none}


.colonnes-choix{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 12px}
.colonne-choix{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--slate); padding:2px 0}
.colonne-choix input{accent-color:var(--teal);margin:0;flex:none}
.colonne-choix span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis; white-space:nowrap}



.cours-bande{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:none}
.cours-etiq{font-size:var(--taille-10);letter-spacing:.07em;text-transform:uppercase;
            color:var(--muted);margin-inline-end:2px}
.cours-jeton{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px; border:1px solid var(--line);border-radius:var(--rayon-3);background:var(--paper);font-size:11.5px}


.bal-cel{display:inline-flex;align-items:baseline;gap:5px;justify-content:flex-end;
         white-space:nowrap}
.bal-age{font-family:var(--police-n);font-size:var(--taille-10);font-weight:600;
         letter-spacing:.02em;padding:1px 4px;border-radius:var(--rayon-2);flex:none}
.bal-age-n{color:var(--slate);background:var(--canvas-2)}
.bal-age-w{color:var(--gold-d);background:var(--gold-soft)}
.bal-age-x{color:var(--clay-d);background:var(--clay-soft)}
.bal-age-ok{color:var(--green-d);background:var(--green-soft)}

.bal-vide{color:var(--muted);user-select:none}

.t td .bal-vide{color:var(--muted)}
.bal-col{display:inline-flex;align-items:center;vertical-align:middle}
.t th .bal-col{justify-content:flex-end;width:100%}


.bal-detail{display:grid;gap:14px}
.bal-detail-meta{display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--rayon-4);background:var(--canvas-2)}
.bal-detail-reference{font-size:var(--taille-13)}
.bal-detail-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.bal-detail-place{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;
  border:1px solid var(--line);border-radius:var(--rayon-3);background:var(--palette-blanc);color:var(--slate);
  font-size:var(--taille-11);font-weight:600}
.bal-detail-positions{display:grid}
.bal-detail-position{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(150px,.75fr) 1fr;
  align-items:center;gap:14px;min-height:52px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.bal-detail-position:last-child{border-bottom:0}
.bal-detail-position.absente{background:var(--canvas-2)}
.bal-detail-devise{display:flex;align-items:center;gap:8px}
.bal-detail-montant{text-align:right;font-size:var(--taille-15);font-weight:700;color:var(--ink)}
.bal-detail-date{text-align:right;font-size:var(--taille-11)}
.bal-detail-synthese{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}
.bal-detail-indicateur{display:flex;flex-direction:column;gap:5px;min-height:66px;
  padding:11px 12px;border:1px solid var(--line);border-radius:var(--rayon-4);background:var(--palette-blanc)}
.bal-detail-indicateur.principal{border-inline-start:3px solid var(--teal)}
.bal-detail-indicateur>.mut{font-size:var(--taille-10);font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.bal-detail-indicateur>b{font-size:var(--taille-14)}
@media(max-width:700px){
  .bal-detail-position{grid-template-columns:1fr auto}
  .bal-detail-date{grid-column:1/-1;text-align:left;margin-top:-5px}
  .bal-detail-synthese{grid-template-columns:1fr}
}


.navi { padding: 4px 16px; }
.navg { padding: 8px 16px 3px; }
.brand { padding: 12px 16px 11px; }
.sfoot { padding: 9px 16px; }


@media (max-height: 950px) {
  .navi { padding: 3px 16px; font-size: 11.5px; }
  .navg { padding: 5px 16px 2px; }
  .brand { padding: 9px 16px 8px; }
  .sfoot { padding: 7px 16px; }
}


.nav { scrollbar-width: thin; scrollbar-color: var(--palette-ardoise) transparent; }


.side { position: sticky; }
.side.deborde .nav::after {
  content: '';
  position: sticky;
  display: block;
  bottom: 0;
  left: 0; right: 0;
  height: 18px;
  margin-top: -18px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(14,27,42,0), var(--ink));
}




.ctx.compact > div { padding: 7px 13px; }
.ctx.compact .cv { font-size: 11.5px; }


.criteres { max-height: 172px; overflow-y: auto; padding-inline-end: 2px; }
.criteres::-webkit-scrollbar { width: 8px; }
.criteres::-webkit-scrollbar-thumb { background: #C9D2DA; border-radius: var(--rayon-4); }


.colonnes-choix { max-height: 178px; overflow-y: auto; padding-inline-end: 2px; }
.colonnes-choix::-webkit-scrollbar { width: 8px; }
.colonnes-choix::-webkit-scrollbar-thumb { background: #C9D2DA; border-radius: var(--rayon-4); }


.card .vide.mince { padding: 14px 16px; }


.t td .insecable { white-space: nowrap; }






.connexion-langues {
  display: flex; gap: 6px; padding: 12px 22px; background: var(--canvas);
  border-bottom: 1px solid var(--line-2);
}
.connexion-langues .btn { flex: 1; justify-content: center; }
.connexion-langues .btn.on {
  background: var(--ink); border-color: var(--ink); color: var(--palette-blanc);
}



.mdp-jauge { display: flex; flex-direction: column; gap: 3px; margin-top: -6px; }
.mdp-jauge-barre { height: 4px; border-radius: var(--rayon-2); background: var(--line-2);
  overflow: hidden; }
.mdp-jauge-barre span { display: block; height: 100%; border-radius: var(--rayon-2);
  transition: width .18s ease; }
.mdp-jauge-barre .mdp-cran-0 { background: var(--rust, #B5482A); }
.mdp-jauge-barre .mdp-cran-1 { background: var(--gold, #B8862E); }
.mdp-jauge-barre .mdp-cran-2 { background: var(--teal, #0E9C8C); }
.mdp-jauge-barre .mdp-cran-3 { background: var(--teal, #0E9C8C); }
.mdp-jauge-mot { color: var(--muted); }


.menu-demo-hote { position: relative; display: inline-flex; }
.menu-demo {
  position: absolute; top: calc(100% + 5px); inset-inline-end: 0; z-index: 75;
  min-width: 208px; background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--rayon-4); box-shadow: 0 10px 28px rgba(14,27,42,.2);
  display: flex; flex-direction: column; padding: 4px;
}
.menu-demo-item {
  border: none; background: none; text-align: start; cursor: pointer;
  font: inherit; font-size: 11.5px; color: var(--ink);
  padding: 7px 9px; border-radius: var(--rayon-3);
}
.menu-demo-item:hover, .menu-demo-item:focus-visible { background: var(--canvas); }

.ses-panneau {
  position: fixed; z-index: 75; width: 268px; background: var(--paper);
  border: 1px solid var(--line); border-radius: var(--rayon-4);
  box-shadow: 0 14px 38px rgba(14,27,42,.24);
  display: flex; flex-direction: column;
}
.ses-tete { padding: 11px 13px; border-bottom: 1px solid var(--line-2);
  background: var(--canvas); }
.ses-nom { font-size: var(--taille-13); font-weight: 600; color: var(--ink);
  white-space: normal; overflow-wrap: anywhere; }
.ses-role { font-size: var(--taille-12); color: var(--muted); margin-top: 4px;
  white-space: normal; overflow-wrap: anywhere; }
.ses-bloc { padding: 10px 13px; border-bottom: 1px solid var(--line-2); }
.ses-bloc:last-child { border-bottom: none; }
.ses-etiq { font-size: var(--taille-10); letter-spacing: .07em; text-transform: uppercase;
  color: var(--muted); font-weight: 600; margin-bottom: 6px; }
.ses-langues { display: flex; gap: 6px; }
.ses-langues .btn { flex: 1; justify-content: center; }
.ses-langues .btn.on { background: var(--ink); border-color: var(--ink); color: var(--palette-blanc); }
.ses-ligne { display: flex; flex-direction: column; }
.ses-valeur { display: inline-flex; align-items: center; gap: 6px;
  font-size: 11.5px; color: var(--slate); }
.ses-valeur.ses-lien { cursor: pointer; color: var(--teal); }
.ses-valeur.ses-lien:hover { text-decoration: underline; }
.ses-quitter { width: 100%; justify-content: center; }

.ses-actions { display: flex; flex-direction: column; gap: 2px; padding: 6px; }
.ses-item { width: 100%; justify-content: flex-start; color: var(--ink);
  height: 30px; }
.ses-item:hover { background: var(--canvas); }
.ses-item svg { color: var(--slate); }


[dir="rtl"] {
  

  
}



:lang(ar) {
  font-family: var(--police-ar);
}


:lang(ar) * {
  letter-spacing: normal;
}

:lang(ar) .n,
:lang(ar) code,
:lang(ar) .insecable,
:lang(ar) .mono {
  letter-spacing: initial;
}


.lev { padding: 8px 0 6px; border-bottom: 1px solid var(--line-2); }
.lev:last-child { border-bottom: none; }
.lev-grp {
  margin: 12px 0 2px;
  font-size: var(--taille-10);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.lev-tete { display: flex; align-items: baseline; gap: 8px; }
.lev-nom { font-size: 11.5px; color: var(--slate); flex: 1; }
.lev-val { font-size: 11.5px; font-weight: 600; color: var(--ink); white-space: nowrap; }
.lev.ecarte .lev-val { color: var(--gold-d); }
.lev.ecarte .lev-nom { color: var(--ink); }
.lev input[type=range] {
  width: 100%;
  margin: 5px 0 3px;
  height: 14px;
  accent-color: var(--teal);
  cursor: pointer;
}
.lev-pied { display: flex; align-items: center; gap: 7px; font-size: 10.5px; color: var(--muted); }
.lev-reset {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 10.5px;
  color: var(--teal);
  cursor: pointer;
}
.lev-reset:hover { color: var(--teal-d); text-decoration: underline; }

.pls-temps{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pls-horloge{font-size:var(--taille-20);font-weight:600;line-height:1}
.pls-horloge-sous{font-size:10.5px;color:var(--muted);margin-top:2px}
.pls-jour{position:relative;width:297px;height:34px}
.pls-jour-barre{position:absolute;left:0;right:0;top:15px;height:8px;background:var(--line-2);border-radius:var(--rayon-4);overflow:hidden}
.pls-jour-ouvre{position:absolute;top:0;bottom:0;background:rgba(27,107,102,.20)}
.pls-jour-fait{position:absolute;inset:0 auto 0 0;background:var(--teal);border-radius:var(--rayon-4);transition:width .9s linear}
.pls-jour-curseur{position:absolute;top:9px;width:2px;height:20px;background:var(--ink);border-radius:var(--rayon-1);transition:left .9s linear}
.pls-jour-h{position:absolute;top:26px;font-size:var(--taille-10);color:var(--muted);transform:translateX(-50%)}

.pls-jour-passages{position:absolute;inset:0;pointer-events:none}
.pls-jour-passage{position:absolute;top:0;width:17px;height:14px;display:flex;align-items:center;
                  justify-content:center;padding:0;border-radius:var(--rayon-3);background:var(--gold);color:var(--palette-blanc);
                  border:1px solid rgba(14,27,42,.22);transform:translateX(-50%);cursor:pointer;
                  pointer-events:auto;z-index:1}
.pls-jour-passage.fait{background:var(--green)}
.pls-jour-passage:hover{z-index:2}
.pls-jour-passage:focus-visible{outline:2px solid var(--teal);outline-offset:1px}

.pls-moteur{display:flex;align-items:center;gap:10px;padding:7px 13px;font-size:11.5px;
            background:var(--steel-soft);border:1px solid var(--line);border-radius:var(--rayon-4);color:var(--ink-2)}
.pls-moteur .pls-rond{width:8px;height:8px;border-radius:var(--rayon-50cercle);background:var(--steel);flex:none}
.pls-moteur .pls-rond.calcul{animation:pls-pulse 1s infinite}
@keyframes pls-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.pls-moteur b{font-weight:600}
.pls-moteur .pls-chrono{font-size:10.5px;color:var(--slate)}

.pls-colonnes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,262px);gap:12px;align-items:start}
.pls-colonnes.replie{grid-template-columns:1fr}
.pls-colonnes.replie .pls-plan{display:none}
.pls-points{display:flex;flex-direction:column;gap:14px;min-width:0}

.pls-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,216px),1fr));gap:7px}

.pls-carte{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-4);
           padding:8px 10px;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .5s}
.pls-carte:hover{border-color:var(--teal);box-shadow:0 1px 4px rgba(14,27,42,.08)}
.pls-carte:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.pls-carte.up{background:var(--green-soft);border-color:var(--green)}
.pls-carte.down{background:var(--clay-soft);border-color:var(--clay)}
.pls-carte.rupture{border-color:var(--clay);box-shadow:inset 0 0 0 1px var(--clay)}
.pls-carte.ferme{opacity:.62}
.pls-code{font-weight:600;font-size:11.5px}
.pls-lib{font-size:10.5px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pls-tete{display:flex;align-items:center;gap:5px;min-width:0}
.pls-tete .b{flex:none}
.pls-montant{display:flex;align-items:baseline;gap:6px;margin-top:5px;min-width:0}
.pls-montant-v{font-size:var(--taille-15);font-weight:600}
.pls-montant-l{font-size:var(--taille-10);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pls-bat{display:flex;align-items:center;gap:4px;font-size:var(--taille-10);color:var(--muted);margin-top:6px}

.pls-pass{display:flex;align-items:center;gap:5px;font-size:var(--taille-10);color:var(--ink-2);margin-top:6px;min-width:0}
.pls-pass+.pls-pass{margin-top:2px}
.pls-pass-lib{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pls-pass-etat{font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
               border-radius:var(--rayon-3);padding:0 4px;flex:none;margin-inline-start:auto}
.pls-pass-plan{background:var(--gold-soft);color:var(--gold-d)}
.pls-pass-fait{background:var(--green-soft);color:var(--green-d)}
.pls-pass-vide{color:var(--muted)}
.pls-carte [hidden]{display:none}
.pls-badge-user{display:inline-flex;align-items:center;gap:4px;font-size:var(--taille-10);font-weight:600;
                background:var(--teal-soft);color:var(--teal-d);border-radius:var(--rayon-3);padding:1px 5px}
.pls-badge-user .pt{width:4px;height:4px;border-radius:var(--rayon-50cercle);background:var(--teal)}
.pls-releve{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.pls-dev{display:flex;align-items:center;gap:6px;font-size:10.5px;border-radius:var(--rayon-3);
         padding:1px 3px;margin:0 -3px;transition:background .5s}
.pls-dev .n{margin-left:auto;font-size:11.5px}
.pls-dev.principale{font-size:11.5px}
.pls-dev.principale .n{font-size:var(--taille-15);font-weight:600}
.pls-dev.up{background:var(--green-soft)} .pls-dev.down{background:var(--clay-soft)}
.pls-delta{position:absolute;top:7px;right:9px;font-size:10.5px;font-weight:600;opacity:0;pointer-events:none;z-index:2}
.pls-delta.joue{animation:pls-monte 2.6s ease-out forwards}
.pls-delta.pos{color:var(--green-d)} .pls-delta.neg{color:var(--clay-d)}
@keyframes pls-monte{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}
                     70%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.pls-jauge{margin-top:6px}
.pls-piste{position:relative;height:5px;background:var(--line-2);border-radius:var(--rayon-3)}
.pls-rempli{position:absolute;inset:0 auto 0 0;border-radius:var(--rayon-3);background:var(--teal);transition:width .6s ease}
.pls-rempli.haut{background:var(--gold)}
.pls-cran{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--clay);border-radius:var(--rayon-1)}


.pls-cassettes{display:flex;gap:6px;margin-top:6px}
.pls-cassette{display:flex;flex-direction:column;align-items:center;gap:2px}
.pls-fut{position:relative;width:21px;height:56px;background:var(--line-2);border-radius:var(--rayon-3);overflow:hidden}
.pls-niveau{position:absolute;left:0;right:0;bottom:0;background:var(--teal);transition:height .6s ease}
.pls-niveau.bas{background:var(--gold)} .pls-niveau.critique{background:var(--clay)}
.pls-niveau.muet{background:var(--muted);opacity:.35}
.pls-seuil{position:absolute;left:0;right:0;bottom:20%;height:1px;background:var(--clay);opacity:.55}

.pls-cassette-depot .pls-fut{border:1px dashed var(--slate);opacity:.92}
.pls-cassette-depot .pls-seuil{bottom:auto;top:10%}
.pls-cassette-depot .coupure{color:var(--teal)}
.pls-cassette .coupure{font-size:var(--taille-10);font-weight:600;color:var(--slate)}
.pls-cassette .billets{font-size:var(--taille-10);color:var(--muted)}
.pls-fraicheur{display:flex;align-items:center;gap:4px;font-size:var(--taille-10);color:var(--muted);margin-top:5px}
.pls-pt-frais{width:5px;height:5px;border-radius:var(--rayon-50cercle);background:var(--green)}
.pls-pt-muet{width:5px;height:5px;border-radius:var(--rayon-50cercle);background:var(--clay)}
.pls-badge-impl{font-size:var(--taille-10);font-weight:600;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--rayon-3);padding:1px 4px}
.pls-impl-int{background:var(--gold-soft);color:var(--gold-d)}
.pls-impl-ext{background:var(--teal-soft);color:var(--teal-d)}

.pls-plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-4);position:sticky;top:0;
          display:flex;flex-direction:column;max-height:calc(100vh - 210px)}
.pls-plan-tete{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line)}
.pls-plan-tete h3{font-size:11.5px;font-weight:600;margin:0}
.pls-plan-corps{overflow-y:auto}
.pls-ligne-plan{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:10.5px;
                border-bottom:1px solid var(--line-2);cursor:pointer}
.pls-ligne-plan:hover{background:var(--canvas)}
.pls-ligne-plan .qui{flex:1;min-width:0}
.pls-ligne-plan .qui b{display:block;font-size:10.5px}
.pls-ligne-plan .qui small{display:block;color:var(--muted);font-size:var(--taille-10);white-space:nowrap;
                           overflow:hidden;text-overflow:ellipsis}

.pls-ligne-plan.faite .qui b,.pls-ligne-plan.faite .qui small,
.pls-ligne-plan.faite .mnt{color:var(--muted)}
.pls-st{font-size:var(--taille-10);font-weight:600;padding:2px 6px;border-radius:var(--rayon-3);letter-spacing:.05em;
        text-transform:uppercase;flex:none}
.pls-st-plan{background:var(--gold-soft);color:var(--gold-d)}
.pls-st-fait{background:var(--green-soft);color:var(--green-d)}
.pls-plan-pied{padding:7px 12px;border-top:1px solid var(--line);font-size:10.5px;color:var(--slate)}

@media (max-width:960px){
  .pls-colonnes{grid-template-columns:1fr}
  .pls-plan{position:static;max-height:none}
  .pls-jour{display:none}
}
@media (prefers-reduced-motion: reduce){
  .pls-delta.joue{animation:none;opacity:1}
  .pls-carte,.pls-dev,.pls-niveau,.pls-rempli{transition:none}
  .pls-moteur .pls-rond.calcul,.pls-badge-rupture{animation:none}
}



@media (min-width: 1361px) {
  
  .app.avec-aide { grid-template-columns: 210px 1fr var(--largeur-aide-contextuelle); }
}
.pill-horloge { font-variant-numeric: tabular-nums; cursor: default; }
.pill-horloge .n { font-size: 11.5px; letter-spacing: .02em; }

.pill-horloge.horloge-ecart { border-color: var(--gold); color: var(--gold-d); background: var(--gold-soft, #fbf3e3); }
.pill-aide, .pill-commentaire { cursor: pointer; font-family: inherit; }

.pill[hidden] { display: none; }
.pill-aide.on { border-color: var(--teal); color: var(--teal); background: var(--teal-soft); }
.aidep { background: var(--paper); border-inline-start: 1px solid var(--line);
  display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
.aidep[hidden] { display: none; }
.aidep-tete { display: flex; align-items: flex-start; justify-content: space-between;
  gap: 8px; padding: 13px 16px 11px; border-bottom: 1px solid var(--line-2); flex: none; }
.aidep-titre { font-size: var(--taille-15); font-weight: 600; color: var(--ink);
  letter-spacing: -.01em; margin-top: 2px; }
.aidep-corps { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px 16px 22px; }
.aide-p { font-size: 11.5px; line-height: 1.62; color: var(--slate); margin: 0 0 9px; }
.aide-p b { color: var(--ink); font-weight: 600; }
.aide-st { font-size: var(--taille-10); font-weight: 600; letter-spacing: .11em;
  text-transform: uppercase; color: var(--muted); margin: 16px 0 7px;
  padding-top: 12px; border-top: 1px solid var(--line-2); }
.aide-note-langue { font-size: 10.5px; color: var(--gold-d); background: var(--gold-soft);
  border: 1px solid #E2CE9A; border-radius: var(--rayon-3); padding: 6px 9px; margin-bottom: 10px; }

.aide-qui { display: flex; align-items: center; gap: 7px; margin: 0 0 8px; flex-wrap: wrap; }
.aide-quid { font-size: 10.5px; color: var(--muted); }

.aide-chip { display: inline-flex; align-items: center; height: 16px; padding: 0 6px;
  border-radius: var(--rayon-2); font-size: 10.5px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase; flex: none; }
.aide-chip-teal { background: var(--teal-soft); color: var(--teal-d); }
.aide-chip-gold { background: var(--gold-soft); color: var(--gold-d); }
.aide-chip-clay { background: var(--clay-soft); color: var(--clay-d); }
.aide-chip-steel { background: var(--steel-soft); color: var(--steel-d); }
.aide-chip-violet { background: #ECE4F6; color: #533585; }
.aide-chip-muted { background: var(--canvas-2); color: var(--slate); }

.aide-flux { list-style: none; margin: 0; padding: 0; }
.aide-fe { display: flex; gap: 10px; position: relative; padding-bottom: 13px; }
.aide-fe:not(:last-child)::before { content: ''; position: absolute;
  inset-inline-start: 9px; top: 20px; bottom: -1px; width: 1px; background: var(--line); }
.aide-fn { width: 19px; height: 19px; border-radius: var(--rayon-50cercle); background: var(--ink);
  color: var(--palette-blanc); font-size: 10.5px; font-weight: 600; display: flex; align-items: center;
  justify-content: center; flex: none; position: relative; z-index: 1; margin-top: 1px; }
.aide-fc { min-width: 0; }
.aide-fh { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.aide-fh b { font-size: 11.5px; color: var(--ink); font-weight: 600; }
.aide-fd { font-size: 11.5px; line-height: 1.55; color: var(--slate); margin-top: 3px; }

.aide-boutons { display: flex; flex-direction: column; gap: 0; }
.aide-bouton { border-bottom: 1px solid var(--line); }
.aide-bnom, .aide-detail > summary, .cre-reference-structure > summary,
.facturation-hypotheses > summary {
  display: list-item; min-height: 44px; box-sizing: border-box;
  padding: 12px 4px; font-size: var(--taille-13); font-weight: 600;
  line-height: 20px; color: var(--ink); cursor: pointer; }
.aide-bdef { padding: 0 4px 12px; }
.aide-detail { margin-top: 20px; border-top: 1px solid var(--line); }
.cre-reference-structure { margin-block: 16px; }
.aide-bnom:focus-visible, .aide-detail > summary:focus-visible,
.cre-reference-structure > summary:focus-visible,
.facturation-hypotheses > summary:focus-visible {
  outline: 2px solid var(--teal); outline-offset: 2px; }
.aide-bdef .aide-p { margin: 0 0 4px; font-size: 11.5px; }
.aide-bex { color: var(--muted); }
.aide-bex b { color: var(--slate); }

.aide-roles { display: flex; flex-direction: column; gap: 7px; }
.aide-role { display: flex; align-items: baseline; gap: 8px; font-size: 11.5px;
  line-height: 1.5; color: var(--slate); }
.aide-role .aide-chip { transform: translateY(2px); }

.aide-liste { margin: 0; padding-inline-start: 16px; }
.aide-liste li { font-size: 11.5px; line-height: 1.58; color: var(--slate);
  margin-bottom: 6px; }
.aide-liste li b { color: var(--ink); font-weight: 600; }

.aide-renvois { display: flex; flex-direction: column; gap: 6px; }
.aide-renvoi { display: block; padding: 7px 10px; border: 1px solid var(--line-2);
  border-radius: var(--rayon-3); background: var(--canvas); }
.aide-renvoi:hover { border-color: var(--teal); background: var(--teal-soft); }
.aide-renvoi b { display: block; font-size: 11.5px; color: var(--teal-d); font-weight: 600; }
.aide-renvoi span { font-size: 10.5px; color: var(--muted); line-height: 1.4; }

@media (max-width: 1360px) {
  
  .app.avec-aide .aidep { position: fixed; inset-inline-end: 0; top: 0; bottom: 0;
    width: min(var(--largeur-aide-contextuelle), 94vw); z-index: 60; box-shadow: -12px 0 32px rgba(14,27,42,.18); }
}


.ed-jetons { display: flex; flex-wrap: wrap; gap: 5px; }
.ed-jeton { height: 24px; padding: 0 10px; border: 1px solid var(--line);
  border-radius: var(--rayon-3); background: var(--paper); color: var(--slate);
  font-family: inherit; font-size: 11.5px; cursor: pointer; }
.ed-jeton:hover { border-color: var(--teal); }
.ed-jeton.on { background: var(--teal-soft); border-color: var(--teal);
  color: var(--teal-d); font-weight: 600; }
.ed-jeton .ed-x { opacity: .6; }


.lg-defile { overflow-x: auto; padding-bottom: 4px; }
.lg { --lg-nom: 132px; --lg-col: 210px; min-width: min-content; }

.lg-axe, .lg-lane { display: grid; gap: 0 8px; align-items: stretch; }
.lg-axe { margin-bottom: 6px; }
.lg-t {
  font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--muted); font-weight: 600; padding-bottom: 5px;
  border-bottom: 1px solid var(--line-2); white-space: nowrap;
}

.lg-lane { border-top: 1px solid var(--line-2); padding: 8px 0; }
.lg-lane:first-of-type { border-top: 0; }
.lg-acteur { display: flex; align-items: flex-start; padding-top: 2px; }

.lg-n {
  background: var(--paper); border: 1px solid var(--line-2);
  border-inline-start: 2px solid var(--teal); border-radius: var(--rayon-3);
  padding: 7px 9px; font-size: 11.5px; line-height: 1.4;
}
.lg-n b { display: block; font-size: 11.5px; margin-bottom: 3px; }
.lg-num {
  display: inline-block; min-width: 15px; height: 15px; line-height: 15px;
  text-align: center; background: var(--teal); color: var(--palette-blanc); border-radius: var(--rayon-8);
  font-size: 10.5px; margin-inline-end: 5px; font-variant-numeric: tabular-nums;
}
.lg-d { color: var(--muted); }
.lg-liv {
  display: inline-block; margin-top: 5px; font-size: 10.5px;
  padding: 1px 5px; border: 1px dashed var(--line); border-radius: var(--rayon-2);
  color: var(--slate); background: var(--canvas);
}


.proc-p { margin: 0 0 9px; font-size: 11.5px; line-height: 1.65; color: var(--slate); }
.proc-ul { margin: 0; padding-inline-start: 18px; font-size: 11.5px; line-height: 1.65; }
.proc-ul li { margin-bottom: 7px; color: var(--slate); }
.proc-ul li::marker { color: var(--teal); }


.pls-alertes:empty { display: none; }
.pls-alertes { background: var(--paper); border: 1px solid var(--clay);
  border-radius: var(--rayon-4); padding: 10px 12px; margin-bottom: 12px; box-shadow: var(--ombre); }
.pls-alertes-tete { display: flex; align-items: baseline; gap: 9px; margin-bottom: 8px; }
.pls-alertes-tete b { font-size: 11.5px; color: var(--clay-d); }
.pls-alertes-grille { display: grid; gap: 7px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%,210px), 1fr)); }
.pls-alerte { text-align: start; background: var(--canvas); border: 1px solid var(--line);
  border-radius: var(--rayon-3); padding: 7px 9px; cursor: pointer; font-family: inherit;
  display: flex; flex-direction: column; gap: 4px; }
.pls-alerte.rupture { border-inline-start: 3px solid var(--clay); }
.pls-alerte.risque { border-inline-start: 3px solid var(--gold); }
.pls-alerte:hover { border-color: var(--teal); background: var(--teal-soft); }
.pls-alerte-tete { display: flex; align-items: center; gap: 6px; }
.pls-alerte-tete b { font-size: 11.5px; }
.pls-alerte-badge { font-size: var(--taille-10); font-weight: 700; letter-spacing: .06em;
  padding: 1px 5px; border-radius: var(--rayon-2); }
.pls-alerte-badge.rup { background: var(--clay-soft); color: var(--clay-d); }
.pls-alerte-badge.ris { background: var(--gold-soft); color: var(--gold-d); }
.pls-alerte-corps { display: flex; align-items: center; justify-content: space-between;
  gap: 8px; }
.pls-reco { font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: var(--rayon-2);
  white-space: nowrap; }
.pls-reco-ok { background: var(--green-soft); color: var(--green-d); }
.pls-reco-att { background: var(--steel-soft); color: var(--steel-d); }
.pls-reco-non { background: var(--clay-soft); color: var(--clay-d); }


.btn-menu { display: none; }

@media (max-width: 720px) {
  
  
  html, body { overflow-x: clip; }
  .app { grid-template-columns: 1fr; }
  .app.avec-aide { grid-template-columns: 1fr; }

  .side {
    position: fixed; inset-block: 0; inset-inline-start: 0;
    width: min(280px, 84vw); height: 100dvh; z-index: 70;
    transform: translateX(-105%); transition: transform .2s ease-out;
    box-shadow: none;
    padding-bottom: env(safe-area-inset-bottom);
  }
  [dir="rtl"] .side { transform: translateX(105%); }
  .side.ouvert { transform: none; box-shadow: 14px 0 40px rgba(14,27,42,.28); }

  .side-fond {
    position: fixed; inset: 0; z-index: 65;
    background: rgba(14,27,42,.4); animation: fondu .14s ease-out;
  }
  .side-fond[hidden] { display: none; }

  
  .bname, .btag, .navi span:not(.cnt), .sfoot > div:not(.avatar) { display: revert; }
  .navg { font-size: var(--taille-10); padding: 12px 16px 5px; }
  .navg::after { content: none; }
  .navi { justify-content: flex-start; padding: 10px 16px; font-size: var(--taille-13); }
  .navi .cnt { display: inline-flex; }
  .brand { justify-content: flex-start; padding: 15px 14px 14px; }
  .sfoot { justify-content: flex-start; }

  .btn-menu {
    display: inline-flex; align-items: center; justify-content: center;
    flex: none; width: 36px; height: 36px; border: 1px solid var(--line);
    border-radius: var(--rayon-3); background: var(--paper); color: var(--ink);
    cursor: pointer; padding: 0;
  }

  
  .top { padding: 8px 10px calc(8px); gap: 8px; }
  .pill { height: 30px; }
  .pill.lien { display: none; }
  .crumb { display: none; }
  .h1 { font-size: var(--taille-14); }
  .niveau .niveau-detail { display: none; }

  
  .body { padding: 10px 10px calc(22px + env(safe-area-inset-bottom)); gap: 10px; }
  .two, .two3 { grid-template-columns: 1fr; }

  
  .card .scroll, .tiroir-corps .scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .t td { white-space: nowrap; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }

  
  .flt > * { min-width: 0; }
  .flt .cours-bande { flex-shrink: 1; }

  
  .ch { flex-wrap: wrap; }

  
  .btn { min-height: 32px; }
  .fi, input.fi, select.fi { height: 38px; font-size: var(--taille-16); }
  textarea.fi { font-size: var(--taille-16); }
  .ed-jeton { height: 32px; }
  .pagination .btn { height: 30px; }

  
  .tiroir-panneau { width: 100vw; }
  .tiroir-corps { padding: 11px 12px calc(12px + env(safe-area-inset-bottom)); }
  .app.avec-aide .aidep { width: 100vw; inset-inline: 0; }

  
  .messages { inset-inline: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); max-width: none; }

  
  .connexion { padding: 12px; align-items: flex-start; overflow-y: auto; }
  .connexion-panneau { max-height: none; margin: auto 0; }
}



.visite-voile { position: fixed; inset: 0; z-index: 200; }
.visite-voile.plein { background: rgba(12,22,34,.60); }
.visite-voile[hidden] { display: none; }


.visite-spot { position: fixed; border-radius: var(--rayon-6); pointer-events: none;
  box-shadow: 0 0 0 9999px rgba(12,22,34,.60); border: 2px solid var(--gold);
  transition: top .28s cubic-bezier(.16,1,.3,1), left .28s cubic-bezier(.16,1,.3,1),
    width .28s cubic-bezier(.16,1,.3,1), height .28s cubic-bezier(.16,1,.3,1); }

.visite-bulle { position: fixed; z-index: 202; width: min(360px, 92vw);
  background: var(--paper); border: 1px solid var(--line); border-radius: var(--rayon-6);
  box-shadow: 0 18px 48px rgba(14,27,42,.28); padding: 16px 17px 14px;
  display: flex; flex-direction: column; gap: 0;
  transition: top .28s cubic-bezier(.16,1,.3,1), left .28s cubic-bezier(.16,1,.3,1); }
.visite-bulle[hidden] { display: none; }
.visite-eyebrow { font-size: var(--taille-10); font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: var(--gold-d); margin-bottom: 6px; }
.visite-titre { font-size: var(--taille-15); font-weight: 600; color: var(--ink);
  letter-spacing: -.01em; line-height: 1.3; margin-bottom: 7px; text-wrap: balance; }
.visite-corps { font-size: 11.5px; line-height: 1.62; color: var(--slate); margin: 0; }
.visite-corps b { color: var(--ink); font-weight: 600; }
.visite-note-langue { font-size: 10.5px; color: var(--gold-d); background: var(--gold-soft);
  border: 1px solid #E2CE9A; border-radius: var(--rayon-3); padding: 6px 9px; margin-bottom: 10px; }
.visite-pied { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.visite-compte { margin-inline-start: auto; white-space: nowrap; font-size: 10.5px;
  color: var(--muted); font-variant-numeric: tabular-nums; }
.visite-bulle .btn { height: 27px; }

@media (max-width: 560px) {
  
  .visite-bulle { inset-inline: 8px; width: auto; bottom: 10px; top: auto !important;
    left: 8px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .visite-spot, .visite-bulle { transition: none; }
}


.modale { position: fixed; inset: 0; z-index: 85; display: flex;
  align-items: center; justify-content: center; padding: 24px; }
.modale-fond { position: absolute; inset: 0; background: rgba(14,27,42,.42);
  animation: fondu .14s ease-out; }
.modale-boite { position: relative; width: min(560px, 96vw);
  max-height: min(88vh, 780px); background: var(--canvas);
  border: 1px solid var(--line); border-radius: var(--rayon-4);
  display: flex; flex-direction: column;
  box-shadow: 0 18px 48px rgba(14,27,42,.28);
  animation: monte .16s ease-out; }
.modale-large .modale-boite { width: min(900px, 96vw); }
.modale-tete { background: var(--paper); border-bottom: 1px solid var(--line);
  padding: 12px 16px; flex: none; }
.modale-titre { font-size: var(--taille-15); font-weight: 600; letter-spacing: -.005em;
  line-height: 1.3; color: var(--ink); }
.modale-corps { flex: 1; overflow-y: auto; padding: 13px 16px;
  display: flex; flex-direction: column; gap: 11px; }
.modale-corps > * { flex: none; }

.modale-engagement { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.modale-corps .card { min-height: 0; }
.modale-corps .card .scroll { max-height: min(38vh, 360px); }
.modale-pied { border-top: 1px solid var(--line); background: var(--paper);
  padding: 11px 16px; display: flex; align-items: center; gap: 8px; flex: none; }
.modale-echap { margin-inline-start: auto; font-size: 10.5px; color: var(--muted);
  white-space: nowrap; }
@keyframes monte { from { transform: translateY(10px); opacity: .4 }
  to { transform: none; opacity: 1 } }

@media (max-width: 720px) {
  .modale { padding: 0; align-items: flex-end; }
  .modale-boite { width: 100vw; max-height: 92vh; border-radius: var(--rayon-4) var(--rayon-4) 0 0; }
  .modale-corps { padding: 11px 12px; }
  .modale-pied { padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
  .modale-echap { display: none; }
  
  .modale .t:has(.recap-apres) { width: 100%; min-width: 0; table-layout: fixed; }
  .modale .t:has(.recap-apres) th, .modale .t:has(.recap-apres) td {
    width: auto; min-width: 0; max-width: none; white-space: normal;
    overflow-wrap: anywhere; padding-inline: 6px; }
  .modale .t:has(.recap-apres) .n, .modale .recap-apres { white-space: normal;
    overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .modale-boite, .modale-fond { animation: none; }
}


.mur { --mur-f: 2.5;
  position: fixed; inset: 0; z-index: 90; background: var(--canvas);
  display: flex; flex-direction: column; overflow: hidden;
  gap: calc(8px * var(--mur-f)); padding: calc(10px * var(--mur-f)); }


.mur .kl        { font-size: calc(8.5px * var(--mur-f)); }
.mur .eyebrow   { font-size: calc(8.5px * var(--mur-f)); }
.mur .b         { font-size: calc(9.5px * var(--mur-f));
                  padding: calc(2px * var(--mur-f)) calc(6px * var(--mur-f)); }
.mur .cs,
.mur .note      { font-size: calc(10.5px * var(--mur-f)); }
.mur .kd        { font-size: calc(9.5px * var(--mur-f)); }
.mur .ct        { font-size: calc(11.5px * var(--mur-f)); }
.mur .kv        { font-size: calc(20px * var(--mur-f)); }
.mur .kv small  { font-size: calc(11.5px * var(--mur-f)); }
.mur .kpi       { padding: calc(9px * var(--mur-f)) calc(11px * var(--mur-f));
                  gap: calc(4px * var(--mur-f)); }
.mur .ch        { padding: calc(7px * var(--mur-f)) calc(11px * var(--mur-f));
                  gap: calc(9px * var(--mur-f)); }
.mur .cb        { padding: calc(9px * var(--mur-f)) calc(11px * var(--mur-f)); }
.mur .g         { gap: calc(7px * var(--mur-f)); flex: none; }

.mur .kd        { flex-wrap: wrap; }
.mur .seg > button { font-size: calc(11.5px * var(--mur-f));
                  padding: calc(4px * var(--mur-f)) calc(10px * var(--mur-f)); }
.mur .btn       { font-size: calc(11.5px * var(--mur-f));
                  padding: calc(4px * var(--mur-f)) calc(9px * var(--mur-f)); }


.mur-sombre .mur-banque { font-size: calc(24px * var(--mur-e)); }
.mur-sombre .mur-sous { font-family: var(--police-n);
  font-size: calc(13px * var(--mur-e)); letter-spacing: .14em;
  text-transform: uppercase; margin-top: calc(3px * var(--mur-e)); }
.mur-tete { display: flex; align-items: center; flex: none;
  gap: calc(9px * var(--mur-f)); }
.mur-tete .bmark-logo { max-width: calc(132px * var(--mur-f)); }
.mur-banque { font-size: calc(15px * var(--mur-f)); font-weight: 600;
  letter-spacing: .01em; line-height: 1.1; color: var(--ink); }
.mur-sous { font-size: calc(10.5px * var(--mur-f)); color: var(--muted); }
.mur-tete-d { text-align: end; }
.mur-perimetre { font-size: calc(11.5px * var(--mur-f)); font-weight: 600;
  color: var(--slate); }


.mur-corps { flex: 1; min-height: 0; display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: calc(8px * var(--mur-f)); }
.mur-gauche, .mur-droite { min-height: 0; min-width: 0;
  display: flex; flex-direction: column; gap: calc(7px * var(--mur-f)); }
.mur-droite > .card { flex: none; }

   Le journal a un PLANCHER : réduit à un trait, il ne serait pas « caché »
   mais écrasé, et rien ne dirait qu'il manque quelque chose — c'est le défaut
   exact que `NEW-81` a payé sur la carte du Maroc. Il garde donc son entête,
   son compte (« les 6 plus graves sur 22 ») et sa première alerte. */
.mur-droite > .mur-alertes { flex: 1 1 auto; min-height: calc(76px * var(--mur-f));
  display: flex; flex-direction: column; }
.mur-droite > .mur-alertes > .cb { min-height: 0; overflow-y: auto; }

.mur-droite { overflow-y: auto; }
.mur-seg { flex: none; align-self: start; }


.mur-seg-paire { display: flex; align-items: flex-start; flex-wrap: nowrap;
  flex: none; justify-content: center; gap: calc(7px * var(--mur-f)); }
.mur-carte-hote { position: relative; flex: 1; min-height: 0; display: flex;
  align-items: center; justify-content: center;
  background: var(--paper); border: 1px solid var(--line); border-radius: var(--rayon-4); }
.mur-carte { width: 100%; height: 100%; }
.mur-pays { fill: var(--canvas-2); stroke: var(--line); stroke-width: 2; }
.mur-pastille { fill-opacity: .78; stroke: var(--paper); stroke-width: 2.5; }

.mur-filet { stroke: var(--muted); stroke-width: 2; stroke-opacity: .7; }

.mur-lieu, .mur-chiffre { fill: var(--ink); paint-order: stroke;
  stroke: var(--paper); stroke-width: 5; stroke-linejoin: round; }

.mur-lieu { font-size: 40px; font-weight: 600;
  font-family: var(--police); }
.mur-chiffre { font-size: 34px; font-weight: 500; fill: var(--slate);
  font-family: var(--police-n); }


.mur-cles { position: absolute; z-index: 1;
  bottom: calc(9px * var(--mur-f)); right: calc(9px * var(--mur-f));
  display: flex; flex-direction: column; align-items: flex-end;
  gap: calc(3px * var(--mur-f)); font-size: calc(10.5px * var(--mur-f));
  color: var(--slate); text-align: end; }
.mur-legende-e { font-size: calc(8.5px * var(--mur-f)); font-weight: 600;
  letter-spacing: .11em; text-transform: uppercase; color: var(--muted); }
.mur-cle { display: inline-flex; align-items: center;
  gap: calc(4px * var(--mur-f)); }
.mur-puce { width: calc(8px * var(--mur-f)); height: calc(8px * var(--mur-f));
  border-radius: var(--rayon-50cercle); display: inline-block; opacity: .78; }


.mur-reserve { color: var(--muted); min-width: 0; }


.mur-heros { position: absolute; top: calc(9px * var(--mur-f));
  left: calc(9px * var(--mur-f)); z-index: 1; max-width: 45%;
  display: flex; flex-direction: column; gap: calc(2px * var(--mur-f));
  
  text-align: left; }
.mur-heros-v { font-family: var(--police-n);
  font-size: calc(28px * var(--mur-f)); font-weight: 600; color: var(--ink);
  letter-spacing: -.03em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.mur-heros-v small { font-size: calc(11.5px * var(--mur-f)); font-weight: 500;
  color: var(--muted); letter-spacing: 0; }
.mur-heros-d { font-size: calc(10.5px * var(--mur-f)); color: var(--muted); }


.mur-gains-c { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(9px * var(--mur-f)); }

.mur-gains-c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mur-gains-l { display: flex; flex-direction: column;
  gap: calc(3px * var(--mur-f)); min-width: 0; }

.mur-gains-repos { grid-column: 1 / -1; font-size: calc(10.5px * var(--mur-f));
  color: var(--muted); }

.mur-gains-etat { font-size: calc(10.5px * var(--mur-f)); color: var(--muted);
  white-space: nowrap; }

.mur-gains-c > .mur-gains-etat { grid-column: 1 / -1; white-space: normal; }

.mur-gains-pv { font-family: var(--police-n);
  font-size: calc(28px * var(--mur-f)); font-weight: 600; color: var(--ink);
  letter-spacing: -.03em; line-height: 1.05; font-variant-numeric: tabular-nums; }
.mur-gains-v { font-family: var(--police-n);
  font-size: calc(20px * var(--mur-f)); font-weight: 600; color: var(--ink);
  letter-spacing: -.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }

.mur-gains-v small { font-size: calc(11.5px * var(--mur-f)); font-weight: 500;
  color: var(--muted); letter-spacing: 0; }
.mur-gains-d { font-size: calc(10.5px * var(--mur-f)); color: var(--muted);
  line-height: 1.35; }


.mur-alertes-l { display: flex; flex-direction: column;
  gap: calc(5px * var(--mur-f)); }
.mur-alerte { display: flex; align-items: center;
  gap: calc(7px * var(--mur-f)); min-width: 0; }
.mur-alerte-p { font-family: var(--police-n);
  font-size: calc(11.5px * var(--mur-f)); color: var(--slate);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mur-vide { font-size: calc(10.5px * var(--mur-f)); color: var(--muted); }
.mur-attente { font-size: calc(11.5px * var(--mur-f)); color: var(--muted);
  margin: auto; }

.mur-panne { margin: auto; max-width: 60%; display: flex; flex-direction: column;
  align-items: flex-start; gap: calc(6px * var(--mur-f)); }


@media (max-width: 900px) {
  .mur { --mur-f: 1.35; overflow-y: auto; }
  .mur-corps { grid-template-columns: minmax(0, 1fr); }
  .mur-droite { overflow-y: visible; }
  .mur-carte-hote { min-height: min(58vh, 96vw); }
  .mur-tete { flex-wrap: wrap; }
  
  .mur-seg-paire { flex-wrap: wrap; max-width: 100%; }
  
  .mur .seg { flex-wrap: wrap; max-width: 100%; border: none;
    background: transparent; gap: calc(3px * var(--mur-f)); }
  .mur .seg > button { border: 1px solid var(--line); border-radius: var(--rayon-3);
    background: var(--paper); }
  .mur .seg > button.on { border-color: var(--ink); background: var(--ink); }
  .mur-panne { max-width: 100%; }
}


.mur-pied { flex: none; display: flex; align-items: center;
  gap: calc(10px * var(--mur-f)); font-size: calc(10.5px * var(--mur-f));
  color: var(--muted); }


.mur-frais { white-space: nowrap; }
.mur-echec { color: var(--clay-d); font-weight: 600; white-space: nowrap; }



.mur-sombre {
  
  --mur-e: calc(var(--mur-f) / 2.5);
  --canvas: #0c1414;    
  --canvas-2: #1a2d2b;  
  --paper: #213a38;     
  --line: #2f4b46;      
  --line-2: #24403b;
  --ink: #f0edde;       
  --ink-2: #f0edde;
  --slate: #c9c6b8;     
  --muted: #93a49d;
  --teal: #5ca785;      
  --green: #6fb59a;     
  --gold: #c89a4b;      
  --clay: #bc2f1e;      
  --steel: #7fa8c9;
}


.mur-filet-h { flex: none; height: 1px; background: var(--line); }


.mur-tete-d { display: flex; align-items: flex-end; flex-wrap: wrap;
  justify-content: flex-end; column-gap: calc(34px * var(--mur-e));
  row-gap: 0; text-align: end; }
.mur-tete-col { min-width: 0; }
.mur-tete-l { font-family: var(--police-n);
  font-size: calc(11px * var(--mur-e)); letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.mur-tete-v { font-size: calc(17px * var(--mur-e)); font-weight: 500;
  color: var(--ink); margin-top: calc(4px * var(--mur-e));
  white-space: nowrap; }

.mur-tete-note { flex-basis: 100%; margin-top: calc(6px * var(--mur-e));
  font-family: var(--police-n);
  font-size: calc(10px * var(--mur-e)); letter-spacing: .04em;
  color: var(--muted); white-space: nowrap; text-align: right; }


.mur-sujet { flex: none; display: flex; align-items: baseline;
  gap: calc(12px * var(--mur-e)); min-width: 0; }
.mur-sujet-rang { font-family: var(--police-n);
  font-size: calc(13px * var(--mur-e)); letter-spacing: .16em;
  text-transform: uppercase; color: var(--teal); white-space: nowrap; }
.mur-sujet-t { font-size: calc(24px * var(--mur-e)); font-weight: 600;
  color: var(--ink); white-space: nowrap; }
.mur-sujet-s { font-size: calc(17px * var(--mur-e)); color: var(--muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.mur-h3 { flex: none; display: grid; grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid var(--line);
  padding-block: calc(22px * var(--mur-e)); }
.mur-h3-c { padding-inline: calc(34px * var(--mur-e));
  border-inline-start: 1px solid var(--line); min-width: 0; }
.mur-h3-c:first-child { border-inline-start: 0; padding-inline-start: 0; }
.mur-h3-l { font-family: var(--police-n);
  font-size: calc(13px * var(--mur-e)); letter-spacing: .1em;
  text-transform: uppercase; color: var(--muted); }

.mur-h3-v { font-family: var(--police-n);
  font-size: calc(92px * var(--mur-e)); font-weight: 600; line-height: 1;
  letter-spacing: -.02em; margin-top: calc(14px * var(--mur-e));
  font-variant-numeric: tabular-nums; white-space: nowrap;
  overflow: hidden; text-overflow: clip; }
.mur-h3-v small { font-size: calc(30px * var(--mur-e)); font-weight: 400;
  color: var(--muted); letter-spacing: 0; margin-inline-start: .28em; }
.mur-h3-s { font-size: calc(16px * var(--mur-e)); color: var(--slate);
  line-height: 1.4; margin-top: calc(12px * var(--mur-e)); }
.mur-h3-attente { grid-template-columns: 1fr; }


.mur-ton-ink { color: var(--ink); }
.mur-ton-accent { color: var(--teal); }
.mur-ton-green { color: var(--green); }
.mur-ton-gold { color: var(--gold); }
.mur-ton-clay { color: var(--clay); }
.mur-fond-teal { background: var(--teal); }
.mur-fond-green { background: var(--green); }
.mur-fond-gold { background: var(--gold); }
.mur-fond-clay { background: var(--clay); }
.mur-fond-steel { background: var(--steel); }


.mur-carte-titre { flex: none; display: flex; align-items: baseline;
  gap: calc(14px * var(--mur-e)); font-size: calc(17px * var(--mur-e));
  font-weight: 500; color: var(--ink); }
.mur-carte-titre .mut { font-family: var(--police-n);
  font-size: calc(13px * var(--mur-e)); font-weight: 400; }
.mur-carte-paire { flex: 1; min-height: 0; display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
  gap: calc(28px * var(--mur-e)); align-items: stretch; }


.mur-classement { min-width: 0; min-height: 0; display: flex;
  flex-direction: column; justify-content: flex-start; overflow: hidden; }
.mur-rang { display: flex; align-items: center;
  gap: calc(14px * var(--mur-e));
  
  padding-block: calc(6px * var(--mur-e));
  border-bottom: 1px solid var(--line-2); }
.mur-rang-n { font-size: calc(19px * var(--mur-e)); color: var(--slate);
  width: calc(132px * var(--mur-e)); flex: none;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mur-rang-b { flex: 1; min-width: 0; height: calc(9px * var(--mur-e));
  background: var(--line-2); }
.mur-rang-j { height: 100%; }
.mur-rang-v { font-family: var(--police-n);
  font-size: calc(21px * var(--mur-e)); font-weight: 600;
  color: var(--ink); width: calc(86px * var(--mur-e)); flex: none;
  text-align: end; font-variant-numeric: tabular-nums; }
.mur-rang-muet { font-size: calc(12.5px * var(--mur-e)); color: var(--muted);
  margin-top: calc(12px * var(--mur-e)); line-height: 1.5; }


.mur-droite { display: flex; flex-direction: column;
  gap: calc(8px * var(--mur-f)); min-height: 0; overflow: hidden; }
.mur-lecture { flex: 1; min-height: 0; display: flex; flex-direction: column;
  gap: calc(13px * var(--mur-e)); overflow: hidden; }
.mur-lecture-e { font-family: var(--police-n);
  font-size: calc(13px * var(--mur-e)); letter-spacing: .16em;
  text-transform: uppercase; color: var(--teal); flex: none; }
.mur-lecture-l { display: flex; gap: calc(20px * var(--mur-e));
  align-items: flex-start; border-top: 1px solid var(--line);
  padding-top: calc(11px * var(--mur-e)); }
.mur-lecture-n { font-family: var(--police-n);
  font-size: calc(20px * var(--mur-e)); font-weight: 600; color: var(--teal);
  flex: none; width: calc(26px * var(--mur-e)); }

.mur-lecture-t { font-size: calc(21px * var(--mur-e)); line-height: 1.45;
  color: var(--slate); text-wrap: pretty; }


.mur-veille { flex: none; background: var(--paper);
  border: 1px solid var(--line);
  padding: calc(20px * var(--mur-e)) calc(22px * var(--mur-e)); }
.mur-veille-e { font-family: var(--police-n);
  font-size: calc(12px * var(--mur-e)); letter-spacing: .14em;
  text-transform: uppercase; color: var(--muted); line-height: 1.4;
  margin-bottom: calc(12px * var(--mur-e)); }
.mur-veille-g { display: grid; grid-template-columns: repeat(3, 1fr);
  gap: calc(20px * var(--mur-e)); }
.mur-veille-c { min-width: 0; }
.mur-veille-v { font-family: var(--police-n);
  font-size: calc(34px * var(--mur-e)); font-weight: 600; line-height: 1.1;
  font-variant-numeric: tabular-nums; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; }
.mur-veille-n { font-size: calc(14px * var(--mur-e)); color: var(--slate);
  margin-top: calc(4px * var(--mur-e)); line-height: 1.3; }


.mur-rail { flex: none; display: flex; align-items: center;
  gap: calc(14px * var(--mur-e)); border-top: 1px solid var(--line);
  padding-top: calc(16px * var(--mur-e)); }
.mur-rail-v { flex: 1; min-width: 0; display: flex; align-items: baseline;
  gap: calc(10px * var(--mur-e)); cursor: pointer;
  padding: calc(10px * var(--mur-e)) calc(14px * var(--mur-e));
  border-top: 2px solid var(--line); }
.mur-rail-v.on { border-top-color: var(--teal);
  background: rgba(92, 167, 133, .12); }
.mur-rail-n { font-family: var(--police-n);
  font-size: calc(12px * var(--mur-e)); color: var(--muted); flex: none; }
.mur-rail-t { font-size: calc(17px * var(--mur-e)); font-weight: 500;
  color: var(--muted); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.mur-rail-v.on .mur-rail-t { color: var(--ink); }
.mur-tics { display: flex; gap: calc(5px * var(--mur-e)); flex: none;
  margin-inline-start: calc(10px * var(--mur-e)); }
.mur-tic { width: calc(16px * var(--mur-e)); height: calc(5px * var(--mur-e));
  background: var(--line); }
.mur-tic.on { background: var(--teal); }
.mur-rail-fige { font-family: var(--police-n);
  font-size: calc(12px * var(--mur-e)); color: var(--gold); flex: none;
  white-space: nowrap; }




.t tr[hidden] { display: none; } 
.t tr.niv1 > td, .t tr.niv2 > td { background: #FBFAF8; }
.t tr.niv1 > td:first-child { padding-inline-start: 30px; position: relative; }
.t tr.niv2 > td:first-child { padding-inline-start: 52px; position: relative; }
.t tr.niv1 > td:first-child::before, .t tr.niv2 > td:first-child::before {
  content: ''; position: absolute; inset-inline-start: 18px; top: 0; bottom: 0;
  width: 1px; background: var(--line); }
.t tr.niv2 > td:first-child::after {
  content: ''; position: absolute; inset-inline-start: 40px; top: 0; bottom: 0;
  width: 1px; background: var(--line-2); }
.chev { width: 18px; height: 18px; border: none; background: none;
  cursor: pointer; color: var(--muted); font-size: var(--taille-10); padding: 0;
  vertical-align: -2px; font-family: inherit; }
.chev::before { content: '▸'; display: inline-block; transition: transform .12s; }
.chev[aria-expanded="true"]::before { transform: rotate(90deg); }
[dir="rtl"] .chev::before { content: '◂'; }
[dir="rtl"] .chev[aria-expanded="true"]::before { transform: rotate(-90deg); }
.chev:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px;
  border-radius: var(--rayon-2); }


.decider { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }

.dec { background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--rayon-4); padding: 11px 13px; display: flex; align-items: center;
  gap: 12px; justify-content: space-between; min-width: 0;
  font-size: 11.5px; }
.dec .tx { min-width: 0; }
.dec .tx b { display: block; font-weight: 600; }
.dec .tx span { font-size: 10.5px; color: var(--muted); }
@media (max-width: 900px) { .decider { grid-template-columns: 1fr; } }


.cascade { display: grid;
  grid-template-columns: 1fr 22px 1fr 22px 1fr 22px 1fr 1px 1fr;
  gap: 0; align-items: stretch; border-bottom: 1px solid var(--line-2); }
.cascade .step { padding: 10px 13px; display: flex; flex-direction: column;
  gap: 4px; min-width: 0; }
.cascade .fleche { align-self: center; color: var(--muted); text-align: center;
  font-size: var(--taille-13); }
[dir="rtl"] .cascade .fleche { transform: scaleX(-1); }
.cascade .sep { background: var(--line-2); }
.cascade .sv { font-family: var(--police-n); font-size: var(--taille-17);
  font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cascade .sv small { font-size: 10.5px; font-weight: 500; color: var(--muted); }
.cascade .sd { font-size: 10.5px; color: var(--muted); }
@media (max-width: 1000px) {
  .cascade { grid-template-columns: 1fr 1fr; }
  .cascade .fleche, .cascade .sep { display: none; } }


details.regles { border: 1px solid var(--line-2); border-radius: var(--rayon-3);
  background: var(--canvas); }
details.regles > summary { padding: 7px 11px; font-size: 10.5px;
  color: var(--muted); cursor: pointer; list-style: none; display: flex;
  gap: 7px; align-items: center; user-select: none; }
details.regles > summary::-webkit-details-marker { display: none; }
details.regles > summary::before { content: '▸'; font-size: var(--taille-9); }
details.regles[open] > summary::before { content: '▾'; }
[dir="rtl"] details.regles > summary::before { content: '◂'; }
[dir="rtl"] details.regles[open] > summary::before { content: '▾'; }
details.regles > .regles-corps { padding: 2px 11px 10px; font-size: 10.5px;
  color: var(--slate); line-height: 1.6; display: flex;
  flex-direction: column; gap: 8px; }


.cre-reglage { display: grid; gap: 4px; min-width: 220px; line-height: 1.35; }
.cre-reglage-nom { display: block; color: var(--ink); font-weight: 600; }
.cre-reglage small { display: block; font-weight: 400; line-height: 1.4; }
.cre-reference { margin-top: 2px; font-weight: 400; }
.cre-reference > summary { color: var(--muted); cursor: pointer; font-size: var(--taille-10); }
.cre-reference small { margin-top: 3px; }
.cre-objet { display: grid; gap: 6px; min-width: 300px; }
.cre-objet-ligne { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(100px, 1fr) auto; gap: 6px; align-items: center; }
.cre-effets { display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 6px 12px; }
.cre-effet { display: flex; align-items: center; gap: 6px; font-weight: 400; }
.cre-comparaison-choix { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: 12px; }
.cre-filtres-lots { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 10px; }
.cre-previsualisation-choix { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(160px, .5fr); gap: 10px; }
@media (max-width: 760px) {
  .cre-objet-ligne, .cre-comparaison-choix, .cre-filtres-lots, .cre-previsualisation-choix { grid-template-columns: 1fr; }
  .cre-effets { grid-template-columns: 1fr; }
}


.vligne { display: flex; align-items: center; gap: 9px; padding: 6px 0;
  border-bottom: 1px solid var(--line-2); font-size: 11.5px; }

.vligne[hidden] { display: none; }
.vligne:last-child { border-bottom: none; }
.vligne .nom { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; }
.vligne .part { width: 52px; text-align: end; color: var(--muted);
  font-size: 10.5px; flex: none; }
.vligne .mt { width: 86px; text-align: end; font-weight: 600; flex: none; }
.vligne.pt { padding-inline-start: 24px; position: relative; }
.vligne.pt::before { content: ''; position: absolute; inset-inline-start: 9px;
  top: 0; bottom: 0; width: 1px; background: var(--line-2); }
.vligne.pt .mt { font-weight: 400; }
.vbarre { height: 4px; border-radius: var(--rayon-2); background: var(--line-2);
  overflow: hidden; margin-top: 9px; }
.vbarre i { display: block; height: 100%; background: var(--teal);
  border-radius: var(--rayon-2); }


.flux { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
  font-size: 11.5px; }
.flux .noeud { border: 1px solid var(--line); border-radius: var(--rayon-3);
  background: var(--paper); padding: 6px 10px; min-width: 0; }
.flux .noeud b { display: block; font-size: 10.5px; }
.flux .noeud span { font-size: 10.5px; color: var(--muted); }
.flux .fl { color: var(--muted); flex: none;
  font-size: var(--taille-13); } 
[dir="rtl"] .flux .fl { transform: scaleX(-1); }




.dir-fam, .dir-verdict, .dir-dec { animation: dir-entree .38s cubic-bezier(.2, .7, .3, 1) backwards; }
.dir-fam { display: flex; flex-direction: column; overflow: visible; }
@keyframes dir-entree {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}



.dir-verdict { display: flex; flex-direction: row; align-items: center;
  gap: 28px; flex-wrap: wrap; padding: 18px 20px; overflow: visible;
  border-inline-start: 3px solid var(--line); }
.dir-verdict-alerte { border-inline-start-color: var(--clay-d); }
.dir-verdict-calme { border-inline-start-color: var(--green-d); }
.dir-verdict-txt { flex: 1; min-width: 260px; }
.dir-verdict-phrase { font-size: var(--taille-28); font-weight: 600; line-height: 1.15;
  letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.dir-verdict-alerte .dir-verdict-phrase { color: var(--clay-d); }
.dir-verdict-calme .dir-verdict-phrase { color: var(--green-d); }
.dir-verdict-sous { font-size: 10.5px; color: var(--muted); margin-top: 6px; }
.dir-jauge-hote { flex: none; min-width: 240px; }
.dir-jauge { display: flex; height: 8px; border-radius: var(--rayon-4); overflow: hidden;
  background: var(--line-2); }
.dir-jauge span { display: block; height: 100%; }
.dir-j-rouge { background: var(--clay-d); }
.dir-j-ambre { background: var(--gold-d); }
.dir-j-vert { background: var(--green-d); }
.dir-jauge-leg { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }


.dir-sec-titre { display: flex; align-items: baseline; gap: 8px;
  margin: 22px 0 10px; font-size: var(--taille-15); font-weight: 600; color: var(--ink); }
.dir-sec-n { font-size: 10.5px; font-weight: 600; color: var(--teal);
  background: var(--teal-soft); border-radius: var(--rayon-3); padding: 1px 6px; }
.dir-sec-perim { font-size: 10.5px; font-weight: 500; color: var(--slate);
  border: 1px solid var(--line); border-radius: 999px; padding: 2px 9px;
  margin-inline-start: 2px; align-self: center; }


.dir-decisions { display: flex; flex-direction: column; gap: 10px; }
.dir-dec { padding: 14px 16px; overflow: visible;
  border-inline-start: 3px solid var(--line); }
.dir-dec-rouge { border-inline-start-color: var(--clay-d); }
.dir-dec-ambre { border-inline-start-color: var(--gold-d); }
.dir-dec-tete { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.dir-dec-nom { font-size: var(--taille-15); font-weight: 600; color: var(--ink); }
.dir-dec-val { display: flex; align-items: baseline; gap: 2px; }
.dir-dec-val .kv { font-size: var(--taille-20); }
.dir-dec-sens { font-size: 11.5px; line-height: 1.55; color: var(--ink-2);
  margin: 9px 0 0; max-width: 78ch; }
.dir-dec-pied { display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap; margin-top: 11px; padding-top: 10px;
  border-top: 1px solid var(--line-2); }
.dir-dec-cible { font-size: 10.5px; color: var(--muted); }


.dir-fam { border-inline-start: 3px solid var(--green-d); }
.dir-fam-ambre { border-inline-start-color: var(--gold-d); }
.dir-fam-rouge { border-inline-start-color: var(--clay-d); }
.dir-tete { display: flex; align-items: center; gap: 10px;
  padding-bottom: 10px; border-bottom: 1px solid var(--line-2); }
.dir-tete-txt { flex: 1; min-width: 0; }
.dir-ico { width: 28px; height: 28px; flex: none; border-radius: var(--rayon-4);
  display: grid; place-items: center;
  background: var(--teal-soft); color: var(--teal-d); }
.dir-ico-svg { width: 16px; height: 16px; display: block; }
.dir-feux { display: flex; gap: 5px; flex: none; align-self: flex-start;
  margin-top: 4px; }
.dir-feu-pt { width: 7px; height: 7px; border-radius: var(--rayon-50cercle); display: block; }
.dir-corps { padding: 2px 0 4px; overflow: visible; }
.dir-k { display: flex; align-items: center; gap: 10px; position: relative;
  margin-inline: -8px; padding: 10px 8px;
  border-bottom: 1px solid var(--line-2); border-radius: var(--rayon-4); }
.dir-k:last-child { border-bottom: 0; }
.dir-k:hover { background: var(--canvas); }
.dir-pt { width: 9px; height: 9px; border-radius: var(--rayon-50cercle); flex: none; }
.dir-pt-vert { background: var(--green-d); }
.dir-pt-ambre { background: var(--gold-d); }
.dir-pt-rouge { background: var(--clay-d);
  animation: dir-souffle 2.2s ease-in-out infinite; }
.dir-pt-muet { background: var(--line); }
@keyframes dir-souffle {
  0%, 100% { opacity: 1; }
  50% { opacity: .45; }
}
.dir-code { font-size: var(--taille-10); font-weight: 600; color: var(--muted);
  flex: none; letter-spacing: .04em; }
.dir-lib { flex: 1; min-width: 0; }
.dir-nom { font-size: 11.5px; font-weight: 600; display: flex;
  align-items: baseline; gap: 7px; flex-wrap: wrap; }
.dir-chip { flex: none; }
.dir-val { flex: none; text-align: end; }
.dir-cible { font-size: var(--taille-10); color: var(--muted); margin-top: 1px; }
.dir-v-vert { color: var(--green-d); }
.dir-v-ambre { color: var(--gold-d); }
.dir-v-rouge { color: var(--clay-d); }
.dir-v-muet { color: var(--muted); }


.dir-avenir { display: flex; align-items: baseline; gap: 8px;
  flex-wrap: wrap; margin-top: 4px; padding-top: 9px;
  border-top: 1px dashed var(--line); }
.dir-avenir-eti { font-size: var(--taille-10); font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--muted); flex: none; }
.dir-avenir-k { display: inline-flex; align-items: baseline; gap: 4px;
  font-size: 10.5px; color: var(--muted); }
.dir-avenir-k .dir-code { width: auto; color: var(--muted); }
.dir-avenir-p { font-size: var(--taille-11); color: var(--muted); }


.dir-info-hote { position: relative; flex: none; display: block; }
.dir-info { width: 22px; height: 22px; padding: 0; display: grid;
  place-items: center; border: 0; border-radius: var(--rayon-50cercle); cursor: pointer;
  background: transparent; color: var(--muted); }
.dir-info:hover, .dir-info:focus-visible {
  background: var(--teal-soft); color: var(--teal-d); }
.dir-info-svg { width: 15px; height: 15px; display: block; }
.dir-bulle { position: absolute; z-index: 40; inset-inline-end: 0; top: 26px;
  width: min(380px, 78vw); padding: 12px 14px; text-align: start;
  background: var(--paper); border: 1px solid var(--line);
  border-radius: var(--rayon-6); box-shadow: 0 10px 28px rgba(14, 27, 42, .16);
  opacity: 0; visibility: hidden; transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.dir-info-hote:hover .dir-bulle,
.dir-info-hote:focus-within .dir-bulle {
  opacity: 1; visibility: visible; transform: none; }
.dir-bulle-code { font-size: 10.5px; font-weight: 600; color: var(--teal); }
.dir-bulle-titre { display: block; font-size: 11.5px; font-weight: 600;
  color: var(--ink); margin: 2px 0 8px; }
.dir-bulle-sec + .dir-bulle-sec { margin-top: 9px; }
.dir-bulle-eti { font-size: var(--taille-10); font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.dir-bulle p { font-size: 10.5px; line-height: 1.55; color: var(--ink-2);
  margin: 0; }
.dir-bulle-cible { font-weight: 600; color: var(--ink); }
.dir-bulle-source { color: var(--muted); }
.dir-bulle-tendance { color: var(--muted); font-style: italic; }


.dir-reglage { margin-top: 16px; padding-top: 14px;
  border-top: 1px solid var(--line-2); }
.dir-reglage .kd { margin-bottom: 12px; }
.dir-borne { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.dir-borne-eti { font-size: 10.5px; color: var(--slate); flex: none;
  min-width: 132px; }
.dir-borne input { width: 96px; }
.dir-borne-u { font-size: 10.5px; color: var(--muted); }
.dir-borne-duo { display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap; margin-bottom: 8px; }
.dir-borne-duo .dir-borne { margin-bottom: 0; }
.dir-borne-duo > .dir-borne-eti { min-width: 132px; }
.dir-borne-et { font-size: 10.5px; color: var(--muted); }
.dir-reglage-actions { display: flex; gap: 8px; flex-wrap: wrap;
  margin-top: 14px; }

@media (prefers-reduced-motion: reduce) {
  .dir-fam, .dir-verdict, .dir-dec { animation: none; }
  .dir-k .b-x { animation: none; }
  .dir-bulle { transition: none; }
}


.val-cartes { display: none; }
.val-table { display: flex; flex-direction: column; gap: 13px; }
.val-carte { padding: 12px 13px; gap: 8px; }
.val-carte-tete { display: flex; align-items: center; gap: 8px; min-width: 0; }
.val-carte-point { display: flex; align-items: baseline; gap: 8px; min-width: 0;
  font-size: var(--taille-12); }
.val-carte-point .mut { font-size: 10.5px; }
.val-carte-montant { display: flex; align-items: baseline; gap: 8px; }
.val-carte-somme { font-size: var(--taille-20); font-weight: 600; }
.val-carte-circuit { font-size: 10.5px; color: var(--slate); }
.val-bill[hidden] { display: none; }
.val-bill { border-top: 1px solid var(--line-2); padding-top: 8px; }
.val-bill-btn { padding: 0; height: 26px; font-size: 10.5px; }
.val-carte-actions { display: flex; flex-direction: column; gap: 7px;
  border-top: 1px solid var(--line-2); padding-top: 9px; }
.val-carte-actions .btn { width: 100%; justify-content: center; min-height: 38px; }
@media (max-width: 480px) {
  .val-cartes { display: flex; flex-direction: column; gap: 10px; }
  .val-table { display: none; }
}


.sim-verdict { flex-direction: row; align-items: center; gap: 26px;
  padding: 14px 18px; flex-wrap: wrap; }
.sim-verdict-txt { flex: 1; min-width: 220px; }
.sim-verdict-phrase { font-size: var(--taille-15); font-weight: 600; letter-spacing: -.005em;
  margin: 3px 0 2px; }
.sim-fait { display: flex; flex-direction: column; gap: 2px; flex: none; }
.sim-fait-v { font-weight: 600; }
.sim-fait-ok { color: var(--green-d); }
.sim-fait-x { color: var(--clay-d); }


.bande-cutoff { position: fixed; top: 0; inset-inline: 0; z-index: 130;
  display: flex; align-items: center; justify-content: center; gap: 14px;
  padding: 7px 16px; background: var(--gold-soft); color: var(--ink);
  border-bottom: 2px solid var(--gold); box-shadow: var(--ombre);
  flex-wrap: wrap; }
.bande-cutoff.depasse { background: var(--clay-soft);
  border-bottom-color: var(--clay); }
.bande-cutoff.depasse b { color: var(--clay-d); }
.bande-cutoff .btn { flex: none; }

.bande-cutoff .bande-fermer { margin-inline-start: auto; padding: 0 9px;
  font-size: var(--taille-17); line-height: 1; }

body.avec-bande-cutoff .app { padding-top: var(--bandes-h, 36px); }
body.avec-bande-cutoff .top { top: 0; }


.palette-voile { position: fixed; inset: 0; z-index: 260;
  background: rgba(14,27,42,.38); display: flex; justify-content: center;
  align-items: flex-start; padding-top: 12vh; animation: fondu .12s ease-out; }
.palette { width: min(480px, 92vw); background: var(--paper);
  border: 1px solid var(--line); border-radius: var(--rayon-6); font-size: 11.5px;
  box-shadow: 0 18px 48px rgba(14,27,42,.28); display: flex;
  flex-direction: column; overflow: hidden; }
.palette-champ { height: 38px; border: 0; border-bottom: 1px solid var(--line);
  padding: 0 14px; font-size: var(--taille-12-5); font-family: inherit; color: var(--ink);
  background: var(--paper); outline: none; }
.palette-liste { max-height: min(46vh, 380px); overflow-y: auto; padding: 4px 0; }
.palette-opt { display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 7px 14px; cursor: pointer; text-align: start; }
.palette-opt:hover { background: var(--canvas-2); }
.palette-opt.on { background: var(--teal-soft); color: var(--teal-d, var(--ink)); }
.palette-fam { font-size: var(--taille-10); letter-spacing: .07em; text-transform: uppercase;
  color: var(--muted); flex: none; }
.palette-vide { padding: 14px; color: var(--muted); text-align: start; }
.palette-pied { padding: 6px 14px 8px; border-top: 1px solid var(--line-2);
  font-size: var(--taille-10); color: var(--muted); }


.app.mode-portail { grid-template-columns: 1fr; }
@media (min-width: 1361px) {
  .app.mode-portail.avec-aide { grid-template-columns: 1fr var(--largeur-aide-contextuelle); }
}
.app.mode-portail .side,
.app.mode-portail .side-fond,
.app.mode-portail .btn-menu,
.app.mode-portail #ctx-plier,
.app.mode-portail .ctx-groupe { display: none; }


.ptl-tete { display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex: none; }
.ptl-client { font-size: var(--taille-17); font-weight: 600; letter-spacing: -.01em; }
.ptl-sous { font-size: var(--taille-11); color: var(--muted); margin-top: 2px; }


.ptl-nav { position: sticky; top: calc(-1 * var(--retrait-padding-colle, 0px));
  z-index: 5; background: var(--canvas);
  
  border-bottom: 1px solid var(--line); margin: calc(-1 * var(--retrait-padding-colle, 0px)) 0 2px; flex: none;
  overflow-x: auto; }
.ptl-nav-b { border: 0; background: none; font-family: inherit; cursor: pointer;
  padding: 10px 13px; font-size: 11.5px; color: var(--slate);
  border-bottom: 2px solid transparent; white-space: nowrap; }
.ptl-nav-b:hover { color: var(--ink); border-bottom-color: var(--line); }


.ptl-ancre { scroll-margin-top: 46px; display: flex; flex-direction: column; }


.ptl-semaine { display: flex; }
.ptl-jour { flex: 1; text-align: center; padding: 9px 4px;
  border-inline-end: 1px solid var(--line-2); min-width: 0; }
.ptl-jour:last-child { border-inline-end: none; }
.ptl-jour-actif { background: var(--teal-soft); }
.ptl-jour-nom { font-size: var(--taille-9); letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted); font-weight: 600; }
.ptl-jour-num { font-size: var(--taille-15); font-weight: 600; margin: 4px 0 5px;
  color: var(--slate); }
.ptl-jour-actif .ptl-jour-num { color: var(--ink); }
.ptl-jour-ops { font-size: 9.5px; color: var(--teal-d); margin-top: 4px; }


.ptl-total { display: flex; justify-content: space-between; align-items: center;
  padding: 9px 11px; margin-top: 4px; border-top: 1.5px solid var(--ink);
  font-weight: 600; font-size: var(--taille-12); }


.ptl-bill-ligne { display: flex; align-items: center; gap: 9px;
  padding: 4px 0; font-size: 11.5px; }
.ptl-bill-ligne > :first-child { flex: 1; min-width: 0; }
.ptl-bill-q { width: 92px; text-align: right; }
.ptl-bill-montant { min-width: 96px; text-align: right; }
.ptl-bill-reste { color: var(--muted); border-top: 1px solid var(--line-2);
  margin-top: 2px; padding-top: 7px; }
.ptl-bill-total { border-top: 1.5px solid var(--ink); font-weight: 600;
  margin-top: 2px; padding-top: 7px; }


.build-pied.build-lien { cursor: pointer; }
.build-pied.build-lien:hover code { color: var(--gold); text-decoration: underline; }


@media (max-width: 720px) {
  .app.mode-portail .g[style*="repeat(4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ptl-semaine { overflow-x: auto; }
  
  .ptl-jour { min-width: 84px; }
  .ptl-ancre .g[style*="1.4fr"] {
    grid-template-columns: minmax(0, 1fr) !important; }
}


.bande-matin { top: var(--bande-cutoff-h, 0px); }
body.avec-bande-matin .app { padding-top: var(--bandes-h, 36px); }
body.avec-bande-matin .top { top: 0; }


.rangee-champs {
  display: grid;
  
  grid-template-columns: repeat(auto-fit, minmax(var(--rc-col, 140px), max-content));
  column-gap: 9px; row-gap: 4px;
  align-items: end;
}
.rangee-champs > * { grid-row: span 3; }
.rangee-champs > .f,
.rangee-champs > .rc-geste {
  display: grid; grid-template-rows: subgrid; align-items: end;
}

.rangee-champs > .f[hidden],
.rangee-champs > .rc-geste[hidden],
.rangee-champs > [hidden] { display: none; }

.rc-geste > .fl, .rc-geste > .fh { min-height: 0; }
.rc-geste > :not(.fl):not(.fh) { align-self: end; }

.rangee-champs > .f > .fl, .rangee-champs > .rc-geste > .fl { align-self: end; }
.rangee-champs > .f > .fh, .rangee-champs > .rc-geste > .fh { align-self: start; }

.rangee-champs .fh { width: 0; min-width: 100%; }

.rangee-champs:has(input[type="date"]) { --rc-col: 172px; }

.rangee-champs > .f.rc-hors-rangs {
  display: flex; flex-direction: column; gap: 4px; justify-content: flex-end;
}

@supports not (grid-template-rows: subgrid) {
  .rangee-champs { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 4px 9px; }
  .rangee-champs > .f,
  .rangee-champs > .rc-geste { display: flex; flex-direction: column; gap: 4px; }
  .rangee-champs > .f[hidden], .rangee-champs > .rc-geste[hidden] { display: none; }
  .rangee-champs .fh { width: auto; min-width: 0; }
  .rc-geste > .fl, .rc-geste > .fh { display: none; }
}


@media (max-width: 720px) {
  .rangee-champs { grid-template-columns: minmax(0, 1fr); }
}


.cel-genre { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.cel-genre > svg { flex: none; }
.cel-genre-c { min-width: 0; }
.t td.r .cel-genre { justify-content: flex-end; }


.recap-apres { font-weight: 600; }


.gr-adapt { position: relative; }
.gr-agrandir { position: absolute; inset-block-start: 0; inset-inline-end: 0;
  width: 24px; height: 24px; display: inline-flex; align-items: center;
  justify-content: center; border: 1px solid var(--line); border-radius: var(--rayon-3);
  background: var(--paper); color: var(--muted); cursor: pointer; padding: 0;
  opacity: 0; transition: opacity .13s ease; }

.gr-adapt:hover .gr-agrandir, .gr-agrandir:focus-visible { opacity: 1; }
.gr-agrandir:hover { color: var(--ink); border-color: var(--slate); }
@media (hover: none) { .gr-agrandir { opacity: 1; } }

.gr-plein { border: none; border-radius: var(--rayon-4); padding: 0; width: min(96vw, 1800px);
  max-width: 96vw; background: var(--paper); color: var(--ink);
  box-shadow: 0 18px 48px rgba(14,27,42,.28); }
.gr-plein::backdrop { background: rgba(14,27,42,.44); }
.gr-plein header { display: flex; align-items: center; gap: 12px;
  padding: 11px 14px; border-bottom: 1px solid var(--line-2); }
.gr-plein-titre { flex: 1; min-width: 0; font-weight: 600; font-size: var(--taille-13);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gr-plein-corps { padding: 16px 18px 20px; overflow-x: auto; }


.gr-clavier:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.gr-lecture { margin: 8px 0; padding: 8px 10px; font-size: var(--taille-12); line-height: 1.5;
  color: var(--ink); background: var(--teal-soft); border-radius: var(--rayon-3);
  overflow-wrap: anywhere; }
.gr-lecture[hidden] { display: none; }

.gr-infobulle { position: fixed; z-index: 1000; pointer-events: none;
  max-width: min(460px, calc(100vw - 16px)); max-height: calc(100vh - 16px);
  overflow: hidden; padding: 10px 12px; border-radius: var(--rayon-7);
  background: var(--palette-marine); color: #edf1f5; border: 1px solid #304661;
  box-shadow: 0 5px 18px rgb(0 0 0 / 20%); font: 12px/1.5 var(--police);
  overflow-wrap: anywhere; }
.gr-infobulle[hidden] { display: none; }
.gr-infobulle > strong { display: block; color: var(--palette-gris-bleu); margin-bottom: 5px; }
.gr-infobulle-ligne { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto;
  gap: 8px; align-items: baseline; }
.gr-infobulle-ligne > i { width: 7px; height: 7px; border-radius: var(--rayon-2); }
.gr-infobulle-ligne > b { font-family: var(--police-n); color: var(--palette-blanc); text-align: end; }

.gr-donnees { margin-top: 10px; border-top: 1px solid var(--line-2); }
.gr-donnees > summary { cursor: pointer; padding: 8px 0; font-size: var(--taille-12); color: var(--slate); }
.gr-donnees > summary:focus-visible, .gr-tableau:focus-visible {
  outline: 2px solid var(--teal); outline-offset: 2px; }
.gr-tableau { max-height: 320px; overflow: auto; margin-top: 6px; }
.gr-tableau table { width: 100%; border-collapse: collapse; font-size: var(--taille-12); }
.gr-tableau caption { text-align: start; padding: 6px 8px; color: var(--muted); }
.gr-tableau th, .gr-tableau td { padding: 6px 8px; text-align: start;
  vertical-align: top; white-space: normal; overflow-wrap: anywhere;
  border-bottom: 1px solid var(--line-2); }
.gr-tableau thead th { position: sticky; top: 0; background: var(--canvas); }
.gr-tableau td:last-child { font-family: var(--police-n); text-align: end; }


.crumb { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.crumb-lien { border: none; background: none; padding: 0; cursor: pointer;
  font: inherit; color: inherit; text-decoration: none; border-radius: var(--rayon-2); }
.crumb-lien:hover { color: var(--ink); text-decoration: underline; }



.bloc-titre { flex: 1 1 auto; }

.sous-titre .crumb { flex: 0 1 auto; min-width: 0; }


.sim-reseau{--sim-encre:#163f44;--sim-or:#b8862e;--sim-sortie:#ad523e;max-width:1560px;margin:0 auto;color:var(--ink,#172d34)}
.sim-reseau [hidden]{display:none!important}.sim-entete{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px}.sim-entete h2{font-size:var(--taille-28);line-height:1.2;margin:8px 0}.sim-entete p{max-width:760px;color:#58676c;line-height:1.6}.sim-etiquette{font-size:var(--taille-11);font-weight:750;letter-spacing:.13em;color:var(--sim-encre)}.sim-note{background:#f7f0e1;border-inline-start:3px solid var(--sim-or);padding:12px 16px;line-height:1.5;font-size:var(--taille-13)}.sim-configuration,.sim-pilotage{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px;background:white;border:1px solid #dce3e1;border-radius:var(--rayon-10);margin:18px 0}.sim-champ{display:flex;flex-direction:column;gap:6px;font-size:var(--taille-12);font-weight:600;min-width:120px}.sim-champ .fi{width:100%;min-height:35px}.sim-meta{font-size:var(--taille-12);color:var(--sim-texte-secondaire);margin:12px 0}.sim-temps{display:flex;flex-direction:column;min-width:126px;margin-inline-end:12px}.sim-horloge{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--sim-encre)}.sim-temps>span{font-size:var(--taille-12);color:var(--sim-texte-secondaire)}.sim-chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.sim-chiffres>div{background:var(--palette-blanc);border:1px solid #dce3e1;border-radius:var(--rayon-10);padding:18px;display:flex;flex-direction:column;gap:8px}.sim-chiffres span{font-size:var(--taille-12);color:var(--sim-texte-secondaire)}.sim-chiffres strong{font-size:23px;font-variant-numeric:tabular-nums;line-height:1.25}.sim-colonnes{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:22px}.sim-titre-section{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sim-titre-section span{font-size:var(--taille-12);color:var(--sim-texte-secondaire)}.sim-reseau h3{font-size:var(--taille-16);margin:0 0 14px;line-height:1.4}.sim-reseau h4{font-size:var(--taille-15);margin:0 0 8px}.sim-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px}.sim-point{appearance:none;background:var(--palette-blanc);border:1px solid #dce3e1;border-radius:var(--rayon-10);padding:18px;text-align:start;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:7px;min-width:0;transition:background .2s,border-color .2s}.sim-point:hover,.sim-point.selection{border-color:var(--sim-encre)}.sim-point.selection{box-shadow:inset 0 0 0 1px var(--sim-encre)}.sim-point-id{font-size:var(--taille-11);font-weight:750;color:var(--sim-encre);letter-spacing:.025em}.sim-point-nom{font-size:var(--taille-12);color:var(--sim-texte-secondaire)}.sim-point-solde{font-size:23px;font-variant-numeric:tabular-nums}.sim-point-delta{min-height:18px;font-size:var(--taille-12);font-weight:700}.sim-point-stock{font-size:var(--taille-11);line-height:1.5;color:var(--sim-texte-secondaire);overflow-wrap:anywhere}.sim-point.entree{animation:sim-entree 1.8s}.sim-point.sortie{animation:sim-sortie 1.8s}.sim-point.entree .sim-point-delta{color:#16735c}.sim-point.sortie .sim-point-delta{color:var(--sim-sortie)}@keyframes sim-entree{0%,25%{background:#d9f0e4}100%{background:var(--palette-blanc)}}@keyframes sim-sortie{0%,25%{background:#fae3d9}100%{background:var(--palette-blanc)}}
.sim-bloc{background:white;border:1px solid #dce3e1;border-radius:var(--rayon-10);padding:20px;margin-bottom:20px;min-width:0}.sim-bloc>.mut{font-size:var(--taille-12);line-height:1.6;margin-top:0}.sim-operation{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:18px;border-top:1px solid #e3e7e5;padding-top:18px}.sim-bloc>.sim-champ{margin:14px 0}.sim-courbe{color:var(--sim-encre);background:#f6f9f7;border-radius:var(--rayon-7);padding:8px 12px;margin:14px 0}.sim-courbe svg{display:block;width:100%;height:135px}.sim-legende{display:flex;justify-content:space-between;gap:14px;font-size:var(--taille-11);color:var(--sim-texte-secondaire)}.sim-table{overflow-x:auto}.sim-table table{width:100%;border-collapse:collapse;font-size:var(--taille-12)}.sim-table th{text-align:start;color:var(--sim-texte-secondaire);font-weight:600}.sim-table th,.sim-table td{padding:9px;border-bottom:1px solid #e3e7e5;font-variant-numeric:tabular-nums}.sim-commandes{max-height:340px;overflow:auto}.sim-commande{display:flex;flex-direction:column;text-align:start;gap:5px;width:100%;background:#fafbf9;border:1px solid #e3e7e5;border-radius:var(--rayon-7);padding:12px;margin-bottom:8px;cursor:pointer;color:inherit}.sim-commande:hover{border-color:var(--sim-encre)}.sim-commande strong{font-size:var(--taille-12)}.sim-commande>span{font-size:var(--taille-11);color:var(--sim-texte-secondaire)}.sim-commande b{font-size:var(--taille-15);font-variant-numeric:tabular-nums}.sim-liens{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sim-passages{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.sim-trajet{padding:16px;border:1px solid #e3e7e5;border-radius:var(--rayon-8);background:#fafbf9;min-width:0}.sim-trajet-tete{font-size:var(--taille-12);font-weight:700;line-height:1.5}.sim-route{display:grid;grid-template-columns:minmax(60px,90px) minmax(50px,1fr) minmax(60px,90px);gap:15px;align-items:center;margin:26px 0}.sim-source,.sim-destination{font-size:var(--taille-11);overflow-wrap:anywhere}.sim-destination{text-align:end}.sim-route-ligne{height:4px;border-radius:var(--rayon-4);background:#d9ded9;position:relative}.sim-route-progres{height:4px;background:var(--sim-or);transition:width 1s linear}.sim-camion{position:absolute;top:-26px;left:0;transform:translateX(-50%);color:var(--sim-or);transition:left 1s linear}.sim-trajet.livre .sim-camion{color:#16735c}.sim-trajet.livre .sim-route-progres{background:#16735c}.sim-trajet-pied{font-size:var(--taille-11);line-height:1.7;color:var(--sim-texte-secondaire);overflow-wrap:anywhere}.sim-journal{max-height:390px;overflow:auto}.sim-evenement{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:12px 2px;border-bottom:1px solid #e3e7e5;font-size:var(--taille-12)}.sim-evenement time{color:var(--sim-texte-secondaire);font-variant-numeric:tabular-nums}.sim-evenement>div{display:flex;flex-direction:column;gap:4px}.sim-evenement span{color:var(--sim-texte-secondaire);font-size:var(--taille-11);overflow-wrap:anywhere}.sim-evenement-montant{text-align:end;font-variant-numeric:tabular-nums}.sim-evenement.refus strong{color:var(--sim-sortie)}.sim-vide{font-size:var(--taille-13);line-height:1.7;padding:16px;color:var(--sim-texte-secondaire);background:#f7f8f5;border-radius:var(--rayon-7)}.sim-erreur{border:1px solid #c4816d;background:#fff2ec;color:#7e3527;padding:14px;border-radius:var(--rayon-7);line-height:1.6}.sim-avertissements{max-height:125px;overflow:auto;margin-bottom:18px}.sim-avertissements p{font-size:var(--taille-12);line-height:1.6;border-inline-start:2px solid var(--sim-or);padding-inline-start:12px}.sim-reseau button:focus-visible,.sim-reseau select:focus-visible,.sim-reseau input:focus-visible{outline:3px solid #c49543;outline-offset:3px}
@media(max-width:1050px){.sim-colonnes{grid-template-columns:minmax(0,1fr)}.sim-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-colonnes>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sim-titre-section{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.sim-entete{flex-direction:column;gap:8px}.sim-entete h2{font-size:var(--taille-24)}.sim-chiffres{gap:8px}.sim-chiffres>div{padding:12px}.sim-chiffres strong{font-size:var(--taille-18)}.sim-colonnes>aside{display:block}.sim-pilotage,.sim-configuration{padding:14px;gap:10px}.sim-points{grid-template-columns:minmax(0,1fr)}.sim-bloc{padding:15px}.sim-passages{grid-template-columns:minmax(0,1fr)}.sim-evenement{grid-template-columns:40px minmax(0,1fr);gap:8px}.sim-evenement-montant{grid-column:2;text-align:start}.sim-operation{align-items:stretch;flex-direction:column}.sim-champ{min-width:0;max-width:100%}.sim-reseau .fi{max-width:100%}.sim-legende{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sim-reseau *{animation:none!important;transition:none!important}}

.sim-hypotheses{margin:14px 0 20px;font-size:var(--taille-12);color:var(--sim-texte-secondaire)}.sim-hypotheses summary{cursor:pointer}.sim-hypotheses .sim-avertissements{margin:10px 0}
.sim-operation{display:flex;flex-direction:column;align-items:stretch;gap:12px}.sim-operation .sim-champ{max-width:270px}.sim-saisie-billetage th small{display:block;font-weight:400;color:var(--sim-texte-secondaire);margin-top:3px}.sim-saisie-billetage th,.sim-saisie-billetage td{padding:9px 8px;white-space:nowrap}.sim-saisie-billetage input.fi{width:86px;min-width:64px;text-align:right}.sim-saisie-billetage input[aria-invalid=true]{border-color:#ad523e;background:#fff2ec}.sim-saisie-billetage .sim-stock-disponible,.sim-valeur-saisie{text-align:right;font-variant-numeric:tabular-nums}.sim-operation-total{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid #dce3e1;padding-top:14px}.sim-total-operation{font-size:23px;font-weight:700;color:var(--sim-encre);font-variant-numeric:tabular-nums}.sim-operation-statut{font-size:var(--taille-12);line-height:1.6;margin:0;color:var(--sim-texte-secondaire)}.sim-operation>button{align-self:flex-start}.sim-operation button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.sim-saisie-billetage th,.sim-saisie-billetage td{padding:8px 5px;font-size:var(--taille-11)}.sim-saisie-billetage input.fi{width:64px}.sim-operation-total{flex-wrap:wrap}}
.sim-inventaire{margin:12px 0 18px;font-size:var(--taille-12)}.sim-inventaire summary{cursor:pointer;color:#416369;padding:8px 0}.sim-inventaire[open] summary{margin-bottom:10px}
.pls-carte .pls-inventaire{display:block;font-size:10.5px;line-height:1.45;margin:5px 0}.pls-plan-simulation .pls-ligne-plan{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:start}.pls-plan-simulation .pls-ligne-plan .qui{min-width:0}.pls-plan-simulation .pls-ligne-plan .mnt{justify-self:start;max-width:100%;white-space:normal}.pls-plan-simulation .pls-ligne-plan .pls-st{justify-self:start;max-width:100%;white-space:normal}.pls-plan-simulation .pls-ligne-plan .qui small{white-space:normal}

.top { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  gap: 8px 12px; padding-block: 10px; }
.bloc-titre { grid-column: 1; grid-row: 1; min-width: 0; }
.bloc-titre .h1 { white-space: normal; overflow: visible; line-height: 1.35; }
.sous-titre { flex-wrap: wrap; white-space: normal; overflow: visible; row-gap: 3px; }
.sous-titre .niveau { white-space: normal; }
.ctx-groupe { grid-column: 1 / -1; grid-row: 2; justify-self: start;
  max-width: 100%; flex-wrap: wrap; }
#date-reference { width: 190px; }
.ctx-resume { font-size: 11.5px; white-space: nowrap; }


.nav { overflow: hidden; min-height: 0; }
.nav-chercher { width: calc(100% - 24px); margin: 2px 12px 10px;
  justify-content: flex-start; padding: 0 9px; }
.nav-chercher-txt { display: block; }
.navg { justify-content: flex-start; flex-wrap: nowrap; }
.navg .navg-txt { flex: 1; }
.side.menu-serre .brand { padding: 5px 12px; }
.side.menu-serre .btag, .side.menu-serre .build-pied { display: none; }
.side.menu-serre .nav { padding-block: 4px; }
.side.menu-serre .navg { padding: 2px 12px; line-height: 16px; }
.side.menu-serre .navi { padding: 4px 12px; font-size: 11.5px; line-height: 18px; }
.side.menu-serre .sfoot { padding: 5px 12px; }
.side.menu-serre .nav-chercher { margin-block: 2px 6px; height: 28px; }
.nav-courte { display: none; padding: 2px 12px; }
.side.menu-court .nav > .navg, .side.menu-court .nav > .navf { display: none; }
.side.menu-court .nav-courte { display: grid; gap: 5px; }
.nav-courte .fl { color: var(--muted-inv); }
.nav-courte .fi { width: 100%; min-width: 0; }
.visite-bulle { max-height: calc(100dvh - 16px); overflow-y: auto; }
button.code-puce { font-family: inherit; cursor: pointer; }


.tab { appearance: none; background: transparent; border: 0;
  border-bottom: 2px solid transparent; border-radius: 0;
  font-family: inherit; line-height: inherit; text-align: inherit; }
.tab.on { border-bottom-color: var(--teal); }
.tabs { overflow-x: auto; overflow-y: hidden; min-width: 0; max-width: 100%;
  scrollbar-width: thin; overscroll-behavior-inline: contain; }
.tab { flex: none; min-height: 36px; padding-inline: 14px; }

.central-prestataires { display: grid; gap: 10px; min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.central-prestataire { display: grid; gap: 9px; min-width: 0; padding: 12px;
  border: 1px solid var(--line); border-radius: var(--rayon-4); background: var(--palette-blanc); }
.central-prestataire-nom { margin: 0; font-size: var(--taille-13); font-weight: 600;
  line-height: 1.45; overflow-wrap: anywhere; }
.central-prestataire-code { margin-top: 3px; font-size: var(--taille-11); overflow-wrap: anywhere; }
.central-prestataire-etat .b { white-space: normal; line-height: 1.5; }
.central-prestataire-reperes { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; }
.central-prestataire-reperes dt { color: var(--muted); font-size: 10.5px; }
.central-prestataire-reperes dd { margin: 2px 0 0; font-size: var(--taille-12); font-weight: 600; }
.central-prestataire-journee { font-size: var(--taille-12); font-weight: 600; line-height: 1.5; }
.central-prestataire-calendrier { display: grid; gap: 4px; font-size: var(--taille-11);
  line-height: 1.5; overflow-wrap: anywhere; }
.central-prestataire-actions { display: flex; flex-wrap: wrap; gap: 8px;
  padding-top: 10px; border-top: 1px solid var(--line-2); }
.central-prestataire-actions .btn { min-height: 36px; height: auto;
  white-space: normal; justify-content: center; }
.central-prestataire-actions .btn-p { flex: 1 1 13rem; }
.profils-acces-personnels { min-width: 0; }
.profils-recherche { display: flex; align-items: end; flex-wrap: wrap; gap: 8px; }
.profils-recherche .f { flex: 1 1 240px; max-width: 460px; min-width: 0; }
.profils-recherche .fi { width: 100%; }
.profils-acces-personnels > summary,
.agence-dessertes-suite > summary { cursor: pointer; padding: 11px 13px;
  color: var(--slate); font-size: var(--taille-12); font-weight: 600; line-height: 1.5; }
.profils-acces-personnels > summary { border: 1px solid var(--line);
  border-radius: var(--rayon-4); background: var(--palette-blanc); }
.profils-acces-personnels[open] > summary { margin-bottom: 10px; }
.profils-acces-personnels > summary:focus-visible,
.agence-dessertes-suite > summary:focus-visible { outline: 2px solid var(--teal);
  outline-offset: 2px; }
.referentiel-navigation { min-width: 0; max-width: 100%; }
.referentiel-fiche-navigation .flt { align-items: flex-end; }
.referentiel-fiche-navigation .f { flex: 0 1 32rem; min-width: 0; max-width: 100%; }
.referentiel-fiche-navigation .fi { width: 100%; }
.referentiel-section > h3 { margin: 0; }
.referentiel-section + .referentiel-section { border-top: 1px solid var(--line-2);
  padding-top: 12px; }
.referentiel-explication { border: 1px solid var(--line); border-radius: var(--rayon-4);
  background: var(--paper); }
.referentiel-explication > summary { cursor: pointer; padding: 10px 12px;
  font-size: var(--taille-12); line-height: 1.5; color: var(--slate); }
.referentiel-explication > summary:focus-visible { outline: 2px solid var(--teal);
  outline-offset: 3px; }
.referentiel-explication > .note { margin: 0 12px 12px; }
.agence-dessertes-mobile { display: none; }
@media (max-width: 640px) {
  .agence-dessertes-table { display: none; }
  .agence-dessertes-mobile { display: grid; padding: 0 12px; }
  .agence-desserte { display: grid; gap: 9px; min-width: 0; padding: 13px 0;
    border-bottom: 1px solid var(--line-2); }
  .agence-desserte:last-child { border-bottom: 0; }
  .agence-desserte-nom { font-size: var(--taille-12); font-weight: 600; line-height: 1.5;
    overflow-wrap: anywhere; }
  .agence-desserte-code { font-size: 10.5px; line-height: 1.5; overflow-wrap: anywhere; }
  .agence-desserte-montant, .agence-desserte-actions { display: flex;
    align-items: center; flex-wrap: wrap; gap: 7px 10px; min-width: 0; }
  .agence-desserte-montant { font-size: var(--taille-13); }
  .agence-desserte-actions { justify-content: space-between; }
  .agence-desserte-actions .b { white-space: normal; line-height: 1.5; }
  .agence-desserte-actions .btn { min-height: 40px; }
}
.pill-horloge { grid-column: 2; grid-row: 1; }

.pill-commentaire { grid-column: 3; grid-row: 1; }
.pill-aide { grid-column: 4; grid-row: 1; }
.avatar-entete { grid-column: 5; grid-row: 1; }


@container console (max-width: 720px) {
  .top { display: flex; flex-wrap: nowrap; gap: 8px; }
  .bloc-titre { flex: 1; min-width: 0; }
  #ctx-plier { display: inline-flex; }
  .ctx-groupe { display: none; }
  .ctx-groupe.ouvert { display: flex; position: absolute; top: 100%;
    inset-inline-end: 10px; z-index: 60; flex-direction: column;
    align-items: stretch; gap: 8px; padding: 10px; max-width: calc(100% - 20px);
    max-height: 65dvh; overflow: auto; background: var(--paper);
    border: 1px solid var(--line); border-radius: var(--rayon-4); box-shadow: var(--ombre); }
  .ctx-groupe.ouvert .pill.ctx-pill { border: 1px solid var(--line);
    border-radius: var(--rayon-3); justify-content: flex-start; }
  .ctx-groupe.ouvert .ctx-moteur { min-height: 30px; white-space: normal; }
}
@media (max-width: 900px) {
  .top { display: flex; flex-wrap: nowrap; }
  .bloc-titre { flex: 1; }
}
@media (max-width: 480px) {
  .top { flex-wrap: wrap; }
  .bloc-titre { flex-basis: calc(100% - 52px); }
  .app.mode-portail .bloc-titre { flex-basis: 100%; }
  .pill-horloge { margin-inline-start: auto; }
}


.lecture-statut { position: sticky; top: 0; z-index: 15; display: flex;
  align-items: center; gap: 10px; padding: 10px 12px; margin: 0;
  border: 1px solid var(--line); border-radius: var(--rayon-4);
  background: var(--paper); box-shadow: var(--ombre); font-size: var(--taille-12); }
.lecture-statut p { margin: 0; flex: 1; }
.lecture-statut.echec { border-color: var(--clay); background: var(--clay-soft); }
.body.actualisation > :not(.lecture-statut) { opacity: .65; }
.systeme-diagnostic { display: grid; gap: 12px; min-width: 0; }
.systeme-diagnostic p { margin: 0; font-size: var(--taille-12); line-height: 1.55; }
.systeme-mode { display: grid; justify-items: start; gap: 6px; }
.systeme-mode .systeme-motif { font-weight: 500; color: var(--ink); }
.systeme-solveurs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px; }
.systeme-solveur { border: 1px solid var(--line); border-radius: var(--rayon-4);
  padding: 10px 12px; display: grid; align-content: start; gap: 6px; }
.systeme-solveur-tete { display: flex; flex-wrap: wrap; align-items: center;
  justify-content: space-between; gap: 6px; font-size: var(--taille-12); }
.systeme-diagnostic .systeme-repli, .systeme-diagnostic .systeme-usage {
  color: var(--slate); font-size: 11.5px; }
.systeme-technique > .regles-corps { display: grid; gap: 12px; }
@media (max-width: 640px) { .systeme-solveurs { grid-template-columns: 1fr; } }

.fl { font-size: 11.5px; text-transform: none; letter-spacing: .01em; }
.fi, .txt, .note, .alert { font-size: var(--taille-12); }
.ct { font-size: var(--taille-12-5); }
.cs, .fh, .kd { font-size: 11.5px; line-height: 1.5; }
.t th { font-size: var(--taille-11); text-transform: none; letter-spacing: .01em; }
.table-trier, .table-ouvrir { border: 0; background: transparent; color: inherit;
  font: inherit; text-align: inherit; padding: 0; cursor: pointer; }
.table-trier { display: inline-flex; align-items: center; max-width: 100%; }
.table-ouvrir:hover { text-decoration: underline; text-underline-offset: 3px; }
.lecture-trajectoire { font-size: var(--taille-12); line-height: 1.5; margin-bottom: 10px; }
.lecture-trajectoire p { margin: 0 0 4px; }
.lecture-trajectoire .mut { font-size: 11.5px; }
.dir-fam-muet { border-inline-start-color: var(--muted); }
.flt > .pls-fraicheur { font-size: var(--taille-12); }
.pls-carte:focus-visible, .pls-ligne-plan:focus-visible {
  outline: 2px solid var(--teal); outline-offset: -2px; }
.mur-reserve { margin-top: 8px; color: var(--muted); font-size: var(--taille-12); line-height: 1.4; }
.mur-rail { flex-wrap: wrap; }
button.mur-rail-v { appearance: none; font: inherit; text-align: start;
  color: inherit; background: transparent; border: 0; border-top: 2px solid var(--line); }
button.mur-rail-v.on { border-top-color: var(--teal); background: rgba(92, 167, 133, .12); }
.gr-plein-titre { white-space: normal; overflow: visible; text-overflow: clip; }
.gr-plein-description { margin: 12px 18px 0; font-size: var(--taille-12); line-height: 1.5;
  color: var(--slate); }
.table-trier:focus-visible, .table-ouvrir:focus-visible { outline: 2px solid var(--teal);
  outline-offset: 3px; border-radius: var(--rayon-2); }
.action-erreur { display: flex; align-items: flex-start; gap: 12px; padding: 12px;
  margin: 8px 0; border: 1px solid var(--clay); border-radius: var(--rayon-4);
  background: var(--clay-soft); color: var(--clay-d); font-size: var(--taille-12);
  line-height: 1.5; min-width: 0; }
.action-erreur > div { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.action-erreur p { margin: 4px 0 0; white-space: pre-wrap; }
.flt > .action-erreur { flex: 1 0 100%; }
@media (max-width: 640px) {
  .action-erreur { flex-wrap: wrap; }
  .table-trier, .table-ouvrir { min-height: 28px; }
}
.body.lecture-entree > :not(.lecture-statut) { animation: lecture-entree .14s ease-out; }
.systeme-repere { margin: 0; color: var(--slate); font-size: var(--taille-12); line-height: 1.55; }
@keyframes lecture-entree { from { opacity: .6; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important;
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; }
}


@media print {
  @page { size: A4; margin: 12mm; }
  html, body, .app, .main, .body { height: auto !important; min-height: 0 !important;
    max-height: none !important; overflow: visible !important; }
  body { background: white; }
  .app, .main, .body { display: block !important; width: auto !important; }
  .main { container-type: normal; }
  .body { padding: 12px 0 0; }
  .side, .aidep, #messages, .visite-voile, .visite-bulle, .visite-spot,
  .chargement-global, .tiroir-fond, .btn, .nav-mobile, .top-actions,
  .pied-integrateur, .tri-ind, #saut-contenu, #bande-mdp, #pill-horloge,
  #pill-aide, #pill-commentaire, #menu-utilisateur, .tabs,
  .referentiel-navigation { display: none !important; }
  .top { position: static; box-shadow: none; padding: 0 0 10px;
    height: auto !important; border-bottom: 1px solid var(--line); }
  .g { display: block !important; }
  .card { margin-block: 10px; height: auto !important; break-inside: auto; }
  .ch, .ct, .tiroir-tete { break-after: avoid; }
  .scroll, .cb, .tiroir-corps { height: auto !important; max-height: none !important;
    overflow: visible !important; }
  table.t { width: 100% !important; min-width: 0 !important; table-layout: fixed; }
  .t th, .t td { max-width: none !important; width: auto; white-space: normal !important;
    overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere;
    padding: 5px; font-size: 9pt; }
  .t td .mut { white-space: normal; }
  .t .b { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .table-trier, .table-ouvrir { display: contents !important; }
  
  .t .btn { display: inline !important; padding: 0; border: 0; background: none;
    color: inherit; white-space: normal; overflow-wrap: anywhere; }
  thead { display: table-header-group; }
  tfoot { display: table-row-group; }
  tr { break-inside: avoid; }
  .tiroir:not([hidden]) { position: static; display: block; }
  .tiroir-panneau, .tiroir-panneau.tiroir-etroit { width: auto; display: block;
    box-shadow: none; animation: none; }
  body:has(.tiroir:not([hidden])) .app { display: none !important; }
  * { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}


.onglets-defilants { display: flex; align-items: stretch; gap: 4px; min-width: 0; max-width: 100%; }
.onglets-defilants > .tabs { flex: 1 1 auto; min-width: 0; }
.onglets-defilants-commande { flex: 0 0 30px; min-width: 30px; min-height: 30px; padding: 0; font-size: var(--taille-22); }
.onglets-defilants-commande[hidden] { display: none; }
@media print { .onglets-defilants { display: none !important; } }


.admin-domaines { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; align-items:stretch; }
.admin-domaines > .card { height:100%; }
.admin-domaines > .card > .ch { min-height:44px; }
.admin-domaines > .card > .cb { display:flex; flex:1; padding:0; }
.admin-domaine-corps { display:flex; flex-direction:column; flex:1; gap:12px; padding:14px; }
.admin-domaine-corps p { flex:1; margin:0; font-size:var(--taille-13); line-height:1.5; color:var(--slate); }
.admin-domaine-corps .btn { align-self:flex-start; margin-top:auto; min-height:36px; }
.admin-acces-processus{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid #a9d4ca;border-inline-start:4px solid var(--teal);border-radius:var(--rayon-6);background:#f1f8f6;box-shadow:0 1px 2px rgba(14,27,42,.04)}
.admin-acces-processus-icone{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--rayon-6);background:#d9eee8;color:var(--teal)}
.admin-acces-processus-texte{min-width:0}.admin-acces-processus-texte strong{display:block;font-size:var(--taille-14);color:var(--ink);margin-bottom:4px}.admin-acces-processus-texte p{margin:0;color:var(--slate);font-size:var(--taille-12);line-height:1.5}
.prevision-limite{display:flex;align-items:center;gap:8px;color:var(--slate);font-size:var(--taille-11);white-space:nowrap}.prevision-limite .fi{height:30px;min-width:64px;padding:3px 24px 3px 8px}
.anneau-etendu>div:first-child{width:100%;justify-content:space-evenly;gap:24px}.anneau-etendu>div:first-child>div{min-width:150px}
.type-automate{display:flex;flex-direction:column;gap:4px}.type-automate>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.type-automate .pic{flex:none}
.jal-point{border:0;background:none;padding:0;color:var(--teal);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;text-align:start}.jal-point:hover{color:var(--ink)}.jal-rattachement{display:block;margin-top:3px;color:var(--slate);font-size:10.5px;line-height:1.35}
.releve-ivision-entete{display:block;margin-top:4px;color:var(--ink);font-weight:600}
@media(max-width:760px){.admin-acces-processus{grid-template-columns:auto 1fr}.admin-acces-processus>.btn{grid-column:1/-1;width:100%}.prevision-limite>span{display:none}}
.referentiel-navigation { display:flex; flex-direction:column; gap:8px; }

.sim-reseau { --sim-texte-secondaire: #627074; }
.admin-portee { color:var(--slate); font-size:var(--taille-12); line-height:1.6; margin:0; }
.journal-empreinte[open] { max-width:280px; white-space:normal; overflow-wrap:anywhere; }


.ia-panneau { position: fixed; inset-inline-end: 18px; bottom: 0; z-index: 55;
  
  width: min(440px, calc(100vw - 36px)); max-height: min(600px, calc(100vh - 210px));
  display: flex; flex-direction: column; background: var(--paper);
  border: 1px solid var(--line); border-bottom: 0; border-radius: var(--rayon-10) var(--rayon-10) 0 0;
  box-shadow: 0 -4px 32px rgba(14, 27, 42, .14), 0 0 0 1px rgba(14, 27, 42, .02);
  overflow: hidden; }

.ia-panneau[hidden] { display: none; }


.ia-tete { flex: none; position: relative; display: flex; align-items: center; gap: 10px;
  padding: 10px 8px 10px 14px; border-bottom: 1px solid var(--line-2);
  background: var(--paper); cursor: pointer; }
.ia-tete::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: var(--teal); }
.ia-glyphe { flex: none; width: 34px; height: 34px; border-radius: var(--rayon-8);
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--teal-soft); }


.ia-bot { --case: 30px; display: inline-block; flex: none;
  width: var(--case); height: var(--case);
  background: url(bot-sprite.png) 0 0 no-repeat;
  background-size: calc(8 * var(--case)) var(--case); }
.ia-bot-mini { --case: 18px; vertical-align: -4px; }
.ia-bot-grand { --case: 56px; }

.ia-panneau.ia-occupe:not(.ia-reduit) .ia-corps .ia-bot,
.ia-panneau.ia-occupe.ia-reduit .ia-glyphe .ia-bot,
.pill-commentaire.pill-ia-active .ia-bot-mini { animation: ia-bot-pense 3.2s step-end infinite; }
.ia-salut .ia-bot { animation: ia-bot-salue 2.4s step-end infinite; }

.ia-panneau:not(.ia-reduit):has(.ia-corps .ia-bot) .ia-glyphe { display: none; }

body:has(#ia-panneau:not([hidden])) .pill-commentaire .ia-bot-mini { animation: none; }
@keyframes ia-bot-pense {
  0%     { background-position: 0 0; }
  12.5%  { background-position: calc(-7 * var(--case)) 0; }
  37.5%  { background-position: calc(-6 * var(--case)) 0; }
  50%    { background-position: calc(-7 * var(--case)) 0; }
  62.5%  { background-position: 0 0; }
  75%    { background-position: calc(-2 * var(--case)) 0; }
  87.5%  { background-position: calc(-3 * var(--case)) 0; }
}
@keyframes ia-bot-salue {
  0%     { background-position: calc(-1 * var(--case)) 0; }
  50%    { background-position: calc(-5 * var(--case)) 0; }
}
.ia-salut { display: flex; align-items: center; gap: 12px; padding: 4px 0; }
.ia-salut .ia-texte { margin: 0; }
.ia-tete-titres { flex: 1; min-width: 0; }
.ia-tete .eyebrow { margin: 0; }
.ia-titre { font-size: var(--taille-12-5); font-weight: 600; color: var(--ink); margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ia-tete-gestes { flex: none; display: flex; gap: 2px; }
.ia-tete-gestes .btn { width: 28px; height: 28px; padding: 0; justify-content: center;
  border-radius: var(--rayon-7); color: var(--muted); }
.ia-tete-gestes .btn:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)) { color: var(--ink); }


.ia-corps { flex: 1; min-height: 0; overflow-y: auto; padding: 12px 14px 14px;
  scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.ia-chapeau { display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin: 0 0 6px; }
.ia-texte { font-size: var(--taille-12); line-height: 1.55; margin: 8px 0 10px; color: var(--ink-2); }

.ia-essentiel { padding: 8px 10px 9px; margin: 6px 0 10px; background: var(--canvas);
  border-left: 3px solid var(--teal); border-radius: 0 var(--rayon-4) var(--rayon-4) 0; }
.ia-essentiel .ia-texte { font-size: var(--taille-12-5); line-height: 1.55; color: var(--ink); margin: 3px 0 0; }
.ia-essentiel-qui { color: var(--teal-d); }


.ia-faits { list-style: none; margin: 4px 0 10px; padding: 0; }
.ia-fait { display: grid; grid-template-columns: 1fr auto; column-gap: 12px;
  align-items: baseline; padding: 7px 0; border-top: 1px solid var(--line-2);
  font-size: var(--taille-12); line-height: 1.45; }
.ia-fait:first-child { border-top: 0; }
.ia-fait-l { color: var(--slate); min-width: 0; }
.ia-fait-v { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums;
  white-space: nowrap; text-align: end; }
.ia-fait-s { grid-column: 1 / -1; color: var(--muted); font-size: var(--taille-11); line-height: 1.45;
  margin-top: 1px; }

.ia-fait-prose { display: block; color: var(--ink-2); }


.ia-encart { font-size: var(--taille-11); line-height: 1.5; color: var(--muted); padding: 7px 10px;
  margin: 8px 0 0; border-radius: var(--rayon-4); background: var(--canvas);
  border-left: 3px solid var(--gold); }
.ia-encart-x { border-left-color: var(--clay); color: var(--clay-d); background: var(--clay-soft); }


.ia-pied { margin-top: 10px; font-size: 10.5px; color: var(--muted); }
.ia-pied-haut { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ia-modele { font-family: ui-monospace, Consolas, monospace; font-size: var(--taille-10);
  padding: 1px 6px; border-radius: var(--rayon-3); background: var(--canvas-2); color: var(--slate);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 55%; }
.ia-trace { margin-top: 3px; font-family: ui-monospace, Consolas, monospace; font-size: var(--taille-10);
  color: var(--muted-inv); }


.ia-gestes { flex: none; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 9px 12px 10px 14px; border-top: 1px solid var(--line-2);
  background: var(--canvas); }
.ia-agir { gap: 7px; padding: 0 12px 0 10px; }
.ia-agir .ia-ico { display: inline-flex; color: var(--teal); }
.ia-agir:disabled .ia-ico { color: inherit; }
.ia-versions { display: flex; align-items: center; gap: 2px; }
.ia-versions .btn { width: 26px; padding: 0; justify-content: center; }
.ia-compte { margin: 0 4px; font-size: 10.5px; color: var(--muted);
  font-variant-numeric: tabular-nums; }


.ia-panneau.ia-reduit .ia-corps,
.ia-panneau.ia-reduit .ia-gestes { display: none; }
.ia-panneau.ia-reduit { max-height: none; }


.ia-reflechit { display: flex; align-items: center; gap: 12px; padding: 6px 0 2px;
  font-size: var(--taille-12); color: var(--slate); line-height: 1.55; }
.ia-reflechit-dit { flex: 1; min-width: 0; }
.ia-reflechit-titre { color: var(--ink); font-weight: 600; }
.ia-reflechit-note { font-size: var(--taille-11); color: var(--muted); margin-top: 4px; }
.ia-question { font-size: var(--taille-12); font-style: italic; color: var(--teal-d); margin: 2px 0 6px; }


.ia-pistes { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.ia-pistes .eyebrow { margin: 0 0 5px; }
.ia-pistes-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.ia-piste { font-family: inherit; font-size: 11.5px; line-height: 1.3; text-align: start;
  padding: 5px 10px; border-radius: 14px; border: 1px solid var(--line);
  background: var(--paper); color: var(--ink-2); cursor: pointer;
  transition: background .12s, border-color .12s, color .12s; }
.ia-piste:hover { background: var(--teal-soft); border-color: var(--teal); color: var(--teal-d); }
.ia-piste-menu { display: inline-flex; align-items: center; gap: 6px;
  background: var(--canvas); }
.ia-piste-menu .ia-ico { display: inline-flex; color: var(--teal); }


.pill-commentaire { padding: 0 6px; }
.pill-commentaire.pill-ia-active { border-color: var(--teal); background: var(--teal-soft); }


@media (prefers-reduced-motion: reduce) {
  .ia-bot { animation: none !important; }
}
@media (max-width: 640px) {
  .ia-panneau { inset-inline: 8px; width: auto; max-height: calc(100vh - 70px); }
  .ia-fait { grid-template-columns: 1fr; }
  .ia-fait-v { text-align: start; }
}
@media print { .ia-panneau { display: none !important; } }


.champ-oeil { position: relative; display: block; }
.champ-oeil .fi { width: 100%; padding-inline-end: 38px; }
.btn-oeil {
  position: absolute; top: 50%; inset-inline-end: 4px; transform: translateY(-50%);
  width: 30px; height: 26px; padding: 0; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: var(--rayon-5); background: transparent; cursor: pointer;
  font-size: var(--taille-14); color: var(--slate);
}
.btn-oeil:hover { background: var(--line-2); }
.btn-oeil:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; }


.ali-zone {
  display: block; padding: 26px 20px; text-align: center; cursor: pointer;
  border: 2px dashed var(--line); border-radius: var(--rayon-6); background: var(--bg-2);
  transition: border-color .12s, background .12s;
}
.ali-zone:hover, .ali-zone.survol { border-color: var(--teal); background: var(--teal-pale, #EEF5F4); }
.ali-zone:focus-within { outline: 2px solid var(--teal); outline-offset: 2px; }
.ali-zone-t { font-weight: 600; font-size: var(--taille-15); }
.ali-zone-s { color: var(--slate); font-size: var(--taille-13); margin-top: 4px; }
.ali-fichier { position: absolute; width: 1px; height: 1px; opacity: 0; }


.ali-annonce {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.ali-faits { display: flex; flex-wrap: wrap; gap: 6px; }
.ali-gestes { display: flex; flex-wrap: wrap; gap: 8px; }
.ali-cons { margin: 0; padding-inline-start: 18px; }
.ali-cons li { margin-bottom: 4px; }

@media print {
  .ali-zone, .ali-gestes { display: none !important; }
}

.jd-journee{max-width:1250px;width:100%;margin:0 auto}.jd-entete{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#102c3a;color:var(--palette-blanc);border-radius:var(--rayon-12);padding:28px;margin-bottom:18px}.jd-entete h1{font-size:var(--taille-32);margin:5px 0 10px}.jd-entete p{line-height:1.6;max-width:640px;margin:6px 0}.jd-date{color:#bdd8d5;font-size:var(--taille-13)}.jd-demarrer{min-width:240px}.jd-demarrer .btn-p{background:#b9e6d8;color:#102c3a;border-color:#b9e6d8;min-height:48px;font-size:var(--taille-15)}.jd-demarrer .btn-g{color:var(--palette-blanc)}.jd-demarrer .tiny{color:#d5e1e5}
.jd-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:16px 0}.jd-etapes button{font:inherit;display:flex;align-items:flex-start;gap:10px;min-height:88px;padding:14px;text-align:start;background:var(--palette-blanc);border:1px solid #d4e0e2;border-radius:var(--rayon-12);color:#16303c;cursor:pointer;box-shadow:0 2px 5px #173c4510}.jd-etape-numero,.jd-numero{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:#edf1f3;border-radius:var(--rayon-50cercle);min-width:30px;height:30px;font-weight:700;color:#526571}.jd-etape-texte{display:flex;flex-direction:column;gap:7px;line-height:1.35}.jd-etape-texte strong{font-size:var(--taille-13);font-weight:650}.jd-etape-texte small{font-size:var(--taille-12);color:#64757c}.jd-etapes .jd-terminee{background:#f0f8f4;border-color:#bfdccb}.jd-terminee .jd-etape-numero,.jd-terminee .jd-numero{background:#22745c;color:var(--palette-blanc)}.jd-etapes .jd-etape-active{border:2px solid #26736c;padding:13px;box-shadow:0 3px 9px #173c4515}.jd-etapes button:hover{border-color:#26736c}.jd-etapes button:focus-visible{outline:3px solid var(--palette-bleu);outline-offset:2px}.jd-legende,.jd-progression{font-size:var(--taille-12);line-height:1.6;color:#536571}.jd-progression{font-weight:600}.jd-phase-titre{flex:1;min-width:0}.jd-etat{font-size:var(--taille-12);white-space:nowrap;padding:5px 9px;border-radius:20px;background:#eef2f4;color:#536571}.jd-terminee>.jd-etat,.jd-terminee>header>.jd-etat{background:#e2f2e9;color:#1c604c}.jd-a_traiter>header>.jd-etat{background:#fff0d9;color:#885400}.jd-indisponible>header>.jd-etat{background:#fff0d9;color:#885400}
.jd-phase{padding:24px;border:1px solid #d7e0e4;border-radius:var(--rayon-10);background:var(--palette-blanc);margin:18px 0;scroll-margin-top:20px}.jd-phase.jd-prioritaire{border-inline-start:5px solid #26736c}.jd-phase>header{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.jd-phase h2{font-size:var(--taille-20);margin:0 0 5px}.jd-phase h3{font-size:var(--taille-16);margin:5px 0 10px}.jd-phase p{line-height:1.55}.jd-phase header p{margin:0;color:#536571;max-width:900px}.jd-phase>.btn{margin-top:12px;min-height:44px}.jd-deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}.jd-compte{font-weight:650}.jd-transition{font-size:var(--taille-13);color:#215950}.jd-dossier{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #dce4e6;background:#f8faf9;border-radius:var(--rayon-6);padding:14px;margin:8px 0}.jd-dossier .btn{white-space:normal;flex-shrink:0;max-width:160px;min-height:44px}.jd-dossier>div{min-width:0;overflow-wrap:anywhere}.jd-attention,p.jd-indisponible{padding:12px;background:#fff2d8;color:#774a00;border-radius:var(--rayon-5)}.jd-arrete{padding:10px;background:#f0f5f4}.jd-retour{font-size:var(--taille-14);font-weight:650;color:#165e56;padding:9px 0;display:inline-block;min-height:44px}.jd-navigation{display:inline-block;margin-inline-start:22px}.jd-navigation summary{cursor:pointer}.jd-action-dossier{border-inline-start:4px solid #26736c}.jd-action-dossier .btn{min-height:44px}
@media(max-width:650px){.jd-entete{padding:18px;display:block}.jd-entete h1{font-size:var(--taille-28)}.jd-demarrer{margin-top:18px;min-width:0}.jd-phase{padding:16px}.jd-phase h2{font-size:var(--taille-18)}.jd-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jd-etapes button{font-size:var(--taille-12);text-align:start;overflow-wrap:anywhere}.jd-dossier{display:block}.jd-dossier .btn{margin-top:12px;max-width:none;width:100%}.jd-navigation{display:block;margin-inline-start:0}}
.pg-config{background:var(--surface,var(--palette-blanc));border:1px solid var(--line,#d8dee4);border-radius:var(--rayon-8);padding:22px;min-width:0}
.pg-config h2{font-size:var(--taille-20);margin:0 0 10px}.pg-config h3{margin:0 0 12px}
.pg-inspecteur,.pg-choix,.pg-noeud{min-width:0}.pg-noeud{overflow-wrap:anywhere}
.pg-suivi-reel .stp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px;overflow:visible}.pg-suivi-reel .stp .bar{display:none}.pg-suivi-reel .stp .s{padding:0;gap:5px}.pg-suivi-reel .stp .sl2{white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){.pg-config .pg-choix{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-suivi-reel .stp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-precision{font-size:var(--taille-12);line-height:1.6;color:#4a5c6e}
.pg-espace{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:22px;align-items:start}

.pg-inspecteur{position:sticky;top:12px}
.pg-choix{display:grid;gap:8px}.pg-noeud{font:inherit;text-align:start;background:var(--palette-ivoire);color:var(--palette-encre-historique);border:1px solid #aebbc5;border-radius:var(--rayon-6);padding:14px;min-height:48px;cursor:pointer}
.pg-noeud[aria-pressed=true],.pg-chaine button[aria-pressed=true]{background:#dceae8;border:2px solid var(--palette-vert-historique)}.pg-noeud:focus-visible{outline:3px solid var(--palette-bleu);outline-offset:3px}
.pg-horaire{display:grid;gap:3px;font-size:var(--taille-11);line-height:1.5;margin-top:6px;color:#4a5c6e}.pg-fleche{text-align:center}
.pg-section{border:1px solid #d8dee4;border-radius:var(--rayon-6);padding:18px;min-width:0}.pg-section[hidden]{display:none!important}.pg-section .processus-reglage{margin:14px 0}.pg-section input,.pg-section select{max-width:100%;box-sizing:border-box}
.pg-pied{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding-top:20px;margin-top:20px;border-top:1px solid #d8dee4}
.pg-repere{border:1px solid #d8dee4;background:var(--palette-ivoire);padding:10px 14px;border-radius:var(--rayon-6);margin-bottom:12px;color:var(--palette-encre-historique)}.pg-reperes{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:6px 0 0}.pg-reperes :is(a,span){display:flex;min-height:44px;align-items:center;padding:6px 12px;text-decoration:none;border:1px solid #aebbc5;border-radius:var(--rayon-4);color:var(--palette-encre-historique);background:white}.pg-reperes [aria-current]{background:var(--palette-vert-historique);color:white;border-color:var(--palette-vert-historique)}
.pg-repere-compact{display:flex;width:max-content;max-width:100%;padding:0;border:0;background:transparent;margin:0 0 8px;border-radius:0}
.pg-repere-compact .jd-retour{display:inline-flex;align-items:center;min-height:34px;padding:5px 8px;font-size:var(--taille-12-5);border-radius:var(--rayon-5);text-decoration:none}
.pg-repere-compact button.jd-retour{border:0;background:transparent;font:inherit;color:#165e56;cursor:pointer}
.pg-repere-compact .jd-retour:hover{background:#e9f1f0}.pg-repere-compact .jd-retour:focus-visible{outline:3px solid var(--palette-bleu);outline-offset:2px}
.dossier-action-contenu{display:grid;gap:12px}.dossier-action-consigne,.dossier-action-statut{margin:0;line-height:1.55}.dossier-action-consigne{color:#304754}.dossier-action-statut{font-size:var(--taille-12);color:#60727d}.dossier-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #dce4e6}.dossier-actions .btn{min-height:44px}.dossier-actions .btn:disabled{opacity:1;background:#edf1f2;color:#697a83;border-color:#cbd5d8}
@media(max-width:650px){.dossier-actions{align-items:stretch}.dossier-actions .btn{flex:1 1 190px}}
.pg-chaine{display:flex;list-style:none;padding:0;margin:18px 0;gap:0;overflow:auto}.pg-chaine li{display:flex;align-items:center;flex-shrink:0}.pg-chaine li:not(:last-child):after{content:'→';padding:0 8px;color:#4a5c6e}.pg-chaine span{border:1px solid #aebbc5;padding:10px;border-radius:var(--rayon-4);background:var(--palette-ivoire)}.pg-suivi .stp{list-style:none;padding:0;overflow:auto}.pg-statut{font-weight:600}.pg-temps{display:flex;flex-wrap:wrap;gap:14px;padding:12px;background:var(--palette-ivoire);margin-top:10px}
[dir=rtl] .pg-chaine li:not(:last-child):after{content:'←'}
@media(max-width:800px){.pg-espace{grid-template-columns:1fr}.pg-inspecteur{position:static}.pg-config{padding:14px}.pg-choix{grid-template-columns:1fr 1fr}.pg-noeud{padding:10px}.pg-horaire{font-size:var(--taille-11)}.pg-reperes{gap:5px}.pg-reperes :is(a,span){padding:6px 8px}.pg-section{padding:12px}.pg-chaine{flex-direction:column;align-items:stretch;max-height:250px}.pg-chaine li{flex-direction:column;align-items:stretch}.pg-chaine li:not(:last-child):after{content:'↓';text-align:center;padding:3px}.pg-suivi .stp{padding-bottom:8px}}
.pg-chaine button{font:inherit;color:var(--palette-encre-historique);background:var(--palette-ivoire);border:1px solid #aebbc5;border-radius:var(--rayon-4);min-height:44px;padding:10px;cursor:pointer}.pg-chaine button:focus-visible{outline:3px solid var(--palette-bleu);outline-offset:2px}.pg-chaine-lecture{margin:8px 0 0;font-size:var(--taille-11)}.pg-chaine-lecture span{padding:6px}


body { font-size:var(--taille-13); }
.fl, .param-nom { font-size:var(--taille-13); line-height:1.45; }
.param-desc, .param-defaut, .aide-champ { font-size:var(--taille-12); line-height:1.55; }
.jetons-lecture, .param-fige, .param-valeur .n, .jeton { font-size:var(--taille-13); }

.btn, .tab { font-size:var(--taille-13); }
.btn {
  height:auto; min-height:38px; padding:8px 14px; justify-content:center;
  border:1px solid #aebfc4; border-radius:var(--rayon-6); background:var(--palette-blanc);
  color:#17313d; font-weight:600; line-height:1.2;
  box-shadow:0 1px 2px rgba(23,60,69,.08);
}
.btn svg { width:14px; height:14px; flex:none; }
.btn:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) {
  background:#f4f8f7; border-color:#789b9d; color:var(--palette-foret);
}
.btn-p { background:var(--palette-vert-profond); border-color:var(--palette-vert-profond); color:var(--palette-blanc);
  box-shadow:0 2px 5px rgba(23,60,69,.18); }
.btn-d { background:#132838; border-color:#132838; color:var(--palette-blanc);
  box-shadow:0 2px 5px rgba(14,27,42,.18); }
.btn-x { background:var(--palette-blanc); border-color:#d9a99e; color:#9a3826; box-shadow:none; }
.btn-g { background:var(--palette-blanc); border-color:#c4d0d4; color:#31515d; padding:8px 12px;
  box-shadow:none; }
.btn.btn-p:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) { background:#12574f; border-color:#12574f; color:var(--palette-blanc); }
.btn.btn-d:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) { background:#1b374b; border-color:#1b374b; color:var(--palette-blanc); }
.btn.btn-x:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) { background:#fff4f1; border-color:#c98474; color:#842f20; }
.btn:focus-visible { outline:3px solid var(--palette-bleu); outline-offset:2px; }
.btn:disabled, .btn.off { background:#edf1f2; border-color:#cbd5d8;
  color:#697a83; box-shadow:none; opacity:.78; }


.seg { min-height:38px; gap:3px; padding:3px; border-color:#c3d1d5;
  border-radius:var(--rayon-7); background:#eef3f3; }
.seg > button { min-height:30px; padding:6px 12px; border:1px solid transparent;
  border-radius:var(--rayon-4); color:#405765; font-size:var(--taille-12-5); font-weight:600;
  display:inline-flex;align-items:center;gap:6px; }
.seg > button svg{flex:none}
.guide-lot>.al{flex:1;margin:0}
.lien-chargement{display:inline-flex;align-items:center;gap:5px}
.seg > button:not(:last-child) { border-inline-end:1px solid transparent; }
.seg > button.on { background:var(--palette-vert-profond); border-color:var(--palette-vert-profond); color:var(--palette-blanc);
  box-shadow:0 1px 4px rgba(23,60,69,.18); }
.seg > button:hover:not(.on) { background:var(--palette-blanc); border-color:#b8c8cc; color:var(--palette-foret); }
.tabs{display:flex;width:max-content;max-width:100%;gap:5px;padding:4px;border:1px solid #cbd8dc;border-radius:var(--rayon-8);background:#eef3f3;overflow-x:auto;overflow-y:hidden}
.tabs .tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0;padding:7px 13px;border:1px solid transparent;border-radius:var(--rayon-5);color:#405765;font-weight:600}
.tabs .tab:hover{background:var(--palette-blanc);border-color:#b8c8cc;color:var(--palette-foret)}.tabs .tab.on{background:var(--palette-vert-profond);color:var(--palette-blanc);border-color:var(--palette-vert-profond);box-shadow:0 2px 5px #173c4528}
.deal-selection{scroll-margin-top:170px;outline:none}.deal-selection>.card{border-inline-start:3px solid var(--teal);box-shadow:0 2px 7px #173c4514}
.tabs .tab svg{flex:none}
.etude-simulation-tabs{display:inline-flex;width:max-content;max-width:100%;gap:6px;padding:4px;border:1px solid #cbd8dc;border-radius:var(--rayon-8);background:#eef3f3;overflow-x:auto}
.etude-simulation-tabs .tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:8px 14px;border:1px solid transparent;border-radius:var(--rayon-5);color:#405765;font-weight:600}
.etude-simulation-tabs .tab:hover{background:var(--palette-blanc);border-color:#b8c8cc;color:var(--palette-foret)}.etude-simulation-tabs .tab.on{background:var(--palette-vert-profond);color:var(--palette-blanc);border-color:var(--palette-vert-profond);box-shadow:0 2px 5px #173c4528}
.etude-simulation-tabs .tab svg{flex:none}.etude-simulation-contexte{margin:4px 0 8px;border:1px solid #d7e1e3;border-radius:var(--rayon-7);background:#f8faf9}
.etude-simulation-contexte>summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;color:#295c58;font-size:var(--taille-12-5);font-weight:600;cursor:pointer}
.etude-simulation-contexte>summary:focus-visible{outline:3px solid var(--palette-bleu);outline-offset:2px;border-radius:var(--rayon-5)}.etude-simulation-contexte-corps{padding:0 14px 12px;border-top:1px solid #e1e7e9;color:#526571;font-size:var(--taille-12-5);line-height:1.55;max-width:920px}
.etude-simulation-contexte-corps p{margin:10px 0 0}.etude-simulation-historique>.scroll{max-height:58vh;overflow:auto}
.etude-simulation-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;border-top:1px solid #d7e1e3;background:#f7f9f9}
.etude-simulation-pagination .btn{min-height:36px;padding:7px 13px;border:1px solid #9fb5b8;background:var(--palette-blanc);color:var(--palette-foret);font-weight:650;opacity:1}
.etude-simulation-pagination .btn:not(:disabled):hover{background:#e5f0ee;border-color:var(--palette-vert-profond)}.etude-simulation-pagination .btn:disabled{background:#edf1f2;color:#697a83;border-color:#cbd5d8;opacity:.78}
.etude-simulation-pagination-page{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid #cbd5d8;border-radius:var(--rayon-5);background:var(--palette-blanc);font-weight:650;color:#263a46}
@media(max-width:600px){.etude-simulation-tabs{display:flex;width:100%}.etude-simulation-tabs .tab{flex:1;justify-content:center;padding-inline:10px}.etude-simulation-pagination{flex-wrap:wrap}.etude-simulation-pagination .btn{flex:1}}


.balances-commandes { display:flex; align-items:center; flex-wrap:wrap; gap:9px;
  padding:10px; border:1px solid var(--line); border-radius:var(--rayon-8); background:var(--paper-2,var(--paper)); }
.balances-commandes-actions { display:flex; align-items:center; flex-wrap:wrap;
  justify-content:flex-end; gap:8px; margin-inline-start:auto; }
.balances-exports { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
@media(max-width:720px) {
  .balances-commandes { align-items:stretch; }
  .balances-commandes .seg { width:100%; }
  .balances-commandes .seg > button { flex:1; }
  .balances-commandes-actions { width:100%; margin-inline-start:0;
    justify-content:stretch; }
  .balances-commandes-actions > .btn,
  .balances-commandes-actions > .menu-demo-hote { flex:1 1 180px; }
  .balances-commandes-actions > .menu-demo-hote > .btn { width:100%; }
}
.param-commentaire { margin:9px 0; font-size:var(--taille-13); }
.param-commentaire > summary { display:list-item; width:fit-content; max-width:100%; cursor:pointer; color:var(--teal); font-weight:600; padding:8px 11px; border:1px solid #c6dcd9; border-radius:var(--rayon-6); background:#f1f7f6; }
.param-commentaire > summary:hover { background:#e4f0ee; }
.param-commentaire > summary:focus-visible { outline:3px solid var(--palette-bleu); outline-offset:2px; }
.param-commentaire-texte { white-space:pre-line; line-height:1.6; margin-top:10px; padding:12px; background:#f5f7f8; border-inline-start:3px solid #aac9c5; }
.admin-formulaire { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; margin:18px 0; max-width:960px; }
.admin-formulaire .fi { width:100%; }
.admin-formulaire input[type=checkbox] { width:20px; height:20px; margin:10px 0; }
.admin-reglages-avances { margin:16px 0; padding:14px; border:1px solid var(--line); border-radius:var(--rayon-8); }
.admin-reglages-avances > summary { font-size:var(--taille-13); font-weight:600; cursor:pointer; padding:5px; }
@media(min-width:721px) { .fi, .param-valeur .fi { font-size:var(--taille-13); } }
@media(max-width:720px) { .admin-formulaire { grid-template-columns:1fr; } }

.admin-accueil h2 { font-size:var(--taille-24); margin:6px 0 10px; }
.admin-accueil > p { font-size:var(--taille-14); margin-bottom:24px; line-height:1.6; }
.admin-domaines > .card { display:flex; flex-direction:column; }

.date-contexte-libelle { font-size:var(--taille-12); font-weight:600; white-space:nowrap; }
#pill-date { flex-wrap:wrap; height:auto; min-height:30px; padding-block:2px; }
#date-aujourdhui { min-height:30px; padding:4px 7px; }
#pill-date[hidden] { display:none; }
@media(max-width:900px) {
  #pill-date { width:100%; padding-block:8px; }
  #pill-date .date-contexte-libelle { flex-basis:100%; }
}


.presence-dossier { position: sticky; top: 0; z-index: 6; padding: 10px 12px;
  margin-bottom: 12px; border: 1px solid #cddcda; border-radius: var(--rayon-8);
  background: #f0f6f5; color: #285b58; font: inherit; line-height: 1.5;
  box-shadow: 0 3px 8px rgba(14,27,42,.09); }
.presence-dossier-alerte { background: #fff7e8; border-color: #dab46e; color: #765016; }
.information-licence { flex:none; padding:8px 20px; background:#fbf4e4; color:#765016; border-bottom:1px solid #e8d9b4; font-size:var(--taille-12); }
.information-licence summary { cursor:pointer; min-height:24px; line-height:24px; }
.information-licence p { margin:5px 0; line-height:1.5; }


.jd-entete { padding:22px 24px; gap:24px; border-radius:14px; }
.jd-entete h1 { font-size:var(--taille-28); margin:6px 0; }
.jd-entete .jd-portee { font-size:var(--taille-15); font-weight:600; }
.jd-entete .jd-echeance { color:#d4e5e2; font-size:var(--taille-13); max-width:620px; }
.jd-demarrer { flex:0 1 370px; min-width:220px; }
.jd-action-label { text-transform:uppercase; font-size:var(--taille-11); letter-spacing:.08em; color:#d4e5e2; }
.jd-demarrer .btn-p { width:100%; white-space:normal; line-height:1.4; padding:10px 14px; }
.jd-demarrer .btn-g { width:100%; background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.58); color:var(--palette-blanc); }
.jd-demarrer .btn.btn-g:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) {
  background:rgba(255,255,255,.18); border-color:var(--palette-blanc); color:var(--palette-blanc);
}
.jd-demarrer .btn-g:focus-visible { outline-color:#b9e6d8; }
.jd-etapes { display:flex; gap:0; margin:24px 0 12px; }
.jd-etapes button { position:relative; flex:1; min-width:0; min-height:100px; flex-direction:column; gap:10px; padding:8px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.jd-etapes button::after { content:''; position:absolute; top:23px; left:44px; right:0; height:2px; background:#cddad8; }
.jd-etapes button:last-child::after { display:none; }
.jd-etapes .jd-etape-numero { position:relative; z-index:1; background:#e5eceb; }
.jd-etapes .jd-terminee { background:transparent; }
.jd-etapes .jd-terminee .jd-etape-numero { background:#22745c; color:var(--palette-blanc); }
.jd-etapes .jd-etape-active { padding:8px; border:0; box-shadow:none; }
.jd-etape-active .jd-etape-numero { outline:3px solid #26736c; outline-offset:2px; }
.jd-etapes .jd-attente_tiers .jd-etape-numero { background:#e5ecf4; color:#35546e; }
.jd-etape-texte { gap:4px; }
.jd-phase { padding:18px 20px; margin:12px 0; border-radius:var(--rayon-12); }
.jd-phase h2 { font-size:var(--taille-18); }
.jd-phase h3 { font-size:var(--taille-15); }
.jd-phase>summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:none; }
.jd-phase>summary::-webkit-details-marker { display:none; }
.jd-phase>summary::after { content:'+'; font-size:var(--taille-22); color:#536571; }
.jd-phase[open]>summary::after { content:'−'; }
.jd-phase>summary p { font-size:var(--taille-12); margin:4px 0 0; color:#536571; }
.jd-phase>summary:focus-visible { outline:3px solid var(--palette-bleu); outline-offset:6px; border-radius:var(--rayon-4); }
.jd-phase-corps { padding-top:12px; }
.jd-phase>header { margin-bottom:0; }
.jd-phase.jd-attente_tiers { background:#f7f9fc; border-color:#d6e0eb; }
.jd-attente_tiers .jd-etat { background:#e5ecf4; color:#35546e; }
.jd-deux { display:block; }
.jd-deux>section+section { margin-top:20px; padding-top:16px; border-top:1px solid #dce4e6; }
.jd-dossier { display:flex; padding:12px 14px; background:var(--palette-blanc); border-radius:var(--rayon-8); gap:18px; }
.jd-dossier>div { flex:1; }
.jd-montant { font-variant-numeric:tabular-nums; font-size:var(--taille-16); white-space:nowrap; font-family:inherit; }
.jd-motif { color:#795316; font-size:var(--taille-12); margin:5px 0 0; }
.jd-suite summary { min-height:44px; padding:12px 0; color:#165e56; cursor:pointer; font-weight:600; }
@media(max-width:650px) {
  .jd-entete { padding:18px; }
  .jd-demarrer { min-width:0; }
  .jd-etapes { display:flex; flex-direction:column; gap:0; }
  .jd-etapes button { flex-direction:row; min-height:66px; padding:10px 6px; }
  .jd-etapes .jd-etape-active { padding:10px 6px; }
  .jd-etapes button::after { top:42px; bottom:-10px; left:20px; right:auto; width:2px; height:auto; }
  .jd-etape-texte { padding-inline-start:5px; }
  .jd-phase { padding:15px; }
  .jd-phase>summary { flex-wrap:wrap; gap:10px; }
  .jd-phase>summary .jd-phase-titre { flex-basis:calc(100% - 44px); }
  .jd-phase>summary .jd-etat { margin-inline-start:40px; }
  .jd-dossier { display:flex; flex-wrap:wrap; gap:10px; }
  .jd-dossier>div { flex-basis:100%; }
  .jd-dossier .btn { margin:0; width:auto; max-width:100%; margin-inline-start:auto; }
  .jd-montant { font-size:var(--taille-15); white-space:normal; }
}

.ali-grille { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:16px; align-items:start; }
.ali-grille textarea { min-height:84px; resize:vertical; }
.ali-jours { display:flex; flex-wrap:wrap; gap:12px; }
.ali-jours label { display:flex; align-items:center; gap:5px; }
.ali-grille .fi { width:100%; min-width:0; }
.ali-saisie-groupe { display:grid; gap:12px; padding:16px; border:1px solid var(--line); background:var(--canvas-2); }
.ali-saisie-groupe h3 { margin:0; font-size:var(--taille-14); color:var(--ink); }
.ali-case-metier { min-height:38px; display:flex; align-items:center; gap:10px; padding:8px 10px; border:1px solid var(--line); background:var(--paper); }
.ali-case-metier input { inline-size:18px; block-size:18px; accent-color:var(--teal); }


:where(.sources-guidees, .alimentation-operationnelle) .btn {
  height:auto; min-height:38px; padding:8px 14px; border-radius:var(--rayon-6);
  border-color:#8eaaa7; background:var(--palette-blanc); color:var(--palette-foret); font-weight:650;
  line-height:1.25; box-shadow:0 1px 2px #173c4518;
}
:where(.sources-guidees, .alimentation-operationnelle) .btn:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled):not(.off) {
  background:#edf6f4; border-color:var(--palette-vert-historique); color:#123f3c;
  box-shadow:0 2px 5px #173c4524;
}
:where(.sources-guidees, .alimentation-operationnelle) .btn-p {
  background:var(--palette-vert-historique); border-color:var(--palette-vert-historique); color:var(--palette-blanc);
  box-shadow:0 2px 5px #173c4530;
}
:where(.sources-guidees, .alimentation-operationnelle) .btn-p:hover:where(:not(:disabled):not([aria-disabled="true"]):not(.off)):not(:disabled) {
  background:#145650; border-color:#145650; color:var(--palette-blanc);
}
:where(.sources-guidees, .alimentation-operationnelle) .btn-g {
  background:transparent; border-color:transparent; color:#365d5a; box-shadow:none;
}
:where(.sources-guidees, .alimentation-operationnelle) .btn:focus-visible {
  outline:3px solid var(--palette-bleu); outline-offset:3px;
}
:where(.sources-guidees, .alimentation-operationnelle) .btn:disabled,
:where(.sources-guidees, .alimentation-operationnelle) .btn.off {
  background:#eef1f1; border-color:#cbd5d4; color:#758481; box-shadow:none;
}
.alimentation-operationnelle .ali-gestes {
  padding:14px; border:1px solid #cbdad8; border-radius:var(--rayon-8); background:#f5f9f8;
}
.source-circuit .source-actions .btn[aria-pressed=true],
.alimentation-operationnelle .ali-vues .btn[aria-pressed=true] {
  background:var(--palette-vert-historique); border-color:var(--palette-vert-historique); color:var(--palette-blanc); box-shadow:none;
}
@media(max-width:640px) {
  .alimentation-operationnelle .ali-gestes .btn { flex:1 1 100%; justify-content:center; white-space:normal; }
}


@media (min-width:721px) {
  .app.navigation-repliee{grid-template-columns:62px 1fr}
  .app.navigation-repliee.avec-aide{grid-template-columns:62px 1fr}
  .app.navigation-repliee .bname,
  .app.navigation-repliee .btag,
  .app.navigation-repliee .navi span:not(.cnt),
  .app.navigation-repliee .sfoot>div:not(.avatar),
  .app.navigation-repliee .nav-favoris-titre span{display:none}
  .app.navigation-repliee .brand{justify-content:center;gap:3px;padding:15px 4px 14px}
  .app.navigation-repliee .bmark-logo{max-width:28px}
  .app.navigation-repliee .side-replier{margin-inline-start:0;width:23px}
  .app.navigation-repliee .navg{font-size:0;padding:8px 0 4px;flex-wrap:wrap;justify-content:center}
  .app.navigation-repliee .navg .navg-txt{flex:none}
  .app.navigation-repliee .navg::after{content:'';display:block;width:100%;height:1px;
    background:var(--palette-ardoise);margin:4px 14px 0}
  .app.navigation-repliee .nav-entree{display:block}
  .app.navigation-repliee .navi{justify-content:center;padding:8px 0}
  .app.navigation-repliee .navi .cnt,.app.navigation-repliee .nav-etoile{display:none}
  .app.navigation-repliee .nav-chercher{width:38px;margin:2px auto 8px;justify-content:center;padding:0}
  .app.navigation-repliee .nav-chercher-txt,
  .app.navigation-repliee .nav-chercher-k{display:none}
  .app.navigation-repliee .nav-favoris-titre{justify-content:center;padding-inline:0}
  .app.navigation-repliee .sfoot{justify-content:center}
}
@media (min-width:1361px) {
  .app.navigation-repliee.avec-aide{grid-template-columns:62px 1fr var(--largeur-aide-contextuelle)}
}
@media (max-width:720px) {
  .side-replier{display:none}
  .app.navigation-repliee{grid-template-columns:1fr}
  .app.navigation-repliee .bname,.app.navigation-repliee .btag,
  .app.navigation-repliee .navi span:not(.cnt),
  .app.navigation-repliee .sfoot>div:not(.avatar),
  .app.navigation-repliee .nav-favoris-titre span{display:revert}
  .app.navigation-repliee .nav-entree{display:flex}
  .app.navigation-repliee .nav-etoile{display:inline-flex}
}
.app.mode-portail .side-replier{display:none}

.options-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.option-integration{border:1px solid var(--line);border-inline-start:3px solid var(--steel);border-radius:var(--rayon-4);background:var(--paper);padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}
.option-integration[data-etat="active"]{border-inline-start-color:var(--green)}
.option-integration[data-etat="a_configurer"]{border-inline-start-color:var(--gold)}
.option-integration[data-etat="a_venir"]{border-inline-start-color:var(--line);background:var(--canvas)}
.option-integration p{margin:0}
.option-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.option-tete b{margin-inline-end:auto}
.option-manquants{margin:0;padding-inline-start:18px;color:var(--gold-d);font-size:var(--taille-12);line-height:1.5}
.option-integration .btn{align-self:flex-start;margin-block-start:auto}

.verrou-voile{position:fixed;inset:0;z-index:9000;background:rgba(14,27,42,.82);display:flex;align-items:center;justify-content:center;padding:24px}
.verrou-carte{max-width:560px;width:100%;background:var(--paper);border-radius:var(--rayon-6);border-block-start:4px solid var(--clay);padding:28px;display:flex;flex-direction:column;gap:10px;text-align:start}
.verrou-carte h1{margin:0;font-size:var(--taille-20);color:var(--ink)}
.verrou-carte p{margin:0;line-height:1.55}
.verrou-motif{font-weight:600;color:var(--clay-d)}
.verrou-icone{color:var(--clay)}
body:has(#verrou-instance) .modale,body:has(#verrou-instance) .messages{z-index:9001}




.top.entete-sans-lecture #ctx-plier,
.top.entete-sans-lecture .ctx-groupe { display: none !important; }


a.navg { display: flex; align-items: center; gap: 6px; text-decoration: none; cursor: pointer; }
a.navg:hover { color: var(--palette-gris-bleu); }
a.navg:hover .navg-txt { text-decoration: underline; text-underline-offset: 3px; }
a.navg:focus-visible { outline: 2px solid #7FB3FF; outline-offset: -2px; border-radius: var(--rayon-3); }
a.navg[aria-current="page"] { color: var(--palette-blanc); }
.navg-accueil { flex: none; opacity: .8; }


.crumb-sep { color: var(--muted); }
.crumb-rubrique { color: var(--slate); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }


.admin-domaine { position: relative; transition: border-color .12s ease, box-shadow .12s ease; }
.admin-domaine:hover { border-color: #9fb9b6; box-shadow: 0 3px 10px #173c4518; }
.admin-domaine-titre { margin: 0; }
.admin-domaine-lien { color: inherit; text-decoration: none; }
.admin-domaine-lien::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.admin-domaine:hover .admin-domaine-lien { text-decoration: underline; text-underline-offset: 3px; }
.admin-domaine-lien:focus-visible { outline: none; }
.admin-domaine:has(.admin-domaine-lien:focus-visible) { outline: 3px solid var(--palette-bleu); outline-offset: 2px; }
.admin-signaux { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.admin-signaux[hidden], .admin-signaux-place[hidden] { display: none; }
.admin-signaux-place { display: contents; }
.admin-signaux .b { white-space: normal; text-align: start; text-transform: none; letter-spacing: 0; font-size: 11.5px; padding: 3px 7px; }
.admin-signal-lien { position: relative; z-index: 1; text-decoration: none; border-radius: var(--rayon-3); }
.admin-signal-lien:hover .b { text-decoration: underline; }
.admin-signal-lien:focus-visible { outline: 3px solid var(--palette-bleu); outline-offset: 2px; }


.cre-gabarits { display: grid; grid-template-columns: repeat(2, minmax(240px, 1fr)); gap: 12px; }
.cre-gabarits > div { border: 1px solid var(--line); border-radius: var(--rayon-6); padding: 12px; background: var(--paper); }
.cre-modeles { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 12px; }
.cre-modele { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: var(--rayon-8); background: var(--paper); }
.cre-modele-recommande { border-color: var(--ok); box-shadow: inset 0 3px 0 var(--ok); }
.cre-modele-entete { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.cre-modele p { margin: 0; color: var(--muted); line-height: 1.45; }
.cre-modele .btn { align-self: flex-start; margin-top: auto; }
.cre-modele-details { display: grid; grid-template-columns: auto 1fr; gap: 4px 8px; margin: 0; font-size: var(--taille-12); }
.cre-modele-details dt { color: var(--muted); font-weight: 700; }
.cre-modele-details dd { margin: 0; }
.cre-parcours { display: grid; grid-template-columns: repeat(4, minmax(160px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.cre-parcours li { display: grid; align-content: start; gap: 5px; padding: 12px; border-inline-start: 3px solid var(--brand); background: var(--paper-2); }
.cre-parcours span { color: var(--muted); font-size: var(--taille-12); line-height: 1.4; }
@media (max-width: 900px) { .cre-parcours { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 760px) { .cre-gabarits, .cre-parcours { grid-template-columns: 1fr; } }


.pls-colonnes, .pls-colonnes > *, .pls-carte, .pls-alertes, .pls-alerte, .pls-plan { min-width:0; }
.pls-section-tete { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 9px; margin-bottom:7px; }
.pls-tete, .pls-montant, .pls-cassettes, .pls-moteur, .pls-plan-tete,
.pls-alertes-tete, .pls-alerte-tete, .pls-alerte-corps { flex-wrap:wrap; }
.pls-code, .pls-badge-user, .pls-montant-v, .pls-inventaire,
.pls-plan-tete h3, .pls-ligne-plan .qui b, .pls-alerte-tete b { max-width:100%; overflow-wrap:anywhere; }
.pls-tete > svg, .pls-badge-user .pt, .pls-bat > span:first-child { flex:none; }
.pls-montant-l { white-space:normal; overflow:visible; }
.pls-bat, .pls-fraicheur { min-width:0; }
.pls-dev .n { margin-inline-start:auto; margin-inline-end:0; }
.pls-ligne-plan { flex-wrap:wrap; }
.pls-ligne-plan .mnt { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.pls-commandes > .fi { max-width:100%; }
@container console (max-width:900px) {
  .pls-colonnes { grid-template-columns:minmax(0,1fr); }
  .pls-plan { position:static; max-height:none; }
  .pls-jour { display:none; }
}
@container console (max-width:600px) {
  .pls-commandes { align-items:stretch; }
  .pls-commandes > .btn { flex:1 1 180px; white-space:normal; }
  .pls-commandes > .fi { flex:1 1 180px; }
  .balances-commandes-actions .btn, .balances-exports .btn { min-height:44px; }
  .balances-commandes .seg > button { min-height:44px; }
}


.ptl-tete { flex-wrap: wrap; }
.ptl-tete > div { flex: 1 1 220px; min-width: 0; }
.ptl-client, .ptl-sous { overflow-wrap: anywhere; }
.ptl-tete > .b { max-width: 100%; white-space: normal; }
.ptl-kpis { align-items: stretch; }
.ptl-kpis > .kpi { min-width: 0; }
.ptl-kpis .kv { overflow-wrap: anywhere; }
.ptl-kpis .kd { flex-wrap: wrap; align-items: baseline; }
.ptl-kpis .kd > .mut { flex: 1 1 100px; min-width: 0; }
.ptl-operations-demande { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
.ptl-action { display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding-block: 4px 8px; flex-wrap: wrap; }
.ptl-action-texte { flex: 1 1 260px; min-width: 0; }
.ptl-action strong { display: block; font-size: var(--taille-15); font-weight: 600; color: var(--ink); }
.ptl-action p { margin: 4px 0 0; max-width: 72ch; color: var(--muted); line-height: 1.5; }
.ptl-action > .btn { flex: none; min-height: 44px; }
.ptl-nav { scrollbar-width: thin; scrollbar-color: var(--muted) var(--canvas); }
.ptl-nav-b { min-height: 44px; transition: color 120ms ease-out, border-color 120ms ease-out; }
.ptl-nav-b:focus-visible, .ptl-action > .btn:focus-visible { outline: 2px solid var(--teal); outline-offset: -3px; }
.ptl-ancre:focus { outline: none; }
.ptl-ancre:focus-visible > .card > .ch { outline: 2px solid var(--teal); outline-offset: -2px; }
.ptl-depot { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 20px; }
.ptl-depot .err:empty { display: none; }
.ptl-depot .err:not(:empty) { margin-top: 12px; }
.ptl-depot-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ptl-ancre input { caret-color: var(--teal-d); }
.ptl-ancre ::selection { background: var(--teal-soft); color: var(--ink); }
.ptl-jour-sites { margin-top: 6px; color: var(--muted); font-size: var(--taille-11); line-height: 1.4; overflow-wrap: anywhere; }
@media (max-width: 1180px) {
  .ptl-operations-demande { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .ptl-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .ptl-tete { align-items: flex-start; }
  .ptl-action { gap: 12px; }
  .ptl-action > .btn { width: 100%; }
  .ptl-nav-b { padding-inline: 12px; }
  .ptl-depot-actions > .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .ptl-nav-b { transition-duration: 0.01ms; }
}


.ptl-table-scroll { max-width:100%; min-width:0; overflow-x:auto; scrollbar-width:thin;
  scrollbar-color:var(--muted) var(--paper); }
.ptl-table-scroll:focus-visible { outline:2px solid var(--teal); outline-offset:-2px; }
.ptl-op-resume { display:none; }
@media (max-width:720px) {
  .ptl-table-scroll .t td:first-child { min-width:160px; }
  .ptl-ops .t td:first-child { min-width:240px; max-width:280px; }
  .ptl-ops .t td:first-child .mut { white-space:normal; }
  .ptl-op-resume { display:grid; justify-items:start; gap:6px; margin-block:8px; font-size:var(--taille-12); font-weight:400; }
}


.mode-portail #vue :is(input.fi, select.fi, textarea.fi, .btn, .seg-b) { min-height:44px; }
.mode-portail #vue textarea.fi { height:auto; resize:vertical; }
.ptl-repli > summary { cursor:pointer; list-style:revert; min-height:52px; }
.ptl-repli > summary:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }
.ptl-repli:not([open]) > summary { border-bottom:0; }
.ptl-repli > summary::marker { color:var(--teal-d); }
.ptl-repli > summary .ch-t { display:inline; }
.ptl-reprise { margin-bottom:16px; }
.ptl-ancre summary { min-height:44px; align-content:center; }
@media (max-width:720px) {
  .mode-portail #vue :is(input.fi, select.fi, textarea.fi) { font-size:var(--taille-16); }
  .ptl-semaine { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
  .ptl-jour { min-width:0; text-align:start; padding:12px; border-bottom:1px solid var(--line-2); }
  .ptl-table-scroll { overflow:visible; }
  .ptl-table-scroll .t { display:block; width:100%; min-width:0; table-layout:auto; }
  .ptl-table-scroll .t :is(thead,tbody,tfoot) { display:block; }
  .ptl-table-scroll .t thead tr { display:flex; flex-wrap:wrap; gap:4px; padding-block:8px; }
  .ptl-table-scroll .t th { display:block; width:auto!important; padding:0; max-width:100%; }
  .ptl-table-scroll .t th:empty { display:none; }
  .ptl-table-scroll .t .table-trier { min-height:44px; padding:8px; white-space:normal; }
  .ptl-table-scroll .t tbody tr { display:block; padding-block:12px; border-bottom:1px solid var(--line); }
  .ptl-table-scroll .t :is(td,td:first-child) { display:block; min-width:0; max-width:none; width:auto;
    padding:6px 0; text-align:start; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
  .ptl-table-scroll .t td::before { content:attr(data-portail-colonne); display:block; color:var(--muted);
    font-size:var(--taille-12); font-weight:400; margin-bottom:4px; }
  .ptl-table-scroll .t td:first-child::before { display:none; }
  .ptl-table-scroll .t td:empty { display:none; }
  .ptl-table-scroll .t :is(.n,.mut,.b,.table-ouvrir) { white-space:normal; max-width:100%; overflow-wrap:anywhere; }
  .ptl-table-scroll .t .r { text-align:start; }
  .ptl-op-resume { display:none; }
  .ptl-table-scroll .t tbody .btn { width:100%; }
  .ptl-bill-ligne { flex-wrap:wrap; }
  .ptl-bill-montant { min-width:70px; }
  .ptl-ligne-pv { gap:12px; }
  .ptl-ligne-pv > .f { min-width:0; width:100%; }
}
@media (forced-colors:active) {
  .ptl-nav-b[aria-current], .ptl-ancre :focus-visible { outline:2px solid Highlight; }
}

@media (max-width:720px) { .ptl-operations-demande #ptl-demande { order:-1; } }
.body .g.g-kpi {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
  grid-auto-rows: 1fr;
  align-items: stretch;
}
.g-kpi > .kpi { min-height: 138px; height: 100%; box-sizing: border-box; }
.g-kpi > .kpi > .kl { min-height: 2.5em; line-height: 1.25; }
.g-kpi > .kpi > .kv { min-height: 1.4em; line-height: 1.35; overflow-wrap: anywhere; }
.g-kpi > .kpi > .kd { margin-top: auto; flex-wrap: wrap; align-items: baseline; }
.g-kpi > .kpi > .kd > .mut { flex: 1 1 150px; min-width: 0; }

@media (min-width: 1000px) {
  .body .g.g-kpi[data-kpis="6"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1200px) {
  .body .g.g-kpi[data-kpis="8"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1750px) {
  .body .g.g-kpi[data-kpis="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
.kv .dv { vertical-align: middle; }
.kv > small { display: inline-flex; align-items: center; margin-inline-start: 4px; }
.texte-devises > .dv { white-space: nowrap; vertical-align: baseline; }
.kpi-montants { display: flex; flex-direction: column; gap: 5px; }
.kpi-montant { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.kpi-montant .dv { font: 11.5px var(--sans, 'IBM Plex Sans', sans-serif); }
.lecture-devises { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.lecture-devises-intro { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--rayon-6); background: var(--paper, var(--palette-blanc)); }
.lecture-devises-intro p { margin: 5px 0 0; line-height: 1.5; }
.lecture-devise { border: 1px solid var(--line); border-radius: var(--rayon-6); background: var(--paper, var(--palette-blanc)); min-width: 0; }
.lecture-devise > summary { display: flex; align-items: center; gap: 10px; padding: 13px 14px; cursor: pointer; list-style: none; }
.lecture-devise > summary::-webkit-details-marker { display: none; }
.lecture-devise > summary::before { content: ''; width: 7px; height: 7px; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor; transform: rotate(-45deg); flex: 0 0 auto; transition: transform 180ms ease; }
.lecture-devise[open] > summary::before { transform: rotate(45deg); }
.lecture-devise[open] > summary { border-bottom: 1px solid var(--line); }
.lecture-devise > summary:focus-visible { outline: 2px solid var(--blue, var(--palette-bleu)); outline-offset: -3px; }
.lecture-devise-nom { flex: 1; min-width: 0; }
.lecture-devise-action { color: var(--muted, #646f7a); font-size: var(--taille-11); }
.lecture-devise-corps { padding: 14px; display: flex; flex-direction: column; gap: 13px; min-width: 0; }
.lecture-devise-scope { margin: 0; font-size: var(--taille-11); line-height: 1.45; }
.prestataire-flux { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; white-space: nowrap; }
.prestataire-flux > .pic { flex-shrink: 0; }
.prestataire-resume { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; }
.prestataire-resume > span { display: inline-flex; align-items: center; gap: 5px; }
.prestataire-resume > span + span::before { content: '·'; margin-inline-end: 2px; }
.lecture-devise-identite { display: flex; flex-direction: column; gap: 5px; flex: 0 0 155px; min-width: 0; }
.lecture-devise-nom { font-size: var(--taille-11); color: var(--muted, #646f7a); }
.lecture-devise-apercu { display: flex; flex-direction: column; gap: 7px; flex: 1; min-width: 0; }
.lecture-devise-mesures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 18px; }
.lecture-mesure { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lecture-mesure > .mut { font-size: var(--taille-11); }
.lecture-mesure > b { font-size: var(--taille-13); overflow-wrap: anywhere; }
.lecture-devise-precision { font-size: 10.5px; line-height: 1.5; }
.lecture-devise-erreur { color: var(--clay-d); font-size: var(--taille-12); overflow-wrap: anywhere; }
.lecture-alertes { padding: 14px; border: 1px solid var(--line); border-inline-start: 3px solid var(--clay-d); border-radius: var(--rayon-6); background: var(--paper, var(--palette-blanc)); }
.lecture-alertes h2 { font-size: var(--taille-14); margin: 0 0 6px; }
.lecture-alertes p { font-size: 11.5px; line-height: 1.5; }
.lecture-alerte-lien { display: flex; align-items: center; gap: 12px; width: 100%; border: 0; border-top: 1px solid var(--line); padding: 11px 0; background: transparent; color: inherit; text-align: start; font: inherit; cursor: pointer; }
.lecture-alerte-lien:hover { background: var(--blue-l, #f0f6fc); }
.lecture-alerte-lien:focus-visible { outline: 2px solid var(--blue, var(--palette-bleu)); outline-offset: 2px; }
.lecture-alerte-texte { flex: 1; font-size: var(--taille-12); line-height: 1.5; }
@media (max-width: 1100px) {
  .lecture-devise > summary { flex-wrap: wrap; }
  .lecture-devise-identite { flex: 1; }
  .lecture-devise-apercu { order: 2; flex-basis: 100%; padding-inline-start: 18px; }
}
@media (max-width: 600px) {
  .lecture-devise > summary { flex-wrap: wrap; }
  .lecture-devise-action { margin-inline-start: auto; }
  .lecture-devise-corps { padding: 9px; }
  .lecture-devise-mesures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lecture-devise-identite { flex-basis: 130px; }
  .lecture-devise-action { font-size: var(--taille-10); }
  .lecture-alerte-lien { flex-wrap: wrap; gap: 7px; }
  .lecture-alerte-texte { flex-basis: calc(100% - 80px); }
}
@media (prefers-reduced-motion: reduce) { .lecture-devise > summary::before { transition: none; } }


.lecture-devises-onglets { min-width:0; background:var(--paper); }
.lecture-devises-onglets .tabs { flex-wrap:nowrap; }
.lecture-devises-onglets .tab { flex:none; min-height:44px; }
.lecture-devises-panneau, .prevision-plan { display:flex; flex-direction:column; gap:16px; min-width:0; }
.lecture-devises-contexte { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; }
.lecture-devises-contexte h2 { display:flex; align-items:center; gap:10px; margin:0; font-size:var(--taille-17); }
.lecture-devises-contexte p { margin:0; font-size:var(--taille-12); }
.prevision-recalcul { padding:12px 16px; border:1px solid var(--line); border-radius:var(--rayon-6); background:var(--paper); }
.prevision-recalcul > summary { min-height:28px; cursor:pointer; font-weight:600; color:var(--ink); }
.prevision-recalcul > div { display:flex; flex-direction:column; gap:10px; padding-top:12px; }
.prevision-recalcul p { margin:0; line-height:1.5; }
.prevision-graphiques { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:16px; }
.prevision-graphiques > * { min-width:0; }
.prevision-composition { display:grid; gap:0; margin:0; }
.prevision-composition > div { display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-block:12px; border-bottom:1px solid var(--line); }
.prevision-composition > div:last-child { border-bottom:0; }
.prevision-composition dt { color:var(--slate); }
.prevision-composition dd { margin:0; font-size:var(--taille-20); font-weight:600; font-variant-numeric:tabular-nums; }
.prevision-recalcul .flt-actions { flex-wrap:wrap; }
.prevision-recalcul .fi { max-width:100%; min-width:0; }
@container console (max-width:900px) { .prevision-graphiques { grid-template-columns:minmax(0,1fr); } }
@media (max-width:720px) {
  .prevision-recalcul > summary { min-height:44px; display:list-item; align-content:center; }
  .prevision-recalcul .flt-actions > :is(.fi,.btn) { min-height:44px; flex:1 1 170px; }
}

.lecture-actions-groupe { padding:12px 16px; border:1px solid var(--line); border-radius:var(--rayon-6); background:var(--paper); }
.lecture-actions-groupe > summary { cursor:pointer; font-weight:600; color:var(--ink); min-height:28px; }
.lecture-actions-groupe > section { padding-top:12px; }
.arrete-explication > summary { cursor:pointer; color:var(--slate); padding-block:10px; min-height:44px; }
@media (max-width:720px) { .lecture-actions-groupe > summary { min-height:44px; align-content:center; } }


.lecture-balances-navigation { min-width:0; background:var(--paper); }
.lecture-devises-contexte .dv { animation:lecture-monnaie-selection 140ms ease-out; }
@keyframes lecture-monnaie-selection { from { opacity:.55; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .lecture-devises-contexte .dv { animation:none; } }

.lecture-balances-onglets { min-width:0; background:var(--paper); }

.lecture-ecarts-navigation, .lecture-ecarts-onglets { min-width:0; background:var(--paper); }

.lecture-monnaies { display:flex; flex-direction:column; gap:8px; min-width:0; }
.lecture-autres-devises { min-width:0; font-size:var(--taille-12); }
.lecture-autres-devises > summary { cursor:pointer; width:fit-content; padding:8px 4px; color:var(--ink); }
.lecture-autres-devises > ul { display:flex; flex-wrap:wrap; gap:8px; padding:8px 0; margin:0; list-style:none; }
.lecture-autres-devises .btn { white-space:normal; text-align:start; }
.lecture-balances-navigation > .lecture-monnaies { margin-top:8px; }
.animations-ui-logo.chargement-visuel {
  display: block;
  flex: none;
  width: min(160px, calc(100vw - 100px));
  height: auto;
  aspect-ratio: 640 / 335;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
  border-radius: var(--rayon-6);
  background: var(--palette-blanc);
  pointer-events: none;
}
.animations-ui-logo img {
  display: block;
  width: 100%;
  height: auto;
  animation: none;
}
.animations-ui-logo .chargement-statique { display:none; }
@keyframes animations-ui-souffle {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .72; transform: scale(.94); }
}
.animations-ui-statut {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink, var(--palette-encre-historique));
  font-size: var(--taille-12);
  min-width: 0;
}
.animations-ui-statut[hidden], .animations-ui-logo[hidden] { display: none; }
.animations-ui-statut p { margin: 0; }
.animations-ui-lecture > .lecture-statut:not(.echec) {
  position: fixed;
  inset: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: max-content;
  min-width: 208px;
  max-width: calc(100vw - 40px);
  box-sizing: border-box;
  margin: 0;
  padding: 22px 26px;
  border: 1px solid var(--line);
  border-radius: var(--rayon-12);
  background: var(--paper, var(--palette-blanc));
  box-shadow: 0 12px 40px rgba(14, 27, 42, .16);
  text-align: center;
  pointer-events: none;
}

.animations-ui-lecture > .lecture-statut::backdrop { background: transparent; pointer-events: none; }
.animations-ui-lecture > .lecture-statut .animations-ui-logo {
  position: relative;
  width: min(320px, calc(100vw - 100px));
  height: auto;
  padding: 0;
  background: transparent;
}

.animations-ui-lecture > .chargement .squelette { animation: none; }
.animations-ui-lancement .lc { opacity: 1; transform: none; animation: none; }
.animations-ui-lancement .lc-sceau img {
  animation: animations-ui-souffle 1.6s ease-in-out infinite;
}
.animations-ui-lancement .lc-piste { display: none; }

.animations-ui-lancement .animations-ui-attente {
  margin: 0;
  font-size: var(--taille-12);
  color: var(--muted, #55657A);
}
.animations-ui-menu { position: relative; overflow: hidden; overflow-anchor: none; }
.animations-ui-menu .navg-chev { transition-duration: .2s; }
.animations-ui-sortie {
  position: absolute;
  margin: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
.side.menu-court .animations-ui-sortie { display: none; }

.animations-ui-lien {
  display: flex; align-items: center; gap: 9px; padding: 6px 16px;
  font-size: 11.5px; color: #9babbb; line-height: 1.25;
  border-inline-start: 2px solid transparent;
}
.animations-ui-lien svg { flex: none; opacity: .75; }
.animations-ui-lien.on {
  background: rgba(255,255,255,.07); color: var(--palette-blanc);
  border-inline-start-color: var(--gold);
}
.animations-ui-lien.on svg { color: var(--gold); opacity: 1; }
.animations-ui-compteur {
  margin-inline-start: auto; padding: 1px 5px; border-radius: var(--rayon-8);
  background: rgba(255,255,255,.1); color: var(--palette-gris-bleu);
  font-size: 10.5px; font-weight: 600;
}
.animations-ui-compteur.hot { background: var(--clay); color: var(--palette-blanc); }
.animations-ui-compteur[hidden] { display: none; }
.side.menu-serre .animations-ui-lien {
  padding: 4px 12px; font-size: 11.5px; line-height: 18px;
}
@media (prefers-reduced-motion: reduce) {
  .animations-ui-logo .chargement-anime { display:none; }
  .animations-ui-logo .chargement-statique { display:block; }
  .animations-ui-logo img,
  .animations-ui-lancement .lc-sceau img {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .animations-ui-menu .navg-chev { transition: none; }
  .animations-ui-lecture > .lecture-statut .animations-ui-logo::after { animation: none; }
}
@media print {
  .animations-ui-logo, .animations-ui-sortie { display: none; }
  .animations-ui-lecture > .lecture-statut:not(.echec) { display: none; }
}


html[data-theme="ortilis"] :is(.btn,.tab,.navi,.theme-modules a,.seg > button,.fi,.admin-puce,.bc-onglets button,.sm-onglets button,.bc-file,.bc-monnaies button,.bc-etat,.sm-devises button,.reglage-interrupteur) {
  transition:background-color var(--mouvement-retour) ease-out,
    border-color var(--mouvement-retour) ease-out,
    color var(--mouvement-retour) ease-out;
}
html[data-theme="ortilis"] :is(.btn,.fi):is(:disabled,[aria-disabled="true"],.off) { transition:none; }
html[data-theme="ortilis"] .tiroir-panneau { animation:ortilis-ouvrir-dossier var(--mouvement-tiroir) var(--mouvement-courbe); }
html[data-theme="ortilis"] :is(.tiroir-fond,.modale-fond) { animation:fondu var(--mouvement-retour) ease-out; }
html[data-theme="ortilis"] .modale-boite { animation:ortilis-confirmer var(--mouvement-confirmation) var(--mouvement-courbe); }
@keyframes ortilis-ouvrir-dossier { from { transform:translateX(var(--mouvement-cote)); } to { transform:none; } }
@keyframes ortilis-confirmer { from { transform:scale(.985); opacity:.7; } to { transform:none; opacity:1; } }
@media(prefers-reduced-motion:reduce) {
  html[data-theme="ortilis"] :is(.btn,.tab,.navi,.theme-modules a,.seg > button,.fi,.admin-puce,.bc-onglets button,.sm-onglets button,.bc-file,.bc-monnaies button,.bc-etat,.sm-devises button,.reglage-interrupteur) { transition:none; }
  html[data-theme="ortilis"] .reglage-interrupteur::after { transition:none; }
  html[data-theme="ortilis"] :is(.tiroir-panneau,.tiroir-fond,.modale-boite,.modale-fond) { animation:none; }
}


.planning-chevrons { transition:transform var(--mouvement-retour,150ms) ease-out; }
.planning-cellule, .pls-ligne-plan, .pls-alerte { transition:background-color var(--mouvement-retour,150ms) ease-out, border-color var(--mouvement-retour,150ms) ease-out; }
.pls-carte { transition:border-color var(--mouvement-retour,150ms) ease-out, background-color 250ms ease-out; }
@media(prefers-reduced-motion:reduce) {
  .planning-chevrons, .planning-cellule, .pls-ligne-plan, .pls-alerte, .pls-carte,
  .pls-jour-fait, .pls-jour-curseur { transition:none; }
}
.jd-v2 { width:100%; min-width:0; max-width:none; margin:0; padding:6px 0 28px; display:flex; flex-direction:column; gap:16px; font-family:var(--police); color:var(--ink); font-variant-numeric:tabular-nums; }
.jd-v2 *, .jd-serie * { box-sizing:border-box; }
.jd-v2 [hidden], .jd-serie [hidden] { display:none!important; }
.jd-v2 h1,.jd-v2 h2,.jd-v2 h3,.jd-v2 p,.jd-serie h2,.jd-serie p { margin:0; }
.jd-v2 button,.jd-serie button { font-family:inherit; cursor:pointer; }
.jd-v2 button:focus-visible,.jd-v2 [tabindex]:focus-visible,.jd-serie button:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.jd-v2 small { font-size:var(--taille-12); color:var(--muted); line-height:1.45; }
.jd-v2 .jd-entete-v2 { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:14px 24px; }
.jd-entete-v2 > div:first-child { display:flex; flex-direction:column; gap:7px; }
.jd-v2 .jd-salutation { margin:0; font-size:var(--taille-28); font-weight:600; letter-spacing:-.02em; line-height:1.2; }
.jd-contexte { font-size:var(--taille-13); color:var(--muted); }
.jd-entete-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.jd-filtre-actif { align-self:flex-start; padding:4px 8px; border-radius:var(--rayon-6); background:var(--teal-soft); color:var(--teal-d); font-size:var(--taille-12); font-weight:600; }
.jd-seg { display:flex; flex-wrap:wrap; gap:2px; padding:3px; border-radius:9px; background:var(--paper); border:1px solid var(--line); }
.jd-seg button { min-height:26px; padding:0 10px; border:0; border-radius:var(--rayon-6); background:transparent; color:var(--ink); font-size:var(--taille-12); font-weight:600; white-space:nowrap; }
.jd-seg button[aria-pressed=true] { background:var(--solid,var(--ink)); color:var(--on-solid,var(--paper)); }
.jd-pastille { display:flex; align-items:center; gap:7px; min-height:34px; padding:0 11px; border:1px solid var(--line); border-radius:9px; background:var(--paper); font-size:var(--taille-13); white-space:nowrap; }
.jd-pastille i,.jd-groupe-titre i { width:8px; height:8px; flex:none; border-radius:var(--rayon-50cercle); background:var(--teal); }
.jd-pastille-retard i { background:var(--bad-solid,var(--bad)); }
.jd-pastille-attente i { background:var(--faint,var(--muted)); }
html .jd-v2 .jd-bouton,html .jd-serie .btn { min-height:34px; padding:0 12px; border:1px solid var(--line-fort); border-radius:var(--rayon-8); background:var(--paper); color:var(--ink); font-size:var(--taille-13); font-weight:600; line-height:1.25; box-shadow:none; text-transform:none; letter-spacing:0; white-space:normal; }
html .jd-v2 .jd-principal,html .jd-serie .jd-serie-principal { border-color:var(--teal); background:var(--teal); color:var(--on-teal,var(--palette-blanc)); }
html .jd-v2 .jd-principal:hover,html .jd-serie .jd-serie-principal:hover { background:var(--teal-h); }
html .jd-v2 .jd-secondaire { border-color:var(--teal); color:var(--teal-d); background:var(--teal-soft); }
.jd-v2 .jd-late { --jd-urgence:var(--bad-solid,var(--bad)); --jd-fond:var(--bad-bg); --jd-texte:var(--bad); --jd-bord:var(--bad-line,var(--line-fort)); }
.jd-v2 .jd-soon { --jd-urgence:var(--amber,var(--gold)); --jd-fond:var(--warn-bg); --jd-texte:var(--warn); --jd-bord:var(--warn-line,var(--line-fort)); }
.jd-v2 .jd-later { --jd-urgence:var(--line-fort); --jd-fond:var(--canvas); --jd-texte:var(--muted); --jd-bord:var(--teal); }
.jd-maintenant { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr)); border:1px solid var(--jd-bord,var(--line)); border-radius:16px; background:var(--paper); box-shadow:var(--shadow,0 4px 16px var(--line-2)); overflow:hidden; }
.jd-maintenant-action { padding:22px 24px; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.jd-surtitre { font-size:var(--taille-12); font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--teal-d); }
.jd-maintenant h2 { font-size:var(--taille-24); font-weight:600; letter-spacing:-.02em; }
.jd-maintenant-action > p:not(.jd-surtitre) { font-size:var(--taille-14); line-height:1.5; color:var(--ink-2); max-width:640px; }
.jd-maintenant-boutons { display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
html .jd-maintenant .jd-bouton { min-height:44px; border-radius:var(--rayon-10); padding:0 16px; font-size:var(--taille-15); }
.jd-v2 kbd { padding:1px 4px; border:1px solid var(--line-fort); border-radius:var(--rayon-4); font:600 11px var(--police); }
.jd-maintenant-temps { padding:22px 24px; border-inline-start:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; gap:10px; background:var(--jd-fond,var(--canvas)); font-size:var(--taille-12); font-weight:600; }
.jd-maintenant-temps .jd-grand-temps { font-size:44px; font-weight:600; letter-spacing:-.03em; line-height:1.1; }
.jd-maintenant-temps b { font-size:var(--taille-14); font-weight:600; }
.jd-maintenant-temps p { font-size:var(--taille-13); font-weight:400; line-height:1.5; color:var(--ink-2); }
.jd-sans-tache { display:flex; flex-direction:column; gap:10px; padding:22px 24px; }
.jd-sans-tache h2 { font-size:var(--taille-22); }
.jd-sans-tache p { font-size:var(--taille-14); color:var(--ink-2); }
.jd-collante { position:fixed; inset-inline-start:260px; inset-inline-end:28px; top:76px; z-index:35; max-width:none; margin:0; display:flex; align-items:center; gap:12px; padding:10px 14px; background:var(--paper); border:1px solid var(--jd-bord,var(--line)); border-radius:var(--rayon-12); box-shadow:var(--shadow,0 4px 16px var(--line)); animation:jd-apparaitre .22s ease; }
.jd-collante > strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--taille-14); }
@keyframes jd-apparaitre { from { transform:translateY(-130%); opacity:0; } to { transform:translateY(0); opacity:1; } }
.jd-bandeau { padding:10px 14px; border:1px solid var(--line); background:var(--canvas); border-radius:9px; color:var(--muted); font-size:var(--taille-13); }
.jd-frise { border:1px solid var(--line); border-radius:var(--rayon-12); background:var(--paper); overflow:hidden; }
.jd-frise-entete { display:flex; align-items:center; gap:16px; width:100%; padding:12px 18px; border:0; color:var(--ink); background:transparent; text-align:start; font-size:var(--taille-13); }
.jd-frise-entete > strong { font-size:var(--taille-14); font-weight:600; white-space:nowrap; }
.jd-frise-rail { position:relative; flex:1; min-width:100px; height:4px; margin:10px 0; background:var(--canvas); border-radius:var(--rayon-2); }
.jd-frise-jalon { position:absolute; top:-5px; width:2px; height:14px; background:var(--warn); }
.jd-frise-present { position:absolute; top:-8px; width:2px; height:20px; background:var(--menthe); }
.jd-agenda-ligne { display:grid; grid-template-columns:56px 12px 1fr auto; align-items:center; gap:10px; padding:9px 18px; border-top:1px solid var(--line-2); font-size:var(--taille-13); }
.jd-agenda-ligne time { font-weight:600; }
.jd-marqueur-ferme { width:10px; height:10px; background:var(--warn); }
.jd-passee { opacity:.6; }
.jd-colonnes { display:flex; flex-wrap:wrap; align-items:flex-start; gap:16px; }
.jd-principale { flex:999 1 620px; min-width:0; display:flex; flex-direction:column; gap:12px; }
.jd-laterale { flex:1 1 320px; min-width:0; display:flex; flex-direction:column; gap:16px; }
.jd-outils { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.jd-outils h2 { font-size:var(--taille-17); font-weight:600; margin-inline-end:auto; }
.jd-etapes-filtres { display:flex; flex-wrap:wrap; gap:6px; }
.jd-puce { min-height:30px; padding:0 11px; border:1px solid var(--line); border-radius:15px; background:var(--paper); font-size:var(--taille-12); color:var(--ink); font-weight:600; }
.jd-puce[aria-pressed=true] { border-color:var(--teal); background:var(--teal-soft); color:var(--teal-d); }
.jd-groupe { display:flex; flex-direction:column; gap:8px; }
.jd-groupe-titre { display:flex; align-items:center; gap:10px; padding:4px 2px 0; font-size:var(--taille-13); }
.jd-groupe-titre i { background:var(--line-fort); }
.jd-groupe-titre small { font-size:var(--taille-12); }
.jd-filet { flex:1; min-width:15px; height:1px; background:var(--line); }
.jd-texte-retard { color:var(--bad); }
.jd-texte-retard i { background:var(--bad-solid,var(--bad)); }
.jd-tache { border:1px solid var(--line); border-radius:var(--rayon-12); background:var(--paper); overflow:hidden; scroll-margin-top:150px; }
.jd-tache.jd-actuelle { border-color:var(--jd-bord); }
.jd-tache-corps { display:grid; grid-template-columns:5px minmax(0,1fr) auto; align-items:stretch; }
.jd-lisere { background:var(--jd-urgence,var(--line-fort)); }
.jd-tache-contenu { padding:14px 16px; display:flex; flex-direction:column; gap:6px; }
.jd-tache-titre { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.jd-tache h3 { font-size:var(--taille-15); font-weight:600; }
.jd-tache-contenu p { font-size:var(--taille-13); line-height:1.45; color:var(--ink-2); }
.jd-compteur-dossier { min-height:22px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid var(--line); background:var(--canvas); border-radius:11px; font-size:var(--taille-12); font-weight:600; }
.jd-etiquette { padding:2px 8px; border-radius:var(--rayon-5); background:var(--canvas); color:var(--muted); font-size:var(--taille-11); font-weight:600; }
.jd-tache-notes { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.jd-date-limite { padding:3px 9px; border-radius:var(--rayon-6); font-size:var(--taille-12); font-weight:600; background:var(--jd-fond,var(--canvas)); color:var(--jd-texte,var(--muted)); }
.jd-tache-actions { padding:14px 16px; display:flex; flex-direction:column; justify-content:center; gap:6px; }
.jd-erreur { background:var(--canvas); }
.jd-erreur .jd-tache-contenu p,.jd-lecture-impossible { color:var(--muted); }
.jd-ligne-dossier { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:6px 16px; align-items:center; padding:10px 16px 10px 21px; border-top:1px solid var(--line-2); }
.jd-ligne-dossier > div:first-child { min-width:0; }
.jd-ligne-dossier small { display:block; overflow-wrap:anywhere; margin-top:3px; }
.jd-ligne-titre { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:var(--taille-14); }
.jd-alerte { padding:1px 7px; font-size:var(--taille-11); font-weight:600; color:var(--warn); background:var(--warn-bg); border-radius:var(--rayon-5); }
.jd-ligne-montant { font-size:var(--taille-14); font-weight:600; white-space:nowrap; text-align:end; }
.jd-ligne-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
html .jd-ligne-actions .jd-bouton { min-height:30px; font-size:var(--taille-12); padding:0 10px; border-radius:var(--rayon-7); }
.jd-place-entete { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:9px 16px 8px 21px; border-top:1px solid var(--line); background:var(--canvas); font-size:var(--taille-13); }
.jd-place-entete > span { flex:1; font-size:var(--taille-12); color:var(--muted); }
html .jd-place-entete .jd-bouton { min-height:30px; font-size:var(--taille-12); }
.jd-filtres-dossiers { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 16px 10px 21px; border-top:1px solid var(--line-2); background:var(--paper-2,var(--canvas)); }
.jd-filtres-dossiers input { width:200px; max-width:100%; height:30px; padding:0 10px; color:var(--ink); background:var(--paper); border:1px solid var(--line-fort); border-radius:var(--rayon-8); font:13px var(--police); }
.jd-filtre-alerte { min-height:30px; padding:0 10px; border:1px solid var(--warn-line,var(--line)); border-radius:15px; background:var(--paper); color:var(--warn); font-size:var(--taille-12); font-weight:600; }
.jd-filtre-alerte[aria-pressed=true] { background:var(--warn-bg); }
html .jd-v2 .jd-voir-plus { display:block; width:100%; text-align:start; border:0; border-top:1px solid var(--line-2); border-radius:0; color:var(--teal-d); padding:9px 21px; }
.jd-carte-laterale { padding:16px 18px; display:flex; flex-direction:column; gap:12px; background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); }
.jd-carte-laterale h2 { font-size:var(--taille-15); font-weight:600; }
.jd-carte-titre { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
html .jd-carte-titre .jd-bouton { min-height:30px; padding:0; border:0; color:var(--teal-d); font-size:var(--taille-12); }
.jd-attente-ligne { display:flex; align-items:flex-start; gap:10px; padding-top:10px; border-top:1px solid var(--line-2); }
.jd-attente-ligne > div { display:flex; flex-direction:column; gap:3px; min-width:0; overflow-wrap:anywhere; }
.jd-attente-ligne strong { font-size:var(--taille-14); font-weight:600; }
.jd-tuile-icone { display:flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; border-radius:var(--rayon-8); background:var(--canvas); color:var(--ink-2); }
html .jd-attente-ligne .jd-bouton { font-size:var(--taille-12); min-height:30px; align-self:flex-start; }
.jd-jauge { display:flex; flex-direction:column; gap:6px; }
.jd-jauge[role=link] { cursor:pointer; }
.jd-jauge > div:first-child { display:flex; justify-content:space-between; gap:8px; font-size:var(--taille-13); }
.jd-jauge > div:first-child span { color:var(--ink-2); }
.jd-jauge strong { font-weight:600; }
.jd-jauge-rail { height:6px; border-radius:var(--rayon-3); overflow:hidden; background:var(--canvas); }
.jd-jauge-rail > span { display:block; height:100%; border-radius:var(--rayon-3); background:var(--teal); transition:width .4s; }
.jd-jauge-rail > span.jd-complete { background:var(--ok-solid,var(--ok)); }
.jd-preuve { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; padding-top:8px; border-top:1px solid var(--line-2); font-size:var(--taille-13); }
.jd-preuve time { font-weight:600; color:var(--muted); }
.jd-note,.jd-vide,.jd-lecture-impossible { font-size:var(--taille-13); line-height:1.5; color:var(--muted); }
.jd-vide { padding:16px 18px; background:var(--paper); border:1px dashed var(--line-fort); border-radius:var(--rayon-12); }

.jd-serie-voile { position:fixed; inset:0; z-index:44; background:var(--scrim,color-mix(in srgb,var(--ink) 45%,transparent)); }
.jd-serie { position:fixed; inset-block:0; inset-inline-end:0; z-index:45; width:min(560px,100%); display:flex; flex-direction:column; background:var(--paper); color:var(--ink); font-family:var(--police); box-shadow:var(--shadow-tiroir,var(--ombre-tiroir)); }
.jd-serie-tete { display:flex; flex-direction:column; gap:10px; padding:18px 22px 14px; border-bottom:1px solid var(--line); }
.jd-serie-tete > div:first-child { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.jd-serie-surtitre { color:var(--teal-d); font-size:var(--taille-12); font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.jd-serie-titre { font-size:var(--taille-18); font-weight:600; }
.jd-serie-fermer { min-width:34px; }
.jd-serie-progression { height:6px; overflow:hidden; border-radius:var(--rayon-3); background:var(--canvas); }
.jd-serie-progression > span { display:block; height:100%; background:var(--teal); transition:width .25s; }
.jd-serie-corps { flex:1; min-height:0; overflow:auto; padding:20px 22px; display:flex; flex-direction:column; gap:16px; }
.jd-serie-point { font-size:var(--taille-20); font-weight:600; }
.jd-serie-reference,.jd-serie-aide { font-size:var(--taille-12); color:var(--muted); }
.jd-serie-montant { font-size:34px; font-weight:600; letter-spacing:-.02em; }
.jd-serie-note { font-size:var(--taille-14); color:var(--ink-2); line-height:1.5; }
.jd-serie-contexte { margin:0; border:1px solid var(--line); border-radius:var(--rayon-10); overflow:hidden; }
.jd-serie-paire { display:flex; justify-content:space-between; gap:12px; padding:10px 14px; border-top:1px solid var(--line-2); font-size:var(--taille-13); }
.jd-serie-paire:first-child { border-top:0; }
.jd-serie-paire dt { color:var(--muted); }
.jd-serie-paire dd { margin:0; font-weight:600; text-align:end; overflow-wrap:anywhere; }
.jd-serie-pied { padding:14px 22px 18px; display:flex; flex-direction:column; gap:10px; border-top:1px solid var(--line); }
.jd-serie-actions { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto; gap:8px; }
html .jd-serie-actions .btn { min-height:46px; border-radius:var(--rayon-10); font-size:var(--taille-14); }
html .jd-serie .jd-serie-passer { border:0; background:transparent; color:var(--muted); }
.jd-serie-renvoi { display:flex; flex-direction:column; gap:10px; padding:14px 16px; border:1px solid var(--warn-line,var(--line)); background:var(--warn-bg); border-radius:var(--rayon-12); }
.jd-serie-motifs { display:flex; flex-direction:column; gap:4px; }
html .jd-serie .jd-serie-motif { min-height:36px; display:flex; align-items:center; gap:10px; text-align:start; font-size:var(--taille-13); }
html .jd-serie .jd-serie-motif[aria-checked=true] { border-color:var(--teal); background:var(--teal-soft); color:var(--teal-d); }
.jd-serie-texte { display:flex; flex-direction:column; gap:6px; font-size:var(--taille-12); font-weight:600; }
.jd-serie textarea { width:100%; padding:8px 10px; border:1px solid var(--line-fort); border-radius:var(--rayon-8); background:var(--paper); color:var(--ink); font:14px var(--police); resize:vertical; }
.jd-serie-erreur { padding:10px 12px; color:var(--bad); background:var(--bad-bg); border-radius:var(--rayon-8); font-size:var(--taille-13); }
.jd-serie-fin { flex:1; padding:32px 22px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.jd-serie-coche { width:56px; height:56px; display:flex; align-items:center; justify-content:center; background:var(--ok-bg); color:var(--ok); border-radius:var(--rayon-50cercle); font-size:26px; }
@media (max-width:900px) { .jd-collante { inset-inline-start:28px; } .jd-frise-entete { flex-wrap:wrap; } .jd-frise-rail { flex-basis:45%; } }
@media (max-width:600px) { .jd-entete-actions { justify-content:flex-start; } .jd-maintenant-action,.jd-maintenant-temps { padding:18px; } .jd-maintenant-temps { border-inline-start:0; border-top:1px solid var(--line); } .jd-tache-corps { grid-template-columns:5px minmax(0,1fr); } .jd-tache-actions { grid-column:2; flex-direction:row; justify-content:flex-start; padding-top:0; } .jd-lisere { grid-row:1/3; } .jd-ligne-dossier { grid-template-columns:minmax(0,1fr) auto; } .jd-ligne-actions { grid-column:1/-1; justify-content:flex-start; } .jd-collante { inset-inline:12px; } .jd-collante .jd-surtitre,.jd-collante .jd-date-limite { display:none; } .jd-serie-actions { grid-template-columns:1fr 1fr; } .jd-serie-passer { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .jd-collante { animation:none; } .jd-jauge-rail > span,.jd-serie-progression > span { transition:none; } }


.jd-serie-tete{position:relative;padding-inline-end:66px}
.jd-serie-tete>div:first-child{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}
.jd-serie-fermer{position:absolute;top:18px;inset-inline-end:22px}


.jd-preuves-liste { display:flex; flex-direction:column; gap:12px; }
.jd-preuve-detail { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:start; gap:12px; padding:12px; border:1px solid var(--line); border-radius:var(--rayon-8); }
.jd-preuve-detail time { font-size:var(--taille-13); font-weight:600; color:var(--muted); }
.jd-preuve-detail > div { min-width:0; overflow-wrap:anywhere; }
.jd-preuve-detail strong { font-size:var(--taille-14); }
.jd-preuve-detail small { display:block; margin-top:4px; font-size:var(--taille-12); color:var(--muted); }
@media (max-width:600px) { .jd-preuve-detail { grid-template-columns:48px minmax(0,1fr); } .jd-preuve-detail .btn { grid-column:2; justify-self:start; } }
html[data-theme="ortilis"] {
  
  --solid:#041B3D; --on-solid:#FFFFFF; --paper-2:#FAFBFC;
  --shadow:0 8px 24px rgba(4,27,61,.08);
  --ink:#041B3D; --ink-2:#1C3558; --ink-3:#2A4568;
  --slate:#55657A; --muted:#55657A; --muted-inv:#9FB0C6; --faint:#64748B;
  
  --paper:#FFFFFF; --canvas:#F4F7F8; --canvas-2:#E6EBF3;
  --line:#E3E8EC; --line-2:#EDF1F4; --line-fort:#C9D2DB;
  
  --teal:#0B7A56; --teal-d:#08603F; --teal-h:#096846; --teal-soft:#E3F4EE; --menthe:#3FCB98;
  
  --ok-bg:#EAF1ED;   --ok:#2F6B57;
  --info-bg:#E6EBF3; --info:#041B3D;
  --wait-bg:#F4F7F8; --wait:#55657A;
  --warn-bg:#FBF1DF; --warn:#8A5A00;
  --bad-bg:#FBE9E7;  --bad:#9E2F25; --clay:#9E2F25;
  
  --r-s:6px; --r:8px; --r-l:12px;
  --ombre-tiroir:-24px 0 60px rgba(4,27,61,.18);
  
  --police:'Inter','IBM Plex Sans',system-ui,'Segoe UI',sans-serif;
  --police-n:'Inter','IBM Plex Sans',system-ui,sans-serif;
  font-feature-settings:'tnum' 1,'cv11' 1;
}
html[data-theme="ortilis"] body { background:var(--canvas); color:var(--ink); font-family:var(--police); }


.theme-entete { display:none; }
html[data-theme="ortilis"] .app { grid-template-columns:232px minmax(0,1fr); grid-template-rows:64px minmax(0,1fr); }
html[data-theme="ortilis"] .theme-entete {
  display:flex; align-items:stretch; gap:20px; padding:0 20px; min-width:0;
  background:var(--paper); border-bottom:1px solid var(--line); grid-column:1 / -1; grid-row:1;
  position:sticky; top:0; z-index:30;
}
html[data-theme="ortilis"] .theme-identite { display:flex; align-items:center; gap:12px; flex:none; }
html[data-theme="ortilis"] .theme-identite img { height:30px; width:auto; }
html[data-theme="ortilis"] .theme-identite span { font-size:var(--taille-12); color:var(--muted); padding-inline-start:12px; border-inline-start:1px solid var(--line); }
html[data-theme="ortilis"] .theme-modules { display:flex; align-self:stretch; min-width:0; overflow-x:auto; margin-inline-start:0; }
html[data-theme="ortilis"] .theme-modules a {
  display:flex; align-items:center; gap:8px; padding:0 14px; font-size:var(--taille-14); font-weight:500;
  color:var(--ink); white-space:nowrap; text-decoration:none; box-shadow:inset 0 -3px 0 transparent;
}
html[data-theme="ortilis"] .theme-modules a:hover { background:var(--canvas); }
html[data-theme="ortilis"] .theme-modules a.on { color:var(--teal); font-weight:600; box-shadow:inset 0 -3px 0 var(--teal); }
html[data-theme="ortilis"] .theme-modules a .cnt { font-size:var(--taille-11); font-weight:600; padding:1px 7px; border-radius:var(--rayon-10); background:var(--bad); color:var(--palette-blanc); }

html[data-theme="ortilis"] .side, html[data-theme="ortilis"] .main, html[data-theme="ortilis"] .aidep { grid-row:2; }
html[data-theme="ortilis"] .side { background:var(--paper); border-inline-end:1px solid var(--line); }
html[data-theme="ortilis"] .side .brand { justify-content:flex-end; min-height:44px; padding:6px 12px; }
html[data-theme="ortilis"] .side .brand > .bmark, html[data-theme="ortilis"] .side .brand > div { display:none; }
html[data-theme="ortilis"] .nav { padding:18px 12px 8px; gap:2px; }
html[data-theme="ortilis"] .navg { color:var(--muted); padding:12px 12px 8px; font-size:var(--taille-11); letter-spacing:.12em; }
html[data-theme="ortilis"] .navg:hover, html[data-theme="ortilis"] a.navg:hover { color:var(--ink); }
html[data-theme="ortilis"] .navi { color:var(--ink); border:0; border-radius:var(--r); padding:9px 12px; font-size:var(--taille-14); font-weight:500; gap:10px; }
html[data-theme="ortilis"] .navi:hover { background:var(--canvas); }
html[data-theme="ortilis"] .navi.on { background:var(--teal-soft); color:var(--teal-d); font-weight:600; }
html[data-theme="ortilis"] .navi.on svg { color:var(--teal); }
html[data-theme="ortilis"] .navi .cnt { background:var(--canvas); color:var(--ink); border:0; border-radius:var(--rayon-10); font-size:var(--taille-11); font-weight:600; padding:1px 7px; }
html[data-theme="ortilis"] .navi .cnt.hot { background:var(--bad); color:var(--palette-blanc); }
html[data-theme="ortilis"] .nav-chercher { background:var(--canvas); border:1px solid var(--line); color:var(--muted); border-radius:var(--r); height:34px; }
html[data-theme="ortilis"] .sfoot { border-color:var(--line); padding:14px 12px; }
html[data-theme="ortilis"] #agent-nom { color:var(--ink) !important; font-size:var(--taille-13) !important; font-weight:600 !important; }
html[data-theme="ortilis"] #agent-role, html[data-theme="ortilis"] .build-pied { color:var(--muted); }
html[data-theme="ortilis"] .avatar { background:var(--ink); color:var(--palette-blanc); }


html[data-theme="ortilis"][data-rail="sombre"] .side { background:var(--palette-marine); border-color:var(--palette-rail); }
html[data-theme="ortilis"][data-rail="sombre"] .navi { color:var(--palette-brume); }
html[data-theme="ortilis"][data-rail="sombre"] .navi:hover, html[data-theme="ortilis"][data-rail="sombre"] .navi.on { background:var(--palette-rail); color:var(--palette-blanc); }
html[data-theme="ortilis"][data-rail="sombre"] .navg, html[data-theme="ortilis"][data-rail="sombre"] #agent-role { color:var(--muted-inv); }
html[data-theme="ortilis"][data-rail="sombre"] #agent-nom { color:var(--palette-blanc) !important; }


html[data-theme="ortilis"] .top { padding:24px 28px 0; background:var(--canvas); border-bottom:0; height:auto; align-items:flex-end; gap:12px; }
html[data-theme="ortilis"] .crumb { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .h1 { font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.2; }
html[data-theme="ortilis"] .sous-titre { font-size:var(--taille-13); color:var(--muted); gap:10px; }
html[data-theme="ortilis"] .ctx-groupe { height:36px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); overflow:hidden; gap:0; }
html[data-theme="ortilis"] .ctx-groupe > .ctx-pill { border:0; border-radius:0; border-inline-start:1px solid var(--line); height:100%; background:transparent; font-size:var(--taille-13); }
html[data-theme="ortilis"] .ctx-groupe > .ctx-pill:first-child { border-inline-start:0; }
html[data-theme="ortilis"] .pill { height:34px; border-radius:var(--r); border:1px solid var(--line); background:var(--paper); font-size:var(--taille-13); }
html[data-theme="ortilis"] .pill-horloge .n { font-weight:600; }


html[data-theme="ortilis"] .body { --vue-marge-haute:16px; padding:16px 28px 28px; gap:16px; }


html[data-theme="ortilis"] .seg { border-radius:var(--r); border-color:var(--line); }
html[data-theme="ortilis"] .seg > button { padding:7px 12px; font-size:var(--taille-13); }
html[data-theme="ortilis"] .seg > button.on { background:var(--ink); color:var(--palette-blanc); }


html[data-theme="ortilis"] .card, html[data-theme="ortilis"] .kpi, html[data-theme="ortilis"] .connexion-panneau {
  border-radius:var(--r-l); border:1px solid var(--line); background:var(--paper); box-shadow:none;
}
html[data-theme="ortilis"] .ch { padding:16px 20px; border-bottom:1px solid var(--line); }
html[data-theme="ortilis"] .ct { font-size:var(--taille-16); font-weight:600; letter-spacing:0; }
html[data-theme="ortilis"] .cs, html[data-theme="ortilis"] .tiny { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .cb { padding:18px 20px; }

html[data-theme="ortilis"] .kpi { padding:18px 20px; gap:6px; }
html[data-theme="ortilis"] .kl, html[data-theme="ortilis"] .kd { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .kv { font-size:26px; font-weight:600; letter-spacing:-.02em; line-height:1.1; }

html[data-theme="ortilis"] .card.reco, html[data-theme="ortilis"] .carte-reco { background:var(--ink); color:var(--palette-blanc); border-color:var(--ink); }
html[data-theme="ortilis"] .card.reco .eyebrow, html[data-theme="ortilis"] .carte-reco .eyebrow { color:var(--menthe); }


html[data-theme="ortilis"] .t { font-size:var(--taille-14); }
html[data-theme="ortilis"] .t th { background:var(--canvas); font-size:var(--taille-11); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); padding:10px 16px; border-bottom:0; }
html[data-theme="ortilis"] .t td { padding:12px 16px; border-top:1px solid var(--line-2); }
html[data-theme="ortilis"] .t tbody tr:hover td { background:var(--canvas); }
html[data-theme="ortilis"] .t tbody tr.warn > td { background:var(--warn-bg); }
html[data-theme="ortilis"] .t tbody tr.warn:hover > td { background:var(--warn-bg); box-shadow:inset 0 1px 0 var(--warn),inset 0 -1px 0 var(--warn); }
html[data-theme="ortilis"] .t td.k { font-weight:600; }
html[data-theme="ortilis"] .table-trier { font:inherit; color:inherit; letter-spacing:inherit; text-transform:inherit; }


html[data-theme="ortilis"] .btn { border-radius:var(--r); min-height:36px; font-size:var(--taille-13); font-weight:500; padding-inline:14px; border:1px solid var(--line-fort); background:var(--paper); color:var(--ink); gap:7px; }
html[data-theme="ortilis"] .btn:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { border-color:var(--ink); }
html[data-theme="ortilis"] .btn-p { background:var(--teal); border-color:var(--teal); color:var(--palette-blanc); font-weight:600; }
html[data-theme="ortilis"] .btn-p:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--teal-h); border-color:var(--teal-h); }
html[data-theme="ortilis"] .btn-d { background:var(--paper); border-color:var(--line-fort); color:var(--ink); }
html[data-theme="ortilis"] .btn-g { background:transparent; border-color:transparent; color:var(--muted); }
html[data-theme="ortilis"] .btn-g:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--canvas); color:var(--ink); }
html[data-theme="ortilis"] .btn-x { background:transparent; border-color:transparent; color:var(--bad); }
html[data-theme="ortilis"] .btn-x:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--bad-bg); }
html[data-theme="ortilis"] .btn[disabled], html[data-theme="ortilis"] .btn[aria-disabled="true"], html[data-theme="ortilis"] .btn.off { opacity:1; box-shadow:none; color:var(--muted); border-color:var(--line); background:var(--canvas); cursor:not-allowed; }


html[data-theme="ortilis"] .fi { border-radius:var(--r); min-height:36px; font-size:var(--taille-14); border:1px solid var(--line-fort); color:var(--ink); }
html[data-theme="ortilis"] .fi:focus { border-color:var(--teal); outline:2px solid var(--teal); outline-offset:0; }
html[data-theme="ortilis"] .fl { font-size:var(--taille-12); color:var(--muted); }


html[data-theme="ortilis"] .b { border-radius:var(--r-s); font-size:var(--taille-12); font-weight:600; padding:3px 9px; border:0; }
html[data-theme="ortilis"] .b-ok   { background:var(--ok-bg);   color:var(--ok); }
html[data-theme="ortilis"] .b-i, html[data-theme="ortilis"] .b-n { background:var(--info-bg); color:var(--info); }
html[data-theme="ortilis"] .b-w    { background:var(--warn-bg); color:var(--warn); }
html[data-theme="ortilis"] .b-x, html[data-theme="ortilis"] .b-ko { background:var(--bad-bg); color:var(--bad); }
html[data-theme="ortilis"] .b-m    { background:var(--wait-bg); color:var(--wait); }
html[data-theme="ortilis"] .rien { color:var(--faint); }


html[data-theme="ortilis"] .stp { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:0; }
html[data-theme="ortilis"] .stp .bar { display:none; }
html[data-theme="ortilis"] .stp .s { display:flex; flex-direction:column; align-items:center; gap:6px; position:relative; }
html[data-theme="ortilis"] .stp .s:not(:last-child)::after { content:''; position:absolute; top:9px; inset-inline-start:50%; inset-inline-end:-50%; height:2px; background:#DCE3E9; }
html[data-theme="ortilis"] .stp .sn { position:relative; z-index:1; width:20px; height:20px; border-radius:var(--rayon-50cercle); font-size:var(--taille-11); background:var(--paper); border:2px solid var(--line-fort); }
html[data-theme="ortilis"] .stp .sn.done { background:var(--navy,var(--palette-marine)); border-color:var(--navy,var(--palette-marine)); color:var(--palette-blanc); }
html[data-theme="ortilis"] .stp .sn.now { border:6px solid var(--teal); box-shadow:0 0 0 4px var(--teal-soft); }
html[data-theme="ortilis"] .stp .sl2 { font-size:var(--taille-11); color:var(--muted); }
html[data-theme="ortilis"] .stp .sl2.now { color:var(--ink); font-weight:700; }


html[data-theme="ortilis"] .tiroir-fond { background:rgba(4,27,61,.32); }
html[data-theme="ortilis"] .tiroir-panneau { width:min(var(--largeur-volet-contextuel),100vw); max-width:100vw; background:var(--canvas); box-shadow:var(--ombre-tiroir); }
html[data-theme="ortilis"] .tiroir-tete { background:var(--paper); border-bottom:1px solid var(--line); padding:14px 24px 18px; }
html[data-theme="ortilis"] .tiroir-corps { padding:16px; gap:12px; }
html[data-theme="ortilis"] .tiroir-corps .card { border-radius:var(--r-l); }
html[data-theme="ortilis"] .presence-dossier { position:static; z-index:auto; font-size:var(--taille-12); color:var(--muted); background:transparent; border:0; padding:0; }
html[data-theme="ortilis"] .presence-dossier-alerte { color:var(--warn); background:var(--warn-bg); border:1px solid var(--warn); padding:10px 12px; }
html[data-theme="ortilis"] .ctx { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:var(--canvas); border-top:1px solid var(--line); }
html[data-theme="ortilis"] .ctx > div { padding:12px 20px; }
html[data-theme="ortilis"] .ctx > div + div { border-inline-start:1px solid var(--line); }
html[data-theme="ortilis"] .ctx .cl { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .ctx .cv { font-size:var(--taille-16); font-weight:600; }


html[data-theme="ortilis"] .aidep { background:var(--paper); border-inline-start:1px solid var(--line); }
html[data-theme="ortilis"] .connexion { background:var(--canvas); }
html[data-theme="ortilis"] :focus-visible { outline:2px solid var(--teal); outline-offset:2px; }


html[data-theme="ortilis"][data-densite="compacte"] .body { --vue-marge-haute:12px; padding:12px 20px 20px; gap:12px; }
html[data-theme="ortilis"][data-densite="compacte"] .t td { padding:8px 16px; }
html[data-theme="ortilis"][data-densite="compacte"] .kpi, html[data-theme="ortilis"][data-densite="compacte"] .cb { padding:14px 16px; }

@media(min-width:1361px) {
  html[data-theme="ortilis"] .app.avec-aide { grid-template-columns:232px minmax(0,1fr) var(--largeur-aide-contextuelle); }
  html[data-theme="ortilis"] .app.mode-portail.avec-aide { grid-template-columns:minmax(0,1fr) var(--largeur-aide-contextuelle); }
}
html[data-theme="ortilis"] .app.mode-portail { grid-template-columns:minmax(0,1fr); }
@media(min-width:721px) { html[data-theme="ortilis"] .app.navigation-repliee:not(.mode-portail) { grid-template-columns:62px minmax(0,1fr); } }
@media(max-width:1100px) {
  html[data-theme="ortilis"] .theme-identite span { display:none; }
  html[data-theme="ortilis"] .theme-modules a { padding-inline:10px; font-size:var(--taille-13); }
  html[data-theme="ortilis"] .top, html[data-theme="ortilis"] .body { padding-inline:16px; }
}
@media(max-width:720px) {
  html[data-theme="ortilis"] .app, html[data-theme="ortilis"] .app.avec-aide { grid-template-columns:minmax(0,1fr); grid-template-rows:56px minmax(0,1fr); }
  html[data-theme="ortilis"] .theme-modules { display:none; }
  html[data-theme="ortilis"] .side .brand { display:flex; }
  html[data-theme="ortilis"] .h1 { font-size:var(--taille-22); }
  html[data-theme="ortilis"] .body { --vue-marge-haute:12px; padding:12px; gap:12px; }
  html[data-theme="ortilis"] .fi { font-size:var(--taille-16); }
}
@media print {
  html[data-theme="ortilis"] .theme-entete { display:none; }
  html[data-theme="ortilis"] .app { display:block; }
}



html[data-theme="ortilis"][data-mode="sombre"] {
  color-scheme: dark;
  --solid:#2A4568; --on-solid:#FFFFFF; --paper-2:#102746;
  --shadow:0 8px 24px rgba(0,0,0,.4);
  --ink:#E8EEF5; --ink-2:#C9D7EA; --ink-3:#9FB0C6;
  --slate:#9FB0C6; --muted:#9FB0C6; --muted-inv:#9FB0C6; --faint:#9FB0C6;
  --paper:#0D1F38; --canvas:#071426; --canvas-2:#13294A;
  --line:#1E3557; --line-2:#182D4C; --line-fort:#2E4A72;
  --teal:#0B7A56; --teal-d:#6EE0B5; --teal-h:#096846; --teal-soft:rgba(63,203,152,.12); --menthe:#3FCB98;
  --ok-bg:#12352B; --ok:#6FD3A8;  --info-bg:#1A2E4F; --info:#C9D7EA;
  --wait-bg:#132640; --wait:#9FB0C6;  --warn-bg:#3A2C10; --warn:#F2C46B;
  --bad-bg:#3D1C1C; --bad:#F4A196; --clay:#F4A196;
  --ombre-tiroir:-24px 0 60px rgba(0,0,0,.5); --icon-dot:#3FCB98;
}
html[data-theme="ortilis"][data-mode="sombre"] body { background:var(--canvas); color:var(--ink); }
html[data-theme="ortilis"][data-mode="sombre"] .theme-identite img { content:url('/statique/ortilis-logo-sombre.webp'); }
html[data-theme="ortilis"][data-mode="sombre"] .theme-modules a.on,
html[data-theme="ortilis"][data-mode="sombre"] .body a:not(.btn):not(.tab) { color:var(--menthe); }
html[data-theme="ortilis"][data-mode="sombre"] .theme-modules a.on { box-shadow:inset 0 -3px 0 var(--menthe); }
html[data-theme="ortilis"][data-mode="sombre"] .navi.on { background:var(--teal-soft); color:var(--teal-d); }
html[data-theme="ortilis"][data-mode="sombre"] .seg > button.on { background:var(--ink); color:var(--canvas); }
html[data-theme="ortilis"][data-mode="sombre"] .card.reco, html[data-theme="ortilis"][data-mode="sombre"] .carte-reco { background:#13294A; border-color:#2E4A72; }
html[data-theme="ortilis"][data-mode="sombre"] .btn-p { background:var(--teal); border-color:var(--teal); color:var(--palette-blanc); }
html[data-theme="ortilis"][data-mode="sombre"] .btn-p:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--teal-h); }
html[data-theme="ortilis"][data-mode="sombre"] .btn[disabled], html[data-theme="ortilis"][data-mode="sombre"] .btn[aria-disabled="true"], html[data-theme="ortilis"][data-mode="sombre"] .btn.off { color:var(--muted); background:#0A1A30; border-color:var(--line); box-shadow:none; }
html[data-theme="ortilis"][data-mode="sombre"] .fi { background:#0A1A30; }

html[data-theme="ortilis"] select option,
html[data-theme="ortilis"] select optgroup { background:var(--paper); color:var(--ink); }
html[data-theme="ortilis"][data-mode="sombre"] select { color:var(--ink); color-scheme:dark; }
html[data-theme="ortilis"][data-mode="sombre"] .tiroir-fond { background:rgba(0,0,0,.55); }
html[data-theme="ortilis"][data-mode="sombre"] .avatar { background:var(--palette-neige); color:var(--palette-marine); }
html[data-theme="ortilis"][data-mode="sombre"] .ico-point { fill:var(--menthe); }
html[data-theme="ortilis"][data-mode="sombre"] :focus-visible { outline-color:var(--menthe); }


html[data-theme="ortilis"] .ico { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
html[data-theme="ortilis"] .ico .ico-point, html[data-theme="ortilis"] .ico-point { fill:var(--icon-dot,var(--palette-vert-ortilis)); stroke:none; }
html[data-theme="ortilis"][data-rail="sombre"] .side .ico-point { fill:var(--palette-menthe); }
html[data-theme="ortilis"] .ico-l { width:28px; height:28px; stroke-width:1.5; }


html[data-theme="ortilis"] {
  --navy:#041B3D; --surface:var(--paper); --surface-2:var(--canvas); --ligne:var(--line);
  --green:var(--ok); --green-d:var(--ok); --green-soft:var(--ok-bg);
  --gold-d:var(--warn); --gold-soft:var(--warn-bg);
  --clay-d:var(--bad); --clay-soft:var(--bad-bg);
  --steel:var(--info); --steel-d:var(--info); --steel-soft:var(--info-bg);
  --s1:#041B3D; --s2:#0B7A56; --s3:#2F4A6E; --s4:#8A97A8; --s5:#3FCB98; --s6:#C9D2DB;
}
html[data-theme="ortilis"][data-mode="sombre"] {
  --s1:#E8EEF5; --s2:#3FCB98; --s3:#9FB0C6; --s4:#6F8BA8; --s5:#6EE0B5; --s6:#C9D2DB;
}
html[data-theme="ortilis"] .theme-entete { gap:16px; }
html[data-theme="ortilis"] .theme-identite > span { max-width:165px; line-height:1.5; }
html[data-theme="ortilis"] .theme-modules { flex:1; scrollbar-width:thin; }
html[data-theme="ortilis"] .theme-modules a { padding-inline:10px; gap:7px; font-size:var(--taille-13); }
html[data-theme="ortilis"] .theme-outils { display:flex; flex:none; align-items:center; gap:8px; }
html[data-theme="ortilis"] .theme-recherche { display:flex; gap:8px; align-items:center; height:34px; border:1px solid var(--line); border-radius:var(--rayon-8); padding:0 10px; color:var(--muted); background:var(--canvas); cursor:pointer; }
html[data-theme="ortilis"] .theme-recherche span { max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-theme="ortilis"] .theme-recherche kbd { border:1px solid var(--line); padding:2px 4px; border-radius:var(--rayon-4); font-size:var(--taille-10); }
html[data-theme="ortilis"] .theme-outils .avatar { width:34px; height:34px; }
html[data-theme="ortilis"] .theme-outils .pill { padding-inline:10px; }
html[data-theme="ortilis"] .top { flex-wrap:wrap; padding-bottom:8px; }
html[data-theme="ortilis"] .bloc-titre { min-width:180px; max-width:none; }
html[data-theme="ortilis"] .h1 { overflow:visible; white-space:normal; }
html[data-theme="ortilis"] .ctx-groupe { max-width:100%; flex-wrap:wrap; height:auto; min-height:36px; overflow:visible; }
html[data-theme="ortilis"] .ctx-groupe > .ctx-pill { min-height:34px; }
html[data-theme="ortilis"] .side { grid-row:2; padding-top:0; }
html[data-theme="ortilis"] .nav { padding-inline:10px; }
html[data-theme="ortilis"] .navg { color:var(--muted); font-size:var(--taille-11); letter-spacing:.09em; padding-block:12px; }
html[data-theme="ortilis"] .side-replier { color:var(--muted); border-color:var(--line); background:var(--paper); }
html[data-theme="ortilis"] .nav-etoile { color:var(--muted); }
html[data-theme="ortilis"] .btn-agent { color:var(--muted); }
html[data-theme="ortilis"][data-rail="sombre"] .side { --rail-texte:#C9D3E0; }
html[data-theme="ortilis"][data-rail="sombre"] .side :is(.nav-etoile,.btn-agent,.build-pied) { color:var(--palette-acier); }
html[data-theme="ortilis"][data-rail="sombre"] .side-replier { color:var(--palette-brume); background:var(--palette-rail); border-color:#2F4A6E; }
html[data-theme="ortilis"][data-rail="sombre"] .nav-favoris-titre { color:var(--palette-acier); }
@media(min-width:1101px) {
  html[data-theme="ortilis"] #nav > [data-famille]:not(.famille-courante) { display:none; }
  html[data-theme="ortilis"] .nav > .nav-chercher { display:none; }
}
@media(max-width:1500px) { html[data-theme="ortilis"] .theme-identite > span { display:none; } }
@media(max-width:1280px) { html[data-theme="ortilis"] .theme-recherche :is(span,kbd) { display:none; } }

@media(max-width:720px) {
  html[data-theme="ortilis"] .theme-entete { padding-inline:12px; gap:8px; }
  html[data-theme="ortilis"] .theme-outils { margin-inline-start:auto; }
  html[data-theme="ortilis"] .theme-outils .pill-horloge { display:none; }
  html[data-theme="ortilis"] .side .brand > .bmark,
  html[data-theme="ortilis"] .side .brand > div { display:block; }
  html[data-theme="ortilis"] .side .brand { justify-content:flex-start; }
  html[data-theme="ortilis"] .bande-mdp { flex-wrap:wrap; gap:8px; }
  html[data-theme="ortilis"] .bande-mdp-texte { flex:1 1 100%; }
  html[data-theme="ortilis"] .bande-mdp .btn { margin-inline-start:0; max-width:100%; height:auto; white-space:normal; }
}
@media(min-width:1361px) {
  html[data-theme="ortilis"] .app.navigation-repliee.avec-aide:not(.mode-portail) { grid-template-columns:62px minmax(0,1fr) var(--largeur-aide-contextuelle); }
}


html[data-theme="ortilis"] .tabs { display:flex; width:100%; gap:4px; padding:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
html[data-theme="ortilis"] .tabs .tab { min-height:40px; margin:0; padding:10px 14px; font-size:var(--taille-13); font-weight:500; border:0; border-radius:0; background:transparent; color:var(--muted); box-shadow:inset 0 -2px 0 transparent; }
html[data-theme="ortilis"] .tabs .tab:hover { background:var(--canvas); color:var(--ink); }
html[data-theme="ortilis"] .tabs .tab.on { color:var(--ink); font-weight:600; background:transparent; box-shadow:inset 0 -2px 0 var(--teal); }
html[data-theme="ortilis"][data-mode="sombre"] .tabs .tab.on { box-shadow:inset 0 -2px 0 var(--menthe); }

html[data-theme="ortilis"] .ses-panneau { width:340px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow:auto; border-radius:var(--rayon-12); background:var(--paper); color:var(--ink); border:1px solid var(--line); }
html[data-theme="ortilis"] .ses-preference { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-block:8px; font-size:var(--taille-13); }
html[data-theme="ortilis"] .ses-preference .fi { width:150px; }
html[data-theme="ortilis"] div.vide { display:flex; flex-direction:column; align-items:center; gap:12px; padding:40px 24px; text-align:center; background:var(--paper); color:var(--muted); border:1px dashed var(--line-fort); border-radius:var(--rayon-12); }
html[data-theme="ortilis"] div.vide > b { font-size:var(--taille-16); color:var(--ink); }
html[data-theme="ortilis"] div.vide[role="alert"], html[data-theme="ortilis"] .lecture-statut.echec { background:var(--bad-bg); color:var(--bad); border:1px solid var(--bad); border-radius:var(--rayon-12); padding:20px; }
html[data-theme="ortilis"] .alert { border-radius:var(--rayon-8); padding:14px 16px; line-height:1.6; }
html[data-theme="ortilis"] .alert-i { background:var(--info-bg); color:var(--info); border-color:var(--line); }
html[data-theme="ortilis"] .alert-w { background:var(--warn-bg); color:var(--warn); border-color:var(--warn); }
html[data-theme="ortilis"] .alert-x { background:var(--bad-bg); color:var(--bad); border-color:var(--bad); }
html[data-theme="ortilis"] .alert-t { background:var(--ok-bg); color:var(--ok); border-color:var(--ok); }
html[data-theme="ortilis"] .fi[aria-invalid="true"], html[data-theme="ortilis"] .fi.err { border-color:var(--bad); background:var(--bad-bg); }
html[data-theme="ortilis"] .bande-mdp { color:var(--warn); background:var(--warn-bg); border-color:var(--line); }
html[data-theme="ortilis"] .t tbody tr.cliquable > td { cursor:pointer; }
html[data-theme="ortilis"] .t td { font-variant-numeric:tabular-nums; }
html[data-theme="ortilis"] .tiroir-corps .ctx { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
html[data-theme="ortilis"] .pg-suivi-reel .stp { grid-template-columns:none; grid-auto-flow:column; gap:0; padding-block:8px; }
html[data-theme="ortilis"] .stp .sn.now { width:20px; height:20px; font-size:0; }
html[data-theme="ortilis"] .pg-temps { background:var(--canvas); color:var(--muted); border-radius:var(--rayon-8); }


html[data-theme="ortilis"] .jd-entete { background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:var(--rayon-12); }
html[data-theme="ortilis"] .jd-entete h1 { font-size:26px; font-weight:600; }
html[data-theme="ortilis"] :is(.jd-date,.jd-entete .tiny,.jd-legende,.jd-progression,.jd-phase header p,.jd-etape-texte small) { color:var(--muted); }
html[data-theme="ortilis"] .jd-demarrer { min-width:280px; padding:18px; border-radius:var(--rayon-12); background:var(--canvas); }
html[data-theme="ortilis"] .jd-demarrer .btn-p { width:100%; min-height:42px; font-size:var(--taille-13); color:var(--palette-blanc); background:var(--teal); border-color:var(--teal); }
html[data-theme="ortilis"] .jd-demarrer .btn-g { color:var(--muted); }
html[data-theme="ortilis"] :is(.jd-echeance,.jd-attention) { color:var(--warn); background:var(--warn-bg); padding:8px 12px; border-radius:var(--rayon-8); }
html[data-theme="ortilis"] .jd-etapes { gap:8px; }
html[data-theme="ortilis"] .jd-action-label { color:var(--muted); }
html[data-theme="ortilis"] .jd-etapes button { border-radius:var(--rayon-10); flex-direction:row; padding:14px; }
html[data-theme="ortilis"] .jd-etapes button::after { display:none; }
html[data-theme="ortilis"] .jd-etape-active .jd-etape-numero { outline:none; background:var(--teal); color:var(--palette-blanc); }
html[data-theme="ortilis"] .jd-etapes button { background:var(--paper); color:var(--ink); border:1px solid var(--line); box-shadow:none; min-height:76px; }
html[data-theme="ortilis"] .jd-etapes .jd-etape-active { border-color:var(--teal); padding:14px; box-shadow:0 0 0 3px var(--teal-soft); }
html[data-theme="ortilis"] :is(.jd-etape-numero,.jd-numero) { background:var(--canvas); color:var(--ink); }
html[data-theme="ortilis"] .jd-terminee :is(.jd-etape-numero,.jd-numero) { background:#2F6B57; color:var(--palette-blanc); }
html[data-theme="ortilis"] .jd-phase { background:var(--paper); color:var(--ink); border:1px solid var(--line); padding:20px; border-radius:var(--rayon-12); }
html[data-theme="ortilis"] .jd-phase h2 { font-size:var(--taille-16); }
html[data-theme="ortilis"] .jd-phase.jd-prioritaire { border-color:var(--teal); }
html[data-theme="ortilis"] .jd-dossier { background:var(--paper); border-color:var(--line); border-radius:var(--rayon-10); padding:16px; }
html[data-theme="ortilis"] :is(.jd-retour,.jd-transition,.pg-repere-compact button.jd-retour) { color:var(--teal-d); }
html[data-theme="ortilis"] .jd-etat { border-radius:var(--rayon-6); background:var(--wait-bg); color:var(--wait); }
html[data-theme="ortilis"] .jd-terminee > header > .jd-etat { background:var(--ok-bg); color:var(--ok); }
html[data-theme="ortilis"] .jd-a_traiter > header > .jd-etat { background:var(--warn-bg); color:var(--warn); }
html[data-theme="ortilis"] .jd-indisponible > header > .jd-etat { background:var(--bad-bg); color:var(--bad); }
html[data-theme="ortilis"] :is(.pg-config,.pg-section,.admin-reglages-avances) { border-color:var(--line); background:var(--paper); border-radius:var(--rayon-12); }
html[data-theme="ortilis"] :is(.pg-noeud,.pg-chaine button,.pg-repere,.pg-reperes a,.pg-reperes span) { background:var(--canvas); color:var(--ink); border-color:var(--line-fort); border-radius:var(--rayon-8); }
html[data-theme="ortilis"] :is(.pg-noeud,.pg-chaine button)[aria-pressed="true"] { background:var(--teal-soft); border-color:var(--teal); color:var(--teal-d); }
html[data-theme="ortilis"] :is(.pg-horaire,.pg-precision) { color:var(--muted); }
html[data-theme="ortilis"] .admin-domaine { border-radius:var(--rayon-12); border-color:var(--line); background:var(--paper); }
html[data-theme="ortilis"] .admin-domaine:hover { border-color:var(--teal); box-shadow:0 8px 24px #041b3d0d; }
html[data-theme="ortilis"] .admin-acces-processus { border-color:var(--line); border-inline-start-color:var(--teal); background:var(--paper); box-shadow:none; }
html[data-theme="ortilis"] .information-licence { background:var(--warn-bg); color:var(--warn); border-color:var(--line); }
html[data-theme="ortilis"] .seg { background:var(--canvas); }
html[data-theme="ortilis"] .seg > button { color:var(--muted); }
html[data-theme="ortilis"] .seg > button.on { background:var(--navy); color:var(--palette-blanc); }
@container console (min-width:1000px) {
  html[data-theme="ortilis"] .body .g.g-kpi[data-kpis="5"] { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
}
html[data-theme="ortilis"] .connexion-langues .btn.on,
html[data-theme="ortilis"] .ses-langues .btn.on { background:var(--navy); color:var(--palette-blanc); border-color:var(--navy); }
html[data-theme="ortilis"][data-mode="sombre"] .navi { color:var(--palette-brume); }
html[data-theme="ortilis"][data-mode="sombre"] .theme-modules a { color:var(--palette-neige); }
html[data-theme="ortilis"][data-mode="sombre"] .theme-modules a.on { color:var(--menthe); }
html[data-theme="ortilis"][data-mode="sombre"] .navi.on { color:var(--teal-d); }
html[data-theme="ortilis"][data-mode="sombre"] .ses-valeur.ses-lien { color:var(--menthe); }
html[data-theme="ortilis"][dir="rtl"] body { font-family:var(--police-ar); }
html[data-theme="ortilis"] .note { background:var(--canvas); color:var(--muted); border:1px solid color-mix(in srgb, var(--warn) 45%, var(--line)); border-radius:var(--rayon-8); padding:14px 16px; }
html[data-theme="ortilis"] .ctx { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); border-radius:var(--rayon-8); }
html[data-theme="ortilis"] .etats-grille { grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:16px; }
html[data-theme="ortilis"] .etat-carte { background:var(--paper); border-radius:var(--rayon-12); padding:18px; gap:12px; }
html[data-theme="ortilis"] .etat-titre { font-size:var(--taille-15); }
html[data-theme="ortilis"] .etat-desc { font-size:var(--taille-13); line-height:1.6; }
html[data-theme="ortilis"] .etat-pied { font-size:var(--taille-12); }
html[data-theme="ortilis"] .lg { --lg-nom:170px; --lg-col:180px; }
html[data-theme="ortilis"] .lg-axe { min-height:40px; background:var(--canvas); }
html[data-theme="ortilis"] .lg-lane { min-height:104px; background:var(--paper); }
html[data-theme="ortilis"] .lg-lane:nth-child(odd) { background:var(--canvas); }
html[data-theme="ortilis"] .lg-n { background:var(--paper); color:var(--ink); border:2px solid var(--line-fort); border-radius:var(--rayon-10); padding:12px; }
html[data-theme="ortilis"] .lg-num { background:var(--navy); color:white; }
html[data-theme="ortilis"] .lg-liv { background:var(--teal-soft); color:var(--teal-d); }


.bmark-ortilis { width:132px; max-width:132px; height:44px; background:transparent; border-radius:0; }
.bmark-ortilis img { width:100%; height:100%; object-fit:contain; }
.connexion-marque .bmark-ortilis { width:150px; max-width:150px; min-height:50px; }
.chargement-visuel { width:min(640px,90vw); aspect-ratio:640 / 335; overflow:hidden; }
.chargement-visuel img { width:100%; height:auto; display:block; }
.chargement-visuel .chargement-statique, .chargement-visuel .chargement-sombre { display:none; }
html[data-mode="sombre"] .chargement-visuel:not(.ouverture-visuel) .chargement-anime { display:none; }
html[data-mode="sombre"] .chargement-visuel:not(.ouverture-visuel) .chargement-sombre { display:block; }
html[data-mode="sombre"] .chargement-visuel:not(.ouverture-visuel) .chargement-statique,
html[data-mode="sombre"] img[data-logo-ortilis="auto"] { content:url('/statique/ortilis-logo-sombre.webp'); }
html[data-mode="sombre"] .animations-ui-logo.chargement-visuel { background:var(--palette-marine); }
#televersement-produit { position:fixed; inset-inline-end:20px; bottom:20px; z-index:8500; padding:16px; background:#FBFCFD; color:var(--palette-marine); border:1px solid var(--line); border-radius:var(--rayon-12); box-shadow:0 8px 30px #041b3d22; max-width:calc(100vw - 40px); }
#televersement-produit .chargement-visuel { width:min(320px,calc(100vw - 72px)); }
html[data-mode="sombre"] #televersement-produit { background:var(--palette-marine); color:var(--palette-neige); }
@media(prefers-reduced-motion:reduce) {
  .chargement-visuel .chargement-anime,
  html[data-mode="sombre"] .chargement-visuel:not(.ouverture-visuel) .chargement-sombre { display:none; }
  .chargement-visuel .chargement-statique { display:block; }
}
@media print {
  #televersement-produit { display:none; }
}


html[data-theme="ortilis"] { --grille-graphique:#EDF1F4; }
html[data-theme="ortilis"][data-mode="sombre"] { --grille-graphique:#1E3557; }
html[data-theme="ortilis"] .graphe { display:flex; flex-direction:column; gap:12px; min-width:0; }
html[data-theme="ortilis"] .graphe > svg { max-width:100%; }
html[data-theme="ortilis"] .legende { display:flex; flex-wrap:wrap; gap:10px 18px; margin:0; padding:0; border:0; font-size:var(--taille-12); color:var(--ink); }
html[data-theme="ortilis"] .legende .cle { display:inline-flex; align-items:center; gap:7px; }
html[data-theme="ortilis"] .legende .cle i { width:12px; height:12px; border-radius:var(--rayon-3); }
html[data-theme="ortilis"] .legende .cle i.tiret { width:18px; height:0; border-radius:0; border-top:2px dashed currentColor; }
html[data-theme="ortilis"] .gr-tableau { color:var(--muted); font-size:var(--taille-12); }
html[data-theme="ortilis"] .gr-agrandir { border-radius:var(--rayon-8); color:var(--muted); background:var(--paper); border-color:var(--line); }
.gr-anneau { display:flex; align-items:center; gap:24px; min-width:0; }
.gr-anneau > svg { flex:none; }
.gr-anneau-legende { flex:1; min-width:0; display:flex; flex-direction:column; gap:14px; }
.gr-anneau-part { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; font-size:var(--taille-12); color:var(--muted); }
.gr-anneau-part strong { color:var(--ink); font-weight:600; }
.gr-anneau-piste { grid-column:1/-1; height:5px; background:var(--canvas); border-radius:var(--rayon-3); overflow:hidden; }
.gr-anneau-piste i { display:block; height:100%; border-radius:var(--rayon-3); }


html[data-theme="ortilis"] .navg-lien { text-transform:none; letter-spacing:0; font-size:var(--taille-13); line-height:1.4; padding:12px; gap:10px; border-radius:var(--rayon-8); }
html[data-theme="ortilis"] .navg-lien .navg-accueil { flex:none; width:16px; height:16px; }
html[data-theme="ortilis"] .navg-lien[aria-current="page"] { color:var(--teal-d); background:var(--teal-soft); }
html[data-theme="ortilis"] .admin-accueil > h2 { font-size:var(--taille-15); font-weight:600; margin:0 0 6px; }
html[data-theme="ortilis"] .admin-accueil > p { font-size:var(--taille-13); color:var(--muted); margin:0 0 20px; }
html[data-theme="ortilis"] .admin-domaines { grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:16px; }
html[data-theme="ortilis"] .admin-domaine { padding:20px; gap:12px; }
html[data-theme="ortilis"] .admin-domaine > .ch { border:0; padding:0; min-height:40px; display:flex; align-items:center; gap:12px; }
html[data-theme="ortilis"] .admin-domaine-titre { font-size:var(--taille-16); font-weight:600; line-height:1.4; }
.admin-domaine-icone { display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none; border-radius:var(--rayon-10); color:var(--ink); background:var(--info-bg); }
.admin-domaine-moteur, .admin-domaine-profils { color:var(--teal-d); background:var(--teal-soft); }
.admin-domaine-fleche { margin-inline-start:auto; color:var(--muted); font-size:var(--taille-20); }
html[dir="rtl"] .admin-domaine-fleche { transform:scaleX(-1); }
html[data-theme="ortilis"] .admin-domaine-corps { padding:0; gap:12px; }
html[data-theme="ortilis"] .admin-domaine-corps > p { font-size:var(--taille-13); line-height:1.6; }
html[data-theme="ortilis"] .admin-signaux { padding-top:4px; gap:6px; }
html[data-theme="ortilis"] .admin-signaux .b { padding:4px 9px; border-radius:var(--rayon-6); font-size:var(--taille-12); }
html[data-theme="ortilis"] .admin-profils-matrice .t th { white-space:normal; font-size:var(--taille-10); padding-inline:10px; }
html[data-theme="ortilis"] .admin-profils-matrice .t td { padding-inline:10px; }
html[data-theme="ortilis"] .admin-profils-matrice .t td:first-child { min-width:190px; }
html[data-theme="ortilis"] .admin-profils-matrice .t td:not(:first-child) { text-align:center; }


.reglages-espace { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; gap:20px; }
.reglages-panneau { min-width:0; }
.reglages-unique { min-width:0; }
html[data-theme="ortilis"] .reglages-sections { position:sticky; top:12px; padding:0; border:0; }
html[data-theme="ortilis"] .reglages-sections .seg { display:flex; flex-direction:column; width:100%; border:0; border-radius:0; background:transparent; white-space:normal; overflow:visible; gap:4px; }
html[data-theme="ortilis"] .reglages-sections .seg > button { width:100%; min-height:40px; padding:10px 12px; border-radius:var(--rayon-8); text-align:start; font-size:var(--taille-13); white-space:normal; }
html[data-theme="ortilis"] .reglages-sections .seg > button.on { background:var(--teal-soft); color:var(--teal-d); box-shadow:none; }
html[data-theme="ortilis"] .param-entete { display:none; }
html[data-theme="ortilis"] .param-ligne:not(.param-entete) { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,260px); gap:24px; padding:18px 6px; align-items:start; border-color:var(--line-2); }
html[data-theme="ortilis"] .param-nom { font-size:var(--taille-13); font-weight:600; line-height:1.5; }
html[data-theme="ortilis"] .param-desc { font-size:var(--taille-12); line-height:1.6; margin-top:5px; color:var(--muted); }
html[data-theme="ortilis"] .param-commentaire { margin-top:8px; font-size:var(--taille-12); }
html[data-theme="ortilis"] .param-commentaire > summary { background:var(--teal-soft); color:var(--teal-d); border-color:var(--line-fort); }
html[data-theme="ortilis"] .param-commentaire > summary:hover { background:var(--canvas-2); color:var(--ink); }
html[data-theme="ortilis"] .param-commentaire-texte { background:var(--canvas); color:var(--ink-2); border-color:var(--teal); }
html[data-theme="ortilis"] .param-valeur { min-width:0; }
html[data-theme="ortilis"] .param-ligne:has(.param-nom .b-w) { background:var(--warn-bg); border-radius:var(--rayon-8); padding-inline:12px; }
.reglage-interrupteur { appearance:none; width:40px; height:22px; flex:none; border:1px solid var(--line-fort); border-radius:var(--rayon-12); background:var(--s4); cursor:pointer; position:relative; }
.reglage-interrupteur::after { content:''; position:absolute; width:16px; height:16px; inset-inline-start:2px; top:2px; border-radius:var(--rayon-50cercle); background:var(--palette-blanc); transition:transform var(--mouvement-retour) var(--mouvement-courbe); }
.reglage-interrupteur:checked { background:var(--teal); border-color:var(--teal); }
.reglage-interrupteur:checked::after { transform:translateX(18px); }
[dir="rtl"] .reglage-interrupteur:checked::after { transform:translateX(-18px); }
.reglage-interrupteur:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }


html[data-theme="ortilis"] .pg-config { padding:20px; }
html[data-theme="ortilis"] .pg-config > h2 { font-size:var(--taille-16); margin:0 0 6px; }
html[data-theme="ortilis"] .pg-config > p { font-size:var(--taille-12); line-height:1.6; color:var(--muted); }
html[data-theme="ortilis"] .pg-espace { grid-template-columns:280px minmax(0,1fr); gap:20px; }
html[data-theme="ortilis"] .pg-noeud { border:1px solid transparent; background:transparent; padding:12px; box-shadow:none; }
html[data-theme="ortilis"] .pg-noeud[aria-pressed="true"] { border:1px solid var(--teal); background:var(--teal-soft); }
html[data-theme="ortilis"] .pg-fleche { display:none; }
html[data-theme="ortilis"] .pg-section { padding:20px; }
html[data-theme="ortilis"] .pg-chaine { display:grid; grid-template-columns:repeat(8,minmax(76px,1fr)); margin:24px 0 18px; padding:0 0 6px; }
html[data-theme="ortilis"] .pg-chaine li { position:relative; display:block; min-width:0; }
html[data-theme="ortilis"] .pg-chaine li:not(:last-child)::after { content:''; position:absolute; height:3px; background:var(--line); top:17px; inset-inline-start:calc(50% + 18px); width:calc(100% - 36px); padding:0; }
html[data-theme="ortilis"] .pg-chaine button { display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; background:transparent; border:0; padding:0 4px; color:var(--muted); }
html[data-theme="ortilis"] .pg-chaine .pg-chaine-numero { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--line-fort); border-radius:var(--rayon-50cercle); padding:0; background:var(--paper); font-size:var(--taille-13); font-weight:600; }
html[data-theme="ortilis"] .pg-chaine .pg-chaine-libelle { border:0; padding:0; background:none; font-size:var(--taille-11); color:inherit; }
html[data-theme="ortilis"] .pg-chaine button[aria-pressed="true"] { color:var(--teal-d); }
html[data-theme="ortilis"] .pg-chaine button[aria-pressed="true"] .pg-chaine-numero { background:var(--teal); color:var(--on-solid); border-color:var(--teal); }



.dossier-contenu { display:flex; flex-direction:column; gap:16px; min-width:0; }
.dossier-contenu > * { flex:none; }
.dossier-synthese { display:flex; align-items:center; flex-wrap:wrap; gap:20px; padding:20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); }
.dossier-identite, .dossier-montant { display:flex; flex-direction:column; gap:6px; }
.dossier-identite { flex:1; min-width:180px; }
.dossier-identite strong { font-size:var(--taille-18); line-height:1.4; }
.dossier-montant strong { font-size:var(--taille-24); font-weight:600; }
.dossier-details { border:1px solid var(--line); border-radius:var(--rayon-10); background:var(--paper); }
.dossier-details > summary { padding:16px 20px; color:var(--ink); font-size:var(--taille-13); font-weight:600; cursor:pointer; }
.dossier-details > summary:hover { background:var(--canvas); border-radius:var(--rayon-10); }
.dossier-details > summary:focus-visible { outline:2px solid var(--teal-d); outline-offset:2px; }
.dossier-details-corps { display:flex; flex-direction:column; gap:12px; padding:0 16px 16px; }
.dossier-details .card { box-shadow:none; }
.dossier-habilitation { border:1px solid color-mix(in srgb, var(--teal) 45%, var(--line)); padding:12px 16px; background:var(--teal-soft); border-radius:var(--rayon-8); font-size:var(--taille-13); line-height:1.6; }
.dossier-habilitation p { margin:5px 0 0; }
.dossier-valideur { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; padding:8px 0; border-bottom:1px solid var(--line-2); }
html[data-theme="ortilis"] .dossier-action-consigne { color:var(--ink-2); line-height:1.6; }
html[data-theme="ortilis"] .dossier-action-statut { color:var(--muted); }
html[data-theme="ortilis"] .dossier-actions { border-color:var(--line); align-items:center; }
html[data-theme="ortilis"] .dossier-actions .btn:disabled { color:var(--muted); background:var(--canvas); border-color:var(--line); }
.dossier-brouillon { margin:0; padding:12px 16px; border-radius:var(--rayon-8); background:var(--warn-bg); color:var(--warn); line-height:1.6; }
.dossier-contenu .ctx { flex-wrap:wrap; }
.dossier-contenu .stp { overflow-x:auto; padding-bottom:10px; }
.dossier-contenu .stp .s { min-width:72px; }
.palette-recherche-statut { padding:10px 20px; margin:0; font-size:var(--taille-12); color:var(--muted); line-height:1.5; border-bottom:1px solid var(--line); }
.palette-commande { flex-direction:column; align-items:flex-start; gap:6px; }
.palette-commande .palette-fam { font-size:var(--taille-11); letter-spacing:0; text-transform:none; white-space:normal; }
html[data-theme="ortilis"] .tiroir-administration .tiroir-tete { padding:20px 24px; }
html[data-theme="ortilis"] #tiroir-titre { font-size:var(--taille-22); font-weight:600; letter-spacing:-.02em; }
html[data-theme="ortilis"] .tiroir-administration .tiroir-corps { padding:24px; gap:20px; }
html[data-theme="ortilis"] .tiroir-administration .card > .ch { padding:18px 20px; }
html[data-theme="ortilis"] .tiroir-administration .card > .cb { padding:20px; }
html[data-theme="ortilis"] .tiroir-administration .f { gap:7px; margin-bottom:8px; }
html[data-theme="ortilis"] .tiroir-administration .fl { font-size:var(--taille-13); line-height:1.5; font-weight:600; text-transform:none; letter-spacing:0; }
html[data-theme="ortilis"] .tiroir-administration .fh { font-size:var(--taille-12); line-height:1.6; color:var(--muted); }
html[data-theme="ortilis"] .tiroir-administration .fh.err { color:var(--bad); }
html[data-theme="ortilis"] .tiroir-administration .g { gap:18px; }
html[data-theme="ortilis"] .tiroir-administration .btn { min-height:38px; }
html[data-theme="ortilis"] .tiroir-administration .ctx { padding:16px; }
html[data-theme="ortilis"] .tiroir-administration .cb > div:has(> .f) > .btn:last-child,
html[data-theme="ortilis"] .tiroir-administration .admin-formulaire-actions { position:sticky; bottom:-20px; z-index:2; margin-top:12px; box-shadow:0 -10px 20px var(--paper); }
.admin-formulaire-actions { display:flex; justify-content:flex-end; padding:16px 0 0; background:var(--paper); border-top:1px solid var(--line); }
.admin-matrice-droits { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:var(--taille-12); margin-bottom:16px; }
.admin-droit { display:inline-flex; align-items:center; gap:6px; }
.admin-droit i { display:inline-block; width:10px; height:10px; border-radius:var(--rayon-50cercle); }
.admin-droits-cellule { display:flex; justify-content:center; align-items:center; gap:4px; min-width:70px; min-height:24px; }
html[data-theme="ortilis"] .admin-note-version { position:relative; margin-inline-start:20px; border-radius:0; border:0; border-inline-start:2px solid var(--line); padding-inline-start:20px; }
.admin-note-version::before { content:''; position:absolute; inset-inline-start:-7px; top:24px; width:12px; height:12px; border-radius:var(--rayon-50cercle); background:var(--s4); }
.admin-note-courante::before { background:var(--teal); }
.admin-plafond-echelle { display:grid; grid-template-columns:1fr 1fr; min-height:44px; border-radius:var(--rayon-8); overflow:hidden; }
.admin-plafond-echelle > span { display:flex; align-items:center; padding:12px 16px; font-size:var(--taille-13); font-weight:600; }
.admin-plafond-agence { background:var(--teal-soft); color:var(--teal-d); }
.admin-plafond-suite { background:var(--navy); color:var(--palette-blanc); }
html[data-theme="ortilis"] .admin-etats-service .kv { font-size:var(--taille-20); }
.traitement-contenu { display:flex; flex-direction:column; gap:20px; }
.traitement-etat { display:flex; align-items:flex-start; gap:16px; }
.traitement-icone { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:var(--rayon-12); color:var(--teal-d); background:var(--teal-soft); }
.traitement-contenu[data-ton="x"] .traitement-icone { color:var(--bad); background:var(--bad-bg); }
.traitement-contenu[data-ton="w"] .traitement-icone { color:var(--warn); background:var(--warn-bg); }
.traitement-etat h3 { margin:1px 0 6px; color:var(--ink); font-size:var(--taille-20); font-weight:600; line-height:1.3; letter-spacing:-.02em; }
.traitement-etat p { margin:0; max-width:80ch; color:var(--muted); font-size:var(--taille-13); line-height:1.6; }
.traitement-reperes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0; padding:20px; border:1px solid var(--line); border-radius:var(--rayon-10); background:var(--canvas); }
.traitement-repere { min-width:0; }
.traitement-repere dt { color:var(--muted); font-size:var(--taille-12); line-height:1.5; }
.traitement-repere dd { margin:6px 0 0; color:var(--ink); font-size:var(--taille-17); font-weight:600; line-height:1.5; font-variant-numeric:tabular-nums; }
.traitement-repere p { margin:6px 0 0; color:var(--warn); font-size:var(--taille-12); line-height:1.5; }
.traitement-diagnostic { border:1px solid var(--line); border-radius:var(--rayon-10); overflow:hidden; }
.traitement-diagnostic > summary { padding:14px 16px; color:var(--ink-2); font-size:var(--taille-13); font-weight:600; cursor:pointer; }
.traitement-diagnostic > summary svg { vertical-align:middle; margin-inline:4px 8px; }
.traitement-diagnostic > summary:hover { background:var(--canvas); }
.traitement-diagnostic > summary:focus-visible { outline:2px solid var(--teal-d); outline-offset:-3px; }
.traitement-messages { display:flex; flex-direction:column; gap:16px; padding:0 20px 20px; }
.traitement-messages h4 { margin:0 0 6px; color:var(--ink); font-size:var(--taille-12); font-weight:600; line-height:1.5; }
.traitement-messages p { margin:0; color:var(--muted); font-size:var(--taille-13); line-height:1.7; overflow-wrap:anywhere; }
.traitement-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:16px; border-top:1px solid var(--line); }
@media(max-width:700px) { .traitement-reperes { grid-template-columns:1fr; gap:16px; } }
html[data-theme="ortilis"] .admin-note-version > .ch { border:0; padding-bottom:0; }
@media(max-width:1150px) {
  .reglages-espace { grid-template-columns:200px minmax(0,1fr); gap:16px; }
  html[data-theme="ortilis"] .pg-espace { grid-template-columns:230px minmax(0,1fr); }
  html[data-theme="ortilis"] .param-ligne:not(.param-entete) { grid-template-columns:minmax(0,1fr); gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .reglage-interrupteur::after { transition:none; } }


html[data-theme="ortilis"] { --gold:var(--warn); --blue:var(--teal); --blue-l:var(--teal-soft); }
html[data-theme="ortilis"] .flt > .ctx { flex:1 1 600px; min-width:0; }
html[data-theme="ortilis"] .ctx .cv { white-space:normal; overflow-wrap:anywhere; }
html[data-theme="ortilis"] .planning-semaine { display:grid !important; grid-template-columns:repeat(7,minmax(132px,1fr)); overflow-x:auto; gap:8px; padding-bottom:8px; }
html[data-theme="ortilis"] .planning-semaine > section { min-width:0 !important; padding:8px !important; }
html[data-theme="ortilis"] .planning-semaine > section > div:nth-child(2) { gap:8px !important; }
html[data-theme="ortilis"] .planning-semaine > section > div:nth-child(2) > div { padding:8px; border:1px solid var(--line); border-radius:var(--rayon-8); background:var(--paper); }
html[data-theme="ortilis"] .planning-semaine .b { font-size:var(--taille-11); text-transform:none; white-space:normal; overflow-wrap:anywhere; line-height:1.5; padding:3px 6px; }
html[data-theme="ortilis"] .planning-semaine span:has(> .b) { min-width:0; }
html[data-theme="ortilis"] .regles { background:var(--paper); border-color:var(--line); border-radius:var(--rayon-8); }
html[data-theme="ortilis"] .regles > summary { background:var(--canvas); color:var(--ink); padding:12px 16px; font-size:var(--taille-13); }
html[data-theme="ortilis"] .regles-corps { background:var(--paper); color:var(--ink); }
html[data-theme="ortilis"] .sim-reseau { --sim-encre:var(--s1); --sim-or:var(--s2); --sim-sortie:var(--s3); --sim-texte-secondaire:var(--muted); }
html[data-theme="ortilis"] :is(.sim-configuration,.sim-pilotage,.sim-chiffres>div,.sim-point,.sim-bloc,.sim-trajet,.sim-commande) { background:var(--paper); border-color:var(--line); border-radius:var(--rayon-12); color:var(--ink); }
html[data-theme="ortilis"] :is(.sim-entete p,.sim-legende,.sim-evenement,.sim-table th) { color:var(--muted); }
html[data-theme="ortilis"] :is(.sim-note,.sim-vide,.sim-courbe) { background:var(--canvas); color:var(--ink); border-color:var(--line); }
html[data-theme="ortilis"] .sim-route-ligne { background:var(--line-fort); }
html[data-theme="ortilis"] .sim-erreur { background:var(--bad-bg); color:var(--bad); border-color:var(--bad); }
html[data-theme="ortilis"] .sim-point.selection { border-color:var(--teal); box-shadow:0 0 0 2px var(--teal-soft); }
html[data-theme="ortilis"] .crs-l { display:flex; flex-wrap:wrap; gap:8px; }
html[data-theme="ortilis"] .crs-l input[type="range"] { min-width:90px; flex:1 1 90px; }
html[data-theme="ortilis"] .crs-l > .btn { flex:1 0 100%; }
html[data-theme="ortilis"] .crs-t { align-items:flex-start; gap:8px; }
html[data-theme="ortilis"] .crs-t .fl { min-width:0; white-space:normal; }
html[data-theme="ortilis"] .crs { min-width:0; }
.proc-acteurs-barre { display:flex; height:6px; gap:2px; border-radius:var(--rayon-3); overflow:hidden; }
.proc-acteurs-barre > span { flex:1; }
html[data-theme="ortilis"] .lg { position:relative; --lg-nom:170px; --lg-col:180px; }
.lg-liaisons { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:visible; }
html[data-theme="ortilis"] .lg-n { position:relative; z-index:1; margin-inline:12px; min-height:76px; }
html[data-theme="ortilis"] .lg-acteur { align-items:flex-start; gap:8px; font-size:var(--taille-12); color:var(--ink); padding:12px 8px; }
.lg-acteur > i { width:8px; height:8px; flex:none; margin-top:4px; border-radius:var(--rayon-50cercle); background:var(--acteur); }
html[data-theme="ortilis"] .lg-humain .lg-n { background:var(--navy); color:var(--palette-blanc); border-color:var(--navy); }
html[data-theme="ortilis"] .lg-moteur .lg-n { background:var(--palette-vert-ortilis); color:var(--palette-blanc); border-color:var(--palette-vert-ortilis); }
html[data-theme="ortilis"] :is(.lg-humain,.lg-moteur) .lg-d { color:var(--palette-brume); }
html[data-theme="ortilis"] :is(.lg-humain,.lg-moteur) .lg-liv { background:#FFFFFF15; color:var(--palette-blanc); border-color:#FFFFFF40; border-radius:var(--rayon-6); }
html[data-theme="ortilis"] .mur-sombre {
  --canvas:#041B3D; --canvas-2:#0B2A55; --paper:#07244D; --line:#123A6B; --line-2:#123A6B;
  --ink:#FFFFFF; --ink-2:#FFFFFF; --slate:#C9D3E0; --muted:#9FB0C6;
  --teal:#3FCB98; --green:#3FCB98; --gold:#E0A93B; --clay:#F08A7E; --steel:#9FB0C6;
  --s1:#FFFFFF; --s2:#3FCB98; --s3:#9FB0C6; --s4:#6F8BA8; --s5:#6EE0B5; --s6:#C9D2DB;
}



html[data-theme="ortilis"] { --solid:#041B3D; --on-solid:#FFFFFF; --solid-2:#1C3558; --violet-soft:#ECE4F6; --violet-d:#533585; }
html[data-theme="ortilis"][data-mode="sombre"] { --solid:#2A4568; --on-solid:#FFFFFF; --solid-2:#34567F; --violet-soft:#2A2148; --violet-d:#C9B6F0; }


html[data-theme="ortilis"] :is(.btn-d:where(:not(:disabled):not([aria-disabled="true"]):not(.off)), .seg > button.on, .ses-langues .btn.on, .vue-administration .seg > button.on, .avatar, .saut-contenu) { background:var(--solid); border-color:var(--solid); color:var(--on-solid); }
html[data-theme="ortilis"] .btn-d:hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--solid-2); border-color:var(--solid-2); }
html[data-theme="ortilis"] button.avatar-entete:hover { background:var(--solid-2); }
html[data-theme="ortilis"] :is(.card.reco, .carte-reco) { background:var(--solid); color:var(--on-solid); border-color:var(--solid); }
html[data-theme="ortilis"][data-mode="sombre"] .seg > button.on { background:var(--solid); color:var(--on-solid); }


html[data-theme="ortilis"] .aidep { font-size:var(--taille-13); }
html[data-theme="ortilis"] .aide-p { font-size:var(--taille-13); line-height:1.6; color:var(--muted); margin:0 0 10px; }
html[data-theme="ortilis"] .aide-p b { color:var(--ink); }
html[data-theme="ortilis"] .aide-st { font-size:var(--taille-11); font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:20px 0 10px; padding-top:14px; border-top:1px solid var(--line-2); }
html[data-theme="ortilis"] .aide-chip { height:20px; padding:0 8px; border-radius:var(--rayon-6); font-size:var(--taille-11); font-weight:600; }
html[data-theme="ortilis"] .aide-chip-teal { background:var(--teal-soft); color:var(--teal-d); }
html[data-theme="ortilis"] .aide-chip-gold { background:var(--warn-bg); color:var(--warn); }
html[data-theme="ortilis"] .aide-chip-clay { background:var(--bad-bg); color:var(--bad); }
html[data-theme="ortilis"] .aide-chip-steel { background:var(--info-bg); color:var(--info); }
html[data-theme="ortilis"] .aide-chip-violet { background:var(--violet-soft); color:var(--violet-d); }
html[data-theme="ortilis"] .aide-chip-muted { background:var(--canvas); color:var(--muted); }
html[data-theme="ortilis"] .aide-quid { font-size:var(--taille-12); color:var(--muted); }

html[data-theme="ortilis"] .aide-fe { gap:12px; padding-bottom:16px; }
html[data-theme="ortilis"] .aide-fe:not(:last-child)::before { left:11px; inset-inline-start:11px; top:26px; bottom:2px; width:2px; background:var(--line-3, var(--line)); }
html[data-theme="ortilis"] .aide-fn { width:24px; height:24px; flex:none; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--rayon-50cercle); background:var(--solid); color:var(--on-solid); font-size:var(--taille-12); font-weight:600; font-variant-numeric:tabular-nums; }
html[data-theme="ortilis"] .aide-fh b { font-size:var(--taille-13); color:var(--ink); }
html[data-theme="ortilis"] .aide-fd { font-size:var(--taille-12); line-height:1.5; color:var(--muted); margin-top:3px; }

html[data-theme="ortilis"] .aide-boutons { gap:0; }
html[data-theme="ortilis"] .aide-bouton { padding:0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
html[data-theme="ortilis"] .aide-bnom { display:list-item; height:auto; min-height:44px; padding:12px 4px; border-radius:0; background:transparent; color:var(--ink); border:0; font-size:var(--taille-13); font-weight:600; }
html[data-theme="ortilis"] .aide-bdef .aide-p { font-size:var(--taille-12-5); margin:8px 0 0; }
html[data-theme="ortilis"] .aide-bex { padding:8px 10px; border-radius:var(--rayon-8); background:var(--canvas); color:var(--muted); }
html[data-theme="ortilis"] .aide-bex b { color:var(--ink); }
html[data-theme="ortilis"] .aide-renvoi { padding:10px 12px; border:1px solid var(--line); border-radius:var(--rayon-10); background:var(--paper); }
html[data-theme="ortilis"] .aide-renvoi:hover { border-color:var(--teal); background:var(--teal-soft); }
html[data-theme="ortilis"] .aide-renvoi b { font-size:var(--taille-13); color:var(--teal-d); }
html[data-theme="ortilis"] .aide-renvoi span { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .aide-note-langue { background:var(--warn-bg); color:var(--warn); border-radius:var(--rayon-8); padding:8px 10px; font-size:var(--taille-12); }


html[data-theme="ortilis"] .ia-panneau { width:min(440px,calc(100vw - 36px)); background:var(--paper); border:1px solid var(--line); border-bottom:0; border-radius:var(--rayon-12) var(--rayon-12) 0 0; box-shadow:var(--ombre, 0 12px 40px rgba(4,27,61,.18)); color:var(--ink); }
html[data-theme="ortilis"][data-mode="sombre"] .ia-panneau { box-shadow:0 12px 40px rgba(0,0,0,.5); }
html[data-theme="ortilis"] .ia-tete { padding:12px 14px; border-bottom:1px solid var(--line); background:var(--paper); }
html[data-theme="ortilis"] .ia-tete::before { background:var(--teal); }
html[data-theme="ortilis"] .ia-panneau.ia-occupe .ia-tete::before { background:linear-gradient(90deg,var(--teal) 0 40%,var(--menthe) 40% 60%,var(--teal) 60%); background-size:200% 100%; animation:ia-barre 1.6s linear infinite; }
@keyframes ia-barre { to { background-position:-200% 0; } }
html[data-theme="ortilis"] .ia-texte { font-size:var(--taille-13); color:var(--ink); }
html[data-theme="ortilis"] .ia-essentiel { background:var(--teal-soft); border:0; border-radius:var(--rayon-10); padding:12px 14px; }
html[data-theme="ortilis"] .ia-essentiel .ia-texte { font-size:var(--taille-14); font-weight:500; color:var(--ink); }
html[data-theme="ortilis"] .ia-essentiel-qui { color:var(--teal-d); }
html[data-theme="ortilis"] .ia-fait { padding:9px 0; border-top:1px solid var(--line-2); font-size:var(--taille-13); }
html[data-theme="ortilis"] .ia-fait-l { color:var(--muted); }
html[data-theme="ortilis"] .ia-fait-v { color:var(--ink); font-weight:600; }
html[data-theme="ortilis"] .ia-fait-s { color:var(--muted); font-size:var(--taille-12); }
html[data-theme="ortilis"] .ia-encart { font-size:var(--taille-12); color:var(--muted); background:var(--canvas); border:1px solid var(--line-fort); border-radius:var(--rayon-8); }
html[data-theme="ortilis"] .ia-encart-x { border-color:var(--bad); color:var(--bad); background:var(--bad-bg); }
html[data-theme="ortilis"] .ia-question { font-style:normal; align-self:flex-end; margin-inline-start:auto; max-width:85%; padding:8px 12px; border-radius:var(--rayon-12) var(--rayon-12) var(--rayon-2) var(--rayon-12); background:var(--solid); color:var(--on-solid); font-size:var(--taille-13); }
html[data-theme="ortilis"] .ia-piste { height:auto; min-height:32px; padding:7px 12px; border-radius:16px; border:1px solid var(--line-fort); background:var(--paper); color:var(--ink); font-size:var(--taille-12-5); }
html[data-theme="ortilis"] .ia-piste:hover { background:var(--teal-soft); border-color:var(--teal); color:var(--teal-d); }
html[data-theme="ortilis"] .ia-piste-menu .ia-ico, html[data-theme="ortilis"] .ia-agir .ia-ico { color:var(--teal-d); }
html[data-theme="ortilis"] .ia-pied { font-size:11.5px; color:var(--muted); }
html[data-theme="ortilis"] .ia-gestes { padding:10px 14px; border-top:1px solid var(--line); background:var(--canvas); }


html[data-theme="ortilis"] .ptl-tete { background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); padding:18px 20px; gap:16px; }
html[data-theme="ortilis"] .ptl-client { font-size:var(--taille-22); font-weight:600; letter-spacing:-.02em; }
html[data-theme="ortilis"] .ptl-sous { font-size:var(--taille-13); color:var(--muted); margin-top:4px; }
html[data-theme="ortilis"] .ptl-nav { top:calc(-1 * var(--retrait-padding-colle,0px)); background:var(--canvas); border-bottom:1px solid var(--line); gap:4px; padding:0; }
html[data-theme="ortilis"] .ptl-nav-b { padding:12px 14px; font-size:var(--taille-14); font-weight:500; color:var(--muted); border-bottom:2px solid transparent; }
html[data-theme="ortilis"] .ptl-nav-b:hover { color:var(--ink); border-bottom-color:var(--line-fort); }
html[data-theme="ortilis"] .ptl-nav-b[aria-current="location"] { color:var(--ink); font-weight:600; border-bottom-color:var(--teal); }
html[data-theme="ortilis"] .ptl-ancre { scroll-margin-top:72px; }
html[data-theme="ortilis"] .ptl-semaine { gap:8px; }
html[data-theme="ortilis"] .ptl-jour { border:1px solid var(--line); border-radius:var(--rayon-10); padding:12px 8px; background:var(--paper); }
html[data-theme="ortilis"] .ptl-jour-actif { background:var(--teal-soft); border-color:var(--teal); }
html[data-theme="ortilis"] .ptl-jour-nom { font-size:var(--taille-11); color:var(--muted); }
html[data-theme="ortilis"] .ptl-jour-num { font-size:var(--taille-20); }
html[data-theme="ortilis"] .ptl-jour-ops { font-size:11.5px; color:var(--teal-d); }
html[data-theme="ortilis"] .ptl-total { padding:12px 16px; border-top:1.5px solid var(--line-fort); font-size:var(--taille-15); font-weight:600; }
html[data-theme="ortilis"] .ptl-bill-ligne { font-size:var(--taille-13); padding:6px 0; }
html[data-theme="ortilis"] .ptl-bill-total { border-top-color:var(--line-fort); }
:root { --planning-col-point: 190px; }
.planning-v2 { display: flex; flex-direction: column; gap: 18px; }
.planning-toolbar,.planning-periode,.planning-exports,.planning-recherche { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.planning-toolbar { justify-content:space-between; }
.planning-periode b { font:600 14px var(--police-n); padding-inline:6px; }
.planning-filtres { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:16px; background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); }
.planning-filtres .seg { flex-wrap:wrap; }
.planning-recherche { width:100%; justify-content:space-between; }
.planning-recherche .fi { width: min(360px,100%); }
.planning-recherche label { display:flex; gap:8px; align-items:center; font-size:var(--taille-12); color:var(--ink-2); }
.planning-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.planning-colonnes { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:18px; align-items:start; }
.planning-principal { min-width:0; }
.planning-aside { display:flex; flex-direction:column; gap:14px; }
.planning-grille-scroll { overflow:auto; max-height: min(70vh,850px); border:1px solid var(--line); border-radius:var(--rayon-12); background:var(--paper); }
.planning-grille { width:100%; min-width:790px; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:var(--taille-12); }
.planning-grille th,.planning-grille td { border-inline-end:1px solid var(--line); border-bottom:1px solid var(--line); padding:8px; vertical-align:middle; }
.planning-grille thead th { position:sticky; top:0; z-index:3; background:var(--canvas); color:var(--ink-2); height:52px; text-align:center; }
.planning-grille thead th:first-child { width:var(--planning-col-point); inset-inline-start:0; z-index:4; text-align:start; }
.planning-grille thead th > span { display:block; }
.planning-grille .planning-aujourdhui { background:var(--teal-soft); }
.planning-point { position:sticky; inset-inline-start:0; background:var(--paper); text-align:start; z-index:2; }
.planning-point > div { display:flex; gap:8px; align-items:center; line-height:1.4; }
.planning-point > span { display:block; margin-top:5px; font-size:var(--taille-11); }
.planning-place th { padding:0; background:var(--canvas); text-align:start; }
.planning-place-bouton { display:flex; gap:10px; align-items:center; width:100%; padding:11px 14px; border:0; background:transparent; color:var(--ink); cursor:pointer; text-align:start; font:inherit; }
.planning-place-bouton > span:last-child { color:var(--muted); font-size:var(--taille-11); }
.planning-place-bouton[aria-expanded=false] .planning-chevrons { transform:rotate(-90deg); }
.planning-cellule { display:flex; flex-direction:column; justify-content:center; gap:5px; width:100%; min-height:60px; border:1px solid transparent; border-radius:var(--rayon-7); background:transparent; color:var(--muted); padding:7px; cursor:pointer; font:inherit; }
.planning-cellule-etat,.planning-cellule-flux { display:flex; justify-content:center; gap:4px; align-items:center; font-size:var(--taille-10); }
.planning-cellule-etat { font-weight:600; }
.planning-servi { background:var(--teal-soft); color:var(--teal-d); border-color:var(--teal); }
.planning-a_servir { color:var(--teal-d); border-color:var(--teal); background:var(--paper); }
.planning-annule { background:var(--clay-soft); color:var(--clay-d); border-color:var(--bad); }
.planning-annule .planning-cellule-etat > span { text-decoration:line-through; }
.planning-hors { border:1px dashed var(--warn); background:var(--warn-bg); color:var(--warn); }
.planning-creneau { border:1px dashed var(--line-fort); background:var(--canvas); }
.planning-ferie { background:repeating-linear-gradient(135deg,var(--canvas) 0px,var(--canvas) 4px,var(--paper) 4px,var(--paper) 8px); }
.planning-cellule:hover,.planning-cellule.selectionnee { box-shadow:0 0 0 2px var(--teal); }
.planning-cellule:focus-visible,.planning-place-bouton:focus-visible { outline:2px solid var(--teal); outline-offset:2px; }
.planning-legende > div { display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:var(--taille-12); color:var(--ink-2); }
.planning-echantillon { width:28px; height:20px; border-radius:var(--rayon-4); flex-shrink:0; }
.planning-echantillon.planning-a_servir { border:1px solid var(--teal); }
.planning-detail { display:flex; flex-direction:column; gap:14px; }
.planning-detail dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; font-size:var(--taille-12); }
.planning-detail dt { color:var(--muted); }
.planning-detail dd { margin:0; text-align:end; }
.planning-commande { display:flex; flex-direction:column; gap:8px; padding:12px; border:1px solid var(--line); border-radius:9px; background:var(--canvas); }
.planning-commande-tete { display:flex; align-items:center; gap:6px; overflow-wrap:anywhere; }
.planning-commande-tete b { font-size:var(--taille-11); }
.planning-commande .btn { align-self:flex-start; }
@media (max-width:1200px) { .planning-colonnes { grid-template-columns:minmax(0,1fr) 260px; } }
@media (max-width:1000px) { .planning-colonnes { grid-template-columns:1fr; } .planning-aside { display:grid; grid-template-columns:1fr 1fr; } }
@media (prefers-reduced-motion:reduce) { .ia-barre,.ia-progress { animation:none!important; } }
html[data-theme="ortilis"] .ia-glyphe { width:32px; height:32px; border-radius:var(--rayon-10); color:var(--teal-d); }
html[data-theme="ortilis"] .ia-gestes { flex-wrap:wrap; gap:8px; }
html[data-theme="ortilis"] .ia-titre { font-size:var(--taille-14); font-weight:600; }
html[data-theme="ortilis"] .ia-tete-titres .eyebrow { font-size:var(--taille-11); }
@media (prefers-reduced-motion:reduce) { html[data-theme="ortilis"] .ia-panneau.ia-occupe .ia-tete::before { animation:none; } }
@media (min-width:1201px) { html[data-theme="ortilis"] body:has(.app.avec-aide) .ia-panneau { inset-inline-end:calc(var(--largeur-aide-contextuelle) + 18px); } }


.etude-reelle { display:flex; flex-direction:column; gap:18px; min-width:0; }
.etude-reelle-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:8px 0; }
.etude-reelle-intro h2 { color:var(--ink); font-size:var(--taille-24); line-height:1.25; margin:8px 0; max-width:760px; }
.etude-reelle-intro p { margin:0; line-height:1.6; max-width:780px; }
.etude-reelle-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.etude-reelle-mode { display:flex; flex-direction:column; gap:10px; text-align:start; padding:20px; border:1px solid var(--line);
  border-radius:var(--rayon-12); background:var(--paper); color:var(--ink); font:inherit; cursor:pointer; min-height:145px; }
.etude-reelle-mode strong { font-size:var(--taille-16); line-height:1.35; }
.etude-reelle-mode span { color:var(--ink-2); font-variant-numeric:tabular-nums; }
.etude-reelle-mode small { font-size:var(--taille-12); line-height:1.6; color:var(--muted); }
.etude-reelle-mode[aria-pressed="true"] { border:2px solid var(--ok); padding:19px; background:var(--ok-bg); }
.etude-reelle-mode:focus-visible { outline:2px solid var(--ok); outline-offset:3px; }
.etude-reelle-avance { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); }
.etude-reelle summary { color:var(--ink-2); cursor:pointer; font-weight:600; padding:8px 0; }
.etude-reelle-avance[open] > .g { margin-top:15px; }
.etude-reelle-points { max-height:230px; overflow:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px 0; }
.etude-reelle-points label { display:flex; align-items:center; gap:8px; color:var(--ink-2); }
.etude-reelle-points input { accent-color:var(--ok); }
.etude-reelle-resultats { display:flex; flex-direction:column; gap:18px; min-width:0; }
.etude-reelle-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:16px 0; }
.etude-reelle-kpis .fl { display:block; margin-bottom:7px; font-size:var(--taille-11); }
.etude-reelle-kpis strong { color:var(--ink); display:block; font-size:var(--taille-20); font-variant-numeric:tabular-nums; }
.etude-reelle-suivi:empty,.etude-reelle-diagnostic:empty { display:none; }
.etude-reelle-suivi { margin-top:18px; padding:16px; border-radius:var(--rayon-10); background:var(--surface-2); color:var(--ink); }
.etude-reelle-suivi p { margin:0 0 12px; }
.etude-reelle-suivi progress { width:100%; height:10px; accent-color:var(--ok); }
.etude-reelle-diagnostic { margin-top:18px; }
.etude-reelle .g > * { min-width:0; }
.etude-reelle ul { line-height:1.7; color:var(--ink-2); padding-inline-start:22px; }
@media (max-width:1200px) { .etude-reelle-resultats > .g { grid-template-columns:1fr!important; } }


.laboratoire { display:flex; flex-direction:column; gap:16px; min-width:0; container-type:inline-size; }
.laboratoire h2 { margin:4px 0 8px; color:var(--ink); font-size:var(--taille-24); font-weight:600; line-height:1.3; }
.laboratoire-entete { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.laboratoire-entete p { max-width:780px; margin:0; line-height:1.6; }
.laboratoire-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.laboratoire-actions > .note,.laboratoire-actions > .mut { margin-inline-end:auto; }
.laboratoire-reperes { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:var(--taille-12); color:var(--muted); }
.laboratoire-variante-entete { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; border:1px solid var(--line); border-radius:var(--r-l); background:var(--paper); padding:12px 16px; }
.laboratoire-variante-etat { display:flex; align-items:center; gap:10px; min-height:36px; flex-wrap:wrap; }
.laboratoire-variante-entete .f { margin:0; min-width:250px; max-width:500px; flex:1; }
.laboratoire-variante-entete .fl { font-size:var(--taille-11); }
.laboratoire-suivi { border:1px solid var(--line); background:var(--paper); border-radius:var(--r-l); padding:12px 16px; }
.laboratoire-suivi-ligne { display:grid; grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) minmax(100px,1fr) 50px; gap:12px; align-items:center; font-size:var(--taille-12); }
.laboratoire-suivi-ligne progress { width:100%; height:8px; accent-color:var(--teal); }
.laboratoire .tabs { overflow-x:auto; flex-wrap:nowrap; }
.laboratoire .tab { white-space:nowrap; }
.laboratoire-contenu { display:flex; flex-direction:column; gap:16px; min-width:0; }
.laboratoire-contenu > .g,.laboratoire-contenu .card { min-width:0; }
.laboratoire-scenarios { display:grid; grid-template-columns:230px minmax(0,1fr); gap:16px; align-items:start; }
.laboratoire-variantes { display:flex; flex-direction:column; gap:10px; position:sticky; top:0; }
.laboratoire-variante { display:flex; flex-direction:column; gap:4px; padding:10px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); }
.laboratoire-variante:has([aria-current="true"]) { border-color:var(--teal); background:var(--teal-soft); }
.laboratoire-variante .btn { justify-content:flex-start; text-align:start; white-space:normal; }
.laboratoire-variante small { padding-inline:12px; }
.laboratoire-editeur { display:flex; flex-direction:column; gap:16px; min-width:0; }
.laboratoire-filtres { display:flex; flex-wrap:wrap; gap:10px; }
.laboratoire-filtres .fi { min-width:180px; flex:1; }
.laboratoire-filtres [aria-pressed="true"],.laboratoire-comparaison-choix [aria-pressed="true"] { background:var(--teal-soft); border-color:var(--teal); color:var(--teal-d); }
.laboratoire-familles { display:flex; flex-direction:column; gap:12px; }
.laboratoire-famille { background:var(--paper); border:1px solid var(--line); border-radius:var(--r-l); overflow:hidden; }
.laboratoire summary { cursor:pointer; color:var(--ink); font-size:var(--taille-14); font-weight:600; padding:12px 16px; }
.laboratoire summary small { font-size:var(--taille-12); font-weight:400; margin-inline-start:12px; }
.laboratoire summary:focus-visible,.laboratoire .btn:focus-visible { outline:2px solid var(--teal); outline-offset:-2px; }
.laboratoire-hypothese { display:grid; grid-template-columns:minmax(150px,1.7fr) minmax(80px,.7fr) minmax(130px,1fr) minmax(100px,.8fr) 32px; gap:12px; align-items:center; border-top:1px solid var(--line-2); padding:12px 16px; }
.laboratoire-hypothese.modifiee { background:var(--teal-soft); }
.laboratoire-hypothese-nom,.laboratoire-hypothese-reference,.laboratoire-hypothese-portee { display:flex; flex-direction:column; gap:5px; min-width:0; font-size:var(--taille-13); }
.laboratoire-hypothese-nom small { line-height:1.5; }
.laboratoire-hypothese .f { margin:0; min-width:0; }
.laboratoire-hypothese .fl { font-size:var(--taille-11); }
.laboratoire-valeur { display:flex; align-items:center; gap:6px; min-width:0; }
.laboratoire-valeur .fi { min-width:0; width:100%; }
.laboratoire-carte-parametre { border-top:1px solid var(--line-2); padding-bottom:0; }
.laboratoire-carte-parametre > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.laboratoire-carte-parametre > .note,.laboratoire-carte-parametre > .fi { margin:8px 16px; max-width:calc(100% - 32px); }
.laboratoire-carte-valeurs { max-height:320px; overflow:auto; }
.laboratoire-carte-ligne { display:grid; grid-template-columns:minmax(150px,1fr) minmax(120px,1fr); gap:16px; padding:12px 16px; border-top:1px solid var(--line-2); align-items:center; }
.laboratoire-carte-ligne > div:first-child { display:flex; flex-direction:column; gap:4px; font-size:var(--taille-13); }
.laboratoire-jours,.laboratoire-politiques { display:flex; gap:10px; flex-wrap:wrap; }
.laboratoire-jours label,.laboratoire-politiques label { display:flex; align-items:center; gap:5px; font-size:var(--taille-12); color:var(--ink); }
.laboratoire-politiques { padding:12px 16px; }
.laboratoire input[type="checkbox"] { accent-color:var(--teal); }
.laboratoire-pied { position:sticky; bottom:0; z-index:6; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-l); padding:12px 16px; box-shadow:0 -4px 16px rgba(4,27,61,.06); }

html[data-theme="ortilis"] .laboratoire-actions-scenarios { padding: 6px 10px; gap: 6px; flex-wrap: nowrap; }
html[data-theme="ortilis"] .laboratoire-actions-scenarios .btn { min-height: 30px; padding: 3px 10px; font-size: var(--taille-12); line-height: 20px; white-space: nowrap; }
html[data-theme="ortilis"] .laboratoire-pied-creation { padding: 6px 10px; gap: 6px; flex-wrap: nowrap; }
html[data-theme="ortilis"] .laboratoire-pied-creation .btn { min-height: 30px; padding: 3px 10px; font-size: var(--taille-12); line-height: 20px; white-space: nowrap; }
@media (max-width: 640px) { .laboratoire-pied-creation .laboratoire-actions-etat { display: none; } .laboratoire-pied-creation { justify-content: flex-end; } }
.laboratoire-actions-etat { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--taille-12); }
.laboratoire-manquants { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 0; padding:0; list-style:none; }
html[data-theme="ortilis"] .laboratoire-manquants .btn { min-height:28px; padding:2px 10px; font-size:var(--taille-12); }

@media (max-height: 640px) { html .informations-session { padding-block:2px; } html .informations-session .bande-mdp .btn { min-height:26px; height:26px; } .informations-session .information-licence summary { min-height:26px; padding-block:4px; } }
.laboratoire-actions-autres { position: relative; flex-shrink: 0; }
.laboratoire-actions-autres > summary { display: flex; align-items: center; cursor: pointer; list-style: none; }
html[data-theme="ortilis"] .laboratoire-actions-autres[open] > summary,
html[data-theme="ortilis"] .laboratoire-actions-autres > summary:hover:not(:disabled):not(.off) { background: var(--canvas); color: var(--ink); border-color: var(--line-fort); }
.laboratoire-actions-autres > summary::-webkit-details-marker { display: none; }
.laboratoire-actions-autres > summary::after { content: '⌃'; margin-inline-start: 6px; }
.laboratoire-actions-autres[open] > summary::after { transform: rotate(180deg); }
.laboratoire-actions-menu { position: absolute; bottom: calc(100% + 10px); inset-inline-end: 0; z-index: 8; width: 280px; max-width: calc(100vw - 32px); padding: 6px; background: var(--paper); color: var(--ink); border: 1px solid var(--line-fort); border-radius: var(--r); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
html[data-theme="ortilis"] .laboratoire-actions-menu .btn { width: 100%; justify-content: flex-start; white-space: normal; text-align: start; }
.laboratoire-action-detail { display: block; padding: 0 10px 7px; font-size: var(--taille-11); border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.laboratoire [hidden] { display:none!important; }
.laboratoire-exemples { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.laboratoire-exemples [aria-pressed="true"] { background:var(--teal-soft); color:var(--teal-d); border-color:var(--teal); }
.laboratoire-selection { margin-top:16px; }
.laboratoire-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:300px; overflow:auto; padding:12px 0; }
.laboratoire-point { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:var(--r); }
.laboratoire-point > span { display:flex; flex-direction:column; gap:4px; font-size:var(--taille-13); }
.laboratoire-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.laboratoire-kpis .kpi { min-width:0; padding:12px 14px; }
.laboratoire-kpis .kv { font-size:var(--taille-20); overflow-wrap:anywhere; }
.laboratoire-restitutions { gap:16px; min-width:0; }
.laboratoire-graphiques { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.laboratoire-graphiques > .laboratoire-sensibilite { grid-column:1 / -1; }
.laboratoire-details { border-top:1px solid var(--line); margin-top:12px; }
.laboratoire-comparaison-choix { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.laboratoire-mise-en-oeuvre { display:flex; flex-direction:column; gap:16px; }
.laboratoire-guide { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink-2); font-family:var(--police); font-size:var(--taille-13); line-height:1.7; }
.laboratoire-etapes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-inline-start:22px; }
.laboratoire-etapes p { line-height:1.5; }
@container (max-width:1050px) {
  .laboratoire-scenarios { grid-template-columns:minmax(0,1fr); }
  .laboratoire-variantes { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .laboratoire-variantes > details { grid-column:1/-1; }
  .laboratoire-hypothese { grid-template-columns:minmax(140px,1.5fr) minmax(70px,.6fr) minmax(120px,1fr) minmax(100px,.8fr) 32px; }
  .laboratoire-graphiques { grid-template-columns:minmax(0,1fr); }
}
@container (max-width:720px) {
  .laboratoire-hypothese { grid-template-columns:minmax(0,1fr) minmax(110px,1fr) 32px; }
  .laboratoire-hypothese-nom { grid-column:1/-1; }
  .laboratoire-hypothese-portee { grid-column:1/-1; }
  .laboratoire-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .laboratoire-suivi-ligne { grid-template-columns:minmax(0,1fr) 50px; }
  .laboratoire-suivi-ligne strong,.laboratoire-suivi-ligne > span:first-of-type { grid-column:1/-1; }
  .laboratoire-points,.laboratoire-etapes { grid-template-columns:minmax(0,1fr); }
}
.laboratoire-liste-taux { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; }
.laboratoire-liste-taux-ligne { display: flex; gap: 4px; align-items: center; }
.laboratoire-liste-taux-ligne .fi { width: 100px; }


.laboratoire-scenarios { grid-template-columns:272px minmax(0,1fr); }
.laboratoire-variantes-titre { display:flex; align-items:center; justify-content:space-between; font-size:var(--taille-12); padding:4px 2px; }
.laboratoire-variante { padding:12px 14px; border-radius:var(--rayon-10); }
.laboratoire-variante .btn { font-weight:600; padding:0; }
.laboratoire-variante small { padding:0; }
.laboratoire-variante:has([aria-current="true"]) { box-shadow:0 0 0 1px var(--teal); background:var(--paper); }
.laboratoire-lexique { display:flex; flex-wrap:wrap; gap:16px; color:var(--muted); font-size:var(--taille-12); }
.laboratoire-lexique > span { display:flex; align-items:center; gap:7px; }
.laboratoire-suivi-entete { display:flex; align-items:center; gap:18px; padding-bottom:12px; }
.laboratoire-suivi-entete > div { flex:1; min-width:0; }
.laboratoire-suivi-entete p { margin:6px 0; font-size:var(--taille-12); }
.laboratoire-suivi-entete progress { width:min(360px,80%); height:8px; accent-color:var(--teal); margin-inline-end:12px; }
.laboratoire-suivi .animations-ui-logo { flex:none; width:180px; height:78px; min-height:0; }
.laboratoire-suivi-ligne { margin:8px 0; grid-template-columns:minmax(140px,1fr) minmax(150px,2fr) minmax(80px,1fr) 50px auto; }
.laboratoire-comparaison-choix { margin:0; padding:14px 18px; border:1px solid var(--line); border-radius:var(--rayon-12); background:var(--paper); }
.laboratoire-comparaison-choix legend { font-size:var(--taille-14); font-weight:600; padding:0 6px; }
.laboratoire-comparaison-choix p { width:100%; margin:0 0 8px; font-size:var(--taille-12); line-height:1.5; }
.laboratoire-comparaison-choix label { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--line); border-radius:var(--rayon-8); font-size:var(--taille-13); cursor:pointer; }
.laboratoire-comparaison-choix label > span { display:flex; flex-direction:column; gap:4px; }
.laboratoire-comparaison-choix label:has(:checked) { border-color:var(--teal); color:var(--teal-d); background:var(--teal-soft); }
.laboratoire-comparaison-choix label:has(:disabled:not(:checked)) { opacity:.65; cursor:default; }
.laboratoire-resultats-panneau { display:flex; flex-direction:column; gap:16px; min-width:0; }
.laboratoire-resultats-selection,.laboratoire-arbitrage-reperes { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.laboratoire-arbitrage-repere { display:grid; grid-template-columns:auto 1fr; gap:5px 10px; padding:10px 14px; border:1px solid var(--line); background:var(--paper); border-radius:var(--rayon-10); font-size:var(--taille-12); }
.laboratoire-arbitrage-repere > .b { grid-row:1 / 4; align-self:start; }
.laboratoire-arbitrage-repere > .n { grid-column:2; }
@container (max-width:1000px) { .laboratoire-scenarios { grid-template-columns:minmax(0,1fr); } }


.laboratoire-variante-entete { display:block; padding:16px; border:1px solid var(--line); border-radius:var(--rayon-12); background:var(--paper); }
.laboratoire-barre-variantes { display:flex; flex-wrap:nowrap; gap:8px; margin:12px 0; overflow-x:auto; padding:2px 1px 8px; }
.laboratoire-barre-variante { display:flex; align-items:center; gap:8px; padding:8px; border:1px solid var(--line); border-radius:var(--rayon-10); background:var(--paper); min-width:145px; flex:1 0 145px; }
.laboratoire-barre-variante.on { border-color:var(--teal); background:var(--teal-soft); box-shadow:0 0 0 1px var(--teal); }
.laboratoire-barre-variante > .btn { display:flex; align-items:center; gap:10px; flex:1; text-align:start; min-width:0; padding:4px; }
.laboratoire-barre-variante .btn > span:last-child { display:flex; flex-direction:column; gap:4px; white-space:normal; }
.laboratoire-barre-variante strong { color:var(--ink); }
.laboratoire-barre-variante input { flex:none; accent-color:var(--teal); width:16px; height:16px; cursor:pointer; }
.laboratoire-repere { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:var(--rayon-50cercle); color:var(--palette-blanc); background:var(--teal); font-size:var(--taille-12); font-weight:700; flex:none; }
.laboratoire-ajout { position:relative; }
.laboratoire-ajout > summary { padding:8px 12px; cursor:pointer; }
.laboratoire-ajout[open] > .btn { display:block; width:100%; text-align:start; margin:6px 0; }
.laboratoire-scenarios { display:block; }
.laboratoire-prestataires-grille { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:16px; align-items:start; }
.laboratoire-prestataires-grille > .card { min-width:0; }
html[data-theme="ortilis"] .laboratoire-prestataires .t { table-layout:auto; width:100%; }
html[data-theme="ortilis"] .laboratoire-prestataires .t th,html[data-theme="ortilis"] .laboratoire-prestataires .t td { padding:10px 8px; overflow-wrap:normal; word-break:normal; white-space:normal; }
html[data-theme="ortilis"] .laboratoire-prestataires .t th:first-child,html[data-theme="ortilis"] .laboratoire-prestataires .t td:first-child { width:130px; }
.laboratoire-zone-nom { display:inline-block; min-width:105px; }
.laboratoire-offre { padding:12px; border-top:1px solid var(--line); }
.laboratoire-offre summary { cursor:pointer; font-weight:600; margin-bottom:10px; }
.laboratoire-destination { display:block; min-width:220px; line-height:1.6; }
.laboratoire-comparatif-variante { display:flex; flex-direction:column; gap:12px; }
.laboratoire-arbitrage-repere > small { grid-column:2; max-width:320px; }
@container (max-width:1250px) { .laboratoire-prestataires-grille { grid-template-columns:minmax(0,1fr); } }


.laboratoire-navigation { position:sticky; top:calc(-1 * var(--vue-marge-haute,0px)); z-index:8; flex:none; background:var(--canvas); padding-block:0; box-shadow:0 5px 12px rgba(4,27,61,.08); }
.laboratoire-navigation .laboratoire-suivi { margin-top:8px; padding:10px 14px; }
.laboratoire-navigation .laboratoire-suivi-entete { gap:12px; padding-bottom:0; flex-wrap:wrap; }
.laboratoire-navigation .animations-ui-logo { width:120px; height:64px; min-height:0; }
.laboratoire-navigation .laboratoire-suivi-entete > div { flex:1 1 250px; }
.laboratoire-navigation .laboratoire-suivi-entete > .btn { margin-inline-start:auto; }
.laboratoire-suivi-details { margin-top:8px; border-top:1px solid var(--line); }
.laboratoire-suivi-details > summary { padding-top:8px; cursor:pointer; font-size:var(--taille-12); color:var(--ink); }
.laboratoire-suivi-lignes { max-height:min(24vh,220px); overflow:auto; }
.laboratoire-navigation progress:indeterminate { accent-color:var(--teal); }


.gr-echelle-outils, .gr-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.gr-echelle-outils label, .gr-navigation label { display:flex; align-items:center; gap:8px; font-size:var(--taille-12); color:var(--ink); }
.gr-echelle-outils select { width:auto; max-width:100%; min-width:160px; }
.gr-echelle-outils input[type=checkbox] { accent-color:var(--teal); }
.gr-echelle-note { font-size:var(--taille-11); margin:8px 0; }
.gr-navigation { padding:12px 18px; border-bottom:1px solid var(--line); background:var(--surface); }
.gr-navigation input[type=range] { width:120px; accent-color:var(--teal); }
.gr-navigation output { min-width:44px; font-family:var(--police-n); }
.gr-plein { max-height:94vh; overflow:hidden; }
.gr-plein-corps { max-height:65vh; overflow:auto; overscroll-behavior:contain; }
.gr-plein .gr-arbitrage { min-width:0; }

.gr-plein[open] { display:flex; flex-direction:column; }
.gr-plein > header, .gr-plein > .gr-navigation, .gr-plein-description { flex:none; }
.gr-plein-corps { min-height:0; flex:1; }
.gr-plein .graphe { overflow:visible; }


.laboratoire-resultats-navigation { position:sticky; top:calc(var(--laboratoire-hauteur-navigation,41px) - var(--vue-marge-haute,0px)); z-index:7; flex:none; background:var(--canvas); padding-block:0; box-shadow:0 5px 12px rgba(4,27,61,.08); }
.gr-navigation-aide { font-size:var(--taille-11); flex-basis:100%; }
.gr-navigation button[data-action^="zoom-"] { min-width:34px; font-size:var(--taille-18); }


.gr-axe-y { display:flex; flex:none; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 18px; border-bottom:1px solid var(--line); background:var(--surface); color:var(--ink); }
.gr-axe-y strong { font-size:var(--taille-12); }
.gr-axe-y label { display:flex; align-items:center; gap:6px; font-size:var(--taille-12); }
.gr-axe-y input { width:150px; }
.gr-axe-y-lecture { flex-basis:100%; margin:0; font-size:var(--taille-11); }
.gr-historique { min-width:0; }


html[data-theme="ortilis"] .vue-administration > .admin-navigation-entete {
  top:calc(-1 * var(--vue-marge-haute));
  margin-block-start:calc(-1 * var(--vue-marge-haute));
  padding-block-start:0;
}


.aide-sommaire { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--line); }
html[data-theme="ortilis"] .aide-sommaire .btn { font-size:var(--taille-11); min-height:30px; padding:5px 8px; }


.admin-entete-contenu { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.admin-intention { max-width:760px; margin:0; color:var(--muted); font-size:var(--taille-13); line-height:1.6; }
.admin-actions-page { display:flex; flex-wrap:wrap; gap:8px; flex:none; }
.app[data-territoire="administrer"] #titre { font-size:26px; font-weight:600; letter-spacing:-.02em; }
.app[data-territoire="administrer"] #fil { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .app[data-territoire="administrer"] { grid-template-columns:248px minmax(0,1fr); grid-template-rows:60px minmax(0,1fr); }
@media(min-width:1101px) {
  html[data-theme="ortilis"] .app[data-territoire="administrer"].navigation-repliee { grid-template-columns:62px minmax(0,1fr); }
}

@media(min-width:1361px) {
  html[data-theme="ortilis"] .app[data-territoire="administrer"].avec-aide { grid-template-columns:248px minmax(0,1fr) var(--largeur-aide-contextuelle); }
  html[data-theme="ortilis"] .app[data-territoire="administrer"].navigation-repliee.avec-aide { grid-template-columns:62px minmax(0,1fr) var(--largeur-aide-contextuelle); }
}
html[data-theme="ortilis"] .app[data-territoire="administrer"] .theme-identite img { height:28px; }
html[data-theme="ortilis"] #vue.vue-administration { padding:20px 28px 64px; gap:14px; }
html[data-theme="ortilis"] .top.admin-entete-page { flex-wrap:wrap; align-items:flex-end; }
html[data-theme="ortilis"] .admin-entete-page .bloc-titre { display:flex; flex-direction:column; flex:1 1 320px; gap:6px; max-width:760px; min-width:0; }
html[data-theme="ortilis"] .admin-entete-page .sous-titre { min-height:18px; }
html[data-theme="ortilis"] .admin-entete-page #titre { white-space:normal; overflow:visible; line-height:1.25; }
html[data-theme="ortilis"] .admin-entete-page .admin-actions-page .btn { min-height:38px; }
#vue.vue-administration > .admin-navigation-entete {
  position:sticky; top:calc(-1 * var(--retrait-padding-colle,20px)); z-index:12; display:flex; flex-direction:column; gap:0;
  flex:none; padding:0 28px; margin:0 -28px; border:0; border-radius:0;
  background:var(--paper); transition:box-shadow 180ms ease;
}
#vue .admin-navigation-haute { display:flex; flex-direction:column; min-width:0; padding:0; background:transparent; border:0; }
#vue .admin-navigation-haute[hidden] { display:none!important; }
#vue .admin-navigation-haute .onglets-defilants { width:100%; max-width:100%; min-width:0; }
#vue .admin-navigation-haute .tabs { width:100%; max-width:100%; border:0; border-bottom:1px solid var(--line); padding:0; border-radius:0; background:transparent; gap:0; }
#vue .admin-navigation-haute .tab { height:42px; min-height:42px; padding:0 12px; border:0; border-radius:0; font-size:var(--taille-13); font-weight:500; background:transparent; color:var(--muted); box-shadow:inset 0 -3px 0 transparent; }
#vue .admin-navigation-haute .tab:hover { color:var(--ink); background:transparent; }
#vue .admin-navigation-haute .tab.on { background:transparent; color:var(--ink); font-weight:600; box-shadow:inset 0 -3px 0 var(--teal); }
#vue .admin-navigation-mobile { display:none; }
#vue .admin-navigation-rubrique { flex:none; margin:0; }
#vue .admin-navigation-rubrique .tabs, #vue .admin-navigation-rubrique.tabs { width:max-content; max-width:100%; border:1px solid var(--line); padding:3px; border-radius:9px; background:var(--paper); gap:2px; }
#vue .admin-navigation-rubrique .tab { height:28px; min-height:28px; padding:0 12px; border:0; border-radius:var(--rayon-6); font-size:var(--taille-12); font-weight:600; background:transparent; color:var(--muted); box-shadow:none; }
#vue .admin-navigation-rubrique .tab.on { background:var(--solid,var(--navy)); color:var(--on-solid,var(--paper)); box-shadow:none; }
.admin-onglet-compteur { padding:1px 6px; border-radius:var(--rayon-8); font-size:var(--taille-11); background:var(--warn-bg); color:var(--warn); }
.admin-onglet-alerte { width:7px; height:7px; border-radius:var(--rayon-50cercle); background:var(--warn); }
.admin-onglet-alerte.x { background:var(--bad); }
.admin-a-traiter { background:var(--warn-bg); border:1px solid var(--line-fort); border-radius:var(--rayon-12); padding:14px 16px; margin-bottom:20px; }
.admin-a-traiter[hidden] { display:none; }
.admin-a-traiter h2 { font-size:var(--taille-14); font-weight:600; margin:0 0 10px; color:var(--warn); }
.admin-a-traiter-liens { display:flex; flex-wrap:wrap; gap:8px; }
.admin-sous-domaines { display:flex; flex-wrap:wrap; gap:6px 14px; font-size:var(--taille-12); }
.admin-sous-domaines a { position:relative; z-index:2; display:inline-flex; align-items:center; min-height:32px; color:var(--teal-d); }
.admin-annuaire { display:flex; flex-direction:column; gap:14px; min-width:0; }
.admin-filtres-etat { display:flex; flex-wrap:wrap; gap:6px; }
.admin-puce { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:0 12px; border:1px solid var(--line-fort); border-radius:16px; background:var(--paper); color:var(--muted); font-size:var(--taille-12); font-weight:600; cursor:pointer; }
.admin-puce[aria-pressed="true"] { background:var(--solid,var(--navy)); color:var(--on-solid,var(--paper)); border-color:var(--solid,var(--navy)); }
.admin-puce-compteur { font-size:var(--taille-11); opacity:.85; }
.admin-outils-liste { display:flex; flex-wrap:wrap; align-items:end; gap:10px; }
.admin-outils-liste > input { flex:1 1 220px; max-width:320px; }
.admin-outils-liste .f { flex:1 1 105px; min-width:0; max-width:180px; }
.admin-outils-liste .fi { width:100%; }
.admin-resultats { margin-inline-start:auto; align-self:center; color:var(--muted); font-size:var(--taille-12); white-space:nowrap; }
.admin-comptes-table { background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); overflow:hidden; }
.admin-comptes-table .t { min-width:1080px; table-layout:fixed; }
.admin-comptes-table .t th { white-space:normal; }
.admin-comptes-table .t th:nth-child(1) { width:21%; }
.admin-comptes-table .t th:nth-child(2) { width:12%; }
.admin-comptes-table .t th:nth-child(3) { width:11%; }
.admin-comptes-table .t th:nth-child(4) { width:20%; }
.admin-comptes-table .t th:nth-child(5) { width:14%; }
.admin-comptes-table .t th:nth-child(6) { width:12%; }
.admin-comptes-table .t th:nth-child(7) { width:10%; }
.admin-comptes-table .t th { background:var(--paper-2,var(--canvas)); color:var(--muted); font-size:var(--taille-12); font-weight:600; }
.admin-comptes-table .t td { font-size:var(--taille-13); padding:12px 14px; white-space:normal; }
.admin-utilisateur { display:flex; align-items:center; gap:10px; min-width:190px; }
.admin-avatar { flex:none; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:var(--rayon-50cercle); background:var(--canvas); border:1px solid var(--line); color:var(--ink); font-size:var(--taille-12); font-weight:600; }
.admin-utilisateur-identite { display:flex; flex-direction:column; gap:3px; }
.admin-utilisateur-identite strong { font-size:var(--taille-14); font-weight:600; }
.admin-utilisateur-identite .mut, .admin-origine { font-size:var(--taille-12); }
.admin-origine { color:var(--muted); }
.admin-capacites { display:flex; flex-wrap:wrap; gap:5px; min-width:125px; }
.admin-comptes-table .admin-capacites { min-width:0; }
.admin-comptes-table .admin-capacites .b { white-space:normal; }
.admin-capacites > .mut { flex-basis:100%; font-size:var(--taille-11); }
.admin-profils-matrice .admin-matrice-droits { gap:14px; padding-block:8px; }
.admin-profils-matrice .admin-droits-cellule { border:1px solid var(--line); background:var(--canvas); border-radius:var(--rayon-6); min-height:28px; padding:4px 8px; }
.vue-administration .card { border-radius:var(--rayon-12); border-color:var(--line); }
.vue-administration .card > .ch { background:var(--paper-2,var(--paper)); }
@media(max-width:1100px) {
  html[data-theme="ortilis"] .app[data-territoire="administrer"] { grid-template-columns:minmax(0,1fr); }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .side { display:none; }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .side.ouvert { display:flex; }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .main { grid-column:1; }
  #vue .admin-navigation-mobile { display:flex; width:100%; min-width:0; }
  #vue .admin-navigation-mobile .tabs { border:0; padding:3px; border-radius:var(--rayon-10); background:var(--paper); width:max-content; max-width:100%; gap:2px; }
  #vue .admin-navigation-mobile .tab { height:32px; min-height:32px; border:0; border-radius:var(--rayon-7); padding:0 12px; font-size:var(--taille-13); background:transparent; color:var(--muted); box-shadow:none; }
  #vue .admin-navigation-mobile .tab.on { background:var(--solid,var(--navy)); color:var(--on-solid,var(--paper)); }
  .admin-entete-contenu { align-items:flex-start; flex-wrap:wrap; }
  .admin-outils-liste .f { flex-basis:130px; }
}
@media(max-width:720px) {
  .app[data-territoire="administrer"] #titre { font-size:var(--taille-22); }
  html[data-theme="ortilis"] #vue.vue-administration { padding:20px 16px 48px; }
  #vue.vue-administration > .admin-navigation-entete { margin-inline:-16px; padding-inline:16px; }
  .admin-actions-page { width:100%; }
  .admin-actions-page .btn-p { margin-inline-start:auto; }
  .admin-outils-liste > input { max-width:none; flex-basis:100%; }
  .admin-outils-liste .f { max-width:none; flex-basis:calc(50% - 10px); }
}
@media(prefers-reduced-motion:reduce) {
  .admin-navigation-entete { transition:none; }
}

.admin-outils-liste { align-items:center; }
.admin-outils-liste > select.fi { flex:0 1 180px; width:auto; min-width:115px; max-width:190px; }
.admin-outils-liste > input.fi { width:auto; }
.admin-comptes-table .t { min-width:1040px; }
.admin-comptes-table .t th:nth-child(1) { width:24%; }
.admin-comptes-table .t th:nth-child(2) { width:14%; }
.admin-comptes-table .t th:nth-child(3) { width:14%; }
.admin-comptes-table .t th:nth-child(4) { width:23%; }
.admin-comptes-table .t th:nth-child(5) { width:15%; }
.admin-comptes-table .t th:nth-child(6) { width:10%; }
.admin-utilisateur-identite { min-width:0; }
.admin-utilisateur-secondaire { overflow-wrap:anywhere; }
.admin-filtres-avances { color:var(--muted); font-size:var(--taille-12); }
.admin-filtres-avances > summary { width:fit-content; min-height:28px; display:list-item; cursor:pointer; }
.admin-filtres-avances > summary:focus-visible { outline:2px solid var(--teal-d); outline-offset:3px; border-radius:var(--rayon-4); }
.admin-filtres-avances-champs { display:flex; flex-wrap:wrap; gap:10px; padding-block:8px 2px; }
.admin-filtres-avances-champs .f { flex:0 1 220px; min-width:0; }
.admin-etat-compte { display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.admin-compte-attention { color:var(--warn); font-size:var(--taille-11); line-height:1.3; }
html[data-theme="ortilis"] .admin-comptes-table .t { min-width:1040px; }
html[data-theme="ortilis"] .admin-comptes-table .t th { text-transform:none; letter-spacing:0; white-space:nowrap; font-size:var(--taille-12); }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(1) { width:25%; }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(2) { width:16%; }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(3) { width:15%; }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(4) { width:18%; }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(5) { width:13%; }
html[data-theme="ortilis"] .admin-comptes-table .t th:nth-child(6) { width:13%; }
html[data-theme="ortilis"] .admin-comptes-table .t td { padding:10px 16px; line-height:1.35; }
html[data-theme="ortilis"] .admin-comptes-table .b { text-transform:none; letter-spacing:0; font-size:var(--taille-11); padding:2px 7px; white-space:nowrap; }
html[data-theme="ortilis"] .admin-actions-page .btn { box-shadow:none; }
html[data-theme="ortilis"] .admin-actions-page .btn-d { color:var(--ink); background:var(--paper); border-color:var(--line-fort); }
html[data-theme="ortilis"] .admin-entete-page.entete-sans-lecture #bandeau-perimetre { display:none; }
.admin-puce[aria-pressed="true"] { background:var(--teal-soft); color:var(--teal-d); border-color:var(--teal); }
.admin-outils-liste > input.fi { flex:0 1 280px; max-width:280px; }
.admin-filtres-avances { margin:0; flex:none; }
.admin-filtres-avances[open] { flex-basis:100%; order:1; }
.admin-outils-liste [hidden] { display:none; }
.admin-outils-liste > select.fi { flex:0 1 140px; }
.admin-outils-liste > select.fi:nth-of-type(2) { flex-basis:180px; }
.admin-brouillon-panneau { position:sticky; top:60px; min-width:0; }
.admin-brouillon-liste { display:flex; flex-direction:column; gap:12px; font-size:var(--taille-12); }
.admin-brouillon-liste p { margin:0; line-height:1.5; }
.admin-brouillon-ecart { padding-bottom:10px; border-bottom:1px solid var(--line); }
.admin-brouillon-ecart strong { font-weight:600; }
.admin-brouillon-valeurs { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:6px; }
.admin-brouillon-actions .btn { width:100%; min-width:0; white-space:normal; }
.reglages-espace { grid-template-columns:210px minmax(0,1fr) 280px; gap:14px; }
.reglages-espace.reglages-sans-index { grid-template-columns:minmax(0,1fr) 280px; }
html[data-theme="ortilis"] .reglages-sections { top:60px; }
html[data-theme="ortilis"] .reglages-panneau { container-type:inline-size; }
html[data-theme="ortilis"] .reglages-panneau .param-ligne { grid-template-columns:minmax(120px,1fr) minmax(100px,140px) minmax(160px,1.4fr); gap:14px; padding-block:14px; }
html[data-theme="ortilis"] .reglages-panneau .param-entete { display:grid; }
html[data-theme="ortilis"] .reglages-panneau .param-desc { margin-top:0; }
html[data-theme="ortilis"] .reglages-panneau .param-ligne-bareme .param-valeur { grid-column:2 / 4; }
html[data-theme="ortilis"] .reglages-panneau .param-ligne-bareme .param-explication { grid-column:1 / -1; }
@container (max-width:560px) {
  html[data-theme="ortilis"] .reglages-panneau .param-ligne { grid-template-columns:minmax(0,1fr) minmax(120px,180px); }
  html[data-theme="ortilis"] .reglages-panneau .param-explication { grid-column:1 / -1; }
  html[data-theme="ortilis"] .reglages-panneau .param-entete { display:none; }
  html[data-theme="ortilis"] .reglages-panneau .param-ligne-bareme .param-valeur { grid-column:1 / -1; }
}
@media(max-width:1250px) {
  .reglages-espace { grid-template-columns:180px minmax(0,1fr); }
  .reglages-espace.reglages-sans-index { grid-template-columns:minmax(0,1fr); }
  .admin-brouillon-panneau { grid-column:1 / -1; position:static; }
}
@media(max-width:720px) {
  .reglages-espace { grid-template-columns:minmax(0,1fr); }
  html[data-theme="ortilis"] .reglages-sections { position:static; }
  html[data-theme="ortilis"] .reglages-panneau .param-ligne:not(.param-entete) { grid-template-columns:minmax(0,1fr); }
  html[data-theme="ortilis"] .reglages-panneau .param-ligne-bareme .param-valeur { grid-column:1 / -1; }
  .admin-outils-liste > input.fi { flex-basis:100%; max-width:none; }
}
@media(max-width:720px) {
  .admin-outils-liste > select.fi { flex:1 1 calc(50% - 10px); min-width:0; max-width:none; }
  .admin-filtres-avances-champs .f { flex:1 1 calc(50% - 10px); }
}


.admin-etat-cartes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:start; }
.admin-etat-cartes > .card { min-width:0; }
.admin-etat-cartes .ch { align-items:flex-start; }
.admin-etat-cartes .paires, .admin-etat-apropos .paires { display:flex; flex-direction:column; gap:0; }
.admin-etat-cartes .paire, .admin-etat-apropos .paire { display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:14px; padding-block:9px; border-bottom:1px solid var(--line); }
.admin-etat-cartes .paire:last-child, .admin-etat-apropos .paire:last-child { border-bottom:0; }
.admin-etat-cartes .paire .fl, .admin-etat-apropos .paire .fl { flex:none; font-size:var(--taille-12); font-weight:400; text-transform:none; letter-spacing:0; }
.admin-etat-cartes .paire .pv, .admin-etat-apropos .paire .pv { min-width:0; text-align:end; overflow-wrap:anywhere; font-size:var(--taille-13); }
.admin-etat-detail { display:block; margin-top:4px; font-size:var(--taille-12); }
.admin-etat-cartes .traitement-contenu { gap:14px; }
.admin-etat-cartes .traitement-etat { gap:10px; }
.admin-etat-cartes .traitement-icone { width:32px; height:32px; border-radius:var(--rayon-8); }
.admin-etat-cartes .traitement-etat h3 { font-size:var(--taille-14); margin-block:0 4px; }
.admin-etat-cartes .traitement-etat p { font-size:var(--taille-12); line-height:1.5; }
.admin-etat-cartes .traitement-reperes { grid-template-columns:1fr; gap:0; padding:0; border:0; border-radius:0; background:transparent; }
.admin-etat-cartes .traitement-repere { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 14px; padding-block:9px; border-bottom:1px solid var(--line); }
.admin-etat-cartes .traitement-repere:last-child { border-bottom:0; }
.admin-etat-cartes .traitement-repere dd { margin:0; text-align:end; font-size:var(--taille-13); font-weight:500; }
.admin-etat-cartes .traitement-repere p { grid-column:1 / -1; margin:0; }
.admin-etat-cartes .traitement-actions { padding-top:10px; }
.admin-etat-cartes .traitement-actions .btn { flex:1 1 0; min-width:0; min-height:32px; height:auto; padding-inline:8px; white-space:normal; font-size:var(--taille-12); }
.admin-etat-cartes .traitement-diagnostic > summary { padding:10px; font-size:var(--taille-12); }
.admin-etat-cartes .traitement-messages { padding:0 12px 12px; }
.admin-etat-apropos { width:100%; }
.admin-etat-colonne { display:flex; flex-direction:column; gap:14px; min-width:0; }
@media(min-width:1101px) {
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .side { position:relative; }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .side .brand { position:absolute; z-index:2; top:8px; inset-inline-end:10px; min-height:0; padding:0; }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .navg-lien { padding:0 10px 12px; letter-spacing:.08em; text-transform:uppercase; font-family:inherit; font-size:var(--taille-11); }
  html[data-theme="ortilis"] .app[data-territoire="administrer"] .navg-lien > svg { display:none; }
}
@media(max-width:1100px) { .admin-etat-cartes { grid-template-columns:1fr; } .admin-etat-apropos { width:100%; } }
html[data-theme="ortilis"] .vue-administration .admin-commentateur > .ch { padding:12px 16px; }
html[data-theme="ortilis"] .vue-administration .admin-commentateur > .cb { padding:12px 16px; }


html[data-theme="ortilis"] .vue-administration .card { border-radius:var(--rayon-12); }
html[data-theme="ortilis"] .vue-administration .card > .ch { padding:14px 20px; }
html[data-theme="ortilis"] .vue-administration .card > .ch .ct { font-size:var(--taille-14); line-height:1.5; }
html[data-theme="ortilis"] .vue-administration .card > .ch .cs { font-size:var(--taille-12); line-height:1.5; }
html[data-theme="ortilis"] .vue-administration .t th { font-size:var(--taille-12); line-height:1.5; text-transform:none; letter-spacing:0; }
html[data-theme="ortilis"] .vue-administration .t td { font-size:var(--taille-13); line-height:1.5; }
html[data-theme="ortilis"] .vue-administration .sources-guidees .source-navigation { position:sticky; bottom:-20px; z-index:3; background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); padding:12px 16px; }
html[data-theme="ortilis"] .vue-administration .sources-guidees .source-progression { font-size:var(--taille-12); color:var(--muted); }
html[data-theme="ortilis"] .vue-administration .sources-guidees .source-navigation .btn { min-height:38px; }
html[data-theme="ortilis"] .admin-entete-page .source-navigation { position:static; border:0; padding:0; background:transparent; }
html[data-theme="ortilis"] .vue-administration .admin-securite-formulaire .referentiel-section { padding:14px 0; border-bottom:1px solid var(--line); }
html[data-theme="ortilis"] .vue-administration .admin-securite-formulaire .referentiel-section:last-of-type { border-bottom:0; }
html[data-theme="ortilis"] .vue-administration .admin-securite-formulaire .f { max-width:640px; }
html[data-theme="ortilis"] .vue-administration .admin-securite-formulaire .fi { max-width:100%; }
html[data-theme="ortilis"] .vue-administration .admin-securite-formulaire .ct { font-size:var(--taille-14); }
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .t { min-width:0; width:100%; table-layout:fixed; }
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .t th,
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .t td { white-space:normal; overflow-wrap:anywhere; }
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .t th:first-child { width:26%; }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-section { display:flex; flex-direction:column; gap:12px; min-width:0; }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-section[hidden] { display:none; }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-champs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-etapes { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-etapes .on { color:var(--teal-d); background:var(--teal-soft); }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-pied { position:sticky; bottom:-20px; z-index:2; display:flex; justify-content:flex-end; gap:8px; padding:12px 0; border-top:1px solid var(--line); background:var(--paper); }
html[data-theme="ortilis"] .tiroir-administration .admin-compte-pied [hidden] { display:none; }
html[data-theme="ortilis"] .vue-administration .admin-cycle-version { margin:0; font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .admin-index-reglages { display:flex; flex-direction:column; gap:3px; padding:0; border:0; border-radius:0; background:transparent; }
html[data-theme="ortilis"] .vue-administration .admin-index-reglages > .btn { justify-content:flex-start; min-height:32px; white-space:normal; text-align:start; font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .reglages-panneau { display:flex; flex-direction:column; gap:14px; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau > [data-bloc] { scroll-margin-top:60px; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau [data-reglage][hidden] { display:none; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-ligne { grid-template-columns:minmax(0,1.5fr) minmax(170px,.8fr) minmax(0,.9fr); gap:14px; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-desc { margin-top:5px; font-size:var(--taille-12); line-height:1.5; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-ligne-bareme .param-valeur { grid-column:auto; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-ligne-bareme .param-explication { grid-column:auto; }
html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-explication { min-width:0; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t { min-width:0; width:100%; table-layout:fixed; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th { white-space:normal; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t td { white-space:normal; overflow:visible; overflow-wrap:anywhere; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t td .mut { min-width:0; white-space:normal; overflow-wrap:anywhere; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .table-ouvrir,
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .table-trier { min-width:0; width:100%; white-space:normal; text-align:start; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-utilisateur-identite strong { white-space:normal; }
html[data-theme="ortilis"] .vue-administration .admin-comptes-table .b { white-space:normal; }
html[data-theme="ortilis"] .vue-administration #titre { font-size:26px; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0; border:0; background:transparent; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils > .fl { display:none; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils > input { flex:1 1 180px!important; max-width:280px!important; height:32px; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils > .mut { display:none; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils > .b:not(.admin-cycle-version) { display:none; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils > div[style] { display:none; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-facettes { display:flex; flex-wrap:wrap; gap:4px; }
html[data-theme="ortilis"] .vue-administration .admin-reglages-facettes .admin-puce { min-height:32px; font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .admin-reglages-outils .admin-cycle-version { margin-inline-start:auto; font-size:var(--taille-11); white-space:normal; }
html[data-theme="ortilis"] .vue-administration .param-bareme-entete { position:sticky; top:0; background:var(--paper); font-size:var(--taille-11); color:var(--muted); font-weight:600; }
html[data-theme="ortilis"] .vue-administration .param-fige { max-height:180px; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--muted) var(--paper); }
html[data-theme="ortilis"] .vue-administration .param-bareme-ligne { display:grid; grid-template-columns:minmax(0,1fr) auto; min-width:0; }
html[data-theme="ortilis"] .vue-administration .card.admin-commentateur > .ch,
html[data-theme="ortilis"] .vue-administration .card.admin-commentateur > .cb { padding:12px 16px; }
html[data-theme="ortilis"] .vue-administration .param-bareme-ligne > * { min-width:0; white-space:normal; overflow-wrap:anywhere; }
html[data-theme="ortilis"] .vue-administration .param-bareme-ligne > .n:last-child { width:max-content; max-width:none; white-space:nowrap; overflow-wrap:normal; word-break:normal; }
html[data-theme="ortilis"] .tiroir-administration .admin-tiroir-index { position:sticky; top:-24px; z-index:5; flex:none; display:flex; flex-wrap:wrap; gap:4px; padding:8px 0; border-bottom:1px solid var(--line); background:var(--canvas); }
html[data-theme="ortilis"] .tiroir-administration .admin-tiroir-index .btn { min-height:28px; font-size:var(--taille-12); white-space:normal; }
html[data-theme="ortilis"] .tiroir-administration .admin-tiroir-pied { flex:none; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:14px 24px; border-top:1px solid var(--line); background:var(--paper); }
html[data-theme="ortilis"] .tiroir-administration .ct { scroll-margin-top:12px; }
@container(max-width:560px) {
  html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-ligne { grid-template-columns:minmax(0,1.5fr) minmax(120px,1fr); }
  html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-explication { grid-column:1 / -1; }
}
@media(max-width:720px) {
  html[data-theme="ortilis"] .tiroir-administration .admin-compte-champs { grid-template-columns:1fr; }
  html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-ligne { grid-template-columns:minmax(0,1fr); }
  html[data-theme="ortilis"] .vue-administration .reglages-panneau .param-explication { grid-column:auto; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th,
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t td { padding:8px 3px; font-size:var(--taille-13); line-height:1.4; max-width:none; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th { font-size:var(--taille-12); }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(1) { width:23%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(2) { width:14%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(3) { width:15%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(4) { width:18%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(5) { width:15%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t th:nth-child(6) { width:15%; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-avatar { display:none; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-utilisateur { display:block; min-width:0; width:100%; max-width:100%; overflow-wrap:anywhere; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-utilisateur strong,
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-utilisateur-secondaire,
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-compte-attention,
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .b { font-size:var(--taille-12); }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .admin-utilisateur strong { font-size:var(--taille-13); }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table th,
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .table-trier { min-width:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .table-trier { display:block; padding:0; box-sizing:border-box; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .b { display:inline-block; min-width:0; max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; white-space:normal; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table time { display:block; min-width:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .t td .mut { min-width:0; white-space:normal; overflow-wrap:anywhere; }
  html[data-theme="ortilis"] .vue-administration .admin-comptes-table .b { padding:2px 3px; }
  html[data-theme="ortilis"] .tiroir-administration .admin-tiroir-pied { padding:12px 16px; }
}
.admin-commentateur-commandes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:end; }

html[data-theme="ortilis"] .admin-profil-ecrans { margin-top:10px; font-size:var(--taille-12); }
html[data-theme="ortilis"] .admin-profil-ecrans > summary { display:flex; align-items:center; gap:8px; width:fit-content; min-height:32px; padding:4px 10px; border:1px solid var(--line); border-radius:var(--rayon-7); background:var(--paper); color:var(--ink); cursor:pointer; list-style:none; }
html[data-theme="ortilis"] .admin-profil-ecrans > summary::-webkit-details-marker { display:none; }
html[data-theme="ortilis"] .admin-profil-ecrans > summary:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.admin-profil-compteur { min-width:20px; padding:1px 5px; text-align:center; border-radius:var(--rayon-5); background:var(--teal-soft); color:var(--teal-d); font-variant-numeric:tabular-nums; }
.admin-profil-chevron { width:7px; height:7px; margin-inline-start:3px; border-inline-end:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .15s; }
.admin-profil-ecrans[open] .admin-profil-chevron { transform:rotate(225deg); }
.admin-profil-groupes { display:grid; gap:12px; padding:12px 0 2px; padding-inline-end:8px; max-height:min(40vh,320px); overflow:auto; }
.admin-profil-groupes h4 { display:flex; align-items:center; gap:8px; margin:0 0 6px; font-size:var(--taille-12); color:var(--teal-d); }
.admin-profil-groupes h4 > span { color:var(--muted); font-weight:400; }
.admin-profil-groupes ul { list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.admin-profil-groupes li { display:flex; flex-direction:column; gap:2px; line-height:1.45; }
.admin-profil-groupes li > strong { font-size:var(--taille-12); font-weight:500; }
.admin-profil-groupes li > span { font-size:var(--taille-11); color:var(--muted); }
html[data-theme="ortilis"] .admin-profils-matrice .admin-droits-cellule { flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; min-width:0; border:0; padding:2px 0; }
.admin-profil-action { display:inline-flex; align-items:center; gap:6px; font-size:var(--taille-12); white-space:nowrap; }
.admin-profils-table, .admin-profil-matrice-scroll { overflow:auto; border:1px solid var(--line); border-radius:var(--rayon-8); background:var(--paper); scrollbar-gutter:stable; }
.admin-profils-table { max-height:min(65vh,620px); }
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .admin-profils-table .t { min-width:1200px; table-layout:fixed; }
html[data-theme="ortilis"] .vue-administration .admin-profils-matrice .admin-profils-table .t th:first-child { width:240px; }
html[data-theme="ortilis"] .admin-profils-table .t td { vertical-align:top; }
html[data-theme="ortilis"] .admin-profils-table > .scroll,
html[data-theme="ortilis"] .admin-profil-matrice-scroll > .scroll { overflow:visible; }
html[data-theme="ortilis"] .admin-profils-table .t th,
html[data-theme="ortilis"] .admin-profil-matrice-scroll .t th { position:sticky; top:0; z-index:2; background:var(--paper-2,var(--paper)); font-size:var(--taille-12); text-transform:none; box-shadow:0 1px var(--line); }
html[data-theme="ortilis"] .admin-profils-table .t th:first-child,
html[data-theme="ortilis"] .admin-profil-matrice-scroll .t th:first-child { inset-inline-start:0; z-index:3; }
html[data-theme="ortilis"] .admin-profils-table .t td:first-child,
html[data-theme="ortilis"] .admin-profil-matrice-scroll .t td:first-child { position:sticky; inset-inline-start:0; z-index:1; background:var(--paper); box-shadow:1px 0 var(--line); }
.admin-profil-identite, .admin-profil-permissions { display:flex; flex-direction:column; gap:12px; min-width:0; }
.admin-profil-identite > .ct, .admin-profil-permissions > .ct { margin:0; font-size:var(--taille-14); }
.admin-profil-titre { margin:0; font-size:var(--taille-14); font-weight:600; color:var(--ink); }
.admin-profil-champs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(100px,.7fr); gap:12px; }
.admin-profil-champs .f { min-width:0; margin:0; }
.admin-profil-preferences { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-profil-preferences .f { min-width:0; margin:0; }
.admin-profil-permissions { margin-top:20px; }
.admin-profil-defilement { margin:0; color:var(--muted); font-size:var(--taille-12); }
.admin-profil-matrice-scroll { max-height:min(52vh,480px); }
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t { width:100%; min-width:520px; table-layout:fixed; }
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t th:first-child { width:34%; }
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t th,
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t td { padding:10px 8px; white-space:normal; font-size:var(--taille-13); }
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t th { font-size:var(--taille-12); }
html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t td:not(:first-child) { text-align:center; }
.admin-profil-ecran { display:flex; flex-direction:column; gap:3px; }
.admin-profil-ecran strong { font-size:var(--taille-13); font-weight:500; }
.admin-profil-ecran > span { color:var(--muted); font-size:var(--taille-11); }
.admin-profil-matrice-scroll tr[hidden] { display:none; }
@media(max-width:720px) {
  html[data-theme="ortilis"] .tiroir-administration .admin-profil-matrice-scroll .t { min-width:580px; }
  .admin-profil-champs { grid-template-columns:minmax(0,1fr) minmax(100px,.6fr); }
  .admin-profil-preferences { grid-template-columns:minmax(0,1fr); }
  .admin-profil-champs > .f:nth-child(2) { grid-column:1/-1; grid-row:2; }
}
.admin-commentateur-commandes > .f { margin:0; min-width:0; }
.admin-commentateur-commandes > .f:first-child { display:flex; flex-direction:row-reverse; justify-content:flex-end; align-items:center; gap:8px; min-height:36px; }
.admin-commentateur-commandes > .f:first-child .fl { margin:0; }
.admin-commentateur-commandes > .f:first-child input { width:14px; height:14px; }
.admin-commentateur-commandes > .btn { min-height:36px; }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .admin-reglages-avances { margin:8px 0; }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .admin-reglages-avances > summary { padding:4px 0; font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .paires { display:flex; flex-wrap:wrap; gap:8px 24px; }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .paire { display:flex; flex-wrap:wrap; gap:6px; padding:0; border:0; }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .paire .fl { font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .paire .pv { font-size:var(--taille-12); }
html[data-theme="ortilis"] .vue-administration .admin-commentateur .ia-pied { padding:0; background:none; border:0; }
@media(max-width:1100px) { .admin-commentateur-commandes { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .admin-commentateur-commandes { grid-template-columns:minmax(0,1fr); } }

html[data-theme="ortilis"] .app { grid-template-rows:60px minmax(0,1fr); }
html[data-theme="ortilis"] .app .body { position:relative; }
.titre-sentinelle { position:absolute; inset-inline-start:0; width:1px; height:1px; pointer-events:none; visibility:hidden; }
html[data-theme="ortilis"] .app.titre-replie .top {
  display:flex; flex-wrap:nowrap; align-items:center; height:44px; min-height:44px;
  box-sizing:border-box; padding:0 28px; gap:10px;
  background:var(--paper); border-bottom:1px solid var(--line);
}
html[data-theme="ortilis"] .app.titre-replie .bloc-titre {
  display:flex; flex-direction:row; align-items:center; gap:10px; flex:1; min-width:0;
}
html[data-theme="ortilis"] .app.titre-replie #titre {
  font-size:var(--taille-15); font-weight:600; line-height:20px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}
html[data-theme="ortilis"] .app.titre-replie .sous-titre {
  display:flex; align-items:center; flex-wrap:nowrap; gap:0; margin:0; min-width:0;
}
html[data-theme="ortilis"] .app.titre-replie #fil { display:none; }
html[data-theme="ortilis"] .app.titre-replie .niveau {
  flex-wrap:nowrap; gap:6px; white-space:nowrap; max-width:420px; overflow:hidden;
}
html[data-theme="ortilis"] .app.titre-replie .niveau-libelle {
  overflow:hidden; text-overflow:ellipsis;
}
html[data-theme="ortilis"] .app.mode-portail.titre-replie #bandeau-perimetre > .b:first-child { display:none; }
html[data-theme="ortilis"] .app.titre-replie .ctx-groupe {
  grid-area:auto; height:30px; min-height:30px; flex-wrap:nowrap;
  flex-shrink:0; max-width:calc(100% - 280px);
}
html[data-theme="ortilis"] .app.titre-replie .ctx-pill,
html[data-theme="ortilis"] .app.titre-replie #ctx-plier {
  height:30px; min-height:30px; box-sizing:border-box;
}
html[data-theme="ortilis"] .app.titre-replie .ctx-pill {
  flex:none; flex-direction:row; flex-wrap:nowrap;
}
html[data-theme="ortilis"] .app.titre-replie #pill-date {
  display:flex; align-items:center; flex-wrap:nowrap; width:auto;
  height:30px; min-height:30px; padding:0 6px; gap:5px;
}
html[data-theme="ortilis"] .app.titre-replie #pill-date[hidden] { display:none; }
html[data-theme="ortilis"] .app.titre-replie #pill-date .date-contexte-libelle {
  flex-basis:auto; font-size:var(--taille-11);
}
html[data-theme="ortilis"] .app.titre-replie #date-reference { width:135px; }
html[data-theme="ortilis"] .app.titre-replie #date-aujourdhui {
  height:28px; min-height:28px; padding:2px 5px; font-size:var(--taille-11);
}
html[data-theme="ortilis"] .app.titre-replie #pill-moteur,
html[data-theme="ortilis"] .app.titre-replie .ctx-resume { display:none; }
html[data-theme="ortilis"] .app.titre-replie .ctx-pill input,
html[data-theme="ortilis"] .app.titre-replie .ctx-pill select { height:28px; }
html[data-theme="ortilis"] .app .body .onglets-colles {
  position:sticky; top:calc(-1 * var(--retrait-padding-colle,0px)); z-index:12; flex:none; min-height:48px;
  box-sizing:border-box; background:var(--paper); margin-block:0;
  border-bottom:1px solid var(--line);
}
html[data-theme="ortilis"] .app .body .onglets-colles:not(.admin-navigation-entete) {
  height:auto; flex-wrap:nowrap; align-items:center;
}
html[data-theme="ortilis"] .app .body .onglets-colles .tabs {
  min-height:48px; margin-block:0;
}
html[data-theme="ortilis"] .app .body .outils-colles {
  position:sticky; top:calc(var(--hauteur-onglets-colles,0px) - var(--retrait-padding-colle,0px)); z-index:11;
  box-sizing:border-box; flex:none; min-height:48px; background:var(--paper);
  border-bottom:1px solid var(--line); margin-block:0;
}
html[data-theme="ortilis"] .app.titre-replie .onglets-colles,
html[data-theme="ortilis"] .app.titre-replie .outils-colles { box-shadow:0 6px 14px -10px rgba(4,27,61,.35); }
html[data-theme="ortilis"] .app.titre-replie .body:has(.outils-colles) .onglets-colles { box-shadow:none; }
@media (max-width:1100px) {
  html[data-theme="ortilis"] .app.titre-replie .top { padding-inline:16px; }
}
@container console (max-width:1000px) {
  html[data-theme="ortilis"] .app.titre-replie #ctx-plier { display:inline-flex; }
  html[data-theme="ortilis"] .app.titre-replie .ctx-groupe { display:none; }
  html[data-theme="ortilis"] .app.titre-replie .ctx-groupe.ouvert {
    display:flex; position:absolute; top:100%; inset-inline-end:10px; z-index:60;
    height:auto; max-width:calc(100% - 20px); flex-direction:column;
    align-items:stretch; gap:8px; padding:10px; overflow:visible;
    background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-10);
    box-shadow:0 8px 24px #0002;
  }
}
@media (max-width:900px) {
  html[data-theme="ortilis"] .app.titre-replie .ctx-groupe.ouvert {
    height:auto; max-width:calc(100% - 20px); flex-direction:column;
    flex-wrap:nowrap; overflow:visible;
  }
}
@media (max-width:720px) {
  html[data-theme="ortilis"] .app.titre-replie .top { padding-inline:12px; gap:6px; }
  html[data-theme="ortilis"] .app.titre-replie .bloc-titre { gap:6px; }
  html[data-theme="ortilis"] .app.titre-replie .niveau-libelle { display:none; }
  html[data-theme="ortilis"] .app.titre-replie .niveau-detail { display:none; }
  html[data-theme="ortilis"] .app.titre-replie .niveau { max-width:100px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-theme="ortilis"] .app .top,
  html[data-theme="ortilis"] .app .top *,
  html[data-theme="ortilis"] .app .onglets-colles,
  html[data-theme="ortilis"] .app .outils-colles {
    transition:none !important; animation:none !important;
  }
}


@media (max-width: 720px) {
  html[data-theme="ortilis"] .app .top,
  html[data-theme="ortilis"] .app.titre-replie .top { height: auto; min-height: 44px; flex-wrap: wrap; }
  html[data-theme="ortilis"] .app .bloc-titre,
  html[data-theme="ortilis"] .app.titre-replie .bloc-titre { min-width: 0; flex-wrap: wrap; max-width: 100%; }
  html[data-theme="ortilis"] .app .niveau,
  html[data-theme="ortilis"] .app.titre-replie .niveau { flex-wrap: wrap; overflow: visible; max-width: 100%; }
  html[data-theme="ortilis"] .app .niveau .b { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
  html[data-theme="ortilis"] .app .niveau-focus { flex: 1 1 100%; }
}
.ptl-ligne-pv { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin-block-end: 12px; }
.ptl-ligne-pv > .f { flex: 1 1 140px; min-width: 0; }


html[data-theme="ortilis"] {
  color-scheme:light;
  --mouvement-retour:140ms; --mouvement-confirmation:180ms; --mouvement-tiroir:220ms;
  --mouvement-courbe:cubic-bezier(.16,1,.3,1); --mouvement-cote:24px;
  --selection-fond:#B4E5D2; --selection-encre:#041B3D;
  --accent-controle:var(--teal);
  accent-color:var(--accent-controle);
  scrollbar-color:var(--muted) var(--canvas);
}
html[data-theme="ortilis"][data-mode="sombre"] {
  color-scheme:dark; --selection-fond:#205447; --selection-encre:#E8EEF5;
  --accent-controle:var(--menthe);
}
html[data-theme="ortilis"][dir="rtl"] { --mouvement-cote:-24px; }
html[data-theme="ortilis"] ::selection { color:var(--selection-encre); background:var(--selection-fond); }
html[data-theme="ortilis"] :is(input,textarea,[contenteditable="true"]) { caret-color:var(--accent-controle); }
html[data-theme="ortilis"] .fi::placeholder { color:var(--muted); opacity:1; }
html[data-theme="ortilis"] .fi:disabled { color:var(--muted); background:var(--canvas); opacity:1; cursor:not-allowed; }
html[data-theme="ortilis"] :is(.ch,.card-actions) { flex-wrap:wrap; }
html[data-theme="ortilis"] .ch > :first-child { min-width:0; }
html[data-theme="ortilis"] .card-actions { max-width:100%; }
html[data-theme="ortilis"] :is(.ct,.cs) { overflow-wrap:anywhere; }
html[data-theme="ortilis"] .cs { line-height:1.5; }
.portail-secondaire { font-size:var(--taille-12); line-height:1.5; }

html[data-theme="ortilis"] :is(.seg,.tabs,.bc-onglets,.sm-onglets,.bc-monnaies,.sm-devises) > :focus-visible { outline-offset:-3px; }
html[data-theme="ortilis"] .modale-boite { border-radius:var(--r-l); overflow:hidden; }
html[data-theme="ortilis"] .modale-pied { flex-wrap:wrap; }

html[data-theme="ortilis"] .animations-ui-lien { color:var(--ink); border:0; border-radius:var(--r); padding:9px 12px; font-size:var(--taille-14); font-weight:500; gap:10px; line-height:1.25; }
html[data-theme="ortilis"] .animations-ui-lien svg { opacity:1; }
html[data-theme="ortilis"] .animations-ui-lien.on { background:var(--teal-soft); color:var(--teal-d); font-weight:600; }
html[data-theme="ortilis"] .animations-ui-lien.on svg { color:var(--accent-controle); }
html[data-theme="ortilis"] .animations-ui-compteur { background:var(--canvas); color:var(--ink); border-radius:var(--rayon-10); font-size:var(--taille-11); padding:1px 7px; }
html[data-theme="ortilis"] .animations-ui-compteur.hot { background:var(--bad); color:var(--palette-blanc); }
html[data-theme="ortilis"][data-rail="sombre"] .animations-ui-lien { color:var(--palette-brume); }
html[data-theme="ortilis"][data-rail="sombre"] .animations-ui-lien.on { background:var(--palette-rail); color:var(--palette-blanc); }
@container (max-width:720px) {
  .laboratoire-suivi-entete { flex-wrap:wrap; gap:12px; }
  .laboratoire-suivi-entete > div { flex-basis:100%; }
  .laboratoire-suivi-ligne { grid-template-columns:minmax(0,1fr) 50px; }
  .laboratoire-suivi-ligne strong,.laboratoire-suivi-ligne > span:first-of-type,.laboratoire-suivi-ligne > .btn { grid-column:1/-1; }
}
@media(pointer:coarse) {
  html[data-theme="ortilis"] :is(.btn,.tab,.seg > button,.bc-monnaies button,.bc-etat,.sm-devises button) { min-height:44px; height:auto; }
  html[data-theme="ortilis"] .tiroir-administration .admin-tiroir-index .btn,
  html[data-theme="ortilis"] .laboratoire .btn,
  html[data-theme="ortilis"] .sm-page .sm-actions .btn { min-height:44px; height:auto; }
}
@media(max-width:720px) {
  html[data-theme="ortilis"] .modale-boite { border-end-start-radius:0; border-end-end-radius:0; }
}



.appels-indicateurs { display:contents; }
.appels-synthese { min-width:0; display:flex; flex-direction:column; gap:8px; }
.appels-portee { margin:0; font-size:var(--taille-12); line-height:1.5; }
.appels-indicateurs-bascule, .admin-navigation-choix-mobile { display:none; }
.informations-session { flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:0 16px;
  padding:4px 20px; background:var(--warn-bg); color:var(--warn); border-bottom:1px solid var(--line); }
.informations-session:empty { display:none; }
html .informations-session .bande-mdp, html .informations-session .information-licence {
  padding:0; background:transparent; border:0; font-size:var(--taille-12); }
html .informations-session .bande-mdp { gap:8px; flex-wrap:wrap; }
html .informations-session .bande-mdp-texte { flex:0 1 auto; }
html .informations-session .bande-mdp .btn { margin-inline-start:0; min-height:32px; }
.informations-session .information-licence { min-width:0; flex:1 1 130px; }
.informations-session .information-licence summary { min-height:32px; line-height:1.5; padding-block:7px; }
.informations-session .information-licence p { max-width:75ch; }
@container console (max-width:720px) {
  .appels-indicateurs { display:block; }
  html .appels-indicateurs .appels-indicateurs-bascule { display:flex; min-height:44px; width:100%; gap:8px;
    white-space:normal; text-align:start; flex-wrap:wrap; }
  .appels-indicateurs-compte { margin-inline-start:auto; font-weight:400; }
  .appels-indicateurs .appels-synthese { display:none; }
  .appels-indicateurs-ouverts .appels-synthese { display:flex; margin-top:8px; }
  .appels-indicateurs-ouverts .appels-indicateurs-bascule svg { transform:rotate(180deg); }
}
@media(max-width:720px) {
  #vue .admin-navigation-referentiel .admin-navigation-mobile,
  .referentiel-navigation .admin-navigation-domaines { display:none; }
  .referentiel-navigation .admin-navigation-choix-mobile { display:flex; width:100%; margin:0; }
  .referentiel-navigation .admin-navigation-choix-mobile select { min-height:44px; width:100%; }
  .informations-session { padding-inline:16px; gap:0 12px; }
  html .informations-session .bande-mdp .btn { min-height:44px; }
  .informations-session .information-licence summary { min-height:44px; padding-block:13px; }
}
@media print {
  .appels-indicateurs-bascule, .informations-session { display:none!important; }
  .appels-indicateurs .appels-synthese { display:flex!important; }
}


html[data-theme="ortilis"] .app.titre-replie .admin-intention { display:none; }
html[data-theme="ortilis"] .app.titre-replie .admin-actions-page .btn { min-height:32px; padding-block:5px; font-size:var(--taille-12); }
html[data-theme="ortilis"] .admin-navigation-rubrique.outils-colles { display:flex; align-items:center; }
html[data-theme="ortilis"] .planning-navigation { min-width:0; flex:none; }
.planning-v2, .planning-toolbar, .planning-periode, .planning-exports,
.planning-resultats, .planning-aside, .planning-detail, .planning-periode b { min-width:0; }
.planning-periode b, .planning-detail dd, .planning-place-bouton b { overflow-wrap:anywhere; }
.planning-detail dl { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.planning-chevrons { display:inline-block; }
@container console (max-width:700px) {
  .planning-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .planning-aside { grid-template-columns:minmax(0,1fr); }
  .planning-periode { gap:6px; }
  .planning-recherche label { align-items:flex-start; }
  .planning-recherche .fi { max-width:100%; }
}
@media(max-width:720px) {
  html[data-theme="ortilis"] .app.titre-replie .top.admin-entete-page { height:auto; }
  html[data-theme="ortilis"] .app.titre-replie .admin-entete-page .bloc-titre { flex:1 1 0; }
}


#vue .admin-navigation-haute .tabs { flex-wrap:nowrap; overflow-x:auto; }
#vue .admin-navigation-haute .tab { flex:none; }
@container console (max-width:600px) {
  .pls-commandes.outils-colles, .admin-reglages-outils.outils-colles { position:static; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme="ortilis"] :is(.planning-chevrons,.planning-cellule,.pls-ligne-plan,.pls-alerte,.pls-carte,.pls-jour-fait,.pls-jour-curseur) { transition-property:none!important; animation-name:none!important; }
}


@media (max-width: 600px) {
  html[data-theme="ortilis"] .body .g.ecarts-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px; }
  html[data-theme="ortilis"] .ecarts-kpis .kpi { min-height:0; padding:12px; }
  html[data-theme="ortilis"] .ecarts-kpis .kv { font-size:var(--taille-22); overflow-wrap:anywhere; }
}

@media (max-width: 800px) {
  html[data-theme="ortilis"] .pg-espace { grid-template-columns:minmax(0,1fr); }
  html[data-theme="ortilis"] .pg-choix { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme="ortilis"] .pg-inspecteur { position:static; min-width:0; }
}

.admin-reglages-bloc { border:1px solid var(--line); border-radius:var(--r); background:var(--paper); min-width:0; }
.admin-reglages-bloc > summary { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:14px 16px; cursor:pointer; list-style:none; }
.admin-reglages-bloc > summary::before { content:'›'; font-size:var(--taille-20); line-height:1; }
.admin-reglages-bloc[open] > summary::before { content:'⌄'; }
.admin-reglages-bloc > summary strong { flex:1; }
.admin-reglages-bloc > .card { border:0; border-top:1px solid var(--line); box-shadow:none; }
.admin-reglages-bloc:focus { outline:2px solid var(--teal); outline-offset:3px; }
.admin-reglages-bloc > summary:focus-visible { outline:2px solid var(--teal); outline-offset:-3px; }


.laboratoire-intentions,.laboratoire-methode-champs,.laboratoire-regle { min-inline-size:0; border:0; padding:0; margin:0; }
.laboratoire-intentions { display:grid; gap:12px; margin-block:8px 24px; }
.laboratoire-intentions legend { font-size:var(--taille-18); font-weight:650; margin-block-end:14px; }
.laboratoire-intention { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; border:1px solid var(--line); border-radius:var(--rayon-12); cursor:pointer; }
.laboratoire-intention:has(input:checked) { background:var(--teal-soft); border-color:var(--teal); }
.laboratoire-intention input { flex:none; margin-block-start:4px; accent-color:var(--teal); }
.laboratoire-intention span { display:grid; gap:4px; }
.laboratoire-intention small { color:var(--ink-2); line-height:1.5; }
.laboratoire-methode { display:grid; gap:18px; padding-block:12px 24px; }
.laboratoire-methode h2,.laboratoire-decision h2 { font-size:var(--taille-20); margin:0; }
.laboratoire-regle { display:grid; gap:12px; }
.laboratoire-regle legend { font-size:var(--taille-15); font-weight:650; padding-block:8px 12px; }
.laboratoire-confirmation { display:flex; align-items:flex-start; gap:10px; line-height:1.6; max-inline-size:75ch; }
.laboratoire-confirmation input { flex:none; margin-block-start:5px; accent-color:var(--teal); }
.laboratoire-methode textarea { resize:vertical; min-block-size:80px; }
.laboratoire-decision { padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:14px; display:grid; gap:16px; margin-block-end:20px; }
.laboratoire-decision p { margin:0; max-inline-size:75ch; line-height:1.6; }
.laboratoire-conclusion { font-size:var(--taille-16); font-weight:600; }
.laboratoire-decision details,.laboratoire-methode details { min-inline-size:0; }
.laboratoire-decision summary,.laboratoire-methode summary { cursor:pointer; padding-block:10px; }
.laboratoire-decision .paires { margin-block:12px; }
@media (max-width:700px) { .laboratoire-methode>.g,.laboratoire-regle .g { grid-template-columns:minmax(0,1fr)!important; } .laboratoire-decision { padding:16px; } }


.po { display:flex; flex-direction:column; gap:18px; min-width:0; }
.po-entete { display:flex; flex-direction:column; gap:10px; }
.po-mention, .po-fx { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0; padding:10px 14px;
  border:1px solid var(--line); border-radius:var(--r); background:var(--info-bg); color:var(--info); font-size:var(--taille-13); line-height:1.5; }
.po-mention svg, .po-fx svg { flex:none; }
.po-mention span, .po-fx span { color:var(--ink-2); }
.po-historique { max-width:min(340px,100%); }
.po-carte-etat .cb { display:flex; flex-direction:column; gap:14px; }
.po-etats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.po-etat, .po-controle { display:flex; flex-direction:column; gap:8px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); min-width:0; }
.po-etat-tete { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.po-etat-titre { font-size:var(--taille-11); font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.po-etat-texte { margin:0; font-size:var(--taille-12-5); line-height:1.5; color:var(--ink-2); }
.po-perimetre { margin:0; font-size:var(--taille-12); }
.po-progression { display:flex; flex-direction:column; gap:8px; }
.po-barre { position:relative; height:6px; border-radius:var(--rayon-3); background:var(--canvas-2); overflow:hidden; }
.po-barre > span { position:absolute; inset-block:0; inset-inline-start:0; width:35%; border-radius:var(--rayon-3); background:var(--teal);
  animation:po-glisser 1.4s var(--mouvement-courbe,ease-in-out) infinite; }
@keyframes po-glisser { from { transform:translateX(-100%); } to { transform:translateX(290%); } }
html[dir="rtl"] .po-barre > span { animation-direction:reverse; }
.po-progression-texte { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; font-size:var(--taille-12-5); }
.po-resultat, .po-devise { display:flex; flex-direction:column; gap:18px; min-width:0; }
.po-pile { display:flex; flex-direction:column; gap:12px; min-width:0; }
.po-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.po-choix-devise { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.po-choix-libelle { font-size:var(--taille-12); font-weight:600; color:var(--ink-2); }
.po-non-evalues { display:flex; flex-wrap:wrap; gap:4px 8px; font-size:var(--taille-12-5); line-height:1.5; padding:10px 12px; border:1px dashed var(--line-fort); border-radius:var(--r); }
.po-non-evalues .mut { flex-basis:100%; }
.po-liste { margin:0; padding-inline-start:16px; display:flex; flex-direction:column; gap:3px; font-size:var(--taille-12); line-height:1.45; }
.po-controles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.po-compteurs { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; margin:0; font-size:var(--taille-12-5); }
.po-compteurs dt { color:var(--ink-2); }
.po-compteurs dd { margin:0; text-align:end; }
.po-bascule { display:flex; align-items:center; gap:8px; font-size:var(--taille-12); color:var(--ink-2); }
.po-cal-scroll { overflow:auto; max-height:min(60vh,640px); border:1px solid var(--line); border-radius:var(--r-l); background:var(--paper); }
.po-cal { width:100%; min-width:1260px; border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:var(--taille-11); }
.po-cal th, .po-cal td { border-inline-end:1px solid var(--line); border-bottom:1px solid var(--line); padding:6px; vertical-align:top; }
.po-cal thead th { position:sticky; top:0; z-index:2; background:var(--canvas); color:var(--ink-2); text-align:center; font-weight:600; }
.po-cal thead th > span { display:block; }
.po-cal thead th:first-child { width:170px; inset-inline-start:0; z-index:3; text-align:start; }
.po-cal-point { position:sticky; inset-inline-start:0; z-index:1; background:var(--paper); text-align:start; }
.po-cal-point b, .po-cal-point span { display:block; overflow-wrap:anywhere; }
.po-table { overflow-x:auto; min-width:0; }
.po-table .t td.k:first-child { white-space:nowrap; }
.po-table .t td.enr { white-space:normal; min-width:220px; }
.po-cal-cellule > span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5; }
.po-cal-actuel { color:var(--muted); }
.po-cal-optimise { color:var(--teal-d); font-weight:600; }
.po-cal-rien { color:var(--line-fort); text-align:center; }
.po-cal-ferme, .po-legende-case { background:repeating-linear-gradient(135deg,var(--canvas) 0 4px,var(--paper) 4px 8px); }
.po-legende { display:flex; flex-wrap:wrap; gap:6px 16px; align-items:center; font-size:11.5px; }
.po-legende-case { padding:2px 8px; border:1px solid var(--line); border-radius:var(--rayon-4); color:var(--ink-2); }
.po-apparition { animation:po-apparaitre 240ms var(--mouvement-courbe,ease-out) backwards; animation-delay:calc(var(--po-rang,0) * 45ms); }
@keyframes po-apparaitre { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:1100px) { .po-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .po-etats, .po-controles, .po-kpis { grid-template-columns:1fr; } }

.po-zone-pilotage { min-width:0; }
.po-pilotage { display:flex; flex-direction:column; gap:8px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); }
.po-pilotage-tete { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
.po-pilotage-texte { margin:0; font-size:var(--taille-12-5); line-height:1.5; }
.po-pilotage-aide { margin:0; font-size:var(--taille-12); line-height:1.45; }
.po-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:0; padding:10px 14px 12px; border:1px solid var(--line); border-radius:var(--r); min-width:0; }
.po-options legend { padding:0 6px; font-size:var(--taille-11); font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.po-option { display:flex; align-items:flex-start; gap:8px; font-size:var(--taille-12-5); line-height:1.45; cursor:pointer; min-width:0; }
.po-option input { margin-top:3px; flex:none; }
.po-option > span { display:flex; flex-direction:column; gap:2px; min-width:0; }
.po-options-note { grid-column:1 / -1; margin:0; font-size:var(--taille-12); }
.po-zone-engagement:empty { display:none; }
.po-engagement-corps { display:flex; flex-direction:column; gap:12px; min-width:0; }
.po-engagement-etat { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; font-size:var(--taille-13); line-height:1.5; }
.po-engagement-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.po-confirmation-section { display:flex; flex-direction:column; gap:6px; margin-top:12px; min-width:0; }
.po-confirmation-section h3 { margin:0; font-size:var(--taille-13); font-weight:600; }
.po-confirmation-section > p { margin:0; font-size:var(--taille-12); line-height:1.45; }
.po-onglets { display:flex; flex-wrap:wrap; gap:10px; }
.po-sous-titre { font-size:var(--taille-12-5); }
.po-suivi { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px 8px; }
@media (max-width:760px) { .po-options { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) {
  .po-apparition { animation:none; }
  .po-barre > span { animation:none; width:100%; background:repeating-linear-gradient(135deg,var(--teal) 0 6px,var(--teal-soft) 6px 12px); }
}


html[data-theme="ortilis"] .ptl-action > .btn,
html[data-theme="ortilis"] .ptl-nav-b,
html[data-theme="ortilis"] .ptl-depot-actions > .btn { min-height:44px; }
.lecture-pilotage-navigation, .lecture-pilotage-onglets { min-width:0; background:var(--paper); }
.lecture-pilotage-navigation .tab { min-height:44px; }
.pilotage-intention { padding:8px 0 12px; border-bottom:1px solid var(--line); }
.pilotage-intention h2 { margin:0 0 8px; font-size:var(--taille-18); line-height:1.35; }
.pilotage-intention p { margin:4px 0; max-width:75ch; font-size:var(--taille-12); line-height:1.55; }
.pilotage-indicateurs { grid-template-columns:repeat(4, minmax(0,1fr)); }
.pilotage-indicateurs .kpi { min-width:0; }
.pilotage-mesures > summary { cursor:pointer; padding:14px 0; min-height:44px; font-size:var(--taille-13); font-weight:600; }
.pilotage-mesures > .g { padding-bottom:16px; }
@container console (max-width:800px) { .pilotage-indicateurs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .pilotage-indicateurs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:340px) { .pilotage-indicateurs { grid-template-columns:minmax(0,1fr); } }
.pilotage-brief { padding:14px 18px; }
.pilotage-brief > summary { cursor:pointer; min-height:32px; align-content:center; font-weight:600; }
.pilotage-brief[open] > summary { margin-bottom:16px; }
.dir-dec-fait { margin:12px 0 0; font-size:var(--taille-13); font-weight:600; line-height:1.5; color:var(--ink); }
.dir-jauge-hote { min-width:0; max-width:100%; }
.dir-jauge-leg { flex-wrap:wrap; }
.dir-verdict-txt { min-width:0; }
.dir-fam, .dir-verdict, .dir-dec { animation:none; }
html[data-theme="ortilis"] :is(.dir-dec,.dir-verdict) { border-inline-start-width:1px; }
@container console (max-width:760px) {
  .dir-verdict { align-items:stretch; flex-direction:column; gap:16px; }
  .dir-jauge-hote { width:100%; }
}
@media(max-width:720px) {
  .dir-verdict { align-items:stretch; flex-direction:column; gap:16px; }
  .dir-jauge-hote { width:100%; }
  .pilotage-brief > summary { min-height:44px; }
}


.mur.mur-sombre { overflow-x:hidden; }
.mur-sombre .mur-sujet { flex-wrap:wrap; gap:6px 16px; }
.mur-sombre .mur-sujet-rang { display:none; }
.mur-sombre .mur-sujet-t { margin:0; white-space:normal; font-size:calc(28px * var(--mur-e)); line-height:1.25; }
.mur-sombre .mur-sujet-s { white-space:normal; font-size:max(12px, calc(16px * var(--mur-e))); overflow:visible; }
.mur-sombre .mur-h3 { padding-block:calc(16px * var(--mur-e)); }
.mur-sombre .mur-h3-v { font-size:calc(76px * var(--mur-e)); }
.mur-sombre .mur-h3-l { font-size:max(11px, calc(13px * var(--mur-e))); letter-spacing:.04em; }
.mur-sombre .mur-h3-s { font-size:max(12px, calc(16px * var(--mur-e))); }
.mur-sombre .mur-corps { grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr); gap:calc(28px * var(--mur-e)); }
.mur-sombre .mur-carte-paire { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:calc(20px * var(--mur-e)); }
.mur-sombre .mur-carte-titre { flex-wrap:wrap; }
.mur-sombre .mur-carte-hote { background:var(--canvas-2); border:0; border-radius:var(--rayon-12); min-width:0; }
.mur-sombre .mur-classement { overflow:visible; }
.mur-sombre .mur-rang { flex-wrap:wrap; gap:6px; padding-block:10px; }
.mur-sombre .mur-rang-repere { color:var(--ink); display:grid; place-items:center; width:22px; height:22px; border:1px solid var(--line); border-radius:var(--rayon-50cercle); font-size:var(--taille-12); flex:none; }
.mur-sombre .mur-rang-n { flex:1; width:auto; font-size:max(13px, calc(18px * var(--mur-e))); white-space:normal; }
.mur-sombre .mur-rang-v { width:auto; font-size:max(15px, calc(20px * var(--mur-e))); }
.mur-sombre .mur-rang-b { order:4; flex-basis:100%; height:4px; }
.mur-sombre .mur-classement-note { font-size:max(11px, calc(14px * var(--mur-e))); line-height:1.45; color:var(--slate); margin:0 0 10px; }
.mur-sombre .mur-reserve { margin-top:12px; font-size:var(--taille-12); color:var(--muted); line-height:1.5; }
.mur-sombre .mur-reserve summary { cursor:pointer; min-height:32px; align-content:center; }
.mur-sombre .mur-arbitrages { flex:1; min-height:0; display:flex; flex-direction:column; gap:calc(10px * var(--mur-e)); }
.mur-arbitrages h2 { color:var(--ink); font-size:calc(22px * var(--mur-e)); margin:0; }
.mur-sombre .mur-priorite { border-top:1px solid var(--line); padding-top:calc(12px * var(--mur-e)); }
.mur-priorite-tete { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; }
.mur-priorite h3 { color:var(--ink); font-size:max(15px, calc(21px * var(--mur-e))); line-height:1.3; margin:0; }
.mur-priorite p { margin:6px 0 0; line-height:1.4; font-size:max(12px, calc(17px * var(--mur-e))); }
.mur-priorite-fait { font-weight:600; color:var(--ink); }
.mur-priorite-enjeu { color:var(--slate); }
.mur-priorite .mur-priorite-cible { color:var(--muted); font-size:max(11px, calc(13px * var(--mur-e))); }
.mur-sombre .mur-veille { padding:calc(14px * var(--mur-e)); border:0; border-radius:var(--rayon-12); }
.mur-sombre .mur-veille-e { font-size:max(11px, calc(12px * var(--mur-e))); letter-spacing:.04em; }
.mur-sombre .mur-veille-n { font-size:max(11px, calc(14px * var(--mur-e))); }
.mur-sombre .mur-rail { flex-wrap:wrap; gap:8px; }
.mur-sombre .mur-rail-v { min-height:44px; padding:8px; }
.mur-sombre .mur-rail-t { font-size:max(12px, calc(17px * var(--mur-e))); white-space:normal; overflow:visible; }
.mur-sombre .mur-tics { display:none; }
.mur-sombre .mur-rail .btn { min-height:44px; }
.mur-carte-repere { pointer-events:none; }
.mur-carte-anneau { fill:none; stroke:var(--ink); stroke-width:2; stroke-dasharray:1; animation:mur-localiser 440ms cubic-bezier(.16,1,.3,1) var(--retard-repere); }
.mur-carte-numero { fill:var(--ink); paint-order:stroke; stroke:var(--canvas); stroke-width:5px; font-family:var(--police-n); font-size:var(--taille-32); font-weight:600; }
@keyframes mur-localiser { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@media(min-width:901px) and (max-height:780px) {
  .mur.mur-sombre { overflow-y:auto; }
  .mur-sombre .mur-corps { flex:none; min-height:450px; }
}
@media(max-width:900px) {
  .mur.mur-sombre { --mur-f:1.4; overflow-y:auto; gap:16px; padding:16px; }
  .mur-sombre .mur-tete { gap:12px; }
  .mur-sombre .mur-tete-d { flex-basis:100%; justify-content:space-between; text-align:start; row-gap:10px; }
  .mur-sombre .mur-tete-l { font-size:var(--taille-10); }
  .mur-sombre .mur-tete-v { font-size:var(--taille-12); white-space:normal; }
  .mur-sombre .mur-tete-note { white-space:normal; text-align:start; font-size:var(--taille-11); line-height:1.4; }
  .mur-sombre .mur-sujet-t { font-size:var(--taille-22); }
  .mur-sombre .mur-h3 { gap:10px; }
  .mur-sombre .mur-h3-c { padding-inline:10px; }
  .mur-sombre .mur-h3-v { font-size:36px; margin-top:10px; }
  .mur-sombre .mur-h3-v small { font-size:var(--taille-15); }
  .mur-sombre .mur-h3-s { margin-top:8px; }
  .mur-sombre .mur-corps { display:flex; flex-direction:column; flex:none; gap:24px; }
  .mur-sombre .mur-droite { order:-1; overflow:visible; gap:20px; }
  .mur-sombre .mur-gauche { gap:16px; }
  .mur-sombre .mur-arbitrages { gap:14px; }
  .mur-arbitrages h2 { color:var(--ink); font-size:var(--taille-18); }
  .mur-sombre .mur-carte-paire { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); flex:none; }
  .mur-sombre .mur-carte-hote { min-height:260px; }
  .mur-sombre .mur-lecture { overflow:visible; }
  .mur-sombre .mur-lecture-t { font-size:var(--taille-15); }
  .mur-sombre .mur-veille-v { font-size:var(--taille-24); }
  .mur-sombre .mur-rail-v { flex:1 1 110px; }
  .mur-sombre .mur-rail-fige { white-space:normal; }
  .mur-sombre .mur-rail .btn { font-size:var(--taille-13); }
}
@media(max-width:520px) {
  .mur-sombre .mur-carte-paire { grid-template-columns:minmax(0, 1fr); }
  .mur-sombre .mur-carte-hote { height:300px; min-height:300px; }
  .mur-sombre .mur-h3-v { font-size:var(--taille-32); }
  .mur-sombre .mur-h3 { gap:4px; }
  .mur-sombre .mur-h3-c { padding-inline:8px; }
}
@media(prefers-reduced-motion:reduce) { .mur-carte-anneau { animation:none; } }

.mur-ton-teal { color:var(--teal); }

.mur .mur-sortie-haute { display:none; }
@media(max-width:900px) { .mur .mur-sortie-haute { display:inline-flex; margin-inline-start:auto; min-height:44px; font-size:var(--taille-13); } }

.mur-sombre .mur-pays { fill:var(--paper); stroke:var(--steel); stroke-width:1; vector-effect:non-scaling-stroke; }

.mur-arbitrages > * { flex-shrink:0; }


.mur-contenu { display:contents; }
.mur #mur-statut { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.mur-commandes { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; flex:none; }
.mur-commandes .btn { min-height:44px; color:var(--ink); font-size:var(--taille-14); }
.mur-sombre .mur-corps { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
.mur-sombre .mur-droite, .mur-sombre .mur-lecture { overflow:visible; }
.mur-sombre .mur-tete-note { font-size:max(13px,calc(14px * var(--mur-e))); white-space:normal; }
.mur-sombre .mur-priorite .mur-priorite-fait { font-size:max(18px,calc(24px * var(--mur-e))); line-height:1.4; }
.mur-sombre .mur-priorite-enjeu { font-size:max(16px,calc(20px * var(--mur-e))); }
.mur-sombre .mur-priorite .mur-priorite-cible,
.mur-sombre .mur-classement-note, .mur-sombre .mur-reserve { font-size:max(14px,calc(16px * var(--mur-e))); }
.mur-sombre .mur-lecture-t { font-size:max(18px,calc(24px * var(--mur-e))); }
.mur-sombre .mur-reserve summary { min-height:44px; }
.mur-zero { font-size:clamp(18px,1.7vw,30px); line-height:1.35; color:var(--ink); }
.mur-h3-v, .mur-rang-v, .mur-veille-v { font-variant-numeric:tabular-nums; }
.mur-progression { flex-basis:100%; height:3px; background:var(--line); }
.mur-progression[hidden] { display:none; }
.mur-progression > span { display:block; height:100%; background:var(--teal); }
.mur-valeur-changee { animation:mur-changement 200ms ease-out; }
@keyframes mur-changement { from { opacity:.55; } to { opacity:1; } }
.mur-carte-anneau { animation:none; }
@media(min-width:901px) {
  .mur.mur-sombre { overflow-y:auto; }
  .mur-sombre .mur-corps { flex:none; min-height:350px; }
  .mur-sombre .mur-carte-paire { flex:none; }
  .mur-sombre .mur-carte-hote { min-height:300px; }
}
@media(max-width:900px) {
  .mur-commandes { position:sticky; top:-16px; z-index:3; background:var(--canvas); padding-block:8px; justify-content:flex-start; }
  .mur-commandes .btn { flex:1 1 145px; }
  .mur-sombre .mur-corps { display:flex; }
  .mur-sombre .mur-tete-v, .mur-sombre .mur-h3-s { font-size:var(--taille-14); }
  .mur-sombre .mur-priorite .mur-priorite-fait { font-size:var(--taille-18); }
}
@media(max-width:520px) {
  .mur-sombre .mur-h3 { grid-template-columns:1fr; gap:16px; }
  .mur-sombre .mur-h3-c { border-inline-start:0; padding-inline:0; }
  .mur-sombre .mur-h3-v { margin-top:4px; }
  .mur-sombre .mur-h3-s { margin-top:4px; }
}
@media(prefers-reduced-motion:reduce) { .mur-valeur-changee { animation:none; } }


.cre-reglage-fiche, .cre-parametre-fiche { border-bottom: 1px solid var(--line); padding: 20px 0; min-width: 0; }
.cre-reglage-fiche h3, .cre-parametre-fiche h3 { margin: 0 0 8px; font-size: var(--taille-17); }
.cre-reglage-fiche .fi, .cre-parametre-fiche .fi { font-size: var(--taille-16); }
.cre-reglage-reference, .cre-parametre-valeurs { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 6px 16px; }
.cre-reglage-reference dd, .cre-parametre-valeurs dd { margin: 0; overflow-wrap: anywhere; }
.cre-routage-champs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
.cre-routage-fiches { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 32px; }
.cre-aide-repliee > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.cre-aide-repliee[open] > summary { margin-bottom: 16px; }
@media(max-width:760px) {
  .cre-routage-fiches, .cre-routage-champs { grid-template-columns: minmax(0,1fr); }
  .cre-parametre-valeurs { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .cre-parametre-valeurs dd { margin-bottom: 12px; }
}
.cre-console { display:grid; gap:18px; min-width:0; }
.cre-panneaux { display:grid; gap:20px; min-width:0; }
.cre-synthese { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; background:var(--paper); border:1px solid var(--line); border-radius:var(--rayon-12); }
.cre-synthese .alert { margin:0; padding:0; background:transparent; border:0; box-shadow:none; flex:1; min-width:0; }
.cre-synthese .alert b { font-size:var(--taille-16); line-height:1.5; }
.cre-synthese .btn { flex:none; }
.cre-console .cre-indicateurs { gap:10px !important; }
.cre-console .cre-indicateurs .kpi { padding:14px 16px; }
.cre-console .cre-indicateurs .kv { font-size:var(--taille-24); line-height:1.3; }
.cre-console .cre-indicateurs .kl, .cre-console .cre-indicateurs .kd { font-size:var(--taille-12); }
.cre-console > .tabs { margin:0; background:var(--canvas); }
.cre-contrat { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:start; gap:24px; }
.cre-familles { display:flex; flex-direction:column; gap:4px; position:sticky; top:16px; min-width:0; }
.cre-console .cre-familles .btn { text-align:start; justify-content:flex-start; min-height:44px; white-space:normal; border-color:transparent; color:var(--ink-2); font-weight:500; }
.cre-console .cre-familles .btn[aria-current] { background:var(--teal-soft); color:var(--teal-d); font-weight:600; }
.cre-contrat-contenu { display:grid; gap:20px; min-width:0; }
.cre-console .cre-reglage-fiche { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.85fr); column-gap:28px; row-gap:8px; padding:20px 0; }
.cre-console .cre-reglage-fiche:first-child { padding-top:0; }
.cre-console .cre-reglage-fiche h3 { font-size:var(--taille-14); margin:0 0 6px; line-height:1.5; }
.cre-console .cre-reglage-fiche .sub { font-size:var(--taille-13); line-height:1.6; max-width:55ch; }
.cre-console .cre-reglage-fiche > .champ, .cre-console .cre-reglage-fiche > .field { margin:0; }
.cre-console .cre-reglage-reference { grid-column:2; font-size:var(--taille-12); margin:0; grid-template-columns:75px minmax(0,1fr); color:var(--ink-2); }
.cre-console .cre-reference { grid-column:1 / -1; font-size:var(--taille-12); }
.cre-console .cre-reference p { overflow-wrap:anywhere; }
.cre-console .cre-modifie { background:var(--teal-soft); padding-inline:12px; border-radius:var(--rayon-8); }
.cre-avances { border-top:1px solid var(--line); padding-top:16px; }
.cre-avances > summary { font-size:var(--taille-14); font-weight:600; cursor:pointer; padding:6px 0; }
.cre-avances[open] > summary { margin-bottom:20px; }
.cre-barre-edition { position:sticky; bottom:0; z-index:8; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; padding:16px 20px; border:1px solid var(--line-fort); border-radius:var(--rayon-12); background:var(--paper); box-shadow:0 -8px 24px rgba(4,27,61,.08); }
.cre-barre-edition[hidden] { display:none; }
.cre-barre-texte { display:grid; gap:4px; min-width:0; }
.cre-barre-texte .note { margin:0; }
.cre-lot-periode { display:grid; gap:4px; }
.cre-lot-periode small { font-size:var(--taille-12); color:var(--ink-2); }
.cre-console .cre-routage-fiches { display:block; }
.cre-console .cre-parametre-fiche { display:grid; grid-template-columns:minmax(140px,.7fr) minmax(0,2fr); column-gap:24px; padding:20px 0; }
.cre-console .cre-parametre-fiche h3 { grid-column:1; font-size:var(--taille-14); }
.cre-console .cre-parametre-fiche > .note { grid-column:1; font-size:var(--taille-12); }
.cre-console .cre-parametre-fiche > span { grid-column:1; }
.cre-console .cre-routage-champs { grid-column:2; grid-row:1 / span 3; margin:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
.cre-console .fi { caret-color:var(--teal); }
.cre-console :focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.cre-console summary { text-underline-offset:3px; }
.cre-console ::selection { color:var(--ink); background:var(--teal-soft); }
@media (max-width:1050px) {
  .cre-contrat { grid-template-columns:175px minmax(0,1fr); gap:16px; }
  .cre-console .cre-reglage-fiche { grid-template-columns:minmax(0,1fr); }
  .cre-console .cre-reglage-reference { grid-column:1; }
}
@media (max-width:700px) {
  .cre-console, .cre-panneaux { gap:16px; }
  .cre-synthese { flex-direction:column; align-items:stretch; padding:16px; }
  .cre-synthese .btn { align-self:flex-start; }
  .cre-contrat { grid-template-columns:minmax(0,1fr); }
  .cre-familles { position:static; flex-direction:row; flex-wrap:wrap; gap:4px; }
  .cre-console .cre-familles .btn { flex:1 1 135px; border:1px solid var(--line); }
  .cre-barre-edition { position:static; padding:16px; }
  .cre-barre-edition .actions { width:100%; }
  .cre-barre-edition .btn { white-space:normal; min-height:44px; }
  .cre-console .cre-parametre-fiche { grid-template-columns:minmax(0,1fr); }
  .cre-console .cre-routage-champs { grid-column:1; grid-row:auto; grid-template-columns:minmax(0,1fr); margin-top:16px; }
}


html[data-theme="ortilis"] .cre-synthese .alert { padding:0; background:transparent; border:0; color:var(--ink); }
html[data-theme="ortilis"] .cre-synthese .alert-x { color:var(--bad); }
html[data-theme="ortilis"] .cre-synthese .alert-w { color:var(--warn); }
.cre-synthese .alert b { display:block; margin-bottom:4px; }
html[data-theme="ortilis"] .cre-console .cre-reglage-fiche .sub { text-transform:none; letter-spacing:normal; font-weight:400; margin:0; }
.cre-filtre-incomplets { display:flex; align-items:center; gap:8px; min-height:44px; font-size:var(--taille-13); }

.cre-identifiant { grid-column:1; font-size:var(--taille-12); color:var(--ink-2); margin:0; overflow-wrap:anywhere; }

.cre-console .ct, .cre-console h3 { color:var(--ink); }
.cre-fichiers-lot { display:grid; }
.cre-fichier-lot { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:12px; align-items:start; padding:16px 0; border-bottom:1px solid var(--line); }
.cre-fichier-description { min-width:0; display:grid; gap:6px; }
.cre-fichier-description p { margin:0; line-height:1.6; }
.cre-fichier-nom { overflow-wrap:anywhere; font-size:var(--taille-12); color:var(--ink-2); }
@media(max-width:700px) { .cre-fichier-lot { grid-template-columns:38px minmax(0,1fr); } .cre-fichier-lot > .btn { grid-column:2; justify-self:start; } }

.cre-erreur-champ { grid-column:1 / -1; color:var(--bad); font-size:var(--taille-14); line-height:1.6; margin:4px 0; }
.cre-perimetre-parametre { grid-column:1 / -1; font-size:var(--taille-13); color:var(--ink-2); margin:4px 0; }
.bc-page{width:100%;min-width:0;color:var(--ink)}
.bc-page [hidden],.bc-dossier [hidden]{display:none!important}
.bc-entete{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:10px}
.bc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bc-actions .btn{height:36px;border-radius:9px;font-size:var(--taille-13);padding:0 12px}
.bc-lecture{padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:var(--taille-12);font-weight:600}
.bc-sous,.bc-portee{color:var(--muted,var(--slate));font-size:var(--taille-12);line-height:1.5}
.bc-entete p,.bc-portee{margin:0}

.bc-onglets{position:sticky;top:-15px;z-index:7;background:var(--canvas);display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto;box-shadow:0 2px 6px #173c4512}
html[data-theme="ortilis"] .bc-onglets{top:-16px}
html[data-theme="ortilis"][data-densite="compacte"] .bc-onglets{top:-12px}
@media(max-width:720px){.bc-onglets{top:-10px}}
@media(max-width:720px){html[data-theme="ortilis"] .bc-onglets{top:-12px}}
.bc-onglets button{flex:none;height:42px;padding:0 14px;border:0;background:transparent;color:var(--muted,var(--slate));font:500 14px var(--police);cursor:pointer;box-shadow:inset 0 -3px transparent}
.bc-onglets button.on{color:var(--ink);font-weight:600;box-shadow:inset 0 -3px var(--teal)}
.bc-contenu{display:flex;flex-direction:column;gap:14px;min-width:0}
.bc-section-titre{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.bc-section-titre h2{margin:0;font-size:var(--taille-15);font-weight:600}
.bc-files-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.bc-file{appearance:none;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-12);padding:12px 14px;text-align:start;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0}
.bc-file:hover{border-color:var(--line-fort);background:var(--canvas)}
.bc-file[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}
.bc-file-tete{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.bc-file-tete strong{font-size:var(--taille-24);font-weight:600;font-variant-numeric:tabular-nums}
.bc-file-libelle{font-size:var(--taille-13);font-weight:600;line-height:1.35}
.bc-tag{font-size:var(--taille-11);font-weight:600;padding:2px 7px;border-radius:var(--rayon-5);background:var(--wait-bg,var(--canvas));color:var(--muted,var(--slate))}
.bc-tag-vous{color:var(--teal-d);background:var(--teal-soft)}
.bc-tag-attente{color:var(--warn,var(--clay));background:var(--warn-bg,var(--canvas))}
.bc-files-attente,.bc-files-suivi{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bc-files-attente .bc-section-titre,.bc-files-suivi .bc-section-titre{margin:0}
.bc-files-attente .bc-section-titre h2,.bc-files-suivi .bc-section-titre h2{font-size:var(--taille-12);color:var(--muted,var(--slate))}
.bc-files-attente .bc-section-titre>span,.bc-files-suivi .bc-section-titre>span{display:none}
.bc-files-attente .bc-files-grille,.bc-files-suivi .bc-files-grille{display:flex;flex-wrap:wrap;gap:8px}
.bc-files-attente .bc-file,.bc-files-suivi .bc-file{display:flex;flex-direction:row;align-items:center;border-radius:20px;padding:6px 10px;gap:6px}
.bc-files-attente .bc-file-tete strong,.bc-files-suivi .bc-file-tete strong{font-size:var(--taille-12)}
.bc-files-attente .bc-tag,.bc-files-suivi .bc-tag,.bc-files-attente .bc-file>.bc-sous,.bc-files-suivi .bc-file>.bc-sous{display:none}
.bc-files-attente .bc-file-libelle,.bc-files-suivi .bc-file-libelle{font-size:var(--taille-12)}
.bc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px}
.bc-kpis .kpi{border:1px solid var(--line);border-radius:var(--rayon-12);background:var(--paper);padding:12px 14px;min-width:0}
.bc-kpis .kl{font-size:var(--taille-12);font-weight:500;color:var(--muted,var(--slate))}
.bc-kpis .kv{font-size:var(--taille-18);line-height:1.45;letter-spacing:-.01em;overflow-wrap:anywhere}
.bc-kpis .kv small{font-size:var(--taille-11)}
.bc-kpis .kd{font-size:var(--taille-11);line-height:1.4}
.bc-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.bc-filtres .bc-resultats{flex-basis:100%;line-height:1.4}
.bc-filtres input[type=search]{width:230px;max-width:100%;height:34px;border-radius:9px;font-size:var(--taille-13)}
.bc-filtres select{width:auto;min-width:150px;height:34px;border-radius:9px}
.bc-filtres .seg{flex-wrap:wrap}
.bc-groupe{background:var(--paper);border:1px solid var(--line);border-radius:var(--rayon-12);overflow:hidden;min-width:0}
.bc-groupe summary{cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:var(--canvas);border-bottom:1px solid var(--line);padding:10px 16px;list-style:none;font-size:var(--taille-13)}
.bc-groupe summary::before{content:'›';transform:rotate(90deg);font-size:var(--taille-18);line-height:1}
.bc-groupe:not([open]) summary::before{transform:none}
.bc-groupe summary::-webkit-details-marker{display:none}
.bc-groupe table{min-width:860px;font-size:var(--taille-13)}
.bc-groupe>div{overflow-x:auto}
.bc-groupe th{background:var(--canvas);color:var(--muted,var(--slate));font-size:var(--taille-12);padding:8px 16px}
.bc-groupe td{padding:10px 16px;border-color:var(--line-2,var(--line))}
.bc-reference{display:flex;flex-direction:column;gap:2px}
.bc-reference>span{font-size:var(--taille-12);font-family:ui-monospace,Menlo,monospace;font-weight:600}
.bc-reference small{font-size:var(--taille-12);font-weight:400;color:var(--muted,var(--slate))}
.bc-prochaine{font-size:var(--taille-13);color:var(--muted,var(--slate))}
.bc-prochaine-vous{color:var(--teal-d);font-weight:600}
.bc-page .card,.bc-dossier .card{border:1px solid var(--line);border-radius:var(--rayon-12);background:var(--paper);min-width:0}
.bc-page .ch,.bc-dossier .ch{padding:12px 16px}
.bc-page .ct,.bc-dossier .ct{font-size:var(--taille-15);font-weight:600}
.bc-page .cs,.bc-dossier .cs{font-size:var(--taille-12);line-height:1.5;color:var(--muted,var(--slate))}
.bc-page table td,.bc-page table th{font-size:var(--taille-12)}
.bc-page table td{padding-top:10px;padding-bottom:10px}
.bc-dossier{display:flex;flex-direction:column;gap:16px}
.bc-dossier-montant{font-size:30px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bc-dossier-suivant{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--rayon-10);padding:12px 14px;background:var(--teal-soft,var(--canvas))}
.bc-dossier-suivant small{color:var(--muted,var(--slate));font-size:var(--taille-12)}
.bc-dossier-suivant strong{font-size:var(--taille-15);font-weight:600}
.bc-dossier[data-bc-etat="en_reclamation"] .bc-dossier-suivant{background:var(--bad-bg,var(--clay-soft))}
.bc-dossier .rang-champs{flex-wrap:wrap}
.bc-page button:focus-visible,.bc-page summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:1050px){.bc-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.bc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bc-entete,.bc-actions{align-items:flex-start}.bc-files-grille{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.bc-onglets button{padding:0 10px}.bc-dossier-montant{font-size:25px}}


.bc-filtres > .seg { max-width:100%; min-width:0; }
.bc-contenu > .card { min-width:0; max-width:100%; }
.bc-dossier .fi, .bc-dossier .rc { max-width:100%; }
@media(max-width:430px) { .bc-kpis { grid-template-columns:minmax(0,1fr)!important; } }


.bc-page .bc-kpis .kpi { padding:12px 14px; }
.bc-page .bc-kpis .kpi .kl {
  font-size:var(--taille-12); font-weight:500; text-transform:none; letter-spacing:normal;
}
.bc-page .bc-kpis .kpi .kv {
  font-size:var(--taille-18); line-height:1.45; letter-spacing:-.01em; overflow-wrap:normal;
}
.bc-page .bc-kpis .kpi .kd {
  font-size:var(--taille-11); line-height:1.4; text-transform:none; letter-spacing:normal;
}
.bc-page .bc-kpis .kpi-montant {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; min-width:0;
}
.bc-page .bc-kpis .kpi-montant > .n {
  font-size:var(--taille-18); white-space:nowrap; overflow-wrap:normal; word-break:normal;
}
.bc-page .bc-kpis .kv > .n { white-space:nowrap; }
.bc-page .bc-kpis.g-kpi > .kpi{min-height:0;height:auto}
.bc-page .bc-kpis.g-kpi > .kpi > .kl{min-height:0}
.bc-page .bc-kpis.g-kpi > .kpi > .kd{margin-top:0}
.bc-page .bc-contenu table.t th{text-transform:none;letter-spacing:normal;font-size:var(--taille-12)}
.bc-page .bc-kpis .cur{background:transparent;border:0;padding:0;color:var(--muted,var(--slate));font-weight:600}
.bc-page .bc-devise-groupe .cur,.bc-dossier-identite .cur{background:transparent;border:0;padding:0;color:inherit;font-size:inherit;font-weight:600}


.bc-monnaies{display:flex;align-items:center;padding:3px;border:1px solid var(--line-fort);border-radius:9px;background:var(--paper)}
.bc-monnaies button{display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:0;border-radius:var(--rayon-6);background:transparent;color:var(--ink);font:600 13px var(--police);cursor:pointer;white-space:nowrap}
.bc-monnaies button[aria-pressed=true]{background:var(--solid,var(--navy));color:var(--on-solid,var(--palette-blanc))}
.bc-monnaies button:disabled{cursor:default;opacity:.6}
.bc-flags{display:flex;align-items:center;padding-inline-start:4px}
.bc-flags>*{margin-inline-start:-4px;border-radius:var(--rayon-2)}
.bc-etats{display:flex;flex-wrap:wrap;gap:6px}
.bc-etat{height:30px;padding:0 9px;border:1px solid var(--line-fort);border-radius:var(--rayon-8);background:var(--paper);color:var(--ink);font:500 12px var(--police);cursor:pointer;white-space:nowrap}
.bc-etat[aria-pressed=true]{background:var(--canvas-2);border-color:var(--ink)}
.bc-etat-x[aria-pressed=true]{background:var(--bad-bg,var(--clay-soft));border-color:var(--bad,var(--clay));color:var(--bad,var(--clay))}
.bc-etat-i[aria-pressed=true]{background:var(--info-bg,var(--blue-soft));border-color:var(--info,var(--blue));color:var(--info,var(--blue))}
.bc-etat-t[aria-pressed=true]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-d)}
.bc-etat-w[aria-pressed=true]{background:var(--warn-bg,var(--gold-soft));border-color:var(--warn,var(--gold));color:var(--warn,var(--gold))}
.bc-etat-ok[aria-pressed=true]{background:var(--ok-bg,var(--green-soft));border-color:var(--ok,var(--green));color:var(--ok,var(--green))}
.bc-page .bc-groupe tr.bc-reclamation>td{background:var(--bad-bg,var(--clay-soft))}
.bc-page .bc-groupe tr.bc-reclamation:hover>td{background:var(--bad-bg,var(--clay-soft))}
.bc-page .bc-groupe tr.bc-reclamation .bc-prochaine{color:var(--bad,var(--clay))}
.bc-page .b,.bc-dossier .b{font-size:var(--taille-12);text-transform:none;letter-spacing:normal}
.bc-page .card .ct,.bc-dossier .card .ct{font-size:var(--taille-15)}
.bc-propositions table{min-width:850px}
.bc-proposition-identite,.bc-proposition-signaux,.bc-proposition-decisions,.bc-ccr-date,.bc-ccr-mouvement,.bc-ccr-montant{display:flex;flex-direction:column;gap:4px}
.bc-proposition-identite small,.bc-ccr-mouvement small,.bc-ccr-montant small{font-size:var(--taille-12);font-weight:400;color:var(--muted,var(--slate));white-space:normal}
.bc-proposition-signaux{align-items:flex-start}
.bc-proposition-decisions{align-items:flex-end}
.bc-proposition-boutons{display:flex;flex-wrap:wrap;gap:6px}
.bc-proposition-billetage{font-size:var(--taille-12);white-space:normal}
.bc-proposition-signaux small,.bc-proposition-decisions small,.bc-ccr-date small{font-size:var(--taille-12)}
.bc-ccr-reference{font:600 12px ui-monospace,Menlo,monospace}
.bc-ccr-sens{display:flex;align-items:center;gap:5px}
.bc-propositions .btn{height:30px;min-height:30px;font-size:var(--taille-12);padding:0 10px}
.bc-ccr-montant{align-items:flex-end}
.bc-ccr-releve table{min-width:680px}


.tiroir-panneau:has(.bc-dossier),html[data-theme="ortilis"] .tiroir-panneau.tiroir-etroit:has(.bc-dossier){width:min(560px,100vw)}
.tiroir-panneau:has(.bc-dossier) .tiroir-corps{padding:18px 22px}
.tiroir-panneau:has(.bc-dossier),html[data-theme="ortilis"] .tiroir-panneau:has(.bc-dossier){background:var(--paper)}
.tiroir-panneau:has(.bc-dossier) .tiroir-tete{padding:18px 22px 14px}
.tiroir-panneau:has(.bc-dossier) #tiroir-titre{font-size:var(--taille-18);font-weight:600;font-family:ui-monospace,Menlo,monospace}
.bc-dossier>.stp,html[data-theme="ortilis"] .bc-dossier>.stp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:4px;overflow:visible}
.bc-dossier>.stp .s,html[data-theme="ortilis"] .bc-dossier>.stp .s{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;min-width:0}
.bc-dossier>.stp .s::after,html[data-theme="ortilis"] .bc-dossier>.stp .s::after{display:none}
.bc-dossier>.stp .bar{display:none}
.bc-dossier>.stp .sn,html[data-theme="ortilis"] .bc-dossier>.stp .sn{height:6px;width:100%;border:0;border-radius:var(--rayon-3);box-shadow:none;font-size:0;background:var(--line);color:transparent}
.bc-dossier>.stp .sn.done,.bc-dossier>.stp .sn.now,html[data-theme="ortilis"] .bc-dossier>.stp .sn.done,html[data-theme="ortilis"] .bc-dossier>.stp .sn.now{background:var(--teal);height:6px;width:100%;border:0;box-shadow:none}
.bc-dossier>.stp .sl2,html[data-theme="ortilis"] .bc-dossier>.stp .sl2{font-size:var(--taille-12);white-space:normal}
.bc-dossier-identite{display:flex;align-items:center;gap:8px}
.bc-dossier .btn.btn-d:not(:disabled):not([aria-disabled="true"]):not(.off),html[data-theme="ortilis"] .tiroir-panneau .bc-dossier .btn.btn-d:not(:disabled):not([aria-disabled="true"]):not(.off){background:var(--teal);border-color:var(--teal);color:var(--palette-blanc);font-weight:600}
.bc-dossier .btn.btn-d:hover:not(:disabled):not([aria-disabled="true"]):not(.off),html[data-theme="ortilis"] .tiroir-panneau .bc-dossier .btn.btn-d:hover:not(:disabled):not([aria-disabled="true"]):not(.off){background:var(--teal-h,var(--teal))}
@media(max-width:430px){.tiroir-panneau:has(.bc-dossier) .tiroir-corps{padding:16px 14px}.bc-monnaies button{padding:0 8px;font-size:var(--taille-12)}}


.bc-devise-kpi .dr { width:18px; height:12px; }
.bc-devise-groupe .dr { width:22px; height:15px; }
.bc-devise-proposition .dr { width:20px; height:14px; }
.bc-devise-dossier .dr { width:22px; height:15px; }
.bc-devise-kpi .dr, .bc-devise-groupe .dr,
.bc-devise-proposition .dr, .bc-devise-dossier .dr {
  border-radius:var(--rayon-2); object-fit:cover; box-shadow:0 0 0 1px var(--line);
}
.bc-proposition-montant {
  display:inline-flex; align-items:center; gap:7px; font-weight:600; white-space:nowrap;
}
.bc-dossier-identite {
  display:flex; align-items:center; gap:8px; color:var(--teal-d);
  font-size:var(--taille-12); font-weight:700; letter-spacing:.1em; text-transform:uppercase;
}

.bc-devise-lecture .dr { width:18px; height:12px; }
.bc-devise-pile .dr { width:16px; height:11px; }


.bc-onglets button:not(.on):hover:not(:disabled):not([aria-disabled="true"]):not(.off),
.bc-monnaies button:not(.on):not([aria-pressed="true"]):hover:not(:disabled):not([aria-disabled="true"]):not(.off),
.bc-etat:not(.on):not([aria-pressed="true"]):hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--canvas); color:var(--ink); }
.sm-page{width:100%;min-width:0;color:var(--ink)}
.sm-page [hidden]{display:none!important}
.sm-entete{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:12px}
.sm-intro{font-size:var(--taille-13);line-height:1.5;color:var(--muted,var(--slate));margin:0}
.sm-sous,.sm-portee{font-size:var(--taille-12);color:var(--muted,var(--slate));line-height:1.5;margin:0}
.sm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sm-page .sm-actions .btn{height:36px;min-height:36px;border-radius:var(--rayon-8);font-size:var(--taille-13);padding:0 14px}
.sm-onglets{position:sticky;top:-15px;z-index:7;display:flex;gap:4px;overflow-x:auto;background:var(--canvas);border-bottom:1px solid var(--line);margin-bottom:16px;box-shadow:0 2px 6px #173c4512}
html[data-theme="ortilis"] .sm-onglets{top:-16px}
html[data-theme="ortilis"][data-densite="compacte"] .sm-onglets{top:-12px}
.sm-onglets button{height:42px;flex:none;padding:0 14px;border:0;background:transparent;color:var(--muted,var(--slate));font:500 14px var(--police);cursor:pointer;box-shadow:inset 0 -3px transparent}
.sm-onglets button.on,.sm-onglets button[aria-current=page]{color:var(--ink);font-weight:600;box-shadow:inset 0 -3px var(--teal)}
.sm-contenu{display:flex;flex-direction:column;gap:16px;min-width:0}
.sm-page .card{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:var(--rayon-12);background:var(--paper)}
.sm-page .card .ch{padding:16px 20px}
.sm-page .card .ct{font-size:var(--taille-16);font-weight:600;letter-spacing:0}
.sm-page .card .cs{font-size:var(--taille-12);color:var(--muted,var(--slate));line-height:1.5}
.sm-page .card .cb{padding:16px 20px}
.sm-page table.t{font-size:var(--taille-13)}
.sm-page table.t th{font-size:var(--taille-12);text-transform:none;letter-spacing:normal;padding:10px 16px;background:var(--canvas)}
.sm-page table.t td{font-size:var(--taille-13);padding:12px 16px}
.sm-assiette td small,.sm-historique td small{display:block;margin-block-start:3px;line-height:1.4}
.sm-page .b{font-size:var(--taille-12);text-transform:none;letter-spacing:normal}
.sm-page .cur{background:transparent;border:0;padding:0;color:inherit}
.sm-page .dv{gap:6px}
.sm-page .dv .dr{border-radius:var(--rayon-2);box-shadow:0 0 0 1px var(--line)}
.body .sm-page .sm-kpis.g.g-kpi[data-kpis],.sm-page .sm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;margin-bottom:0}
.sm-page .sm-kpis .kpi{min-width:0;min-height:0;height:auto;padding:14px 16px;border-radius:var(--rayon-12);gap:5px}
.sm-page .sm-kpis .kpi .kl{min-height:0;font-size:var(--taille-12);font-weight:500;text-transform:none;letter-spacing:normal;line-height:1.4}
.sm-page .sm-kpis .kpi .kv{min-height:0;font-size:var(--taille-22);line-height:1.35;letter-spacing:-.01em;overflow-wrap:normal}
.sm-page .sm-kpis .kpi .kd{font-size:var(--taille-12);line-height:1.4;margin-top:0;flex-wrap:wrap}
.sm-page .sm-kpis .kpi .kv small{font-size:var(--taille-12)}
.sm-page .sm-kpis .kpi-montant{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.sm-page .sm-kpis .n{white-space:nowrap}
.sm-page .sm-cotation-grille{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)!important;align-items:start;gap:16px;min-width:0}
.sm-page .sm-cotation-grille>*{min-width:0;max-width:100%}
.sm-cotation-panneau{display:flex;flex-direction:column;gap:14px;min-width:0}
.sm-cotation-panneau .btn{min-height:40px}
.sm-cotation-panneau .kv{font-size:30px;line-height:1.25}
html[data-theme="ortilis"] .body .sm-page .sm-cotation-panneau .btn.btn-d{background:var(--teal);border-color:var(--teal);color:var(--palette-blanc);font-weight:600}
.sm-devises{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;border-radius:var(--rayon-8);background:var(--canvas);width:fit-content;max-width:100%}
.sm-devises button{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:var(--rayon-6);background:transparent;color:var(--ink);font:600 13px var(--police);cursor:pointer}
.sm-devises button.on,.sm-devises button[aria-pressed=true]{background:var(--solid,var(--navy));color:var(--on-solid,var(--palette-blanc))}
.sm-filtres{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.sm-filtres input[type=search]{width:245px;max-width:100%;height:36px;font-size:var(--taille-13);border-radius:var(--rayon-8)}
.sm-filtres select{width:auto;min-width:150px}
.sm-details{border:1px solid var(--line);border-radius:var(--rayon-12);background:var(--paper);min-width:0;overflow:hidden}
.sm-details>summary{padding:14px 18px;font-size:var(--taille-14);font-weight:600;cursor:pointer}
.sm-details>div{display:flex;flex-direction:column;gap:14px;padding:0 16px 16px;min-width:0}
.sm-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.sm-file-groupe{min-width:0;border:1px solid var(--line);border-radius:var(--rayon-8);background:var(--paper)}
.sm-file-groupe>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;font-size:var(--taille-13);cursor:pointer}
.sm-file-groupe>summary:before{content:'▸';color:var(--muted)}
.sm-file-groupe[open]>summary:before{content:'▾'}
.sm-file-groupe>summary span{flex:1}
.sm-file-dossiers{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
.sm-file-dossiers .btn{height:auto;white-space:normal;text-align:start;justify-content:flex-start;min-height:36px;line-height:1.4;padding:8px 10px}
.sm-groupe{min-width:0;margin-bottom:12px}
.sm-groupe>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0;font-size:var(--taille-13);cursor:pointer}
.sm-groupe>summary:before{content:'▾';color:var(--muted)}
.sm-groupe:not([open])>summary:before{content:'▸'}
.sm-groupe>summary .dv{flex:1}
.sm-table-defile{max-width:100%;overflow-x:auto}
.sm-table-defile table{min-width:640px}
.sm-cours{display:grid;gap:6px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.sm-cours>strong{font-size:30px;line-height:1.25}
.sm-cotation-panneau .cb{display:flex;flex-direction:column;gap:12px}
.sm-decisions>div{display:flex!important;flex-direction:column;align-items:stretch;gap:8px!important}
.sm-decisions .btn{width:100%;height:auto;min-height:40px;white-space:normal;padding:10px 14px;justify-content:center}
.sm-devises-piece{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sm-historique-resultats{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.sm-historique .scroll,.sm-assiette .scroll,.sm-positions .scroll{overflow-x:auto;max-width:100%}
.sm-historique table{min-width:720px}
.sm-page .rang-champs{flex-wrap:wrap}
.sm-page button:focus-visible,.sm-page summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:1050px){.body .sm-page .sm-kpis.g.g-kpi[data-kpis],.sm-page .sm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm-page .sm-cotation-grille{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:720px){.sm-onglets{top:-10px}.sm-entete{align-items:flex-start}.sm-onglets button{padding:0 10px}.sm-page .card .cb,.sm-page .card .ch{padding:14px 16px}}
@media(max-width:720px){.sm-files{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.sm-devises{flex-wrap:nowrap;overflow-x:auto;width:100%;box-sizing:border-box;scrollbar-width:thin}.sm-devises button{flex:none}}
@media(max-width:720px){html[data-theme="ortilis"] .sm-onglets{top:-12px}}
@media(max-width:480px){.body .sm-page .sm-kpis.g.g-kpi[data-kpis],.sm-page .sm-kpis{grid-template-columns:minmax(0,1fr)!important}.sm-page .sm-kpis .kpi .kv{font-size:var(--taille-20)}.sm-filtres>*{max-width:100%}}


.sm-onglets button:not(.on):not([aria-current="page"]):hover:not(:disabled):not([aria-disabled="true"]):not(.off),
.sm-devises button:not(.on):not([aria-pressed="true"]):hover:not(:disabled):not([aria-disabled="true"]):not(.off) { background:var(--paper); color:var(--ink); }