/* The Order menu screen (founder 2026-10-26). Born token-only. Rows: item · price · ×.
   Field text is body size; the 16px floor applies only on touch screens. */
.kk-omenu { display: grid; gap: var(--kk-s-3); }
.kk-omenu h1 { margin: 0; color: var(--kk-ink); font: 700 var(--kk-fs-heading) / 1.2 var(--kk-font-display); letter-spacing: -.02em; }
.kk-omenu-back { display: inline-flex; align-items: center; gap: var(--kk-s-1); color: var(--kk-text-soft); font-size: var(--kk-fs-meta); text-decoration: none; }
.kk-omenu-back:hover { color: var(--kk-ink); }
.kk-omenu-sub, .kk-omenu-note { margin: 0; color: var(--kk-text-soft); font-size: var(--kk-fs-meta); line-height: 1.5; }
.kk-omenu-note code { color: var(--kk-text); font-family: var(--kk-font-mono); }
.kk-omenu-form { display: grid; gap: var(--kk-s-2); padding: var(--kk-s-4); border-radius: var(--kk-r-cell); background: var(--kk-card); box-shadow: 0 0 0 1px var(--kk-line), var(--kk-shadow-sm); }
.kk-omenu-cur { display: flex; align-items: center; gap: var(--kk-s-2); color: var(--kk-text-soft); font-size: var(--kk-fs-meta); }
.kk-omenu-cur input { width: 5rem; }
.kk-omenu-head, .kk-omenu-row { display: grid; grid-template-columns: minmax(0, 1fr) 7rem var(--kk-s-6); gap: var(--kk-s-2); align-items: center; }
.kk-omenu-head { margin-top: var(--kk-s-2); color: var(--kk-text-soft); font: 600 var(--kk-fs-micro) / 1 var(--kk-font-ui); }
.kk-omenu-rows { display: grid; gap: var(--kk-s-2); }
.kk-omenu input {
  min-height: var(--kk-s-6); padding: 0 var(--kk-s-2); border: 1px solid var(--kk-border); border-radius: var(--kk-r-sm);
  background: var(--kk-bg); color: var(--kk-ink); font: 400 var(--kk-fs-body) / 1 var(--kk-font-ui);
}
.kk-omenu input:focus { outline: 0; border-color: var(--kk-orientation); }
.kk-omenu-x { width: var(--kk-s-6); height: var(--kk-s-6); display: grid; place-items: center; border: 0; border-radius: var(--kk-r-sm); background: none; color: var(--kk-text-soft); cursor: pointer; }
.kk-omenu-x:hover { background: var(--kk-fill); color: var(--kk-ink); }
.kk-omenu-acts { display: flex; justify-content: space-between; gap: var(--kk-s-2); margin-top: var(--kk-s-2); }
@media (hover: none) and (pointer: coarse) { .kk-omenu input { font-size: var(--kk-fs-input); } }
@media (max-width: 899px) { .kk-omenu-head, .kk-omenu-row { grid-template-columns: minmax(0, 1fr) 5.5rem var(--kk-s-6); } }