/* Couche de l'application des sous-traitants : retirer ce fichier rend l'application d'origine. */
@font-face {
  font-family: "Urbanist";
  src: url("urbanist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
html body .vlt-partner {
  --p-font: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --p-font-title: "Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.vlt-partner :is(button, input, select, textarea) { font-family: inherit; }

/* La fiche : le dossier en tête, puis les étapes */
.vlt-chantier__crumb, .vlt-chantier__head, .vlt-chantier__date { order: 0; }
.vlt-chantier__actions { order: 2; }
.vlt-chantier[data-vr-incomplet] .vlt-chantier__ready { display: none; }
.vr-etape { margin: 10px 0 -2px; font-size: 13px; line-height: 18px; font-weight: 700; color: var(--p-text-dim); }

.vr-dossier { display: flex; flex-direction: column; gap: 10px; }
.vr-dossier__tete { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.vr-dossier h2 { margin: 0; font-size: 17px; line-height: 24px; font-weight: 700; color: var(--p-text); }
.vr-dossier__tete strong { font-size: 17px; font-weight: 700; color: var(--p-text); font-variant-numeric: tabular-nums; }
.vr-dossier__jauge { height: 6px; border-radius: 999px; background: var(--p-border); overflow: hidden; }
.vr-dossier__jauge i { display: block; height: 100%; border-radius: 999px; background: var(--p-good); transition: width .24s cubic-bezier(.22, 1, .36, 1); }
.vr-dossier ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; margin: 0; padding: 0; list-style: none; }
.vr-ligne { display: flex; align-items: flex-start; gap: 8px; width: 100%; min-height: 44px; padding: 6px 4px; border: 0; border-radius: 10px; background: none; color: var(--p-text); text-align: left; cursor: pointer; transition: background-color .14s; }
.vr-ligne:hover, .vr-ligne:active { background: var(--p-bg); }
.vr-ligne:focus-visible { outline: 2px solid var(--p-cta); outline-offset: 1px; }
.vr-ligne i { flex: none; width: 12px; height: 12px; margin-top: 3px; border-radius: 50%; }
.vr-ligne--fait i { background: var(--p-good); }
.vr-ligne--manque i { box-shadow: inset 0 0 0 2px var(--p-border-strong); }
.vr-ligne--alerte i { border-radius: 2px; transform: rotate(45deg) scale(.85); background: var(--p-bad); }
.vr-ligne span { min-width: 0; }
.vr-ligne b { display: block; font-size: 14px; line-height: 18px; font-weight: 600; }
.vr-ligne small { display: block; font-size: 12px; line-height: 16px; color: var(--p-text-dim); overflow-wrap: anywhere; }
.vr-fin { margin-top: 0; }

.vr-technicien { display: flex; flex-direction: column; gap: 6px; order: 3; }
.vr-etat { margin: 0; min-height: 18px; font-size: 13px; line-height: 18px; color: var(--p-text-dim); }
.vr-note { margin: 0; font-size: 14px; line-height: 20px; color: var(--p-text-dim); }
.vr-motdepasse { display: flex; flex-direction: column; gap: 8px; margin-top: var(--p-gap, 14px); }
.vr-motdepasse h2 { margin: 0; font-size: 17px; line-height: 24px; font-weight: 700; color: var(--p-text); }
.vr-motdepasse p { margin: 0; font-size: 14px; line-height: 20px; color: var(--p-text-dim); overflow-wrap: anywhere; }

@media (max-width: 340px) {
  .vr-dossier ul { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .vr-dossier__jauge i { transition: none; }
}

/* Pointage d'arrivée */
.vr-arrivee { display: grid; gap: 6px; margin: 10px 0; }
.vr-arrivee .vlt-partner__btn { min-height: 48px; width: 100%; }