.category-heading{display:flex;align-items:center;gap:10px;padding:4px 14px 11px;color:var(--ink);flex-wrap:wrap}
.category-heading strong{font-size:14px}.category-heading>span{color:var(--muted);font-size:12px}.category-heading .btn{margin-left:auto}
.pos-main .cat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;overflow:visible;padding:0 13px 15px}
.pos-main .cat-strip button{min-width:0;min-height:52px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;white-space:normal;text-align:left;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--bg);color:var(--ink);font-size:12px;line-height:1.3}
.pos-main .cat-strip button b{background:#fff;color:#385347;border:1px solid #d3e0d7;border-radius:7px;min-width:24px;padding:2px 4px;text-align:center;font-size:11px}
.pos-main .cat-strip button.active{background:var(--green);border-color:var(--green);color:#fff}
.pos-main .cat-strip button.active b{background:#fff;color:#194833}
.pos-main .cat-strip button:focus-visible{outline:3px solid #e8a24c;outline-offset:2px}
.menu-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:stretch}
.menu-tile.has-image{min-height:280px;background:var(--white)}
.menu-tile.has-image .menu-thumb{width:calc(100% - 12px);aspect-ratio:1/1;object-fit:cover;background:#f5eddf;max-height:230px}
.menu-manager-tabs{width:100%;justify-content:flex-start}.menu-manager-tabs button{min-height:44px;padding:9px 18px;font-size:14px}
.menu-list-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.menu-list-filter label{font-size:14px;font-weight:700}.menu-list-filter select{max-width:290px}.menu-list-filter .hint{font-size:11px}
.category-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:15px}
.category-manager-card{display:flex;flex-direction:column;overflow:hidden}.category-manager-card>img{width:100%;height:160px;object-fit:cover;background:#f5eddf}
.category-placeholder{height:160px;display:grid;place-content:center;background:var(--green3);color:var(--green);font-weight:800;font-size:48px}
.category-card-copy{padding:16px}.category-card-copy h3{margin:0;font-size:18px}.category-card-copy p{margin:7px 0 15px;color:var(--muted);font-size:13px}.category-card-actions{display:flex;flex-wrap:wrap;gap:6px}
/* The desktop typography sheet sets two columns; release that space on phones. */
@media(max-width:880px){.app{grid-template-columns:minmax(0,1fr)}}
html[data-theme="dark"] .pos-main .cat-strip button{background:#1b2a24;border-color:#40594d;color:#e8f3ec}
html[data-theme="dark"] .pos-main .cat-strip button.active{background:#286f53;border-color:#86c7a7;color:#fff}
html[data-theme="dark"] .pos-main .cat-strip button b{background:#304c3f;color:#d9f6e5;border-color:#52715f}
html[data-theme="dark"] .pos-main .cat-strip button.active b{background:#b6e9cf;color:#163b2a}
@media(max-width:620px){.pos-main .cat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-tile.has-image{min-height:240px}.menu-tile.has-image>div:not(.menu-price){padding:9px 8px 0}.menu-tile.has-image .menu-price{padding:7px 8px 10px}.menu-tile b{font-size:12px}.menu-tile small{font-size:10px}.category-manager-grid{grid-template-columns:1fr}.category-heading .btn{margin-left:0}}