.request-progress-inline { grid-column: 1 / -1; min-width: 0; container-type: inline-size; border-top: 1px solid #303037; padding: 12px 0; margin-top: 12px; }
.request-mini-track { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px 0; min-width: 0; list-style: none; margin: 0; padding: 0; }
.request-mini-step { display: flex; position: relative; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 0 3px; text-align: center; color: #b7b7c4; font-size: 12px; line-height: 1.4; }
.request-mini-button { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; min-width: 0; min-height: 102px; height: 100%; padding: 10px 4px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: inherit; font: inherit; letter-spacing: 0; text-align: center; cursor: pointer; }
.request-mini-button:hover { background: #ffffff08; border-color: #69604b; }
.request-mini-button:focus-visible { outline: 2px solid #e8c265; outline-offset: 1px; }
.request-mini-step:not(:first-child)::before { content: ''; position: absolute; top: 24px; height: 1px; background: #48484e; right: calc(50% + 17px); width: calc(100% - 34px); pointer-events: none; }
.request-mini-circle { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: 0 0 26px; border: 1px solid #64646f; border-radius: 50%; background: #15151a; color: #c7c7d1; font-size: 12px; font-weight: 600; }
.request-mini-caption { max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; }
.request-mini-step.is-done { color: #a5dfbd; }
.request-mini-step.is-done .request-mini-circle { border-color: #76b993; color: #b5f0ce; background: #1c382b; }
.request-mini-step.is-current { color: #ffdf87; font-weight: 700; }
.request-mini-step.is-current .request-mini-circle { background: #e8c265; border-color: #e8c265; color: #17140d; box-shadow: 0 0 0 3px #e8c26520; }
.request-mini-step small { font-size: 10px; line-height: 1.4; font-weight: 400; overflow-wrap: anywhere; }
.request-mini-step.is-unknown .request-mini-circle { border-style: dashed; }
#lightbox .dossier-clear[data-step-view] > :not(.demande-detail-hero):not(.request-step-toolbar):not(.request-step-active) { display: none !important; }
#lightbox .dossier-clear[data-step-view] .demande-detail-hero > button { display: none; }
#lightbox .dossier-clear[data-step-view] > .request-step-active > summary { display: none; }
.request-step-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; padding: 12px 0 20px; }
.request-step-toolbar h4 { margin: 0; font-size: 17px; line-height: 1.4; letter-spacing: 0; text-transform: none; max-width: 100%; overflow-wrap: anywhere; }
.guarantee-form { display: grid; gap: 14px; max-width: 620px; margin: 16px 0 24px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.guarantee-form label { display: grid; gap: 7px; font-size: 13px; line-height: 1.6; letter-spacing: 0; text-transform: none; }
#lightbox .dossier-clear[data-step-view="garantie"] .reservation-followup > h4 { display: none; }
.guarantee-form input[type=date] { color-scheme: dark; padding: 10px; min-width: 0; max-width: 100%; width: 220px; border: 1px solid #59534a; border-radius: 4px; background: #101014; color: #eeeef2; font: inherit; }
.guarantee-form .guarantee-confirm { display: flex; align-items: flex-start; gap: 10px; }
.guarantee-form input[type=checkbox] { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 3px; accent-color: #e8c265; }
.guarantee-form [role=status] { margin: 0; font-size: 13px; color: #f0d08d; }
.guarantee-form [role=status]:empty { display: none; }
#lightbox .dossier-clear .dp-zone, #lightbox .dossier-clear .dp-file, #lightbox .dossier-clear .dp-zone summary { color: #e5e5ec; }
#lightbox .dossier-clear .dp-file small { color: #b6b6c3; }
#lightbox .dossier-clear .dp-drop { color: #25252c; }
#lightbox .dossier-clear .dp-zone > label { display: grid; gap: 8px; margin-bottom: 14px; font-size: 13px; }
#lightbox .dossier-clear .dp-zone select { min-width: 0; max-width: 100%; padding: 10px; color: #eee; background: #17171c; }
.demande-row.request-has-news { border-color: #c5a04a; box-shadow: inset 3px 0 0 #e8c265; }
.demande-row .demande-card-head b { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; white-space: normal; overflow: visible; overflow-wrap: anywhere; line-height: 1.4; }
.demande-row .demande-card-head .request-news-badge { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; margin: 0; padding: 3px 7px; border: 1px solid #6c6250; border-radius: 4px; color: #ddd6c6; background: #25231f; font-size: 10px; font-weight: 600; line-height: 1.4; white-space: nowrap; letter-spacing: 0; }
.demande-row.request-has-news .request-news-badge { color: #ffdc85; background: #322a18; border-color: #a68b46; }
.request-news-badge::before { content: ''; width: 5px; height: 5px; flex: 0 0 5px; background: currentColor; border-radius: 50%; }
@container (max-width: 540px) {
  .request-mini-track { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 0; }
  .request-mini-step:nth-child(4n + 1)::before { display: none; }
}
@container (max-width: 380px) {
  .request-mini-track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .request-mini-step:nth-child(4n + 1)::before { display: block; }
  .request-mini-step:nth-child(3n + 1)::before { display: none; }
}
@container (max-width: 220px) {
  .request-mini-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .request-mini-step:nth-child(3n + 1)::before { display: block; }
  .request-mini-step:nth-child(2n + 1)::before { display: none; }
}