/* Live Order Queue: read-only presentation; no business state is stored here. */
.bp-order-queue {
  min-width:0;
  width:min(100%, 410px);
  height:min(560px, calc(100vh - 250px));
  max-height:min(560px, calc(100vh - 250px));
  justify-self:center;
  align-self:center;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  margin:34px 0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:6px;
  background:rgba(11,26,59,.96);
  box-shadow:0 18px 50px rgba(2,8,21,.16);
}
.bp-order-header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex:0 0 auto; }
.bp-order-queue h2 { font-size:18px; font-weight:600; letter-spacing:-.45px; color:var(--cream-100); }
.bp-order-queue header p { margin-top:5px; font-size:10px; line-height:1.5; color:var(--text-muted); }
.bp-order-live { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:5px 8px; border:1px solid color-mix(in srgb, var(--heart-connected) 28%, transparent); border-radius:999px; font-size:9px; font-weight:700; letter-spacing:.07em; color:var(--queue-enroute); background:color-mix(in srgb, var(--status-healthy) 16%, transparent); }
.bp-order-live i { width:6px; height:6px; border-radius:50%; background:var(--heart-connected); box-shadow:0 0 0 2px color-mix(in srgb, var(--heart-connected) 8%, transparent); }
.bp-order-queue[data-state="offline"] .bp-order-live,
.bp-order-queue[data-state="unavailable"] .bp-order-live { color:var(--text-muted); border-color:var(--line); background:rgba(255,255,255,.02); }
.bp-order-queue[data-state="offline"] .bp-order-live i,
.bp-order-queue[data-state="unavailable"] .bp-order-live i { background:#647086; box-shadow:none; }

/* Katman 1 — kompakt özet */
.bp-order-summary-strip {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:15px;
  flex:0 0 auto;
}
.bp-order-row {
  min-width:0;
  min-height:68px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:5px;
  padding:9px 10px 10px;
  border:1px solid color-mix(in srgb, currentColor 28%, transparent);
  border-radius:5px;
  background:color-mix(in srgb, currentColor 7%, transparent);
  position:relative;
  overflow:hidden;
}
.bp-order-row::before { content:''; position:absolute; left:0; top:0; bottom:0; width:2px; background:currentColor; opacity:.72; }
.bp-order-row dt { min-width:0; font-size:8.5px; font-weight:700; line-height:1.25; letter-spacing:.025em; color:currentColor; }
.bp-order-row dd { font-size:25px; font-weight:650; line-height:1; letter-spacing:-1.1px; font-variant-numeric:tabular-nums; color:currentColor; }
.bp-order-row[data-stage="kuyrukta"] { color:var(--queue-waiting); }
.bp-order-row[data-stage="hazirlaniyor"] { color:var(--queue-preparing); }
.bp-order-row[data-stage="yolda"] { color:var(--queue-enroute); }
.bp-order-queue[data-state="offline"] .bp-order-row dd { opacity:.58; }
.bp-order-queue[data-state="unavailable"] .bp-order-row dd { color:var(--text-muted); }

/* Katman 2 — panelin ana alanı. Dış panel değil yalnızca liste scroll olur. */
.bp-order-list-section {
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.bp-order-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:0 0 auto; margin-bottom:8px; }
.bp-order-list-heading h3 { font-size:11px; font-weight:700; color:var(--cream-100); letter-spacing:.01em; }
.bp-order-list-heading span { font-size:9px; color:var(--text-muted); font-variant-numeric:tabular-nums; }
.bp-order-list {
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:5px;
  outline:none;
}
.bp-order-list:focus-visible { outline:1px solid rgba(244,235,217,.46); outline-offset:3px; border-radius:3px; }
.bp-order-list::-webkit-scrollbar { width:6px; }
.bp-order-list::-webkit-scrollbar-track { background:rgba(4,11,27,.42); border-radius:999px; }
.bp-order-list::-webkit-scrollbar-thumb { background:#485775; border-radius:999px; }
.bp-order-list-empty { display:grid; place-items:center; min-height:112px; padding:18px; text-align:center; font-size:10px; line-height:1.55; color:var(--text-muted); border:1px dashed rgba(72,87,117,.48); border-radius:5px; }
.bp-order-item {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 10px;
  padding:10px 9px 10px 11px;
  border-bottom:1px solid rgba(42,60,94,.72);
  position:relative;
  background:rgba(5,14,38,.16);
}
.bp-order-item:last-child { border-bottom:0; }
.bp-order-item::before { content:''; position:absolute; left:0; top:10px; bottom:10px; width:2px; border-radius:2px; background:currentColor; opacity:.68; }
.bp-order-item[data-stage="kuyrukta"] { color:var(--queue-waiting); }
.bp-order-item[data-stage="hazirlaniyor"] { color:var(--queue-preparing); }
.bp-order-item[data-stage="yolda"] { color:var(--queue-enroute); }
.bp-order-item-main { min-width:0; }
.bp-order-item-top { display:flex; align-items:baseline; gap:7px; min-width:0; }
.bp-order-item-id { color:var(--cream-100); font-size:10px; font-weight:700; font-family:'Space Grotesk',sans-serif; white-space:nowrap; }
.bp-order-item-time { color:#8995ac; font-size:9px; font-family:'Space Grotesk',sans-serif; white-space:nowrap; }
.bp-order-item-customer { margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#c2c8d4; font-size:10px; }
.bp-order-item-side { display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:5px; min-width:96px; }
.bp-order-item-status { max-width:128px; padding:3px 6px; border:1px solid color-mix(in srgb, currentColor 35%, transparent); border-radius:999px; background:color-mix(in srgb, currentColor 10%, transparent); color:currentColor; font-size:7.5px; line-height:1.25; font-weight:750; letter-spacing:.02em; text-align:center; }
.bp-order-item-amount { color:var(--cream-100); font-size:10px; font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; }

.bp-order-footer { flex:0 0 auto; margin-top:10px; padding-top:10px; border-top:1px solid var(--line); font-size:9.5px; line-height:1.5; color:var(--text-muted); }
.bp-order-footer p + p { margin-top:3px; color:#8995ac; font-size:8.5px; }

@media(max-width:1100px) {
  .bp-order-queue { width:min(100%, 360px); height:min(540px, calc(100vh - 220px)); padding:18px; }
  .bp-order-row { min-height:64px; padding:8px; }
  .bp-order-row dd { font-size:23px; }
}
@media(max-width:767px) {
  .bp-order-queue { width:100%; height:520px; max-height:min(520px, calc(100vh - 120px)); margin:18px 0 10px; padding:18px; }
  .bp-order-summary-strip { gap:5px; }
  .bp-order-row { min-height:64px; padding:8px 7px; }
  .bp-order-row dt { font-size:7.5px; }
  .bp-order-row dd { font-size:22px; }
  .bp-order-item { grid-template-columns:minmax(0,1fr) auto; }
  .bp-order-item-side { min-width:88px; }
}
@media(prefers-reduced-motion:reduce) {
  .bp-order-queue * { scroll-behavior:auto!important; }
}