.admin-nav button b {
  float: none;
  justify-self: end;
  min-width: 20px;
  max-width: 4.5ch;
  padding: 2px 6px;
  overflow: hidden;
  border-radius: 99px;
  background: #ed6b3b;
  color: white;
  font-variant-numeric: tabular-nums;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}

.admin-nav button.order-flash {
  animation: orderFlash 2s ease;
}

.admin-section-nav{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 24px;border-bottom:1px solid var(--line);padding-bottom:8px}
.admin-section-nav button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}
.admin-section-nav button:hover{background:#e9eeea;color:var(--green)}
.admin-section-nav button[aria-current="page"]{background:var(--dark);color:white}
.admin-section-nav b{font-size:11px;font-variant-numeric:tabular-nums}
.admin-legacy-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px;margin-bottom:18px;border-left:3px solid var(--orange);background:white;font-size:13px}
.store-page-toolbar{display:flex;align-items:end;gap:12px;margin:20px 0}
.store-page-toolbar label{display:grid;gap:6px;flex:1;max-width:600px;min-width:0;font-size:12px;font-weight:700}
.store-page-toolbar select{width:100%;min-width:0;height:42px;background:white;border:1px solid var(--line);border-radius:6px;padding:0 10px}
.store-page-toolbar button,.admin-legacy-list button,.store-image-fields button{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--green);background:white;font-weight:700;cursor:pointer}
.store-theme-options,.store-featured-items{border:0;margin:0 0 24px;padding:0;min-width:0}
.store-theme-options legend,.store-featured-items legend{font-weight:700;font-size:14px;margin-bottom:12px}
.store-theme-options{display:flex;flex-wrap:wrap;gap:12px}
.store-theme-options label{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}
.store-theme-options span{display:block;width:24px;height:24px;border-radius:50%;background:var(--theme-colour);border:1px solid #0002}
.store-featured-items label{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}
.store-image-fields{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}
.store-image-fields section{min-width:0}
.store-image-fields h3{font-size:14px;margin:0 0 10px}
.store-image-fields img{display:block;width:100%;height:170px;object-fit:contain;background:#eef2ef;margin-bottom:10px;border:1px solid var(--line);border-radius:6px}
.store-photo-upload{display:block;font-size:12px;font-weight:700;margin-bottom:12px}
.store-photo-upload input{display:block;width:100%;margin-top:6px;font-size:12px}
.store-page-editor .item-editor-actions a{font-size:13px;color:var(--green);padding:12px}
.store-page-editor .item-editor-head h2{font-size:26px;overflow-wrap:anywhere}
.demo-only-badge{display:inline-block;margin:4px 6px;padding:3px 6px;border-radius:4px;background:#fff0d5;color:#715310;font-size:10px;font-weight:700;white-space:nowrap}
@media(max-width:760px){
  .admin-section-nav{gap:2px;margin-bottom:18px}
  .admin-section-nav button{font-size:12px;padding:8px;min-height:40px}
  .store-page-toolbar{align-items:stretch;flex-direction:column}
  .store-image-fields{grid-template-columns:1fr;gap:18px}
  .store-page-editor .item-editor-head h2{font-size:22px}
}

.admin-nav button.order-flash b {
  animation: orderBadgeFlash 2s ease;
}

@keyframes orderFlash {
  0%, 100% { background: rgba(255,255,255,.08); color: white; }
  20%, 70% { background: #dbe86f; color: #102d22; transform: translateX(3px); }
}

@keyframes orderBadgeFlash {
  20%, 70% { background: #102d22; color: #dbe86f; }
}

.ordering-session-row {
  display: grid;
  grid-template-columns: 116px minmax(220px, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border-top: 1px solid #e7e7df;
}

.ordering-session-qr {
  width: 116px;
  height: 116px;
  padding: 7px;
  object-fit: contain;
  border: 1px solid #deded5;
  background: white;
}

.ordering-session-details { min-width: 0; }
.ordering-session-details strong,
.ordering-session-details small { display: block; }
.ordering-session-details small { margin-top: 5px; color: #69746e; }
.ordering-session-details code {
  display: block;
  max-width: 100%;
  margin-top: 12px;
  padding: 9px 10px;
  overflow: hidden;
  border: 1px solid #e3e3db;
  background: #f7f7f3;
  color: #254538;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ordering-session-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.ordering-session-actions a,
.ordering-session-actions button {
  min-height: 34px;
  padding: 0 11px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #d8d8cf;
  background: white;
  color: #17392b;
  font: 600 10px "DM Sans", sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.ordering-session-actions a:first-child { border-color: #17392b; background: #17392b; color: white; }

@media (max-width: 760px) {
  .ordering-session-row { grid-template-columns: 92px minmax(0, 1fr); padding: 15px; }
  .ordering-session-qr { width: 92px; height: 92px; }
  .ordering-session-actions { grid-column: 1 / -1; justify-content: flex-start; }
}
