/* 106.0 - bestellingen + facturen in Mijn Van Hameren */
.customer-portal-nav--tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.portal-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.portal-history-note{display:grid;gap:4px;margin:0 0 14px;padding:12px 14px;border:1px solid #b8dfca;border-radius:12px;background:#eff9f3;color:#20583a;font-size:.82rem}
.portal-history-note strong{font-size:.86rem}
.portal-history-note span{color:#557a68;line-height:1.45}
.portal-invoice-list{display:grid;gap:9px}
.portal-invoice-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px;border:1px solid #dce9ef;border-radius:14px;background:#fff}
.portal-invoice-row.is-pickup{border-left:4px solid #078fc5}
.portal-invoice-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:#eef7fb;color:#0876a5;font-size:.72rem;font-weight:950;letter-spacing:.05em}
.portal-invoice-row>div:nth-child(2){min-width:0}
.portal-invoice-row>div:nth-child(2)>strong,.portal-invoice-row>div:nth-child(2)>small,.portal-invoice-row>div:nth-child(2)>em{display:block}
.portal-invoice-row>div:nth-child(2)>strong{color:#153e56;font-size:.93rem}
.portal-invoice-row>div:nth-child(2)>small{margin-top:3px;color:#718794;font-size:.74rem;line-height:1.35}
.portal-invoice-row>div:nth-child(2)>em{width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;background:#eaf6fb;color:#0876a5;font-style:normal;font-size:.67rem;font-weight:900}
.portal-invoice-row>strong{white-space:nowrap;color:#15394e}
.portal-invoice-button{min-width:130px!important;padding:10px 13px!important;text-align:center;text-decoration:none!important}
.portal-invoice-unavailable{max-width:180px;color:#768b98;font-size:.72rem;line-height:1.3;text-align:right}
.order-card-main small{line-height:1.45}
.customer-message.warn{border-color:#f0d7a1;background:#fff8e8;color:#7b5a18}
@media(max-width:1040px){.customer-portal-nav--tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.customer-portal-nav--tabs{grid-template-columns:1fr 1fr}.portal-quick-grid{grid-template-columns:1fr 1fr}.portal-invoice-row{grid-template-columns:44px minmax(0,1fr);gap:10px}.portal-invoice-icon{width:42px;height:42px}.portal-invoice-row>strong{grid-column:2}.portal-invoice-button,.portal-invoice-unavailable{grid-column:1/-1;max-width:none;width:100%!important;text-align:center}}