.order-tracker {
  margin: 0 0 18px;
  padding: 18px 20px;
  border-radius: 18px;
  background: #fff;
  border-left: 7px solid var(--copper);
  box-shadow: 0 5px 20px #173a2914;
}
.order-tracker small { font-weight: 800; color: var(--copper); }
.order-tracker h2 { margin: 5px 0 3px; font-size: 22px; }
.order-tracker p { margin: 0; color: #607068; }
.order-tracker[data-state="preparing"] { border-left-color: #d39423; }
.order-tracker[data-state="ready"] { background: #eaf6e9; border-left-color: #2e8b57; }
.order-tracker[data-state="ready"] h2 { color: #17633b; }
.order-tracker[data-state="completed"] { opacity: .75; }
.order-note {
  display: grid;
  gap: 4px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 2px solid #c94b32;
  border-radius: 10px;
  background: #fff0ec;
  color: #7d1f10;
}
.order-note b { font-size: 12px; letter-spacing: .08em; }
.order-note span { font-size: 17px; font-weight: 800; }
.brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
  filter: invert(1);
  mix-blend-mode: screen;
  border-radius: 8px;
}
.hero-intro { margin: 30px 0 0 !important; font-size: 17px; }
.item.has-image { display: block; padding: 0; overflow: hidden; }
.item-image { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.item-body { display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 16px; }
.rice-select { width: 100%; margin-top: 12px; padding: 10px 34px 10px 11px; border: 1px solid #b9c7bf; border-radius: 10px; background: #f8faf7; font: inherit; color: var(--ink); }
.rice-select.choice-error { border: 2px solid #c94b32; background: #fff0ec; }
.choice-warning { margin-top: 6px; color: #a72b18; font-size: 13px; font-weight: 800; }
.cancel-order { margin-top: 14px; padding: 10px 14px; border: 1px solid #b9412d; border-radius: 10px; background: #fff; color: #a72b18; font: inherit; font-weight: 800; }
.cancel-order[hidden] { display: none; }
.order-tracker[data-state="canceled"] { border-left-color: #777; background: #f1f1ef; }
.cart-line small { display: block; margin-top: 2px; color: var(--green2); font-weight: 800; }
.item-option { display: block; margin: 3px 0 0 20px; color: var(--green2) !important; font-weight: 800; }
.board-actions { display: flex; align-items: center; gap: 16px; }
.sound-button { border: 1px solid #ffffff70; border-radius: 10px; padding: 9px 12px; background: #ffffff16; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.sound-button.enabled { background: #fff; color: var(--green); }
.sound-button.attention { animation: sound-pulse 1s infinite; }
@keyframes sound-pulse { 50% { box-shadow: 0 0 0 6px #ffffff35; } }
@media(max-width:600px){.board-actions{gap:8px}.sound-button{font-size:12px;padding:8px}.board-header{padding:12px}.board-header .brand small{display:none}}

.add { width: auto; min-width: 64px; height: 38px; padding: 0 16px; border-radius: 999px; font-size: 14px; font-weight: 800; }
#pickupFields select { width: 100%; font: inherit; border: 1px solid #cdd5ce; border-radius: 12px; padding: 12px; background: #fff; color: var(--ink); }
.pickup-badge { display: inline-block; margin: 8px 0 4px; padding: 5px 9px; border-radius: 999px; background: #fff0d8; color: #8a4b12; font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.pickup-details { margin: 7px 0 10px; padding: 10px 12px; border-radius: 10px; background: #f4f7f3; font-weight: 800; }

.feedback-panel{margin:18px 20px 0;background:#fff;border-radius:16px;padding:18px;box-shadow:0 6px 20px #173a2912}.feedback-panel[hidden]{display:none}.feedback-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.feedback-panel-head h2{margin:0}.feedback-panel-head p{margin:5px 0 0;color:#607068;font-weight:700}.feedback-panel-head button{border:0;border-radius:10px;padding:9px 13px;background:#e8ece7;font-weight:800}.feedback-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:14px}.feedback-entry{border:1px solid #d9dfd9;border-radius:13px;padding:13px;background:#fffdf8}.feedback-entry h3{display:flex;justify-content:space-between;margin:0 0 5px;font-size:16px}.feedback-entry p{margin:3px 0}.feedback-entry small{color:#66746d}.feedback-tag{display:inline-block;margin-top:6px;padding:4px 8px;border-radius:999px;background:#f0eee5;font-weight:800;font-size:12px}#feedbackCount{background:#fff;color:var(--green);border-radius:999px;padding:1px 6px;margin-left:3px}@media(max-width:600px){.feedback-panel{margin:10px}.feedback-list{grid-template-columns:1fr}}