.bpd-staff-login-wrap{max-width:520px;margin:52px auto;padding:0 18px}
.bpd-staff-login-card{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:30px;box-shadow:0 18px 45px rgba(20,45,85,.10)}
.bpd-staff-login-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4ecd8;font-size:24px;margin-bottom:12px}
.bpd-staff-login-card h1,.bpd-staff-login-card h2{color:#142d55;margin:0 0 8px}
.bpd-staff-login-card label{font-weight:800;color:#142d55;display:block;margin:18px 0 6px}
.bpd-staff-login-card input{width:100%;min-height:48px;border:1px solid #cfd7e3;border-radius:9px;padding:10px 12px;font:inherit}
.bpd-staff-login-card button{width:100%;margin-top:14px;background:#142d55;color:#fff;border:0;border-radius:9px;padding:13px 16px;font-weight:800;cursor:pointer}
.bpd-staff-login-help{font-size:13px;color:#667085;margin-bottom:0}
.bpd-staff-login-error{background:#fff3f2;color:#b42318;border:1px solid #f3aaa5;border-radius:8px;padding:10px 12px;margin:12px 0}

.bpd-staff-dashboard{max-width:1500px;margin:34px auto 60px;padding:0 22px}
.bpd-staff-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.bpd-staff-kicker{font-size:11px;letter-spacing:.1em;font-weight:900;color:#c49a35}
.bpd-staff-head h1{margin:3px 0 2px;color:#142d55}
.bpd-staff-head p{margin:0;color:#667085}
.bpd-staff-head-actions{display:flex;gap:10px;align-items:stretch}
.bpd-staff-refresh{background:#fff;border:1px solid #e0e5ec;border-radius:10px;padding:10px 14px;text-align:right;font-size:13px}
.bpd-staff-logout{display:flex;align-items:center;border:1px solid #e0e5ec;border-radius:10px;padding:10px 14px;font-weight:800;color:#142d55;background:#fff}

.bpd-staff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.bpd-staff-stats>div{background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:15px 17px;box-shadow:0 8px 24px rgba(20,45,85,.05)}
.bpd-staff-stats span{display:block;color:#667085;font-size:13px}
.bpd-staff-stats strong{display:block;color:#142d55;font-size:27px;line-height:1.15;margin-top:3px}

.bpd-staff-filters{display:grid;grid-template-columns:210px 210px minmax(240px,1fr) auto;gap:10px;background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:14px;margin:18px 0}
.bpd-staff-filters select,.bpd-staff-filters input{min-height:42px;border:1px solid #ccd5e2;border-radius:8px;padding:8px 10px;background:#fff;font:inherit}
.bpd-staff-filters button{border:0;border-radius:8px;background:#142d55;color:#fff;padding:10px 15px;font-weight:800;cursor:pointer}

.bpd-staff-list{display:grid;gap:11px}
.bpd-staff-job{display:grid;grid-template-columns:170px minmax(0,1fr) 190px;gap:16px;background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:15px;align-items:start;box-shadow:0 6px 20px rgba(20,45,85,.04)}
.bpd-staff-job[hidden]{display:none!important}
.bpd-staff-service{font-weight:900;padding:9px 11px;border-radius:8px;background:#eef3f8;color:#142d55}
.service-label{background:#eaf2ff}.service-document{background:#f6efff}.service-pickup{background:#fff4dd}.service-delivery{background:#e9f8f4}.service-collective{background:#fff0e6}.service-pallet{background:#eaf7ef}
.bpd-staff-title{display:flex;justify-content:space-between;gap:15px}
.bpd-staff-title strong{color:#142d55}
.bpd-staff-title span,.bpd-staff-email{color:#667085;font-size:13px}
.bpd-staff-company{font-weight:700;margin-top:2px}
.bpd-staff-email{display:inline-block;margin-top:2px}
.bpd-staff-detail{margin-top:8px;line-height:1.5}
.bpd-staff-files{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.bpd-staff-files a{border:1px solid #ccd5e2;border-radius:7px;padding:6px 9px;font-size:13px;background:#fff}
.bpd-staff-actions{display:grid;gap:8px}
.bpd-staff-actions select{width:100%;min-height:40px;border:1px solid #ccd5e2;border-radius:8px;padding:7px;background:#fff}
.bpd-staff-actions button{border:0;border-radius:8px;background:#142d55;color:#fff;padding:10px;font-weight:800;cursor:pointer}
.bpd-staff-empty,.bpd-staff-loading{padding:28px;background:#fff;border:1px dashed #ccd5e2;border-radius:12px;text-align:center;color:#667085}

@media(max-width:900px){
  .bpd-staff-head{display:block}
  .bpd-staff-head-actions{margin-top:14px}
  .bpd-staff-refresh{text-align:left}
  .bpd-staff-stats{grid-template-columns:repeat(2,1fr)}
  .bpd-staff-filters{grid-template-columns:1fr}
  .bpd-staff-job{grid-template-columns:1fr}
  .bpd-staff-title{display:block}
}
@media(max-width:520px){
  .bpd-staff-dashboard{padding:0 14px}
  .bpd-staff-head-actions{display:grid}
  .bpd-staff-stats{grid-template-columns:1fr 1fr}
}

.bpd-staff-page{min-height:calc(100vh - 180px);padding:34px 0 60px;background:#f7f9fc}.bpd-staff-page>.bpd-wrap{max-width:1500px}


/* v2.2.0 - statuskleuren */
.bpd-staff-stats .status-stat{border-width:2px}
.bpd-staff-stats .status-new{background:#fff8d8;border-color:#e7c842}
.bpd-staff-stats .status-new span,.bpd-staff-stats .status-new strong{color:#725700}
.bpd-staff-stats .status-processing{background:#fff0df;border-color:#ed9a3b}
.bpd-staff-stats .status-processing span,.bpd-staff-stats .status-processing strong{color:#9a4a00}
.bpd-staff-stats .status-done{background:#e8f7ec;border-color:#63b879}
.bpd-staff-stats .status-done span,.bpd-staff-stats .status-done strong{color:#176b32}

.bpd-status-badge{
  display:inline-flex;
  align-items:center;
  margin-top:8px;
  padding:5px 9px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:900;
  border:1px solid transparent;
}
.bpd-status-badge.status-new{background:#fff3b8;color:#725700;border-color:#e7c842}
.bpd-status-badge.status-processing{background:#ffe0bf;color:#9a4a00;border-color:#ed9a3b}
.bpd-status-badge.status-done{background:#d9f1df;color:#176b32;border-color:#63b879}

.bpd-staff-job.status-new{border-left:5px solid #e7c842}
.bpd-staff-job.status-processing{border-left:5px solid #ed9a3b}
.bpd-staff-job.status-done{border-left:5px solid #63b879}

/* Duidelijke opdrachtdetails */
.bpd-order-summary{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:9px 11px;
  border-radius:8px;
  background:#f7f9fc;
}
.bpd-order-summary strong{color:#142d55}
.bpd-order-summary span{font-weight:800}

.bpd-staff-special{
  margin-top:10px;
  border-radius:10px;
  padding:13px 14px;
  border:1px solid #d8e0ea;
}
.bpd-special-title{
  font-size:13px;
  font-weight:950;
  letter-spacing:.03em;
  color:#142d55;
  margin-bottom:7px;
}
.bpd-special-note{
  font-weight:800;
  margin-bottom:10px;
}
.bpd-special-total{
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(20,45,85,.13);
}

.bpd-staff-special-addon{
  background:#fff8dc;
  border-color:#e8ce68;
}
.bpd-addon-line{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:6px 0;
}
.bpd-addon-line+ .bpd-addon-line{
  border-top:1px solid rgba(114,87,0,.14);
}
.bpd-addon-line strong{color:#725700}
.bpd-addon-line span{font-weight:700;color:#725700}

.bpd-staff-special-pickup{
  background:#fff6e6;
  border:2px solid #e8ad52;
}
.bpd-staff-special-delivery{
  background:#eaf8f5;
  border:2px solid #55aa98;
}

.bpd-package-box{
  display:grid;
  gap:3px;
  padding:10px 11px;
  background:#fff;
  border:1px solid rgba(20,45,85,.12);
  border-radius:8px;
  margin-top:7px;
}
.bpd-package-box strong{color:#142d55}
.bpd-package-box span{font-size:13px}

.bpd-delivery-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.bpd-delivery-grid>div,
.bpd-delivery-address{
  background:#fff;
  border:1px solid rgba(20,45,85,.12);
  border-radius:8px;
  padding:9px 10px;
}
.bpd-delivery-grid span,
.bpd-delivery-address span{
  display:block;
  color:#667085;
  font-size:12px;
  margin-bottom:2px;
}
.bpd-delivery-grid strong,
.bpd-delivery-address strong{
  display:block;
  color:#142d55;
}
.bpd-delivery-address{margin-top:8px}

@media(max-width:700px){
  .bpd-staff-stats{grid-template-columns:1fr}
  .bpd-addon-line{display:grid;gap:2px}
  .bpd-delivery-grid{grid-template-columns:1fr}
}


/* v2.2.1 - staatslot samenvatting */
.bpd-addon-summary-head{margin-bottom:8px;color:#725700;font-size:14px}
.bpd-addon-summary-row{padding:2px 0 4px;color:#725700;font-weight:800}
.bpd-addon-lines{margin-top:8px;border-top:1px solid rgba(114,87,0,.16);padding-top:6px}


/* v2.2.2 - stabiele uitlogflow */
.bpd-staff-logout-form{
  display:flex;
  margin:0;
}
.bpd-staff-logout-form .bpd-staff-logout{
  appearance:none;
  cursor:pointer;
  font:inherit;
}
.bpd-staff-login-success{
  background:#ecfdf3;
  color:#067647;
  border:1px solid #abefc6;
  border-radius:8px;
  padding:10px 12px;
  margin:12px 0;
  font-weight:700;
}

/* v2.2.4 - sessie- en verbindingsstatus */
.bpd-staff-refresh small{display:inline-block;margin-top:2px;color:#667085;font-size:11px;font-weight:600}
.bpd-staff-login-info{background:#eff6ff;color:#1849a9;border:1px solid #b2ccff;border-radius:8px;padding:10px 12px;margin:12px 0;font-weight:700}


/* v2.2.6 - laadfout / opnieuw proberen */
.bpd-staff-load-error{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:20px;border:1px solid #fecdca;background:#fffbfa;border-radius:12px;color:#912018}
.bpd-staff-load-error strong{font-size:16px}
.bpd-staff-load-error span{font-size:13px;color:#b42318}
.bpd-staff-load-error button{border:0;border-radius:8px;background:#142d55;color:#fff;padding:9px 14px;font-weight:800;cursor:pointer}


/* v2.2.8 - stabiele handmatige verversing */
.bpd-staff-head-actions .bpd-staff-logout{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
[data-refresh]:disabled{
  opacity:.65;
  cursor:wait;
}


/* v2.2.9 - 5 minuten refresh + betrouwbare inactivity logout */
.bpd-staff-refresh strong{white-space:nowrap}

.bpd-location-badge{display:inline-block;margin:0 0 10px;padding:6px 9px;border-radius:8px;background:#eef3f8;color:#142d55;font-size:12px}.bpd-location-badge strong{font-weight:800}