.login-error{margin-top:14px;padding:11px 12px;border:1px solid #d74343;background:#fff0f0;color:#8d1515;border-radius:8px;font-weight:700}.phone-pair-button{width:auto!important;min-width:44px;padding:0 10px!important;gap:6px}.phone-pair-label{font-size:12px}.pairing-layout{display:grid;grid-template-columns:minmax(210px,280px) 1fr;gap:22px;align-items:center;margin:18px 0}.pairing-qr{width:100%;max-width:280px;border:1px solid #d6dadd;border-radius:12px;background:#fff;padding:8px}.pairing-url{display:block;max-width:100%;overflow-wrap:anywhere;background:#f3f5f6;padding:10px;border-radius:8px;margin:10px 0}.integration-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.integration-status-grid article{padding:14px;border:1px solid #dde1e3;border-radius:10px;background:#f8f9f9}.integration-status-grid b,.integration-status-grid span{display:block}.integration-status-grid b{font-size:20px}.info-callout{padding:14px;border-left:4px solid #e28413;background:#fff8eb;border-radius:8px;margin:15px 0}.mobile-full-portal body{overscroll-behavior-y:none}@media(max-width:760px){.phone-pair-label{display:none}.pairing-layout{grid-template-columns:1fr}.pairing-qr{margin:auto}.integration-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{gap:4px}.content{padding-bottom:80px}.modal{max-height:92vh;overflow:auto}.choice-tile,.action-tile{min-height:76px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.tile-grid.three,.tile-grid.four{grid-template-columns:1fr 1fr}.data-table{min-width:720px}}

/* WEnovo 6.1 ontwikkelaccounts */
.development-login-panel{margin-top:14px;border:1px solid #d8dde0;border-radius:11px;background:#f8f9fa;overflow:hidden}.development-login-panel>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;font-weight:800;color:#24292d}.development-login-panel>summary::-webkit-details-marker{display:none}.development-login-panel>summary small{font-size:11px;font-weight:600;color:var(--muted)}.development-login-body{border-top:1px solid #e3e6e8;padding:11px}.development-login-group+ .development-login-group{margin-top:12px}.development-login-group h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 7px}.development-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.development-account{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid #dfe3e5;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.development-account:hover,.development-account:focus-visible{border-color:var(--orange);background:#fff8f2;outline:none}.development-account img,.development-initials{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;background:#252b2f;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:850}.development-account>span:last-child{display:grid;min-width:0}.development-account b,.development-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.development-account b{font-size:12px}.development-account small{font-size:10px;color:var(--muted)}.development-login-note{font-size:10px;line-height:1.4;color:var(--muted);margin:10px 0 0}

/* Samenstellingen en subartikelen */
.assembly-control{border:1px solid #d8dde0;border-radius:11px;background:#fafbfb;padding:12px;margin-top:14px!important;margin-bottom:14px!important}.assembly-toggle{margin:0!important}.assembly-builder{margin-top:13px;padding-top:13px;border-top:1px solid #dde1e3}.assembly-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.assembly-heading strong{display:block;margin-top:5px;color:#b55713;font-size:12px}.subarticle-list{display:grid;gap:10px;margin-top:11px}.subarticle-form{border-color:#c8ced2!important;background:#fff;box-shadow:0 3px 10px rgba(20,28,32,.04)}.subarticle-form>header{background:#f2f5f6!important;border-left:4px solid var(--orange)}.subarticle-form .step-label{color:#9a4a0f}.subarticle-form.collapsed>header{background:#fff7ef!important}.engineering-line>header .collapse-engineering-line{margin-left:7px}.engineering-line.collapsed>*:not(header){display:none!important}.engineering-line.collapsed>header{border-bottom:0;background:#fffaf7}

@media(max-width:760px){.development-account-grid{grid-template-columns:1fr}.development-login-panel>summary{align-items:flex-start;flex-direction:column;gap:2px}.assembly-heading{display:grid}.assembly-heading .button{width:100%}.assembly-control{margin-left:10px!important;margin-right:10px!important}.subarticle-form>header .remove-article,.subarticle-form>header .collapse-article{width:calc(50% - 5px);margin:4px 0 0!important}}

/* WEnovo 6.2 - beheerder, magazijn en artikelendatabase */
.admin-only-nav{border-left:3px solid var(--orange)!important}.article-database-control{margin:12px 0!important;border:1px solid #d8dde0;border-radius:11px;background:#f8fafb;padding:12px}.article-database-toggle{margin:0!important}.warehouse-separation{border-left-color:#2f7d4a;background:#f1faf4}.stock-location{display:block;margin-top:4px;color:var(--muted);font-size:10px}.internal-article-table .button-row{display:flex;gap:5px;flex-wrap:wrap}.storage-paths{display:grid;gap:8px;margin-top:14px}.storage-paths>div{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:10px;align-items:center;padding:9px 11px;border:1px solid #e1e5e7;border-radius:8px;background:#f8f9fa}.storage-paths code{overflow-wrap:anywhere}.admin-count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notification-list{display:grid;gap:8px;margin-top:14px}.notification-row{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;border:1px solid #dde2e5;border-radius:10px;padding:11px;background:#fff;cursor:pointer}.notification-row.unread{border-left:4px solid var(--orange);background:#fffaf4}.notification-row.read{opacity:.78}.notification-row:hover{border-color:var(--orange)}.notification-row span:nth-child(2){display:grid;gap:3px}.notification-row small,.notification-row time{color:var(--muted);font-size:11px}.notification-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f3f4}.loading-line{padding:20px;color:var(--muted)}
@media(max-width:760px){.admin-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-paths>div{grid-template-columns:1fr}.internal-article-table{min-width:1050px}.notification-row{grid-template-columns:32px 1fr}}

/* WEnovo 6.16.0 - customer workflow met geërfde commerciële samenstellingsregel */
.assembly-commercial-line{border-style:solid}.assembly-price-editor{display:flex;align-items:center;gap:7px;min-width:220px}.assembly-price-editor input{width:105px;min-width:0;border:1px solid #cfd6da;border-radius:8px;padding:7px 8px;background:#fff}.assembly-price-editor .button{white-space:nowrap}
@media(max-width:760px){.assembly-price-editor{min-width:190px}.assembly-price-editor input{width:92px}}

/* Interaction hardening R1: statuskleur is semantisch en portaalbreed. */
.status.neutral{background:#edf1f3;color:#4f5960}
.status[data-status-semantic="green"]{background:#e5f7ef;color:#18774f}
.status[data-status-semantic="blue"]{background:#e9efff;color:#2754b5}
.status[data-status-semantic="orange"]{background:#fff0e6;color:#a84b16}
.status[data-status-semantic="red"]{background:#fee9e7;color:#a52922}

/* Numeric stock levels retain their quantity-based meaning. */
.warehouse-stock-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}
.warehouse-stock-badge.green{background:#e5f7ef;color:#18774f;border-color:#b6dfca}
.warehouse-stock-badge.orange{background:#fff0e6;color:#924315;border-color:#ecc4a6}
.warehouse-stock-badge.red{background:#fee9e7;color:#a52922;border-color:#eab4ae}