@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

@font-face{
  font-family:'Chatara Regular';
  src:url('/fonts/Chatara.otf') format('opentype'),url('/fonts/Chatara.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

@font-face{
  font-family:'Montserrat';
  src:url('/fonts/Montserrat-500.ttf') format('truetype');
  font-weight:500;
  font-style:normal;
}

@font-face{
  font-family:'Montserrat';
  src:url('/fonts/Montserrat-600.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
}

:root{
  --nav:#111827;--nav-soft:#1f2937;--bg:#f4f6f9;--surface:#fff;--surface-soft:#f8fafc;
  --text:#172033;--muted:#6b7280;--line:#e5e9f0;--primary:#4f46e5;--primary-soft:#eef2ff;
  --success:#138a5b;--success-soft:#e9f8f1;--warning:#d97706;--warning-soft:#fff7e8;
  --danger:#dc3545;--danger-soft:#fff0f1;--info:#1677d2;--info-soft:#eaf4ff;
  --shadow:0 8px 28px rgba(25,34,55,.07);--radius:16px
}

/* Product photo crop editor */
.photo-upload .photo-crop-thumb{
  display:block;
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  padding:0!important;
  width:64px;
  height:64px;
  overflow:hidden;
  border-radius:11px;
  background:#f2f4f7;
}
.photo-upload .photo-crop-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
  transform:scale(var(--img-zoom,1))!important;
  transform-origin:var(--img-x,50%) var(--img-y,50%)!important;
  filter:brightness(var(--img-brightness,1)) contrast(var(--img-contrast,1)) saturate(var(--img-saturation,1)) sepia(var(--img-sepia,0))!important;
  border-radius:0!important;
}
.photo-upload>img{
  display:none!important;
}
.photo-upload .photo-crop-thumb + span{
  position:absolute;
  left:3px;
  right:3px;
  bottom:3px;
}
.photo-actions{
  grid-template-columns:1fr auto auto auto!important;
}
.photo-edit-button{
  white-space:nowrap;
}
.photo-editor-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(10px);
}
.photo-editor-modal.open{
  display:grid;
}
.photo-editor-card{
  position:relative;
  width:min(760px,100%);
  max-height:min(92vh,860px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.55);
  border-radius:28px;
  padding:24px;
  background:linear-gradient(145deg,#fff,rgba(248,250,252,.96));
  box-shadow:0 28px 90px rgba(15,23,42,.24);
}
.photo-editor-close{
  position:absolute;
  right:18px;
  top:18px;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:#eef2f7;
  color:#111827;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.photo-editor-head{
  padding-right:56px;
}
.photo-editor-head span{
  display:block;
  color:var(--primary);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.photo-editor-head h2{
  margin:5px 0 6px;
  font:900 clamp(24px,4vw,38px) Manrope;
}
.photo-editor-head p{
  max-width:58ch;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}
.photo-editor-stage{
  display:grid;
  place-items:center;
  margin:20px 0;
}
.photo-editor-preview{
  position:relative;
  width:min(420px,100%);
  aspect-ratio:1/1;
  height:auto;
  overflow:hidden;
  border:2px solid rgba(169,99,59,.22);
  border-radius:24px;
  background:#e9edf3;
  touch-action:none;
  cursor:grab;
}
.photo-editor-preview.dragging{
  cursor:grabbing;
}
.photo-editor-preview:after{
  content:"Sleep foto · gebruik randen/hoeken";
  position:absolute;
  left:14px;
  bottom:14px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.photo-editor-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--img-x,50%) var(--img-y,50%);
  transform:scale(var(--img-zoom,1));
  transform-origin:var(--img-x,50%) var(--img-y,50%);
  filter:brightness(var(--img-brightness,1)) contrast(var(--img-contrast,1)) saturate(var(--img-saturation,1)) sepia(var(--img-sepia,0));
  user-select:none;
  pointer-events:none;
}
.photo-editor-preview [data-crop-handle]{
  position:absolute;
  width:34px;
  height:34px;
  border:3px solid #fff;
  border-radius:12px;
  background:var(--primary);
  box-shadow:0 12px 25px rgba(15,23,42,.24);
  cursor:nwse-resize;
  touch-action:none;
}
.photo-editor-preview [data-crop-handle="tl"]{left:13px;top:13px}
.photo-editor-preview [data-crop-handle="t"]{left:50%;top:10px;transform:translateX(-50%);cursor:ns-resize}
.photo-editor-preview [data-crop-handle="tr"]{right:13px;top:13px;cursor:nesw-resize}
.photo-editor-preview [data-crop-handle="r"]{right:10px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.photo-editor-preview [data-crop-handle="br"]{right:13px;bottom:13px}
.photo-editor-preview [data-crop-handle="b"]{left:50%;bottom:10px;transform:translateX(-50%);cursor:ns-resize}
.photo-editor-preview [data-crop-handle="bl"]{left:13px;bottom:13px;cursor:nesw-resize}
.photo-editor-preview [data-crop-handle="l"]{left:10px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.photo-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:-4px 0 15px;
}
.photo-editor-toolbar button{
  min-height:42px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#334155;
  padding:9px 13px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.photo-editor-toolbar button:hover{
  border-color:var(--primary);
  color:var(--primary);
  box-shadow:0 0 0 4px var(--primary-soft);
}
.photo-filter-panel{
  margin-top:6px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f8fafc;
  padding:12px;
}
.photo-filter-panel summary{
  cursor:pointer;
  color:#334155;
  font-size:13px;
  font-weight:900;
}
.photo-filter-panel .photo-editor-controls{
  margin-top:12px;
}
.photo-editor-controls{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.photo-editor-controls label{
  display:grid;
  gap:9px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:900;
}
.photo-editor-controls input[type=range]{
  accent-color:var(--primary);
  width:100%;
}
.photo-editor-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
}
@media(max-width:760px){
  .photo-actions{
    grid-template-columns:1fr!important;
  }
  .photo-editor-modal{
    align-items:end;
    padding:12px;
  }
  .photo-editor-card{
    border-radius:24px 24px 0 0;
    padding:20px;
  }
  .photo-editor-preview{
    width:min(360px,100%);
  }
  .photo-editor-controls{
    grid-template-columns:1fr;
  }
  .photo-editor-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .photo-editor-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  .photo-upload .photo-crop-thumb{
    width:46px;
    height:46px;
  }
  .photo-editor-preview{
    width:min(300px,100%);
  }
}

/* Filerobot editor integration */
.photo-editor-modal.filerobot-modal{
  padding:18px;
  background:rgba(15,23,42,.68);
}
.filerobot-shell{
  width:min(1180px,100%);
  height:min(92vh,860px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.48);
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 100px rgba(15,23,42,.34);
}
.filerobot-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,#fff,#f8fafc);
}
.filerobot-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:none;
}
.filerobot-apply{
  min-height:46px;
  border-radius:999px;
  background:linear-gradient(135deg,#A9633B,#8f4f2f)!important;
  box-shadow:0 10px 24px rgba(169,99,59,.22)!important;
  white-space:nowrap;
}
.filerobot-apply:disabled{
  opacity:.68;
  cursor:progress;
  transform:none!important;
}
.filerobot-head span{
  display:block;
  color:var(--primary);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.filerobot-head h2{
  margin:3px 0;
  font:900 clamp(22px,3vw,34px) Manrope;
}
.filerobot-head p{
  margin:0;
  color:var(--muted);
  line-height:1.45;
  font-size:13px;
}
.filerobot-close{
  flex:none;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  background:var(--danger-soft);
  color:var(--danger);
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.filerobot-host{
  min-height:0;
  min-width:0;
  height:100%;
  width:100%;
  overflow:hidden;
}
.filerobot-host>div{
  height:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.filerobot-host .FIE_root,
.filerobot-host .FIE_main-container,
.filerobot-host .FIE_editor-content,
.filerobot-host .FIE_canvas-container{
  min-width:0!important;
  max-width:100%!important;
}
.filerobot-host .FIE_root{
  width:100%!important;
  overflow:hidden!important;
}
.filerobot-host .FIE_main-container,
.filerobot-host .FIE_editor-content{
  width:100%!important;
}
.filerobot-host .FIE_canvas-container{
  width:auto!important;
  flex:1 1 auto!important;
}
.filerobot-loading{
  height:100%;
  display:grid;
  place-items:center;
  color:var(--primary);
  font:900 14px Manrope,system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:linear-gradient(135deg,#fff,#f8fafc);
}
@media(max-width:760px){
  .photo-editor-modal.filerobot-modal{
    padding:0;
    align-items:stretch;
  }
  .filerobot-shell{
    width:100%;
    height:100vh;
    border-radius:0;
  }
  .filerobot-head{
    padding:14px 14px 12px;
    align-items:center;
  }
  .filerobot-head p{
    display:none;
  }
  .filerobot-head-actions{
    gap:8px;
  }
  .filerobot-apply{
    min-height:42px;
    padding:9px 12px!important;
    font-size:10px!important;
  }
  .filerobot-close{
    width:42px;
    height:42px;
  }
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
button,input,select,textarea{font:inherit}button{transition:.18s ease}
aside{background:var(--nav);color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:4px 10px 22px;font:800 16px Manrope;letter-spacing:.14em;border-bottom:1px solid rgba(255,255,255,.09)}
.logo img{width:44px;height:44px;border-radius:12px;object-fit:cover}.logo span{opacity:.95}
aside nav{display:flex;flex-direction:column;gap:5px;padding-top:20px}
.nav{position:relative;border:0;background:transparent;color:#aeb8c8;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:11px;font-weight:600;font-size:13px}
.nav i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;font-size:16px}.nav:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav.active{background:#fff;color:var(--nav);box-shadow:0 5px 15px rgba(0,0,0,.2)}.nav b{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ef4444;color:#fff;font-size:10px}
.store-link{margin-top:auto;color:#cbd5e1;text-decoration:none;font-size:12px;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:10px;text-align:center}.store-link:hover{background:rgba(255,255,255,.08);color:#fff}
main{padding:26px 34px 60px;max-width:1600px;width:100%;min-width:0}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
header p{margin:0;color:var(--primary);text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.15em}
header h1{font:800 27px Manrope;margin:3px 0 0}.header-actions{display:flex;align-items:center;gap:10px}
.live-dot{font-size:11px;color:var(--success);background:var(--success-soft);border-radius:99px;padding:8px 11px;font-weight:700}.live-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:6px}
header button,.button,.primary-action{border:0;border-radius:9px;background:var(--primary);color:#fff;padding:10px 15px;font-weight:700;font-size:12px;cursor:pointer;box-shadow:0 4px 12px rgba(79,70,229,.18)}
header button:hover,.button:hover,.primary-action:hover{transform:translateY(-1px);filter:brightness(.98)}
.button.ghost{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}.button.secondary{background:var(--nav)}
.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(18,28,45,.025)}
.panel{padding:21px}.panel h2{font:700 18px Manrope;margin:0 0 17px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel-head h2{margin:0}.panel-head small{color:var(--muted);display:block;margin-top:3px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.card{padding:19px}.card>span,.card div>span{color:var(--muted);font-size:11px;font-weight:600}.card strong{display:block;font:800 27px Manrope;margin:7px 0 2px}.card em{font-style:normal;color:var(--muted);font-size:10px}
.empty{text-align:center;color:var(--muted);padding:45px 20px}.loading{text-align:center;padding:100px;color:var(--muted)}

/* Dashboard */
.welcome-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(125deg,#312e81,#4f46e5 62%,#6366f1);color:#fff;padding:28px 30px;border-radius:18px;margin-bottom:18px;box-shadow:0 12px 30px rgba(79,70,229,.18)}
.welcome-card:after{content:'';position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-120px}.welcome-card>*{position:relative;z-index:1}
.welcome-card span,.stats-header span{font-size:9px;letter-spacing:.15em;font-weight:800;opacity:.76}.welcome-card h2{font:800 25px Manrope;margin:6px 0}.welcome-card p{margin:0;opacity:.76;font-size:12px}
.welcome-card .primary-action{background:#fff;color:var(--primary);box-shadow:none;display:flex;gap:18px;align-items:center;white-space:nowrap}.welcome-card .primary-action b{font-size:18px}
.metric-card{display:flex;align-items:center;gap:14px;padding:17px}.metric-card strong{font-size:23px}.metric-icon{font-style:normal;display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;font-weight:800}.metric-icon.blue{background:var(--info-soft);color:var(--info)}.metric-icon.orange{background:var(--warning-soft);color:var(--warning)}.metric-icon.violet{background:var(--primary-soft);color:var(--primary)}.metric-icon.green{background:var(--success-soft);color:var(--success)}
.recent-panel{margin-top:18px}.recent-order{width:100%;display:grid;grid-template-columns:95px 1fr 160px 110px 130px;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:13px 9px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.recent-order:hover{background:var(--surface-soft)}.recent-order i{font-style:normal;text-align:center}

/* Bestellingen */
.orders-panel{padding:0;overflow:hidden}.orders-toolbar{display:grid;grid-template-columns:auto auto minmax(220px,1fr) auto;align-items:center;gap:11px;padding:18px 20px;background:#fff;border-bottom:1px solid var(--line)}
.segmented{display:flex;background:#f1f4f8;padding:4px;border-radius:10px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:8px 11px;font-weight:700;font-size:10px;cursor:pointer;white-space:nowrap}.segmented button.active{background:#fff;color:var(--text);box-shadow:0 2px 7px rgba(20,30,50,.09)}
.orders-toolbar input,.slot-panel-head input{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:9px;padding:10px 11px;min-width:0;outline:none}.orders-toolbar input:focus,.slot-panel-head input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.hidden-control{display:none}.hidden-save{display:none!important}.export-button{white-space:nowrap;background:var(--nav);box-shadow:none}.status-tabs{display:flex;gap:22px;padding:0 20px;border-bottom:1px solid var(--line)}
.status-tabs button{position:relative;border:0;background:transparent;color:var(--muted);padding:15px 2px 13px;font-weight:700;font-size:11px;cursor:pointer}.status-tabs button.active{color:var(--primary)}.status-tabs button.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--primary)}
.status-tabs b{display:inline-grid;place-items:center;margin-left:5px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#eef1f5;color:var(--muted);font-size:9px}.status-tabs button.active b{background:var(--primary-soft);color:var(--primary)}
.orders-summary{display:flex;gap:24px;flex-wrap:wrap;padding:12px 20px;background:var(--surface-soft);color:var(--muted);font-size:11px}.orders-summary b{color:var(--text)}
.order-list{padding:17px;background:#f7f8fb;display:flex;flex-direction:column;gap:13px}
.order-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 3px 12px rgba(31,41,55,.04);border-left:4px solid var(--warning)}.order-card.busy{border-left-color:var(--primary)}.order-card.done{border-left-color:var(--success)}
.order-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.order-number{font:800 19px Manrope;margin-right:9px}
.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#eef1f5;color:var(--muted);font-size:9px;font-weight:800}.status.pending,.status.confirmed{background:var(--warning-soft);color:var(--warning)}.status.preparing,.status.ready{background:var(--primary-soft);color:var(--primary)}.status.collected{background:var(--success-soft);color:var(--success)}
.pickup{text-align:right;display:grid}.pickup small,.ordered-products>small,.order-customer small{font-size:8px;letter-spacing:.1em;font-weight:800;color:#98a1b1}.pickup strong{font:800 23px Manrope;color:var(--primary)}.pickup span{font-size:10px;color:var(--muted)}
.order-customer{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;background:var(--surface-soft);border-radius:10px;padding:12px}.order-customer div{display:grid;gap:3px}.order-customer strong,.order-customer a{font-size:11px;color:var(--text);text-decoration:none}
.ordered-products{padding:14px 2px}.ordered-line{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:start;margin-top:9px;font-size:12px}.ordered-line>b{color:var(--primary)}.ordered-line span{display:grid}.ordered-line small{margin-top:2px;color:var(--muted)}.ordered-line em{font-style:normal;font-weight:700}
.order-note{background:var(--warning-soft);color:#8a4b00;border-radius:8px;padding:10px;margin-bottom:11px;font-size:11px}.order-finance{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:11px;color:var(--muted);font-size:10px}.order-finance b{color:var(--text)}
.order-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:14px}.status-actions{display:flex;background:#f1f4f8;border-radius:9px;padding:3px}.status-actions button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:8px 13px;font-size:10px;font-weight:800;cursor:pointer}.status-actions button.active{background:#fff;color:var(--primary);box-shadow:0 2px 7px rgba(20,30,50,.1)}
.receipt-button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700;cursor:pointer}.receipt-button:hover{border-color:var(--primary);color:var(--primary)}


/* Dashboard planning focus */
.today-planned-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-4px 0 18px;padding:22px 24px;border:1px solid rgba(79,70,229,.34);border-radius:18px;background:linear-gradient(135deg,#fff,#f3f4ff);box-shadow:0 0 0 4px rgba(79,70,229,.08),0 14px 34px rgba(79,70,229,.16)}
.today-planned-card:after{content:'';position:absolute;right:-45px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.18),transparent 64%)}.today-planned-card>*{position:relative;z-index:1}.today-planned-card span{display:block;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.16em}.today-planned-card strong{display:block;font:900 48px Manrope;color:#312e81;line-height:1}.today-planned-card p{margin:6px 0 0;color:#526071;font-size:13px}.today-planned-card button{border:0;border-radius:12px;background:var(--primary);color:#fff;min-height:48px;padding:0 18px;font-weight:800;box-shadow:0 8px 20px rgba(79,70,229,.24);cursor:pointer}.dashboard-split{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.dashboard-split .recent-panel{margin-top:0}.planned-panel{padding:0;overflow:hidden}.planned-panel>.panel-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.planned-list{display:grid;gap:8px;padding:14px;background:#fbfcfd}.planned-order{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:12px;text-align:left;cursor:pointer}.planned-order:hover{border-color:var(--primary);box-shadow:0 5px 14px rgba(79,70,229,.08)}.planned-order time{display:grid;place-items:center;min-height:45px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font:900 17px Manrope}.planned-order span{display:grid;gap:3px;min-width:0}.planned-order b{font-size:12px}.planned-order small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.planned-order strong{font-size:12px}.empty.compact{padding:28px 16px}

/* Verbeterde statistieken charts */
.chart-switch{display:flex;gap:7px;padding:4px;border-radius:12px;background:#eef2f7}.chart-switch button{border:0;border-radius:9px;background:transparent;color:#526071;min-height:36px;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}.chart-switch button.active{background:#fff;color:var(--primary);box-shadow:0 3px 9px rgba(15,23,42,.08)}.month-chart.improved{height:360px;gap:12px;padding:16px 4px 0}.month-chart.improved .month-column{grid-template-rows:54px 1fr 22px}.month-chart.improved .month-value{display:grid;align-content:end;gap:3px;min-height:50px}.month-chart.improved .month-value b{font-size:12px;color:var(--text);white-space:nowrap}.month-chart.improved .month-value small{font-size:9px;color:var(--muted);white-space:nowrap}.month-chart.improved .month-bar-wrap{position:relative;background:linear-gradient(to top,#eef1f5 1px,transparent 1px);background-size:100% 20%;border-radius:8px}.month-chart.improved .month-bar-wrap span{position:relative;width:min(48px,78%);background:linear-gradient(180deg,#818cf8,#4f46e5);border-radius:10px 10px 3px 3px;overflow:visible}.month-chart.improved .month-bar-wrap span i{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:block;width:32%;min-height:0;background:#f59e0b;border-radius:99px 99px 3px 3px}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:8px;color:var(--muted);font-size:10px;font-weight:800}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:10px;height:10px;border-radius:3px;background:#4f46e5}.chart-legend span:nth-child(2) i{background:#f59e0b}.line-chart-wrap{overflow:auto;padding:10px 0}.line-chart-wrap svg{width:100%;min-width:860px;height:330px;background:linear-gradient(to top,#f4f5f8 1px,transparent 1px);background-size:100% 25%;border-radius:14px}.line-chart-wrap text{font:800 24px Inter;fill:#334155}.line-chart-wrap text.value{font-size:20px;fill:#172033}.line-chart-wrap text.orders{font-size:17px;fill:#6b7280}.month-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.month-table div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fbfcfd}.month-table b{font:900 16px Manrope}.month-table span{font-size:15px;font-weight:900;color:var(--primary)}.month-table em{font-style:normal;color:var(--muted);font-size:11px}

.chart-panel-head{align-items:flex-start}.chart-controls{display:grid;gap:9px;justify-items:end}.chart-switch.period{background:#e8ecff}.chart-switch.period button.active{background:#4f46e5;color:#fff}.month-chart.improved.wide{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));overflow:auto}.month-chart.improved.wide .month-column{min-width:74px}.month-table.better{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:1180px){.chart-controls{width:100%;justify-items:stretch}.chart-panel-head{gap:14px}.chart-switch,.chart-switch.period{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}}

@media(max-width:1180px){.dashboard-split{grid-template-columns:1fr}.month-table{grid-template-columns:repeat(3,minmax(0,1fr))}.month-chart.improved{height:330px}.planned-order small{white-space:normal}}
@media(max-width:760px){.today-planned-card{align-items:flex-start;flex-direction:column}.today-planned-card button{width:100%}.planned-order{grid-template-columns:64px 1fr}.planned-order strong{grid-column:2}.chart-switch{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.month-chart.improved{grid-template-columns:repeat(6,72px);overflow:auto;height:320px}.month-table{grid-template-columns:1fr}.monthly-panel .panel-head{align-items:flex-start;flex-direction:column}.line-chart-wrap svg{min-width:760px}}

/* Dashboard: compacte afhaaltijd in dezelfde stijl als de orderkaart */
.planned-order time{
  min-height:48px;
  padding:8px 9px;
  border:1px solid #0f3d39;
  border-radius:12px;
  background:linear-gradient(145deg,#174f4a 0%,#0f3d39 100%);
  color:#fff;
  font-size:18px;
  letter-spacing:-.02em;
  box-shadow:0 7px 16px rgba(15,61,57,.17);
}
.planned-order:hover{
  border-color:#477d75;
  box-shadow:0 6px 16px rgba(15,61,57,.11);
}

/* Statistieken */
.stats-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 27px;border-radius:17px;background:var(--nav);color:#fff;margin-bottom:17px}.stats-header h2{font:800 23px Manrope;margin:5px 0}.stats-header p{margin:0;color:#aeb8c8;font-size:11px}.stats-header label{display:grid;gap:6px;font-size:9px;color:#aeb8c8;font-weight:700}.stats-header select{min-width:125px;border:1px solid rgba(255,255,255,.18);background:var(--nav-soft);color:#fff;border-radius:9px;padding:9px 11px}
.stats-kpis .kpi{position:relative;overflow:hidden}.stats-kpis .kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.stats-kpis .kpi:nth-child(2):before{background:var(--info)}.stats-kpis .kpi:nth-child(3):before{background:var(--warning)}.stats-kpis .kpi:nth-child(4):before{background:var(--success)}
.stats-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:16px}.monthly-panel{grid-column:1/-1}.month-chart{height:270px;display:grid;grid-template-columns:repeat(12,1fr);gap:9px;align-items:end;padding-top:20px}
.month-column{height:100%;display:grid;grid-template-rows:25px 1fr 18px 15px;align-items:end;text-align:center}.month-value{font-size:8px;color:var(--muted);white-space:nowrap}.month-bar-wrap{height:100%;display:flex;align-items:end;justify-content:center;background:linear-gradient(to top,#f4f5f8 1px,transparent 1px);background-size:100% 25%}.month-bar-wrap span{display:block;width:min(36px,70%);background:linear-gradient(#6366f1,#4f46e5);border-radius:6px 6px 2px 2px;min-height:2px}.month-column>b{font-size:9px}.month-column>small{color:var(--muted);font-size:8px}
.horizontal-chart{display:flex;flex-direction:column;gap:15px}.horizontal-chart>div{display:grid;grid-template-columns:25px 1fr 25px;align-items:center;gap:10px;font-size:10px}.horizontal-chart>div>span{height:8px;background:#eef1f5;border-radius:99px;overflow:hidden}.horizontal-chart i{display:block;height:100%;background:var(--primary);border-radius:99px}.horizontal-chart strong{text-align:right}
.ranking{display:flex;flex-direction:column}.ranking>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.ranking>div>i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-style:normal;font-size:9px;font-weight:800}.ranking span{display:grid}.ranking span b{font-size:11px}.ranking span small{color:var(--muted);font-size:9px;margin-top:2px}.ranking>div>strong{font-size:11px}
.slot-ranking{display:grid;grid-template-columns:1fr 1fr;gap:9px}.slot-ranking div{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:5px}.slot-ranking span{font:800 20px Manrope;color:var(--primary)}.slot-ranking b{font-size:9px;color:var(--muted)}


.stats-header{align-items:stretch}.stats-header>div:first-child{max-width:520px}.stats-range-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(820px,100%);max-width:100%;align-self:stretch}.stats-range-tools label{display:grid;gap:7px;min-width:0;font-size:9px;color:#c6d0df;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stats-range-tools label:nth-child(1),.stats-range-tools label:nth-child(2),.stats-range-tools label:nth-child(3){grid-column:span 2}.stats-range-tools button{grid-column:span 2}.stats-range-tools input,.stats-range-tools select{width:100%;min-width:0;min-height:50px;border:1px solid rgba(255,255,255,.20);background:var(--nav-soft);color:#fff;border-radius:12px;padding:0 13px;font-size:14px;font-weight:800;outline:none}.stats-range-tools input:focus,.stats-range-tools select:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.18)}.stats-range-tools .button{min-height:48px;border-radius:12px;box-shadow:none;font-size:11px;white-space:normal;line-height:1.15}.stats-range-tools .button.ghost.active{border-color:#818cf8;background:#4f46e5;color:#fff;box-shadow:0 6px 16px rgba(79,70,229,.24)}.stats-range-tools .stats-year-button{background:#6366f1;color:#fff;border:1px solid rgba(255,255,255,.20);box-shadow:0 6px 16px rgba(99,102,241,.22)}.stats-period-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 16px;padding:14px 18px;border:1px solid var(--line);border-radius:13px;background:#fff}.stats-period-note span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stats-period-note b{font:800 18px Manrope}.stats-kpis.expanded{grid-template-columns:repeat(4,minmax(0,1fr))}
.stats-range-tools .stats-excel-button,.fiscal-excel-button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.stats-range-tools .stats-excel-icon,.fiscal-excel-button .stats-excel-icon{display:block;width:24px;height:24px;flex:0 0 24px;background:currentColor;mask:url('/brand/excel-logo.png?v=2') center/contain no-repeat;-webkit-mask:url('/brand/excel-logo.png?v=2') center/contain no-repeat;transition:transform .18s ease}.stats-range-tools .stats-excel-button:hover .stats-excel-icon,.fiscal-excel-button:hover .stats-excel-icon{transform:scale(1.05)}
@media(max-width:760px){.stats-range-tools .stats-excel-icon,.fiscal-excel-button .stats-excel-icon{width:22px;height:22px;flex-basis:22px}}
@media(max-width:1180px){.stats-header{display:grid;grid-template-columns:1fr;align-items:start}.stats-header>div:first-child{max-width:none}.stats-range-tools{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.stats-range-tools label:nth-child(1),.stats-range-tools label:nth-child(2){grid-column:span 2}.stats-range-tools label:nth-child(3){grid-column:1/-1}.stats-range-tools button{grid-column:span 2}.stats-kpis.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.stats-range-tools{grid-template-columns:1fr}.stats-range-tools label,.stats-range-tools label:nth-child(1),.stats-range-tools label:nth-child(2),.stats-range-tools label:nth-child(3),.stats-range-tools button{grid-column:1/-1}.stats-range-tools input,.stats-range-tools select{min-height:52px;font-size:15px}.stats-kpis.expanded{grid-template-columns:1fr}.stats-period-note{align-items:flex-start;flex-direction:column}}

/* Afhaaltijden */
.planning-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#0f766e,#0d9488);color:#fff;border-radius:17px;padding:25px 28px;margin-bottom:16px}.planning-intro>div>span{font-size:8px;letter-spacing:.15em;font-weight:800;opacity:.75}.planning-intro h2{font:800 22px Manrope;margin:5px 0}.planning-intro p{font-size:11px;margin:0;opacity:.75}
.planning-live{min-width:190px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px;display:grid;grid-template-columns:10px 1fr;gap:3px 9px}.planning-live i{width:8px;height:8px;background:#6ee7b7;border-radius:50%;margin-top:3px}.planning-live span{font-size:9px;opacity:.7}.planning-live b{grid-column:2;font-size:13px}
.schedule-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.schedule-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;cursor:pointer}.schedule-card>i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf8f7;color:#0f766e}.schedule-card>span{display:grid}.schedule-card small{font-size:8px;color:var(--muted)}.schedule-card b{font-size:10px;margin-top:2px}.schedule-card>input,.number-field{grid-column:1/-1}.schedule-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--text);background:var(--surface-soft)}.number-field{position:relative}.number-field em{position:absolute;right:10px;top:10px;color:var(--muted);font-size:9px;font-style:normal}.number-field input{padding-right:45px}.capacity-card>i{background:#eef0ff;color:#4f46e5}
.advance-card>i{background:#fff3d6;color:#a85d00}.advance-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.advance-presets button{min-height:30px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#667085;font-size:8px;font-weight:800;cursor:pointer}.advance-presets button:hover,.advance-presets button.active{border-color:#d88613;background:#fff3d6;color:#925500}
.slot-panel{padding:0;overflow:hidden}.slot-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 22px;border-bottom:1px solid var(--line)}.slot-panel-head>div>span{font-size:8px;letter-spacing:.14em;color:#0f766e;font-weight:800}.slot-panel-head h2{margin:4px 0;font-size:18px}.slot-panel-head p{margin:0;color:var(--muted);font-size:10px}.slot-panel-head label{display:grid;gap:5px}.slot-panel-head label small{font-size:8px;color:var(--muted);font-weight:700}
.slot-legend{display:flex;gap:18px;padding:12px 22px;background:var(--surface-soft);font-size:9px;color:var(--muted)}.slot-legend span{display:flex;align-items:center;gap:6px}.slot-legend i{width:9px;height:9px;border-radius:3px;background:var(--success)}.slot-legend i.unavailable{background:var(--danger)}
.slots{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;padding:20px 22px}.slot{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 6px;border:1px solid #cce9dc;padding:11px 9px;border-radius:9px;background:var(--success-soft);color:var(--success);font-weight:800;font-size:11px;cursor:pointer;text-align:left}.slot:before{content:'';grid-row:1;width:6px;height:6px;background:var(--success);border-radius:50%}.slot>b{font-size:11px}.slot>small{grid-column:1/-1;color:inherit;opacity:.72;font-size:7px;white-space:nowrap}.slot:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(19,138,91,.12)}.slot.blocked{background:var(--danger-soft);color:var(--danger);border-color:#f5c9ce;text-decoration:none}.slot.blocked:before{background:var(--danger)}
.panic-panel{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:18px 20px;margin-bottom:16px;border:1px solid #f1c8cd;border-radius:16px;background:linear-gradient(100deg,#fff7f7,#fff);color:#8e2532}.panic-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#c73545;color:#fff;font:800 24px Manrope;box-shadow:0 7px 16px rgba(199,53,69,.2)}.panic-panel small{font-size:8px;letter-spacing:.14em;font-weight:800;color:#bd4654}.panic-panel h2{font:800 17px Manrope;margin:3px 0}.panic-panel p{margin:0;color:#8c6670;font-size:10px}.panic-panel button{min-height:48px;border:0;border-radius:11px;padding:0 18px;background:#c73545;color:#fff;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 7px 16px rgba(199,53,69,.2)}.panic-panel button:hover{background:#a82937}.panic-panel.closed{border-color:#b9e0cd;background:#f0fbf5;color:#08764a}.panic-panel.closed .panic-icon{background:#0f9f68}.panic-panel.closed button{background:#0f9f68;box-shadow:none;opacity:.8;cursor:default}.panic-panel.closed small{color:#0f9f68}.panic-panel.closed p{color:#54806c}
.availability-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;margin-bottom:16px}.weekday-panel,.exceptions-panel{padding:0;overflow:hidden}.planning-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.planning-section-head>div>span{font-size:8px;letter-spacing:.14em;color:var(--primary);font-weight:800}.planning-section-head h2{font:800 18px Manrope;margin:4px 0}.planning-section-head p{margin:0;color:var(--muted);font-size:10px}.planning-section-head>small{color:var(--muted);font-size:9px}
.weekday-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:18px 20px}.weekday{display:grid;justify-items:center;gap:7px;min-height:112px;padding:11px 6px;border:1px solid;border-radius:12px;cursor:pointer}.weekday>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-style:normal;font-weight:800}.weekday>span{display:grid;gap:2px;text-align:center}.weekday b{font-size:9px}.weekday small{font-size:7px}.weekday em{font-style:normal;font-size:7px;font-weight:800;letter-spacing:.1em}.weekday.open{border-color:#b9e0cd;background:#f1fbf6;color:#08764a}.weekday.open>i{background:#dff5ea}.weekday.closed{border-color:#edc4c9;background:#fff4f5;color:#a82d3b}.weekday.closed>i{background:#f8dfe2}.weekday:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(15,23,42,.07)}
.exception-add{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 16px;border-bottom:1px solid var(--line);background:#f8fafc}.exception-add input{min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:var(--text)}.exception-add .button{min-height:42px;box-shadow:none}.blocked-date-list{padding:8px 16px 14px;max-height:240px;overflow:auto}.blocked-date-list>div:not(.no-exceptions){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.blocked-date-list span{display:grid;gap:2px}.blocked-date-list b{font-size:10px}.blocked-date-list small{font-size:8px;color:var(--muted)}.blocked-date-list button{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #efc7cc;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:16px;cursor:pointer}.no-exceptions{padding:24px 5px;text-align:center;color:var(--muted);font-size:10px}
.slot-legend>b{margin-left:auto;padding:5px 9px;border-radius:99px;font-size:8px}.slot-legend>b.open{background:var(--success-soft);color:var(--success)}.slot-legend>b.closed{background:var(--danger-soft);color:var(--danger)}.closed-day-message{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:135px;border:1px dashed #e3b9bf;border-radius:13px;background:#fff5f6;color:#9d2d3b}.closed-day-message>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f8dfe2;font-style:normal;font-size:20px}.closed-day-message>div{display:grid;gap:4px}.closed-day-message b{font-size:12px}.closed-day-message span{font-size:9px;color:#93656b}
.top-slot-panel{margin-bottom:16px}.bottom-panic{margin:16px 0 0}
.exception-add.range{grid-template-columns:1fr 1fr;align-items:end}.exception-add.range label{display:grid;gap:5px;color:var(--muted);font-size:8px;letter-spacing:.08em}.exception-add.range label input{margin:0;min-height:42px}.range-quick{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.range-quick button{min-height:35px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#526071;font-size:9px;font-weight:800;cursor:pointer}.range-quick button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.exception-add.range>.button{grid-column:1/-1;width:100%}

/* Menu en instellingen */
.product-card{display:grid;grid-template-columns:72px minmax(160px,1fr) minmax(190px,1.4fr) 90px 82px 115px auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.product-card img{width:64px;height:64px;object-fit:cover;border-radius:11px}.product-card input,.product-card select,.setting input,.setting textarea{border:1px solid var(--line);background:#fff;padding:9px 10px;border-radius:8px;width:100%;color:var(--text);outline:none}.product-card input:focus,.product-card select:focus,.setting input:focus,.setting textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.product-card .actions{display:flex;gap:5px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--muted)}.icon-button:hover{color:var(--primary);border-color:var(--primary)}.icon-button.danger:hover{color:var(--danger);border-color:var(--danger)}
.product-details{grid-column:2/-1;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:14px;display:none}.product-details.open{display:block}.allergen-list{display:flex;flex-wrap:wrap;gap:6px}.allergen{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);padding:6px 8px;border-radius:99px;font-size:10px}.option-group{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;margin-top:9px}.option-line{display:grid;grid-template-columns:1fr 90px 82px 42px;gap:7px;margin-top:7px}
.photo-upload{position:relative;display:block;cursor:pointer}.photo-upload img{display:block}.photo-upload span{position:absolute;left:3px;right:3px;bottom:3px;background:rgba(17,24,39,.8);color:#fff;border-radius:6px;padding:3px;text-align:center;font-size:7px;font-weight:700}.photo-actions{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);padding:11px;border-radius:10px;margin-bottom:14px}.photo-actions div{display:flex;flex-direction:column;gap:3px}.photo-actions small{color:var(--muted);font-size:9px}
.settings-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setting.full{grid-column:1/-1}.setting label{display:block;color:var(--muted);font-size:9px;font-weight:700;margin-bottom:6px}.printer-state{border-radius:99px;padding:6px 9px;background:#eef1f5;color:var(--muted);font-size:9px;font-weight:700}.printer-state.on{background:var(--success-soft);color:var(--success)}.printer-info{margin-top:18px;padding:15px;border-radius:11px;background:var(--info-soft);color:#194b78;font-size:11px;line-height:1.55}.retention-panel{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.retention-panel p{max-width:800px;color:var(--muted);font-size:11px;line-height:1.6}.retention-panel>span{display:grid;place-items:center;flex:none;width:90px;height:90px;border-radius:50%;background:var(--nav);color:#fff;font:800 13px Manrope}
.login{position:fixed;inset:0;background:linear-gradient(135deg,#111827,#312e81);display:grid;place-items:center;z-index:20}.login.hidden{display:none}.login form{background:#fff;padding:34px;border-radius:20px;text-align:center;width:min(380px,calc(100% - 30px));box-shadow:0 30px 80px rgba(0,0,0,.3)}.login img{width:82px;height:82px;object-fit:cover;border-radius:18px}.login h2{font:800 24px Manrope;margin:17px 0 5px}.login p{color:var(--muted);margin:0}.login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;margin:14px 0 9px}.login button{width:100%;border:0;border-radius:9px;background:var(--primary);color:#fff;padding:12px;font-weight:700}.login small{display:block;color:var(--muted);margin-top:12px}
.toast{position:fixed;bottom:22px;right:22px;background:var(--nav);color:#fff;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;z-index:30;font-size:11px}.toast.show{opacity:1;transform:none}

@media(max-width:1200px){.cards{grid-template-columns:repeat(2,1fr)}.schedule-settings{grid-template-columns:repeat(3,1fr)}.slots{grid-template-columns:repeat(6,1fr)}.orders-toolbar{grid-template-columns:1fr 1fr}.settings-columns{grid-template-columns:1fr}.product-card{grid-template-columns:65px 1fr 90px auto}.product-card>input:nth-of-type(2),.product-card>select{display:none}}
@media(max-width:850px){body{grid-template-columns:74px minmax(0,1fr)}aside{padding:18px 8px}.logo{padding:2px 7px 18px}.logo span{display:none}.nav{font-size:0;justify-content:center;padding:11px 8px}.nav i{font-size:16px}.nav b{position:absolute;right:4px;top:4px;font-size:8px;min-width:17px;height:17px}.store-link{font-size:0;padding:10px}.store-link:after{content:'↗';font-size:16px}main{padding:21px 16px}.stats-layout{grid-template-columns:1fr}.schedule-settings{grid-template-columns:repeat(2,1fr)}.slots{grid-template-columns:repeat(4,1fr)}.recent-order{grid-template-columns:80px 1fr 110px}.recent-order span:nth-of-type(2),.recent-order strong,.recent-order i{display:none}.month-chart{gap:4px}.month-value{display:none}}
@media(max-width:600px){header{align-items:flex-start}.header-actions .live-dot{display:none}header h1{font-size:22px}.welcome-card,.planning-intro,.stats-header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.orders-toolbar{grid-template-columns:1fr}.segmented{overflow:auto}.status-tabs{overflow:auto;gap:17px}.order-customer{grid-template-columns:1fr}.order-actions{align-items:stretch;flex-direction:column}.status-actions,.receipt-button{width:100%}.status-actions button{flex:1}.schedule-settings{grid-template-columns:1fr}.slots{grid-template-columns:repeat(3,1fr)}.slot-panel-head{align-items:flex-start;flex-direction:column}.slot-panel-head label,.slot-panel-head input{width:100%}.product-card{grid-template-columns:50px 1fr auto}.product-card img{width:46px;height:46px}.product-card>input[type=number],.product-card>select{display:none}.product-details{grid-column:1/-1}.photo-actions,.setting-grid{grid-template-columns:1fr}.stats-header label,.stats-header select{width:100%}.month-chart{height:220px}.slot-ranking{grid-template-columns:1fr}.retention-panel{align-items:flex-start;gap:15px}.retention-panel>span{width:72px;height:72px;font-size:10px}}

/* Heldere touch-interface voor bestellingen */
.orders-panel{border-radius:18px}
.orders-toolbar{grid-template-columns:minmax(360px,auto) auto minmax(260px,1fr) auto;gap:12px;padding:20px}
.segmented{gap:7px;padding:0;background:transparent}
.segmented button{min-height:48px;padding:0 17px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;color:#526071;font-size:12px;transition:.18s ease}
.segmented button:hover{border-color:#aeb8c8;background:#fff}
.segmented button.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 16px rgba(79,70,229,.22)}
.orders-toolbar input{min-height:48px;border-radius:12px;font-size:13px}
.orders-toolbar .export-button{min-height:48px;border-radius:12px;padding-inline:18px;font-size:12px}

.status-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:17px 20px;background:#f8fafc}
.status-tabs button{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-height:70px;padding:12px 14px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#334155;text-align:left;font-size:13px;box-shadow:0 2px 5px rgba(15,23,42,.03);transition:.18s ease}
.status-tabs button:after{display:none!important}
.status-tabs button>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef2f7;color:#475569;font-style:normal;font-size:16px}
.status-tabs button>span{display:grid;gap:3px;min-width:0;font-weight:800;line-height:1.15}
.status-tabs button small{font-size:8px;letter-spacing:.11em;color:#8994a5}
.status-tabs button>b{display:grid;place-items:center;min-width:31px;height:31px;margin:0;padding:0 8px;border-radius:10px;background:#eef2f7;color:#334155;font-size:12px}
.status-tabs button[data-order-status="new"]{border-color:#f2d49e}.status-tabs button[data-order-status="new"]>i,.status-tabs button[data-order-status="new"]>b{background:#fff3d6;color:#a85d00}
.status-tabs button[data-order-status="busy"]{border-color:#cbd4ff}.status-tabs button[data-order-status="busy"]>i,.status-tabs button[data-order-status="busy"]>b{background:#eef0ff;color:#4f46e5}
.status-tabs button[data-order-status="done"]{border-color:#bfe5d2}.status-tabs button[data-order-status="done"]>i,.status-tabs button[data-order-status="done"]>b{background:#e7f8ef;color:#087a4c}
.status-tabs button.active{border-width:2px;padding:11px 13px;box-shadow:0 8px 20px rgba(15,23,42,.10)}
.status-tabs button[data-order-status="all"].active{border-color:#172033;background:#172033;color:#fff}.status-tabs button[data-order-status="all"].active small{color:#acb6c6}
.status-tabs button[data-order-status="new"].active{border-color:#d88613;background:#fff8e8;color:#7d4500}
.status-tabs button[data-order-status="busy"].active{border-color:#4f46e5;background:#f3f4ff;color:#3730a3}
.status-tabs button[data-order-status="done"].active{border-color:#0f9f68;background:#edfbf4;color:#086b45}

.orders-summary{padding:14px 20px;font-size:12px}
.order-list{padding:20px;gap:16px}
.order-card{border-radius:17px;padding:21px;box-shadow:0 6px 18px rgba(15,23,42,.055)}
.order-number{font-size:21px}.pickup strong{font-size:27px}
.order-customer{padding:14px;border-radius:12px;gap:14px}.order-customer small,.ordered-products>small{font-size:9px}.order-customer strong,.order-customer a{font-size:13px}
.ordered-line{grid-template-columns:42px 1fr auto;margin-top:12px;font-size:14px}.ordered-line small{font-size:11px}
.order-finance{padding-top:14px;gap:22px;font-size:11px}
.payment-state{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.payment-state.cash-unpaid{background:#fff1db;color:#9a4a14}.payment-state.paid{background:#d9f3e3;color:#064e3b}.payment-state.pending{background:#eef2ff;color:#3730a3}.payment-state.failed{background:#fee2e2;color:#991b1b}
.order-card.payment-failed{border-color:#f97316;background:linear-gradient(135deg,#fff7ed,#fff)}.order-card.payment-failed .order-number{background:#fed7aa;color:#9a3412}.order-card.payment-failed .order-date-band{background:#fff7ed;color:#9a3412}
.order-actions{display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:13px;margin-top:18px}
.status-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;background:transparent}
.status-actions button,.receipt-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border:1px solid;border-radius:12px;padding:9px 12px;cursor:pointer;transition:.18s ease;text-align:left}
.status-actions button i,.receipt-button i{font-style:normal;font-size:17px}.status-actions button span,.receipt-button span{display:grid;gap:2px}.status-actions button b,.receipt-button b{font-size:13px}.status-actions button small,.receipt-button small{font-size:9px;font-weight:600;opacity:.7}
.status-actions button[data-set-status="pending"]{border-color:#edcd8c;background:#fff7e6;color:#8a5200}
.status-actions button[data-set-status="preparing"]{border-color:#c3c9ff;background:#f1f2ff;color:#4338ca}
.status-actions button[data-set-status="collected"]{border-color:#b2ddc8;background:#ebfaf2;color:#08764a}
.status-actions button[data-set-status="pending"].active{border-color:#c97800;background:#d88613;color:#fff;box-shadow:0 6px 14px rgba(216,134,19,.25)}
.status-actions button[data-set-status="preparing"].active{border-color:#4338ca;background:#4f46e5;color:#fff;box-shadow:0 6px 14px rgba(79,70,229,.25)}
.status-actions button[data-set-status="collected"].active{border-color:#08764a;background:#0f9f68;color:#fff;box-shadow:0 6px 14px rgba(15,159,104,.25)}
.status-actions button:hover,.receipt-button:hover{transform:translateY(-1px)}
.receipt-button{border-color:#172033;background:#172033;color:#fff;box-shadow:0 6px 14px rgba(15,23,42,.18)}

/* Automatische bestelworkflow */
.order-workflow-note{display:flex;align-items:center;gap:13px;padding:15px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f7ff;color:#334155}.order-workflow-note>i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#e5e9ff;color:var(--primary);font-style:normal;font-size:18px}.order-workflow-note>div{display:grid;gap:3px}.order-workflow-note b{font-size:12px}.order-workflow-note span{font-size:10px;color:var(--muted)}
.order-date-band{display:flex;align-items:center;gap:9px;margin:-21px -21px 18px;padding:12px 20px;border-radius:17px 17px 0 0;background:#eef2f7;color:#334155;text-transform:capitalize}.order-date-band i{font-style:normal;color:var(--primary)}.order-date-band b{font-size:12px}
.new-order-label,.completed-label{display:inline-flex;align-items:center;margin-left:9px;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:800;vertical-align:middle}.new-order-label{background:#fff0cc;color:#985800;animation:new-order-pulse 1.8s ease-in-out infinite}.completed-label{background:var(--success-soft);color:var(--success)}
@keyframes new-order-pulse{50%{box-shadow:0 0 0 5px rgba(217,119,6,.1)}}
.order-card.upcoming{border-left:4px solid #cbd4ff}.order-card.done{border-left:4px solid #9dd7bc;background:#fbfefc}
.order-actions{grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) minmax(165px,.55fr)}
.ready-email-button,.receipt-button,.delete-order-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border:1px solid;border-radius:12px;padding:9px 14px;cursor:pointer;transition:.18s ease;text-align:left}.ready-email-button i,.receipt-button i,.delete-order-button i{font-style:normal;font-size:17px}.ready-email-button span,.receipt-button span,.delete-order-button span{display:grid;gap:2px}.ready-email-button b,.receipt-button b,.delete-order-button b{font-size:13px}.ready-email-button small,.receipt-button small,.delete-order-button small{font-size:9px;font-weight:600;opacity:.72}.ready-email-button{border-color:#c3c9ff;background:#f1f2ff;color:#4338ca}.delete-order-button{border-color:#f0c4c9;background:#fff5f6;color:#b42332}.ready-email-button:hover,.receipt-button:hover,.delete-order-button:hover{transform:translateY(-1px)}.delete-order-button:hover{border-color:#dc3545;background:#dc3545;color:#fff}.ready-email-button:disabled{opacity:.55;cursor:wait;transform:none}
.recent-order .recent-new,.recent-order .recent-done,.recent-order .recent-planned{justify-self:end;padding:5px 8px;border-radius:99px;font-size:8px;font-style:normal;font-weight:800}.recent-order .recent-new{background:#fff0cc;color:#985800}.recent-order .recent-done{background:var(--success-soft);color:var(--success)}.recent-order .recent-planned{background:var(--primary-soft);color:var(--primary)}

.email-template-panel{margin-top:16px}.mail-time-badge{padding:7px 11px;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800}.email-template-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.template-variables{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}.template-variables b{width:100%;font-size:9px;color:var(--muted)}.template-variables span{padding:5px 7px;border-radius:7px;background:#eef2f7;color:#475569;font:700 9px monospace}.sender-hint{display:block;margin-top:12px;color:var(--muted);font-size:9px;line-height:1.5}.email-preview{overflow:hidden;border:1px solid #dfe4ec;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}.email-preview>small{display:block;padding:11px 15px;background:#172033;color:#fff;font-size:8px;letter-spacing:.13em}.email-preview>b{display:block;padding:16px 16px 8px;font-size:14px}.email-preview>div{display:grid;gap:3px;padding:0 16px 13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.email-preview pre{min-height:180px;margin:0;padding:17px 16px;white-space:pre-wrap;font:11px/1.65 Inter,sans-serif;color:#334155;background:#fbfcfd}
.email-template-picker{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0 0 18px}.email-template-picker label{display:grid;gap:6px;min-width:240px;color:var(--muted);font-size:10px;font-weight:800}.email-template-picker select,.email-template-picker input{min-height:43px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--ink);font:800 13px Manrope;padding:0 13px}.email-template-picker button{min-height:43px;white-space:nowrap}.email-template-layout h3{margin:0 0 12px;color:var(--nav);font:900 18px Manrope}
.email-brand-editor{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd}.email-brand-editor>div{display:flex;align-items:center;gap:11px}.email-brand-editor img{width:58px;height:58px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.email-brand-editor span{display:grid;gap:3px}.email-brand-editor span b{font-size:11px}.email-brand-editor span small{font-size:8px;color:var(--muted)}.email-brand-editor .button{padding:8px 10px;font-size:9px}.color-setting{position:relative}.color-setting input[type=color]{height:44px;padding:4px;cursor:pointer}.color-setting code{position:absolute;right:9px;bottom:14px;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.9);color:#334155;font-size:9px;pointer-events:none}
.email-preview{position:sticky;top:20px}.email-preview .preview-inbox{display:block;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:#172033;color:#fff}.preview-inbox b,.preview-inbox span{display:block}.preview-inbox b{font-size:11px;margin-bottom:4px}.preview-inbox span{font-size:8px;color:#bdc7d5}.email-preview .preview-canvas{display:block;padding:20px 12px;border:0}.preview-mail{overflow:hidden;max-width:410px;margin:auto;border:1px solid;border-radius:16px;background:#fff}.preview-mail header{display:grid;justify-items:center;padding:20px}.preview-mail header img{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid currentColor}.preview-mail header small{margin-top:9px;font-size:7px;letter-spacing:.16em}.preview-mail main{display:block;width:auto;max-width:none;min-width:0;padding:23px 21px 20px}.preview-mail h3{font:800 19px Manrope;margin:0 0 13px}.preview-mail p{font-size:11px;line-height:1.6;margin:0}.preview-mail strong{display:block;width:max-content;margin:19px auto;padding:11px 16px;border-radius:9px;color:#fff;font-size:12px}.preview-mail footer{padding-top:14px;border-top:1px solid;text-align:center;font-size:8px;line-height:1.55}


/* Printwachtrij */
.print-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:16px;border-radius:18px;background:linear-gradient(125deg,#111827,#263247);color:#fff;box-shadow:0 10px 26px rgba(17,24,39,.12)}
.print-hero span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#aeb9ca}.print-hero h2{font:800 25px Manrope;margin:5px 0}.print-hero p{max-width:780px;margin:0;color:#bdc7d5;font-size:12px;line-height:1.55}
.printer-connection{display:grid;gap:4px;min-width:230px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}.printer-connection b{font-size:13px}.printer-connection small{color:#bdc7d5;font-size:10px}.printer-connection.on{border-color:rgba(110,231,183,.35);background:rgba(16,185,129,.12)}
.print-kpis .kpi:nth-child(1):before{background:var(--warning)}.print-kpis .kpi:nth-child(2):before{background:var(--primary)}.print-kpis .kpi:nth-child(3):before{background:var(--danger)}.print-kpis .kpi:nth-child(4):before{background:var(--success)}
.print-panel{padding:0;overflow:hidden}.print-panel>.panel-head{padding:21px 22px;margin:0;border-bottom:1px solid var(--line)}.print-job-list{display:grid;gap:14px;padding:18px;background:#f7f8fb}
.print-job-card{background:#fff;border:1px solid var(--line);border-left:5px solid #cbd5e1;border-radius:16px;padding:18px;box-shadow:0 5px 16px rgba(15,23,42,.045)}.print-job-card.queued,.print-job-card.batched{border-left-color:var(--warning)}.print-job-card.scheduled{border-left-color:var(--primary)}.print-job-card.failed{border-left-color:var(--danger)}.print-job-card.printed{border-left-color:var(--success)}
.print-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.print-job-head span{font-size:8px;letter-spacing:.14em;font-weight:800;color:var(--primary)}.print-job-head h3{font:800 18px Manrope;margin:4px 0}.print-job-head small{color:var(--muted);font-size:11px;line-height:1.45}
.print-status{flex:none;padding:7px 10px;border-radius:99px;background:#eef2f7;color:#475569;font-style:normal;font-size:9px;font-weight:800}.print-status.queued,.print-status.batched{background:var(--warning-soft);color:var(--warning)}.print-status.scheduled{background:var(--primary-soft);color:var(--primary)}.print-status.failed{background:var(--danger-soft);color:var(--danger)}.print-status.printed{background:var(--success-soft);color:var(--success)}
.print-job-meta{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0;color:var(--muted);font-size:10px}.print-job-meta b{color:var(--text)}.print-order-list{display:grid;gap:8px}.print-order-mini{display:grid;grid-template-columns:170px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd}.print-order-mini b{font-size:11px}.print-order-mini span{color:#596579;font-size:10px;line-height:1.35}.print-order-mini strong{font-size:11px}
.print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.print-actions .button{min-height:40px;box-shadow:none}.button.ghost.success{border-color:#b2ddc8;color:#08764a;background:#ebfaf2}.button.ghost.danger{border-color:#f0c4c9;color:#b42332;background:#fff5f6}
@media(max-width:1180px){.print-hero{align-items:flex-start;flex-direction:column}.printer-connection{width:100%}.print-order-mini{grid-template-columns:1fr auto}.print-order-mini span{grid-column:1/-1}.print-actions .button{flex:1;min-width:135px}}
@media(max-width:760px){.print-hero{padding:21px}.print-job-head{flex-direction:column}.print-status{align-self:flex-start}.print-order-mini{grid-template-columns:1fr}.print-actions{display:grid;grid-template-columns:1fr}.print-actions .button{width:100%}}

/* Menu per categorie */
.menu-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin-bottom:15px;border-radius:18px;background:linear-gradient(125deg,#172033,#27344b);color:#fff}
.menu-admin-hero>div:first-child{max-width:660px}.menu-admin-hero>div>span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#aeb9ca}.menu-admin-hero h2{font:800 25px Manrope;margin:5px 0}.menu-admin-hero p{margin:0;color:#bdc7d5;font-size:11px;line-height:1.55}
.menu-admin-stats{display:flex;gap:8px}.menu-admin-stats span{display:grid;place-items:center;min-width:88px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07);font-size:9px;color:#bdc7d5}.menu-admin-stats b{font:800 19px Manrope;color:#fff}
.menu-category-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.menu-category-index{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.menu-category-index::-webkit-scrollbar{display:none}.menu-category-index button{display:flex;align-items:center;gap:9px;flex:none;min-height:46px;padding:8px 10px 8px 13px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;color:#334155;font-size:11px;font-weight:800;cursor:pointer}.menu-category-index button:hover{border-color:var(--primary);color:var(--primary)}.menu-category-index b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:#e9edf3;font-size:9px}.add-category-button{flex:none;min-height:46px;border-radius:11px;box-shadow:none}
.menu-category-list{display:grid;gap:16px}.menu-category{padding:0;overflow:hidden;scroll-margin-top:20px}
.menu-category-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff}.category-identity{display:flex;align-items:center;gap:13px}.category-identity>i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-style:normal;font:800 14px Manrope}.category-identity>span{display:grid}.category-identity small{font-size:8px;letter-spacing:.14em;color:var(--primary);font-weight:800}.category-identity h2{font:800 19px Manrope;margin:2px 0}.category-identity em{font-style:normal;color:var(--muted);font-size:9px}.category-actions{display:flex;gap:8px}.category-add{min-height:46px;border-radius:10px;box-shadow:none}.category-delete{display:grid;place-items:center;width:46px;height:46px;border:1px solid #f2c5ca;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:16px;cursor:pointer}.category-delete:hover{background:var(--danger);color:#fff}
.product-list-head{display:grid;grid-template-columns:72px minmax(160px,1fr) minmax(190px,1.4fr) 90px 82px 115px 75px;gap:11px;padding:10px 20px;background:#f8fafc;color:#8a95a5;font-size:8px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.category-products{padding:0 20px}.category-products .product-card:last-child{border-bottom:0}
.category-empty{display:flex;align-items:center;gap:13px;padding:24px 20px;background:#fbfcfd}.category-empty>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef2f7;color:#7b8798;font-style:normal}.category-empty>div{display:grid;gap:3px;flex:1}.category-empty b{font-size:12px}.category-empty span{font-size:10px;color:var(--muted)}.category-empty .button{min-height:39px}.orphan-category{border-color:#f2d49e}.orphan-category .category-identity>i{background:#fff3d6;color:#a85d00}

@media(max-width:1180px) and (min-width:761px){
  body{grid-template-columns:84px minmax(0,1fr)}
  aside{padding:20px 9px}.logo{justify-content:center;padding:1px 7px 21px}.logo img{width:47px;height:47px}.logo span{display:none}
  .nav{position:relative;justify-content:center;min-height:50px;padding:12px 8px;font-size:0}.nav i{font-size:18px}.nav b{position:absolute;right:4px;top:3px;min-width:18px;height:18px;font-size:8px}
  .store-link{justify-content:center;padding:12px;font-size:0}.store-link:after{content:'↗';font-size:17px}
  main{padding:25px 24px}header{margin-bottom:22px}header h1{font-size:27px}.header-actions button{min-height:46px;padding-inline:17px}
  .orders-toolbar{grid-template-columns:minmax(0,1fr) auto}.orders-toolbar .segmented{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.orders-toolbar #orderSearch{grid-column:1}.orders-toolbar #orderDate{grid-column:1}.orders-toolbar .export-button{grid-column:2;grid-row:2}
  .status-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-actions{grid-template-columns:minmax(0,1fr) 178px}
  .schedule-settings{grid-template-columns:repeat(3,1fr)}
  .availability-layout{grid-template-columns:1fr}.weekday-grid{grid-template-columns:repeat(7,1fr)}
  .menu-admin-hero{align-items:flex-start}.menu-admin-stats{display:grid;grid-template-columns:repeat(3,1fr)}.menu-admin-stats span{min-width:75px}
  .product-list-head{grid-template-columns:65px 1fr 90px 72px}.product-list-head span:nth-child(3),.product-list-head span:nth-child(6){display:none}
}

@media(max-width:760px){
  .orders-toolbar{display:grid;grid-template-columns:1fr;padding:15px}.orders-toolbar .segmented{display:grid;grid-template-columns:1fr}.orders-toolbar>*{grid-column:1!important;grid-row:auto!important;width:100%}
  .status-tabs{grid-template-columns:1fr;padding:14px 15px;overflow:visible}.status-tabs button{min-width:0}
  .order-list{padding:12px}.order-card{padding:16px}.order-card-head{gap:10px}.order-number{font-size:18px}.pickup strong{font-size:23px}
  .order-actions{grid-template-columns:1fr}.status-actions{grid-template-columns:1fr}.status-actions button,.receipt-button{justify-content:flex-start;padding-left:18px}
  .menu-admin-hero{align-items:flex-start;flex-direction:column;padding:21px}.menu-admin-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.menu-admin-stats span{min-width:0}
  .menu-category-tools{align-items:stretch;flex-direction:column}.add-category-button{width:100%}.menu-category-head{align-items:flex-start;flex-direction:column}.category-actions{width:100%}.category-add{flex:1}.product-list-head{display:none}.category-products{padding:0 14px}
  .panic-panel{grid-template-columns:46px 1fr}.panic-panel .panic-icon{width:46px;height:46px}.panic-panel button{grid-column:1/-1;width:100%}.weekday-grid{grid-template-columns:repeat(2,1fr)}.weekday{grid-template-columns:34px 1fr auto;justify-items:stretch;align-items:center;min-height:64px;text-align:left}.weekday>span{text-align:left}.availability-layout{grid-template-columns:1fr}.exception-add{grid-template-columns:1fr}.slot-legend{flex-wrap:wrap}.slot-legend>b{margin-left:0}.exception-add.range{grid-template-columns:1fr}.exception-add.range>*{grid-column:1/-1}
}

@media(max-width:1050px){.order-actions{grid-template-columns:1fr 1fr}.delete-order-button{grid-column:1/-1}.email-template-layout{grid-template-columns:1fr}}
@media(max-width:760px){.order-date-band{margin:-16px -16px 16px}.order-actions{grid-template-columns:1fr}.delete-order-button{grid-column:auto}.ready-email-button,.receipt-button,.delete-order-button{justify-content:flex-start;padding-left:18px}.email-template-panel{padding:16px}.email-template-picker{align-items:stretch;flex-direction:column}.email-template-picker label,.email-template-picker button{width:100%}}


/* Grotere afhaaltijd-slots */
.slots{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;padding:24px}.slot{min-height:74px;padding:15px 14px;border-radius:14px;grid-template-columns:12px 1fr;gap:5px 10px;font-size:13px;box-shadow:0 4px 12px rgba(15,23,42,.035)}.slot:before{width:10px;height:10px;margin-top:3px}.slot>b{font:900 20px Manrope;letter-spacing:.01em}.slot>small{font-size:10px;line-height:1.35;white-space:normal;font-weight:700}.slot:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(19,138,91,.14)}.slot.blocked:hover{box-shadow:0 8px 18px rgba(220,53,69,.12)}
@media(max-width:1180px) and (min-width:761px){.slots{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;padding:22px}.slot{min-height:78px}.slot>b{font-size:21px}.slot>small{font-size:10px}}
@media(max-width:760px){.slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:16px}.slot{min-height:76px;padding:14px 12px}.slot>b{font-size:19px}.slot>small{font-size:9px}}


/* Dashboard recente bestellingen responsive + betere Nieuw-tag */
.recent-panel{overflow:hidden}.recent-order{position:relative;grid-template-columns:minmax(84px,.7fr) minmax(150px,1.45fr) minmax(126px,1.05fr) minmax(78px,.55fr) max-content;min-height:66px;padding:14px 12px;gap:10px;overflow:hidden}.recent-order>*{min-width:0}.recent-order span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-order strong{white-space:nowrap}.recent-order i{justify-self:end;max-width:100%;white-space:nowrap}.recent-order .recent-new,.recent-order .recent-done,.recent-order .recent-planned{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:7px 10px;border:1px solid transparent;border-radius:999px;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1;box-shadow:0 5px 14px rgba(15,23,42,.055)}.recent-order .recent-new{position:relative;border-color:#f7c86d;background:linear-gradient(135deg,#fff7df,#ffe3a3);color:#8a4b00;box-shadow:0 0 0 3px rgba(245,158,11,.10),0 8px 18px rgba(217,119,6,.12);animation:new-order-pill 1.7s ease-in-out infinite}.recent-order .recent-new:before{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}.recent-order .recent-done{border-color:#b7e2ce;background:var(--success-soft);color:var(--success)}.recent-order .recent-planned{border-color:#c7d2fe;background:var(--primary-soft);color:var(--primary)}
.new-order-label{gap:7px;min-height:30px;padding:8px 11px;border:1px solid #f7c86d;background:linear-gradient(135deg,#fff7df,#ffe2a0);color:#7a4300;box-shadow:0 0 0 3px rgba(245,158,11,.11),0 8px 18px rgba(217,119,6,.12);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.new-order-label:before{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.16)}
@keyframes new-order-pill{50%{box-shadow:0 0 0 5px rgba(245,158,11,.14),0 10px 22px rgba(217,119,6,.18)}}
@media(max-width:1450px){.dashboard-split .recent-order{grid-template-columns:86px minmax(0,1fr) max-content;grid-template-areas:'number name status' 'date total status';align-items:center;gap:7px 10px}.dashboard-split .recent-order>b{grid-area:number}.dashboard-split .recent-order span:first-of-type{grid-area:name}.dashboard-split .recent-order span:nth-of-type(2){grid-area:date;color:var(--muted);font-size:10px}.dashboard-split .recent-order strong{grid-area:total;font-size:11px}.dashboard-split .recent-order i{grid-area:status;align-self:center}}
@media(max-width:1180px){.dashboard-split .recent-order,.recent-order{grid-template-columns:96px minmax(0,1fr) max-content;grid-template-areas:'number name status' 'date total status';min-height:72px;padding:14px}.recent-order>b{grid-area:number}.recent-order span:first-of-type{grid-area:name;font-weight:800}.recent-order span:nth-of-type(2){grid-area:date;color:var(--muted);font-size:10px}.recent-order strong{grid-area:total;font-size:12px}.recent-order i{grid-area:status}.recent-order .recent-new,.recent-order .recent-done,.recent-order .recent-planned{min-height:34px;padding:8px 11px;font-size:9px}}
@media(max-width:760px){.dashboard-split .recent-order,.recent-order{grid-template-columns:1fr auto;grid-template-areas:'number status' 'name status' 'date total';gap:6px 10px;min-height:86px}.recent-order span:first-of-type{font-size:13px}.recent-order span:nth-of-type(2){white-space:normal}.recent-order i{align-self:start}.recent-order .recent-new,.recent-order .recent-done,.recent-order .recent-planned{min-height:32px;padding:8px 10px}.new-order-label{display:inline-flex;margin:8px 0 0 0}}

/* Dashboard: Gepland sluit aan bij de actieve orderkaarten */
.dashboard-split .recent-order .recent-planned,
.recent-panel .recent-order .recent-planned{
  border-color:#ea580c!important;
  background:linear-gradient(145deg,#f97316 0%,#ea580c 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(234,88,12,.20)!important;
}

.dashboard-split .recent-order .recent-done,
.recent-panel .recent-order .recent-done{
  border-color:#16a34a!important;
  background:linear-gradient(145deg,#22c55e 0%,#16a34a 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(22,163,74,.19)!important;
}

.dashboard-split .recent-order .recent-new,
.recent-panel .recent-order .recent-new{
  border-color:#2563eb!important;
  background:linear-gradient(145deg,#3b82f6 0%,#2563eb 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(37,99,235,.22)!important;
  animation:recent-new-blue-pulse 1.7s ease-in-out infinite!important;
}
.dashboard-split .recent-order .recent-new::before,
.recent-panel .recent-order .recent-new::before{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.18)!important;
}
.dashboard-split .recent-order .recent-new .new-order-icon,
.recent-panel .recent-order .recent-new .new-order-icon{
  color:#fff!important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.42))!important;
}
@keyframes recent-new-blue-pulse{
  50%{box-shadow:0 0 0 5px rgba(37,99,235,.13),0 10px 22px rgba(37,99,235,.24)}
}

/* Dashboard: Gepland voor vandaag in dezelfde oranje statusstijl */
.today-planned-card{
  border-color:#ea580c!important;
  background:linear-gradient(145deg,#fffaf5 0%,#fff1e7 100%)!important;
  box-shadow:0 0 0 4px rgba(234,88,12,.10),0 14px 34px rgba(154,52,18,.13)!important;
}
.today-planned-card::after{
  background:radial-gradient(circle,rgba(234,88,12,.17),transparent 64%)!important;
}
.today-planned-card span{
  color:#c2410c!important;
}
.today-planned-card strong{
  color:#9a3412!important;
}
.today-planned-card button{
  background:linear-gradient(145deg,#f97316 0%,#ea580c 100%)!important;
  box-shadow:0 8px 20px rgba(234,88,12,.22)!important;
}

/* Dashboard: gebruik dezelfde geplande oranje tint voor 'Nog af te halen'. */
.metric-card .metric-icon.admin-icon.waiting-icon{
  color:#ea580c!important;
  background:currentColor!important;
  width:48px!important;
  height:48px!important;
  padding:8px!important;
  filter:drop-shadow(0 2px 1px rgba(154,52,18,.24)) drop-shadow(0 0 9px rgba(234,88,12,.38))!important;
}

/* Fix oudere responsive-regel: status-pill blijft zichtbaar */
@media(max-width:850px){.recent-order span:nth-of-type(2),.recent-order strong{display:block}.recent-order i{display:inline-flex!important}}


.global-emergency{
  margin:0 0 18px;
  padding:16px 18px;
  border:1px solid rgba(169,99,59,.22);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(233,226,210,.95),rgba(255,250,240,.9));
  box-shadow:0 18px 45px rgba(55,42,28,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.emergency-copy{display:flex;align-items:center;gap:14px;min-width:0}
.emergency-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#A9633B;color:#fff;font-size:22px;box-shadow:0 12px 24px rgba(169,99,59,.28)}
.emergency-copy strong{display:block;color:#33281e;font-size:1rem;letter-spacing:.01em}
.emergency-copy span{display:block;color:#6d6254;font-size:.9rem;margin-top:2px}
.emergency-toggle{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:#656434;white-space:nowrap;cursor:pointer;user-select:none}
.emergency-toggle input{position:absolute;opacity:0;pointer-events:none}
.switch-track{width:70px;height:38px;border-radius:999px;background:#656434;position:relative;box-shadow:inset 0 0 0 2px rgba(255,255,255,.3),0 10px 24px rgba(101,100,52,.16);transition:.2s ease}
.switch-track::after{content:'';position:absolute;width:30px;height:30px;border-radius:999px;background:#fff;left:4px;top:4px;box-shadow:0 6px 14px rgba(0,0,0,.2);transition:.2s ease}
.emergency-toggle input:checked + .switch-track{background:#A9633B;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25),0 10px 28px rgba(169,99,59,.28)}
.emergency-toggle input:checked + .switch-track::after{transform:translateX(32px)}
.emergency-label{font-size:.92rem}
.vat-select{font-weight:800;color:#656434;background:#fffdf7;border-color:rgba(101,100,52,.25)}

@media(max-width:1200px){
  .product-card{grid-template-columns:65px minmax(0,1fr) 90px 78px auto}
  .product-card>select.vat-select{display:block}
  .product-card>select[data-k="category"]{display:none}
}
@media(max-width:760px){
  .global-emergency{align-items:flex-start;flex-direction:column;border-radius:20px;padding:14px}
  .emergency-toggle{width:100%;justify-content:space-between;background:#fffdf7;border-radius:18px;padding:10px 12px}
}
@media(max-width:600px){
  .product-card{grid-template-columns:50px minmax(0,1fr) auto}
  .product-card>select.vat-select{display:none}
  .option-line{grid-template-columns:1fr 78px}
  .option-line .vat-select{grid-column:1 / -1}
}


/* Compacte rode noodstop rechtsboven */
.global-emergency{
  position:fixed;
  top:18px;
  right:22px;
  z-index:60;
  width:auto;
  min-width:0;
  margin:0;
  padding:7px 8px 7px 12px;
  border:1px solid rgba(220,38,38,.45);
  border-radius:999px;
  background:linear-gradient(135deg,#dc2626,#991b1b);
  color:#fff;
  box-shadow:0 0 0 4px rgba(220,38,38,.10),0 14px 34px rgba(153,27,27,.32);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.global-emergency.active{box-shadow:0 0 0 5px rgba(220,38,38,.20),0 16px 42px rgba(153,27,27,.45)}
.global-emergency .emergency-copy{gap:7px;min-width:0}
.global-emergency .emergency-icon{width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:14px;font-weight:900;box-shadow:none}
.global-emergency .emergency-copy strong{color:#fff;font-size:11px;line-height:1;letter-spacing:.04em;text-transform:uppercase}
.global-emergency .emergency-copy span{display:none}
.global-emergency .emergency-toggle{gap:7px;color:#fff;font-size:0}
.global-emergency .switch-track{width:46px;height:26px;background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.global-emergency .switch-track::after{width:20px;height:20px;left:3px;top:3px}
.global-emergency .emergency-toggle input:checked + .switch-track{background:#450a0a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 18px rgba(255,255,255,.18)}
.global-emergency .emergency-toggle input:checked + .switch-track::after{transform:translateX(20px)}
.global-emergency .emergency-label{display:none}

/* Menu & extra's beter leesbaar */
.product-list-head{font-size:10px;padding-top:13px;padding-bottom:13px;color:#64748b}
.product-card{gap:13px;padding:16px 0}
.product-card input,.product-card select{min-height:45px;font-size:14px;font-weight:750;border-radius:11px;padding:11px 12px}
.product-card input[data-k="name"]{font-size:15px;font-weight:900;color:#33281e}
.product-card input[data-k="description"]{font-size:14px;font-weight:650;color:#4b5563}
.product-card input[data-k="price"],.product-card .vat-select{font-size:15px;font-weight:900;text-align:center}
.option-line input,.option-line select{min-height:42px;font-size:14px;border-radius:10px}
.product-details{font-size:14px}.product-details b{font-size:15px}.allergen{font-size:12px;padding:8px 10px}.photo-upload span{font-size:11px;font-weight:900}

/* Aparte BTW-statistiektegels */
.stats-kpis.expanded{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.stats-kpis .vat-card:before{background:#A9633B}.stats-kpis .vat-12:before{background:#656434}.stats-kpis .vat-21:before{background:#991b1b}
.stats-kpis .vat-card strong{font-size:26px}

@media(max-width:1180px){
  .global-emergency{top:14px;right:14px}
  .product-card{grid-template-columns:65px minmax(0,1fr) 105px 82px auto}
}
@media(max-width:760px){
  .global-emergency{top:auto;right:14px;bottom:14px;padding:8px 9px 8px 11px}
  .global-emergency .emergency-copy strong{font-size:10px}
}
@media(max-width:600px){
  .product-card input[data-k="description"]{display:none}
  .product-card input,.product-card select{font-size:14px}
}


/* Noodstop v30: compact in vaste paginatop, niet zwevend over knoppen */
.global-emergency{
  position:relative;
  top:auto;right:auto;bottom:auto;
  z-index:1;
  width:fit-content;
  margin:-4px 0 18px auto;
  padding:8px 10px 8px 13px;
  border:1px solid rgba(220,38,38,.42);
  border-radius:999px;
  background:linear-gradient(135deg,#dc2626,#991b1b);
  color:#fff;
  box-shadow:0 0 0 4px rgba(220,38,38,.10),0 12px 28px rgba(153,27,27,.22);
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
}
.global-emergency.active{box-shadow:0 0 0 5px rgba(220,38,38,.18),0 14px 34px rgba(153,27,27,.34)}
.global-emergency .emergency-copy{gap:8px}.global-emergency .emergency-icon{width:23px;height:23px;font-size:14px}.global-emergency .emergency-copy strong{font-size:12px;letter-spacing:.06em}.global-emergency .emergency-copy span{display:none}.global-emergency .emergency-toggle{gap:7px}.global-emergency .switch-track{width:48px;height:27px}.global-emergency .switch-track::after{width:21px;height:21px}.global-emergency .emergency-toggle input:checked + .switch-track::after{transform:translateX(21px)}
.global-emergency .emergency-label{display:none}

/* Duidelijke opslaan-feedback */
#save.saved{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 10px 24px rgba(22,163,74,.24)}
.toast.success{background:#166534;color:#fff;box-shadow:0 14px 34px rgba(22,101,52,.28)}
.toast.error{background:#991b1b;color:#fff;box-shadow:0 14px 34px rgba(153,27,27,.28)}

/* Afhaaltijden instellingen beter leesbaar */
.schedule-settings{gap:14px}.schedule-card{grid-template-columns:48px 1fr;padding:18px;border-radius:17px;gap:13px}.schedule-card>i{width:44px;height:44px;border-radius:13px;font-size:20px}.schedule-card small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:900;color:#64748b}.schedule-card b{font-size:15px;margin-top:4px;color:#1f2937}.schedule-card input{min-height:48px;border-radius:12px;font-size:16px;font-weight:850;padding:11px 12px}.number-field em{right:13px;top:14px;font-size:12px;font-weight:900}.number-field input{padding-right:54px}.planning-intro p{font-size:13px;line-height:1.5}.planning-intro h2{font-size:25px}.planning-live span{font-size:11px}.planning-live b{font-size:18px}

@media(max-width:760px){.global-emergency{position:relative;top:auto;right:auto;bottom:auto;margin:0 0 16px auto}.schedule-card{grid-template-columns:44px 1fr}.schedule-card b{font-size:14px}.schedule-card input{font-size:15px}}


/* Noodstop v31 button-state fix */
.global-emergency .emergency-toggle{border:0;background:transparent;padding:0;appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.global-emergency.active .switch-track{background:#450a0a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 18px rgba(255,255,255,.18)}
.global-emergency.active .switch-track::after{transform:translateX(21px)}
.global-emergency:not(.active) .switch-track::after{transform:translateX(0)}
.global-emergency.active{background:linear-gradient(135deg,#991b1b,#450a0a)}


/* No-show orders v33 */
.no-show-button{border:1px solid rgba(127,29,29,.18);background:linear-gradient(135deg,#fff1f2,#ffe4e6);color:#991b1b;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;font-weight:800}
.no-show-button i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#991b1b;color:#fff;font-style:normal}
.no-show-button small{display:block;color:#7f1d1d;font-weight:700;margin-top:2px}.no-show-button:hover{border-color:#991b1b;box-shadow:0 10px 24px rgba(153,27,27,.12)}
.order-card.no-show{border-color:rgba(153,27,27,.28);background:linear-gradient(180deg,#fff,#fff7f7)}
.no-show-label,.recent-noshow{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:7px 10px;border-radius:999px;border:1px solid #fecaca;background:#fee2e2;color:#991b1b;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.stats-kpis .no-show-kpi:before{background:#991b1b}.stats-kpis .no-show-kpi strong{color:#991b1b}
@media(max-width:760px){.no-show-button{justify-content:flex-start;padding-left:18px}}


/* Responsive menu en nette orderknoppen v34 */
@media(max-width:1200px) and (min-width:761px){
  .product-list-head{display:grid;grid-template-columns:65px minmax(150px,1fr) minmax(210px,1.35fr) 96px 82px minmax(130px,.8fr) 72px;gap:10px}
  .product-list-head span:nth-child(3),.product-list-head span:nth-child(6){display:block}
  .product-card{grid-template-columns:65px minmax(150px,1fr) minmax(210px,1.35fr) 96px 82px minmax(130px,.8fr) auto;gap:10px;align-items:center}
  .product-card>input:nth-of-type(2),.product-card>select,.product-card>select.vat-select,.product-card>select[data-k="category"]{display:block}
  .product-card input[data-k="description"]{display:block}
  .category-products{overflow-x:auto;padding-bottom:8px}.product-card,.product-list-head{min-width:930px}
}
@media(max-width:760px){
  .product-list-head{display:none}.product-card{grid-template-columns:56px minmax(0,1fr) 96px auto;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}.product-card .photo-upload{grid-row:span 3}.product-card input[data-k="name"]{grid-column:2/4}.product-card input[data-k="description"]{display:block;grid-column:2/-1}.product-card input[data-k="price"]{grid-column:2/3}.product-card select.vat-select{display:block;grid-column:3/4}.product-card select[data-k="category"]{display:block;grid-column:2/-1}.product-card .actions{grid-column:4;grid-row:1;align-self:start}.product-details{grid-column:1/-1}
}
@media(max-width:520px){.product-card{grid-template-columns:50px minmax(0,1fr) auto}.product-card input[data-k="name"],.product-card input[data-k="description"],.product-card input[data-k="price"],.product-card select.vat-select,.product-card select[data-k="category"]{grid-column:2/-1}.product-card .actions{grid-column:3;grid-row:1}}

.order-actions{grid-template-columns:minmax(220px,1fr) minmax(180px,.75fr) minmax(145px,.52fr) minmax(128px,.45fr);align-items:stretch}
.ready-email-button,.receipt-button,.no-show-button,.delete-order-button{min-height:54px;border-radius:14px}
.no-show-button{border:1px solid rgba(169,99,59,.22);background:linear-gradient(135deg,#fffaf3,#f7ede1);color:#7c3f1d;box-shadow:none;padding:10px 13px}
.no-show-button i{width:31px;height:31px;border-radius:11px;background:#A9633B;color:#fff;font-size:15px}.no-show-button b{font-size:12px}.no-show-button small{font-size:9px;color:#8a4b28}.no-show-button:hover{border-color:#A9633B;background:#fff3e7;box-shadow:0 8px 20px rgba(169,99,59,.12)}
.delete-order-button{min-height:50px;padding:8px 11px;border-color:#f2c4c8;background:#fff8f8;color:#b42332;max-width:178px;justify-self:end}
.delete-order-button .trash-icon{width:24px;height:24px;flex:0 0 24px;background:#b42332;display:block;mask:url('/brand/trashbin.png') center/contain no-repeat;-webkit-mask:url('/brand/trashbin.png') center/contain no-repeat}
.delete-order-button b{font-size:12px}.delete-order-button small{font-size:8.5px;line-height:1.15}.delete-order-button:hover .trash-icon{background:#fff}
.no-show-label{border:0;cursor:pointer;margin-left:6px}.no-show-label:hover{background:#fecaca;color:#7f1d1d;box-shadow:0 7px 16px rgba(153,27,27,.12)}
@media(max-width:1050px){.order-actions{grid-template-columns:1fr 1fr}.delete-order-button{grid-column:auto;max-width:none;justify-self:stretch}}
@media(max-width:760px){.order-actions{grid-template-columns:1fr}.ready-email-button,.receipt-button,.no-show-button,.delete-order-button{justify-content:flex-start;padding-left:18px;max-width:none}.delete-order-button .trash-icon{width:22px;height:22px}}


/* iPad portrait menu cards v34 */
@media(max-width:900px){
  .product-list-head{display:none}
  .category-products{overflow:visible;padding:0 14px}
  .product-card{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr) 110px auto;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;gap:10px}
  .product-card .photo-upload{grid-row:span 3}.product-card img{width:58px;height:58px}.product-card input[data-k="name"]{grid-column:2/4}.product-card input[data-k="description"]{display:block;grid-column:2/-1}.product-card input[data-k="price"]{display:block;grid-column:2/3}.product-card select.vat-select{display:block;grid-column:3/4}.product-card select[data-k="category"]{display:block;grid-column:2/-1}.product-card .actions{grid-column:4;grid-row:1;align-self:start}.product-details{grid-column:1/-1}
}


/* Printer iconen v35 */
.printer-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:url('/brand/printer.png') center/contain no-repeat;-webkit-mask:url('/brand/printer.png') center/contain no-repeat}
.nav .printer-icon{width:18px;height:18px;color:currentColor}.nav-printer-icon{margin-right:0}
.receipt-button .printer-icon{width:24px;height:24px;color:#fff}.receipt-button:hover .printer-icon{transform:translateY(-1px)}
.print-hero-copy{display:flex;align-items:flex-start;gap:18px}.hero-printer-icon{width:54px;height:54px;flex-basis:54px;color:#E9E2D2;background:currentColor;opacity:.95;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.print-hero-copy>div{min-width:0}
.with-printer{display:inline-flex;align-items:center;justify-content:center;gap:8px}.with-printer .printer-icon{width:18px;height:18px}.button.with-printer .printer-icon{color:currentColor}
.printer-info .with-printer{margin-top:8px}
@media(max-width:760px){.print-hero-copy{gap:13px}.hero-printer-icon{width:42px;height:42px;flex-basis:42px}.receipt-button .printer-icon{width:22px;height:22px}}


/* No-show en statistieken iconen v36 */
.no-show-icon,.chart-icon{display:inline-block;flex:0 0 auto;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.no-show-icon{width:21px;height:21px;mask-image:url('/brand/no_show.png');-webkit-mask-image:url('/brand/no_show.png')}
.chart-icon{width:21px;height:21px;mask-image:url('/brand/chart.png');-webkit-mask-image:url('/brand/chart.png')}
.nav .chart-icon{width:18px;height:18px;color:currentColor}
.stats-header-title{display:flex;align-items:flex-start;gap:16px;max-width:560px}.hero-chart-icon{width:52px;height:52px;flex-basis:52px;color:#E9E2D2;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));margin-top:2px}.stats-header-title>div{min-width:0}
.no-show-button{border-color:rgba(245,130,32,.25)!important;background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#9a4b00!important}
.no-show-button .no-show-icon{width:27px;height:27px;color:#fff;background:#fff}.no-show-button i.no-show-icon{display:grid;place-items:center;border-radius:11px;background:#f97316!important;color:#fff!important;padding:0;box-shadow:0 7px 16px rgba(249,115,22,.18)}
.no-show-button b{color:#8a3f00}.no-show-button small{color:#9a5a18!important}.no-show-button:hover{border-color:#f97316!important;background:#fff1df!important;box-shadow:0 9px 22px rgba(249,115,22,.15)!important}
.no-show-label,.recent-noshow{border-color:#fed7aa!important;background:#ffedd5!important;color:#9a4b00!important;gap:6px}.no-show-label .no-show-icon{width:14px;height:14px;color:#f97316}.no-show-label:hover{background:#fed7aa!important;color:#7c2d12!important}
.stats-kpis .no-show-kpi:before{background:#f97316!important}.stats-kpis .no-show-kpi strong{color:#9a4b00!important}.kpi-no-show-icon{width:24px;height:24px;color:#f97316;margin-bottom:7px}
.live-dot{letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.stats-header-title{gap:12px}.hero-chart-icon{width:40px;height:40px;flex-basis:40px}.no-show-button .no-show-icon{width:24px;height:24px}}


/* Admin iconenset en orderknoppen v37 */
.admin-icon,.printer-icon,.chart-icon,.no-show-icon,.trash-icon{
  display:inline-block;
  flex:0 0 auto;
  background:currentColor;
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
}
.orders-icon{mask-image:url('/brand/bestellingen.png');-webkit-mask-image:url('/brand/bestellingen.png')}
.dashboard-icon{mask-image:url('/brand/dashboard.png');-webkit-mask-image:url('/brand/dashboard.png')}
.menu-extra-icon{mask-image:url('/brand/menu_extras.png');-webkit-mask-image:url('/brand/menu_extras.png')}
.pickup-icon{mask-image:url('/brand/afhaaltijden.png');-webkit-mask-image:url('/brand/afhaaltijden.png')}
.settings-icon{mask-image:url('/brand/settings.png');-webkit-mask-image:url('/brand/settings.png')}
.new-order-icon{mask-image:url('/brand/new_order.png');-webkit-mask-image:url('/brand/new_order.png')}
.waiting-icon{mask-image:url('/brand/wachten.png');-webkit-mask-image:url('/brand/wachten.png')}
.revenue-today-icon{mask-image:url('/brand/omzet_vandaag.png');-webkit-mask-image:url('/brand/omzet_vandaag.png')}
.nav i,.nav .admin-icon,.nav .chart-icon,.nav .printer-icon{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  font-size:0;
  color:currentColor;
}
.nav{gap:12px}.nav.active i,.nav.active .admin-icon,.nav.active .chart-icon,.nav.active .printer-icon{color:var(--nav)}
.metric-card .admin-icon{
  width:24px;
  height:24px;
  padding:0;
  background:currentColor;
  border-radius:0;
}
.metric-card .metric-icon.admin-icon{
  width:43px;
  height:43px;
  padding:10px;
  color:inherit;
  background:currentColor;
}
.metric-card .metric-icon.admin-icon.blue{color:var(--info)}
.metric-card .metric-icon.admin-icon.violet{color:var(--primary)}
.metric-card .metric-icon.admin-icon.fresh{color:#16a34a;filter:drop-shadow(0 0 10px rgba(22,163,74,.28));animation:new-order-icon-pulse 1.65s ease-in-out infinite}
.metric-card .metric-icon.admin-icon.revenue{color:#656434}
.new-metric-card{border-color:rgba(22,163,74,.22);box-shadow:0 0 0 4px rgba(22,163,74,.055),0 1px 2px rgba(18,28,45,.025)}

.menu-hero-title,.planning-title,.settings-hero{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-width:0;
}
.menu-hero-title>i,.planning-title>i,.settings-hero>i{
  width:48px;
  height:48px;
  flex:0 0 48px;
  color:#E9E2D2;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));
  margin-top:2px;
}
.menu-hero-title>div,.planning-title>div,.settings-hero>div{min-width:0}
.settings-hero{
  margin-bottom:16px;
  padding:22px 24px;
  border-radius:18px;
  background:linear-gradient(125deg,#172033,#27344b);
  color:#fff;
}
.settings-hero span{
  display:block;
  font-size:9px;
  letter-spacing:.16em;
  font-weight:800;
  color:#aeb9ca;
}
.settings-hero h2{font:800 25px Manrope;margin:5px 0}
.settings-hero p{margin:0;color:#bdc7d5;font-size:12px;line-height:1.5}

.order-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:12px;
  align-items:stretch;
}
.ready-email-button,.receipt-button,.no-show-button,.delete-order-button{
  width:100%;
  max-width:none!important;
  min-height:62px;
  justify-self:stretch;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  padding:11px 13px;
  border-radius:16px;
  text-align:left;
}
.ready-email-button i,.receipt-button i,.no-show-button i,.delete-order-button i{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}
.no-show-button{
  border:1px solid rgba(169,99,59,.26)!important;
  background:linear-gradient(135deg,#fff7ed,#f9eadc)!important;
  color:#7a3e1e!important;
  box-shadow:0 5px 14px rgba(169,99,59,.07)!important;
}
.no-show-button i.no-show-icon{
  border-radius:0!important;
  background:#A9633B!important;
  color:#A9633B!important;
  box-shadow:none!important;
}
.no-show-button b{color:#6f3518!important;font-size:13px}
.no-show-button small{color:#946142!important;font-size:9px!important;line-height:1.2}
.no-show-button:hover{border-color:#A9633B!important;background:#fff0e4!important;box-shadow:0 10px 24px rgba(169,99,59,.13)!important}
.delete-order-button{
  border-color:#f3c5ca!important;
  background:#fff8f9!important;
  color:#b42332!important;
  box-shadow:0 5px 14px rgba(180,35,50,.05)!important;
}
.delete-order-button .trash-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  background:#b42332!important;
}
.delete-order-button:hover{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}
.delete-order-button:hover .trash-icon{background:#fff!important}
.delete-order-button b{font-size:13px}.delete-order-button small{font-size:9px;line-height:1.2}

.no-show-label{
  gap:7px;
  min-height:32px;
  padding:7px 11px;
  border:1px solid #fed7aa!important;
  background:#fff7ed!important;
  color:#9a4b00!important;
  box-shadow:none;
}
.no-show-label .no-show-icon{
  width:16px!important;
  height:16px!important;
  color:#A9633B!important;
}
.recent-noshow{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a4b00!important}
.no-show-kpi{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"icon label" "icon value" "icon note";
  align-items:center;
  column-gap:13px;
}
.no-show-kpi .kpi-icon-badge{
  grid-area:icon;
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff7ed;
  border:1px solid #fed7aa;
}
.no-show-kpi .kpi-no-show-icon{
  width:25px!important;
  height:25px!important;
  color:#A9633B!important;
  margin:0!important;
}
.no-show-kpi span{grid-area:label}.no-show-kpi strong{grid-area:value}.no-show-kpi em{grid-area:note}

@media(max-width:1180px){
  .order-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .menu-hero-title>i,.planning-title>i,.settings-hero>i{width:42px;height:42px;flex-basis:42px}
}
@media(max-width:850px){
  .nav i,.nav .admin-icon,.nav .chart-icon,.nav .printer-icon{
    width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
  }
}
@media(max-width:760px){
  .order-actions{grid-template-columns:1fr}
  .ready-email-button,.receipt-button,.no-show-button,.delete-order-button{min-height:58px}
  .menu-hero-title,.planning-title,.settings-hero{gap:12px}
  .menu-hero-title>i,.planning-title>i,.settings-hero>i{width:36px;height:36px;flex-basis:36px}
  .settings-hero{padding:18px}
  .no-show-kpi{grid-template-columns:42px 1fr}.no-show-kpi .kpi-icon-badge{width:42px;height:42px}
}

/* Dashboard extra iconen + groene nieuw-labels v38 */
.new-order-label{
  gap:7px!important;
  min-height:31px;
  padding:8px 11px!important;
  border:1px solid #86efac!important;
  background:linear-gradient(135deg,#ecfdf5,#dcfce7)!important;
  color:#166534!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12),0 8px 18px rgba(22,163,74,.12)!important;
  animation:new-order-green-pulse 1.6s ease-in-out infinite!important;
}
.new-order-label:before{display:none!important}
.new-order-label .new-order-icon{
  width:16px;
  height:16px;
  color:#16a34a;
  filter:drop-shadow(0 0 7px rgba(34,197,94,.35));
}
.recent-order .recent-new{
  border-color:#86efac!important;
  background:linear-gradient(135deg,#ecfdf5,#dcfce7)!important;
  color:#166534!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.12),0 8px 18px rgba(22,163,74,.12)!important;
  animation:new-order-green-pulse 1.6s ease-in-out infinite!important;
}
.recent-order .recent-new:before{display:none!important}
.recent-order .recent-new .new-order-icon{
  width:15px;
  height:15px;
  color:#16a34a;
  filter:drop-shadow(0 0 7px rgba(34,197,94,.35));
}
@keyframes new-order-green-pulse{
  50%{box-shadow:0 0 0 6px rgba(34,197,94,.16),0 10px 22px rgba(22,163,74,.16)}
}
@keyframes new-order-icon-pulse{
  50%{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(22,163,74,.42))}
}
@media(max-width:850px){
  .metric-card .metric-icon.admin-icon{width:40px;height:40px}
  .recent-order .recent-new .new-order-icon,.new-order-label .new-order-icon{width:14px;height:14px}
}

/* Afgerond donkerder groen v39 */
:root{
  --done-dark:#064e3b;
  --done-dark-soft:#d1fae5;
  --done-dark-border:#047857;
}
.status.collected,
.completed-label,
.recent-order .recent-done{
  border:1px solid rgba(4,120,87,.32)!important;
  background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;
  color:var(--done-dark)!important;
  box-shadow:0 6px 16px rgba(6,78,59,.10)!important;
}
.completed-label{
  min-height:31px;
  padding:8px 11px!important;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.recent-order .recent-done{
  color:var(--done-dark)!important;
  border-color:rgba(4,120,87,.36)!important;
}
.order-card.done{
  border-left-color:var(--done-dark-border)!important;
  background:linear-gradient(180deg,#fff,#f0fdf4)!important;
}
.status-tabs button[data-order-status="done"]{
  border-color:rgba(4,120,87,.42)!important;
}
.status-tabs button[data-order-status="done"]>i,
.status-tabs button[data-order-status="done"]>b{
  background:#d1fae5!important;
  color:var(--done-dark)!important;
}
.status-tabs button[data-order-status="done"].active{
  border-color:var(--done-dark-border)!important;
  background:#dcfce7!important;
  color:var(--done-dark)!important;
}
.print-status.printed,
.print-job-card.printed{
  border-left-color:var(--done-dark-border)!important;
}
@media(max-width:760px){.completed-label{margin-top:8px}}

/* Bestellingen toolbar responsive v41 */
.orders-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(170px,auto) minmax(230px,.72fr) auto!important;
  align-items:stretch!important;
  gap:12px!important;
}
.orders-toolbar .segmented{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:8px!important;
  min-width:0!important;
}
.orders-toolbar .segmented button{
  flex:1 1 132px!important;
  min-width:118px!important;
  min-height:48px!important;
  padding:0 13px!important;
  white-space:normal!important;
  line-height:1.15!important;
  text-align:center!important;
}
.orders-toolbar .segmented button[data-scope="failed"]{
  border-color:#ef4444!important;
  color:#991b1b!important;
  background:#fff7f7!important;
  box-shadow:inset 0 0 0 1px rgba(239,68,68,.18)!important;
}
.orders-toolbar .segmented button[data-scope="failed"].active{
  background:#ef4444!important;
  border-color:#dc2626!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(220,38,38,.22)!important;
}
.orders-toolbar #orderDate,
.orders-toolbar #orderSearch,
.orders-toolbar .export-button{
  width:100%!important;
  min-height:48px!important;
}
@media(max-width:1180px){
  .orders-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(220px,.55fr)!important;
  }
  .orders-toolbar .segmented{grid-column:1/-1!important}
  .orders-toolbar #orderDate{grid-column:1!important}
  .orders-toolbar #orderSearch{grid-column:1!important}
  .orders-toolbar .export-button{grid-column:2!important;grid-row:auto!important}
}
@media(max-width:820px){
  .orders-toolbar{grid-template-columns:1fr!important;padding:16px!important}
  .orders-toolbar>*{grid-column:1!important;grid-row:auto!important;width:100%!important}
  .orders-toolbar .segmented{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .orders-toolbar .segmented button{min-width:0!important;flex:auto!important}
}
@media(max-width:520px){
  .orders-toolbar .segmented{grid-template-columns:1fr!important}
}

/* Admin responsive polish v46
   Final override layer: keeps the beheerplatform readable on desktop, iPad and mobile. */
:root{--admin-button-min:42px}
button,.button,.primary-action{max-width:100%}
header button,.button,.primary-action{
  min-height:var(--admin-button-min);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:normal;
  line-height:1.15;
}
.header-actions{flex-wrap:wrap;justify-content:flex-end}
.panel-head{flex-wrap:wrap}
.panel-head>.button,.panel-head>button{flex:0 1 auto}

/* Compacte noodknop: niet meer dik of zwevend over andere bediening. */
.global-emergency{
  width:fit-content!important;
  max-width:100%!important;
  margin:-2px 0 16px auto!important;
  padding:6px 8px 6px 10px!important;
  border-radius:999px!important;
  gap:8px!important;
  align-items:center!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.08),0 10px 24px rgba(153,27,27,.18)!important;
}
.global-emergency .emergency-icon{
  width:21px!important;
  height:21px!important;
  font-size:12px!important;
  flex:0 0 21px!important;
}
.global-emergency .emergency-copy strong{
  font-size:10.5px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.global-emergency .emergency-copy span{display:none!important}
.global-emergency .emergency-toggle{
  gap:6px!important;
  flex:0 0 auto!important;
}
.global-emergency .switch-track{
  width:42px!important;
  height:24px!important;
}
.global-emergency .switch-track::after{
  width:18px!important;
  height:18px!important;
  left:3px!important;
  top:3px!important;
}
.global-emergency.active .switch-track::after,
.global-emergency .emergency-toggle input:checked + .switch-track::after{
  transform:translateX(18px)!important;
}
.global-emergency .emergency-label{display:none!important}

/* Orders: filters, statussen en actieknoppen schalen mee met de schermbreedte. */
.orders-toolbar{align-items:stretch!important}
.orders-toolbar .segmented button{
  min-height:44px!important;
  padding:8px 10px!important;
  font-size:10px!important;
}
.orders-toolbar input,.orders-toolbar .button{min-height:44px!important}
.status-tabs{flex-wrap:wrap}
.status-tabs button{min-height:40px}
.order-actions{gap:10px!important}
.ready-email-button,.receipt-button,.no-show-button,.delete-order-button{
  min-height:50px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  gap:9px!important;
}
.ready-email-button i,.receipt-button i,.no-show-button i,.delete-order-button i{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}
.ready-email-button b,.receipt-button b,.no-show-button b,.delete-order-button b{font-size:12px!important}
.ready-email-button small,.receipt-button small,.no-show-button small,.delete-order-button small{
  font-size:8.5px!important;
  line-height:1.2!important;
}
.delete-order-button .trash-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}

.print-actions .button{
  min-height:40px!important;
  padding:9px 12px!important;
}
.category-actions,.photo-actions,.email-template-picker{flex-wrap:wrap}
.category-actions .button,.category-actions button{min-height:42px}
.weekday{min-width:0}

@media(max-width:1024px){
  body{grid-template-columns:86px minmax(0,1fr)}
  main{padding:22px 20px 54px}
  header{gap:14px}
  header h1{font-size:25px}
  .global-emergency{
    margin:0 0 14px auto!important;
    padding:6px 8px!important;
  }
  .global-emergency .emergency-copy strong{font-size:9.5px!important}
  .orders-toolbar{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .orders-toolbar>*{
    grid-column:1/-1!important;
    width:100%!important;
  }
  .orders-toolbar .segmented{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .orders-toolbar .segmented button{min-width:0!important}
  .status-tabs{
    gap:8px!important;
    overflow-x:auto!important;
    padding:10px 14px!important;
    flex-wrap:nowrap!important;
  }
  .status-tabs button{
    flex:0 0 auto;
    min-height:40px;
    padding:9px 12px!important;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
  }
  .status-tabs button.active:after{display:none}
  .order-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .schedule-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .weekday-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .print-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .print-actions .button{width:100%!important}
  .email-template-picker{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .email-template-picker label{min-width:0!important}
  .email-template-picker button{
    grid-column:1/-1!important;
    width:100%!important;
  }
}

@media(max-width:760px){
  body{grid-template-columns:72px minmax(0,1fr)}
  main{padding:18px 14px 44px}
  header{
    align-items:flex-start;
    flex-direction:column;
  }
  .header-actions{
    width:100%;
    justify-content:space-between;
  }
  header button,#save{
    flex:1;
    min-height:42px;
  }
  .global-emergency{
    width:100%!important;
    justify-content:space-between!important;
    margin:0 0 14px!important;
    border-radius:16px!important;
    padding:9px 10px!important;
  }
  .global-emergency .emergency-copy strong{
    white-space:normal!important;
    font-size:10px!important;
  }
  .orders-toolbar .segmented{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .status-tabs{padding:8px 12px!important}
  .status-tabs button{font-size:10px!important}
  .order-actions{grid-template-columns:1fr!important}
  .ready-email-button,.receipt-button,.no-show-button,.delete-order-button{min-height:52px!important}
  .schedule-settings{grid-template-columns:1fr!important}
  .weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .print-actions{grid-template-columns:1fr!important}
  .panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .panel-head .button,.panel-head button{width:100%}
  .email-template-picker{grid-template-columns:1fr!important}
  .email-template-picker label,.email-template-picker button{width:100%!important}
  .category-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
  }
  .category-actions .category-add{width:100%}
}

@media(max-width:520px){
  .orders-toolbar .segmented{grid-template-columns:1fr!important}
  .weekday-grid{grid-template-columns:1fr!important}
  .global-emergency .emergency-copy{min-width:0}
  .global-emergency .emergency-copy strong{font-size:9.5px!important}
}

/* Noodknop in de vaste bovenbalk i.p.v. los in de pagina */
.header-actions .global-emergency{
  margin:0!important;
  order:1;
  align-self:center;
}
.header-actions .live-dot{order:0}
.header-actions #save{order:2}
@media(max-width:760px){
  .header-actions .global-emergency{
    width:auto!important;
    margin:0!important;
    border-radius:999px!important;
  }
  .header-actions #save{
    flex:1 1 180px;
  }
}

/* Noodknop v52: compacte responsive pill, ook wanneer header-buttons op mobiel flex krijgen */
.header-actions .global-emergency{
  position:relative!important;
  flex:0 1 auto!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  max-width:min(100%,260px)!important;
  padding:4px 52px 4px 10px!important;
  gap:8px!important;
  overflow:visible!important;
}
.header-actions .global-emergency .emergency-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}
.header-actions .global-emergency .emergency-icon{
  display:none!important;
}
.header-actions .global-emergency .emergency-copy span{
  display:none!important;
}
.header-actions .global-emergency .emergency-copy strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
}
.header-actions .global-emergency .emergency-toggle{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header-actions .global-emergency .switch-track{
  width:38px!important;
  height:22px!important;
  flex:0 0 38px!important;
}
.header-actions .global-emergency .switch-track::after{
  width:16px!important;
  height:16px!important;
  left:3px!important;
  top:3px!important;
}
.header-actions .global-emergency.active .switch-track::after,
.header-actions .global-emergency .emergency-toggle input:checked + .switch-track::after{
  transform:translateX(16px)!important;
}
@media(max-width:760px){
  .header-actions{
    gap:8px!important;
    align-items:center!important;
  }
  .header-actions .live-dot{
    min-height:30px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
  .header-actions .global-emergency{
    flex:1 1 190px!important;
    max-width:230px!important;
    margin:0!important;
    height:32px!important;
    min-height:32px!important;
    box-shadow:0 0 0 2px rgba(220,38,38,.08),0 8px 18px rgba(153,27,27,.18)!important;
  }
}
@media(max-width:520px){
  .header-actions{
    justify-content:flex-start!important;
  }
  .header-actions .global-emergency{
    flex:0 1 230px!important;
    max-width:230px!important;
  }
}

/* iPhone responsive v54: status zichtbaar houden en knoppen netjes stapelen */
.live-dot.offline{
  color:#991b1b!important;
  background:#fee2e2!important;
}
.live-dot.offline:before{
  background:#dc2626!important;
}
@media(max-width:600px){
  .header-actions .live-dot{
    display:inline-flex!important;
  }
}
@media(max-width:620px){
  main{
    padding:18px 12px 42px!important;
  }
  header{
    gap:10px!important;
    margin-bottom:16px!important;
  }
  header h1{
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.02!important;
  }
  header>div:first-child{
    min-width:0!important;
  }
  header>div:first-child p{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    letter-spacing:.16em!important;
  }
  .header-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:auto minmax(180px,1fr)!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:center!important;
  }
  .header-actions .live-dot{
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .header-actions .global-emergency{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
    justify-self:stretch!important;
    grid-column:2!important;
    height:32px!important;
    margin:0!important;
  }
  .header-actions #save{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:40px!important;
    flex:none!important;
  }
  .hidden-save{
    display:none!important;
  }
}
@media(max-width:430px){
  body{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  aside{
    padding:14px 7px!important;
  }
  main{
    padding:16px 10px 38px!important;
  }
  .header-actions{
    grid-template-columns:1fr!important;
  }
  .header-actions .live-dot,
  .header-actions .global-emergency{
    grid-column:1!important;
    width:100%!important;
  }
  .header-actions .global-emergency .emergency-copy strong{
    font-size:9px!important;
  }
  .welcome-card,.today-planned-card,.card,.panel{
    border-radius:18px!important;
  }
  .welcome-card{
    padding:24px 20px!important;
  }
  .welcome-card h2{
    font-size:28px!important;
  }
}

/* Sidebar toggle v47 */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body{
  transition:grid-template-columns .22s ease;
}
aside{
  overflow:hidden;
  transition:padding .22s ease,box-shadow .22s ease;
}
.sidebar-toggle{
  position:fixed;
  top:18px;
  left:252px;
  z-index:24;
  width:44px;
  height:44px;
  border:1px solid rgba(17,24,39,.10);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:var(--nav);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(17,24,39,.14),0 2px 0 rgba(255,255,255,.75) inset;
  backdrop-filter:blur(12px);
  transition:left .22s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.sidebar-toggle:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 18px 38px rgba(17,24,39,.18),0 0 0 4px rgba(101,100,52,.10);
}
.sidebar-toggle:active{transform:translateY(0) scale(.98)}
.sidebar-toggle img{
  width:21px;
  height:21px;
  object-fit:contain;
  transition:transform .22s ease;
}
body.sidebar-collapsed{
  grid-template-columns:86px minmax(0,1fr)!important;
}
body.sidebar-collapsed .sidebar-toggle{
  left:98px;
}
body.sidebar-collapsed .sidebar-toggle img{
  transform:rotate(180deg);
}
body.sidebar-collapsed aside{
  padding:20px 9px!important;
}
body.sidebar-collapsed .logo{
  justify-content:center!important;
  padding:1px 7px 21px!important;
}
body.sidebar-collapsed .logo span{display:none!important}
body.sidebar-collapsed .logo img{
  width:47px!important;
  height:47px!important;
}
body.sidebar-collapsed .nav{
  justify-content:center!important;
  min-height:50px!important;
  padding:12px 8px!important;
  font-size:0!important;
  gap:0!important;
}
body.sidebar-collapsed .nav i,
body.sidebar-collapsed .nav .admin-icon,
body.sidebar-collapsed .nav .chart-icon,
body.sidebar-collapsed .nav .printer-icon{
  margin:0!important;
}
body.sidebar-collapsed .nav b{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  min-width:18px!important;
  height:18px!important;
  font-size:8px!important;
}
body.sidebar-collapsed .store-link{
  font-size:0!important;
  padding:10px!important;
}
body.sidebar-collapsed .store-link:after{
  content:'↗';
  font-size:16px;
}

@media(max-width:1024px){
  body:not(.sidebar-expanded){
    grid-template-columns:86px minmax(0,1fr)!important;
  }
  body:not(.sidebar-expanded) .sidebar-toggle{left:98px}
  body.sidebar-expanded{
    grid-template-columns:240px minmax(0,1fr)!important;
  }
  body.sidebar-expanded .sidebar-toggle{left:252px}
  body.sidebar-expanded aside{
    padding:22px 14px!important;
    box-shadow:10px 0 28px rgba(17,24,39,.10);
  }
  body.sidebar-expanded .logo{
    justify-content:flex-start!important;
    padding:0 8px 24px!important;
  }
  body.sidebar-expanded .logo span{display:inline!important}
  body.sidebar-expanded .logo img{
    width:43px!important;
    height:43px!important;
  }
  body.sidebar-expanded .nav{
    justify-content:flex-start!important;
    min-height:auto!important;
    padding:11px 12px!important;
    font-size:13px!important;
    gap:11px!important;
  }
  body.sidebar-expanded .nav b{
    position:static!important;
    margin-left:auto!important;
    min-width:22px!important;
    height:22px!important;
    font-size:10px!important;
  }
  body.sidebar-expanded .store-link{
    font-size:12px!important;
    padding:11px!important;
  }
  body.sidebar-expanded .store-link:after{content:none!important}
}

@media(max-width:760px){
  body:not(.sidebar-expanded),
  body.sidebar-collapsed{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  body:not(.sidebar-expanded) aside,
  body.sidebar-collapsed aside{
    padding:18px 8px!important;
  }
  body:not(.sidebar-expanded) .sidebar-toggle,
  body.sidebar-collapsed .sidebar-toggle{
    left:82px;
  }
  body.sidebar-expanded{
    grid-template-columns:218px minmax(0,1fr)!important;
  }
  body.sidebar-expanded .sidebar-toggle{
    left:230px;
  }
  body.sidebar-expanded .nav{
    font-size:12px!important;
    padding:10px 11px!important;
  }
  .sidebar-toggle{
    top:12px;
    width:40px;
    height:40px;
    border-radius:14px;
  }
  .sidebar-toggle img{
    width:19px;
    height:19px;
  }
}

@media(max-width:520px){
  body:not(.sidebar-expanded),
  body.sidebar-collapsed{
    grid-template-columns:66px minmax(0,1fr)!important;
  }
  body:not(.sidebar-expanded) .sidebar-toggle,
  body.sidebar-collapsed .sidebar-toggle{
    left:73px;
  }
  body.sidebar-expanded{
    grid-template-columns:204px minmax(0,1fr)!important;
  }
  body.sidebar-expanded .sidebar-toggle{
    left:211px;
  }
}

/* Sidebar toggle placement fix v48
   The toggle now lives inside the sidebar header, so it never floats over login/content. */
.sidebar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 22px;
}
.sidebar-head .logo{
  min-width:0;
  flex:1 1 auto;
  padding:0!important;
}
.sidebar-head .logo img{
  flex:0 0 auto;
}
.sidebar-head .logo span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sidebar-toggle{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  z-index:1!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:none!important;
}
.sidebar-toggle:hover{
  background:rgba(255,255,255,.18)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.22),0 0 0 3px rgba(255,255,255,.06)!important;
}
.sidebar-toggle img{
  width:19px!important;
  height:19px!important;
  filter:invert(1)!important;
}
body.sidebar-collapsed .sidebar-head,
body:not(.sidebar-expanded) .sidebar-head{
  flex-direction:column;
  justify-content:center;
  gap:12px;
  padding:1px 0 20px;
}
body.sidebar-collapsed .sidebar-head .logo,
body:not(.sidebar-expanded) .sidebar-head .logo{
  flex:none;
}
body.sidebar-collapsed .sidebar-toggle,
body:not(.sidebar-expanded) .sidebar-toggle{
  flex-basis:36px!important;
  width:36px!important;
  height:36px!important;
}
body.sidebar-expanded .sidebar-head{
  flex-direction:row!important;
  justify-content:space-between!important;
  padding:0 2px 22px!important;
}
body.sidebar-expanded .sidebar-toggle{
  flex-basis:38px!important;
  width:38px!important;
  height:38px!important;
}
body.sidebar-expanded .sidebar-toggle img{
  transform:none!important;
}
body.sidebar-collapsed .sidebar-toggle img,
body:not(.sidebar-expanded) .sidebar-toggle img{
  transform:rotate(180deg)!important;
}

@media(max-width:760px){
  .sidebar-head{gap:10px}
  body.sidebar-expanded .sidebar-head{
    padding-bottom:18px!important;
  }
}

body.admin-locked{
  display:block!important;
  min-height:100vh;
}
body.admin-locked aside,
body.admin-locked main,
body.admin-locked .sidebar-toggle{
  display:none!important;
}

/* Sidebar responsive refinement v49
   Tablet/mobile expanded state behaves like a drawer, so content no longer gets squeezed. */
.sidebar-head{
  min-height:66px;
}
body.sidebar-collapsed .sidebar-head,
body:not(.sidebar-expanded) .sidebar-head{
  min-height:112px;
}
.sidebar-toggle{
  touch-action:manipulation;
}

@media(min-width:1025px){
  body.sidebar-expanded{
    grid-template-columns:240px minmax(0,1fr)!important;
  }
  body.sidebar-expanded aside{
    position:sticky!important;
    width:auto!important;
    transform:none!important;
  }
}

@media(max-width:1024px){
  body.sidebar-expanded{
    grid-template-columns:86px minmax(0,1fr)!important;
  }
  body.sidebar-expanded aside{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:260px!important;
    max-width:calc(100vw - 22px)!important;
    height:100vh!important;
    z-index:23!important;
    overflow-y:auto!important;
    padding:22px 14px!important;
    box-shadow:18px 0 50px rgba(17,24,39,.28)!important;
  }
  body.sidebar-expanded main{
    min-width:0;
    grid-column:2;
  }
  body.sidebar-expanded .sidebar-head{
    min-height:62px;
    padding:0 0 20px!important;
  }
  body.sidebar-collapsed aside,
  body:not(.sidebar-expanded) aside{
    position:sticky!important;
    width:auto!important;
    box-shadow:none!important;
  }
}

@media(max-width:760px){
  body.sidebar-expanded{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  body.sidebar-expanded aside{
    width:236px!important;
    max-width:calc(100vw - 14px)!important;
    padding:18px 12px!important;
  }
  body.sidebar-expanded .sidebar-head{
    min-height:58px;
  }
}

@media(max-width:520px){
  body.sidebar-expanded{
    grid-template-columns:66px minmax(0,1fr)!important;
  }
  body.sidebar-expanded aside{
    width:218px!important;
    max-width:calc(100vw - 10px)!important;
  }
  body.sidebar-collapsed .sidebar-head,
  body:not(.sidebar-expanded) .sidebar-head{
    min-height:104px;
  }
}

/* Sidebar breakpoint repair v50
   Fixes iPad landscape widths around 1180px where older tablet rules hid labels. */
@media(min-width:1025px) and (max-width:1180px){
  body.sidebar-expanded{
    grid-template-columns:240px minmax(0,1fr)!important;
  }
  body.sidebar-expanded aside{
    position:sticky!important;
    width:auto!important;
    height:100vh!important;
    padding:22px 14px!important;
    box-shadow:none!important;
  }
  body.sidebar-expanded .sidebar-head{
    flex-direction:row!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:66px!important;
    padding:0 2px 22px!important;
  }
  body.sidebar-expanded .logo{
    justify-content:flex-start!important;
    padding:0!important;
  }
  body.sidebar-expanded .logo span{
    display:inline!important;
  }
  body.sidebar-expanded .logo img{
    width:43px!important;
    height:43px!important;
  }
  body.sidebar-expanded .nav{
    justify-content:flex-start!important;
    min-height:44px!important;
    padding:11px 12px!important;
    font-size:13px!important;
    gap:11px!important;
    text-align:left!important;
  }
  body.sidebar-expanded .nav b{
    position:static!important;
    margin-left:auto!important;
    min-width:22px!important;
    height:22px!important;
    font-size:10px!important;
  }
  body.sidebar-expanded .store-link{
    justify-content:center!important;
    font-size:12px!important;
    padding:11px!important;
  }
  body.sidebar-expanded .store-link:after{content:none!important}

  body.sidebar-collapsed{
    grid-template-columns:86px minmax(0,1fr)!important;
  }
  body.sidebar-collapsed aside{
    padding:20px 9px!important;
  }
}

/* Menu & extra's edit/detail redesign v64 */
.product-card .actions{
  align-items:center;
  justify-content:flex-end;
}
.icon-button.edit-button{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.icon-button.edit-button img{
  width:21px!important;
  height:21px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(42%) sepia(13%) saturate(616%) hue-rotate(178deg) brightness(87%) contrast(86%)!important;
}
.icon-button.edit-button:hover,
.icon-button.edit-button.active{
  background:#eef5ff!important;
  border-color:#94b7ef!important;
  box-shadow:0 12px 24px rgba(37,99,235,.13)!important;
  transform:translateY(-1px);
}
.icon-button.edit-button.active img{
  filter:brightness(0) saturate(100%) invert(39%) sepia(94%) saturate(1678%) hue-rotate(203deg) brightness(92%) contrast(92%)!important;
}
.product-details{
  padding:18px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)!important;
  border:1px solid #dfe6ef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 40px rgba(15,23,42,.06)!important;
}
.product-details.open{
  display:grid!important;
  gap:16px!important;
}
.details-card{
  background:rgba(255,255,255,.86)!important;
  border:1px solid #dfe6ef!important;
  border-radius:18px!important;
  padding:16px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.04)!important;
}
.details-kicker{
  display:block;
  margin-bottom:4px;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.details-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}
.details-section-head small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:12px;
  font-weight:650;
  line-height:1.45;
}
.photo-actions{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto))!important;
  gap:12px!important;
  align-items:center!important;
  margin-bottom:0!important;
}
.photo-actions .button,
.add-group-button,
.add-option-button{
  min-height:46px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.allergen-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;
  gap:10px!important;
  margin-top:8px!important;
}
.product-details .allergen{
  min-height:46px!important;
  justify-content:flex-start!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  font-size:13px!important;
  font-weight:750!important;
  color:#172033!important;
}
.options-card .panel-head{
  margin:0!important;
}
.option-groups-list{
  display:grid!important;
  gap:12px!important;
}
.option-group{
  margin:0!important;
  padding:14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
}
.option-group-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  margin-bottom:12px!important;
}
.option-group label,
.option-line label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
.option-group label span,
.option-line label span{
  color:#64748b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.option-lines{
  display:grid!important;
  gap:10px!important;
}
.option-line{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) 110px 105px 42px!important;
  gap:10px!important;
  align-items:end!important;
  margin-top:0!important;
  padding:12px!important;
  border:1px solid #edf1f7!important;
  border-radius:16px!important;
  background:#f8fafc!important;
}
.option-line input,
.option-line select,
.option-group-head input{
  min-height:44px!important;
  border-radius:13px!important;
}
.add-option-button{
  width:100%!important;
  margin-top:12px!important;
}
.product-visible-toggle{
  width:max-content!important;
  max-width:100%!important;
}
.empty-details{
  display:block;
  padding:14px;
  border-radius:14px;
  background:#f8fafc;
  color:#64748b;
  font-weight:750;
}

@media(max-width:1100px){
  .photo-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .photo-actions>div{
    grid-column:1 / -1;
  }
  .option-line{
    grid-template-columns:minmax(0,1fr) 105px 98px 42px!important;
  }
}
@media(max-width:760px){
  .product-details{
    padding:14px!important;
  }
  .details-card{
    padding:14px!important;
    border-radius:16px!important;
  }
  .photo-actions,
  .option-line{
    grid-template-columns:1fr!important;
  }
  .photo-actions .button{
    width:100%!important;
  }
  .details-section-head{
    flex-direction:column!important;
  }
  .add-group-button{
    width:100%!important;
  }
  .option-group-head{
    grid-template-columns:1fr!important;
  }
  .option-group-head .icon-button,
  .option-line .icon-button{
    width:100%!important;
    height:42px!important;
  }
  .allergen-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:430px){
  .allergen-list{
    grid-template-columns:1fr!important;
  }
  .icon-button.edit-button{
    width:40px!important;
    height:40px!important;
  }
}

.hidden{display:none!important}

.admin-user-pill{
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:9px 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#312e81;
  font-size:11px;
  font-weight:900;
}
.logout-button{
  background:#fff!important;
  color:#334155!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

/* Menu & extra's UX polish + new action icons v67 */
.menu-category{
  border-radius:24px!important;
  border:1px solid #dfe6ef!important;
  box-shadow:0 18px 44px rgba(15,23,42,.06)!important;
}
.menu-category-head{
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;
  padding:22px 24px!important;
}
.category-actions{
  align-items:center!important;
}
.category-delete{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  background:#fff1f2!important;
  border:1px solid #fecdd3!important;
  box-shadow:0 10px 24px rgba(190,18,60,.08)!important;
}
.category-delete img,
.menu-trash-button img,
.danger-soft-action img{
  display:block!important;
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(23%) sepia(96%) saturate(2445%) hue-rotate(338deg) brightness(90%) contrast(91%)!important;
}
.category-delete:hover,
.menu-trash-button:hover{
  background:#dc2626!important;
  border-color:#dc2626!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.category-delete:hover img,
.menu-trash-button:hover img{
  filter:brightness(0) invert(1)!important;
}
.category-products{
  padding:4px 24px 12px!important;
}
.product-list-head{
  padding-left:24px!important;
  padding-right:24px!important;
  border-bottom:1px solid #e6ebf2!important;
}
.product-card{
  border-bottom:1px solid #e6ebf2!important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.product-card:hover{
  background:#fbfdff!important;
}
.product-card .actions{
  display:grid!important;
  grid-template-columns:44px 44px!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:end!important;
}
.icon-button.edit-button,
.menu-trash-button{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
}
.icon-button.edit-button{
  background:#eef2ff!important;
  border-color:#c7d2fe!important;
  box-shadow:0 10px 22px rgba(79,70,229,.09)!important;
}
.icon-button.edit-button img{
  width:23px!important;
  height:23px!important;
  filter:brightness(0) saturate(100%) invert(32%) sepia(94%) saturate(1444%) hue-rotate(226deg) brightness(97%) contrast(92%)!important;
}
.icon-button.edit-button:hover,
.icon-button.edit-button.active{
  background:#4f46e5!important;
  border-color:#4f46e5!important;
  box-shadow:0 14px 28px rgba(79,70,229,.22)!important;
}
.icon-button.edit-button:hover img,
.icon-button.edit-button.active img{
  filter:brightness(0) invert(1)!important;
}
.menu-trash-button{
  display:grid!important;
  place-items:center!important;
  background:#fff1f2!important;
  border:1px solid #fecdd3!important;
  box-shadow:0 10px 22px rgba(190,18,60,.07)!important;
  color:#b42332!important;
}
.danger-soft-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#b42332!important;
  border-color:#fecdd3!important;
  background:#fff7f8!important;
}
.danger-soft-action:hover{
  background:#fff1f2!important;
  border-color:#fb7185!important;
}
.product-details{
  margin-top:6px!important;
}
.product-details.open{
  animation:menuDetailsIn .18s ease-out both;
}
@keyframes menuDetailsIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:1180px){
  .menu-category-head{
    gap:16px!important;
  }
  .category-actions{
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
  }
}
@media(max-width:980px){
  .menu-category-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .category-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 54px!important;
  }
  .category-add{
    width:100%!important;
  }
  .category-products{
    padding:0 16px 14px!important;
  }
  .product-card{
    box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
  }
}
@media(max-width:760px){
  .menu-category{
    border-radius:20px!important;
  }
  .menu-category-head{
    padding:18px!important;
  }
  .category-identity{
    align-items:flex-start!important;
  }
  .category-identity>i{
    width:48px!important;
    height:48px!important;
    border-radius:16px!important;
  }
  .category-actions{
    grid-template-columns:1fr 50px!important;
  }
  .product-card{
    grid-template-columns:62px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .product-card .photo-upload{
    grid-column:1 / -1!important;
    grid-row:1!important;
    justify-self:start!important;
    width:max-content!important;
    max-width:100%!important;
    margin-bottom:2px!important;
  }
  .product-card .photo-upload .photo-crop-thumb,
  .product-card .photo-upload img{
    width:72px!important;
    height:72px!important;
  }
  .product-card .photo-upload>span:last-of-type{
    left:0!important;
    right:auto!important;
    bottom:0!important;
    max-width:92px!important;
    padding:5px 8px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }
  .product-card input[data-k="name"]{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding-left:16px!important;
  }
  .product-card .actions{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .icon-button.edit-button,
  .menu-trash-button{
    width:42px!important;
    height:42px!important;
  }
  .product-card input[data-k="description"],
  .product-card input[data-k="price"],
  .product-card select.vat-select,
  .product-card select[data-k="category"]{
    grid-column:2 / -1!important;
  }
  .product-details{
    grid-column:1 / -1!important;
  }
}
@media(max-width:460px){
  .menu-category-head{
    padding:16px!important;
  }
  .category-actions{
    grid-template-columns:1fr!important;
  }
  .category-delete{
    width:100%!important;
    height:46px!important;
  }
  .product-card{
    grid-template-columns:56px minmax(0,1fr)!important;
  }
  .product-card .actions{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    grid-template-columns:1fr 1fr!important;
  }
  .icon-button.edit-button,
  .menu-trash-button{
    width:100%!important;
    height:46px!important;
  }
  .product-card input[data-k="name"],
  .product-card input[data-k="description"],
  .product-card input[data-k="price"],
  .product-card select.vat-select,
  .product-card select[data-k="category"]{
    grid-column:1 / -1!important;
  }
}

/* Compacte menu checkboxes/chips v68 */
.product-details .allergen,
.product-visible-toggle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:10px 14px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #dfe6ef!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  user-select:none!important;
}
.product-details .allergen:hover,
.product-visible-toggle:hover{
  border-color:#c7d2fe!important;
  box-shadow:0 12px 25px rgba(79,70,229,.08)!important;
  transform:translateY(-1px)!important;
}
.product-details .allergen input,
.product-visible-toggle input{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  margin:0!important;
  border-radius:8px!important;
  border:2px solid #cbd5e1!important;
  background:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.product-details .allergen input::after,
.product-visible-toggle input::after{
  content:'';
  width:10px;
  height:6px;
  border-left:3px solid #fff;
  border-bottom:3px solid #fff;
  transform:rotate(-45deg) scale(.65);
  opacity:0;
  transition:opacity .14s ease, transform .14s ease;
}
.product-details .allergen input:checked,
.product-visible-toggle input:checked{
  background:#4f46e5!important;
  border-color:#4f46e5!important;
}
.product-details .allergen input:checked::after,
.product-visible-toggle input:checked::after{
  opacity:1;
  transform:rotate(-45deg) scale(1);
}
.product-details .allergen:has(input:checked),
.product-visible-toggle:has(input:checked){
  border-color:#c7d2fe!important;
  background:linear-gradient(135deg,#f5f7ff,#ffffff)!important;
}
.allergen-list{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.product-visible-toggle{
  margin-top:2px!important;
  font-size:14px!important;
  font-weight:850!important;
  color:#172033!important;
}
.photo-actions{
  grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,auto))!important;
}
.photo-actions .button{
  min-width:0!important;
  text-align:center!important;
}
.option-line .menu-trash-button{
  align-self:stretch!important;
  height:auto!important;
  min-height:48px!important;
}

@media(max-width:980px){
  .allergen-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .product-details .allergen{
    min-height:48px!important;
    padding:9px 11px!important;
    font-size:12px!important;
  }
  .product-visible-toggle{
    width:100%!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:680px){
  .allergen-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .photo-actions{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:430px){
  .allergen-list{
    grid-template-columns:1fr!important;
  }
  .product-details .allergen,
  .product-visible-toggle{
    min-height:46px!important;
  }
}
.auth-error{
  min-height:18px;
  color:#b91c1c!important;
  font-weight:800;
}
.auth-secondary{min-height:28px;margin-top:10px;display:flex;justify-content:center}
.login .auth-secondary .auth-link{width:auto;background:transparent;color:var(--primary);padding:7px 5px;border-radius:8px;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.login .auth-secondary .auth-link:hover{background:#eef2ff;text-decoration:none}
.password-hint{display:block!important;margin:2px 2px 10px!important;text-align:left;color:#64748b!important;font-size:11px;line-height:1.5}
.auth-success{margin:16px 0 10px;padding:14px 15px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534;font-size:13px;font-weight:700;line-height:1.55;text-align:left}
.twofa-setup{
  display:grid;
  gap:12px;
  text-align:left;
  margin-top:14px;
}
.twofa-setup label{
  display:grid;
  gap:7px;
  color:#64748b;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.twofa-setup code,
.twofa-setup textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
  color:#0f172a;
  padding:11px;
  font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace;
  word-break:break-all;
}
.qr-box{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  background:#f8fafc;
  text-align:center;
}
.qr-box b{color:#172033}
.qr-box small{color:#64748b}
.qr-box img{
  width:min(210px,100%);
  height:auto;
  margin:auto;
  border-radius:12px;
  background:#fff;
  padding:8px;
}
.backup-codes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
}
.backup-codes code{
  padding:10px;
  border-radius:10px;
  background:#f8fafc;
  border:1px solid var(--line);
  color:#172033;
  font-weight:900;
}
.admin-users-panel{margin-top:16px}
.role-pill{
  padding:7px 10px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-size:9px;
  font-weight:900;
}
.admin-user-create{
  display:grid;
  grid-template-columns:1fr 1.2fr 130px 1fr auto;
  gap:10px;
  margin:14px 0 18px;
}
.admin-user-create input,
.admin-user-create select,
.admin-user-row select{
  min-height:44px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 12px;
  color:#172033;
  background:#fff;
  font-weight:800;
}
.admin-users-list{display:grid;gap:10px}
.admin-user-row{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 130px auto auto auto auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.admin-user-row.inactive{opacity:.62;background:#f8fafc}
.admin-user-row>div{display:grid;gap:3px;min-width:0}
.admin-user-row b,
.admin-user-row span,
.admin-user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-row span{color:#475569;font-size:12px}
.admin-user-row small{color:#94a3b8;font-size:10px}
.button.danger{
  background:#fee2e2!important;
  color:#991b1b!important;
  border:1px solid #fecaca!important;
  box-shadow:none!important;
}
@media(max-width:1100px){
  .admin-user-create{grid-template-columns:1fr 1fr}
  .admin-user-create button{grid-column:1/-1}
  .admin-user-row{grid-template-columns:1fr 120px 1fr 1fr}
  .admin-user-row [data-user-delete]{grid-column:4}
}
@media(max-width:700px){
  .admin-user-pill{max-width:150px}
  .admin-user-create,
  .admin-user-row{grid-template-columns:1fr}
  .admin-user-row button,
  .admin-user-row select{width:100%}
  .backup-codes{grid-template-columns:1fr}
}

/* Afhaaltijden: uitzonderingen groter en duidelijker v69 */
.exceptions-panel .planning-section-head{
  padding:26px 28px!important;
}
.exceptions-panel .planning-section-head>div>span{
  font-size:11px!important;
  letter-spacing:.16em!important;
}
.exceptions-panel .planning-section-head h2{
  font-size:26px!important;
  line-height:1.15!important;
  margin:8px 0 7px!important;
}
.exceptions-panel .planning-section-head p{
  font-size:15px!important;
  line-height:1.45!important;
}
.exceptions-panel .exception-add.range{
  padding:26px 28px 30px!important;
  gap:18px!important;
  background:#f8fafc!important;
}
.exceptions-panel .exception-add.range label{
  gap:10px!important;
  font-size:12px!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
}
.exceptions-panel .exception-add.range label small{
  font-size:12px!important;
  color:#64748b!important;
  font-weight:900!important;
}
.exceptions-panel .exception-add.range input[type="date"]{
  min-height:64px!important;
  border-radius:16px!important;
  padding:0 20px!important;
  font-size:16px!important;
  font-weight:850!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
}
.exceptions-panel .range-quick{
  gap:14px!important;
}
.exceptions-panel .range-quick button{
  min-height:56px!important;
  border-radius:16px!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
}
.exceptions-panel .exception-add.range>.button{
  min-height:68px!important;
  border-radius:18px!important;
  font-size:18px!important;
  font-weight:950!important;
}
.exceptions-panel .blocked-date-list{
  padding:22px 28px 26px!important;
  max-height:310px!important;
}
.exceptions-panel .blocked-date-list>div:not(.no-exceptions){
  padding:15px 0!important;
}
.exceptions-panel .blocked-date-list b{
  font-size:15px!important;
}
.exceptions-panel .blocked-date-list small{
  font-size:12px!important;
}
.exceptions-panel .blocked-date-list button{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:20px!important;
  font-weight:900!important;
}
.exceptions-panel .no-exceptions{
  padding:38px 12px!important;
  font-size:16px!important;
  line-height:1.5!important;
}

@media(max-width:980px){
  .exceptions-panel .planning-section-head{
    padding:24px 24px!important;
  }
  .exceptions-panel .exception-add.range{
    padding:24px!important;
  }
}
@media(max-width:680px){
  .exceptions-panel .planning-section-head h2{
    font-size:23px!important;
  }
  .exceptions-panel .planning-section-head p{
    font-size:14px!important;
  }
  .exceptions-panel .exception-add.range{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .exceptions-panel .range-quick{
    grid-template-columns:1fr!important;
  }
  .exceptions-panel .range-quick button,
  .exceptions-panel .exception-add.range>.button{
    min-height:58px!important;
  }
  .exceptions-panel .blocked-date-list{
    padding:20px 22px 24px!important;
  }
}

/* Bestellingen kaart redesign v70 */
.order-list{
  gap:14px!important;
}
.order-card{
  max-width:1280px!important;
  margin-inline:auto!important;
  width:100%!important;
  padding:18px 20px!important;
  border-radius:20px!important;
}
.order-card-head{
  margin-bottom:14px!important;
}
.order-number{
  font-size:24px!important;
}
.pickup{
  min-width:110px!important;
}
.pickup strong{
  font-size:30px!important;
  line-height:1!important;
}
.order-customer{
  grid-template-columns:minmax(160px,.9fr) minmax(220px,1.1fr)!important;
  gap:10px 16px!important;
  padding:14px 16px!important;
}
.order-customer div:nth-child(3){
  grid-column:2!important;
}
.order-customer small{
  font-size:10px!important;
}
.order-customer strong,
.order-customer a{
  font-size:15px!important;
  line-height:1.25!important;
}
.ordered-products{
  padding:18px 2px 12px!important;
}
.ordered-products>small{
  font-size:10px!important;
}
.ordered-line{
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:12px!important;
  margin-top:12px!important;
  font-size:16px!important;
}
.ordered-line>b{
  font-size:17px!important;
}
.ordered-line span strong{
  font-size:16px!important;
}
.ordered-line em{
  font-size:16px!important;
}
.order-finance{
  display:grid!important;
  grid-template-columns:minmax(150px,.42fr) minmax(145px,.38fr) minmax(260px,.85fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  padding-top:14px!important;
}
.order-finance>span{
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  min-height:58px!important;
  padding:10px 14px!important;
  border:1px solid #e2e8f0!important;
  border-radius:15px!important;
  background:#fbfcfd!important;
  color:#64748b!important;
}
.order-finance>span small{
  display:block!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#94a3b8!important;
}
.order-finance>span b{
  color:#172033!important;
  font-size:15px!important;
  line-height:1.18!important;
}
.order-total-pill b{
  font-size:18px!important;
}
.order-status-pill.new{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
}
.order-status-pill.new b{color:#9a3412!important}
.order-status-pill.busy{
  background:#eef2ff!important;
  border-color:#c7d2fe!important;
}
.order-status-pill.busy b{color:#3730a3!important}
.order-status-pill.done{
  background:#e5f6ed!important;
  border-color:#bfe5d2!important;
}
.order-status-pill.done b{color:#064e3b!important}
.order-payment-pill{
  text-align:left!important;
  position:relative!important;
  overflow:hidden!important;
  border-width:2px!important;
  background:linear-gradient(135deg,#f8fafc,#fff)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}
.order-payment-pill b{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  white-space:normal!important;
}
.order-payment-pill.cash-unpaid{
  background:linear-gradient(135deg,#fffaf0,#fff7e6)!important;
  border-color:#E69E19!important;
  box-shadow:0 10px 26px rgba(230,158,25,.12)!important;
}
.order-payment-pill.cash-unpaid b{color:#FFA500!important}
.order-payment-pill.cash-pulse{
  animation:cash-payment-pulse 2.25s ease-in-out infinite;
}
@keyframes cash-payment-pulse{
  0%,100%{box-shadow:0 10px 26px rgba(230,158,25,.12),0 0 0 0 rgba(255,165,0,.20)}
  50%{box-shadow:0 12px 30px rgba(230,158,25,.18),0 0 0 6px rgba(255,165,0,.10)}
}
.order-payment-pill.paid{
  background:linear-gradient(135deg,#edfdf4,#ffffff)!important;
  border-color:#9dd7bc!important;
}
.order-payment-pill.paid b{color:#064e3b!important}
.order-payment-pill.pending{
  background:linear-gradient(135deg,#eef2ff,#ffffff)!important;
  border-color:#c7d2fe!important;
}
.order-payment-pill.pending b{color:#3730a3!important}
.order-payment-pill.failed{
  background:linear-gradient(135deg,#fff1f2,#ffffff)!important;
  border-color:#fecaca!important;
}
.order-payment-pill.failed b{color:#991b1b!important}
.payment-correction{
  display:grid!important;
  gap:6px!important;
  margin-top:10px!important;
}
.payment-correction span{
  font-size:9px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#8b5e19!important;
}
.payment-correction select{
  min-height:40px!important;
  width:100%!important;
  border:1px solid rgba(230,158,25,.55)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  padding:0 12px!important;
  font-weight:900!important;
  outline:none!important;
}
.payment-correction select:focus{
  box-shadow:0 0 0 3px rgba(255,165,0,.16)!important;
}
.payment-correction.paid span{
  color:#064e3b!important;
}
.payment-correction.paid select{
  border-color:#8bc9a7!important;
  background:#f7fffb!important;
}
.payment-correction.paid select:focus{
  box-shadow:0 0 0 3px rgba(13,107,72,.14)!important;
}
.order-actions{
  grid-template-columns:repeat(2,minmax(220px,1fr))!important;
  gap:10px!important;
  margin-top:14px!important;
}
.ready-email-button,
.receipt-button,
.no-show-button,
.delete-order-button{
  min-height:54px!important;
  border-radius:15px!important;
  justify-content:center!important;
  padding:10px 14px!important;
  text-align:center!important;
  align-items:center!important;
}
.ready-email-button span,
.receipt-button span,
.no-show-button span,
.delete-order-button span{
  align-items:center!important;
  text-align:center!important;
}
.ready-email-button .mail-action-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:url('/brand/mail-action.png') center/contain no-repeat!important;
  mask:url('/brand/mail-action.png') center/contain no-repeat!important;
}
.ready-email-button{
  color:#3730a3!important;
}

@media(max-width:1180px){
  .order-card{
    padding:17px!important;
  }
  .order-finance{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-payment-pill{
    grid-column:1/-1!important;
  }
}
@media(max-width:820px){
  .order-customer{
    grid-template-columns:1fr!important;
  }
  .order-customer div:nth-child(3){
    grid-column:auto!important;
  }
  .order-card-head{
    gap:12px!important;
  }
  .pickup strong{
    font-size:27px!important;
  }
  .order-actions{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .order-card{
    padding:15px!important;
  }
  .order-card-head{
    flex-direction:column!important;
  }
  .pickup{
    width:100%!important;
    text-align:left!important;
    grid-template-columns:auto 1fr!important;
    align-items:end!important;
    gap:4px 10px!important;
  }
  .pickup small{
    grid-column:1/-1!important;
  }
  .pickup span{
    align-self:center!important;
  }
  .order-finance{
    grid-template-columns:1fr!important;
  }
  .order-payment-pill{
    grid-column:auto!important;
  }
  .ordered-line{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .ordered-line em{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:4px!important;
  }
}

/* Bestellingen volledige UX/UI herwerking v72 */
.orders-panel{
  --orders-radius:18px;
  --orders-line:#dde6f1;
  --orders-card-shadow:0 14px 34px rgba(15,23,42,.055);
  max-width:1540px!important;
  margin-inline:auto!important;
  border-radius:24px!important;
  border:1px solid #dfe7f1!important;
  background:#f7f9fc!important;
  box-shadow:0 18px 42px rgba(15,23,42,.045)!important;
}
.orders-toolbar{
  display:grid!important;
  grid-template-columns:minmax(190px,.55fr) minmax(280px,1fr) minmax(220px,.62fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  padding:22px!important;
  background:linear-gradient(180deg,#ffffff,#fbfcff)!important;
  border-bottom:1px solid var(--orders-line)!important;
}
.orders-toolbar .segmented{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:8px!important;
  padding:6px!important;
  border:1px solid #e1e8f2!important;
  border-radius:18px!important;
  background:#f3f6fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.orders-toolbar .segmented button{
  min-width:0!important;
  min-height:48px!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.orders-toolbar .segmented button:hover{
  background:#fff!important;
  border-color:#dbe4ef!important;
  color:#172033!important;
  transform:translateY(-1px)!important;
}
.orders-toolbar .segmented button.active{
  background:#172033!important;
  color:#fff!important;
  border-color:#172033!important;
  box-shadow:0 10px 22px rgba(23,32,51,.16)!important;
}
.orders-toolbar .segmented button[data-scope="failed"]{
  background:#fff7f7!important;
  border-color:#ffd7dc!important;
  color:#a31f2d!important;
}
.orders-toolbar .segmented button[data-scope="failed"].active{
  background:#dc3545!important;
  border-color:#dc3545!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(220,53,69,.20)!important;
}
.orders-toolbar #orderDate,
.orders-toolbar #orderSearch,
.orders-toolbar .export-button{
  min-height:62px!important;
  border-radius:18px!important;
  border:1px solid #dfe7f1!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(15,23,42,.035)!important;
  font-size:13px!important;
  font-weight:850!important;
}
.orders-toolbar #orderSearch{
  padding-inline:18px!important;
}
.orders-toolbar .export-button{
  background:#172033!important;
  color:#fff!important;
  border-color:#172033!important;
  box-shadow:0 10px 24px rgba(23,32,51,.14)!important;
}
.order-workflow-note{
  margin:0!important;
  padding:16px 22px!important;
  border-top:0!important;
  border-bottom:1px solid var(--orders-line)!important;
  background:#f7f9ff!important;
}
.order-workflow-note>i{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
.order-workflow-note b{
  font-size:13px!important;
}
.order-workflow-note span{
  font-size:11px!important;
  line-height:1.45!important;
}
.orders-summary{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:10px!important;
  padding:16px 22px!important;
  background:#fff!important;
  border-bottom:1px solid var(--orders-line)!important;
}
.orders-summary span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border:1px solid #e3eaf3!important;
  border-radius:15px!important;
  background:#fbfcfe!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
}
.orders-summary b{
  color:#172033!important;
  font-weight:950!important;
}
.order-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:18px!important;
  padding:22px!important;
  background:linear-gradient(180deg,#f7f9fc,#f3f6fa)!important;
}
.order-card{
  display:grid!important;
  gap:14px!important;
  max-width:680px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:18px!important;
  border:1px solid #dfe7f1!important;
  border-left:5px solid #cbd4ff!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--orders-card-shadow)!important;
}
.order-card.done{border-left-color:#0d6b48!important;background:linear-gradient(180deg,#ffffff,#fbfffc)!important}
.order-card.no-show{border-left-color:#A9633B!important;background:linear-gradient(180deg,#ffffff,#fffaf6)!important}
.order-card.payment-failed{border-left-color:#dc3545!important}
.order-date-band{
  margin:-18px -18px 0!important;
  padding:12px 18px!important;
  border-radius:22px 22px 0 0!important;
  border-bottom:1px solid #e6edf5!important;
  background:#f8fafc!important;
}
.order-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  margin:0!important;
}
.order-card-head>div:first-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
.order-number{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:15px!important;
  background:#f1f5f9!important;
  color:#172033!important;
  font-size:22px!important;
  line-height:1!important;
}
.pickup{
  min-width:106px!important;
  padding:10px 12px!important;
  border:1px solid #e3eaf3!important;
  border-radius:17px!important;
  background:#fbfcfe!important;
  text-align:center!important;
}
.pickup small{
  font-size:9px!important;
  color:#94a3b8!important;
}
.pickup strong{
  margin-top:3px!important;
  color:#4f46e5!important;
  font-size:28px!important;
}
.pickup span{
  font-size:11px!important;
}
.order-customer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:14px!important;
  border:1px solid #e5ebf3!important;
  border-radius:18px!important;
  background:#f8fafc!important;
}
.order-customer div{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:28px!important;
}
.order-customer small{
  font-size:9px!important;
  color:#94a3b8!important;
}
.order-customer strong,
.order-customer a{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
.ordered-products{
  padding:14px!important;
  border:1px solid #e5ebf3!important;
  border-radius:18px!important;
  background:#fff!important;
}
.ordered-products>small{
  display:block!important;
  margin-bottom:8px!important;
}
.ordered-line{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:10px 0!important;
  margin:0!important;
  border-top:1px solid #eef2f7!important;
}
.ordered-line:first-of-type{
  border-top:0!important;
}
.ordered-line>b{
  display:grid!important;
  place-items:center!important;
  height:34px!important;
  border-radius:12px!important;
  background:#eef2ff!important;
  color:#4f46e5!important;
  font-size:15px!important;
}
.ordered-line span strong{
  font-size:15px!important;
  line-height:1.25!important;
}
.ordered-line em{
  align-self:center!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#172033!important;
  font-size:14px!important;
}
.order-note{
  margin:0!important;
  padding:13px 14px!important;
  border:1px solid #f2d49e!important;
  border-radius:17px!important;
}
.order-finance{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  border-top:0!important;
}
.order-finance>span{
  min-height:68px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
}
.order-payment-pill{
  grid-column:1/-1!important;
  min-height:78px!important;
}
.order-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}
.ready-email-button,
.receipt-button,
.no-show-button,
.delete-order-button{
  min-height:64px!important;
  padding:12px!important;
  border-radius:18px!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
  box-shadow:none!important;
}
.ready-email-button i,
.receipt-button i,
.no-show-button i,
.delete-order-button i{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}
.ready-email-button span,
.receipt-button span,
.no-show-button span,
.delete-order-button span{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:2px!important;
  min-width:0!important;
}
.ready-email-button b,
.receipt-button b,
.no-show-button b,
.delete-order-button b{
  font-size:12px!important;
  line-height:1.15!important;
}
.ready-email-button small,
.receipt-button small,
.no-show-button small,
.delete-order-button small{
  font-size:8.5px!important;
  line-height:1.2!important;
}
.payment-correction select{
  min-height:42px!important;
}

@media(min-width:1500px){
  .order-list{
    grid-template-columns:repeat(auto-fit,minmax(520px,680px))!important;
    justify-content:center!important;
  }
}
@media(max-width:1180px){
  .orders-toolbar{
    grid-template-columns:1fr 1fr!important;
  }
  .orders-toolbar .segmented{
    grid-column:1/-1!important;
    grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  }
  .orders-toolbar .export-button{
    grid-column:1/-1!important;
  }
}
@media(max-width:760px){
  .orders-toolbar{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .orders-toolbar .segmented{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-list{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .order-card{
    max-width:none!important;
  }
  .order-card-head{
    grid-template-columns:1fr!important;
  }
  .pickup{
    width:100%!important;
    text-align:left!important;
    grid-template-columns:auto 1fr auto!important;
  }
  .order-finance,
  .order-actions{
    grid-template-columns:1fr!important;
  }
  .order-payment-pill{
    grid-column:auto!important;
  }
}
@media(max-width:520px){
  .orders-toolbar .segmented{
    grid-template-columns:1fr!important;
  }
  .order-customer div{
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  .ordered-line{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .ordered-line em{
    grid-column:2!important;
    justify-self:start!important;
  }
}

/* No-show kleurcorrectie v73 */
.order-card.no-show{
  border-left-color:#5A0000!important;
  background:linear-gradient(180deg,#ffffff,#fff8f8)!important;
}
.no-show-button{
  border-color:#5A0000!important;
  background:linear-gradient(135deg,#fff8f8,#fff1f1)!important;
  color:#8B0000!important;
}
.no-show-button i.no-show-icon{
  background:#8B0000!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(139,0,0,.18)!important;
}
.no-show-button b{
  color:#8B0000!important;
}
.no-show-button small{
  color:#6B0000!important;
}
.no-show-button:hover{
  border-color:#3F0000!important;
  background:#ffecec!important;
  box-shadow:0 10px 24px rgba(139,0,0,.14)!important;
}
.no-show-label,
.recent-noshow{
  border-color:#5A0000!important;
  background:#fff1f1!important;
  color:#8B0000!important;
}
.no-show-label .no-show-icon{
  color:#8B0000!important;
}
.no-show-label:hover{
  background:#ffdede!important;
  color:#5A0000!important;
  box-shadow:0 7px 16px rgba(139,0,0,.12)!important;
}
.stats-kpis .no-show-kpi:before{
  background:#8B0000!important;
}
.stats-kpis .no-show-kpi strong,
.no-show-kpi strong{
  color:#8B0000!important;
}
.no-show-kpi .kpi-icon-badge{
  background:#fff1f1!important;
  border-color:#5A0000!important;
}
.kpi-no-show-icon{
  color:#8B0000!important;
}

/* Opmerking veld opvallender v74 */
.order-note{
  background:linear-gradient(135deg,#B0C4DE,#c5d5e8)!important;
  border:1.5px solid #778899!important;
  color:#172033!important;
  box-shadow:0 10px 22px rgba(119,136,153,.14)!important;
}
.order-note b{
  color:#2f4053!important;
}

/* Nieuwe bestellingen + contante betaling pulse fix v75 */
.order-status-pill.new{
  background:linear-gradient(135deg,#eef9ff,#dff4ff)!important;
  border-color:#87CEFA!important;
}
.order-status-pill.new small{
  color:#3f7f9f!important;
}
.order-status-pill.new b{
  color:#075985!important;
}
.new-order-label{
  border-color:#87CEFA!important;
  background:linear-gradient(135deg,#eef9ff,#dff4ff)!important;
  color:#075985!important;
  box-shadow:0 0 0 3px rgba(135,206,250,.18),0 8px 18px rgba(14,116,144,.12)!important;
  animation:new-order-blue-pulse 1.65s ease-in-out infinite!important;
}
.new-order-label .new-order-icon{
  color:#0284c7!important;
  filter:drop-shadow(0 0 7px rgba(135,206,250,.65))!important;
}
.recent-order .recent-new{
  border-color:#87CEFA!important;
  background:linear-gradient(135deg,#eef9ff,#dff4ff)!important;
  color:#075985!important;
  box-shadow:0 0 0 3px rgba(135,206,250,.18),0 8px 18px rgba(14,116,144,.12)!important;
  animation:new-order-blue-pulse 1.65s ease-in-out infinite!important;
}
.recent-order .recent-new .new-order-icon{
  color:#0284c7!important;
}
@keyframes new-order-blue-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(135,206,250,.16),0 8px 18px rgba(14,116,144,.10)}
  50%{box-shadow:0 0 0 7px rgba(135,206,250,.26),0 11px 24px rgba(14,116,144,.16)}
}
.order-payment-pill.cash-unpaid.cash-pulse{
  animation:none!important;
  border-color:#E69E19!important;
  box-shadow:0 10px 26px rgba(230,158,25,.16)!important;
}
.order-payment-pill.cash-unpaid.cash-pulse>b{
  display:inline-block!important;
  width:auto!important;
  color:#FFA500!important;
  animation:cash-payment-text-pulse 1.25s ease-in-out infinite!important;
  text-shadow:0 0 0 rgba(255,165,0,0)!important;
}
@keyframes cash-payment-text-pulse{
  0%,100%{
    color:#FFA500;
    text-shadow:0 0 0 rgba(255,165,0,0);
    transform:scale(1);
  }
  50%{
    color:#c96f00;
    text-shadow:0 0 10px rgba(255,165,0,.42),0 0 18px rgba(255,165,0,.20);
    transform:scale(1.018);
  }
}

/* Dashboard Nieuw binnen blauw v76 */
.new-metric-card{
  border-color:#2563eb!important;
  box-shadow:0 0 0 3px rgba(37,99,235,.13),0 14px 30px rgba(37,99,235,.10)!important;
}
.new-metric-card .metric-icon.admin-icon.fresh{
  color:#2563eb!important;
  filter:drop-shadow(0 0 10px rgba(37,99,235,.50))!important;
  animation:new-order-icon-blue-pulse 1.65s ease-in-out infinite!important;
}
.new-metric-card span{
  color:#1d4ed8!important;
}
.recent-order .recent-empty-status{
  visibility:hidden!important;
  min-width:78px!important;
  min-height:30px!important;
}
@keyframes new-order-icon-blue-pulse{
  0%,100%{
    filter:drop-shadow(0 0 7px rgba(37,99,235,.38));
    transform:scale(1);
  }
  50%{
    filter:drop-shadow(0 0 16px rgba(37,99,235,.76));
    transform:scale(1.055);
  }
}

/* Bestellingen iPad: inklapbare filters + meer ruimte voor orders v77 */
.orders-filter-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 22px!important;
  background:linear-gradient(180deg,#ffffff,#fbfcff)!important;
  border-bottom:1px solid var(--orders-line,#dde6f1)!important;
}
.orders-filter-head>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.orders-filter-head span{
  color:#4f46e5!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.orders-filter-head b{
  color:#172033!important;
  font:950 clamp(1.25rem,2.4vw,1.8rem)/1.05 Manrope,Inter,sans-serif!important;
}
.orders-filter-head small{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.orders-filter-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  min-width:164px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border:1px solid #dbe4ef!important;
  border-radius:16px!important;
  background:#172033!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px rgba(23,32,51,.13)!important;
}
.orders-filter-toggle .filter-toggle-icon{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  background:currentColor!important;
  -webkit-mask:url('/brand/admin-icons/filters.png') center/contain no-repeat!important;
  mask:url('/brand/admin-icons/filters.png') center/contain no-repeat!important;
}
.orders-filter-toggle span{
  color:#fff!important;
  font-weight:950!important;
}
.orders-filter-body{
  display:block!important;
}
.orders-panel.filters-collapsed .orders-filter-body{
  display:none!important;
}
.orders-panel.filters-collapsed .orders-filter-head{
  border-bottom:0!important;
}
.orders-panel.filters-collapsed .order-list{
  padding-top:18px!important;
}

@media(max-width:1180px) and (min-width:761px){
  .orders-panel{
    max-width:none!important;
    width:100%!important;
    border-radius:20px!important;
  }
  .orders-filter-head{
    padding:16px 18px!important;
  }
  .orders-toolbar{
    padding:16px!important;
    gap:10px!important;
  }
  .orders-toolbar .segmented{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .orders-toolbar .segmented button{
    min-height:44px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }
  .order-workflow-note,
  .orders-summary{
    padding:12px 16px!important;
  }
  .orders-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-list{
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important;
    gap:12px!important;
    padding:14px!important;
    justify-content:stretch!important;
  }
  .order-card{
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    gap:10px!important;
    border-radius:19px!important;
  }
  .order-card-head{
    gap:10px!important;
  }
  .order-number{
    font-size:19px!important;
    min-height:38px!important;
    padding-inline:12px!important;
  }
  .pickup{
    min-width:96px!important;
    padding:8px 9px!important;
    border-radius:15px!important;
  }
  .pickup strong{
    font-size:24px!important;
  }
  .order-customer,
  .ordered-products{
    padding:11px!important;
    border-radius:16px!important;
  }
  .order-customer div{
    min-height:24px!important;
  }
  .ordered-line{
    padding:8px 0!important;
  }
  .order-finance{
    grid-template-columns:1fr 1fr!important;
  }
  .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-finance>span{
    min-height:62px!important;
    padding:11px 12px!important;
  }
  .ready-email-button,
  .receipt-button,
  .no-show-button,
  .delete-order-button{
    min-height:58px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
}

@media(max-width:760px){
  .orders-filter-head{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:15px!important;
  }
  .orders-filter-toggle{
    width:100%!important;
    min-width:0!important;
  }
}

/* Bestellingen: duidelijke kaartstructuur met acties rechts v78 */
.order-card{
  border-color:#cfd9e8!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
.order-card-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(250px,310px)!important;
  gap:14px!important;
  align-items:start!important;
}
.order-main-info,
.order-side-panel{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
}
.order-customer,
.ordered-products,
.order-note,
.order-finance>span,
.ready-email-button,
.receipt-button,
.no-show-button,
.delete-order-button{
  border-width:1.5px!important;
}
.order-customer,
.ordered-products{
  border-color:#cbd7e6!important;
  background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.ordered-products{
  border-left:4px solid #4f46e5!important;
}
.ordered-products>small{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#4f46e5!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}
.ordered-line{
  border-top-color:#dbe4ef!important;
  background:rgba(248,250,252,.72)!important;
  border-radius:13px!important;
  padding:9px 10px!important;
  margin-top:7px!important;
}
.ordered-line:first-of-type{
  margin-top:0!important;
}
.ordered-line span strong{
  color:#172033!important;
  font-weight:950!important;
}
.ordered-line span small{
  margin-top:3px!important;
  color:#64748b!important;
}
.ordered-line em{
  border:1px solid #dde6f1!important;
  background:#fff!important;
}
.order-side-panel{
  position:relative!important;
}
.order-side-panel:before{
  content:""!important;
  position:absolute!important;
  left:-8px!important;
  top:0!important;
  bottom:0!important;
  width:1px!important;
  background:#e2e8f0!important;
}
.order-side-panel .order-finance,
.order-side-panel .order-actions{
  grid-template-columns:1fr!important;
}
.order-side-panel .order-payment-pill{
  grid-column:auto!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  justify-content:flex-start!important;
  text-align:left!important;
}
.order-side-panel .ready-email-button span,
.order-side-panel .receipt-button span,
.order-side-panel .no-show-button span,
.order-side-panel .delete-order-button span{
  justify-items:start!important;
  text-align:left!important;
}

@media(max-width:1180px) and (min-width:761px){
  .order-list{
    grid-template-columns:1fr!important;
  }
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) minmax(235px,285px)!important;
    gap:12px!important;
  }
  .order-side-panel:before{
    left:-6px!important;
  }
}
@media(max-width:760px){
  .order-card-layout{
    grid-template-columns:1fr!important;
  }
  .order-side-panel:before{
    display:none!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    justify-content:center!important;
    text-align:center!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    justify-items:center!important;
    text-align:center!important;
  }
}

/* Bestellingen kaart redesign v79: inhoud links, acties rechts */
.order-card-layout{
  grid-template-columns:minmax(0,1fr) minmax(220px,270px)!important;
  gap:16px!important;
}
.order-main-info{
  gap:12px!important;
}
.order-side-panel{
  align-self:stretch!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.order-side-panel:before{
  display:none!important;
}
.order-card{
  border-color:#c7d2e3!important;
  border-left-width:6px!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.pickup{
  min-width:122px!important;
  padding:12px 14px!important;
  border:1.5px solid #d7e0ee!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
.pickup small{
  font-size:10px!important;
  letter-spacing:.13em!important;
}
.pickup strong{
  font-size:34px!important;
  line-height:1!important;
}
.pickup span{
  margin-top:5px!important;
  font-size:12px!important;
  font-weight:850!important;
}
.order-customer{
  border-color:#cbd7e6!important;
  border-left:4px solid #94a3b8!important;
  background:#fff!important;
}
.ordered-products{
  border-color:#cbd7e6!important;
  border-left-color:#4f46e5!important;
  background:#fff!important;
}
.order-finance{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.order-finance>span{
  border-width:1.5px!important;
  border-color:#d7e0ee!important;
  box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
}
.order-payment-pill{
  grid-column:auto!important;
}
.order-side-panel .order-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  position:sticky!important;
  top:12px!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  min-height:62px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  border-width:1.5px!important;
  background:#fff!important;
}
.order-side-panel .ready-email-button span,
.order-side-panel .receipt-button span,
.order-side-panel .no-show-button span,
.order-side-panel .delete-order-button span{
  justify-items:start!important;
  text-align:left!important;
}

@media(max-width:1180px) and (min-width:761px){
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) minmax(210px,250px)!important;
    gap:12px!important;
  }
  .pickup{
    min-width:112px!important;
    padding:10px 12px!important;
  }
  .pickup strong{
    font-size:31px!important;
  }
  .order-finance{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-payment-pill{
    grid-column:1/-1!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:58px!important;
  }
}
@media(max-width:760px){
  .order-card-layout,
  .order-finance{
    grid-template-columns:1fr!important;
  }
  .order-side-panel .order-actions{
    position:static!important;
    grid-template-columns:1fr!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    justify-content:center!important;
    text-align:center!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    justify-items:center!important;
    text-align:center!important;
  }
  .pickup strong{
    font-size:28px!important;
  }
}

/* Bestellingen kaart compact redesign v80 */
.order-list{
  gap:14px!important;
  padding:16px!important;
}
.order-card{
  gap:10px!important;
  padding:13px!important;
  border-radius:18px!important;
  border-left-width:5px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
}
.order-date-band{
  margin:-13px -13px 0!important;
  padding:9px 13px!important;
  border-radius:18px 18px 0 0!important;
}
.order-card-head{
  gap:9px!important;
  align-items:center!important;
}
.order-number{
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:12px!important;
  font-size:18px!important;
}
.new-order-label,
.completed-label,
.no-show-label{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
}
.pickup{
  min-width:102px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
.pickup small{
  font-size:8.5px!important;
}
.pickup strong{
  font-size:28px!important;
}
.pickup span{
  font-size:10px!important;
  margin-top:3px!important;
}
.order-card-layout{
  grid-template-columns:minmax(0,1fr) minmax(190px,230px)!important;
  gap:11px!important;
}
.order-main-info,
.order-side-panel,
.order-side-panel .order-actions{
  gap:8px!important;
}
.order-customer{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.order-customer div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  min-height:auto!important;
  padding:8px 9px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#fbfcfe!important;
}
.order-customer small{
  font-size:8px!important;
  letter-spacing:.12em!important;
}
.order-customer strong,
.order-customer a{
  font-size:12.5px!important;
  line-height:1.2!important;
}
.ordered-products{
  padding:10px!important;
  border-radius:14px!important;
  border-left-width:4px!important;
}
.ordered-products>small{
  margin-bottom:7px!important;
  font-size:9px!important;
}
.ordered-line{
  grid-template-columns:36px minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:7px 8px!important;
  margin-top:6px!important;
  border-radius:11px!important;
}
.ordered-line>b{
  height:30px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.ordered-line span strong{
  font-size:13.5px!important;
}
.ordered-line span small{
  font-size:10px!important;
}
.ordered-line em{
  padding:6px 8px!important;
  border-radius:10px!important;
  font-size:12px!important;
}
.order-note{
  padding:9px 10px!important;
  border-radius:13px!important;
  font-size:12px!important;
}
.order-finance{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.order-finance>span{
  min-height:50px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
.order-finance small{
  font-size:7.8px!important;
  letter-spacing:.11em!important;
}
.order-finance b{
  font-size:12.5px!important;
  line-height:1.2!important;
}
.order-payment-pill{
  grid-column:auto!important;
}
.payment-correction{
  margin-top:6px!important;
}
.payment-correction select{
  min-height:34px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  min-height:48px!important;
  padding:8px 9px!important;
  gap:8px!important;
  border-radius:13px!important;
}
.order-side-panel .ready-email-button i,
.order-side-panel .receipt-button i,
.order-side-panel .no-show-button i,
.order-side-panel .delete-order-button i{
  width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
}
.order-side-panel .ready-email-button b,
.order-side-panel .receipt-button b,
.order-side-panel .no-show-button b,
.order-side-panel .delete-order-button b{
  font-size:11px!important;
}
.order-side-panel .ready-email-button small,
.order-side-panel .receipt-button small,
.order-side-panel .no-show-button small,
.order-side-panel .delete-order-button small{
  font-size:7.6px!important;
}

@media(min-width:1181px){
  .order-list{
    grid-template-columns:repeat(auto-fit,minmax(520px,1fr))!important;
  }
  .order-card{
    max-width:760px!important;
  }
}
@media(max-width:1180px) and (min-width:761px){
  .order-list{
    grid-template-columns:1fr!important;
    padding:12px!important;
    gap:12px!important;
  }
  .order-card{
    padding:12px!important;
  }
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) minmax(180px,215px)!important;
    gap:10px!important;
  }
  .order-customer{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:9px!important;
  }
  .order-finance{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-payment-pill{
    grid-column:1/-1!important;
  }
}
@media(max-width:860px) and (min-width:761px){
  .order-card-layout{
    grid-template-columns:1fr!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    justify-content:center!important;
    text-align:center!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    justify-items:center!important;
    text-align:center!important;
  }
}
@media(max-width:760px){
  .order-card{
    padding:12px!important;
  }
  .order-customer{
    grid-template-columns:1fr!important;
  }
  .order-finance,
  .order-side-panel .order-actions{
    grid-template-columns:1fr!important;
  }
  .order-payment-pill{
    grid-column:auto!important;
  }
}

/* Bestellingen kaart compact redesign v81 */
.orders-panel .order-list{
  max-width:1560px!important;
  margin-inline:auto!important;
}
.order-card{
  max-width:720px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
.order-card-layout{
  align-items:start!important;
}
.order-main-info{
  min-width:0!important;
}
.order-side-panel{
  align-self:stretch!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:0!important;
}
.order-side-panel:before{
  display:none!important;
}
.order-side-panel .order-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0!important;
  margin:0!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  min-height:42px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  box-shadow:0 5px 12px rgba(15,23,42,.035)!important;
}
.order-side-panel .ready-email-button span,
.order-side-panel .receipt-button span,
.order-side-panel .no-show-button span,
.order-side-panel .delete-order-button span{
  gap:0!important;
  line-height:1.1!important;
}
.order-side-panel .ready-email-button b,
.order-side-panel .receipt-button b,
.order-side-panel .no-show-button b,
.order-side-panel .delete-order-button b{
  font-size:10.5px!important;
  letter-spacing:-.01em!important;
}
.order-side-panel .ready-email-button small,
.order-side-panel .receipt-button small,
.order-side-panel .no-show-button small,
.order-side-panel .delete-order-button small{
  font-size:7px!important;
  opacity:.78!important;
  margin-top:2px!important;
}
.order-side-panel .ready-email-button i,
.order-side-panel .receipt-button i,
.order-side-panel .no-show-button i,
.order-side-panel .delete-order-button i{
  width:21px!important;
  height:21px!important;
  flex-basis:21px!important;
}
.order-customer,
.ordered-products,
.order-finance>span,
.order-note{
  box-shadow:none!important;
}
.order-customer{
  border:1px solid #e4eaf3!important;
  background:#f8fafc!important;
}
.ordered-products{
  background:#fff!important;
  border:1px solid #e5ebf4!important;
  border-left:4px solid rgba(79,70,229,.42)!important;
}
.ordered-line{
  background:#f8fafc!important;
  border:1px solid #e7edf5!important;
}
.order-finance{
  align-items:stretch!important;
}
.order-finance>span{
  border:1px solid #e5ebf4!important;
  background:#fff!important;
}
.order-payment-pill.payment-cash{
  background:linear-gradient(135deg,#fff7ed,#fff)!important;
  border-color:#e69e19!important;
}
.order-payment-pill.payment-paid,
.order-payment-pill.payment-card,
.order-payment-pill.payment-bancontact{
  background:linear-gradient(135deg,#ecfdf5,#fff)!important;
  border-color:rgba(22,101,52,.26)!important;
}

@media(min-width:1181px){
  .orders-panel .order-list{
    grid-template-columns:repeat(auto-fit,minmax(500px,720px))!important;
    justify-content:center!important;
  }
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) minmax(168px,196px)!important;
  }
}
@media(max-width:1180px) and (min-width:861px){
  .order-card{
    max-width:none!important;
  }
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) minmax(158px,185px)!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:40px!important;
  }
  .order-side-panel .ready-email-button small,
  .order-side-panel .receipt-button small,
  .order-side-panel .no-show-button small,
  .order-side-panel .delete-order-button small{
    display:none!important;
  }
}
@media(max-width:860px) and (min-width:761px){
  .order-card{
    max-width:none!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    justify-content:center!important;
    min-height:46px!important;
  }
  .order-side-panel .ready-email-button small,
  .order-side-panel .receipt-button small,
  .order-side-panel .no-show-button small,
  .order-side-panel .delete-order-button small{
    display:none!important;
  }
}
@media(max-width:760px){
  .order-card{
    max-width:none!important;
    border-radius:16px!important;
  }
  .order-card-head{
    align-items:flex-start!important;
  }
  .pickup{
    min-width:92px!important;
  }
  .pickup strong{
    font-size:24px!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:44px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    display:none!important;
  }
}

/* iPad compact actions + contant-betaling rand pulse v82 */
.order-payment-pill.cash-unpaid.cash-pulse,
.order-payment-pill.payment-cash.cash-pulse{
  border-color:#f97316!important;
  animation:pulseOrangePaymentBorder 1.8s ease-out infinite!important;
}
.order-payment-pill.cash-unpaid.cash-pulse>b,
.order-payment-pill.payment-cash.cash-pulse>b{
  animation:none!important;
  color:#FFA500!important;
}
@keyframes pulseOrangePaymentBorder{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.65)}
  75%{box-shadow:0 0 0 12px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

@media(max-width:1180px) and (min-width:761px){
  .order-card{
    padding:10px!important;
  }
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) 116px!important;
    gap:8px!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:1fr!important;
    gap:6px!important;
    align-content:start!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    width:116px!important;
    min-height:36px!important;
    padding:7px 6px!important;
    gap:5px!important;
    border-radius:11px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .order-side-panel .ready-email-button i,
  .order-side-panel .receipt-button i,
  .order-side-panel .no-show-button i,
  .order-side-panel .delete-order-button i{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
  .order-side-panel .ready-email-button b,
  .order-side-panel .receipt-button b,
  .order-side-panel .no-show-button b,
  .order-side-panel .delete-order-button b{
    font-size:9px!important;
    line-height:1.05!important;
    max-width:74px!important;
  }
  .order-side-panel .ready-email-button small,
  .order-side-panel .receipt-button small,
  .order-side-panel .no-show-button small,
  .order-side-panel .delete-order-button small{
    display:none!important;
  }
}

@media(max-width:860px) and (min-width:761px){
  .order-card-layout{
    grid-template-columns:minmax(0,1fr) 104px!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:1fr!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    width:104px!important;
    min-height:34px!important;
  }
  .order-side-panel .ready-email-button b,
  .order-side-panel .receipt-button b,
  .order-side-panel .no-show-button b,
  .order-side-panel .delete-order-button b{
    font-size:8.5px!important;
    max-width:66px!important;
  }
}

/* Bestellingen kaart final compact reset v83 */
.orders-panel .order-list{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,620px),720px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:14px!important;
}
.order-card{
  width:100%!important;
  max-width:720px!important;
  padding:12px!important;
  gap:9px!important;
  overflow:hidden!important;
}
.order-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.order-card-head>div:first-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
}
.order-card-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  min-width:0!important;
}
.order-main-info{
  display:grid!important;
  gap:8px!important;
}
.order-side-panel{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.order-side-panel .order-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  gap:7px!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.order-side-panel .ready-email-button i,
.order-side-panel .receipt-button i,
.order-side-panel .no-show-button i,
.order-side-panel .delete-order-button i{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}
.order-side-panel .ready-email-button span,
.order-side-panel .receipt-button span,
.order-side-panel .no-show-button span,
.order-side-panel .delete-order-button span{
  display:grid!important;
  gap:0!important;
  min-width:0!important;
  justify-items:start!important;
  text-align:left!important;
}
.order-side-panel .ready-email-button b,
.order-side-panel .receipt-button b,
.order-side-panel .no-show-button b,
.order-side-panel .delete-order-button b{
  font-size:10px!important;
  line-height:1.05!important;
  white-space:normal!important;
}
.order-side-panel .ready-email-button small,
.order-side-panel .receipt-button small,
.order-side-panel .no-show-button small,
.order-side-panel .delete-order-button small{
  display:none!important;
}
.pickup{
  min-width:112px!important;
  padding:8px 10px!important;
}
.pickup strong{
  font-size:29px!important;
  line-height:.95!important;
}
.order-customer{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  padding:8px!important;
  gap:7px!important;
}
.order-customer div{
  padding:7px 8px!important;
}
.ordered-products{
  padding:9px!important;
}
.ordered-line{
  padding:6px 7px!important;
  min-height:38px!important;
}
.order-finance{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
.order-finance>span{
  min-height:48px!important;
  padding:8px 9px!important;
}
.order-payment-pill{
  grid-column:auto!important;
  overflow:visible!important;
}
.order-payment-pill.cash-unpaid.cash-pulse{
  position:relative!important;
  border:2px solid #f97316!important;
  animation:pulseOrangePaymentBorder 1.8s ease-out infinite!important;
}
.order-payment-pill.cash-unpaid.cash-pulse>b{
  animation:none!important;
  color:#FFA500!important;
}

@media(max-width:1180px){
  .orders-panel .order-list{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .order-card{
    max-width:none!important;
  }
}
@media(max-width:900px){
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .order-card{
    padding:10px!important;
  }
  .order-customer,
  .order-finance{
    grid-template-columns:1fr!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:40px!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    display:none!important;
  }
}

/* Orderkaart UX/UI herontwerp v84
   Eén stabiele layout: content boven, acties onderaan. Zo vallen knoppen nooit buiten de kaart
   en kan de oranje cash-pulse vrij tekenen zonder clipping. */
.orders-panel,
.orders-panel .order-list,
.order-card,
.order-card-layout,
.order-main-info,
.order-finance{
  overflow:visible!important;
}
.orders-panel .order-list{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),860px))!important;
  justify-content:center!important;
  gap:16px!important;
  padding:16px!important;
}
.order-card{
  width:100%!important;
  max-width:860px!important;
  padding:14px!important;
  gap:12px!important;
  border:1px solid #d9e2ef!important;
  border-left-width:5px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.065)!important;
}
.order-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
}
.order-card-head>div:first-child{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
.order-number{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:14px!important;
  font-size:18px!important;
  letter-spacing:.01em!important;
}
.new-order-label,
.completed-label,
.no-show-label{
  min-height:32px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:10px!important;
}
.pickup{
  min-width:124px!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
.pickup small{
  font-size:8.5px!important;
  letter-spacing:.14em!important;
}
.pickup strong{
  font-size:31px!important;
  line-height:.95!important;
}
.pickup span{
  font-size:10.5px!important;
  margin-top:5px!important;
}
.order-card-layout{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.order-main-info{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}
.order-customer{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid #e3eaf4!important;
  border-radius:18px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
.order-customer div{
  min-height:54px!important;
  padding:9px 10px!important;
  border:1px solid #e1e8f2!important;
  border-radius:14px!important;
  background:#fff!important;
}
.order-customer small,
.ordered-products>small,
.order-finance small{
  color:#94a3b8!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.order-customer strong,
.order-customer a{
  font-size:13px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.ordered-products{
  padding:11px!important;
  border:1px solid #e3eaf4!important;
  border-left:5px solid rgba(79,70,229,.38)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ordered-products>small{
  display:block!important;
  margin-bottom:8px!important;
  font-size:9px!important;
}
.ordered-line{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
  min-height:42px!important;
  padding:7px 9px!important;
  margin-top:7px!important;
  border:1px solid #e4ebf4!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}
.ordered-line>b{
  height:32px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
.ordered-line span strong{
  font-size:14px!important;
  line-height:1.2!important;
}
.ordered-line span small{
  font-size:10px!important;
}
.ordered-line em{
  padding:6px 9px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}
.order-note{
  padding:10px 12px!important;
  border:1px solid #778899!important;
  border-radius:16px!important;
  background:#B0C4DE!important;
  color:#172033!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}
.order-finance{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:8px!important;
}
.order-finance>span{
  min-height:54px!important;
  padding:10px 12px!important;
  border:1px solid #e3eaf4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.order-finance b{
  font-size:14px!important;
  line-height:1.2!important;
}
.order-payment-pill{
  grid-column:1/-1!important;
  overflow:visible!important;
}
.order-payment-pill.cash-unpaid,
.order-payment-pill.payment-cash{
  background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)!important;
  border-color:#e69e19!important;
}
.order-payment-pill.cash-unpaid.cash-pulse,
.order-payment-pill.payment-cash.cash-pulse{
  border:2px solid #f97316!important;
  animation:pulseOrangeOrderCard 1.8s ease-out infinite!important;
}
.order-payment-pill.cash-unpaid.cash-pulse>b,
.order-payment-pill.payment-cash.cash-pulse>b{
  animation:none!important;
  color:#FFA500!important;
}
@keyframes pulseOrangeOrderCard{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.65)}
  75%{box-shadow:0 0 0 14px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}
.payment-correction{
  margin-top:8px!important;
}
.payment-correction select{
  min-height:38px!important;
  border-radius:12px!important;
  font-size:12px!important;
}
.order-side-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.order-side-panel:before{
  display:none!important;
}
.order-side-panel .order-actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;
  gap:8px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}
.order-side-panel .ready-email-button,
.order-side-panel .receipt-button,
.order-side-panel .no-show-button,
.order-side-panel .delete-order-button{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  gap:8px!important;
  justify-content:center!important;
  text-align:left!important;
  box-shadow:0 6px 14px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
}
.order-side-panel .ready-email-button i,
.order-side-panel .receipt-button i,
.order-side-panel .no-show-button i,
.order-side-panel .delete-order-button i{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
.order-side-panel .ready-email-button span,
.order-side-panel .receipt-button span,
.order-side-panel .no-show-button span,
.order-side-panel .delete-order-button span{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
}
.order-side-panel .ready-email-button b,
.order-side-panel .receipt-button b,
.order-side-panel .no-show-button b,
.order-side-panel .delete-order-button b{
  font-size:11px!important;
  line-height:1.08!important;
  white-space:normal!important;
}
.order-side-panel .ready-email-button small,
.order-side-panel .receipt-button small,
.order-side-panel .no-show-button small,
.order-side-panel .delete-order-button small{
  font-size:8px!important;
  line-height:1.05!important;
  opacity:.72!important;
}

@media(max-width:1180px){
  .orders-panel .order-list{
    grid-template-columns:1fr!important;
    padding:13px!important;
  }
  .order-card{
    max-width:none!important;
  }
}
@media(max-width:820px){
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:44px!important;
  }
  .order-side-panel .ready-email-button small,
  .order-side-panel .receipt-button small,
  .order-side-panel .no-show-button small,
  .order-side-panel .delete-order-button small{
    display:none!important;
  }
}
@media(max-width:560px){
  .order-card{
    padding:10px!important;
    border-radius:18px!important;
  }
  .order-card-head{
    grid-template-columns:1fr!important;
  }
  .pickup{
    width:100%!important;
    min-width:0!important;
  }
  .order-customer,
  .order-finance{
    grid-template-columns:1fr!important;
  }
  .ordered-line{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .ordered-line em{
    grid-column:2!important;
    justify-self:start!important;
  }
  .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .order-side-panel .ready-email-button,
  .order-side-panel .receipt-button,
  .order-side-panel .no-show-button,
  .order-side-panel .delete-order-button{
    min-height:42px!important;
    padding:8px!important;
  }
  .order-side-panel .ready-email-button span,
  .order-side-panel .receipt-button span,
  .order-side-panel .no-show-button span,
  .order-side-panel .delete-order-button span{
    display:none!important;
  }
}

/* Orderkaart harde reset v85
   Oude orderkaart-CSS zette de actiezone nog sticky/820px hoog en knipte inhoud af.
   Deze laag neutraliseert dat expliciet met hogere specificiteit. */
body .orders-panel .order-list{
  align-items:start!important;
}
body .orders-panel .order-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-content:start!important;
  overflow:visible!important;
}
body .orders-panel .order-card .order-card-layout,
body .orders-panel .order-card .order-main-info{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-content:start!important;
  overflow:visible!important;
}
body .orders-panel .order-card .order-side-panel{
  display:block!important;
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:inherit!important;
}
body .orders-panel .order-card .order-side-panel:before,
body .orders-panel .order-card .order-side-panel:after{
  display:none!important;
  content:none!important;
}
body .orders-panel .order-card .order-side-panel .order-actions{
  display:grid!important;
  position:static!important;
  top:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  align-content:start!important;
  overflow:visible!important;
  color:inherit!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button,
body .orders-panel .order-card .order-side-panel .receipt-button,
body .orders-panel .order-card .order-side-panel .no-show-button,
body .orders-panel .order-card .order-side-panel .delete-order-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:44px!important;
  max-height:none!important;
  padding:8px 10px!important;
  gap:8px!important;
  border-radius:14px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button{
  background:#fff!important;
  border:1.5px solid #c3c9ff!important;
  color:#3730a3!important;
}
body .orders-panel .order-card .order-side-panel .receipt-button{
  background:#111827!important;
  border:1.5px solid #111827!important;
  color:#fff!important;
}
body .orders-panel .order-card .order-side-panel .no-show-button{
  background:#fff!important;
  border:1.5px solid #5a0000!important;
  color:#8B0000!important;
}
body .orders-panel .order-card .order-side-panel .delete-order-button{
  background:#fff!important;
  border:1.5px solid #f3c5ca!important;
  color:#b42332!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button i,
body .orders-panel .order-card .order-side-panel .receipt-button i,
body .orders-panel .order-card .order-side-panel .no-show-button i,
body .orders-panel .order-card .order-side-panel .delete-order-button i{
  display:block!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  opacity:1!important;
  visibility:visible!important;
}
body .orders-panel .order-card .order-side-panel .receipt-button i{
  background:#fff!important;
  color:#fff!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button i{
  background:#3730a3!important;
}
body .orders-panel .order-card .order-side-panel .no-show-button i{
  background:#8B0000!important;
}
body .orders-panel .order-card .order-side-panel .delete-order-button i{
  background:#b42332!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button span,
body .orders-panel .order-card .order-side-panel .receipt-button span,
body .orders-panel .order-card .order-side-panel .no-show-button span,
body .orders-panel .order-card .order-side-panel .delete-order-button span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:100%!important;
  gap:1px!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button b,
body .orders-panel .order-card .order-side-panel .receipt-button b,
body .orders-panel .order-card .order-side-panel .no-show-button b,
body .orders-panel .order-card .order-side-panel .delete-order-button b{
  color:inherit!important;
  font-size:11px!important;
  line-height:1.08!important;
  white-space:normal!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button small,
body .orders-panel .order-card .order-side-panel .receipt-button small,
body .orders-panel .order-card .order-side-panel .no-show-button small,
body .orders-panel .order-card .order-side-panel .delete-order-button small{
  display:none!important;
}
body .orders-panel .order-card .order-payment-pill.cash-unpaid.cash-pulse,
body .orders-panel .order-card .order-payment-pill.payment-cash.cash-pulse{
  position:relative!important;
  overflow:visible!important;
  border:2px solid #f97316!important;
  box-shadow:0 0 0 0 rgba(249,115,22,.65)!important;
  animation:pulseOrangeOrderCardHard 1.8s ease-out infinite!important;
}
body .orders-panel .order-card .order-payment-pill.cash-unpaid.cash-pulse b,
body .orders-panel .order-card .order-payment-pill.payment-cash.cash-pulse b{
  animation:none!important;
  color:#FFA500!important;
}
@keyframes pulseOrangeOrderCardHard{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.65)}
  75%{box-shadow:0 0 0 14px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

@media(max-width:900px){
  body .orders-panel .order-card .order-side-panel .order-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  body .orders-panel .order-card .order-side-panel .ready-email-button span,
  body .orders-panel .order-card .order-side-panel .receipt-button span,
  body .orders-panel .order-card .order-side-panel .no-show-button span,
  body .orders-panel .order-card .order-side-panel .delete-order-button span{
    display:none!important;
  }
}

/* Definitieve oranje pulse: exacte class + laatste override v86 */
body .orders-panel .order-card .order-payment-pill.pulse-orange{
  position:relative!important;
  overflow:visible!important;
  border:2px solid #f97316!important;
  border-color:#f97316!important;
  animation:pulseOrange 1.8s ease-out infinite!important;
  box-shadow:0 0 0 0 rgba(249,115,22,.65)!important;
  isolation:isolate!important;
}
body .orders-panel .order-card .order-payment-pill.pulse-orange b{
  animation:none!important;
  color:#FFA500!important;
}
body .orders-panel .order-card .order-payment-pill.pulse-orange::after{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  border:2px solid rgba(249,115,22,.72)!important;
  animation:pulseOrangeRing 1.8s ease-out infinite!important;
  z-index:-1!important;
}
@keyframes pulseOrange{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.65)}
  75%{box-shadow:0 0 0 14px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}
@keyframes pulseOrangeRing{
  0%{opacity:.85;transform:scale(1)}
  75%{opacity:0;transform:scale(1.035)}
  100%{opacity:0;transform:scale(1.035)}
}

/* Orderkaart smaller + pulse rondom beter zichtbaar v87 */
body .orders-panel .order-list{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),680px))!important;
  justify-content:center!important;
}
body .orders-panel .order-card{
  max-width:680px!important;
  margin-inline:auto!important;
}
body .orders-panel .order-card .order-payment-pill.pulse-orange{
  margin-block:9px!important;
  z-index:1!important;
  animation:pulseOrangeFullRing 1.8s ease-out infinite!important;
}
body .orders-panel .order-card .order-payment-pill.pulse-orange::after{
  inset:-8px!important;
  z-index:2!important;
  border-radius:20px!important;
  border:2px solid rgba(249,115,22,.72)!important;
  box-shadow:0 0 0 0 rgba(249,115,22,.58)!important;
  animation:pulseOrangeFullRingAfter 1.8s ease-out infinite!important;
}
@keyframes pulseOrangeFullRing{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.58)}
  75%{box-shadow:0 0 0 11px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}
@keyframes pulseOrangeFullRingAfter{
  0%{opacity:.95;transform:scale(1)}
  75%{opacity:0;transform:scale(1.018)}
  100%{opacity:0;transform:scale(1.018)}
}

@media(max-width:1180px){
  body .orders-panel .order-list{
    grid-template-columns:minmax(0,680px)!important;
    justify-content:center!important;
  }
  body .orders-panel .order-card{
    width:100%!important;
    max-width:680px!important;
  }
}
@media(max-width:760px){
  body .orders-panel .order-list{
    grid-template-columns:1fr!important;
  }
  body .orders-panel .order-card{
    max-width:none!important;
  }
}

/* Finale orderkaart grid + gradient-glow voor open bestellingen v90 */
body .orders-panel .order-list{
  max-width:1080px!important;
  width:100%!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),520px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:16px!important;
}

body .orders-panel .order-card{
  max-width:520px!important;
  width:100%!important;
  justify-self:stretch!important;
  position:relative!important;
}

body .orders-panel .order-card.upcoming{
  border:2px solid transparent!important;
  border-left-width:6px!important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfdff 100%) padding-box,
    linear-gradient(135deg,#7c3aed,#06b6d4,#22c55e) border-box!important;
  animation:gradientGlowOrderCard 2s ease-in-out infinite!important;
}

body .orders-panel .order-card.upcoming::before{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  bottom:18px!important;
  left:-4px!important;
  width:6px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7c3aed,#06b6d4,#22c55e)!important;
  box-shadow:0 0 18px rgba(6,182,212,.26)!important;
  pointer-events:none!important;
}

@media(min-width:980px){
  body .orders-panel .order-list{
    grid-template-columns:repeat(2,minmax(420px,520px))!important;
  }
}

@media(max-width:979px){
  body .orders-panel .order-list{
    max-width:520px!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:760px){
  body .orders-panel .order-list{
    max-width:none!important;
  }
}

/* Twee compacte orderkaarten + gradient glow voor niet-afgerond v89 */
body .orders-panel .order-list{
  max-width:1080px!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),520px))!important;
  justify-content:center!important;
}
body .orders-panel .order-card{
  position:relative!important;
  justify-self:stretch!important;
}
body .orders-panel .order-card.upcoming{
  border:2px solid transparent!important;
  border-left-width:6px!important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfdff 100%) padding-box,
    linear-gradient(135deg,#7c3aed,#06b6d4,#22c55e) border-box!important;
  animation:gradientGlowOrderCard 2s ease-in-out infinite!important;
}
body .orders-panel .order-card.upcoming::before{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  bottom:18px!important;
  left:-4px!important;
  width:6px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7c3aed,#06b6d4,#22c55e)!important;
  box-shadow:0 0 18px rgba(6,182,212,.26)!important;
  pointer-events:none!important;
}
@keyframes gradientGlowOrderCard{
  0%,100%{box-shadow:0 0 18px rgba(6,182,212,.18)}
  50%{box-shadow:0 0 32px rgba(124,58,237,.42)}
}

@media(min-width:980px){
  body .orders-panel .order-list{
    grid-template-columns:repeat(2,minmax(420px,520px))!important;
    justify-content:center!important;
  }
}
@media(max-width:979px){
  body .orders-panel .order-list{
    grid-template-columns:minmax(0,520px)!important;
  }
}
@media(max-width:760px){
  body .orders-panel .order-list{
    max-width:none!important;
    grid-template-columns:1fr!important;
  }
}

/* Orderstatus-randen v93: open = Nieuw-binnen blauw, afgerond = duidelijk groen */
body .orders-panel .order-card.upcoming{
  border:2px solid #87CEFA!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body .orders-panel .order-card.upcoming::before{
  content:none!important;
  display:none!important;
}

body .orders-panel .order-card.upcoming::after{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:26px!important;
  pointer-events:none!important;
  z-index:0!important;
  border:2px solid rgba(135,206,250,.68)!important;
  animation:orderBlueBorderPulse 1.9s ease-in-out infinite!important;
}

body .orders-panel .order-card.upcoming > *{
  position:relative!important;
  z-index:1!important;
}

body .orders-panel .order-card.done{
  border:2px solid rgba(13,107,72,.38)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fffa 100%)!important;
  box-shadow:0 10px 24px rgba(13,107,72,.075)!important;
}

body .orders-panel .order-card.done::before,
body .orders-panel .order-card.done::after{
  content:none!important;
  display:none!important;
}

@keyframes orderBlueBorderPulse{
  0%,100%{
    box-shadow:0 0 0 0 rgba(135,206,250,.54),0 10px 26px rgba(135,206,250,.18);
  }
  55%{
    box-shadow:0 0 0 8px rgba(135,206,250,0),0 14px 34px rgba(135,206,250,.36);
  }
}

/* Zichtbare full-card glow voor niet-afgeronde orders v92 */
body .orders-panel .order-card.upcoming{
  overflow:visible!important;
  isolation:isolate!important;
}

body .orders-panel .order-card.upcoming > *{
  position:relative!important;
  z-index:1!important;
}

body .orders-panel .order-card.upcoming::after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:28px!important;
  pointer-events:none!important;
  z-index:0!important;
  border:2px solid rgba(6,182,212,.18)!important;
  animation:gradientGlowOrderHalo 2s ease-in-out infinite!important;
}

@keyframes gradientGlowOrderHalo{
  0%,100%{
    box-shadow:0 0 18px rgba(6,182,212,.20),0 0 0 0 rgba(34,197,94,.12);
  }
  50%{
    box-shadow:0 0 32px rgba(124,58,237,.42),0 0 0 8px rgba(6,182,212,.08);
  }
}

/* Compact ticket ordercards v88: smaller, 2 naast elkaar mogelijk */
body .orders-panel .order-list{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),520px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:14px!important;
}
body .orders-panel .order-card{
  max-width:520px!important;
  width:100%!important;
  padding:12px!important;
  border-radius:20px!important;
}
body .orders-panel .order-card .order-card-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
body .orders-panel .order-card .pickup{
  min-width:106px!important;
  padding:8px 10px!important;
}
body .orders-panel .order-card .pickup strong{
  font-size:27px!important;
}
body .orders-panel .order-card .order-customer{
  grid-template-columns:1fr!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  padding:8px!important;
  gap:6px!important;
}
body .orders-panel .order-card .order-customer div{
  grid-column:1/-1!important;
  min-height:44px!important;
  padding:7px 9px!important;
}
body .orders-panel .order-card .order-customer strong,
body .orders-panel .order-card .order-customer a{
  font-size:12.5px!important;
}
body .orders-panel .order-card .ordered-products{
  padding:9px!important;
}
body .orders-panel .order-card .ordered-line{
  grid-template-columns:36px minmax(0,1fr) auto!important;
  min-height:36px!important;
  padding:6px 7px!important;
  gap:7px!important;
}
body .orders-panel .order-card .ordered-line>b{
  height:29px!important;
  font-size:13px!important;
}
body .orders-panel .order-card .ordered-line span strong{
  font-size:13px!important;
}
body .orders-panel .order-card .ordered-line em{
  padding:5px 8px!important;
  font-size:12px!important;
}

body .orders-panel .order-card .ordered-item-note{
  display:block;
  margin-top:.38rem;
  padding:.42rem .55rem;
  border:1px solid #778899;
  border-radius:9px;
  background:#B0C4DE;
  color:#172033;
  font-size:.75rem;
  font-weight:800;
  line-height:1.35;
  white-space:normal;
}
body .orders-panel .order-card .order-finance{
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
body .orders-panel .order-card .order-payment-pill{
  grid-column:1/-1!important;
}
body .orders-panel .order-card .order-finance>span{
  min-height:46px!important;
  padding:8px 10px!important;
}
body .orders-panel .order-card .order-finance b{
  font-size:13px!important;
}
body .orders-panel .order-card .payment-correction select{
  min-height:34px!important;
}
body .orders-panel .order-card .order-side-panel .order-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button,
body .orders-panel .order-card .order-side-panel .receipt-button,
body .orders-panel .order-card .order-side-panel .no-show-button,
body .orders-panel .order-card .order-side-panel .delete-order-button{
  min-height:40px!important;
  padding:7px 8px!important;
  border-radius:13px!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button i,
body .orders-panel .order-card .order-side-panel .receipt-button i,
body .orders-panel .order-card .order-side-panel .no-show-button i,
body .orders-panel .order-card .order-side-panel .delete-order-button i{
  width:20px!important;
  height:20px!important;
  flex-basis:20px!important;
}
body .orders-panel .order-card .order-side-panel .ready-email-button b,
body .orders-panel .order-card .order-side-panel .receipt-button b,
body .orders-panel .order-card .order-side-panel .no-show-button b,
body .orders-panel .order-card .order-side-panel .delete-order-button b{
  font-size:10.5px!important;
}

@media(min-width:1280px){
  body .orders-panel .order-list{
    grid-template-columns:repeat(2,minmax(430px,520px))!important;
  }
}
@media(max-width:760px){
  body .orders-panel .order-list{
    grid-template-columns:1fr!important;
  }
  body .orders-panel .order-card{
    max-width:none!important;
  }
}

/* Laatste override: twee compacte orders naast elkaar + gradient statusrand v91 */
body .orders-panel .order-list{
  max-width:1080px!important;
  width:100%!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),520px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:16px!important;
}

body .orders-panel .order-card{
  max-width:520px!important;
  width:100%!important;
  justify-self:stretch!important;
  position:relative!important;
}

body .orders-panel .order-card.upcoming{
  border:2px solid transparent!important;
  border-left-width:6px!important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfdff 100%) padding-box,
    linear-gradient(135deg,#7c3aed,#06b6d4,#22c55e) border-box!important;
  animation:gradientGlowOrderCard 2s ease-in-out infinite!important;
}

body .orders-panel .order-card.upcoming::before{
  content:""!important;
  position:absolute!important;
  top:18px!important;
  bottom:18px!important;
  left:-4px!important;
  width:6px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#7c3aed,#06b6d4,#22c55e)!important;
  box-shadow:0 0 18px rgba(6,182,212,.26)!important;
  pointer-events:none!important;
}

@media(min-width:980px){
  body .orders-panel .order-list{
    grid-template-columns:repeat(2,minmax(420px,520px))!important;
  }
}

@media(max-width:979px){
  body .orders-panel .order-list{
    max-width:520px!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:760px){
  body .orders-panel .order-list{
    max-width:none!important;
    grid-template-columns:1fr!important;
  }
}

/* Finale statuskleur v94: open = Nieuw-binnen blauw, afgerond = rustig groen */
body .orders-panel .order-card.upcoming{
  border:2px solid #87CEFA!important;
  border-left-width:2px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body .orders-panel .order-card.upcoming::before{
  content:none!important;
  display:none!important;
}

body .orders-panel .order-card.upcoming::after{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:26px!important;
  pointer-events:none!important;
  z-index:0!important;
  border:2px solid rgba(135,206,250,.72)!important;
  animation:orderBlueBorderPulse 1.9s ease-in-out infinite!important;
}

body .orders-panel .order-card.upcoming > *{
  position:relative!important;
  z-index:1!important;
}

body .orders-panel .order-card.done{
  border:2px solid rgba(13,107,72,.42)!important;
  border-left-width:2px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fffa 100%)!important;
  box-shadow:0 10px 24px rgba(13,107,72,.08)!important;
}

body .orders-panel .order-card.done::before,
body .orders-panel .order-card.done::after{
  content:none!important;
  display:none!important;
}

@keyframes orderBlueBorderPulse{
  0%,100%{
    box-shadow:0 0 0 0 rgba(135,206,250,.56),0 10px 26px rgba(135,206,250,.18);
  }
  55%{
    box-shadow:0 0 0 8px rgba(135,206,250,0),0 14px 34px rgba(135,206,250,.36);
  }
}

/* Finale dikke orderkaart-randen v95 */
body .orders-panel .order-card.upcoming{
  border:3px solid #87CEFA!important;
  border-left-width:3px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcff 100%)!important;
  box-shadow:0 10px 24px rgba(135,206,250,.13)!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body .orders-panel .order-card.upcoming::before{
  content:none!important;
  display:none!important;
}

body .orders-panel .order-card.upcoming::after{
  content:""!important;
  position:absolute!important;
  inset:-6px!important;
  border-radius:26px!important;
  pointer-events:none!important;
  z-index:0!important;
  border:0!important;
  animation:orderBlueCleanPulse 1.9s ease-in-out infinite!important;
}

body .orders-panel .order-card.upcoming > *{
  position:relative!important;
  z-index:1!important;
}

body .orders-panel .order-card.done{
  border:3px solid #008000!important;
  border-left-width:3px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5fff7 100%)!important;
  box-shadow:0 10px 24px rgba(0,128,0,.10)!important;
}

body .orders-panel .order-card.done::before,
body .orders-panel .order-card.done::after{
  content:none!important;
  display:none!important;
}

@keyframes orderBlueCleanPulse{
  0%,100%{
    box-shadow:0 0 0 0 rgba(135,206,250,.54),0 10px 26px rgba(135,206,250,.16);
  }
  55%{
    box-shadow:0 0 0 9px rgba(135,206,250,0),0 14px 34px rgba(135,206,250,.34);
  }
}

/* Voorraad / uitverkocht beheer v96 */
.category-stock-toggle,
.stock-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:46px!important;
  padding:0 14px!important;
  border:1px solid #fed7aa!important;
  border-radius:14px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font:900 12px Manrope,system-ui,sans-serif!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px rgba(249,115,22,.08)!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.category-stock-toggle img,
.stock-toggle img,
.stock-button img,
.soldout-row-badge img{
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(43%) sepia(77%) saturate(943%) hue-rotate(349deg) brightness(90%) contrast(91%)!important;
}
.category-stock-toggle:hover,
.stock-toggle:hover{
  transform:translateY(-1px)!important;
  border-color:#fb923c!important;
  box-shadow:0 14px 28px rgba(249,115,22,.15)!important;
}
.category-stock-toggle.active,
.stock-toggle.active{
  background:#9a3412!important;
  border-color:#9a3412!important;
  color:#fff7ed!important;
}
.category-stock-toggle.active img,
.stock-toggle.active img{
  filter:brightness(0) invert(1)!important;
}
.menu-category.category-sold-out{
  border-color:#fb923c!important;
  box-shadow:0 18px 44px rgba(249,115,22,.12)!important;
}
.menu-category-index button.sold-out{
  border-color:#fb923c!important;
  background:#fff7ed!important;
  color:#9a3412!important;
}
.menu-category-index button.sold-out b{
  background:#fed7aa!important;
  color:#9a3412!important;
}
.menu-category.category-sold-out .category-identity>i{
  background:#fff7ed!important;
  color:#9a3412!important;
}
.product-card.product-sold-out{
  position:relative!important;
  background:#fff7ed!important;
  border-bottom-color:#fed7aa!important;
}
.product-card.product-sold-out input,
.product-card.product-sold-out select{
  border-color:#fed7aa!important;
}
.product-card.product-sold-out .photo-crop-thumb{
  opacity:.62!important;
  filter:saturate(.65)!important;
}
.product-card .actions{
  grid-template-columns:44px 44px 44px!important;
}
.stock-button{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  border:1px solid #fed7aa!important;
  background:#fff7ed!important;
  box-shadow:0 10px 22px rgba(249,115,22,.08)!important;
}
.stock-button:hover,
.stock-button.active{
  background:#9a3412!important;
  border-color:#9a3412!important;
}
.stock-button:hover img,
.stock-button.active img{
  filter:brightness(0) invert(1)!important;
}
.soldout-row-badge{
  grid-column:2/-1!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  border:1px solid #fb923c!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font:900 11px Manrope,system-ui,sans-serif!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.details-toggles{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:12px!important;
}
.product-soldout-toggle{
  border-color:#fed7aa!important;
  color:#9a3412!important;
  background:#fff7ed!important;
}
@media(max-width:1180px){
  .category-actions{
    flex-wrap:wrap!important;
  }
  .category-stock-toggle{
    flex:1 1 190px!important;
  }
}
@media(max-width:760px){
  .product-card .actions{
    grid-template-columns:repeat(3,44px)!important;
    grid-column:1/-1!important;
    grid-row:auto!important;
    justify-content:stretch!important;
  }
  .product-card .actions .icon-button{
    width:100%!important;
  }
  .soldout-row-badge{
    grid-column:1/-1!important;
  }
  .category-stock-toggle,
  .category-add,
  .category-delete{
    width:100%!important;
  }
}

/* Pop-up / Acties module v98 */
.promotion-icon{mask-image:url('/brand/promotion.png');-webkit-mask-image:url('/brand/promotion.png')}
.promotion-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px;
  margin-bottom:16px;
  border-radius:26px;
  background:linear-gradient(135deg,#111827,#312e81 58%,#7c2d12);
  color:#fff;
  box-shadow:0 22px 58px rgba(17,24,39,.18);
}
.promotion-title{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.promotion-title>i{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  background:#fff;
}
.promotion-title span{
  color:#c7d2fe;
  font:900 12px Manrope,system-ui,sans-serif;
  letter-spacing:.16em;
}
.promotion-title h2{margin:4px 0;font:900 30px Manrope,system-ui,sans-serif}
.promotion-title p{margin:0;color:#e0e7ff;line-height:1.55;max-width:720px}
.promotion-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.promotion-kpis>div{
  padding:18px;
  border:1px solid #dbe3ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.promotion-kpis b{display:block;font:900 30px Manrope;color:#111827}
.promotion-kpis span{font:900 11px Manrope;color:#64748b;text-transform:uppercase;letter-spacing:.12em}
.popup-panel{overflow:visible!important}
.popup-live-hint{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#eff6ff;
  color:#2563eb;
  font:900 11px Manrope;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.popup-live-targets{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.popup-live-targets>span:not(.popup-live-hint){display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#475569;font:850 10px Manrope}
.popup-list{display:grid;gap:12px}
.popup-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) minmax(360px,auto);
  gap:16px;
  align-items:center;
  padding:14px;
  border:2px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  transition:.18s ease;
}
.popup-card:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,.08)}
.popup-card.active{border-color:#86efac;background:linear-gradient(135deg,#fff,#f0fdf4)}
.popup-card.planned{border-color:#bfdbfe;background:linear-gradient(135deg,#fff,#eff6ff)}
.popup-card.expired{border-color:#fed7aa;background:linear-gradient(135deg,#fff,#fff7ed)}
.popup-card.inactive{border-color:#e2e8f0}
.popup-preview-thumb{
  width:112px;
  height:86px;
  border-radius:18px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.popup-preview-thumb img{width:100%;height:100%;object-fit:cover}
.website-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px;background:#E9E2D2;color:#656434;text-align:center}
.website-thumb span{font:400 18px 'Chatara Regular',Arial,sans-serif;letter-spacing:.04em}
.website-thumb i{display:-webkit-box;overflow:hidden;color:#656434;font:600 8px Montserrat,Verdana,sans-serif;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.website-thumb b{color:#A9633B;font:400 9px "Bodoni 72","Bodoni MT",Bodoni,Arial,sans-serif}
.popup-card-main{min-width:0}
.popup-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.popup-card-head b{font:900 20px Manrope;color:#111827}
.popup-card-main p{
  margin:0;
  color:#475569;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.popup-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;color:#64748b;font:800 11px Manrope}
.popup-state{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border-radius:999px;
  font:900 10px Manrope;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.popup-state.active{background:#dcfce7;color:#047857}
.popup-state.planned{background:#dbeafe;color:#1d4ed8}
.popup-state.expired{background:#ffedd5;color:#c2410c}
.popup-state.inactive{background:#f1f5f9;color:#64748b}
.popup-target{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;font:900 10px Manrope;text-transform:uppercase;letter-spacing:.06em}
.popup-target.website{background:#f4eadf;color:#9a4f2c}
.popup-target.ordering{background:#ede9fe;color:#5b21b6}
.popup-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.popup-actions .button{
  min-height:42px;
  padding:0 12px;
  justify-content:center;
  white-space:nowrap;
}
.popup-admin-modal{
  position:fixed;
  inset:0;
  z-index:6000;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(15,23,42,.58);
  backdrop-filter:blur(8px);
}
.popup-admin-modal.open{display:grid}
.popup-target-chooser{
  position:relative;
  width:min(760px,100%);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.65);
  border-radius:28px;
  background:#f8fafc;
  box-shadow:0 30px 90px rgba(15,23,42,.32);
  animation:popup-admin-in .22s ease-out both;
}
.popup-target-chooser>.close{position:absolute;right:18px;top:18px;z-index:2}
.popup-target-chooser-head{padding:30px 78px 26px 30px;background:linear-gradient(135deg,#111827,#4338ca);color:#fff}
.popup-target-chooser-head span{color:#c7d2fe;font:900 11px Manrope;letter-spacing:.16em}
.popup-target-chooser-head h2{margin:7px 0 6px;font:900 28px Manrope}
.popup-target-chooser-head p{margin:0;color:#e0e7ff}
.popup-target-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}
.popup-target-options>button{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;min-width:0;padding:20px;border:2px solid #dbe3ef;border-radius:20px;background:#fff;color:#111827;text-align:left;cursor:pointer;transition:.16s ease}
.popup-target-options>button:hover{border-color:#818cf8;transform:translateY(-2px);box-shadow:0 16px 32px rgba(15,23,42,.09)}
.popup-target-options b{align-self:end;font:900 18px Manrope}
.popup-target-options small{align-self:start;color:#64748b;font:700 11px Manrope;line-height:1.45}
.target-choice-icon{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;font:900 18px Manrope}
.target-choice-icon.website{background:#E9E2D2;color:#A9633B}
.target-choice-icon.ordering{background:#ede9fe;color:#5b21b6}
.popup-editor-card,
.frontend-popup-preview{
  position:relative;
  width:min(980px,100%);
  max-height:min(92vh,880px);
  overflow:auto;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.65);
  background:#f8fafc;
  box-shadow:0 30px 90px rgba(15,23,42,.32);
  animation:popup-admin-in .22s ease-out both;
}
@keyframes popup-admin-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.popup-editor-card>.close,
.frontend-popup-preview>.close{
  position:absolute;
  right:18px;
  top:18px;
  z-index:2;
}
.popup-editor-close,
.popup-preview-close{
  width:48px!important;
  height:48px!important;
  border:0!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:30px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.24)!important;
}
.popup-image-filerobot{z-index:7200}
.popup-editor-head{
  display:flex;
  gap:14px;
  align-items:center;
  padding:26px 28px 18px;
  background:linear-gradient(135deg,#111827,#4338ca);
  color:#fff;
}
.popup-editor-head>i{
  width:52px;
  height:52px;
  flex:0 0 52px;
  background:#fff;
}
.popup-editor-head span{font:900 11px Manrope;letter-spacing:.16em;color:#c7d2fe}
.popup-editor-head h2{margin:4px 0;font:900 28px Manrope}
.popup-editor-head p{margin:0;color:#e0e7ff}
.popup-editor-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:24px 28px;
}
.popup-editor-grid .full{grid-column:1/-1}
.popup-editor-grid label{
  display:grid;
  gap:7px;
  font:900 11px Manrope;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.popup-editor-grid input,
.popup-editor-grid textarea,
.popup-editor-grid select{
  width:100%;
  min-height:52px;
  border:1px solid #dbe3ef;
  border-radius:16px;
  background:#fff;
  padding:13px 15px;
  color:#111827;
  font:850 15px Manrope;
}
.popup-editor-grid label small{color:#94a3b8;font:700 10px/1.4 Manrope;letter-spacing:0;text-transform:none}
.popup-active-toggle{
  display:flex!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  flex-direction:row;
  gap:12px!important;
  min-height:52px;
  padding:12px 15px;
  border:1px solid #dbe3ef;
  border-radius:16px;
  background:#fff;
}
.popup-active-toggle input{width:22px;height:22px;min-height:auto;padding:0}
.popup-image-editor{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid #dbe3ef;
  border-radius:20px;
  background:#fff;
}
.popup-image-editor>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.popup-image-editor img{
  width:142px;
  height:94px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid #e2e8f0;
  background:#e9e2d2;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.popup-image-editor b{display:block;color:#111827}
.popup-image-editor small{display:block;color:#64748b}
.popup-image-editor .button{
  min-height:46px;
  white-space:nowrap;
}
.popup-editor-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:0 28px 28px;
}
.customer-popup-card{
  display:grid;
  grid-template-columns:minmax(280px,.92fr) 1.08fr;
  background:#E9E2D2;
  color:#656434;
}
.customer-popup-image{min-height:360px;background:#d8d0bf;overflow:hidden}
.customer-popup-image img{width:100%;height:100%;object-fit:cover}
.customer-popup-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(28px,4vw,54px);
}
.customer-popup-copy span{font:900 12px Manrope;letter-spacing:.18em;color:#A9633B}
.customer-popup-copy h2{font:900 clamp(2rem,4.2vw,3.9rem) Manrope;margin:10px 0 14px;color:#656434;line-height:1.05;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
.customer-popup-copy p{font-size:1.05rem;line-height:1.72;color:#656434;white-space:pre-line;overflow-wrap:anywhere;max-width:52ch}
.customer-popup-copy .button{align-self:flex-start;margin-top:16px;background:#A9633B;color:#E9E2D2}
.website-popup-editor .popup-editor-head{background:linear-gradient(135deg,#3f4325,#7a7844)}
.website-popup-preview{width:min(900px,100%);background:transparent;border:0;box-shadow:none;overflow:visible}
.website-popup-preview>.popup-preview-close{top:calc(50% - 112px);right:calc(50% - 265px);width:42px!important;height:42px!important;background:rgba(255,255,255,.94)!important;color:#111!important;font-size:25px!important}
.website-notice-stage{display:grid;place-items:center;min-height:520px;padding:42px;border-radius:28px;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
.website-notice-card{width:min(560px,92vw);padding:28px 26px;border:1px solid rgba(169,99,59,.35);border-radius:24px;background:#E9E2D2;color:#656434;box-shadow:0 24px 70px rgba(0,0,0,.45);text-align:center}
.website-notice-brand{margin-bottom:10px;color:#656434;font:400 2.55rem 'Chatara Regular',Arial,sans-serif;letter-spacing:.06em}
.website-notice-card p{margin:0;color:#656434;font:500 1.05rem/1.55 Montserrat,Verdana,Geneva,sans-serif;overflow-wrap:anywhere}
.website-notice-card p+p{margin-top:10px}
.website-notice-signoff{margin-top:14px;color:#A9633B;font:400 1.2rem "Bodoni 72","Bodoni MT",Bodoni,Arial,sans-serif}
@media(max-width:1120px){
  .popup-card{grid-template-columns:96px minmax(0,1fr)}
  .popup-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .promotion-hero{align-items:flex-start;flex-direction:column;padding:20px}
  .promotion-hero .button{width:100%}
  .promotion-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .popup-card{grid-template-columns:1fr;padding:12px}
  .popup-preview-thumb{width:100%;height:150px}
  .popup-actions{grid-template-columns:1fr 1fr}
  .popup-editor-grid{grid-template-columns:1fr;padding:20px}
  .popup-image-editor{align-items:stretch;flex-direction:column}
  .popup-image-editor img{width:100%;height:180px}
  .popup-editor-actions{flex-direction:column;padding:0 20px 22px}
  .popup-editor-actions .button{width:100%}
  .customer-popup-card{grid-template-columns:1fr}
  .customer-popup-image{min-height:210px}
  .customer-popup-copy{padding:28px}
  .customer-popup-copy h2{font-size:clamp(2rem,10vw,3.25rem);line-height:1.04}
  .popup-target-options{grid-template-columns:1fr}
  .popup-live-targets{justify-content:flex-start}
  .website-notice-stage{min-height:440px;padding:20px}
  .website-popup-preview>.popup-preview-close{top:calc(50% - 184px);right:28px}
}
@media(max-width:480px){
  .popup-admin-modal{padding:12px}
  .promotion-kpis{grid-template-columns:1fr}
  .popup-actions{grid-template-columns:1fr}
}

/* Owner-only auditlog v106 */
.logs-icon{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border:1.8px solid currentColor;
  border-radius:6px;
  background:none!important;
  font-style:normal;
}
.logs-icon:before{content:'>_';font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-1px;color:currentColor}
.audit-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:26px 28px;
  margin-bottom:18px;
  border:1px solid #253047;
  border-radius:26px;
  background:radial-gradient(circle at 85% 20%,rgba(79,70,229,.28),transparent 34%),linear-gradient(135deg,#0b1220,#111827 62%,#172554);
  color:#f8fafc;
  box-shadow:0 24px 64px rgba(15,23,42,.2);
}
.audit-hero-title{display:flex;align-items:center;gap:18px;min-width:0}
.audit-hero-title>.logs-icon{width:58px!important;height:58px!important;flex-basis:58px!important;border-width:2px;border-radius:17px;color:#7dd3fc;background:rgba(14,165,233,.08)!important;box-shadow:inset 0 0 0 1px rgba(125,211,252,.1),0 12px 30px rgba(14,165,233,.12)}
.audit-hero-title>.logs-icon:before{font-size:20px}
.audit-hero-title span{display:block;margin-bottom:4px;color:#7dd3fc;font:900 11px Manrope;letter-spacing:.16em}
.audit-hero-title h2{margin:0;font:900 clamp(24px,3vw,34px) Manrope;color:#fff}
.audit-hero-title p{margin:5px 0 0;color:#aebbd0;font-size:14px;line-height:1.5}
.audit-refresh,.audit-reset,.audit-more{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid #334155;border-radius:14px;background:#182235;color:#e2e8f0;font:850 13px Manrope;cursor:pointer;transition:.18s ease;
}
.audit-refresh{flex:0 0 auto;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.audit-refresh span{font-size:20px}.audit-refresh:hover,.audit-reset:hover,.audit-more:hover{transform:translateY(-1px);border-color:#60a5fa;background:#1e293b;color:#fff}
.audit-toolbar{
  display:grid;
  grid-template-columns:minmax(230px,1.7fr) minmax(170px,1fr) minmax(170px,1fr) minmax(145px,.72fr) minmax(145px,.72fr) auto;
  gap:12px;
  align-items:end;
  padding:16px;
  margin-bottom:16px;
  border:1px solid #dbe3ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.audit-toolbar label{display:grid;gap:7px;min-width:0}
.audit-toolbar label>span{color:#64748b;font:900 10px Manrope;letter-spacing:.1em;text-transform:uppercase}
.audit-toolbar input,.audit-toolbar select{width:100%;height:48px;border:1px solid #dbe3ef;border-radius:13px;background:#f8fafc;padding:0 13px;color:#172033;font:750 13px Manrope;outline:none}
.audit-toolbar input:focus,.audit-toolbar select:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.13);background:#fff}
.audit-reset{height:48px;background:#f8fafc;color:#475569;border-color:#dbe3ef;white-space:nowrap}
.audit-console{overflow:hidden;border:1px solid #273449;border-radius:22px;background:#0b1220;box-shadow:0 22px 60px rgba(15,23,42,.2)}
.audit-console-head,.audit-console-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 18px;background:#111a2b;color:#94a3b8;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
.audit-console-head{border-bottom:1px solid #263248}.audit-console-foot{border-top:1px solid #263248}
.audit-console-head>div{display:flex;align-items:center;gap:7px}.audit-console-head b{margin-left:7px;color:#cbd5e1}
.audit-console-dot{width:10px;height:10px;border-radius:50%}.audit-console-dot.red{background:#fb7185}.audit-console-dot.yellow{background:#fbbf24}.audit-console-dot.green{background:#4ade80}
.audit-log-list{padding:8px 18px 12px;max-height:min(68vh,850px);overflow:auto;scrollbar-color:#334155 #0b1220}
.audit-entry{position:relative;display:grid;grid-template-columns:178px 22px minmax(0,1fr);gap:12px;padding:13px 0;color:#dbe6f5}
.audit-entry+.audit-entry{border-top:1px solid rgba(51,65,85,.55)}
.audit-time{display:grid;align-content:start;gap:4px;padding-top:6px;text-align:right;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#94a3b8}
.audit-time small{color:#52637a;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}
.audit-marker{position:relative;display:flex;justify-content:center}.audit-marker:after{content:'';position:absolute;top:19px;bottom:-27px;width:1px;background:#27364c}.audit-entry:last-child .audit-marker:after{display:none}
.audit-marker i{position:relative;z-index:1;width:11px;height:11px;margin-top:9px;border:2px solid #0b1220;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)}
.audit-security .audit-marker i{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.audit-users .audit-marker i{background:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.16)}
.audit-orders .audit-marker i{background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.16)}
.audit-print .audit-marker i{background:#cbd5e1;box-shadow:0 0 0 3px rgba(203,213,225,.14)}
.audit-email .audit-marker i{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.16)}
.audit-changes .audit-marker i{background:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.16)}
.audit-entry-main{min-width:0;padding:12px 14px;border:1px solid #253248;border-radius:15px;background:linear-gradient(135deg,rgba(30,41,59,.78),rgba(15,23,42,.92))}
.audit-entry-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.audit-actor{display:flex;align-items:center;gap:10px;min-width:0}.audit-actor>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #3b4b64;border-radius:10px;background:#172235;color:#7dd3fc;font:900 13px Manrope}.audit-actor>div{min-width:0}.audit-actor b,.audit-actor small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-actor b{color:#f8fafc;font:850 13px Manrope}.audit-actor small{margin-top:2px;color:#75859d;font:600 10px Manrope}
.audit-action{flex:0 0 auto;padding:6px 9px;border:1px solid #3b4b64;border-radius:999px;background:#162033;color:#cbd5e1;font:850 10px Manrope;letter-spacing:.04em;text-transform:uppercase}
.audit-entry-main>p{margin:9px 0 0;color:#9fb0c6;font:600 12px/1.55 Manrope;overflow-wrap:anywhere}
.audit-entry details{margin-top:9px}.audit-entry summary{width:max-content;color:#7dd3fc;font:750 10px Manrope;cursor:pointer}.audit-entry pre{overflow:auto;max-height:240px;margin:9px 0 0;padding:12px;border:1px solid #26364d;border-radius:11px;background:#070c15;color:#b9c8dc;font:600 10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.audit-loading,.audit-empty{display:grid;place-items:center;min-height:220px;padding:30px;text-align:center;color:#8191a8;font:700 13px Manrope}.audit-empty b{display:block;margin-bottom:6px;color:#e2e8f0;font:900 17px Manrope}.audit-empty p{max-width:520px;margin:0;color:#8090a7;line-height:1.6}.audit-more{min-height:38px;padding:0 14px}
#content>.audit-empty{border:1px solid #dbe3ef;border-radius:20px;background:#fff;color:#64748b}#content>.audit-empty b{color:#172033}
@media(max-width:1320px){.audit-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-reset{width:100%}}
@media(max-width:820px){
  .audit-hero{align-items:flex-start;padding:21px;flex-direction:column}.audit-refresh{width:100%}
  .audit-toolbar{grid-template-columns:1fr 1fr}.audit-search{grid-column:1/-1}.audit-reset{grid-column:1/-1}
  .audit-entry{grid-template-columns:18px minmax(0,1fr);gap:9px}.audit-time{grid-column:2;text-align:left;display:flex;gap:9px;padding:0}.audit-marker{grid-column:1;grid-row:1/3}.audit-entry-main{grid-column:2}.audit-entry-top{align-items:flex-start;flex-direction:column}.audit-action{white-space:normal}
}
@media(max-width:520px){
  .audit-hero-title{align-items:flex-start}.audit-hero-title>.logs-icon{width:46px!important;height:46px!important;flex-basis:46px!important}.audit-hero-title>.logs-icon:before{font-size:16px}.audit-hero-title p{font-size:12px}
  .audit-toolbar{grid-template-columns:1fr}.audit-search,.audit-reset{grid-column:auto}.audit-console-head{align-items:flex-start;flex-direction:column}.audit-log-list{padding:7px 10px 10px}.audit-entry-main{padding:11px}.audit-actor{width:100%}.audit-console-foot{align-items:stretch;flex-direction:column}.audit-more{width:100%}
}

/* Horizontale, inklapbare orderkaarten v108 */
body .orders-panel .order-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  width:100%!important;
  max-width:1480px!important;
  margin-inline:auto!important;
  padding:18px!important;
}

body .orders-panel .order-card.order-card-horizontal{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:16px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
}

body .orders-panel .order-card.order-card-horizontal.done{
  border:3px solid #008000!important;
  background:linear-gradient(145deg,#fff 0%,#f7fff9 100%)!important;
  box-shadow:0 14px 34px rgba(0,128,0,.09)!important;
}

body .orders-panel .order-card.order-card-horizontal .order-card-layout.order-horizontal-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.05fr)!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  margin:0!important;
}

body .orders-panel .order-overview-column,
body .orders-panel .order-products-column,
body .orders-panel .order-control-column{
  min-width:0!important;
  border:1px solid #dde6f1!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}

body .orders-panel .order-overview-column,
body .orders-panel .order-products-column{
  padding:13px!important;
}

body .orders-panel .order-control-column{
  display:grid!important;
  gap:10px!important;
  padding:12px!important;
  position:static!important;
  inset:auto!important;
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  z-index:auto!important;
  color:#172033!important;
}

body .orders-panel .order-identity-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  min-height:42px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #e5ebf3!important;
}

body .orders-panel .order-identity-row .order-number{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid #dfe7f1!important;
  border-radius:12px!important;
  background:#f3f6fa!important;
  color:#111c30!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}

body .orders-panel .order-state-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}

body .orders-panel .order-state-badges .new-order-label,
body .orders-panel .order-state-badges .completed-label,
body .orders-panel .order-state-badges .no-show-label{
  min-height:32px!important;
  margin:0!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}

body .orders-panel .order-overview-meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}

body .orders-panel .order-overview-meta>div{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  min-height:58px!important;
  padding:9px 10px!important;
  border:1px solid #e1e8f2!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}

body .orders-panel .order-overview-meta>div:nth-child(2){grid-column:1/-1!important}

body .orders-panel .order-overview-meta .pickup{
  grid-column:2!important;
  grid-row:1!important;
}

body .orders-panel .order-overview-meta small,
body .orders-panel .order-finance-summary small,
body .orders-panel .order-disclosure summary small,
body .orders-panel .order-note>small{
  color:#8796aa!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-overview-meta strong{
  display:block!important;
  margin-top:3px!important;
  color:#172033!important;
  font-size:13px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-overview-meta>div:first-child strong,
body .orders-panel .order-overview-meta .pickup strong{
  white-space:nowrap!important;
}

body .orders-panel .order-overview-meta>div:first-child strong{
  font-size:11.5px!important;
  letter-spacing:-.01em!important;
}

body .orders-panel .order-overview-meta span{
  margin-top:2px!important;
  color:#64748b!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-transform:capitalize!important;
}

body .orders-panel .order-overview-meta .pickup{
  display:grid!important;
  place-content:center!important;
  min-width:0!important;
  padding:8px 10px!important;
  border:1px solid #cfdaf0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#eef2ff,#fff)!important;
  text-align:center!important;
  box-shadow:none!important;
}

body .orders-panel .order-overview-meta .pickup strong{
  margin:2px 0 0!important;
  color:#4f46e5!important;
  font-size:25px!important;
  line-height:1!important;
}

body .orders-panel .order-products-column{
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
}

body .orders-panel .order-products-column .ordered-products{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body .orders-panel .order-products-column .ordered-products>small{
  margin:0 0 9px!important;
  color:#4f46e5!important;
  font-size:9px!important;
}

body .orders-panel .order-products-column .ordered-line{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  min-height:44px!important;
  margin:7px 0 0!important;
  padding:7px 9px!important;
  border:1px solid #e0e8f2!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}

body .orders-panel .order-products-column .ordered-line:first-of-type{margin-top:0!important}

body .orders-panel .order-products-column .ordered-line span{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-products-column .ordered-line span strong{
  font-size:13px!important;
  line-height:1.25!important;
}

body .orders-panel .order-products-column .ordered-options{
  display:block!important;
  margin-top:3px!important;
  color:#64748b!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.35!important;
  white-space:normal!important;
}

body .orders-panel .order-products-column .ordered-item-note{
  margin-top:5px!important;
  padding:6px 8px!important;
  border:1px solid #778899!important;
  border-radius:9px!important;
  background:#B0C4DE!important;
  color:#172033!important;
  line-height:1.35!important;
}

body .orders-panel .order-products-column .order-note{
  display:grid!important;
  gap:4px!important;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #778899!important;
  border-radius:13px!important;
  background:#B0C4DE!important;
  color:#172033!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-products-column .order-note b{
  font-size:11.5px!important;
  line-height:1.45!important;
}

body .orders-panel .order-finance-summary{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

body .orders-panel .order-finance-summary>span{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  min-height:60px!important;
  padding:9px 10px!important;
  border:1px solid #dfe7f1!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}

body .orders-panel .order-finance-summary b{
  display:block!important;
  margin-top:3px!important;
  color:#172033!important;
  font-size:14px!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-finance-summary .order-total-pill b{
  color:#4f46e5!important;
  font-size:18px!important;
}

body .orders-panel .order-finance-summary .order-status-pill.new,
body .orders-panel .order-finance-summary .order-status-pill.planned{
  border-color:#a9dcfa!important;
  background:#eef9ff!important;
}

body .orders-panel .order-finance-summary .order-status-pill.done{
  border-color:#9adbb6!important;
  background:#ecfdf3!important;
}

body .orders-panel .order-disclosure{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  border:1px solid #dfe7f1!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:visible!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}

body .orders-panel .order-disclosure[open]{
  border-color:#c9d5e7!important;
  box-shadow:0 9px 22px rgba(15,23,42,.065)!important;
}

body .orders-panel .order-disclosure summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:54px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
  cursor:pointer!important;
  list-style:none!important;
  outline:none!important;
  user-select:none!important;
}

body .orders-panel .order-disclosure summary::-webkit-details-marker{display:none!important}

body .orders-panel .order-disclosure summary:hover{background:#f7f9fc!important}

body .orders-panel .order-disclosure summary:focus-visible{
  box-shadow:inset 0 0 0 3px rgba(79,70,229,.28)!important;
}

body .orders-panel .order-disclosure summary>span{
  display:grid!important;
  min-width:0!important;
  gap:3px!important;
}

body .orders-panel .order-disclosure summary b{
  color:#263247!important;
  font-size:11px!important;
  line-height:1.3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body .orders-panel .disclosure-chevron{
  display:block!important;
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  margin-right:4px!important;
  border-right:2px solid #64748b!important;
  border-bottom:2px solid #64748b!important;
  transform:rotate(45deg)!important;
  transition:transform .18s ease!important;
}

body .orders-panel .order-disclosure[open] .disclosure-chevron{
  transform:rotate(225deg)!important;
}

body .orders-panel .order-contact-content{
  display:grid!important;
  gap:7px!important;
  padding:0 10px 10px!important;
}

body .orders-panel .order-contact-content a{
  display:grid!important;
  min-width:0!important;
  gap:3px!important;
  padding:8px 9px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  color:#172033!important;
  text-decoration:none!important;
}

body .orders-panel .order-contact-content a:hover{
  border-color:#a9b8cc!important;
  background:#fff!important;
}

body .orders-panel .order-contact-content small{
  color:#8796aa!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-contact-content strong{
  font-size:11px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-payment-disclosure{
  margin:0!important;
}

body .orders-panel .order-payment-disclosure.attention{
  border-color:#f97316!important;
  background:#fffbf7!important;
}

body .orders-panel .order-payment-actions-content{
  display:grid!important;
  gap:9px!important;
  padding:0 10px 10px!important;
  overflow:visible!important;
}

body .orders-panel .order-payment-actions-content .order-payment-pill{
  display:grid!important;
  min-width:0!important;
  gap:3px!important;
  padding:10px!important;
  border:1px solid #dce5ef!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  overflow:visible!important;
}

body .orders-panel .order-payment-actions-content .order-payment-pill>small{
  color:#8796aa!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-payment-actions-content .order-payment-pill>b{
  color:#172033!important;
  font-size:12px!important;
  line-height:1.35!important;
}

body .orders-panel .order-payment-actions-content .order-payment-pill.cash-unpaid.cash-pulse,
body .orders-panel .order-payment-actions-content .order-payment-pill.payment-cash.cash-pulse{
  border:2px solid #f97316!important;
  background:linear-gradient(135deg,#fff7ed,#fff)!important;
  animation:horizontalCashPulse 1.8s ease-out infinite!important;
}

@keyframes horizontalCashPulse{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.62)}
  75%{box-shadow:0 0 0 11px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

body .orders-panel .order-payment-actions-content .payment-correction{
  margin-top:7px!important;
}

body .orders-panel .order-payment-actions-content .payment-correction select{
  min-height:38px!important;
  border-radius:10px!important;
  font-size:11px!important;
}

body .orders-panel .order-payment-actions-content .order-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body .orders-panel .order-payment-actions-content .order-actions>button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  margin:0!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  line-height:1.15!important;
  overflow:hidden!important;
}

body .orders-panel .order-payment-actions-content .order-actions>button i{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
}

body .orders-panel .order-payment-actions-content .order-actions>button span{
  display:grid!important;
  min-width:0!important;
  text-align:left!important;
}

body .orders-panel .order-payment-actions-content .order-actions>button b{
  font-size:9.5px!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-payment-actions-content .order-actions>button small{
  display:none!important;
}

@media(max-width:1120px){
  body .orders-panel .order-card.order-card-horizontal .order-card-layout.order-horizontal-grid{
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  }
  body .orders-panel .order-control-column{
    grid-column:1/-1!important;
    grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr)!important;
    align-items:start!important;
  }
  body .orders-panel .order-payment-disclosure{margin:0!important}
}

@media(max-width:1280px){
  body .orders-panel .order-payment-actions-content .order-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:780px){
  body .orders-panel .order-list{padding:12px!important;gap:14px!important}
  body .orders-panel .order-card.order-card-horizontal{padding:12px!important;border-radius:21px!important}
  body .orders-panel .order-card.order-card-horizontal .order-card-layout.order-horizontal-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body .orders-panel .order-control-column{
    grid-column:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .orders-panel .order-overview-meta{
    grid-template-columns:1fr 1fr!important;
  }
  body .orders-panel .order-overview-meta>div:nth-child(2){grid-column:1/-1!important}
}

@media(max-width:480px){
  body .orders-panel .order-list{padding:9px!important}
  body .orders-panel .order-card.order-card-horizontal{padding:9px!important}
  body .orders-panel .order-overview-column,
  body .orders-panel .order-products-column,
  body .orders-panel .order-control-column{padding:10px!important;border-radius:16px!important}
  body .orders-panel .order-identity-row{align-items:flex-start!important;flex-direction:column!important}
  body .orders-panel .order-state-badges{justify-content:flex-start!important}
  body .orders-panel .order-products-column .ordered-line{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  body .orders-panel .order-products-column .ordered-line em{
    grid-column:2!important;
    justify-self:start!important;
  }
  body .orders-panel .order-payment-actions-content .order-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .orders-panel .order-disclosure summary b{
    white-space:normal!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body .orders-panel .order-card.order-card-horizontal.upcoming::after,
  body .orders-panel .order-payment-actions-content .order-payment-pill.cash-pulse{
    animation:none!important;
  }
}

/* Orderkaarten met prioriteitsbalk en vernieuwde kleuren v109 */
body .orders-panel .order-card.order-card-v109{
  --order-ink:#172925;
  --order-muted:#60716c;
  --order-line:#d7e1dc;
  --order-soft:#f4f7f5;
  --order-teal:#174f4a;
  --order-teal-dark:#0f3d39;
  --order-sand:#fff6df;
  --order-amber:#b7791f;
  position:relative!important;
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  padding:18px!important;
  overflow:visible!important;
  border:3px solid #aeb9c3!important;
  border-radius:26px!important;
  background:#fbfdfc!important;
  color:var(--order-ink)!important;
  box-shadow:0 0 0 4px rgba(148,163,176,.10),0 15px 36px rgba(45,55,65,.11)!important;
}

body .orders-panel .order-card.order-card-v109.upcoming{
  border-color:#ea580c!important;
  background:#fbfdfc!important;
  box-shadow:0 0 0 4px rgba(234,88,12,.11),0 15px 36px rgba(154,52,18,.13)!important;
}

body .orders-panel .order-card.order-card-v109.upcoming.fresh-order{
  border-color:#2563eb!important;
  background:linear-gradient(145deg,#fbfeff 0%,#f6fbfe 100%)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.13),0 15px 36px rgba(37,99,235,.12)!important;
}

body .orders-panel .order-card.order-card-v109.upcoming::before{
  content:none!important;
  display:none!important;
}

body .orders-panel .order-card.order-card-v109.upcoming::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

body .orders-panel .order-card.order-card-v109.done{
  border-color:#aeb9c3!important;
  background:#fbfdfb!important;
  box-shadow:0 0 0 4px rgba(148,163,176,.10),0 15px 36px rgba(45,55,65,.11)!important;
}

body .orders-panel .order-card.order-card-v109.no-show{
  border-color:#aeb9c3!important;
}

body .orders-panel .order-card.order-card-v109>*{
  position:relative!important;
  z-index:1!important;
}

@keyframes orderPriorityGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(98,166,121,.23)}
  50%{box-shadow:0 0 0 7px rgba(98,166,121,0)}
}

body .orders-panel .order-priority-header{
  display:grid!important;
  grid-template-columns:minmax(270px,1.2fr) minmax(245px,.85fr) minmax(190px,.6fr)!important;
  align-items:stretch!important;
  gap:12px!important;
  min-width:0!important;
  padding:12px!important;
  border:1px solid var(--order-line)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#f1f6f3 0%,#f8faf8 100%)!important;
}

body .orders-panel .order-priority-identity{
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:4px 6px!important;
}

body .orders-panel .order-priority-identity>small,
body .orders-panel .order-customer-name small,
body .orders-panel .order-top-metrics small,
body .orders-panel .order-pickup-priority small{
  color:#778883!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-priority-number-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}

body .orders-panel .order-priority-number-row .order-number{
  display:inline-flex!important;
  align-items:center!important;
  min-height:39px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #cbd8d2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--order-ink)!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  box-shadow:none!important;
}

body .orders-panel .order-customer-name{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}

body .orders-panel .order-customer-name strong{
  min-width:0!important;
  color:#173c35!important;
  font-size:15.5px!important;
  font-weight:900!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-pickup-priority{
  display:grid!important;
  place-content:center!important;
  justify-items:center!important;
  min-width:0!important;
  min-height:106px!important;
  padding:13px 16px!important;
  border:1px solid var(--order-teal-dark)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,var(--order-teal),var(--order-teal-dark))!important;
  color:#fff!important;
  text-align:center!important;
  box-shadow:0 9px 20px rgba(15,61,57,.18)!important;
}

body .orders-panel .order-pickup-priority small{
  color:#c9ded8!important;
}

body .orders-panel .order-pickup-priority strong{
  margin:2px 0 1px!important;
  color:#fff!important;
  font-size:39px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  line-height:1!important;
}

body .orders-panel .order-pickup-priority span{
  color:#dceae6!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-transform:capitalize!important;
}

body .orders-panel .order-top-metrics{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(62px,1fr) auto!important;
  gap:7px!important;
  min-width:0!important;
}

body .orders-panel .order-top-metrics .order-status-pill,
body .orders-panel .order-top-metrics .order-total-pill{
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid #cedbd5!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body .orders-panel .order-top-metrics .order-status-pill{
  min-height:62px!important;
  background:#eaf4ff!important;
  border-color:#82b5e8!important;
}

body .orders-panel .order-top-metrics .order-status-pill.planned{
  background:linear-gradient(145deg,#f97316 0%,#ea580c 100%)!important;
  border-color:#ea580c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(234,88,12,.20)!important;
}

body .orders-panel .order-top-metrics .order-status-pill.planned small{
  color:#ffedd5!important;
}

body .orders-panel .order-top-metrics .order-status-pill.planned b{
  color:#fff!important;
}

body .orders-panel .order-top-metrics .order-status-pill.new{
  background:linear-gradient(145deg,#3b82f6 0%,#2563eb 100%)!important;
  border-color:#2563eb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(37,99,235,.22)!important;
}

body .orders-panel .order-top-metrics .order-status-pill.new small{
  color:#dbeafe!important;
}

body .orders-panel .order-top-metrics .order-status-pill.new b{
  color:#fff!important;
}

body .orders-panel .order-top-metrics .order-status-pill.done{
  background:linear-gradient(145deg,#22c55e 0%,#16a34a 100%)!important;
  border-color:#16a34a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 8px 20px rgba(22,163,74,.19)!important;
}

body .orders-panel .order-top-metrics .order-status-pill.done small{
  color:#dcfce7!important;
}

body .orders-panel .order-top-metrics .order-status-pill.done b{
  color:#fff!important;
}

body .orders-panel .order-top-metrics .order-status-pill.busy{
  background:#fff3d6!important;
  border-color:#d7aa4c!important;
}

body .orders-panel .order-top-metrics .order-status-pill.busy b{
  color:#795211!important;
}

body .orders-panel .order-card-v109.no-show .order-top-metrics .order-status-pill.done,
body .orders-panel .order-top-metrics .order-status-pill.cancelled{
  background:#fff0f0!important;
  border-color:#c97979!important;
}

body .orders-panel .order-card-v109.no-show .order-top-metrics .order-status-pill.done b,
body .orders-panel .order-top-metrics .order-status-pill.cancelled b{
  color:#8b1e1e!important;
}

body .orders-panel .order-top-metrics .order-total-pill{
  min-height:40px!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 11px!important;
  background:#f7f6f1!important;
  border-color:#ddd9c9!important;
}

body .orders-panel .order-top-metrics b{
  color:var(--order-teal-dark)!important;
  font-size:17px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-top-metrics .order-total-pill b{
  justify-self:end!important;
  color:#5f635e!important;
  font-size:14px!important;
}

body .orders-panel .order-workspace-v109{
  display:grid!important;
  grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr)!important;
  align-items:start!important;
  gap:12px!important;
  min-width:0!important;
}

body .orders-panel .order-kitchen-column,
body .orders-panel .order-secondary-column{
  min-width:0!important;
}

body .orders-panel .order-kitchen-column{
  display:grid!important;
  gap:10px!important;
  padding:14px!important;
  border:2px solid #9fbdaf!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fcfa 100%)!important;
  box-shadow:0 8px 20px rgba(31,83,61,.06)!important;
}

body .orders-panel .order-kitchen-column .ordered-products{
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body .orders-panel .order-kitchen-column .ordered-products>small{
  color:#276148!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-kitchen-column .ordered-line{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:9px!important;
  min-width:0!important;
  min-height:64px!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid #bdd2c8!important;
  border-left:4px solid #62a679!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 13px rgba(35,94,57,.055)!important;
}

body .orders-panel .order-kitchen-column .ordered-line>b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:#dff0e6!important;
  color:#1f6840!important;
  font-size:14px!important;
}

body .orders-panel .order-kitchen-column .ordered-line>span{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
  padding-top:2px!important;
}

body .orders-panel .order-kitchen-column .ordered-line>span>strong{
  color:#102f27!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-kitchen-column .ordered-options{
  display:grid!important;
  gap:2px!important;
  margin-top:1px!important;
  padding:7px 9px!important;
  border:1px solid #c7dacf!important;
  border-radius:9px!important;
  background:#eef7f2!important;
  color:#34584a!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.4!important;
}

body .orders-panel .order-kitchen-column .ordered-options>b{
  color:#347051!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-kitchen-column .ordered-options>span{
  color:#294b3e!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-kitchen-column .ordered-item-note{
  display:grid!important;
  gap:2px!important;
  margin-top:4px!important;
  padding:8px 9px!important;
  border:1px solid #d6a84b!important;
  border-left:4px solid #c58b28!important;
  border-radius:10px!important;
  background:#fff4d8!important;
  color:#5f4618!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.4!important;
  white-space:normal!important;
}

body .orders-panel .order-kitchen-column .ordered-item-note b{
  color:#8a5b12!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-kitchen-column .ordered-line>em{
  align-self:start!important;
  padding:6px 8px!important;
  border:1px solid #d4dfda!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#31443e!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

body .orders-panel .order-kitchen-column .order-note{
  display:grid!important;
  gap:4px!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid #cc973b!important;
  border-left:5px solid #b7791f!important;
  border-radius:12px!important;
  background:#fff0c9!important;
  box-shadow:none!important;
}

body .orders-panel .order-kitchen-column .order-note small{
  color:#8a5a14!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-kitchen-column .order-note b{
  color:#4d3915!important;
  font-size:11px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-secondary-column{
  display:grid!important;
  position:static!important;
  inset:auto!important;
  align-self:start!important;
  z-index:auto!important;
  gap:10px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  color:var(--order-ink)!important;
}

body .orders-panel .order-card-v109 .order-disclosure{
  min-width:0!important;
  margin:0!important;
  overflow:visible!important;
  border:1px solid var(--order-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}

body .orders-panel .order-card-v109 .order-disclosure>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:61px!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  list-style:none!important;
}

body .orders-panel .order-card-v109 .order-disclosure>summary::-webkit-details-marker{display:none!important}

body .orders-panel .order-card-v109 .order-disclosure>summary span{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}

body .orders-panel .order-card-v109 .order-disclosure>summary small{
  color:#778883!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-card-v109 .order-disclosure>summary b{
  color:#263b35!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-card-v109 .disclosure-chevron{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  border-right:2px solid #4d665f!important;
  border-bottom:2px solid #4d665f!important;
  transform:rotate(45deg)!important;
  transition:transform .18s ease!important;
}

body .orders-panel .order-card-v109 details[open]>summary .disclosure-chevron{
  transform:rotate(225deg)!important;
}

body .orders-panel .order-card-v109 .order-contact-content{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0 10px 10px!important;
}

body .orders-panel .order-card-v109 .order-contact-content a{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
  padding:9px 10px!important;
  border:1px solid #e0e8e4!important;
  border-radius:11px!important;
  background:#f7faf8!important;
  color:var(--order-ink)!important;
  text-decoration:none!important;
}

body .orders-panel .order-card-v109 .order-contact-content a:hover,
body .orders-panel .order-card-v109 .order-contact-content a:focus-visible{
  border-color:#76a39b!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(80,143,134,.14)!important;
}

body .orders-panel .order-card-v109 .order-contact-content small{
  color:#778883!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}

body .orders-panel .order-card-v109 .order-contact-content strong{
  color:#263b35!important;
  font-size:11px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-card-v109 .order-payment-disclosure.attention{
  border-color:#f3a04f!important;
  background:#fffaf4!important;
}

body .orders-panel .order-card-v109 .order-payment-actions-content{
  display:grid!important;
  gap:8px!important;
  padding:0 10px 10px!important;
  overflow:visible!important;
}

body .orders-panel .order-card-v109 .order-payment-actions-content .order-payment-pill{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid #c9ded5!important;
  border-radius:12px!important;
  background:#edf7f3!important;
}

body .orders-panel .order-card-v109 .order-payment-actions-content .order-payment-pill.cash-unpaid.cash-pulse,
body .orders-panel .order-card-v109 .order-payment-actions-content .order-payment-pill.payment-cash.cash-pulse{
  border:2px solid #f97316!important;
  background:#fff7ed!important;
  animation:orderCashAttentionV109 1.8s ease-out infinite!important;
}

@keyframes orderCashAttentionV109{
  0%{box-shadow:0 0 0 0 rgba(249,115,22,.56)}
  75%{box-shadow:0 0 0 10px rgba(249,115,22,0)}
  100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}
}

body .orders-panel .order-card-v109 .order-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

body .orders-panel .order-card-v109 .order-actions>button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  overflow:hidden!important;
}

body .orders-panel .order-card-v109 .order-actions>button i{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

body .orders-panel .order-card-v109 .order-actions>button span{
  display:grid!important;
  min-width:0!important;
  text-align:left!important;
}

body .orders-panel .order-card-v109 .order-actions>button b{
  font-size:9.5px!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}

body .orders-panel .order-card-v109 .order-actions>button small{display:none!important}

@media(max-width:1100px){
  body .orders-panel .order-priority-header{
    grid-template-columns:minmax(0,1fr) minmax(225px,.75fr)!important;
  }
  body .orders-panel .order-top-metrics{
    grid-column:1/-1!important;
    grid-template-columns:minmax(0,1fr) minmax(150px,.42fr)!important;
    grid-template-rows:auto!important;
  }
  body .orders-panel .order-top-metrics .order-status-pill{
    min-height:68px!important;
  }
  body .orders-panel .order-top-metrics .order-total-pill{
    min-height:68px!important;
  }
  body .orders-panel .order-workspace-v109{
    grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr)!important;
  }
}

@media(max-width:840px){
  body .orders-panel .order-card.order-card-v109{
    gap:11px!important;
    padding:13px!important;
    border-radius:22px!important;
  }
  body .orders-panel .order-priority-header{
    grid-template-columns:minmax(0,1fr) minmax(200px,.8fr)!important;
    padding:10px!important;
  }
  body .orders-panel .order-pickup-priority{min-height:98px!important}
  body .orders-panel .order-pickup-priority strong{font-size:34px!important}
  body .orders-panel .order-workspace-v109{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .orders-panel .order-secondary-column{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body .orders-panel .order-card-v109 .order-payment-disclosure.attention{
    grid-column:1/-1!important;
  }
}

@media(max-width:600px){
  body .orders-panel .order-list{
    gap:14px!important;
    padding:10px!important;
  }
  body .orders-panel .order-card.order-card-v109{
    padding:10px!important;
  }
  body .orders-panel .order-priority-header{
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body .orders-panel .order-pickup-priority{
    min-height:94px!important;
  }
  body .orders-panel .order-customer-name{
    display:grid!important;
    align-items:start!important;
    gap:3px!important;
    width:100%!important;
  }
  body .orders-panel .order-customer-name strong{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
  }
  body .orders-panel .order-top-metrics{
    grid-column:auto!important;
  }
  body .orders-panel .order-top-metrics .order-status-pill,
  body .orders-panel .order-top-metrics .order-total-pill{
    padding:11px!important;
  }
  body .orders-panel .order-top-metrics .order-status-pill{min-height:68px!important}
  body .orders-panel .order-top-metrics .order-total-pill{min-height:54px!important}
  body .orders-panel .order-secondary-column{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:430px){
  body .orders-panel .order-priority-number-row{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  body .orders-panel .order-state-badges{justify-content:flex-start!important}
  body .orders-panel .order-top-metrics{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body .orders-panel .order-kitchen-column{
    padding:10px!important;
  }
  body .orders-panel .order-kitchen-column .ordered-line{
    grid-template-columns:36px minmax(0,1fr)!important;
  }
  body .orders-panel .order-kitchen-column .ordered-line>em{
    grid-column:2!important;
    justify-self:start!important;
  }
  body .orders-panel .order-card-v109 .order-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body .orders-panel .order-card.order-card-v109.upcoming::after,
  body .orders-panel .order-card-v109 .order-payment-pill.cash-pulse{
    animation:none!important;
  }
}

/* Menu & extra's: compactere productkolommen en gestapelde omschrijving v127 */
body .menu-category .product-list-head,
body .menu-category .product-card{
  grid-template-columns:78px minmax(220px,1.55fr) 104px 86px minmax(132px,.72fr) 150px!important;
  column-gap:14px!important;
}

body .menu-category .product-list-head{
  align-items:center!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}

body .menu-category .product-list-head>span{
  display:block!important;
  align-self:center!important;
  text-align:center!important;
  line-height:1.25!important;
}

body .menu-category .product-card{
  align-items:center!important;
  row-gap:8px!important;
}

body .menu-category .product-card>.photo-upload{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  justify-self:center!important;
}

body .menu-category .product-card>input[data-k="name"]{
  grid-column:2!important;
  grid-row:1!important;
}

body .menu-category .product-card>input[data-k="description"]{
  display:block!important;
  grid-column:2!important;
  grid-row:2!important;
}

body .menu-category .product-card>input[data-k="price"]{
  grid-column:3!important;
  grid-row:1 / span 2!important;
}

body .menu-category .product-card>select.vat-select{
  display:block!important;
  grid-column:4!important;
  grid-row:1 / span 2!important;
}

body .menu-category .product-card>select[data-k="category"]{
  display:block!important;
  grid-column:5!important;
  grid-row:1 / span 2!important;
}

body .menu-category .product-card>.actions{
  grid-column:6!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}

body .menu-category .product-card>.soldout-row-badge{
  grid-column:2 / 6!important;
  grid-row:3!important;
}

body .menu-category .product-card>.product-details{
  grid-column:1 / -1!important;
  grid-row:4!important;
}

@media(max-width:1180px) and (min-width:901px){
  body .menu-category .product-list-head,
  body .menu-category .product-card{
    min-width:0!important;
    grid-template-columns:70px minmax(190px,1.45fr) 92px 78px minmax(116px,.7fr) 152px!important;
    column-gap:10px!important;
  }
  body .menu-category .category-products{
    overflow:visible!important;
  }
}

@media(max-width:900px){
  body .menu-category .product-list-head{
    display:none!important;
  }
  body .menu-category .product-card{
    min-width:0!important;
    grid-template-columns:76px minmax(0,1fr) 92px 150px!important;
    align-items:center!important;
    gap:9px!important;
  }
  body .menu-category .product-card>.photo-upload{
    grid-column:1!important;
    grid-row:1 / span 2!important;
  }
  body .menu-category .product-card>input[data-k="name"]{
    grid-column:2 / 5!important;
    grid-row:1!important;
  }
  body .menu-category .product-card>input[data-k="description"]{
    grid-column:2 / 5!important;
    grid-row:2!important;
  }
  body .menu-category .product-card>input[data-k="price"]{
    grid-column:1!important;
    grid-row:3!important;
  }
  body .menu-category .product-card>select.vat-select{
    grid-column:3!important;
    grid-row:3!important;
  }
  body .menu-category .product-card>select[data-k="category"]{
    grid-column:2!important;
    grid-row:3!important;
  }
  body .menu-category .product-card>.actions{
    grid-column:4!important;
    grid-row:3!important;
    justify-self:end!important;
  }
  body .menu-category .product-card>.soldout-row-badge{
    grid-column:1 / -1!important;
    grid-row:4!important;
  }
  body .menu-category .product-card>.product-details{
    grid-column:1 / -1!important;
    grid-row:5!important;
  }
}

@media(max-width:620px){
  body .menu-category .product-card{
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:start!important;
  }
  body .menu-category .product-card>.photo-upload{
    grid-column:1!important;
    grid-row:1 / span 2!important;
  }
  body .menu-category .product-card>input[data-k="name"]{
    grid-column:2!important;
    grid-row:1!important;
  }
  body .menu-category .product-card>input[data-k="description"]{
    grid-column:2!important;
    grid-row:2!important;
  }
  body .menu-category .product-card>input[data-k="price"]{
    grid-column:1!important;
    grid-row:3!important;
  }
  body .menu-category .product-card>select.vat-select{
    grid-column:2!important;
    grid-row:3!important;
  }
  body .menu-category .product-card>select[data-k="category"]{
    grid-column:1 / -1!important;
    grid-row:4!important;
  }
  body .menu-category .product-card>.actions{
    grid-column:1 / -1!important;
    grid-row:5!important;
    justify-self:end!important;
  }
  body .menu-category .product-card>.soldout-row-badge{
    grid-column:1 / -1!important;
    grid-row:6!important;
  }
  body .menu-category .product-card>.product-details{
    grid-column:1 / -1!important;
    grid-row:7!important;
  }
}

@media(max-width:430px){
  body .menu-category .product-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    padding:12px!important;
  }
  body .menu-category .product-card>input[data-k="price"],
  body .menu-category .product-card>select.vat-select{
    grid-column:1 / -1!important;
  }
  body .menu-category .product-card>input[data-k="price"]{grid-row:3!important}
  body .menu-category .product-card>select.vat-select{grid-row:4!important}
  body .menu-category .product-card>select[data-k="category"]{grid-row:5!important}
  body .menu-category .product-card>.actions{grid-row:6!important}
  body .menu-category .product-card>.soldout-row-badge{grid-row:7!important}
  body .menu-category .product-card>.product-details{grid-row:8!important}
}

/* BTW-bon: consistente orderactie, statusmarkering en statistiektegels v128 */
.btw-receipt-icon{
  display:inline-block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  background:currentColor;
  -webkit-mask:url('/brand/btw_bon.png') center/contain no-repeat;
  mask:url('/brand/btw_bon.png') center/contain no-repeat;
}

body .orders-panel .order-priority-number-row{
  flex-wrap:wrap!important;
}

body .orders-panel .order-btw-receipt-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:6px 11px!important;
  border:1px solid #d6b56c!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff8df,#f6e7b4)!important;
  color:#765411!important;
  box-shadow:0 5px 14px rgba(118,84,17,.12)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}

body .orders-panel .order-btw-receipt-badge .btw-receipt-icon{
  width:17px!important;
  height:17px!important;
  flex-basis:17px!important;
}

body .orders-panel .order-actions>.btw-receipt-button{
  border:1px solid #036ea3!important;
  background:#036ea3!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(3,110,163,.22)!important;
}

body .orders-panel .order-actions>.btw-receipt-button .btw-receipt-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}

body .orders-panel .order-actions>.btw-receipt-button:not(:disabled):hover,
body .orders-panel .order-actions>.btw-receipt-button:not(:disabled):focus-visible{
  border-color:#02547d!important;
  background:#025f8e!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(3,110,163,.34)!important;
  transform:translateY(-1px)!important;
}

body .orders-panel .order-actions>.btw-receipt-button.is-registered{
  border-color:#036ea3!important;
  background:#e6f4fa!important;
  color:#02547d!important;
  opacity:1!important;
}

body .orders-panel .order-actions>.btw-receipt-button:disabled:not(.is-registered){
  border-color:#dbe1df!important;
  background:#f3f5f4!important;
  color:#87918d!important;
  cursor:not-allowed!important;
  opacity:.74!important;
}

.stats-kpis .btw-excluded-kpi{
  border-color:#cbd8d3!important;
  background:linear-gradient(145deg,#fff,#f1f6f4)!important;
}

.stats-kpis .btw-receipt-kpi{
  position:relative!important;
  border-color:#036ea3!important;
  background:linear-gradient(145deg,#f7fcff,#dceff8)!important;
  box-shadow:0 10px 26px rgba(3,110,163,.12)!important;
}

.stats-kpis .btw-receipt-kpi>.btw-receipt-icon{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  width:28px!important;
  height:28px!important;
  color:#036ea3!important;
  opacity:1!important;
}

@media(max-width:600px){
  body .orders-panel .order-btw-receipt-badge{
    min-height:31px!important;
    padding:5px 9px!important;
  }
}

/* Statistieken v131: compacte fiscale rapportage onder de ongewijzigde filterbalk */
.statistics-overview{
  --stats-ink:#172033;
  --stats-muted:#687487;
  --stats-line:#dce4ee;
  display:grid;
  gap:18px;
  margin-bottom:18px;
}

.statistics-primary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.statistics-primary-card{
  position:relative;
  min-width:0;
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:23px 24px 21px;
  overflow:hidden;
  border:1px solid var(--stats-line);
  border-radius:18px;
  background:linear-gradient(145deg,#fff 0%,#f6f8fc 100%);
  box-shadow:0 10px 28px rgba(23,32,51,.07);
}

.statistics-primary-card:before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#4f46e5;
}

.statistics-primary-card:after{
  content:'';
  position:absolute;
  width:115px;
  height:115px;
  right:-45px;
  top:-48px;
  border-radius:50%;
  background:rgba(79,70,229,.07);
}

.statistics-primary-card.orders:before{background:#036ea3}
.statistics-primary-card.orders:after{background:rgba(3,110,163,.08)}
.statistics-primary-card.average:before{background:#656434}
.statistics-primary-card.average:after{background:rgba(101,100,52,.08)}
.statistics-primary-card span{
  position:relative;
  z-index:1;
  color:var(--stats-muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.statistics-primary-card strong{
  position:relative;
  z-index:1;
  margin:8px 0 5px;
  color:var(--stats-ink);
  font:800 clamp(30px,3vw,42px) Manrope;
  letter-spacing:-.045em;
  line-height:1;
}
.statistics-primary-card small{
  position:relative;
  z-index:1;
  color:var(--stats-muted);
  font-size:10px;
  line-height:1.45;
}

.statistics-revenue-card,
.statistics-vat-section{
  overflow:hidden;
  border:1px solid var(--stats-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,32,51,.055);
}

.statistics-revenue-card>header,
.statistics-vat-section>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 22px;
  border-bottom:1px solid var(--stats-line);
  background:#f8fafc;
}
.statistics-revenue-card>header span,
.statistics-vat-section>header span{
  color:#4f46e5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.statistics-revenue-card>header h2,
.statistics-vat-section>header h2{
  margin:4px 0 0;
  color:var(--stats-ink);
  font:800 18px Manrope;
}
.statistics-revenue-card>header>small,
.statistics-vat-section>header>p{
  margin:0;
  color:var(--stats-muted);
  font-size:10px;
  text-align:right;
}

.statistics-revenue-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--stats-line);
}
.statistics-revenue-grid article{
  min-width:0;
  display:grid;
  align-content:center;
  min-height:132px;
  padding:21px 22px;
  background:#fff;
}
.statistics-revenue-grid article.vat-total{background:linear-gradient(145deg,#f7fcff,#e7f4f9)}
.statistics-revenue-grid span{
  color:var(--stats-muted);
  font-size:10px;
  font-weight:800;
}
.statistics-revenue-grid strong{
  margin:6px 0 5px;
  color:var(--stats-ink);
  font:800 27px Manrope;
  letter-spacing:-.035em;
}
.statistics-revenue-grid .vat-total strong{color:#036ea3}
.statistics-revenue-grid small{
  color:var(--stats-muted);
  font-size:9px;
  line-height:1.45;
}

.statistics-vat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:16px;
  background:#f8fafc;
}
.statistics-vat-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #d9e2ec;
  border-radius:15px;
  background:#fff;
}
.vat-rate-heading{
  display:flex;
  align-items:baseline;
  gap:7px;
  padding:16px 17px 13px;
  border-bottom:1px solid #e5eaf0;
  background:linear-gradient(145deg,#fff,#f7f8fb);
}
.vat-rate-heading b{
  color:#A9633B;
  font:800 27px Manrope;
  letter-spacing:-.04em;
}
.vat-rate-12 .vat-rate-heading b{color:#656434}
.vat-rate-21 .vat-rate-heading b{color:#8f3440}
.vat-rate-heading span{
  color:var(--stats-muted);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.vat-comparison{display:grid;grid-template-columns:1fr 1fr}
.vat-comparison>section{
  min-width:0;
  padding:15px 16px 16px;
}
.vat-comparison>section+section{
  border-left:1px solid #e5eaf0;
  background:#fbfcfe;
}
.vat-comparison h3{
  min-height:27px;
  margin:0 0 11px;
  color:var(--stats-ink);
  font-size:9px;
  font-weight:900;
  line-height:1.35;
}
.vat-comparison dl{display:grid;gap:9px;margin:0}
.vat-comparison dl>div{
  display:grid;
  gap:3px;
  padding-top:9px;
  border-top:1px solid #edf0f4;
}
.vat-comparison dt{
  color:var(--stats-muted);
  font-size:8px;
  font-weight:800;
}
.vat-comparison dd{
  margin:0;
  color:var(--stats-ink);
  font:800 15px Manrope;
  white-space:nowrap;
}

.statistics-overview+.stats-layout .panel{
  border-color:#dce4ee;
  border-radius:18px;
  box-shadow:0 9px 24px rgba(23,32,51,.045);
}

@media(max-width:1180px){
  .statistics-vat-grid{grid-template-columns:1fr}
  .statistics-vat-card{display:grid;grid-template-columns:116px 1fr}
  .vat-rate-heading{align-content:center;border:0;border-right:1px solid #e5eaf0}
}

@media(max-width:760px){
  .statistics-overview{gap:13px}
  .statistics-primary-grid,
  .statistics-revenue-grid{grid-template-columns:1fr}
  .statistics-primary-card{min-height:125px;padding:19px 20px}
  .statistics-revenue-card>header,
  .statistics-vat-section>header{align-items:flex-start;flex-direction:column;padding:17px 18px}
  .statistics-revenue-card>header>small,
  .statistics-vat-section>header>p{text-align:left}
  .statistics-revenue-grid{gap:0}
  .statistics-revenue-grid article{min-height:108px;padding:18px 19px;border-bottom:1px solid var(--stats-line)}
  .statistics-revenue-grid article:last-child{border-bottom:0}
  .statistics-vat-grid{padding:11px;gap:11px}
  .statistics-vat-card{display:block}
  .vat-rate-heading{border-right:0;border-bottom:1px solid #e5eaf0}
}

@media(max-width:430px){
  .vat-comparison{grid-template-columns:1fr}
  .vat-comparison>section+section{border-left:0;border-top:1px solid #e5eaf0}
  .vat-comparison h3{min-height:0}
}

/* Statistieken v141: apparaatverdeling per geplaatste bestelling */
.statistics-device-card{
  overflow:hidden;
  border:1px solid var(--stats-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,32,51,.055);
}
.statistics-device-card>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:19px 22px;
  border-bottom:1px solid var(--stats-line);
  background:linear-gradient(145deg,#fbfcfe,#f6f8fb);
}
.statistics-device-card>header span{
  color:#2563eb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.statistics-device-card>header h2{
  margin:4px 0 0;
  color:var(--stats-ink);
  font:800 18px Manrope;
}
.statistics-device-card>header>small{
  color:var(--stats-muted);
  font-size:10px;
  text-align:right;
}
.statistics-device-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:16px;
  background:#f8fafc;
}
.device-usage-item{
  --device-color:#2563eb;
  min-width:0;
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid #dce4ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 14px rgba(23,32,51,.035);
}
.device-usage-item.desktop{--device-color:#4f46e5}
.device-usage-item.tablet{--device-color:#0f766e}
.device-usage-item.unknown{--device-color:#94a3b8}
.device-usage-heading{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.device-usage-heading>i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:color-mix(in srgb,var(--device-color) 12%,white);
  color:var(--device-color);
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.device-usage-heading>span{min-width:0;display:grid;gap:3px}
.device-usage-heading b{color:var(--stats-ink);font-size:11px}
.device-usage-heading small{color:var(--stats-muted);font-size:8px;white-space:nowrap}
.device-usage-heading strong{color:var(--device-color);font:800 18px Manrope;white-space:nowrap}
.device-usage-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e9eef4;
}
.device-usage-track>i{
  display:block;
  min-width:0;
  height:100%;
  border-radius:inherit;
  background:var(--device-color);
}
.statistics-device-note{
  margin:0;
  padding:12px 18px;
  border-top:1px solid var(--stats-line);
  background:#fff;
  color:var(--stats-muted);
  font-size:9px;
  line-height:1.5;
}
@media(max-width:1180px){
  .statistics-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .statistics-device-card>header{align-items:flex-start;flex-direction:column;padding:17px 18px}
  .statistics-device-card>header>small{text-align:left}
  .statistics-device-grid{grid-template-columns:1fr;padding:11px;gap:10px}
  .device-usage-item{padding:14px}
}

/* Statistieken v132: grafieken, populaire bestellingen en afhaalmomenten */
.statistics-dashboard-lower{
  --stats-dashboard-ink:#172033;
  --stats-dashboard-muted:#687487;
  --stats-dashboard-line:#dce4ee;
  display:grid;
  gap:16px;
}

.statistics-visual-card{
  min-width:0;
  border:1px solid var(--stats-dashboard-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(23,32,51,.055);
}

.statistics-visual-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:19px 21px;
  border-bottom:1px solid var(--stats-dashboard-line);
  background:linear-gradient(145deg,#fbfcfe,#f6f8fb);
  border-radius:18px 18px 0 0;
}
.statistics-visual-header>div:first-child{min-width:0}
.statistics-visual-header>div:first-child>span{
  display:block;
  margin-bottom:4px;
  color:#4f46e5;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
}
.statistics-visual-header h2{
  margin:0;
  color:var(--stats-dashboard-ink);
  font:800 18px Manrope;
  letter-spacing:-.015em;
}
.statistics-visual-header small{
  display:block;
  margin-top:4px;
  color:var(--stats-dashboard-muted);
  font-size:9px;
  line-height:1.4;
}

.statistics-chart-body{padding:18px 20px 16px}
.revenue-trend-card .chart-controls{
  display:flex;
  align-items:center;
  gap:8px;
  justify-items:initial;
}
.revenue-trend-card .chart-switch{
  gap:3px;
  padding:3px;
  border:1px solid #e2e7ee;
  border-radius:10px;
  background:#eef2f7;
}
.revenue-trend-card .chart-switch button{
  min-height:32px;
  padding:0 11px;
  border-radius:7px;
  font-size:9px;
}
.revenue-trend-card .chart-switch.period{background:#eef0ff}
.revenue-trend-card .chart-switch.period button.active{
  background:#4f46e5;
  color:#fff;
  box-shadow:0 5px 12px rgba(79,70,229,.2);
}

.stats-modern-bars{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(82px,1fr);
  align-items:end;
  gap:10px;
  min-height:318px;
  padding:7px 2px 0;
  overflow-x:auto;
  scrollbar-width:thin;
}
.stats-modern-bar{
  position:relative;
  display:grid;
  grid-template-rows:50px 220px 26px;
  min-width:0;
  text-align:center;
}
.stats-modern-bar-value{
  display:grid;
  align-content:end;
  gap:2px;
  padding-bottom:8px;
}
.stats-modern-bar-value b{
  color:var(--stats-dashboard-ink);
  font-size:10px;
  white-space:nowrap;
}
.stats-modern-bar-value small{
  color:var(--stats-dashboard-muted);
  font-size:8px;
  white-space:nowrap;
}
.stats-modern-bar-track{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:repeating-linear-gradient(to top,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 25%);
  border-bottom:1px solid #d7dee7;
  border-radius:8px 8px 0 0;
}
.stats-modern-bar-track>span{
  position:relative;
  display:block;
  width:min(42px,64%);
  min-height:3px;
  border-radius:9px 9px 3px 3px;
  background:linear-gradient(180deg,#7773f2,#4f46e5);
  box-shadow:0 8px 16px rgba(79,70,229,.13);
  transition:filter .18s ease,transform .18s ease;
}
.stats-modern-bar:hover .stats-modern-bar-track>span{
  filter:saturate(1.12);
  transform:translateY(-2px);
}
.stats-modern-bar-track>span>i{
  position:absolute;
  right:4px;
  bottom:4px;
  display:block;
  width:6px;
  min-height:5px;
  border-radius:999px;
  background:#f2a553;
}
.stats-modern-bar>strong{
  align-self:end;
  overflow:hidden;
  color:#576376;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stats-modern-bar:after,
.weekday-modern-row:after{
  content:attr(data-tooltip);
  position:absolute;
  z-index:6;
  left:50%;
  top:45px;
  width:max-content;
  max-width:220px;
  padding:8px 10px;
  border-radius:8px;
  background:#172033;
  color:#fff;
  box-shadow:0 8px 20px rgba(23,32,51,.22);
  font-size:8px;
  font-weight:800;
  line-height:1.35;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-5px);
  transition:opacity .15s ease,transform .15s ease;
}
.stats-modern-bar:hover:after,
.weekday-modern-row:hover:after{
  opacity:1;
  transform:translate(-50%,0);
}
.stats-chart-legend,
.stats-chart-summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:38px;
  color:var(--stats-dashboard-muted);
  font-size:9px;
  font-weight:800;
}
.stats-chart-legend span,
.stats-chart-summary span{display:flex;align-items:center;gap:7px}
.stats-chart-legend i,
.stats-chart-summary i{width:9px;height:9px;border-radius:3px;background:#4f46e5}
.stats-chart-legend span:nth-child(2) i{background:#f2a553}
.stats-chart-summary{justify-content:space-between;padding:4px 7px 0}
.stats-chart-summary strong{color:var(--stats-dashboard-ink)}

.stats-line-chart{overflow-x:auto}
.stats-line-chart svg{
  display:block;
  width:100%;
  min-width:760px;
  height:315px;
}
.stats-grid-lines line{stroke:#e8edf3;stroke-width:2}
.stats-line-point .point-hit{fill:transparent;cursor:pointer}
.stats-line-point .point-dot{fill:#fff;stroke:#4f46e5;stroke-width:6;transition:r .15s ease}
.stats-line-point:hover .point-dot{r:10}
.stats-line-point text{fill:#687487;font:800 20px Inter}

.stats-modern-table{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:9px;
}
.stats-modern-table>div{
  display:grid;
  gap:4px;
  padding:13px 14px;
  border:1px solid #e1e7ee;
  border-radius:12px;
  background:#fbfcfe;
}
.stats-modern-table b{color:var(--stats-dashboard-ink);font-size:10px}
.stats-modern-table span{color:#4f46e5;font:800 17px Manrope}
.stats-modern-table em{color:var(--stats-dashboard-muted);font-size:8px;font-style:normal}

.statistics-insights-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.statistics-insights-grid .statistics-visual-card{overflow:visible}
.weekday-modern-chart,
.popular-order-list,
.pickup-heat-list{padding:15px 17px 17px}

.weekday-modern-chart{display:grid;gap:11px}
.weekday-modern-row{
  position:relative;
  display:grid;
  grid-template-columns:25px minmax(0,1fr) 22px;
  align-items:center;
  gap:9px;
  min-height:25px;
}
.weekday-modern-row>b,
.weekday-modern-row>strong{color:var(--stats-dashboard-ink);font-size:9px}
.weekday-modern-row>strong{text-align:right}
.weekday-modern-row>span{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#edf1f5;
}
.weekday-modern-row>span>i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#7773f2,#4f46e5);
}
.weekday-modern-row:after{top:25px}

.popular-order-list{
  display:grid;
  gap:4px;
  margin:0;
  list-style:none;
}
.popular-order-list li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:47px;
  padding:7px 0;
  border-bottom:1px solid #edf0f4;
}
.popular-order-list li:last-child{border-bottom:0}
.popular-order-list li>i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:8px;
  background:#eef0ff;
  color:#4f46e5;
  font-style:normal;
  font-size:9px;
  font-weight:900;
}
.popular-order-list li:first-child>i{background:#fff2e3;color:#b86617}
.popular-order-list li>div{min-width:0;display:grid;gap:4px}
.popular-order-list li>div>b{
  overflow:hidden;
  color:var(--stats-dashboard-ink);
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.popular-order-list li>div>span{
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:#edf1f5;
}
.popular-order-list li>div>span>em{
  display:block;
  height:100%;
  border-radius:999px;
  background:#A9633B;
}
.popular-order-list li>div>small{color:var(--stats-dashboard-muted);font-size:8px}
.popular-order-list li>strong{color:var(--stats-dashboard-ink);font-size:10px}

.pickup-heat-list{display:grid;gap:8px}
.pickup-heat-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:38px;
}
.pickup-heat-row time{
  color:#A9633B;
  font:800 15px Manrope;
}
.pickup-heat-row>span{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#f0ece7;
}
.pickup-heat-row>span>i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#d69976,#A9633B);
}
.pickup-heat-row>b{
  color:var(--stats-dashboard-ink);
  font-size:9px;
  white-space:nowrap;
}
.pickup-heat-row>b>small{color:var(--stats-dashboard-muted);font-size:7px}
.pickup-heat-row>em{
  grid-column:2/4;
  justify-self:start;
  margin-top:-8px;
  padding:3px 7px;
  border-radius:999px;
  background:#fff2e3;
  color:#a85d18;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

@media(max-width:1180px){
  .revenue-trend-card .statistics-visual-header{display:grid}
  .revenue-trend-card .chart-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .revenue-trend-card .chart-switch,
  .revenue-trend-card .chart-switch.period{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .statistics-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weekday-insight-card{grid-column:1/-1}
}

@media(max-width:760px){
  .statistics-dashboard-lower{gap:12px}
  .statistics-visual-header{padding:17px 18px}
  .statistics-chart-body{padding:13px 14px}
  .revenue-trend-card .chart-controls{grid-template-columns:1fr}
  .stats-modern-bars{grid-auto-columns:76px;min-height:290px}
  .stats-modern-bar{grid-template-rows:46px 195px 24px}
  .statistics-insights-grid{grid-template-columns:1fr;gap:12px}
  .weekday-insight-card{grid-column:auto}
  .weekday-modern-chart,.popular-order-list,.pickup-heat-list{padding:13px 15px 15px}
}

@media(max-width:430px){
  .statistics-visual-header h2{font-size:16px}
  .stats-modern-table{grid-template-columns:1fr 1fr}
  .stats-chart-summary{align-items:flex-start;flex-direction:column;gap:5px}
}

/* Thermische bonprinter: duidelijke, touchvriendelijke configuratie */
.printer-config-panel{padding:0;overflow:hidden;border-color:#d9e2ef}
.printer-config-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 25px 19px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff,#f6f8fc)}
.printer-config-header>div>span{display:block;margin-bottom:5px;color:#4f46e5;font-size:9px;font-weight:900;letter-spacing:.13em}
.printer-config-header h2{margin:0;font:800 22px Manrope;color:#172033}
.printer-config-header p{max-width:480px;margin:6px 0 0;color:#64748b;font-size:11px;line-height:1.55}
.printer-mode-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#e9ecff;color:#4f46e5;font-size:20px;font-weight:900}
.printer-bridge-summary{display:flex;align-items:flex-start;gap:12px;margin:20px 25px 0;padding:15px 16px;border:1px solid #cfd8ff;border-radius:14px;background:#f5f6ff}.printer-bridge-summary>div{display:grid;gap:4px}.printer-bridge-summary b{color:#182137;font-size:13px}.printer-bridge-summary small{color:#66758a;font-size:10px;line-height:1.45}
.printer-config-section{margin:19px 25px 0;padding:17px;border:1px solid #dfe6ef;border-radius:15px;background:#f9fbfd}
.printer-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 15px}.printer-section-title>div{display:grid;gap:4px}.printer-section-title b{color:#1c2740;font-size:13px}.printer-section-title small{color:#708095;font-size:10px}.printer-section-title>span{padding:6px 9px;border-radius:99px;background:#edf2f8;color:#53637a;font-size:9px;font-weight:800}
.printer-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.printer-config-field{display:grid;gap:6px;min-width:0}.printer-config-field>span,.printer-schedule-row label>span{color:#53637a;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.printer-config-field input,.printer-config-field select,.printer-schedule-row input{width:100%;min-height:46px;border:1px solid #cfd9e7;border-radius:11px;background:#fff;padding:0 12px;color:#172033;font:700 12px Manrope;outline:none}.printer-config-field input:focus,.printer-config-field select:focus,.printer-schedule-row input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.13)}.printer-config-field small{color:#7a899c;font-size:9px;line-height:1.35}
.printer-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 25px}
.printer-toggle{display:flex;align-items:flex-start;gap:11px;min-height:71px;padding:13px;border:1px solid #dce4ee;border-radius:13px;background:#fff;cursor:pointer}.printer-toggle:hover{border-color:#aebbd0;background:#fbfcff}.printer-toggle input{appearance:none;position:relative;flex:none;width:37px;height:22px;margin:1px 0 0;border-radius:99px;background:#cbd5e1;cursor:pointer;transition:.18s}.printer-toggle input:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.18s}.printer-toggle input:checked{background:#4f46e5}.printer-toggle input:checked:after{left:18px}.printer-toggle span{display:grid;gap:4px}.printer-toggle b{color:#1c2740;font-size:11px}.printer-toggle small{color:#718097;font-size:9px;line-height:1.35}
.printer-schedule-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;margin:0 25px;padding:16px;border-top:1px solid #e3e8f0;border-bottom:1px solid #e3e8f0;background:#f9fbfd}.printer-schedule-row label{display:grid;gap:6px}.printer-schedule-row p{margin:0;color:#69788e;font-size:10px;line-height:1.5}.printer-schedule-row p b{display:block;margin-bottom:2px;color:#334155;font-size:10px}
.printer-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 25px 24px}.printer-actions .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding-inline:17px}.printer-actions .with-printer{margin:0}
@media(max-width:760px){.printer-config-header{padding:20px}.printer-toggle-grid{grid-template-columns:1fr;padding-inline:20px}.printer-bridge-summary{margin-inline:20px}.printer-config-section{margin-inline:20px}.printer-schedule-row{grid-template-columns:1fr;margin-inline:20px}.printer-actions{padding-inline:20px}.printer-actions .button{flex:1}.printer-config-grid{grid-template-columns:1fr}}
@media(max-width:430px){.printer-config-header{flex-direction:column;gap:10px}.printer-config-header h2{font-size:20px}.printer-section-title{flex-direction:column}.printer-actions{display:grid;grid-template-columns:1fr}.printer-actions .button{width:100%}}

/* Zaakgegevens: groepeer bedrijfs-, contact- en e-mailinstellingen helder. */
.business-config-panel{padding:0;overflow:hidden;border-color:#d9e2ef}
.business-config-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 25px 20px;border-bottom:1px solid #e1e7f0;background:linear-gradient(135deg,#fff,#f7f9fd)}
.business-config-header>div>span{display:block;margin-bottom:5px;color:#4f46e5;font-size:9px;font-weight:900;letter-spacing:.13em}
.business-config-header h2{margin:0;color:#172033;font:800 22px Manrope}
.business-config-header p{max-width:520px;margin:6px 0 0;color:#64748b;font-size:11px;line-height:1.55}
.business-profile-badge{display:grid;place-items:center;flex:none;min-width:56px;height:34px;padding:0 10px;border:1px solid #d7def4;border-radius:10px;background:#eef1ff;color:#4f46e5;font-size:10px;font-weight:900;letter-spacing:.09em}
.business-config-section{margin:19px 25px 0;padding:17px;border:1px solid #dfe6ef;border-radius:15px;background:#f9fbfd}
.business-section-title{display:grid;gap:4px;margin:0 0 15px}.business-section-title b{color:#1c2740;font-size:13px}.business-section-title small{color:#708095;font-size:10px}
.business-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.business-field{display:grid;gap:6px;min-width:0}.business-field.wide{grid-column:1/-1}.business-field>span{color:#53637a;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.business-field input,.business-field textarea{width:100%;border:1px solid #cfd9e7;border-radius:11px;background:#fff;padding:0 12px;color:#172033;font:700 12px Manrope;outline:none}.business-field input{min-height:46px}.business-field textarea{min-height:94px;padding-block:11px;line-height:1.45;resize:vertical}.business-field input:focus,.business-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.13)}.business-field small{color:#7a899c;font-size:9px;line-height:1.35}
.business-email-control{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin:19px 25px 0;padding:15px 16px;border:1px solid #cfd8ff;border-radius:15px;background:linear-gradient(135deg,#f6f7ff,#fff)}
.business-email-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e9ecff;color:#4f46e5;font-size:20px;font-weight:900}.business-email-control>div:nth-child(2){display:grid;gap:4px}.business-email-control b{color:#1c2740;font-size:13px}.business-email-control small{color:#64748b;font-size:10px;line-height:1.45}.business-email-control em{font-style:normal;font-weight:800;color:#4f46e5}
.business-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.business-switch input{appearance:none;position:relative;flex:none;width:39px;height:23px;margin:0;border:0;border-radius:99px;background:#cbd5e1;cursor:pointer;transition:.18s}.business-switch input:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.18s}.business-switch input:checked{background:#4f46e5}.business-switch input:checked:after{left:19px}.business-switch strong{color:#526176;font-size:10px}
.business-config-panel .legal-section{margin-bottom:25px}
@media(max-width:760px){.business-config-header{padding:20px}.business-config-section,.business-email-control{margin-inline:20px}.business-config-grid{grid-template-columns:1fr}.business-field.wide{grid-column:auto}.business-config-panel .legal-section{margin-bottom:20px}.business-email-control{grid-template-columns:39px minmax(0,1fr)}.business-switch{grid-column:2;justify-self:start;margin-top:2px}}
@media(max-width:430px){.business-config-header{flex-direction:column;gap:10px}.business-config-header h2{font-size:20px}.business-email-control{padding:14px}.business-email-control small{font-size:9px}}