/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* src/styles/logaia-v3.css */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --brd:#6E1941;
  --brd-deep:#5A1336;
  --side:#4A0F2C;
  --pink-bg:#F5EBF0;
  --pink-lt:#FAF4F7;
  --pink-bd:#E6D3DD;
  --app:#F4F2F4;
  --text:#161415;
  --text-mid:#433D40;
  --text-light:#6E666A;
  --border:#DDD6DA;
  --border-lt:#EAE5E8;
  --border-mid:#C6BEC2;
  --slate:#2E4652;
  --slate-lt:#E5EDF1;
  --num:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --row:42px;
}
html,
body {
  height: 100%;
}
body {
  font-family:
    "Inter",
    system-ui,
    sans-serif;
  font-size: 13px;
  color: var(--text);
  background: var(--app);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
  outline: none;
}
button {
  background: none;
  border: none;
  cursor: pointer;
}
a {
  color: var(--brd);
}
a:hover {
  color: var(--brd-deep);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.app {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  height: 100vh;
}
.main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
.content {
  flex: 1;
  overflow: auto;
  padding: 24px 24px 48px;
}
.inner {
  width: 100%;
}
.mono {
  font-family: var(--num);
  font-size: 12px;
}
.muted {
  color: var(--text-light);
}
.strong {
  font-weight: 600;
}
.side {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
  position: relative;
  z-index: 5;
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 64px;
  flex: none;
}
.logo img {
  height: 30px;
  width: auto;
  display: block;
}
.nav {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
}
.side-t {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 10px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--brd);
  border-bottom: 1px solid var(--border);
}
.nv {
  display: flex;
  align-items: center;
  transition: background .12s, color .12s;
}
.help {
  margin-top: auto;
  margin-bottom: 14px;
}
.d-clair .side {
  width: 236px;
  background: var(--blanc);
  border-right: 1px solid var(--border);
  padding: 0 12px;
}
.d-clair .logo {
  padding: 0 8px;
  justify-content: center;
}
.d-clair .nv {
  gap: 11px;
  height: 38px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--text-mid);
  font-weight: 500;
  text-align: left;
}
.d-clair .nv:hover {
  background: var(--nav-hover);
  color: var(--text);
}
.d-clair .nv.on {
  background: var(--pink-bg);
  color: var(--brd);
}
.d-clair .kids {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 2px 0 6px 19px;
  padding-left: 12px;
  border-left: 1px solid var(--border);
}
.nk {
  height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  text-align: left;
  color: var(--text-mid);
  font-size: 12.5px;
}
.nk:hover {
  background: var(--nav-hover);
  color: var(--text);
}
.nk.on {
  color: var(--brd);
  font-weight: 600;
  background: var(--pink-lt);
}
.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 64px;
  padding: 0 24px;
  flex: none;
}
.d-clair .top {
  background: var(--blanc);
  border-bottom: 1px solid var(--border);
}
.dossier {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 5px 12px 5px 6px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: var(--blanc);
  text-align: left;
  color: var(--text-mid);
  transition: .12s;
}
.dossier:hover {
  border-color: var(--border-mid);
  box-shadow: 0 2px 6px -2px rgba(30, 15, 22, .12);
}
.d-ic {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--pink-bg);
  color: var(--brd);
}
.d-t {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.d-t b {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
.d-t small {
  font-size: 11.5px;
  color: var(--text-mid);
}
.top-r {
  display: flex;
  align-items: center;
  gap: 10px;
}
.drops {
  display: flex;
  height: 42px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--blanc);
  overflow: hidden;
}
.drop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 130px;
  padding: 0 18px;
  color: var(--brd);
  transition: .12s;
}
.drop + .drop {
  border-left: 1px solid var(--border);
}
.drop b {
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}
.drop:hover {
  background: var(--pink-lt);
}
.drop:hover b {
  color: var(--brd);
}
.avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--brd);
  color: var(--blanc);
  font-size: 12px;
  font-weight: 600;
  margin-left: 6px;
}
.ph {
  margin-bottom: 20px;
}
.ph-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.crumb {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  font-size: 12px;
  color: var(--text-light);
}
.crumb b {
  font-weight: 600;
  color: var(--text);
}
.crumb a {
  color: inherit;
  text-decoration: none;
}
.crumb a:hover {
  text-decoration: underline;
  color: var(--blanc);
}
h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: -.015em;
  color: var(--brd);
}
.ph-a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--border-mid);
  border-radius: 8px;
  background: var(--blanc);
  font-weight: 500;
  white-space: nowrap;
  transition: .12s;
}
.btn-ghost:hover {
  border-color: var(--brd);
  color: var(--brd);
  background: var(--pink-lt);
}
.btn-primary {
  background: var(--brd);
  border-color: var(--brd);
  color: var(--blanc);
}
.btn-primary:hover {
  background: var(--brd-deep);
}
.btn-danger {
  color: var(--err);
  border-color: var(--err-bd);
}
.btn-danger:hover {
  background: #FBEDEE;
}
.btn:disabled {
  background: #EBE7E9;
  border-color: #EBE7E9;
  color: #8F878B;
  cursor: not-allowed;
}
.ibtn {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: none;
  border-radius: 8px;
  color: var(--text-mid);
  transition: .12s;
}
.ibtn:hover {
  background: var(--pink-bg);
  color: var(--brd);
}
.lnk {
  color: var(--brd);
  font-weight: 500;
  margin-left: auto;
}
.lnk:hover {
  text-decoration: underline;
}
.kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}
.kpi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 140px;
  padding: 8px 16px;
  background: var(--blanc);
  border: 1px solid var(--border);
  border-radius: 11px;
}
.kpi small {
  font-size: 11.5px;
  color: var(--text-light);
}
.kpi b {
  font-size: 15px;
  font-weight: 600;
}
.card {
  background: var(--blanc);
  border: 1px solid var(--border);
  border-radius: 13px;
}
.d-clair .card {
  box-shadow: 0 1px 2px rgba(30, 15, 22, .04);
}
.tcard {
  overflow: hidden;
}
.toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border-lt);
}
.count {
  margin-left: auto;
  font-size: 12.5px;
  color: var(--text-light);
}
.search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 300px;
  min-width: 170px;
  height: 34px;
  padding: 0 6px 0 11px;
  border: 1px solid var(--border-mid);
  border-radius: 8px;
  background: var(--blanc);
  color: var(--text-light);
  transition: .12s;
}
.search input {
  flex: 1;
  min-width: 0;
  border: none;
  background: none;
  color: var(--text);
}
.search button {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  color: var(--text-light);
}
.search button:hover {
  background: #F0ECEE;
}
.search:focus-within {
  border-color: var(--brd);
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .12);
}
.toolbar {
  position: relative;
}
.bulk {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 4px;
  height: 38px;
  padding: 0 8px 0 4px;
  border-radius: 999px;
  background: #F3EAF0;
  white-space: nowrap;
}
.bulk .ibtn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--brd);
}
.bulk .ibtn:hover {
  background: #E8D6E0;
}
.bulk .ibtn:disabled {
  color: #A79EA3;
  cursor: not-allowed;
  background: none;
}
.bulk b {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin: 0 8px 0 2px;
}
.g-sepa {
  position: relative;
  display: grid;
  place-items: center;
}
.g-sepa i {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1px;
  background: #F3EAF0;
  font-style: normal;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1;
}
.toolbar:has(.bulk) .search {
  visibility: hidden;
}
.bulk .ibtn {
  color: var(--brd);
}
.bulk .ibtn:hover {
  background: var(--pink-bg);
}
.bulk b {
  margin-right: 6px;
}
.toolbar {
  min-height: 63px;
}
.toolbar {
  flex-wrap: nowrap;
}
.bulk {
  min-width: 0;
  flex: none;
}
.bulk b {
  color: var(--brd);
  font-weight: 600;
  margin-right: 6px;
}
.tw {
  overflow: auto;
  max-height: calc(100vh - 330px);
}
.tbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.tbl th {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 38px;
  padding: 0 12px;
  text-align: left;
  white-space: nowrap;
}
.d-clair .tbl th {
  background: #FBFAFB;
  color: var(--text-light);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1px solid var(--border);
}
.tbl td {
  height: var(--row);
  padding: 0 12px;
  border-bottom: 1px solid var(--border-lt);
  white-space: nowrap;
}
.tbl tbody tr:hover td {
  background: #FCF8FA;
}
.tbl tr.rsel td {
  background: var(--ligne-claire);
}
.tbl.click tbody tr {
  cursor: pointer;
}
.tbl .r {
  text-align: right;
}
.tbl .cb {
  width: 44px;
  padding-left: 16px;
  padding-right: 0;
}
.tbl .act {
  width: 48px;
  padding: 0 8px;
}
.tbl tfoot td {
  height: 46px;
  font-weight: 600;
  background: #FBFAFB;
  border-top: 1px solid var(--border);
  border-bottom: none;
}
.cl {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.pdf {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text);
}
.pdf svg {
  color: var(--brd);
}
.pdf:hover {
  color: var(--brd);
  text-decoration: underline;
}
.tbl .act .ibtn {
  width: 30px;
  height: 30px;
}
.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 64px 20px;
  color: var(--text-light);
}
.empty b {
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 500;
  white-space: nowrap;
}
.badge i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.b-neutral {
  background: #F0EDEF;
  color: #5A5458;
}
.b-plum {
  background: var(--pink-bg);
  color: var(--brd);
}
.b-ok {
  background: var(--ok-bg);
  color: var(--ok);
}
.b-warn {
  background: #FCF1DF;
  color: var(--warn);
}
.b-blue {
  background: var(--info-bg);
  color: var(--info);
}
.tip {
  position: relative;
  display: inline-flex;
  color: var(--text-light);
  cursor: help;
}
.tip.warn {
  color: #C27A12;
}
.tip:hover::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 9px;
  border-radius: 6px;
  background: #2A2226;
  color: var(--blanc);
  font-size: 11.5px;
  font-weight: 400;
  white-space: nowrap;
  z-index: 20;
  pointer-events: none;
}
.menu {
  position: relative;
  display: inline-flex;
}
.pop {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  z-index: 30;
  min-width: 200px;
  padding: 5px;
  background: var(--blanc);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 14px 34px -10px rgba(30, 15, 22, .28);
}
.pop button:where(:not(.search *)) {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  text-align: left;
  color: var(--text);
}
.pop button:where(:not(.search *)):hover {
  background: var(--nav-hover);
}
.pop .danger {
  color: var(--err);
}
.pop .danger:hover {
  background: #FBEDEE;
}
.inp {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 11px;
  border: 1px solid var(--border-mid);
  border-radius: 7px;
  background: var(--blanc);
  transition: .12s;
}
textarea.inp {
  height: auto;
  padding: 8px 11px;
  resize: vertical;
  line-height: 1.45;
}
.inp.mono {
  font-size: 12.5px;
}
.inp:hover,
.sel select:hover {
  border-color: #BDB4B9;
}
.inp:focus,
.sel select:focus {
  border-color: var(--brd);
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .12);
}
.inp::placeholder {
  color: var(--ph);
}
.sel {
  position: relative;
  display: inline-flex;
  flex: 1;
  min-width: 0;
}
.sel select {
  appearance: none;
  width: 100%;
  height: 34px;
  padding: 0 32px 0 11px;
  border: 1px solid var(--border-mid);
  border-radius: 7px;
  background: var(--blanc);
  cursor: pointer;
  transition: .12s;
}
.sel svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--text-mid);
}
.chk {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.chk input {
  position: absolute;
  opacity: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}
.box {
  display: grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--border-mid);
  border-radius: 4px;
  background: var(--blanc);
  color: transparent;
  transition: .12s;
}
.chk:hover .box {
  border-color: var(--brd);
}
.chk input:checked + .box {
  background: var(--brd);
  border-color: var(--brd);
  color: var(--blanc);
}
.chk input:focus-visible + .box,
.sw input:focus-visible + .tr {
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .18);
}
.sw {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
}
.sw input {
  position: absolute;
  opacity: 0;
  width: 36px;
  height: 20px;
  margin: 0;
  cursor: pointer;
}
.tr {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: #D5CED2;
  transition: .16s;
}
.tr::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--blanc);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  transition: .16s;
}
.sw input:checked + .tr {
  background: var(--brd);
}
.sw input:checked + .tr::after {
  transform: translateX(16px);
}
.sw-l {
  color: var(--text-mid);
}
.unit {
  font-size: 12.5px;
  color: var(--text-mid);
}
.file {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 4px 0 11px;
  border: 1px solid var(--pink-bd);
  border-radius: 7px;
  background: var(--pink-lt);
  color: var(--brd);
  font-size: 12.5px;
}
.file button {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  color: var(--brd);
}
.file button:hover {
  background: var(--pink-bg);
}
.form {
  max-width: 1100px;
}
.ov {
  position: fixed;
  inset: 0;
  z-index: var(--z-modale);
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(30, 16, 24, .42);
  animation: fade .15s;
}
.modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(100vh - 48px);
  background: var(--blanc);
  border-radius: 14px;
  box-shadow: 0 30px 80px -20px rgba(30, 15, 22, .5);
  animation: rise .18s;
}
.m-h {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 16px 16px 24px;
  border-bottom: 1px solid var(--border-lt);
}
.m-h h2 {
  flex: 1;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.m-ic {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--pink-bg);
  color: var(--brd);
}
.m-b {
  flex: 1;
  overflow: auto;
  padding: 16px 24px 20px;
}
.m-f {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 24px;
  border-top: 1px solid var(--border-lt);
  background: #FBFAFB;
  border-radius: 0 0 14px 14px;
}
.toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  z-index: var(--z-message);
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 16px;
  border-radius: 10px;
  background: #2A2226;
  color: var(--blanc);
  box-shadow: 0 12px 30px -8px rgba(0, 0, 0, .35);
  animation: rise .18s;
}
.toast svg {
  color: #9FD8AE;
}
.s-encre {
  --app:#ECE6E9;
}
.s-encre .card {
  border-color: #D8CFD4;
  box-shadow: 0 2px 8px -2px rgba(60, 15, 35, .1);
}
.s-encre .toolbar {
  border-bottom-color: var(--border-lt);
}
.s-encre .tbl th {
  background: var(--pink-bg);
  color: var(--brd);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid #CDA9BB;
}
.s-encre .tbl tbody tr:hover td {
  background: #FAF8F9;
}
.s-encre .tbl tfoot td {
  background: var(--pink-lt);
  color: var(--brd);
  border-top: 2px solid var(--brd);
}
.s-encre .kpi {
  border-color: #D8CFD4;
}
.s-encre .kpi small {
  color: var(--text-mid);
}
.s-encre .kpi b {
  color: var(--brd);
  font-size: 18px;
  font-weight: 700;
}
.s-encre .m-h {
  background: var(--pink-lt);
  border-bottom: 1px solid var(--pink-bd);
  border-radius: 14px 14px 0 0;
}
.s-encre .m-h h2 {
  color: var(--brd);
}
.s-encre .m-ic {
  background: var(--brd);
  color: var(--blanc);
}
.dsw {
  position: relative;
}
.dsw .pop {
  left: 0;
  right: auto;
  min-width: 320px;
}
.dsw .pop .dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  line-height: 1.3;
}
.dsw .pop .dl b {
  font-weight: 600;
}
.dsw .pop .dl small {
  font-size: 11.5px;
  color: var(--text-light);
  font-family: var(--num);
}
.dsw .pop button.cur {
  background: var(--pink-lt);
}
.dsw .pop button.cur b {
  color: var(--brd);
}
.dsw .pop .ck {
  margin-left: auto;
  color: var(--brd);
}
.d-t small {
  font-family: var(--num);
  font-size: 11px;
}
.dossier {
  flex: none;
}
.d-t b,
.d-t small {
  white-space: nowrap;
}
.ic-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.ic-h small {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-light);
}
.ic-h .lnk {
  margin: 0;
  font-size: 12.5px;
}
.inv-lines {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.tbl.lines td {
  height: auto;
  padding: 6px 8px;
  vertical-align: top;
}
.tbl.lines th {
  padding: 0 8px;
}
.tbl.lines .mv {
  width: 36px;
  padding-left: 10px;
  padding-right: 0;
}
.tbl.lines .q {
  width: 110px;
}
.tbl.lines .p {
  width: 150px;
}
.tbl.lines .t {
  width: 120px;
  padding-right: 12px;
}
.tbl.lines td.t {
  padding-top: 15px;
}
.tbl.lines .act {
  width: 44px;
}
.tbl.lines tbody tr:hover td {
  background: #FCFBFC;
}
.mvb {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3px;
}
.mvb button {
  display: grid;
  place-items: center;
  width: 22px;
  height: 16px;
  border-radius: 4px;
  color: var(--text-mid);
}
.mvb button:hover:not(:disabled) {
  background: var(--pink-bg);
  color: var(--brd);
}
.mvb button:disabled {
  color: #D0C9CD;
  cursor: default;
}
.mvb .up {
  transform: rotate(180deg);
}
.inp.desc {
  display: block;
  height: auto;
  min-height: 34px;
  padding: 7px 10px;
  border-color: transparent;
  background: transparent;
  resize: none;
  white-space: pre-wrap;
  line-height: 1.45;
}
.inp.desc:hover {
  border-color: var(--border-mid);
  background: var(--blanc);
}
.inp.desc:focus {
  background: var(--blanc);
}
.inp.nr {
  text-align: right;
}
.inv-add {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-top: 1px solid var(--border-lt);
  background: #FCFBFC;
}
.inv-empty {
  padding: 22px;
  text-align: center;
  color: var(--text-light);
}
.inv-tot {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 320px;
  margin: 18px 0 4px auto;
}
.inv-tot div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 12px;
}
.inv-tot b {
  font-weight: 600;
}
.inv-tot .ttc {
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--pink-bg);
  color: var(--brd);
  font-weight: 700;
}
.inv-tot .ttc b {
  font-size: 16px;
  font-weight: 700;
}
.app .modal .m-h {
  background: var(--blanc);
  border: none;
  border-bottom: 1px solid var(--border-lt);
  border-radius: 14px 14px 0 0;
  padding: 18px 16px 16px 24px;
  gap: 10px;
}
.app .modal .m-ic {
  width: auto;
  height: auto;
  background: none;
  color: var(--brd);
}
.app .modal .m-h h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--brd);
  letter-spacing: -.01em;
}
.app .modal .m-h .ibtn {
  color: var(--text-mid);
}
.app .modal .m-h .ibtn:hover {
  background: #F3EFF1;
  color: var(--text);
}
.app.bg-bandeau .content {
  background: linear-gradient(var(--nav-on) 0 0) top/100% 150px no-repeat, #F1F3F5;
}
.app.bg-bandeau .ph h1,
.app.bg-bandeau .ph h1 svg {
  color: var(--blanc);
}
.app.bg-bandeau .crumb {
  color: rgba(255, 255, 255, .75);
}
.app.bg-bandeau .crumb b {
  color: var(--blanc);
}
.app.bg-bandeau .ph .ibtn {
  color: var(--blanc);
}
.app.bg-bandeau .ph .ibtn:hover {
  background: rgba(255, 255, 255, .14);
  color: var(--blanc);
}
.app.bg-bandeau .ph .btn-primary:disabled {
  background: rgba(255, 255, 255, .2);
  border-color: transparent;
  color: rgba(255, 255, 255, .7);
}
.app.bg-bandeau .card {
  box-shadow: 0 8px 24px -12px rgba(20, 30, 40, .28);
}
.side .dsw {
  margin: 0 0 14px;
}
.side .dossier {
  width: 100%;
  padding: 6px 8px 6px 6px;
  gap: 9px;
}
.side .dossier .d-t {
  flex: 1;
  min-width: 0;
}
.side .d-t b,
.side .d-t small {
  overflow: hidden;
  text-overflow: ellipsis;
}
.side .d-ic {
  width: 30px;
  height: 30px;
}
.top {
  justify-content: flex-end;
  position: relative;
}
.top > .dsw {
  position: fixed;
  top: 32px;
  left: 50vw;
  transform: translate(-50%, -50%);
  z-index: 20;
  display: flex;
}
.top .dsw .pop {
  left: 50%;
  transform: translateX(-50%);
}
.tw {
  overflow: visible;
  max-height: none;
}
.tcard {
  overflow: clip;
}
@media (max-width: 1100px) {
  .tw {
    overflow-x: auto;
  }
}
.app .side {
  border-right: 1px solid var(--border) !important;
}
.app .d-clair .logo,
.d-clair .side .logo {
  justify-content: flex-start;
  padding: 0 10px;
}
.drops {
  gap: 8px;
  height: auto;
  border: none;
  background: none;
  overflow: visible;
}
.drop {
  height: 44px;
  min-width: 150px;
  border: 1.5px dashed var(--border-mid);
  border-radius: 10px;
  background: var(--blanc);
}
.drop + .drop {
  border-left: 1.5px dashed var(--border-mid);
}
.drop:hover {
  border-color: var(--brd);
}
.dz {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 28px;
  background: rgba(30, 16, 24, .45);
}
.dz-z {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px dashed var(--blanc);
  border-radius: 18px;
  background: rgba(255, 255, 255, .88);
  color: var(--brd);
  transition: .12s;
}
.dz-z * {
  pointer-events: none;
}
.dz-z b {
  font-size: 22px;
  font-weight: 700;
}
.dz-z span {
  color: var(--text-mid);
}
.dz-z.on {
  background: var(--blanc);
  border-color: var(--brd);
  transform: scale(1.01);
}
.app .card,
.app .kpi {
  border-color: #DADEE3;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 6px 16px -8px rgba(16, 24, 40, .14);
}
.app .kpi {
  background: var(--blanc);
}
.app .kpi b {
  font-family: "Inter", sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.01em;
}
.app .kpi small {
  font-weight: 500;
}
.app .toolbar {
  background: #FAFAFB;
  border-bottom: 1px solid #E3E6EA;
}
.app .tbl td {
  border-bottom-color: #E9EBEE;
}
.app .tbl tbody tr:hover td {
  background: #F6F7F9;
}
.app .tbl td.strong,
.app .tbl .mono.strong {
  color: var(--text);
}
.app .dossier,
.app .drop {
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
}
.app .top {
  box-shadow: none;
  border-bottom: none !important;
}
.app .top::after {
  display: none;
}
.app .ph {
  margin-bottom: 18px;
}
.mn-q1 .side {
  box-shadow: inset 4px 0 0 var(--brd);
}
.mn-q1 .side .nv.on {
  background: var(--brd);
  color: var(--blanc);
}
.mn-q1 .side .nk.on {
  background: var(--pink-ic);
  color: var(--brd);
  font-weight: 600;
}
.app.bg-bandeau .ph .btn-primary:not(:disabled) {
  background: var(--blanc);
  color: var(--brd);
  border-color: var(--blanc);
}
.app.bg-bandeau .ph .btn-primary:not(:disabled):hover {
  background: var(--pink-bg);
}
.app.bg-bandeau .ph .btn-primary:disabled {
  background: var(--blanc) !important;
  border-color: var(--blanc) !important;
  color: var(--brd) !important;
  opacity: .85;
}
.app.bg-bandeau .content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 20px;
}
.app.bg-bandeau .inner {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.app.bg-bandeau .kpis {
  flex: none;
  flex-wrap: nowrap;
}
.app.bg-bandeau .kpi {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 1100px) {
  .app.bg-bandeau .kpi {
    padding: 8px 10px;
  }
  .app.bg-bandeau .kpi b {
    font-size: 15px;
  }
}
.app.bg-bandeau .tcard,
.app.bg-bandeau .form {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.app.bg-bandeau .form {
  display: block;
  overflow: auto;
}
.app.bg-bandeau .tw {
  flex: 1;
  min-height: 0;
  max-height: none !important;
  overflow: auto !important;
}
.app.bg-bandeau .tbl th {
  top: 0;
}
.app.bg-bandeau .tbl tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
.app .kpis.in {
  margin: 0;
  padding: 12px 16px;
  gap: 0;
  border-bottom: 1px solid var(--border-lt);
  height: auto !important;
  flex-wrap: nowrap;
  align-items: center;
}
.app .kpis.in .kpi {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 0;
}
.app .kpis.in .kpi {
  padding: 2px 18px;
}
.app .kpis.in .kpi + .kpi {
  border-left: 1px solid var(--border-lt) !important;
}
.app .kpis.in .kpi small {
  color: var(--text-light);
}
.app .kpis.in .kpi b {
  color: var(--brd);
}
.app .kpis.in .kpi {
  flex: none !important;
}
.app .kpis.in .kpi b {
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .app .kpis.in .kpi {
    padding: 2px 12px;
  }
  .app .kpis.in .kpi:last-child {
    display: none;
  }
}
.app .dossier {
  border: 1.5px solid #A56A87 !important;
  background: var(--blanc);
  padding: 6px 14px 6px 6px;
  box-shadow: 0 2px 8px -3px rgba(110, 25, 65, .25);
}
.app .dossier .d-ic {
  background: var(--pink-ic) !important;
  color: var(--brd) !important;
  width: 36px;
  height: 36px;
}
.app .dossier .d-t b {
  font-size: 16px;
  font-weight: 700;
  color: var(--brd) !important;
}
.app .dossier > svg:last-child {
  color: var(--brd);
}
.app .drops {
  display: flex;
  gap: 10px;
  height: auto;
  border: none;
  background: none;
  overflow: visible;
}
.app .drop {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dr-ic {
  display: grid;
  place-items: center;
  flex: none;
}
.app .drop {
  height: 50px !important;
  min-width: 150px;
  padding: 0 18px 0 7px !important;
  gap: 10px;
  justify-content: flex-start;
  border: 1.5px dashed var(--axe-zero) !important;
  border-radius: 11px;
  background: var(--blanc) !important;
  box-shadow: none;
}
.app .drop .dr-ic {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--pink-ic);
  color: var(--brd);
}
.app .drop b {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--text) !important;
}
.app .drop:hover {
  border-color: var(--brd) !important;
  border-style: dashed !important;
  background: var(--hover-rose) !important;
}
.app .drop:hover b {
  color: var(--brd) !important;
}
.csel {
  position: relative;
}
.cs-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 34px;
  padding: 0 10px 0 11px;
  border: 1px solid var(--border-mid);
  border-radius: 7px;
  background: var(--blanc);
  text-align: left;
  cursor: pointer;
  transition: .12s;
  white-space: nowrap;
}
.cs-btn span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-btn .ph {
  color: var(--ph);
}
.cs-btn svg {
  position: static !important;
  transform: none !important;
  flex: none;
  color: var(--text-mid);
  transition: transform .15s;
}
.cs-btn:hover {
  border-color: #BDB4B9;
}
.csel.open .cs-btn {
  border-color: var(--brd);
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .12);
}
.csel.open .cs-btn svg {
  transform: rotate(180deg) !important;
  color: var(--brd);
}
.cs-pop {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 100%;
  z-index: 40;
  padding: 5px;
  background: var(--blanc);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 16px 36px -12px rgba(30, 15, 22, .3);
  animation: rise .12s;
}
.cs-pop button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 6px;
  text-align: left;
  white-space: nowrap;
  color: var(--text);
}
.cs-pop button:hover {
  background: var(--nav-hover);
}
.cs-pop button.on {
  background: var(--pink-ic);
  color: var(--brd);
  font-weight: 600;
}
.cs-pop button svg {
  color: var(--brd);
}
.tcard {
  overflow: visible !important;
}
.app .toolbar {
  position: relative;
  z-index: 8;
}
.cs-pop button svg {
  position: static !important;
  transform: none !important;
}
.app .top {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
.top > .dsw {
  position: static !important;
  transform: translateX(-118px) !important;
  grid-column: 2;
}
.top > .top-r {
  grid-column: 3;
  justify-self: end;
}
@media (max-width: 1250px) {
  .top > .dsw {
    transform: none !important;
  }
  .app .top {
    grid-template-columns: auto 1fr;
  }
  .top > .dsw {
    grid-column: 1;
  }
  .top > .top-r {
    grid-column: 2;
  }
  .app .drop {
    min-width: 0 !important;
  }
}
.csel.open .cs-btn {
  border-color: var(--bleu-actif) !important;
  box-shadow: 0 0 0 3px rgba(131, 165, 180, .25) !important;
}
.csel.open .cs-btn svg {
  color: var(--chip-fg) !important;
}
.cs-pop button:hover {
  background: var(--chip-bg) !important;
}
.cs-pop button.on {
  background: var(--bleu-actif-bg) !important;
  color: var(--chip-fg) !important;
}
.cs-pop button svg {
  color: var(--chip-fg) !important;
}
.cs-pop button {
  justify-content: flex-start !important;
  gap: 8px !important;
}
.cs-ck {
  display: grid;
  place-items: center;
  width: 16px;
  flex: none;
  font-style: normal;
}
.inv-lines {
  overflow: visible !important;
}
.inv-lines .tbl.lines thead th:first-child {
  border-top-left-radius: 10px;
}
.inv-lines .tbl.lines thead th:last-child {
  border-top-right-radius: 10px;
}
.inv-add {
  border-radius: 0 0 10px 10px;
}
.home {
  flex: 1;
  min-height: 0;
  overflow: auto;
  margin: 0 -24px;
  padding: 0 24px 6px;
}
.hgrid {
  display: grid;
  grid-template-columns: repeat(var(--hc,3), minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.hc .top5 {
  flex: 1;
}
.hc .acc {
  flex: none;
  height: 292px;
  overflow: auto;
  border: none;
  border-radius: 0;
}
.hc {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px;
}
.hc-wide {
  grid-column: span var(--hw,2);
}
.hc-h {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.hc-t {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 700;
  color: var(--brd);
}
.hc-v {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.3;
}
.hc-v small {
  font-size: 11.5px;
  color: var(--text-light);
}
.hc-v b {
  font-size: 17px;
  font-weight: 700;
  color: #A8286E;
}
.hc-h .lnk {
  margin: 0;
  font-size: 12.5px;
}
.hc-f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}
.hc-f .lnk {
  margin: 0;
}
.acc {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
}
.acc-i {
  border: 1px solid var(--border);
  overflow: hidden;
}
.acc-i + .acc-i {
  border-top: none;
}
.acc-i:first-child {
  border-radius: 10px 10px 0 0;
}
.acc-i:last-child {
  border-radius: 0 0 10px 10px;
}
.acc-i:only-child {
  border-radius: 10px;
}
.acc-h {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 12px;
  text-align: left;
  font-weight: 600;
}
.acc-h span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.acc-h b {
  font-weight: 600;
  white-space: nowrap;
}
.acc-h > svg {
  color: var(--text-mid);
  transition: transform .15s;
}
.acc-i.on .acc-h > svg {
  transform: rotate(180deg);
}
.acc-i.on .acc-h {
  background: #FAFAFB;
  border-bottom: 1px solid var(--border-lt);
}
.acc-b {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px 10px;
}
.acc-l {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-light);
  margin-bottom: 4px;
}
.tx {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 5px 0;
  font-size: 12.5px;
}
.tx-n {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tx b {
  font-weight: 500;
}
.tx b.neg,
.tx b.pos {
  color: var(--text);
}
.tx {
  grid-template-columns: 22px 44px minmax(0, 1fr) auto;
}
.tx-i {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.tx-i.in {
  background: var(--slate-lt);
  color: var(--slate);
}
.tx-i.out {
  background: var(--pink-bg);
  color: var(--brd);
}
.acc-ic {
  flex: none !important;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--pink-ic);
  color: var(--brd);
}
.acc-h .acc-n {
  flex: 1;
  min-width: 0;
}
.acc-h b {
  color: var(--brd);
}
.acc-l {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--brd);
}
.acc-l svg {
  color: var(--brd);
}
.hdrop {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1.5px dashed var(--axe-zero);
  border-radius: 11px;
  cursor: pointer;
  transition: .12s;
}
.hdrop:hover,
.hdrop.over {
  border-color: var(--brd);
  background: var(--hover-rose);
}
.hd-ic {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--pink-ic);
  color: var(--brd);
  flex: none;
}
.hd-t {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  line-height: 1.35;
}
.hd-t b {
  font-weight: 600;
}
.hd-t small {
  font-size: 12px;
  color: var(--text-light);
}
.due {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-top: 4px;
}
.due span {
  font-size: 14px;
  font-weight: 600;
}
.due b {
  font-size: 20px;
  font-weight: 700;
  color: var(--brd);
}
.top5 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 92px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #F7F7F8;
}
.top5 small {
  font-weight: 600;
  color: var(--text-mid);
}
.ind {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--border-lt);
}
.ind > span:first-child {
  font-weight: 500;
}
.years {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.years button {
  padding: 6px 12px;
  border-radius: 7px;
  font-family: var(--num);
  font-size: 12px;
  color: var(--text-mid);
  border: 1px solid var(--border);
}
.years button:hover {
  border-color: var(--axe-zero);
  color: var(--text);
}
.years button.on {
  background: var(--brd);
  border-color: var(--brd);
  color: var(--blanc);
}
.legend {
  display: flex;
  gap: 18px;
  font-size: 12.5px;
  color: var(--text-mid);
}
.legend span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.legend i {
  width: 14px;
  height: 8px;
  border-radius: 2px;
}
.hchart {
  width: 100%;
  height: auto;
  display: block;
}
.hchart text {
  font-family: var(--num);
  font-size: 11px;
  fill: #857C81;
}
@media (max-width: 1200px) {
  .hgrid {
    grid-template-columns: repeat(var(--hc2,2), minmax(0, 1fr));
  }
  .hc-wide {
    grid-column: 1/-1;
  }
  .hc-last {
    grid-column: span var(--hl2,1);
  }
}
@media (max-width: 820px) {
  .hgrid {
    grid-template-columns: 1fr;
  }
}
.flt-x {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--text-mid);
  font-size: 12.5px;
  font-weight: 500;
  flex: none;
}
.flt-x:hover {
  background: #F1F1F3;
  color: var(--text);
}
.app .search {
  border-radius: 999px;
  height: 36px;
}
@media (max-width: 1250px) {
  .app .toolbar.tb-wrap {
    flex-wrap: wrap !important;
  }
  .app .search {
    flex-basis: 200px;
  }
}
.app .search {
  height: 30px !important;
}
.flt-x {
  height: 28px;
}
.app .toolbar .csel.pill {
  flex: none !important;
  width: auto !important;
  min-width: 0;
}
.app .toolbar .pill .cs-btn {
  height: 30px;
  padding: 0 10px 0 14px;
  gap: 6px;
  border: 1px solid var(--border-mid) !important;
  border-radius: 999px;
  background: var(--blanc);
}
.app .toolbar .pill .cs-btn:hover {
  border-color: #A9A1A5 !important;
}
.cs-pre {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--text-light);
}
.pill .cs-v {
  font-weight: 600;
}
.app .toolbar .pill.open .cs-btn {
  border-color: var(--bleu-actif) !important;
  box-shadow: 0 0 0 3px rgba(131, 165, 180, .25) !important;
}
.app .toolbar .pill.on .cs-btn {
  background: var(--bleu-actif-bg);
  border-color: var(--bleu-actif) !important;
}
.pill.on .cs-pre,
.pill.on .cs-v,
.pill.on .cs-btn svg {
  color: var(--chip-fg) !important;
}
.app .toolbar .pill .cs-pop {
  left: 0;
  min-width: 100%;
  top: calc(100% + 6px);
}
.pill .cs-btn span {
  overflow: visible !important;
  text-overflow: clip !important;
  flex: none;
  white-space: nowrap;
}
.dest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 220px;
}
.tbl .c {
  text-align: center;
}
.dp {
  width: 264px;
  padding: 10px !important;
}
.dp-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.dp-h b {
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}
.dp-h button {
  display: grid;
  place-items: center;
  width: 28px !important;
  height: 28px;
  padding: 0 !important;
  border-radius: 7px;
}
.dp-g {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.dp-g i {
  font-style: normal;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-light);
  padding: 4px 0;
}
.dp-g button {
  display: grid !important;
  place-items: center;
  width: auto !important;
  height: 32px;
  padding: 0 !important;
  border-radius: 7px;
  font-family: var(--num);
  font-size: 12px;
  justify-content: center !important;
}
.dp-g button.td {
  box-shadow: inset 0 0 0 1px var(--bleu-actif);
}
.dp-g button.on {
  background: var(--chip-fg) !important;
  color: var(--blanc) !important;
}
.dp-f {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-lt);
}
.dp-f button {
  width: auto !important;
  padding: 6px 8px !important;
  color: var(--chip-fg);
  font-weight: 500;
  font-size: 12.5px;
}
.pill .cs-btn {
  align-items: center;
}
.pill .cs-btn span {
  line-height: 1;
}
.pill .cs-v.ph {
  color: var(--ph);
  font-weight: 500;
}
.pill .cs-v.mono {
  font-size: 12.5px;
}
.pill .cs-btn svg {
  color: var(--text);
}
.pill .cs-btn .cs-pre,
.pill .cs-btn .cs-v {
  display: inline-flex;
  align-items: center;
  height: 16px;
  font-size: 12.5px;
  line-height: 16px;
}
.app .tcard > :first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.app .tcard > :last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.count {
  white-space: nowrap;
  font-size: 14px !important;
  font-weight: 400;
  color: var(--text-mid) !important;
}
.count-n {
  color: var(--brd);
  font-weight: 700;
}
.count.count-g,
.count.count-g .count-n {
  color: var(--text-light) !important;
  font-weight: 400;
}
.pc-tbl tr.gh td {
  height: auto !important;
  padding: 0 16px !important;
  height: 30px !important;
  background: #F7F6F7 !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border-lt) !important;
}
.pc-tbl tr.gh td span {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--brd) !important;
  letter-spacing: .01em;
}
.pc-tbl tbody tr.gh:hover td {
  background: #F7F6F7 !important;
}
.pc-tbl tr.gh {
  pointer-events: none;
  cursor: default;
}
.flt-x.ico {
  width: 28px;
  padding: 0;
  justify-content: center;
}
.app .toolbar .count {
  flex: none;
}
@media (max-width: 1250px) {
  .app .search {
    flex: 0 1 200px !important;
    min-width: 120px;
  }
  .app .toolbar:not(.tb-wrap) {
    flex-wrap: nowrap !important;
  }
}
.app .side {
  box-shadow:
    inset 4px 0 0 var(--brd),
    6px 0 18px -4px rgba(40, 15, 28, .18),
    2px 0 4px -1px rgba(40, 15, 28, .08) !important;
  border-right: 1px solid #E2DEE0 !important;
  position: relative;
  z-index: 6;
}
.app .side .nv {
  color: var(--text) !important;
  font-weight: 500;
}
.app .side .nv svg {
  color: var(--brd);
}
.app .side .nv.on,
.app .side .nv.on svg {
  color: var(--blanc) !important;
}
.app .side .nk {
  color: var(--text-mid) !important;
}
.app .side .nk.on {
  color: var(--brd) !important;
}
.app .side .kids {
  border-left-color: #D6CFD3 !important;
}
.app .side-t {
  font-size: 17px !important;
  color: var(--brd) !important;
}
.app .tbl td.act,
.app .tbl th.act {
  position: sticky;
  right: 0;
  z-index: 2;
}
.app .tbl td.act {
  background: var(--blanc);
}
.app .tbl th.act {
  z-index: 4;
}
.menu .pop {
  z-index: 90;
}
.hc-v b,
.hc-v small {
  white-space: nowrap;
}
.pop-f {
  z-index: var(--z-flottant) !important;
  min-width: 200px;
}
.menu .ibtn.on {
  background: var(--pink-bg);
  color: var(--brd);
}
.app .tbl td.act,
.app .tbl th.act {
  width: 40px !important;
  padding: 0 6px 0 2px !important;
  box-shadow: none;
}
.app .tbl td.act .ibtn {
  width: 28px;
  height: 28px;
}
.app .bulk {
  left: 16px !important;
  transform: translateY(-50%) !important;
}
.tbl .unit-c {
  width: 150px;
}
.app.bg-bandeau .form {
  max-width: none !important;
  overflow-x: hidden !important;
}
.app .dossier {
  background: var(--pink-ic) !important;
}
.app .dossier:hover {
  background: #EEDFE6 !important;
}
.app .dossier .d-ic {
  background: var(--blanc) !important;
}
.app .tip:hover::after {
  bottom: auto;
  top: calc(100% + 8px);
  left: -8px;
  transform: none;
  width: max-content;
  max-width: 260px;
  white-space: normal;
  padding: 8px 11px;
  border-radius: 8px;
  background: var(--blanc);
  color: var(--text);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 400;
  border: 1px solid var(--border);
  box-shadow: 0 10px 26px -10px rgba(30, 15, 22, .3);
  animation: fade .12s;
}
.app .tip:hover::before {
  content: "";
  position: absolute;
  top: calc(100% + 3px);
  left: 4px;
  width: 9px;
  height: 9px;
  background: var(--blanc);
  border-left: 1px solid var(--border);
  border-top: 1px solid var(--border);
  transform: rotate(45deg);
  z-index: 21;
}
.app .tip.warn {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  background: none;
  color: #E8820C;
  margin-left: 8px;
  flex: none;
  cursor: default;
}
.app .tip.warn svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.1;
  stroke-linejoin: round;
  stroke-linecap: round;
  overflow: visible;
}
.app .tip.warn:hover {
  color: #CF7108;
}
.app .tip.warn.lt-w {
  margin-left: 6px;
}
.tipi {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--bleu-actif-bg);
  color: var(--chip-fg);
  cursor: help;
  flex: none;
  outline: none;
  transition: .12s;
}
.tipi > svg {
  display: block;
}
.tipi:hover,
.tipi:focus-visible {
  background: #D3E0EC;
}
.tipi-p {
  position: absolute;
  top: calc(100% + 10px);
  left: -12px;
  z-index: var(--z-flottant);
  display: none;
  flex-direction: column;
  gap: 6px;
  width: 340px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--blanc);
  border: 1px solid var(--border);
  box-shadow: 0 18px 40px -14px rgba(30, 15, 22, .32), 0 2px 6px rgba(30, 15, 22, .06);
  text-align: left;
  cursor: default;
  animation: rise .14s;
}
.tipi-p::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 18px;
  width: 10px;
  height: 10px;
  background: var(--blanc);
  border-left: 1px solid var(--border);
  border-top: 1px solid var(--border);
  transform: rotate(45deg);
}
.tipi-p b {
  font-size: 13px;
  font-weight: 700;
  color: var(--chip-fg);
}
.tipi-p span {
  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 400;
  color: var(--text-mid);
  text-wrap: pretty;
}
.tipi-p.up::before {
  top: auto;
  bottom: -6px;
  transform: rotate(225deg);
}
.tipi,
.tip {
  cursor: default !important;
}
.em-alt {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  overflow: auto;
}
.ecard {
  padding: 18px 20px 20px;
  box-shadow: 0 1px 2px rgba(30, 15, 22, .05), 0 10px 26px -16px rgba(30, 15, 22, .28) !important;
}
.ec-h {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  color: var(--brd);
}
.ec-ic {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--pink-ic);
  color: var(--brd);
}
.egrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
}
.ef {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.ef.s4 {
  grid-column: span 4;
}
.ef-l {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-mid);
}
.ef-c {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ef-c > .inp,
.ef-c > .sel {
  flex: 1;
}
.ef-row {
  display: flex;
  gap: 6px;
  flex: 1;
  min-width: 0;
}
.ef-row .inp {
  flex: 1;
}
.ef-row .ibtn {
  border: 1px solid var(--border-mid);
  color: var(--brd);
  background: var(--blanc);
}
.ecards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  padding-bottom: 6px;
}
.ecards .wide {
  grid-column: 1/-1;
}
.ecards .wide .egrid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media (max-width: 1150px) {
  .ecards {
    grid-template-columns: 1fr;
  }
  .ecards .wide .egrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.ecards {
  align-items: stretch !important;
}
.ecards .wide {
  align-self: start;
}
@media (min-width: 1151px) {
  .ecards {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
}
.ef.nl {
  grid-column-start: 1;
}
.ef.nl.s4 {
  grid-column-end: span 4;
}
.ef-l {
  min-height: 22px;
}
.egrid:has(> .cgrid) {
  display: block;
}
.cgrid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px;
}
.cgrid .ef.s4 {
  grid-column: span 4;
}
.cgrid .ef.s8 {
  grid-column: span 8;
}
.cgrid .ef.s12 {
  grid-column: span 12;
}
.cgrid .ef-l {
  min-height: 0;
}
.cg-gap {
  grid-column: 1/-1;
  height: 6px;
  margin: -6px 0;
}
.ef-pfx > .inp {
  flex: 0 1 320px !important;
}
.ef-nx {
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.ef-nx > .inp {
  flex: 0 0 130px !important;
  width: 130px;
}
.ef-nxh {
  font-size: 12.5px;
  color: var(--text-light);
  white-space: nowrap;
}
.ef-nxh b {
  color: var(--text);
  font-weight: 600;
}
.ef-l {
  height: 18px;
  min-height: 0 !important;
  line-height: 18px;
  overflow: visible;
}
.ef-l > * {
  flex-shrink: 0;
}
.egrid:has(> .bgrid) {
  display: block;
}
.bgrid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bgrid .ef {
  max-width: 100%;
}
.b-iban {
  gap: 14px !important;
}
.b-iban > .ef:first-child {
  width: 296px !important;
}
.b-iban > .ef:last-child {
  width: 210px !important;
}
.b-iban .ef-row {
  gap: 12px;
}
.bgrid > .ef:nth-child(3) {
  width: 250px;
}
.b-row {
  display: flex;
  gap: 14px 30px;
  flex-wrap: wrap;
}
.b-row > .ef:first-child {
  width: 280px;
}
.b-row > .ef:last-child {
  width: 210px;
}
.addr {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-mid);
  border-radius: 9px;
  background: var(--blanc);
  overflow: hidden;
}
.addr-r {
  display: flex;
  min-width: 0;
}
.addr-r + .addr-r {
  border-top: 1px solid var(--border-lt);
}
.seg {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  padding: 6px 12px 6px;
  cursor: text;
}
.seg + .seg {
  border-left: 1px solid var(--border-lt);
}
.seg small {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--text-light);
  letter-spacing: .02em;
}
.seg input {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 13.5px;
  color: var(--text);
  min-width: 0;
  width: 100%;
  height: 20px;
}
.seg:focus-within small {
  color: var(--brd);
}
.addr:focus-within {
  border-color: var(--brd);
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .1);
}
.sig-sub {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 180px;
  gap: 12px 14px;
  margin-top: -2px;
  padding: 12px 14px;
  border-left: 2px solid var(--brd);
  background: var(--ligne-claire);
  border-radius: 0 8px 8px 0;
}
.mdl {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 18px;
  padding: 12px;
  border: 1px solid var(--border-lt);
  border-radius: 10px;
  background: var(--ligne-claire);
}
.mdl-thumb {
  flex: 0 0 auto;
  cursor: pointer;
  transition: transform .15s;
}
.mdl-thumb:hover {
  transform: translateY(-2px);
}
.mt-page {
  width: 120px;
  aspect-ratio: 1/1.414;
  background: var(--blanc);
  border-radius: 3px;
  padding: 10px 9px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  box-shadow: 0 8px 18px -8px rgba(30, 15, 22, .35), 0 1px 2px rgba(30, 15, 22, .1);
}
.mt-top {
  display: flex;
  justify-content: space-between;
  gap: 4px;
}
.mt-top > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.mt-top b {
  font-size: 6.5px;
  color: var(--brd);
  font-weight: 700;
  white-space: nowrap;
}
.mt-top i,
.mt-lines i,
.mt-tot i {
  display: block;
  height: 3px;
  border-radius: 2px;
  background: #E9E4E7;
}
.mt-top i {
  width: 34px;
}
.mt-top i + i {
  width: 26px;
}
.mt-lines {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 6px;
  border-top: 1.5px solid var(--brd);
}
.mt-lines i:nth-child(even) {
  width: 75%;
}
.mt-tot {
  display: flex;
  justify-content: flex-end;
}
.mt-tot i {
  width: 40px;
  height: 6px;
  background: var(--pink-ic);
}
.mdl-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}
.mdl-side b {
  font-size: 13.5px;
  color: var(--text);
}
.mdl-side span {
  font-size: 12.5px;
  color: var(--text-light);
  text-wrap: pretty;
  margin-bottom: 4px;
}
.ef-cap {
  align-items: center;
  gap: 8px;
}
.mdl {
  gap: 14px !important;
  padding: 10px 12px !important;
}
.mdl .mt-page {
  width: 44px;
  padding: 5px 4px;
  gap: 4px;
  border-radius: 2px;
  box-shadow: 0 3px 8px -3px rgba(30, 15, 22, .3), 0 0 0 1px rgba(30, 15, 22, .05);
}
.mdl .mt-top {
  display: flex;
  justify-content: space-between;
}
.mdl .mt-top i {
  width: 14px;
  height: 2px;
  background: var(--brd);
  opacity: .7;
}
.mdl .mt-top i + i {
  width: 10px;
  background: #E1DADE;
  opacity: 1;
}
.mdl .mt-lines {
  gap: 3px;
  padding-top: 3px;
  border-top-width: 1px;
}
.mdl .mt-lines i {
  height: 2px;
}
.mdl .mt-tot i {
  width: 14px;
  height: 3px;
}
.mdl-side {
  flex: 1;
  gap: 2px;
}
.mdl-side b {
  font-size: 13px;
}
.mdl-side span {
  font-size: 12px;
  margin: 0;
}
.ecol {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.ecol > .grow {
  flex: 1;
}
.bgrid > .ef:nth-child(2) {
  width: 280px;
}
.b-mode > .ef {
  width: 250px;
}
.bgrid > .ef:nth-child(4) {
  width: 250px !important;
}
.b-ics > .ef:first-child {
  width: 280px;
}
.b-ics > .ef:last-child {
  width: 210px;
}
.mdl {
  padding: 6px 10px !important;
  gap: 12px !important;
}
.mdl .mt-page {
  width: 28px;
  padding: 3px;
  gap: 2px;
}
.mdl .mt-top i {
  height: 1.5px;
  width: 9px;
}
.mdl .mt-top i + i {
  width: 6px;
}
.mdl .mt-lines {
  gap: 2px;
  padding-top: 2px;
}
.mdl .mt-lines i {
  height: 1.5px;
}
.mdl .mt-tot i {
  width: 9px;
  height: 2px;
}
.mdl .btn {
  height: 30px;
}
.mdl-side {
  flex-direction: row !important;
  align-items: baseline;
  gap: 8px !important;
}
.sig-sub {
  grid-template-columns: 120px minmax(0, 320px) !important;
  display: grid !important;
}
.sig-sub > .ef {
  display: contents;
}
.sig-sub .ef-l {
  align-self: center;
  height: auto;
}
.ef.ef-inl {
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.ef-inl > .ef-c {
  flex: 0 0 auto;
}
.logo-f {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 34px;
  padding: 0 4px 0 3px;
  border: 1px solid var(--border-mid);
  border-radius: 8px;
  background: var(--blanc);
}
.logo-a {
  border: none;
  background: none;
  padding: 4px 6px;
  border-radius: 6px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--brd);
  cursor: pointer;
}
.logo-a:hover {
  background: var(--ligne-claire);
}
.sig-sub {
  grid-template-columns: 80px minmax(0, 240px) !important;
  gap: 6px 10px !important;
  margin-top: -4px !important;
  padding: 2px 0 0 14px !important;
  border-left: none !important;
  background: none !important;
  border-radius: 0 !important;
}
.sig-sub .ef-l {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-mid);
}
.sig-sub .inp {
  height: 30px;
  font-size: 13px;
}
.ef-fdp {
  padding: 10px 0;
}
.sig-sub {
  grid-template-columns: 72px minmax(0, 260px) !important;
  padding: 4px 0 0 0 !important;
  margin-left: 58px;
}
.sig-sub .ef-l {
  justify-content: flex-end;
  color: var(--text-light);
}
.sig-sub {
  margin-left: 6px !important;
  padding: 6px 0 6px 14px !important;
  border-left: 2px solid var(--brd) !important;
  grid-template-columns: auto minmax(0, 260px) !important;
  justify-content: start;
}
.sig-sub .ef-l {
  justify-content: flex-start !important;
}
.sig-sub > .ef:last-child .inp {
  max-width: 150px;
}
.logo-f {
  border: none !important;
  padding: 0 !important;
  background: none !important;
  gap: 8px !important;
}
.logo-f {
  min-width: 0;
}
.logo-f .btn {
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
  padding: 0 10px;
}
.logo-f .ibtn {
  color: var(--text-light);
  flex: 0 0 auto;
}
.logo-f .ibtn:hover {
  color: var(--err);
}
.ef-inl > .ef-l {
  white-space: nowrap;
}
.mdl-side {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1px !important;
}
.mdl-side {
  min-width: 0;
  flex: 1 1 0;
  overflow: hidden;
}
.mdl-side b,
.mdl-side span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.mdl > .btn {
  flex: none;
}
.rs-row {
  grid-column: span 9;
  display: flex;
  gap: 14px;
  min-width: 0;
}
.rs-row > .ef:first-child {
  flex: 1;
  min-width: 0;
}
.rs-row > .ef:last-child {
  flex: 0 0 auto;
}
.logo-f .ibtn {
  width: 34px;
  height: 34px;
  border: 1px solid var(--border-mid);
  border-radius: 8px;
  background: var(--blanc);
  display: grid;
  place-items: center;
  color: var(--brd);
}
.logo-f .ibtn:last-child {
  color: var(--text-light);
}
.logo-f .ibtn:last-child:hover {
  color: var(--err);
  border-color: var(--err-bd);
}
.logo-f .btn {
  padding: 0 16px !important;
  overflow: visible !important;
}
.app.bg-bandeau .ph .ph-a .ibtn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .45);
  background: rgba(255, 255, 255, .1);
  color: var(--blanc);
  display: grid;
  place-items: center;
  transition: .15s;
}
.app.bg-bandeau .ph .ph-a .ibtn:hover {
  background: var(--blanc);
  color: var(--brd);
  border-color: var(--blanc);
}
.app.bg-bandeau .ph .ph-a .ibtn svg {
  stroke-width: 2.2;
  shape-rendering: geometricPrecision;
}
.app.bg-bandeau .ph .ph-a .ibtn:active svg {
  transform: rotate(90deg);
  transition: transform .2s;
}
.ef-inl > .ef-c:has(.mail-prev) {
  flex: 1 1 auto !important;
}
.ef-inl .ef-c:has(.mail-prev) > .ef-row {
  flex: 1;
}
.mail-prev {
  margin-left: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.mp {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-lt);
  border-radius: 10px;
  overflow: hidden;
}
.mp-h {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px;
  background: var(--ligne-claire);
  border-bottom: 1px solid var(--border-lt);
  font-size: 13px;
  color: var(--text);
}
.mp-h small {
  display: inline-block;
  width: 52px;
  font-size: 12px;
  color: var(--text-light);
}
.mp-b {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 16px;
  font-size: 13.5px;
  color: var(--text);
  line-height: 1.5;
}
.mp-att {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 8px 12px;
  border: 1px solid var(--border-lt);
  border-radius: 8px;
  color: var(--brd);
  font-size: 12.5px;
}
.mp-att span {
  color: var(--text);
  white-space: nowrap;
}
.mp-att {
  width: max-content;
  max-width: 100%;
}
.mp {
  margin-top: 4px;
}
.mp-att small {
  color: var(--text-light);
  font-size: 11px;
}
.b-teal {
  background: #DFF1EE;
  color: #1E6A61;
}
.cm {
  display: flex;
  flex-direction: column;
  height: min(560px, calc(100vh - 200px));
}
.m-b:has(> .cm) {
  overflow: hidden !important;
}
.cm-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-lt);
}
.cm-head {
  padding-top: 10px;
}
.cm-head .chk {
  height: 34px;
}
.cm-tabs {
  flex-basis: 100%;
  order: 2;
  align-self: flex-start;
  width: max-content;
  flex-grow: 0;
  display: flex;
  gap: 2px;
  padding: 4px;
  border-radius: 10px;
  background: var(--border-lt);
}
.cm-tabs {
  flex: 0 0 auto;
  margin-right: 100%;
}
.cm-head > .chk {
  margin-right: auto;
}
.cm-tabs button {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  background: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-mid);
  cursor: pointer;
}
.cm-tabs button:hover {
  color: var(--brd);
}
.cm-tabs button.on {
  background: var(--blanc);
  color: var(--brd);
  box-shadow: 0 1px 3px rgba(30, 15, 22, .12);
}
.cm-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 2px 4px;
}
.cm-card {
  padding: 16px 18px 18px;
  border: 1px solid var(--border-lt);
  border-radius: 12px;
  background: var(--blanc);
  box-shadow: 0 1px 2px rgba(30, 15, 22, .04), 0 8px 20px -14px rgba(30, 15, 22, .22);
}
.cm-card .ec-h {
  margin-bottom: 12px;
  font-size: 14px;
}
.cm-card .ec-ic {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.cm-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px;
}
.cf {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.cf .ef-c > .inp,
.cf .ef-c > .sel {
  flex: 1;
  min-width: 0;
}
.cs4 {
  grid-column: span 4;
}
.cs5 {
  grid-column: span 5;
}
.cs6 {
  grid-column: span 6;
}
.cs7 {
  grid-column: span 7;
}
.cs8 {
  grid-column: span 8;
}
.cs9 {
  grid-column: span 9;
}
.cs10 {
  grid-column: span 10;
}
.cs12 {
  grid-column: span 12;
}
.cm-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.cm-empty {
  grid-column: 1/-1;
  font-size: 13px;
  color: var(--text-light);
}
.cm-cnt {
  margin-left: 4px;
  padding: 1px 8px;
  border-radius: 10px;
  background: #F1EEF0;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--text-mid);
}
.cm-mails {
  padding-bottom: 6px;
}
.cm-tbl {
  width: 100%;
}
.cm-tbl td,
.cm-tbl th {
  padding-top: 9px;
  padding-bottom: 9px;
}
.cm-obj {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text);
  font-weight: 500;
}
.cm-obj svg {
  color: var(--brd);
}
.um {
  position: relative;
  display: flex;
}
.um > .avatar {
  cursor: pointer;
  transition: box-shadow .15s;
}
.um > .avatar:hover,
.um > .avatar.on {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .35);
}
.um-pop {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 60;
  min-width: 250px;
  padding: 6px;
  border: 1px solid var(--border-lt);
  border-radius: 12px;
  background: var(--blanc);
  box-shadow: 0 18px 40px -16px rgba(30, 15, 22, .4);
  animation: fade .12s;
}
.um-h {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--border-lt);
}
.um-h > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.35;
}
.um-h b {
  font-size: 13.5px;
  color: var(--text);
}
.um-h small {
  font-size: 12px;
  color: var(--text-light);
}
.um-it {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--text);
  text-align: left;
}
.um-it svg {
  color: var(--brd);
}
.um-it:hover {
  background: var(--ligne-claire);
}
.pw {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 4px 0;
}
.pw-i {
  display: flex;
}
.pw-i .inp {
  flex: 1;
}
.pw-r {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-top: -6px;
}
.pw-r li {
  flex: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--text-light);
}
.pw-r li.ok {
  color: var(--ok);
}
.pw-err {
  margin-top: -8px;
  font-size: 12px;
  color: var(--err);
}
.um-out {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--err);
  text-align: left;
}
.um-out:hover {
  background: #FBEDEE;
}
.kp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  padding: 16px 0 8px;
}
.kp > .kp-c {
  flex: 0 0 calc((100% - 28px)/3);
  min-width: 0;
}
.kp-c {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--border-lt);
  border-radius: 12px;
  background: var(--blanc);
  text-align: left;
  cursor: pointer;
  transition: .15s;
  box-shadow: 0 1px 2px rgba(30, 15, 22, .04);
}
.kp-c:hover {
  border-color: var(--border-mid);
}
.kp-c.on {
  border-color: var(--brd);
  box-shadow: 0 0 0 1px var(--brd), 0 8px 20px -14px rgba(110, 25, 65, .4);
}
.kp-h {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kp-h b {
  flex: 1;
  font-size: 14px;
  color: var(--text);
}
.kp-c .ec-ic {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--pink-ic);
  color: var(--brd);
}
.kp-ck {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--border-mid);
  color: var(--blanc);
}
.kp-c.on .kp-ck {
  background: var(--brd);
  border-color: var(--brd);
}
.kp-d {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--text-light);
  text-wrap: pretty;
}
@media (max-width: 760px) {
  .kp {
    grid-template-columns: 1fr;
  }
}
.pp-gris .ov {
  background: rgba(70, 70, 70, .45);
}
.pp-gris .modal {
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 30px 70px -20px rgba(20, 20, 20, .4);
}
.app.pp-gris .modal .m-h {
  background: #F4F3F4;
  border-bottom: 1px solid #E6E3E5;
  border-radius: 0;
  padding: 18px 16px 18px 24px;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 12px -4px rgba(40, 20, 30, .18);
}
.app.pp-gris .modal .m-ic {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--brd);
  color: var(--blanc);
  box-shadow: 0 4px 10px -4px rgba(110, 25, 65, .5);
}
.app.pp-gris .modal .m-h h2 {
  font-weight: 700;
  color: var(--brd);
}
.app.pp-gris .modal .m-ic {
  color: var(--blanc);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 4px 10px -4px rgba(110, 25, 65, .5);
}
.app.pp-gris .modal .m-ic svg {
  width: 21px;
  height: 21px;
  stroke: var(--blanc);
  stroke-width: 2.3;
  shape-rendering: geometricPrecision;
}
.pp-gris .m-f {
  background: #F4F3F4;
  border-top: 1px solid #E6E3E5;
  border-radius: 0;
}
@keyframes slideIn {
  from {
    transform: translateX(40px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.kp {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px !important;
  padding: 0 22px 12px;
  max-width: none;
  margin: 0;
}
.kp > .kp-c {
  flex: none !important;
}
.kp-c {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 20px;
  align-items: center;
  column-gap: 12px !important;
  row-gap: 2px !important;
  padding: 12px 14px !important;
  min-height: 0;
}
.kp-h {
  display: contents !important;
}
.kp-d {
  grid-column: 2;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.kp-c .ec-ic {
  grid-row: 1/3;
}
.kp-ck {
  grid-column: 3;
  grid-row: 1/3;
}
.hc-v {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.hc-v small {
  line-height: 1.2;
}
.hc-v b {
  line-height: 1.1;
}
.hc .lnk {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0;
  border: none;
  background: none;
  color: var(--brd);
  font-weight: 600;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: rgba(110, 25, 65, .35);
  text-underline-offset: 3px;
  cursor: pointer;
  transition: text-decoration-color .12s;
}
.hc .lnk:hover {
  text-decoration-color: var(--brd);
}
.hc .lnk svg {
  transition: transform .12s;
}
.hc .lnk:hover svg {
  transform: translateX(2px);
}
.hc .lnk {
  white-space: nowrap;
  flex: none;
}
.hc-h {
  gap: 8px;
  min-width: 0;
}
.hc-t {
  min-width: 0;
}
.hc-h > .lnk {
  align-self: flex-end;
  margin-bottom: -2px;
}
.hc-t .hc-ic {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: var(--blanc);
  flex: none;
}
.hc-t .hc-ic svg {
  color: var(--brd) !important;
}
.hc-t .hc-ic {
  background: var(--pink-ic);
  box-shadow: inset 0 0 0 1px #E8D6DF;
}
.ic-rond .hc-t .hc-ic {
  background: var(--blanc);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1.5px var(--brd);
}
.hc .due b {
  color: var(--brd);
  font-size: 15px;
}
.hc .hd-ic {
  background: var(--pink-ic);
  color: var(--brd);
}
.aff {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px 9px 12px;
  border: 1px solid var(--warn-bd);
  border-radius: 10px;
  background: #FDF6EA;
  color: var(--warn);
  text-align: left;
  cursor: pointer;
  font: inherit;
  transition: background .12s, border-color .12s;
}
.aff:hover {
  background: var(--warn-bg);
  border-color: #E8C690;
}
.aff-n {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 12px;
  background: #E89A2C;
  color: var(--blanc);
  font-weight: 700;
  font-size: 12.5px;
}
.aff-t {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.aff-t b {
  font-weight: 600;
  font-size: 13px;
  color: #6E3A05;
}
.aff-t small {
  font-size: 11.5px;
  color: #9A6A2E;
}
.ind2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 4px;
}
.i2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 12px 16px;
  border: 1px solid var(--border-lt);
  border-radius: 10px;
  background: #FCFBFC;
}
.i2-h {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
.i2-h small {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--text-light);
}
.i2-v {
  font-size: 22px;
  font-weight: 700;
  color: #A8286E;
  letter-spacing: -.01em;
  line-height: 1.1;
}
.i2-f {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 12px;
  color: var(--text-light);
}
.i2-f b {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-mid);
}
.i2-bar {
  height: 4px;
  border-radius: 2px;
  background: #EEE8EB;
  overflow: hidden;
}
.i2-bar i {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #A8286E;
}
.i2-m {
  position: relative;
  top: 2px;
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 13px;
  background: var(--pink-ic);
  font-size: 12px;
  font-weight: 600;
  color: var(--brd);
  white-space: nowrap;
}
.evo-r {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 6px;
}
.evo-f {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.evo-f .check {
  margin-left: 4px;
}
.hc-wide .hc-h .legend {
  align-self: center;
}
.hc-wide .hc-h {
  align-items: center;
}
.hc-wide .hc-h .ystep {
  margin-left: auto;
  margin-right: auto;
}
.evo-r {
  flex-wrap: nowrap !important;
}
.evo-f {
  flex-wrap: nowrap !important;
  min-width: 0;
}
.evo-f > * {
  min-width: 0;
}
.evo-f .sel,
.evo-f .csel {
  width: auto !important;
  min-width: 130px;
  flex: 0 1 175px;
}
.evo-f .check {
  flex: none;
  white-space: nowrap;
}
.hc .years {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border-radius: 10px;
  background: #F4F1F3;
  margin: 0 !important;
}
.hc .years button {
  height: 28px;
  padding: 0 11px;
  border: none !important;
  border-radius: 7px;
  background: none !important;
  font-family: var(--num);
  font-size: 12.5px;
  color: var(--text-mid);
  box-shadow: none !important;
  cursor: pointer;
}
.hc .years button:hover {
  color: var(--brd);
}
.hc .years button.on {
  background: var(--blanc) !important;
  color: var(--brd) !important;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(60, 15, 35, .15) !important;
}
.hc .legend {
  margin: 0 !important;
  gap: 16px;
  font-size: 12.5px;
  color: var(--text-mid);
}
.hc .legend i {
  width: 14px !important;
  height: 3px !important;
  border-radius: 2px !important;
}
.hchart text {
  font-size: 11px;
  fill: #9A9297;
}
.ystep {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid var(--border-mid);
  border-radius: 8px;
  background: var(--blanc);
  overflow: hidden;
}
.ys-b {
  display: grid;
  place-items: center;
  width: 32px;
  height: 100%;
  border: none;
  background: none;
  color: var(--brd);
  cursor: pointer;
}
.ys-b:hover:not(:disabled) {
  background: #F7F2F5;
}
.ys-b:disabled {
  color: #CFC8CC;
  cursor: default;
}
.ys-v {
  min-width: 58px;
  padding: 0 6px;
  text-align: center;
  font-family: var(--num);
  font-size: 14px;
  font-weight: 700;
  color: var(--brd);
  border-left: 1px solid var(--border-lt);
  border-right: 1px solid var(--border-lt);
  line-height: 32px;
}
.mpl {
  position: relative;
  flex: none;
}
.mpl-b {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px 0 14px;
  border: 1px solid var(--border-mid);
  border-radius: 999px;
  background: var(--blanc);
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
}
.mpl-b:hover {
  border-color: #A9A1A5;
}
.mpl-v {
  font-weight: 600;
  color: var(--text);
  font-size: 13px;
}
.mpl-b svg {
  color: var(--text);
  transition: transform .15s;
}
.mpl.open .mpl-b {
  border-color: var(--bleu-actif);
  box-shadow: 0 0 0 3px rgba(131, 165, 180, .25);
}
.mpl.open .mpl-b svg {
  transform: rotate(180deg);
}
.mpl.on .mpl-b {
  background: var(--bleu-actif-bg);
  border-color: var(--bleu-actif);
}
.mpl.on .cs-pre,
.mpl.on .mpl-v,
.mpl.on .mpl-b svg {
  color: var(--chip-fg);
}
.mpl-pop {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 40;
  width: max-content;
  max-width: 480px;
  padding: 6px;
  background: var(--blanc);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 16px 36px -12px rgba(30, 15, 22, .28);
}
.mpl-l {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
}
.mpl-i {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  color: var(--text);
}
.mpl-i:hover {
  background: var(--chip-bg);
}
.mpl-i b {
  font-weight: 700;
  color: var(--chip-fg);
  margin-right: 2px;
}
.mpl-f {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  padding: 8px 4px 2px;
  border-top: 1px solid var(--border-lt);
}
.lg2 {
  display: flex;
  align-items: center;
  gap: 18px !important;
}
.lg2 span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--text);
}
.app {
  --mg:#D6D1D4;
}
.mg-sauge {
  --mg:#C5D5C4;
}
.app[class*="mg-bleu logo"] {
  --mg:#C3D4DC;
}
.aff-p {
  border-color: var(--pink-bd);
  background: #F9F3F6;
  color: var(--brd);
}
.aff-p:hover {
  background: var(--pink-ic);
  border-color: #D9BCCB;
}
.aff-p .aff-n {
  background: var(--brd);
}
.aff-p .aff-t b {
  color: var(--brd);
}
.aff-p .aff-t small {
  color: #8C6A7B;
}
.hc .aff {
  width: auto;
  height: 34px;
  padding: 0 10px 0 6px;
  gap: 8px;
  border-radius: 9px;
  flex: 0 1 auto;
  min-width: 0;
}
.hc .aff .aff-n {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  font-size: 12px;
}
.hc .aff .aff-t {
  display: block;
  flex: 0 1 auto;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 32px;
}
.hc .aff svg {
  flex: none;
}
.hc-f {
  min-height: 34px;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 8px;
}
.hc .aff {
  width: 100% !important;
  flex: none;
}
.hc .aff svg {
  margin-left: auto;
}
.hc-f > .aff,
.hc-f > app-a-traiter > .aff {
  height: 34px;
}
.hc-f:has(> .aff, > app-a-traiter > .aff) {
  margin-top: -6px;
}
.hc-f:has(> .lnk) > .aff,
.hc-f:has(> .lnk) > app-a-traiter > .aff,
.hc-f:has(> .lnk) > .badge {
  margin-bottom: 6px;
}
.hc-f > .badge {
  margin: 6px 0;
}
.m-b:has(> .cm) {
  padding: 0 !important;
}
.cm .cm-head {
  padding: 16px 24px 0;
  border-bottom: 1px solid #E4DFE2;
  background: var(--blanc);
  gap: 14px 18px;
}
.cm .cm-tabs {
  background: none;
  padding: 0;
  gap: 4px;
  border-radius: 0;
  margin-bottom: -1px;
}
.cm .cm-tabs button {
  height: 40px;
  padding: 0 14px;
  border-radius: 0;
  border-bottom: 2.5px solid transparent;
  color: var(--text-mid);
  box-shadow: none !important;
  background: none !important;
}
.cm .cm-tabs button:hover {
  color: var(--brd);
}
.cm .cm-tabs button.on {
  color: var(--brd);
  border-bottom-color: var(--brd);
}
.cm .cm-body {
  background: #F4F2F3;
  padding: 18px 24px 20px;
  gap: 14px;
}
.modal:has(.cm) .m-f {
  background: var(--blanc) !important;
  border-top: 1px solid var(--bord-carte) !important;
  box-shadow: 0 -4px 12px -6px rgba(40, 20, 30, .12);
  position: relative;
  z-index: 2;
  padding-top: 14px;
  padding-bottom: 14px;
}
.cm .cm-card {
  border: 1px solid var(--bord-carte);
  box-shadow: 0 1px 3px rgba(30, 15, 22, .06);
}
.cm .cm-card .ec-h {
  color: var(--text);
  font-weight: 700;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--trait-carte);
}
.cm .cm-card .ec-ic {
  background: var(--pink-ic);
  color: var(--brd);
}
.ecard .ec-h {
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--trait-carte);
}
.cm .ef-l {
  font-size: 12.5px;
  font-weight: 600;
  color: #3A3236;
}
.cm .inp,
.cm .cs-btn,
.cm .addr {
  border-color: #CEC6CA;
}
.cm .addr * {
  border-color: #DCD5D9;
}
.cm .addr .ef-l,
.cm .addr small,
.cm .addr label > span:first-child {
  color: #5A5257;
}
.cm-top {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.cm-div {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}
.cm-div > .chk {
  height: auto;
  margin-top: 1px;
}
.cm-div > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.cm-div b {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
.cm-div small {
  font-size: 11.5px;
  color: var(--text-light);
}
.cm .cm-head {
  align-items: center;
}
.cm-suf {
  position: relative;
  display: flex;
  flex: 1;
}
.cm-suf .inp {
  flex: 1;
  min-width: 0;
  padding-right: 58px;
}
.cm-suf i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-style: normal;
  font-size: 12px;
  color: var(--text-light);
  pointer-events: none;
}
.cm-suf.off .inp {
  background: #F6F4F5;
  color: var(--text-light);
}
.cm .cm-2 {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
}
.cm-echl {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cm-echl .cm-n {
  flex: 0 0 96px;
}
.cm-echl .cm-n .inp {
  padding-right: 24px;
}
.cm-echl .unit {
  font-size: 13px;
  color: var(--text-mid);
}
.cm-echl .chk {
  height: 34px;
  margin-left: 24px;
}
.cm .cm-body {
  scrollbar-gutter: stable;
}
.cf .ef-c {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sepa {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 20px;
}
.sepa-l,
.sepa-r {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.sepa-r {
  gap: 6px;
  padding-left: 20px;
  border-left: 1px solid var(--trait-carte);
}
.cs-btn .cs-v {
  flex: 1 1 auto;
  min-width: 0;
}
.sepa-l .cf,
.sepa-2 .cf,
.sepa-act .cf {
  grid-column: auto;
}
.sepa-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 12px;
}
.mdt {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 8px 10px 8px 12px;
  border: 1.5px dashed #CEC6CA;
  border-radius: 10px;
  background: #FCFBFC;
  cursor: pointer;
  transition: border-color .12s, background .12s;
}
.mdt:hover {
  border-color: var(--brd);
  background: #FBF6F8;
}
.mdt.on {
  border-style: solid;
  border-color: #CFE3D4;
  background: #F3F9F4;
  cursor: default;
}
.mdt-ic {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--pink-ic);
  color: var(--brd);
  flex: none;
}
.mdt.on .mdt-ic {
  background: #DFF0E3;
  color: var(--ok);
}
.mdt-t {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.mdt-t b {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
.mdt-t small {
  font-size: 11.5px;
  color: var(--text-light);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sepa-act {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-top: 8px;
}
.sepa-act .cf {
  flex: 1;
  min-width: 0;
}
.sepa-act .btn {
  flex: none;
}
.cm-tbl {
  table-layout: fixed;
}
.cm-tbl td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cm.cm-art {
  height: auto;
  max-height: calc(100vh - 200px);
}
.cm-art .cm-body {
  overflow-y: auto;
}
.cm-art textarea.inp {
  height: auto;
  padding: 8px 10px;
  resize: vertical;
  line-height: 1.45;
}
.cm-art .cf .ef-c {
  align-items: flex-start;
}
.cm-art .cf .ef-c > .csel {
  flex: 1;
  min-width: 0;
}
.cf > .ef-l {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cm-tarif .cm-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .8fr);
  column-gap: 24px;
}
.cm-tarif .cm-grid > .cf {
  grid-column: auto;
}
.cm-tarif .cs-pop {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
}
.cs3 {
  grid-column: span 3;
}
.rt {
  flex: 1;
  min-width: 0;
  border: 1px solid #CEC6CA;
  border-radius: 8px;
  background: var(--blanc);
  overflow: hidden;
}
.rt:focus-within {
  border-color: var(--brd);
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .12);
}
.rt-bar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px 6px;
  border-bottom: 1px solid var(--trait-carte);
  background: #FAF9FA;
}
.rt-b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 26px;
  border: none;
  border-radius: 6px;
  background: none;
  color: var(--text-mid);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.rt-b:hover {
  background: #F1ECEF;
  color: var(--brd);
}
.rt-b.on {
  background: var(--pink-ic);
  color: var(--brd);
}
.rt-sep {
  width: 1px;
  height: 16px;
  background: #E3DDE0;
  margin: 0 4px;
}
.rt-ed {
  min-height: 76px;
  max-height: 180px;
  overflow: auto;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  outline: none;
}
.rt-ed ul {
  margin: 2px 0;
  padding-left: 20px;
}
.app .inp:focus,
.app input.inp:focus,
.app textarea.inp:focus,
.app .em-alt .inp:focus,
.app .cgrid .inp:focus {
  border-color: var(--brd) !important;
  box-shadow: 0 0 0 3px rgba(110, 25, 65, .12) !important;
  outline: none !important;
}
.app .seg:focus-within {
  box-shadow: none !important;
  outline: none !important;
}
.app .seg:focus-within small {
  color: var(--brd) !important;
}
.app .addr:focus-within {
  border-color: #CEC6CA !important;
  box-shadow: none !important;
}
.cm.cm-inv {
  height: min(660px, calc(100vh - 190px));
}
.dc {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.dc-nav {
  border-bottom-left-radius: inherit;
}
.dc-g {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  border-top: 1px solid var(--border-lt);
}
.dc-nav {
  overflow-y: auto;
  padding: 10px;
  border-right: 1px solid var(--border-lt);
  background: #FAF9FA;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dc-ni {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  padding: 7px 10px;
  border: none;
  background: none;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.dc-ni span {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dc-ni small {
  flex: none;
  font-size: 12px;
  color: var(--text-light);
  font-variant-numeric: tabular-nums;
}
.dc-ni:hover {
  background: #F1EDF0;
}
.dc-ni.on {
  background: var(--pink-bg);
  color: var(--brd);
  font-weight: 600;
  box-shadow: inset 0 0 0 1px #CDA9BB;
}
.dc-ni.on small {
  color: var(--brd);
}
.dc-main {
  container-type: inline-size;
  overflow-y: auto;
  padding: 18px 22px 22px;
  min-width: 0;
}
.dc-mh {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.dc-mh h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--text);
}
.dc-mh span {
  font-size: 12.5px;
  color: var(--text-light);
  white-space: nowrap;
}
.dc-i {
  border: 1px solid #E6E0E3;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  background: var(--blanc);
}
.dc-ih {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  height: 40px;
  padding: 0 14px;
  border: none;
  background: #F4F2F3;
  font: inherit;
  font-size: 13px;
  color: var(--text);
  cursor: pointer;
  text-align: left;
}
.dc-ih b {
  flex: 1;
  font-weight: 600;
  color: var(--brd);
}
.dc-ih small {
  min-width: 24px;
  height: 20px;
  padding: 0 7px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #E6E2E4;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}
.dc-i.empty .dc-ih small {
  background: none;
  font-weight: 500;
  color: var(--text-light);
}
.dc-ih > svg:first-child {
  color: var(--text-light);
  transition: transform .15s;
}
.dc-ih > svg:nth-child(2) {
  color: var(--nav-on);
}
.dc-ih:hover:not(:disabled) {
  background: #EEEBED;
}
.dc-i.empty {
  border-style: dashed;
  background: none;
}
.dc-i.empty .dc-ih {
  background: none;
  cursor: default;
  color: var(--text-light);
}
.dc-i.empty .dc-ih > svg:first-child {
  visibility: hidden;
}
.dc-i.empty .dc-ih > svg:nth-child(2) {
  color: #C9BDC3;
}
.dc-i.empty .dc-ih b {
  font-weight: 500;
}
.dc-rows {
  display: flex;
  flex-direction: column;
}
@container (max-width:520px) {
  .dc-r {
    grid-template-columns: 28px minmax(0, 1fr) 84px 36px !important;
  }
  .dc-ext {
    display: none;
  }
}
.tva-reg {
  display: flex;
  gap: 28px;
  flex: 1 1 auto;
  min-width: 0;
}
.tva-reg span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.tva-reg small {
  font-size: 11.5px;
  color: var(--text-light);
}
.tva-reg b {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tva-tbl {
  table-layout: fixed;
  min-width: 0;
}
.nav-cg {
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--border-lt);
}
.nav-cg .nv > svg:last-child {
  display: none;
}
.side .nv > svg:first-child {
  flex: none;
}
.nav-cg + .help,
.side .nv.help {
  margin-top: auto !important;
  border-radius: 0 0 8px 8px;
}
.side .nv.help {
  position: relative;
  margin-bottom: 14px !important;
}
.side .nv.help::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
  border-top: 1px solid var(--border-lt);
}
.m-b:has(.hp-cm) {
  height: min(560px, calc(100vh - 200px));
  overflow-y: auto;
  padding: 0 !important;
}
.hp-cm {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.hp-cm .cm-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.modal:has(.hp-cm) .m-f {
  background: var(--blanc) !important;
  border-top: 1px solid var(--bord-carte) !important;
  box-shadow: 0 -4px 12px -6px rgba(40, 20, 30, .12);
  position: relative;
  z-index: 2;
}
.hp-o {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--brd);
  flex: none;
}
.hp-pdf {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #E6E0E3;
  border-radius: 10px;
  background: var(--blanc);
  color: var(--text);
  text-decoration: none;
  transition: .12s;
}
.hp-pdf:hover {
  border-color: var(--brd);
  background: #F7EFF3;
}
.hp-pdf > svg {
  color: var(--brd);
  flex: none;
}
.hp-ic {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--blanc);
  color: var(--brd);
  border: 1px solid #E3D0DA;
  flex: none;
}
.hp-t {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.hp-t b {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--brd);
}
.hp-t small {
  font-size: 12px;
  color: var(--text-light);
}
.hp-l {
  display: flex;
  flex-direction: column;
  margin: 0 -4px;
}
.hp-q + .hp-q {
  border-top: 1px solid var(--trait-carte);
}
.hp-q button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: none;
  background: var(--blanc);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.hp-q button span {
  flex: 1;
}
.hp-q button svg {
  color: var(--text-light);
  transition: transform .15s;
  flex: none;
}
.hp-q button:hover {
  background: #FAF8F9;
}
.hp-q.open button {
  color: var(--brd);
  font-weight: 600;
}
.hp-q.open button svg {
  transform: rotate(180deg);
  color: var(--brd);
}
.hp-q p {
  padding: 0 14px 14px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--text-mid);
  text-wrap: pretty;
}
.cg-tbl {
  table-layout: fixed;
  min-width: 0;
}
.cg-tbl th,
.cg-tbl td {
  padding-left: 10px;
  padding-right: 10px;
}
.cg-tbl th {
  white-space: normal;
  line-height: 1.2;
}
.cg-bal td {
  height: 36px;
}
.g-eur {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border: 1.8px solid currentColor;
  border-radius: 50%;
  font: 700 12.5px/1 Inter, sans-serif;
}
.ibtn.gl {
  position: relative;
}
.g-plus {
  position: absolute;
  top: 0;
  right: 1px;
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brd);
  color: var(--blanc);
  font: 700 13px/1 Inter, sans-serif;
  font-style: normal;
  box-shadow: 0 0 0 1.5px var(--blanc);
  pointer-events: none;
  padding-bottom: 1px;
}
.ibtn.gl .g-eur:not(.sm) {
  width: 20px;
  height: 20px;
  font-size: 12px;
  margin: 3px 0 0 -4px;
}
.pop .g-sepa.sm i {
  background: var(--blanc);
}
.pop button:hover .g-sepa.sm i {
  background: var(--nav-hover);
}
.g-eur.sm {
  width: 18px;
  height: 18px;
  font-size: 11px;
  border-width: 1.6px;
}
.bulk-h {
  font-size: 12.5px;
  color: var(--text-mid);
}
.tv-cart {
  margin-left: 12px !important;
}
.toolbar .count {
  margin-left: auto;
}
.tv-ck {
  width: 40px;
  padding-right: 0 !important;
}
.tv-cb {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #DCE6EB;
  color: var(--chip-fg);
}
.tv-incart td {
  color: var(--text-light);
}
.tv-miss {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #B3261E;
}
.tv-cart {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid var(--border-mid);
  border-radius: 999px;
  background: var(--blanc);
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
  cursor: pointer;
  margin-left: auto;
}
.tv-cart:hover {
  border-color: var(--brd);
}
.tv-cart.on {
  border-color: var(--brd);
  color: var(--brd);
}
.tv-cart b {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--brd);
  color: var(--blanc);
  font-size: 11px;
}
.pk-l {
  display: flex;
  flex-direction: column;
}
.pk-r {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 110px 30px;
  align-items: center;
  gap: 14px;
  padding: 10px 4px;
  border-bottom: 1px solid var(--trait-carte);
}
.pk-r.bad {
  background: #FEF6F5;
}
.pk-n {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.pk-n b {
  font-size: 13px;
}
.pk-n small {
  font-size: 12px;
  color: var(--text-light);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pk-ib {
  font-size: 12px;
  color: var(--text-mid);
}
.pk-m {
  text-align: right;
  font-size: 13px;
}
.pk-x {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: none;
  border-radius: 7px;
  background: none;
  color: var(--text-light);
  cursor: pointer;
}
.pk-x:hover {
  background: #FBEDEE;
  color: var(--err);
}
.pk-tot {
  display: flex;
  justify-content: space-between;
  padding: 12px 48px 2px 4px;
  font-weight: 700;
}
.pk-tot b {
  font-size: 15px;
  color: var(--brd);
}
.pk-warn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  background: #FBE4E1;
  color: #8E1F18;
  font-size: 12.5px;
}
.pk-f {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 6px 0;
}
.pk-f .csel,
.pk-f .sel {
  max-width: 340px;
}
.pk-f > label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-mid);
}
.pk-done {
  align-items: center;
  text-align: center;
  gap: 8px;
  display: flex;
  flex-direction: column;
  padding: 28px !important;
}
.pk-done > b {
  font-size: 16px;
}
.pk-done > span {
  font-size: 13px;
  color: var(--text-light);
}
.pk-done .hp-pdf {
  width: 100%;
  margin-top: 12px;
  text-align: left;
}
.pk-ok {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ok-bg);
  color: var(--ok);
}
.bx-w {
  overflow-x: auto;
}
.bx-tbl {
  min-width: 1260px;
  font-size: 12.5px;
}
.bx-tbl td.mono {
  font-size: 12px;
}
.bx-tbl .bx-s0 {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--blanc);
  box-shadow: 6px 0 8px -6px rgba(40, 15, 28, .15);
}
.bx-tbl .bx-s1 {
  position: sticky;
  left: 76px;
  z-index: 2;
  background: var(--blanc);
  box-shadow: 6px 0 8px -6px rgba(40, 15, 28, .15);
}
.bx-tbl thead th.bx-s0,
.bx-tbl thead th.bx-s1 {
  z-index: 4;
  background: var(--pink-bg);
}
.bx-tbl tr.cg-st td.bx-s0 {
  box-shadow: 6px 0 8px -6px rgba(40, 15, 28, .15);
}
.bx-tbl tr.cg-st.l2 td.bx-s0 {
  background: var(--ligne-claire);
}
.bx-tbl tr.cg-st.l1 td.bx-s0 {
  background: var(--ligne-groupe);
}
.bx-tbl tfoot td.bx-s0 {
  background: var(--pink-lt);
  z-index: 3;
}
.bx-tbl .bx-t {
  position: sticky;
  right: 0;
  z-index: 2;
  background: #FBF6F8;
  box-shadow: -6px 0 8px -6px rgba(40, 15, 28, .15);
  font-weight: 700;
}
.bx-tbl thead th.bx-t {
  z-index: 4;
  background: var(--pink-bg);
}
.bx-tbl tfoot td.bx-t {
  background: var(--pink-lt);
}
.bx-tbl .cg-h1 td {
  position: sticky;
  left: 0;
}
.gl-cnt {
  margin-right: 16px;
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  font-size: 12.5px;
  color: var(--text-light);
}
.gl-cnt b {
  position: relative;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}
