body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.container{box-sizing:border-box;margin:0 auto}.App-header,.container{padding:10px;width:100%}.App-header{background-color:#007bff;color:#fff;text-align:center}.App-header h4{font-size:1.4em;margin:0}.barcode-input{border:1px solid #ccc;max-width:300px;padding:10px;width:80%}.barcode-input,.btn-confirm{font-size:16px;margin-bottom:20px}.btn-confirm{background-color:#007bff;border:none;padding:10px 20px}.btn-confirm:hover{background-color:#0056b3}.btn-back{background-color:#6c757d;border:none;font-size:16px;padding:10px 20px}.btn-back:hover{background-color:#5a6268}.article-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin:10px auto;margin-left:0;max-width:110%;min-width:100%;overflow-x:hidden;padding:15px;width:90%}.article-card h3{margin-top:0}.alternative-location p,.article-details p{word-wrap:break-word;margin:3px 0}.collapsible{margin-top:5px}.collapsible .Collapsible__contentInner{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:8px}.collapsible-trigger{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin:8px 0;padding:8px;text-align:center}.collapsible-trigger:hover{background-color:#0056b3}.collapsible-trigger.active{background-color:#0056b3;font-weight:700}.collapsible.disabled p{background-color:#e0e0e0;border-radius:5px;color:#999;cursor:not-allowed;padding:8px;text-align:center}.alternative-location{border-top:1px solid #eee;padding:8px 0}.input-group{align-items:center;display:flex;flex-direction:column;margin-top:10px}.input-quantity{border:1px solid #ccc;border-radius:5px;margin-bottom:8px;max-width:180px;padding:8px;width:90%}.button-group,.button-group-single{margin-bottom:8px;max-width:250px}.button-group-single{display:flex;justify-content:center;width:100%}.btn-check,.btn-confirm,.btn-process{border:none;border-radius:5px;cursor:pointer;flex:1 1;margin:0 3px;padding:8px 15px}.btn-process{background-color:#007bff;color:#fff}.btn-process:hover{background-color:#0056b3}.btn-process:disabled{background-color:grey;color:#d3d3d3;cursor:not-allowed}.btn-check{background-color:#ffc107;color:#fff}.btn-check:hover{background-color:#e0a800}.error-message,.picked-quantity-display{font-weight:700;margin-top:8px}.error-message{color:red}.button-group{display:flex;justify-content:space-between;margin-bottom:10px;max-width:300px;width:100%}.btn-default{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;margin-right:5px;padding:10px 15px}.btn-default:hover{background-color:#218838}.btn-anders{border-radius:5px;flex:1 1;padding:10px 15px}.btn-anders:hover{background-color:#0056b3}.anders-input-group{align-items:center;display:flex;margin-top:10px}.anders-input{border:1px solid #ccc;border-radius:5px;margin-right:5px;padding:8px;width:130px}.btn-check-mark{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px}.fullscreen-loader{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:8px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-check-mark-edit{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px}.btn-anders,.btn-check-mark:hover{background-color:#007bff}.btn-anders{border:none;color:#fff;cursor:pointer;padding:8px 16px}.btn-anders:disabled,.btn-default:disabled{background-color:#d3d3d3;color:#888;cursor:not-allowed}.btn-edit{background-color:gray;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:14px;margin-left:50px;padding:10px 20px}.btn-edit:hover{background-color:#a9a9a9}.btn-correctie,.button-group .btn-edit,.edit-icon{margin-right:5px}.btn-correctie{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:2 1;padding:10px 15px}.btn-correctie:hover{background-color:#0056b3}.article-list,.home-page{align-items:center;display:flex;flex-direction:column;padding:20px}.home-page{background-color:#f4f4f4;height:100vh}.btn-back,.home-page{justify-content:center}.btn-back{align-items:center;align-self:center;background-color:tomato;border:2px solid tomato;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:18px;margin-bottom:10px;margin-top:40px;padding:12px 20px;transition:background-color .3s ease;width:60%}.btn-back:hover{background-color:#ff4500}.input-container{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.barcode-input{border:2px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:10px;outline:none;padding:12px;width:100%}.barcode-input,.btn-confirm{box-shadow:0 2px 4px #0000001a;font-size:18px}.btn-confirm{background-color:#28a745;border:2px solid #28a745;border-radius:5px;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s ease;width:60%}.btn-confirm:hover{background-color:#218838}.ride-page{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:480px;min-height:100vh}.ride-header{background-color:#000;color:#fff;font-size:1.1em;font-weight:700;padding:12px 40px;position:relative;text-align:center}.ride-header-info{background:none;border:none;color:#fff;cursor:pointer;font-size:1.4em;padding:0 8px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ride-meta{background-color:#eef0f5;display:flex;font-weight:700;justify-content:space-between;padding:10px 12px}.ride-debug-banner{background-color:#ffeb3b;border-radius:5px;font-weight:700;margin:10px 12px 0;padding:10px;text-align:center}.ride-empty,.ride-loading{color:#666;padding:20px;text-align:center}.ride-error{padding:10px 12px}.ride-error .error-message{color:#dc3545;font-weight:700}.ride-list{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin:10px 12px}.ride-item{border-bottom:1px solid #ddd;padding:12px 12px 10px;position:relative}.ride-item:last-child{border-bottom:none}.ride-item-address{line-height:1.4;padding-right:36px}.ride-item-remark{background:none;border:none;color:#f5a623;cursor:pointer;font-size:1.4em;padding:0 4px;position:absolute;right:8px;top:8px}.ride-item-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:6px}.ride-item-summary{line-height:1.4}.ride-item-time{color:#d9534f;font-weight:700}.ride-item-button{min-width:130px}.ride-btn{border:none;border-radius:4px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 14px}.ride-btn:disabled{cursor:default;opacity:.6}.ride-btn-primary{background-color:#375fcf}.ride-btn-back{background-color:#4a90e2}.ride-btn-undeliverable{background-color:#f5a623}.ride-btn-delivered{background-color:#7ed321}.ride-detail{background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex:1 1;flex-direction:column;margin:10px 12px;padding:14px 12px}.ride-detail-address{line-height:1.5;margin-bottom:20px}.ride-detail-remark{background-color:#fff6e0;border-radius:4px;color:#b36b00;margin-top:6px;padding:6px 8px}.ride-detail-status{font-weight:700;margin-top:6px}.ride-form{display:flex;flex-direction:column;gap:10px}.ride-input,.ride-textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:10px;width:100%}.ride-textarea{min-height:90px;resize:vertical}.ride-pakbonnen{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;margin-top:10px}.ride-pakbonnen-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:16px;gap:10px;justify-content:space-between;padding:12px;text-align:left;width:100%}.ride-pakbonnen-toggle:disabled{cursor:default}.ride-pakbonnen-status{color:#666;display:block;font-size:14px;margin-top:2px}.ride-pakbonnen-status-partial{color:#b36b00;font-weight:700}.ride-pakbonnen-chevron{color:#375fcf;font-size:14px}.ride-pakbonnen-list{border-top:1px solid #ddd;display:flex;flex-direction:column;gap:2px;max-height:45vh;overflow-y:auto;padding:6px 12px 10px}.ride-pakbonnen-actions{display:flex;gap:16px;padding:4px 0 8px}.ride-link{background:none;border:none;color:#375fcf;cursor:pointer;font:inherit;font-size:14px;padding:0;text-decoration:underline}.ride-link:disabled{color:#999;cursor:default;text-decoration:none}.ride-pakbon{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:6px 0}.ride-pakbon-label{flex:1 1}.ride-pakbon-meta{color:#666;font-size:13px;white-space:nowrap}.ride-pakbon input[type=checkbox]{accent-color:#375fcf;height:20px;width:20px}.ride-form .error-message{color:#dc3545;font-weight:700;margin:4px 0 0}.ride-actions{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.ride-actions .ride-btn-back{flex:0 0 auto}.ride-actions .ride-btn-delivered,.ride-actions .ride-btn-undeliverable{flex:1 1}.ride-modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.ride-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000004d;max-height:85%;max-width:90%;overflow:auto;padding:24px;text-align:left}.ride-modal-wide{width:90%}.ride-modal-title{color:#333;margin-top:0}.ride-info-text{line-height:1.6;margin:0 0 20px}.ride-debug-json{background-color:#f8f9fa;border-radius:4px;font-family:monospace;font-size:12px;max-height:60vh;overflow:auto;padding:10px;white-space:pre-wrap}.unauthenticated-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:600px;padding:50px;text-align:center;width:80%}.unauthenticated-icon{font-size:50px;margin-bottom:20px}.unauthenticated-title{color:#dc3545;font-size:24px;font-weight:700;margin-bottom:10px}.unauthenticated-text{color:#343a40;font-size:18px}.unauthenticated-text strong{color:#007bff}
/*# sourceMappingURL=main.3bc0e625.css.map*/