/* cook screen */
/* the menu's four groups share the row (owner, 5 Oct 2026: desserts); the offer's "1 / 3" says how many */
.ck-tabs { flex: 1; }
/* five tabs since the drinks (owner, 10 Oct 2026): a little tighter, so they fit beside the offer */
.ck-tabs > button { flex: 1 1 auto; justify-content: center; padding: 0 6px; gap: 4px; font-size: 12px; }
.ck-tabs .count { min-width: 16px; padding: 0 3px; }
/* how hard a dish is to cook, on the corner of its picture when choosing what to offer (owner, 9 Oct 2026) */
.tile-btn .dish-tile { position: relative; }
.ck-level { position: absolute; left: 4px; top: 4px; display: inline-flex; align-items: center; gap: 2px; height: 18px; padding: 0 6px 0 5px; border-radius: 9px; border: 1.5px solid var(--ink); background: var(--card); font-size: 11px; font-weight: 800; line-height: 1; color: var(--ink); }
.ck-level i { width: 7px; height: 7px; border-radius: 4px; border: 1.2px solid var(--ink); background: #FFFFFF; }
.ck-level i:last-of-type { margin-right: 3px; }
.ck-level.lv1 i.on { background: #7FB069; }
.ck-level.lv2 i.on { background: #F2C94C; }
.ck-level.lv3 i.on { background: #D9734F; }