/* Portail partenaires IPG (ipg.html, 17 okt 2026). De huisstijl komt uit de laatste laag van styles.css ("Huisstijl van www.belpaper.com");
   hier enkel wat nieuw is: meekijkbalk, tegels, fiche, versies, tijdlijn, uploadvak en "En retard". Zelfde kleuren als de proefdossiers (ps-*). */
main{max-width:72rem}
.ipg-meekijken{background:var(--inkt);color:var(--mist);padding:.55rem clamp(1rem,4vw,2.5rem);display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;align-items:center;font-size:.9rem}
.ipg-meekijken a{color:var(--mist);font-weight:600}
.ipg-bpc-login{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}
.ipg-emulator{margin-top:1rem;padding:.75rem;border:1px dashed #CFC7B8;border-radius:4px;display:grid;gap:.5rem}
.ipg-emulator-bpc{display:flex;gap:.5rem}
.ipg-emulator-bpc input{flex:1;min-width:0;width:auto;padding:.4rem .5rem}
.ipg-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.4rem}
.ipg-kop h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}
.ipg-sub{margin:.4rem 0 1.4rem}
.ipg-balk{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}
.ipg-balk input[type=search]{max-width:18rem;margin-left:auto;padding:.55rem .7rem}
.filters button .tel{font-weight:500;opacity:.8;margin-left:.2rem}
/* tegels: zoals een order in het portaal */
.ipg-lijst{display:grid;gap:.6rem}
.ipg-tegel{display:grid;grid-template-columns:6.5rem minmax(12rem,1fr) minmax(0,38%);gap:.35rem 1.1rem;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:.9rem 1.15rem}
.ipg-tegel:hover,.ipg-tegel:focus-visible{border-color:var(--bpc);border-left-color:var(--bpc)}
.ipg-nr{font-variant-numeric:tabular-nums;font-weight:800;font-stretch:112%;font-size:1.35rem;color:var(--inkt)}
.ipg-tegel .t{font-weight:700;color:var(--inkt)}
.ipg-tegel .d{font-size:.83rem;color:var(--grijs)}
.ipg-tegel .r{display:grid;gap:.25rem;justify-items:end;text-align:right}
.ipg-tegel .badge{margin-left:0}
@media (max-width:620px){.ipg-tegel{grid-template-columns:1fr}.ipg-tegel .r{justify-items:start;text-align:left}.ipg-balk input[type=search]{margin-left:0;max-width:none;width:100%}}
.badge.ipg-a_deposer,.badge.ipg-a_faire{background:#F6E9D7;color:#7A5426}
.badge.ipg-correction{background:#F4DEDB;color:#A63D32}
.badge.ipg-verification_bpc,.badge.ipg-chez_bpc,.badge.ipg-attente_bpc{background:#E4E9EF;color:#3D5167}
.badge.ipg-chez_client,.badge.ipg-attente_client{background:#ECEAE5;color:#5C5850;border:1px dashed #B8B2A6}
.badge.ipg-approuve,.badge.ipg-a_commander{background:var(--bpc-licht);color:var(--bpc)}
.badge.ipg-commande,.badge.ipg-termine{background:var(--inkt);color:var(--mist)}
.badge.ipg-annule{background:#ECEAE5;color:var(--grijs)}
.badge.ipg-pause{background:var(--inkt);color:var(--mist);letter-spacing:.02em}
/* En retard */
.ipg-retard{background:#fff;border:1px solid var(--lijn);border-left:4px solid #A63D32;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.1rem;font-size:.92rem}
.ipg-retard b{color:#A63D32}
.ipg-retard ul{margin:.35rem 0 0;padding-left:1.1rem}
.ipg-dagen{font-weight:800;font-variant-numeric:tabular-nums;padding:.05rem .5rem;border-radius:99px;font-size:.8rem;white-space:nowrap}
.ipg-dagen.oranje{background:#F6E9D7;color:#7A5426}
.ipg-dagen.rood{background:#F4DEDB;color:#A63D32}
/* dossier */
.ipg-terug{background:none;border:0;font:inherit;color:var(--kraft-donker);cursor:pointer;padding:0;margin-bottom:.9rem;font-weight:600}
.ipg-dkop{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-bottom:.25rem}
.ipg-dkop .ipg-cliche{font-size:.92rem;font-weight:700;color:var(--kraft-donker);letter-spacing:.06em;text-transform:uppercase}
.ipg-dkop .badge{margin-left:0}
.ipg-fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;background:var(--lijn);border:1px solid var(--lijn);border-radius:6px;overflow:hidden;margin:1rem 0 1.5rem}
.ipg-fiche div{background:#fff;padding:.6rem .85rem}
.ipg-fiche dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grijs);font-weight:600}
.ipg-fiche dd{margin:.1rem 0 0;font-weight:700;color:var(--inkt)}
.ipg-kolommen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.5rem}
@media (max-width:860px){.ipg-kolommen{grid-template-columns:1fr}}
.ipg-blok{background:#fff;border:1px solid var(--lijn);border-radius:6px;padding:1.1rem 1.25rem;margin-bottom:1.4rem}
.ipg-blok h2{font-size:1.1rem;margin:0 0 .75rem}
.ipg-tabelwrap{overflow-x:auto}
.ipg-tabel{border-collapse:collapse;width:100%;font-size:.9rem}
.ipg-tabel th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--grijs);font-weight:700;padding:.4rem .5rem;border-bottom:3px solid var(--inkt);white-space:nowrap}
.ipg-tabel td{padding:.6rem .5rem;border-bottom:1px solid var(--lijn);vertical-align:top}
.ipg-tabel td .knop{padding:.3rem .65rem;font-size:.82rem;white-space:nowrap}
.ipg-tabel .badge{margin-left:0;white-space:nowrap}
.ipg-versies{display:flex;gap:.25rem;flex-wrap:wrap}
.ipg-v{font-size:.75rem;font-weight:700;background:var(--mist);border:1px solid var(--lijn);border-radius:4px;padding:.05rem .45rem;cursor:pointer;font-family:inherit;color:var(--inkt)}
.ipg-v.laatste{border-color:var(--bpc);color:var(--bpc)}
.ipg-v.weg{text-decoration:line-through;color:var(--grijs)}
.ipg-bron{list-style:none;margin:0;padding:0}
.ipg-bron li{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--lijn);font-size:.9rem;overflow-wrap:anywhere}
.ipg-opm{margin:.75rem 0 0;background:#FBF1E4;border-left:4px solid var(--kraft-hout);padding:.5rem .75rem;font-size:.9rem;white-space:pre-line}
/* tijdlijn */
.ipg-tijd{list-style:none;margin:0;padding:0}
.ipg-tijd li{display:grid;grid-template-columns:5.2rem .9rem minmax(0,1fr);gap:.6rem;padding-bottom:1rem;position:relative}
.ipg-tijd li::before{content:"";position:absolute;left:calc(5.2rem + .6rem + .38rem);top:.9rem;bottom:0;width:2px;background:var(--lijn)}
.ipg-tijd li:last-child::before{display:none}
.ipg-tijd .wanneer{font-size:.75rem;color:var(--grijs);text-align:right;padding-top:.05rem;font-variant-numeric:tabular-nums}
.ipg-tijd .punt{width:.75rem;height:.75rem;margin-top:.25rem;border-radius:50%;border:2px solid var(--inkt);background:#fff;position:relative;z-index:1}
.ipg-tijd .p-ipg .punt{background:var(--kraft-hout);border-color:var(--kraft-donker)}
.ipg-tijd .p-bpc .punt,.ipg-tijd .p-systeem .punt{background:var(--inkt)}
.ipg-tijd .p-klant .punt{background:var(--bpc);border-color:var(--bpc)}
.ipg-tijd .p-correction .punt,.ipg-tijd .p-refus .punt{background:#A63D32;border-color:#A63D32}
.ipg-tijd .wat{font-size:.9rem;overflow-wrap:anywhere}
.ipg-tijd .wat b{color:var(--inkt)}
.ipg-tijd .wie{display:block;font-size:.75rem;color:var(--grijs)}
.ipg-tijd q{display:block;margin-top:.25rem;background:#F4DEDB;color:#A63D32;border-radius:4px;padding:.35rem .6rem;quotes:none;font-size:.82rem;white-space:pre-line}
.ipg-tijd .p-ipg q,.ipg-tijd .p-bpc q{background:var(--mist);color:var(--tekst)}
.ipg-tijd .p-correction q,.ipg-tijd .p-refus q{background:#F4DEDB;color:#A63D32}
/* opladen */
.ipg-opladen{border-top:4px solid var(--inkt)}
.ipg-vak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
@media (max-width:760px){.ipg-vak{grid-template-columns:1fr}}
.ipg-vak label{display:grid;gap:.3rem;font-weight:600;font-size:.88rem;color:var(--inkt)}
.ipg-vak label .stil{font-weight:400}
.ipg-vak input,.ipg-vak select,.ipg-vak textarea{padding:.55rem .65rem;font:inherit;font-weight:400}
.ipg-breed{grid-column:1/-1}
.ipg-drop{display:block;border:2px dashed var(--kraft-hout);background-color:#F3EBDF;border-radius:6px;padding:1.2rem;text-align:center;margin:1rem 0;cursor:pointer}
.ipg-drop.over{border-color:var(--bpc);background:var(--bpc-licht)}
.ipg-drop b{display:block;color:var(--inkt);overflow-wrap:anywhere}
.ipg-drop input{position:absolute;opacity:0;width:1px;height:1px}
.ipg-check{display:grid;gap:.3rem;margin:.75rem 0;font-size:.9rem;list-style:none;padding:0}
.ipg-check li{display:flex;gap:.5rem;align-items:flex-start}
.ipg-check .ic{font-weight:800;width:1.1rem;flex:none}
.ipg-check .ok{color:var(--bpc)} .ipg-check .nok{color:#A63D32} .ipg-check .let{color:var(--kraft-donker)}
.ipg-voortgang{height:.5rem;background:var(--mist);border:1px solid var(--lijn);border-radius:99px;overflow:hidden;margin:.75rem 0 .25rem}
.ipg-voortgang span{display:block;height:100%;background:var(--bpc);width:0;transition:width .3s}
.ipg-acties{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}
.ipg-melding{padding:.65rem .8rem;margin:.75rem 0 0;font-size:.9rem;border-radius:4px;background:#F4DEDB;color:#A63D32}
.ipg-melding.ok{background:var(--bpc-licht);color:var(--bpc)}
.ipg-melding.info{background:#E4E9EF;color:#3D5167}
.ipg-ro button:disabled,.ipg-ro .knop:disabled{opacity:.35;cursor:not-allowed}

/* Ingebed in /beheer → Proeven (iframe): geen eigen kop, de zwarte balk zegt dat het meekijken is */
.ipg-ingebed .kop{display:none}
.ipg-ingebed .ipg-meekijken{position:sticky;top:0;z-index:5}
.ipg-ingebed #afmelden2,.ipg-ingebed #googleLogin{display:none}
/* Blok "À faire" bovenaan het dossier (18 okt 2026): wat IPG nu moet doen, met de instructie van BPC; daarna de levering melden (afsluiten) */
.ipg-afaire{background:#fff;border:1px solid var(--lijn);border-left:5px solid var(--kraft-hout);border-radius:6px;padding:1rem 1.25rem;margin:0 0 1.4rem}
.ipg-afaire h2{margin:0 0 .6rem}
.ipg-af-lijst{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.ipg-af-lijst>li{border-top:1px solid var(--lijn);padding-top:.8rem}
.ipg-af-lijst>li:first-child{border-top:0;padding-top:0}
.ipg-af-kop{margin:0 0 .35rem;display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline}
.ipg-af-correctie .ipg-af-kop b,.ipg-af-niet_retenu .ipg-af-kop b{color:#A63D32}
.ipg-af-label{margin:.35rem 0 .2rem;font-weight:600;font-size:.88rem}
.ipg-af-instructie{display:block;quotes:none;background:#FBF1E4;border-left:4px solid var(--kraft-hout);padding:.55rem .8rem;white-space:pre-line;font-size:.95rem}
.ipg-af-correctie .ipg-af-instructie,.ipg-af-niet_retenu .ipg-af-instructie{background:#F9E9E6;border-left-color:#A63D32}
.ipg-af-prijs{margin:.4rem 0 .5rem}
.ipg-af-lev{border-top:1px solid var(--lijn);margin-top:.9rem;padding-top:.9rem}
.ipg-af-lijst:empty+.ipg-af-lev,.ipg-afaire h2+.ipg-af-lev{border-top:0;margin-top:0;padding-top:0}
.ipg-lev-formaten{display:grid;gap:.35rem;margin:.5rem 0 .8rem}
.ipg-lev-opm{display:grid;gap:.3rem;font-weight:600;font-size:.88rem;margin-top:.8rem}
.ipg-lev-opm textarea{padding:.55rem .65rem;font:inherit;font-weight:400}
.badge.ipg-livre{background:#DDEBD8;color:#336029}
.ipg-cloturer{background:#fff;border:1px solid var(--lijn);border-left:4px solid var(--inkt);border-radius:6px;padding:.75rem 1rem;margin-bottom:1.1rem;font-size:.92rem}
.ipg-cloturer ul{margin:.35rem 0 0;padding-left:1.1rem}