/* margin-top: the page title carries no bottom margin, so the first field sat
   flush against the heading. */
.icg-track{color:#fff;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;max-width:680px;margin:1.5rem auto 0}
.icg-track-form{margin-bottom:2rem}
.icg-track-fields{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}
.icg-track-fields label{display:flex;flex-direction:column;gap:.35rem;color:#a8a8a8;font-size:.82rem;flex:1 1 200px}
.icg-track-fields input{background:#141414;border:1px solid #2e2e2e;color:#fff;border-radius:10px;padding:.8rem 1rem}
.icg-track-fields input:focus{outline:none;border-color:#ee9441;box-shadow:0 0 0 3px rgba(238,148,65,.18)}
.icg-track-btn{background:#ee9441;color:#0a0a0a;border:none;border-radius:999px;padding:.85rem 1.6rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.icg-track-error{background:rgba(139,0,0,.25);border:1px solid #8b0000;color:#ff9a9a;padding:1rem 1.2rem;border-radius:12px}
.icg-track-result{background:#141414;border:1px solid #2e2e2e;border-radius:16px;padding:1.5rem}
.icg-track-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}
.icg-track-head h3{margin:0;font-weight:800}
.icg-track-shop{color:#ee9441;font-size:.85rem;font-weight:600}
.icg-track-alert{background:rgba(139,0,0,.25);border:1px solid #8b0000;color:#ff9a9a;padding:.85rem 1rem;border-radius:10px;margin-bottom:1.25rem}
.icg-track-timeline{list-style:none;margin:0;padding:0;position:relative}
.icg-track-step{display:flex;gap:1rem;padding:0 0 1.5rem;position:relative}
.icg-track-step:before{content:"";position:absolute;left:8px;top:18px;bottom:-6px;width:2px;background:#2e2e2e}
.icg-track-step:last-child:before{display:none}
.icg-track-dot{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#2e2e2e;border:2px solid #2e2e2e;margin-top:2px;z-index:1}
.icg-track-step.is-done .icg-track-dot{background:#3ed660;border-color:#3ed660}
.icg-track-step.is-done:before{background:#3ed660}
.icg-track-step.is-current .icg-track-dot{background:#ee9441;border-color:#ee9441;box-shadow:0 0 0 4px rgba(238,148,65,.22)}
.icg-track-body{display:flex;flex-direction:column;gap:2px}
.icg-track-body strong{font-weight:700}
.icg-track-step.is-todo .icg-track-body{opacity:.5}
.icg-track-body span{color:#a8a8a8;font-size:.85rem}
.icg-track-current{margin-top:1rem;color:#a8a8a8}
.icg-track-current strong{color:#ee9441}

/* Compacte variant (klantaccount): alleen labels. Op desktop een horizontale
   stepper, op mobiel de gewone verticale lijst, korter. */
.icg-track-timeline--compact .icg-track-step{padding-bottom:.7rem}
.icg-track-timeline--compact .icg-track-body strong{font-size:.82rem;font-weight:600}
.icg-track-timeline--compact .icg-track-step.is-current .icg-track-body strong{color:#ee9441}
@media (min-width:782px){
	.icg-track-timeline--compact{display:flex;align-items:flex-start}
	.icg-track-timeline--compact .icg-track-step{flex:1 1 0;flex-direction:column;align-items:center;gap:.5rem;padding:0;text-align:center}
	.icg-track-timeline--compact .icg-track-step:before{left:50%;right:-50%;top:8px;bottom:auto;height:2px;width:auto}
	.icg-track-timeline--compact .icg-track-dot{margin-top:0}
	.icg-track-timeline--compact .icg-track-body strong{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#a8a8a8;line-height:1.3;padding:0 .2rem}
	.icg-track-timeline--compact .icg-track-step.is-current .icg-track-body strong{color:#ee9441}
	.icg-track-timeline--compact .icg-track-step.is-todo .icg-track-body{opacity:.6}
}

/* Voortgangsbalk voor de orderlijst. */
.icg-track-bar{display:block;height:6px;border-radius:999px;background:#141414;border:1px solid #2e2e2e;overflow:hidden;margin:.4rem 0 .25rem;max-width:220px}
.icg-track-bar__fill{display:block;height:100%;border-radius:999px;background:#ee9441}
.icg-track-bar__label{display:block;font-size:.72rem;color:#a8a8a8}