.actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.topo-in { max-width:none; }
.topo-in .actions { justify-content:flex-end; }
.papel { text-align:center; }
.nav a { padding:8px; }
.nav a.on { background:var(--limao-20); }
.page { max-width:1120px; padding:36px 20px 110px; margin:auto; }
.page h1 { margin-bottom:8px; }
.page > .sub { margin-bottom:24px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:16px; }
.panel { background:white; border:2px solid var(--verde-20); border-radius:18px; padding:22px; min-width:0; }
.panel h2 { margin:0 0 16px; }
.panel + .panel, .stack > * + * { margin-top:16px; }
.grid > .panel { margin-top:0; }
.panel p + p { margin-top:8px; }
.panel .actions { margin-top:16px; }
.field { display:grid; gap:6px; font-weight:800; margin-bottom:14px; min-width:0; }
.field input,.field select,.field textarea { font:400 1rem var(--texto); border:2px solid var(--verde-20); background:var(--creme-20); border-radius:10px; padding:12px; width:100%; min-width:0; }
.field textarea { resize:vertical; min-height:80px; }
.field input:focus,.field select:focus { border-color:var(--verde); }
.field small { font-weight:400; }
.split { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:24px; align-items:start; }
.split .checkout { position:sticky; top:100px; }
.product { display:flex; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid var(--verde-20); }
.product:last-child { border:0; }
.product .info { flex:1; min-width:0; }
.product .info b { display:block; }
.product .info p { font-size:.9rem; color:var(--verde-80); }
.quantity { display:flex; align-items:center; gap:10px; }
.quantity button { border:2px solid var(--verde-20); border-radius:50%; width:40px; height:40px; font-weight:800; background:var(--creme-20); }
.quantity output { min-width:20px; text-align:center; font-weight:800; }
.btn:disabled,.quantity button:disabled { opacity:.5; cursor:not-allowed; }
.muted { color:var(--verde-80); }
.empty { padding:28px; border:2px dashed var(--verde-40); border-radius:18px; background:var(--creme-40); }
.empty h2 { margin-top:0; }
.error { border:2px solid var(--perigo); background:#fff4ed; color:var(--perigo); padding:14px; border-radius:12px; margin:16px 0; }
.note { border-left:4px solid var(--limao); padding:10px 14px; margin:16px 0; background:var(--limao-20); }
.tag { display:inline-block; background:var(--limao-20); }
.state-pronto { background:var(--limao); }
.state-cancelado { background:var(--creme); }
.order { display:grid; gap:12px; }
.order header { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; align-items:center; }
.order ul { border-block:1px dashed var(--verde-20); padding:12px 0; }
.order li { display:flex; justify-content:space-between; gap:12px; }
.total { display:flex; justify-content:space-between; gap:12px; font-size:1.15rem; margin:16px 0; }
.hero .hero-in { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.hero img { width:180px; max-width:100%; }
.hero .sub { color:var(--verde); margin-top:16px; max-width:520px; }
.hero h1 { font-size:clamp(2.8rem,7vw,4.6rem); }
.search-form { display:flex; gap:8px; margin-top:24px; }
.search-form input { width:100%; border:2px solid var(--verde); border-radius:999px; padding:12px 18px; background:white; min-width:0; }
.search-form button { flex-shrink:0; }
.section-heading { display:flex; gap:16px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:28px 0 16px; }
.section-heading h2 { margin:0; }
.map { overflow:auto; padding:18px; border:2px solid var(--verde-20); background:var(--creme-40); border-radius:18px; }
.map-row { display:flex; gap:8px; align-items:center; margin-bottom:16px; width:max-content; }
.map-row > b { width:24px; }
.map-cell { display:grid; gap:2px; justify-items:center; min-width:68px; min-height:68px; padding:8px; background:white; border:2px dashed var(--verde-20); border-radius:12px; font-size:.8rem; }
.map-cell.occupied { background:var(--limao-20); border:2px solid var(--verde); }
.map-cell strong { font-size:1.2rem; }
.board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.board h2 { margin-top:20px; }
.board .panel { padding:16px; }
.metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:20px 0; }
.metric { border-radius:16px; padding:18px; background:var(--limao-20); }
.metric strong { display:block; font-family:var(--titulo); font-size:1.8rem; }
.inline-form { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:end; }
.inline-form .field { margin:0; }
.screen-reader-status { min-height:24px; }
.link { text-decoration:underline; text-underline-offset:4px; font-weight:800; }
.form-error:empty { display:none; }
.user-name { font-size:.85rem; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pickup-alert { display:block; background:var(--limao-20); border-bottom:2px solid var(--limao); padding:22px 20px 14px; text-align:center; }
.admin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
details.panel > summary { cursor:pointer; font-weight:800; min-height:32px; }
details.panel[open] > summary { margin-bottom:16px; }
@media(max-width:760px) {
 .split,.board,.admin-grid { grid-template-columns:1fr; }
 .split .checkout { position:static; }
 .hero .hero-in { grid-template-columns:1fr; }
 .hero img { display:none; }
 .page { padding:30px 16px 105px; }
 .user-name { display:none; }
 .topo-in { padding:10px 12px; gap:8px; }
 .topo-in .actions { gap:6px; }
 .papel { font-size:.78rem; padding:6px 10px; }
 .marca { font-size:.9rem; }
 .marca span { max-width:9em; }
 .product { flex-wrap:wrap; }
 .product .info { min-width:130px; }
 .nav a { font-size:.76rem; }
 .inline-form { grid-template-columns:1fr; }
}