/* /templates/restaurant-order-guide-template/: the mini order guide. Builds on the .grader / .g-table styles of
   ../../css/templates.css (shared, unchanged). */
#try.prose { max-width: 1120px; }
#try.prose > p { max-width: 760px; }
.og .g-table td.c-name { width: 24%; }
.og .g-table td.c-name input { min-width: 190px; }
.og .g-table td.c-supplier input { min-width: 150px; }
.og .g-table .num { width: 78px; }
.og .g-table td.c-cases b { display: inline-block; min-width: 34px; text-align: center; padding: 3px 8px; border-radius: 30px; border: 1.5px solid #000; background: #e8f8ee; }
.og .g-table tr.is-zero td.c-cases b { background: #f1f1f1; border-color: var(--line); color: var(--muted); }
.og .g-sum .og-grand { margin-left: auto; color: var(--ink); font-weight: 700; }
.og .g-sum .og-grand b { color: var(--orange); font-size: 1.05rem; }
@media (max-width: 720px) {
  .og .g-table td.c-name { width: 100%; }
  .og .g-table td.c-supplier { grid-column: 1 / -1; }
  .og .g-table td.c-supplier input, .og .g-table td.c-name input { min-width: 0; }
  .og .g-table td.c-cases, .og .g-table td.c-total { align-self: end; }
  .og .g-sum .og-grand { margin-left: 0; flex-basis: 100%; }
}