.cg-neg {
  color: var(--err);
}
.cg-h1 td {
  height: 44px !important;
  padding-top: 10px;
  padding-bottom: 8px;
  vertical-align: bottom;
  background: var(--blanc);
  border-bottom: 1.5px solid #B9708F;
  color: var(--brd);
  font-size: 13px;
  font-weight: 600;
}
.cg-h1 td b {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-right: 10px;
  font-weight: 700;
}
.cg-bal tbody tr.cg-h1:hover td {
  background: var(--blanc);
}
.cg-st.l1 td:first-child {
  text-transform: none !important;
  font-size: 12.5px !important;
  letter-spacing: 0 !important;
}
.cg-st.l2 td:first-child {
  font-size: 12.5px !important;
  color: var(--text) !important;
}
.cg-sw {
  margin-left: auto;
}
.cg-pj {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #E3D0DA;
  border-radius: 7px;
  background: var(--blanc);
  color: var(--brd);
  cursor: pointer;
  transition: .12s;
}
.cg-pj:hover {
  background: var(--brd);
  border-color: var(--brd);
  color: var(--blanc);
}
.cg-tbl .muted,
.tbl td .muted {
  color: #B5ADB1 !important;
  font-weight: 400 !important;
}
.cg-st td {
  font-size: 12.5px;
  background: var(--blanc);
}
.cg-st.l2 td {
  background: var(--ligne-claire);
  color: var(--text);
  font-weight: 600;
  border-top: 1px solid #D9D2D6;
  border-bottom: 1px solid #E8E3E6;
}
.cg-st.l2 td:first-child {
  font-size: 12px;
  color: var(--text-mid);
}
.cg-st.l1 td {
  background: var(--ligne-groupe);
  color: var(--text);
  font-weight: 700;
  border-top: 1.5px solid #B9708F;
  border-bottom: 1px solid #DCD5D9;
  height: 36px;
}
.cg-st.l1 td:first-child {
  color: var(--brd);
}
.cg-st.l1 td:first-child {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.cg-bal tbody tr.cg-st.l2:hover td {
  background: var(--ligne-claire);
}
.cg-bal tbody tr.cg-st.l1:hover td {
  background: var(--ligne-groupe);
}
.cg-st .muted {
  color: #C9BDC3 !important;
}
.cg-bal tbody tr:not(.cg-st):has(+ .cg-st) td {
  border-bottom-color: transparent;
}
.cg-l {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cg-tbl tr.click {
  cursor: pointer;
}
.cg-j {
  display: inline-grid;
  place-items: center;
  min-width: 30px;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  background: #F1EEF0;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-mid);
}
#gtip {
  position: fixed;
  z-index: var(--z-infobulle);
  pointer-events: none;
  padding: 6px 10px;
  border-radius: 7px;
  background: var(--blanc);
  color: var(--brd);
  border: 1px solid #E3D0DA;
  font: 500 12px/1.3 Inter, sans-serif;
  white-space: nowrap;
  box-shadow: 0 6px 18px -8px rgba(60, 15, 35, .3);
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity .12s, transform .12s;
}
#gtip.on {
  opacity: 1;
  transform: none;
}
.badge.b-err {
  background: #FBE4E1;
  color: #B3261E;
}
.tva-tbl td:nth-child(5) {
  overflow: hidden;
}
.tva-f {
  min-width: 0;
  overflow: hidden;
}
@media (max-width: 1250px) {
  .tva-ext {
    display: none !important;
  }
}
.tva-t {
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
}
.tva-t.cr {
  color: var(--chip-fg);
}
.tva-t.pa {
  color: var(--brd);
}
.tva-tbl th,
.tva-tbl td {
  padding-left: 14px;
  padding-right: 14px;
}
.tva-ext {
  flex: none;
  width: 34px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--text-light);
  margin-left: auto;
}
.tva-f {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 4px 8px 4px 4px;
  margin-left: -4px;
  border: none;
  background: none;
  border-radius: 8px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.tva-f:hover {
  background: #F6F1F4;
}
.tva-fn {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tva-f:hover .tva-fn {
  color: var(--brd);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.tva-fn small {
  font-size: 11.5px;
  color: var(--text-light);
}
.tva-tbl th.c,
.tva-tbl td.c {
  text-align: center;
}
.ad-f {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 6px 0;
}
.ad-f > label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-mid);
}
.ad-f .sel,
.ad-f .csel {
  max-width: 360px;
}
.ad-file {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border: 1px solid #E6E0E3;
  border-radius: 10px;
  background: var(--blanc);
}
.ad-fn {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.ad-fn b {
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ad-fn small {
  font-size: 12px;
  color: var(--text-light);
}
.dc-ext {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-light);
  letter-spacing: .03em;
  text-align: left;
}
.dc-r {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 34px 60px 84px 36px;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 8px 0 14px;
  border-top: 1px solid var(--trait-carte);
  cursor: pointer;
  font-size: 13px;
}
.dc-r:hover {
  background: #FAF7F9;
}
.dc-ic {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: var(--pink-ic);
  color: var(--nav-on);
}
.dc-n {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}
.dc-d {
  font-size: 12.5px;
  color: var(--text-light);
  font-variant-numeric: tabular-nums;
}
.tv-seg {
  display: flex;
  flex: none;
  padding: 3px;
  border-radius: 999px;
  background: #F1EEF0;
  border: 1px solid #E6E0E3;
}
.tv-seg button {
  height: 28px;
  padding: 0 14px;
  border: none;
  border-radius: 999px;
  background: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-light);
  cursor: pointer;
  white-space: nowrap;
}
.tv-seg button.on {
  background: var(--blanc);
  color: var(--brd);
  box-shadow: 0 1px 3px rgba(40, 20, 30, .14);
}
.tv-tb {
  flex-wrap: wrap;
  row-gap: 10px;
}
.tv-tb .search,
.tv-tb label:has(input[type=search]),
.tv-tb > *:nth-child(2) {
  min-width: 220px;
}
.tv-tb .count {
  white-space: nowrap;
}
.tv-tbl th,
.tv-tbl td {
  white-space: nowrap;
}
.tv-n {
  font-weight: 600;
  color: var(--text);
}
.tv-tbl tbody tr:hover .tv-n {
  color: var(--brd);
}
.tv-pj {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 240px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #E3D0DA;
  border-radius: 7px;
  background: var(--blanc);
  color: var(--brd);
  font: inherit;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
}
.tv-pj span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tv-pj svg {
  flex: none;
}
.tv-pj svg:last-child {
  opacity: .55;
}
.tv-pj:hover {
  background: #F7EFF3;
  border-color: #D9BCCB;
}
.tv-pj:hover svg:last-child {
  opacity: 1;
}
.tv-all {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.tv-all .sw-l {
  font-size: 12.5px;
  color: var(--text-light);
}
.tv-all .sw {
  gap: 8px;
}
.tv-ok {
  color: var(--err);
  font-weight: 600;
}
.tv-w {
  color: #9A6A12;
  font-weight: 600;
}
.tv-late {
  color: #2F6B3B;
  font-weight: 600;
}
.tv-sm {
  font-size: 12px;
  color: var(--text-light);
}
.ef-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.ef-tt {
  color: var(--text);
  font-weight: 700;
}
.ef-split {
  display: grid;
  grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
}
.ef-list {
  border-right: 1px solid #E9EBEE;
  overflow: auto;
  padding: 8px;
}
.ef-i {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  position: relative;
}
.ef-i + .ef-i {
  margin-top: 2px;
}
.ef-i:hover {
  background: #FBF7F9;
}
.ef-i.on {
  background: var(--blanc);
  border-color: #E3D0DA;
  box-shadow: 0 2px 8px -3px rgba(110, 25, 65, .2);
}
.ef-i.on::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 2px;
  background: var(--brd);
}
.ef-t {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ef-t b {
  font-weight: 600;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ef-i.on .ef-t b {
  color: var(--brd);
}
.ef-t small {
  font-size: 12px;
  color: var(--text-light);
  margin-top: 2px;
  white-space: nowrap;
}
.ef-r {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  flex: none;
}
.ef-r b {
  font-size: 13.5px;
  color: var(--text);
}
.ef-pv {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #F4F2F3;
}
.ef-none {
  align-items: center;
  justify-content: center;
  color: var(--text-light);
}
.ef-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 18px;
  background: var(--blanc);
  border-bottom: 1px solid #E9EBEE;
}
.ef-bt {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ef-bt b {
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
}
.ef-ba {
  display: flex;
  align-items: center;
  gap: 8px;
}
.tr-tbl {
  table-layout: fixed;
  min-width: 620px;
}
.tr-tbl td {
  vertical-align: middle;
}
.tr-l {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}
.tr-pos {
  color: #2F6B3B !important;
}
.tr-neg {
  color: var(--err) !important;
}
.tr-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 30px;
  padding: 0 10px 0 14px;
  border: none;
  border-radius: 999px;
  background: var(--pink-ic);
  color: var(--brd);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .12s, color .12s;
}
.tr-btn:hover,
.tr-tbl tbody tr:hover .tr-btn {
  background: var(--brd);
  color: var(--blanc);
}
.tr-d {
  color: var(--text-mid);
  font-variant-numeric: tabular-nums;
}
.tr-th {
  padding-left: 42px;
}
.tr-c {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.tr-tx {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.35;
}
.tr-tx .tr-l {
  font-weight: 500;
}
.tr-tx small {
  font-size: 12px;
  color: var(--text-light);
}
.tr-ic {
  flex: none;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.tr-ic.in {
  background: #E3F1E6;
  color: #2F6B3B;
}
.tr-ic.out {
  background: var(--err-bg);
  color: var(--err);
}
.tr-tbl tbody td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tr-m {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 0 0 10px;
}
.modal:has(.tr-m),
.modal:has(.tr-m) .m-b {
  overflow: visible !important;
}
.app .modal:has(.tr-m) .m-h {
  border-radius: 16px 16px 0 0 !important;
}
.app .modal:has(.tr-m) .m-f {
  border-radius: 0 0 16px 16px !important;
}
.app .modal:has(.tr-m) {
  border-radius: 16px !important;
}
.tr-m .cs-pop {
  z-index: 80;
  max-height: 240px;
  overflow: auto;
}
.tr-sum {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: #F8F6F7;
  border: 1px solid #EEE9EC;
}
.tr-sd {
  font-size: 12.5px;
  color: var(--text-light);
  font-variant-numeric: tabular-nums;
}
.tr-sl {
  font-weight: 600;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tr-sum b {
  font-size: 14px;
}
.tr-f {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}
.tr-f > label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-mid);
}
.tr-f .tv-seg {
  justify-self: start;
}
.tr-up {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.pc-tbl {
  table-layout: fixed;
  min-width: 720px;
}
.pc-tbl td {
  vertical-align: middle;
}
.pc-d {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-variant-numeric: tabular-nums;
  color: var(--text);
}
.pc-d small {
  font-size: 12px;
  color: var(--text-light);
}
.pc-f {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.pc-ic {
  flex: none;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--pink-ic);
  color: var(--brd);
}
.pc-ic.img {
  background: #E7EDF1;
  color: var(--chip-fg);
}
.pc-n {
  display: block;
  flex: 1;
  min-width: 0;
  font-weight: 500;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc-sz {
  flex: none;
  margin-left: auto;
  padding-left: 12px;
  font-size: 12px;
  color: var(--text-light);
  white-space: nowrap;
}
.pc-tbl tbody tr:hover .pc-n {
  color: var(--brd);
}
.cm-hint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: -4px 0 0;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--chip-fg);
}
.cm-hint svg {
  flex: none;
  color: var(--brd) !important;
}
.cm.cm-inv {
  height: min(660px, calc(100vh - 190px));
}
.cm-inv .cm-card .ec-h {
  display: flex;
  align-items: center;
}
.cm-inv .inv-lines {
  border: 1px solid var(--bord-carte);
  border-radius: 10px;
}
.cm-inv .tbl.lines td.act {
  vertical-align: top;
  padding-top: 6px !important;
  text-align: center;
}
.cm-inv .tbl.lines td.act .ibtn {
  width: 34px;
  height: 34px;
  margin: 0 auto;
}
.cm-inv .tbl.lines td.t {
  vertical-align: top;
}
.lt {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.lt-w {
  color: #D08A1C !important;
}
.apk-w {
  position: relative;
}
.apk-h {
  flex-direction: row !important;
  align-items: center;
}
.apk-h .csel.pill {
  flex: none !important;
  width: 250px !important;
}
.cpk .apk-h .csel.pill {
  width: 270px !important;
}
.apk-h .pill .cs-btn {
  width: 100%;
  justify-content: space-between;
}
.apk-h .pill .cs-pop {
  min-width: 100%;
}
.cpk-t b {
  color: var(--brd) !important;
}
.cpk-p {
  min-width: 80px;
  text-align: right;
}
.apk-h .pill .cs-btn {
  height: 34px;
  padding: 0 10px 0 14px;
  gap: 6px;
  border: 1px solid var(--border-mid) !important;
  border-radius: 999px;
  background: var(--blanc);
}
.apk-h .pill .cs-btn:hover {
  border-color: #A9A1A5 !important;
}
.apk-h .pill.open .cs-btn {
  border-color: var(--bleu-actif) !important;
  box-shadow: 0 0 0 3px rgba(131, 165, 180, .25) !important;
}
.apk-h .pill.on .cs-btn {
  background: var(--bleu-actif-bg);
  border-color: var(--bleu-actif) !important;
}
.apk-h .pill .cs-pop {
  right: 0;
  left: auto;
}
.ld {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 4px;
}
.ld-pen {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-top: -3px;
  border: none;
  border-radius: 6px;
  background: none;
  color: var(--brd);
  cursor: pointer;
  flex: none;
}
.ld-pen:hover {
  background: var(--pink-ic);
}
.ld-t {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text);
  cursor: text;
  white-space: normal;
}
.ld-t .ph {
  color: var(--ph);
}
.ld-t ul {
  margin: 2px 0;
  padding-left: 18px;
}
.ld-edit {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  padding: 4px 0;
}
.ld-edit .rt {
  width: 100%;
}
.ld-ok {
  height: 28px;
  font-size: 12.5px;
}
.modal:has(.cpk) .m-b {
  background: #F4F2F3;
}
.modal:has(.cpk) .m-f {
  background: var(--blanc) !important;
  border-top: 1px solid var(--bord-carte) !important;
  box-shadow: 0 -4px 12px -6px rgba(40, 20, 30, .12);
  position: relative;
  z-index: 2;
}
.cpk .cpk-l {
  background: var(--blanc);
  border-color: var(--bord-carte);
  box-shadow: 0 1px 3px rgba(30, 15, 22, .06);
  padding: 0;
  gap: 0;
}
.cpk .cpk-i {
  border-radius: 0;
  padding: 11px 14px;
  border-bottom: 1px solid #F0ECEE;
  position: relative;
}
.cpk .cpk-i:last-child {
  border-bottom: none;
}
.cpk .cpk-i:hover {
  background: #FBF7F9;
}
.cpk .cpk-i:hover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--brd);
}
.cpk .cpk-i > svg {
  opacity: .35;
  transition: opacity .12s, transform .12s;
}
.cpk .cpk-i:hover > svg {
  opacity: 1;
  transform: translateX(2px);
  color: var(--brd);
}
.cpk-t small {
  display: flex;
  gap: 10px;
  margin-top: 2px;
}
.cpk-t small span {
  white-space: nowrap;
  flex: none;
}
.cpk-t small {
  gap: 6px !important;
}
.cpk-t small .dot {
  color: #C9C1C5;
}
.apk .apk-h .csel.pill.pk-u {
  width: 200px !important;
}
.apk .apk-h .csel.pill.pk-t {
  width: 150px !important;
}
.cpk-t small .mono {
  font-size: 11.5px;
  color: #9A9297;
}
.pm {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 11px;
  font-size: 11.5px;
  font-weight: 600;
}
.pm-vir {
  background: #E7EDF1;
  color: var(--chip-fg);
}
.ph h1 {
  white-space: nowrap;
}
.app .side .nav .nv {
  flex: none !important;
  height: auto !important;
  min-height: 38px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.side .nv span {
  white-space: normal;
  line-height: 1.25;
  text-align: left;
}
.pc-tbl th.c,
.pc-tbl td.c {
  text-align: center;
}
.app .side {
  flex: none !important;
  min-width: 236px;
}
.app .side .nav .nv {
  white-space: nowrap !important;
}
.app .side .nav .nv span {
  white-space: nowrap !important;
}
.pg-i {
  white-space: nowrap;
  flex: none;
}
.m-b:has(.pdf-v) {
  overflow: hidden !important;
}
.pdf-v {
  height: calc(100vh - 230px);
  max-height: 760px;
  min-height: 280px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--apercu-bg);
  border: 1px solid var(--bord-carte);
}
.pdf-v iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.pc-rng {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--text-mid);
}
.pc-rng .inp {
  width: 150px;
  height: 30px;
}
.pg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: none;
  padding: 10px 16px;
  border-top: 1px solid var(--border-lt);
  background: var(--blanc);
}
.pg-i {
  font-size: 12.5px;
  color: var(--text-light);
  font-variant-numeric: tabular-nums;
}
.pg-b {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pg-b button {
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 7px;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
}
.pg-b button:hover:not(:disabled) {
  background: #F4F1F3;
}
.pg-b button.on {
  background: var(--nav-on);
  color: var(--blanc);
  font-weight: 600;
}
.pg-b button:disabled {
  color: #C9C3C6;
  cursor: default;
}
.pg-e {
  padding: 0 4px;
  color: var(--text-light);
}
.app .side .nv.on {
  background: var(--nav-on) !important;
}
.app .side .nv svg {
  color: var(--nav-on);
}
.app .side .nk.on {
  color: var(--nav-on) !important;
}
.apk-h {
  padding: 10px;
  border-bottom: 1px solid var(--trait-carte);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cpk {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: 100%;
}
.cpk .apk-h {
  padding: 0 0 12px;
  border: none;
}
.cpk-l {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-height: 0;
  scrollbar-gutter: stable;
  overflow: auto;
  border: 1px solid var(--bord-carte);
  border-radius: 10px;
  padding: 4px;
}
.cpk-i {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px 10px;
  border: none;
  border-radius: 8px;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: var(--text-light);
}
.cpk-i:hover {
  background: #F7F2F5;
  color: var(--brd);
}
.cpk-t {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.cpk-t b {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpk-t small {
  font-size: 12px;
  color: var(--text-light);
}
.cpk-p {
  font-size: 12px;
  color: var(--text-mid);
  flex: none;
}
.cm-inv .tbl.lines th.q,
.cm-inv .tbl.lines th.p {
  text-align: center !important;
}
.cm-inv .tbl.lines thead th:nth-child(2) {
  padding-left: 46px !important;
}
.inv-blk {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cm-inv .inv-lines {
  background: var(--blanc);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(30, 15, 22, .06);
}
.cm-inv .inv-tot {
  background: var(--blanc);
  border: 1px solid var(--bord-carte);
  border-radius: 10px;
  padding: 6px;
  margin: 0 0 0 auto !important;
  width: 360px !important;
}
.cm-inv .inv-tot > div {
  padding-right: 48px !important;
}
.cm-inv .inv-tot > .ttc {
  padding-right: 48px !important;
}
.cm-inv .inv-tot b {
  position: relative;
}
.cm-inv .inv-tot .eu {
  position: absolute;
  left: 100%;
  margin-left: 4px;
  font-style: normal;
}
.cm-inv textarea.inp.desc {
  border-color: transparent !important;
  background: transparent;
  overflow: hidden;
  resize: none;
  box-shadow: none !important;
}
.cm-inv textarea.inp.desc:focus {
  border-color: var(--bord-carte) !important;
  background: var(--blanc);
}
.cm-inv .cm-grid {
  column-gap: 10px;
}
.cm-inv input[type=date].inp {
  padding: 0 6px;
  font-size: 12.5px;
}
.cm-inv .inv-add {
  background: #FCFBFC;
  border-top: 1px solid var(--trait-carte);
}
.cm-inv .inv-tot {
  width: 300px;
  margin: 4px 0 0 auto;
  justify-self: end;
  grid-column: span 12;
}
.cm-inv .inv-tot .ttc {
  background: var(--pink-ic);
}
.inv-bar {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  padding: 12px 18px;
  border: 1px solid var(--bord-carte);
  border-radius: 12px;
  background: var(--blanc);
  box-shadow: 0 1px 3px rgba(30, 15, 22, .06);
  flex-wrap: wrap;
}
.ib-cli {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ib-cli b {
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ib-f {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: none;
}
.ib-f b {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text);
  line-height: 34px;
}
.ib-k {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--text-light);
}
.ib-f .inp {
  width: 150px;
  height: 34px !important;
  flex: none !important;
}
.ib-f b,
.ib-k {
  white-space: nowrap;
}
.ib-cli {
  min-width: 0 !important;
  flex: 1 1 0;
}
.inv-ro .mv,
.inv-ro .act,
.inv-ro .inv-add {
  display: none !important;
}
.inv-ro .inp {
  pointer-events: none;
  border-color: transparent !important;
  background: transparent !important;
}
.cm-hint {
  color: var(--text) !important;
}
@keyframes fade {
  from {
    opacity: 0;
  }
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
.toast {
  animation: none;
}
@media (max-width: 1000px) {
  .content {
    padding: 20px;
  }
  .top {
    padding: 0 20px;
  }
  .drop {
    min-width: 0;
    padding: 0 12px;
  }
}
.tbl tr.gh td {
  background: var(--ligne-groupe);
  border-top: 1.5px solid #B9708F;
  border-bottom: 1px solid #DCD5D9;
  height: 36px;
  font-size: 12.5px;
}
.tbl tr.gh td:first-child {
  display: table-cell;
}
.tbl tr.gh td:first-child b {
  color: var(--brd);
  font-weight: 700;
  margin-right: 10px;
  font-family: var(--num);
  font-size: 12px;
}
.tbl tr.gh td:first-child span {
  font-weight: 700;
  color: var(--text);
}
.tbl tr.gh td:first-child em {
  font-style: normal;
  margin-left: 12px;
  font-size: 11.5px;
  color: var(--text-light);
}
.tbl tr.gh td i {
  font-style: normal;
  margin-left: 28px;
  padding-left: 18px;
  border-left: 1px solid #CFC6CB;
}
.tbl tr.gh td i small {
  font-size: 11.5px;
  color: var(--text-light);
  margin-right: 8px;
}
.tbl tr.gh td i b {
  font-weight: 700;
  color: var(--text);
  margin: 0;
  font-size: 12.5px;
}
.tbl tr.gh,
.tbl.click tr.gh {
  cursor: default;
}
.tbl tr.gh:hover td,
.tbl.click tbody tr.gh:hover td {
  background: var(--ligne-groupe) !important;
}
.tbl tr.gc td:first-child {
  padding-left: 28px;
}
.tbl tr.gc.last td {
  border-bottom: 2px solid #B9708F;
}
.tbl tr.gh td.r {
  font-weight: 700;
  color: var(--text);
}
.app .tbl thead th {
  border-bottom: 1.5px solid #B9708F !important;
}
.tbl tbody tr.gh:first-child td {
  border-top: none;
}
.hdrop .btn-primary {
  background: var(--nav-on);
  border-color: var(--nav-on);
}
.hdrop:hover .btn-primary {
  background: #7A2650;
  border-color: #7A2650;
}
.ef-ba .btn-primary:not(:disabled) {
  background: var(--nav-on);
  border-color: var(--nav-on);
}
.ef-ba .btn-primary:not(:disabled):hover {
  background: #7A2650;
  border-color: #7A2650;
}
.sw input:checked + .tr {
  background: var(--nav-on);
}
.ss-tbl tbody tr:focus {
  outline: none;
}
.app .side.mini {
  width: 68px !important;
  min-width: 68px !important;
  padding: 0 10px !important;
}
.app .side.mini .side-t {
  justify-content: center !important;
  padding: 0 !important;
}
.app .side.mini .side-tl {
  display: none;
}
.app .side.mini .nv {
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 0 !important;
}
.app .side.mini .nv span,
.app .side.mini .nv > svg + span + svg {
  display: none !important;
}

/* src/styles.css */
:root {
  --ok: #256a35;
  --ok-bg: #e5f1e8;
  --warn: #8e4e08;
  --warn-bg: #fbefd9;
  --warn-bd: #f0d9b5;
  --err: #a3242b;
  --err-bg: #f8e3e4;
  --err-bd: #e8c2c4;
  --etat-ok: #0f9d2f;
  --etat-ok-bg: #e4f4e8;
  --etat-warn: #e9a23b;
  --etat-warn-bg: #fbf0df;
  --etat-err: #c0262d;
  --etat-err-bg: #fbe9ea;
  --etat-off: #d5d5d5;
  --info: #2c5280;
  --info-bg: #e7edf6;
  --pink-ic: #f3e9ee;
  --ph: #a69da2;
  --focus-ring: 0 0 0 3px rgba(110, 25, 65, 0.12);
  --hover-rose: #fcf9fa;
  --apercu-bg: #e9e6e8;
  --ca: #2f6e8a;
  --ombre-modal: 0 30px 80px -20px rgba(30, 15, 22, 0.5);
  --ombre-carte: 0 14px 34px -10px rgba(30, 15, 22, 0.2);
  --axe-zero: #bdb6ba;
  --axe-grille: #ebe8ea;
  --point-fond: var(--blanc);
  --ligne-claire: #f7f5f6;
  --ligne-groupe: #ede9eb;
  --bleu-actif-bg: #e5ecf4;
  --bleu-actif: #83a5b4;
  --bord-carte: #e1dbde;
  --trait-carte: #efebed;
  --blanc: #fff;
  --scroll-thumb: #b3a9ae;
  --scroll-thumb-hover: #8f858a;
  --focus-outline: rgba(110, 25, 65, 0.35);
  --info-icone: #a9c4e6;
  --z-modale: 50;
  --z-confirmation: 60;
  --z-message: calc(var(--z-confirmation) + 1);
  --z-progression: 80;
  --z-flottant: 200;
  --z-infobulle: 9999;
  --grp-accueil: var(--brd);
  --grp-compta: #1fa79a;
  --grp-treso: #d9822b;
  --grp-immo: #8e7bc4;
  --grp-decl: #e58fb0;
  --grp-client: #b83a3a;
  --grp-revision: #4f86d6;
  --grp-etats: #4caf50;
  --grp-archive: #a8483a;
  --grp-situations: #2e7d4f;
  --grp-outils: #7b3fa0;
  --grp-param: #7b3fa0;
  --nav-on: #8a2f5a;
  --nav-hover: #f6f3f5;
  --chip-bg: #f1f4f9;
  --chip-bd: #d5e1ec;
  --chip-fg: #3a5873;
  --chip-sep: #c3d3e3;
}
.pp-gris {
  --ombre-modal: 0 30px 70px -20px rgba(20, 20, 20, 0.4);
}
.spin {
  display: inline-block;
  flex: none;
  width: 28px;
  height: 28px;
  border: 3px solid var(--pink-bd);
  border-top-color: var(--brd);
  border-radius: 50%;
  animation: ui-spin 0.8s linear infinite;
}
.spin.spin-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
}
@keyframes ui-spin {
  to {
    transform: rotate(360deg);
  }
}
.is-off {
  opacity: 0.5;
  cursor: not-allowed;
}
.is-off:not([title]):not([data-gt]),
.drop.is-off {
  pointer-events: none;
}
.nv.is-off:hover,
.nk.is-off:hover,
.ibtn.is-off:hover {
  background: none;
}
.btn.is-off:hover {
  border-color: var(--border-mid);
  color: inherit;
  background: var(--blanc);
}
.bandeau-warn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 12px;
  padding: 5px 6px 5px 12px;
  border: 1px solid var(--warn-bd);
  border-radius: 18px;
  background: var(--warn-bg);
  color: var(--warn);
  font-size: 12.5px;
  font-weight: 500;
}
.bandeau-warn:not(:has(button)) {
  padding-right: 14px;
}
.bandeau-warn svg {
  flex: none;
}
.bandeau-warn button {
  flex: none;
  margin-left: 4px;
  padding: 3px 11px;
  border: 1px solid var(--warn-bd);
  border-radius: 999px;
  background: var(--blanc);
  color: var(--brd);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.bandeau-warn button:hover {
  border-color: var(--brd);
}
.bandeaux {
  display: flex;
  gap: 8px;
  margin: 0 0 12px;
}
.bandeaux > .bandeau-warn {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
}
@media (max-width: 720px) {
  .bandeaux {
    flex-direction: column;
    align-items: flex-start;
  }
  .bandeaux > .bandeau-warn {
    max-width: 100%;
  }
}
.pop-vide {
  display: block;
  padding: 8px 10px;
  color: var(--text-light);
}
.champ-err {
  margin: -4px 0 0;
  font-size: 12px;
  color: var(--err);
}
.ton-ok {
  color: var(--ok);
}
.ton-warn {
  color: var(--warn);
}
.ton-err {
  color: var(--err);
}
.ton-info {
  color: var(--info);
}
.ton-off {
  color: var(--text-light);
}
.ton-vif.ton-ok {
  color: var(--etat-ok);
}
.ton-vif.ton-warn {
  color: var(--etat-warn);
}
.ton-vif.ton-err {
  color: var(--etat-err);
}
.ton-vif.ton-off {
  color: var(--etat-off);
}
.col-libelle {
  max-width: 300px;
}
.col-piece {
  max-width: 140px;
}
.tbl-serre th,
.tbl-serre td:not(.act) {
  padding-left: 8px;
  padding-right: 8px;
}
.tbl-serre .col-libelle {
  max-width: 220px;
}
.tbl-serre .col-piece {
  max-width: 110px;
}
.boite-fenetre {
  border-radius: 14px;
  background: var(--blanc);
  box-shadow: var(--ombre-modal);
  animation: rise 0.18s;
}
.tw-plein {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow: auto;
}
.tw-occupe {
  opacity: 0.6;
  pointer-events: none;
}
.app .tbl tr.rsel td.act,
.app .tbl tr.cg-st.l2 td.act {
  background: var(--ligne-claire);
}
.app .tbl tr.cg-st.l1 td.act,
.app .tbl tr.gh td.act {
  background: var(--ligne-groupe);
}
.ibtn.ibtn-sm {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}
.m-intro {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-mid);
}
.card-suite {
  margin-top: 12px;
}
.card-suite > .ec-h {
  margin-top: 0;
}
.carte-seule {
  max-width: 520px;
  margin: 15vh auto 0;
  padding: 48px 24px;
  text-align: center;
  box-shadow: var(--ombre-carte);
}
a.aff,
a.btn {
  text-decoration: none;
}
.hc-f > app-badge {
  margin: 6px 0;
}
.hc-f.hc-f-ligne {
  flex-direction: row;
  align-items: center !important;
  justify-content: flex-start;
  margin-top: auto !important;
}
.hc-f.hc-f-ligne > .lnk {
  margin: 0 !important;
}
.hc-f-indic {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  margin-top: auto;
}
.hc .hc-f-indic > .aff {
  width: auto !important;
  flex: none;
  white-space: nowrap;
}
.hc-f-indic:empty {
  display: none;
}
.hc-f-indic:not(:empty) + .hc-f-ligne {
  margin-top: 10px !important;
}
.hc-f-indic > * {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 !important;
}
.hc-f-indic > app-badge .badge {
  max-width: 100%;
}
.hc-f-indic > app-badge .tronque {
  display: block;
}
.cs1 {
  grid-column: span 1;
}
.cs2 {
  grid-column: span 2;
}
.cs11 {
  grid-column: span 11;
}
.cf .ef-c > app-montant-input,
.cf .ef-c > app-date-input:not(.w-date) {
  flex: 1;
}
.cf .ef-c > app-compte-choix {
  display: flex;
  flex: 1;
  min-width: 0;
}
.cf .pc-rng {
  flex: 1;
  min-width: 0;
}
.cf .pc-rng > app-date-input {
  flex: 1 1 0;
  width: auto;
}
.cf .pc-rng .inp {
  width: 100%;
  height: 34px;
}
.w-date {
  width: 180px;
}
button.tv-miss {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.tv-miss:hover {
  text-decoration: underline;
}
.foot-start {
  margin-right: auto;
}
.invisible {
  visibility: hidden;
}
.maj {
  text-transform: uppercase;
}
.tronque,
.col-libelle,
.col-piece {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sur-titre {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-light);
}
.libelle-en-ligne {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-mid);
  white-space: nowrap;
}
button.champ-bouton {
  position: absolute;
  display: grid;
  place-items: center;
  color: var(--text-light);
}
button.champ-bouton:hover:not(:disabled) {
  color: var(--brd);
}
.groupe-boutons {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.ligne-entiere {
  flex-basis: 100%;
}
.icone-pj {
  margin-left: 6px;
  vertical-align: -2px;
  color: var(--text-light);
}
.tbl td.col-lettrage {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--text-mid);
}
.tbl .col-sep {
  border-left: 1px solid var(--border-lt);
}
.tbl th.col-sep {
  border-left-color: var(--pink-bd);
}
.cs-q .search,
.cf-q .search {
  min-width: 0;
}
@media (max-width: 1000px) {
  .masque-etroit {
    display: none;
  }
}
.app .content > .inner {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.app .content > .inner > :not(router-outlet) {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.app .home {
  margin: 0;
  padding: 0 4px 6px 0;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-hover);
}
.rt-ed,
.rt-ed *,
.ld-t,
.ld-t * {
  font-family: inherit !important;
}
a:focus {
  outline: none;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--focus-outline);
  outline-offset: 2px;
  border-radius: 4px;
}
.app-pov .cs-pop,
.app-pov .mpl-pop {
  position: static;
  min-width: 100%;
}
.app-pov > * {
  max-width: calc(100vw - 16px);
}
.app-pov .pop,
.app-pov .um-pop {
  position: static;
}
.app-pov .cs-pop:not(.dp) {
  max-height: min(300px, calc(100vh - 32px));
  overflow-y: auto;
}
.rm-pop {
  width: max-content;
  min-width: 220px;
}
.rm-pop button {
  white-space: nowrap;
}
.rm-pop button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: none;
}
.rm-pop .rm-t {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.3;
}
.rm-pop .rm-t b {
  font-weight: 600;
}
.rm-pop .rm-t small {
  font-size: 11px;
  color: var(--text-light);
}
.toast.t-err {
  background: var(--err-bg);
  color: var(--err);
  border: 1px solid var(--err-bd);
}
.toast.t-err svg {
  color: var(--err);
}
.toast.t-info svg {
  color: var(--info-icone);
}
.app .cs-btn .ph {
  margin: 0;
}
.app .toolbar.tb-wrap.cg-wrap {
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 12px;
}
.app .toolbar.cg-wrap .search {
  flex: 1 1 160px;
  min-width: 160px;
}
.app .tcard > :first-child > .toolbar:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.m-b-plein {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.app .m-b:has(> .m-b-plein) {
  padding: 0;
  overflow: hidden;
}
.cm-body > .cm-onglet,
.cm-onglet > .cm-onglet {
  display: contents;
}
.m-b > .cm {
  height: 100%;
}
.app.cadre-collab {
  grid-template-rows: auto minmax(0, 1fr);
}
.app.cadre-collab > .main {
  display: contents;
}
.app.cadre-collab > .main > app-top-bar > .top {
  grid-column: 1 / -1;
  grid-row: 1;
}
.app.cadre-collab > app-side-nav > .side {
  grid-column: 1;
  grid-row: 2;
  height: auto;
}
.app.cadre-collab > .main > .content {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  min-height: 0;
}
.app.cadre-collab.sans-menu > .main > .content {
  grid-column: 1 / -1;
}
@media (max-width: 1100px) {
  .app .cg-tbl {
    min-width: 760px;
  }
}
@media (max-width: 1250px) {
  .app:not(.cadre-collab) {
    --haut-entete-etroit: 124px;
  }
  .app .top:not(.tc) {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    row-gap: 8px;
    height: auto;
    min-height: var(--haut-entete-etroit);
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .app .top:not(.tc) > .dsw {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    max-width: min(100%, 480px);
  }
  .app .top:not(.tc) > .top-r {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    max-width: 100%;
  }
  .app .top:not(.tc) .dossier,
  .app .top:not(.tc) .dossier .d-t {
    min-width: 0;
  }
  .app .top:not(.tc) .dossier {
    max-width: 100%;
  }
  .app .top:not(.tc) .dossier .d-t b,
  .app .top:not(.tc) .dossier .d-t small {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .app:not(.cadre-collab):not(.sans-menu) .top .um {
    position: fixed;
    top: 15px;
    left: 16px;
    z-index: 7;
  }
  .app:not(.cadre-collab):not(.sans-menu):has(.side:not(.mini)) .top .um {
    left: 100px;
  }
  .app:not(.cadre-collab):not(.sans-menu) .top .um > .avatar {
    margin-left: 0;
  }
  .app:not(.cadre-collab) .side-t {
    height: var(--haut-entete-etroit);
    align-items: flex-end;
  }
  .app:not(.cadre-collab) .side-t > * {
    margin-bottom: 21px;
  }
}
@media (max-width: 1000px) {
  .app .top:not(.tc) .drop {
    padding: 0 7px !important;
  }
  .app .top:not(.tc) .drop b {
    display: none;
  }
}
@media (max-width: 820px) {
  .hgrid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  .app .ph h1 {
    white-space: normal;
  }
  .app .ph-a {
    flex-wrap: wrap;
  }
  .app .top:not(.tc) {
    padding-left: 12px;
    padding-right: 12px;
  }
  .app .content {
    padding: 12px;
  }
  .app.bg-bandeau .tcard,
  .app.bg-bandeau .form {
    flex: none;
  }
  .app .toolbar:not(.tb-wrap) {
    flex-wrap: wrap !important;
  }
  .bandeau-warn {
    flex-wrap: wrap;
  }
  .app .btn {
    max-width: 100%;
    height: auto;
    min-height: 34px;
    white-space: normal;
  }
  .modal > .m-h h2 {
    flex: 1 1 auto;
    min-width: 9em;
  }
  .apk-h {
    flex-wrap: wrap;
  }
  .apk-h .csel {
    max-width: 100%;
  }
  .pg {
    flex-wrap: wrap;
    justify-content: center;
  }
  .evo-r,
  .evo-f {
    flex-wrap: wrap !important;
  }
  .dc-g,
  .ef-split {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  }
  .dc-mh {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .dc-nav,
  .ef-list {
    border-right: none;
    border-bottom: 1px solid var(--border-lt);
  }
  .cgrid > *,
  .cm-grid > * {
    grid-column: 1 / -1 !important;
  }
  .rs-row {
    flex-direction: column;
  }
  .ef-row,
  .ef.ef-inl {
    flex-wrap: wrap;
  }
  .app .kpis.in {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .app .kpis.in > app-mois-step {
    flex: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */