/* Easy Light Menu — Rank & Ask the menu (Menu + Website and Full package plans). Base = neutral; per-restaurant skins below. */
.atm { max-width: 46rem; margin: 1rem auto 0.4rem; padding: 0 1rem; }
.atm-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.atm-big { display: flex; flex-direction: column; align-items: center; gap: 0.2rem; padding: 0.9rem 0.5rem; min-height: 64px; border-radius: 14px;
  border: 2px solid var(--g-ink, #1d1d1f); background: #fff; color: var(--g-ink, #1d1d1f); font-weight: 700; font-size: 0.98rem; line-height: 1.2; cursor: pointer; }
.atm-big.on, .atm-big:active { background: var(--g-ink, #1d1d1f); color: #fff; }
.atm-ico { font-size: 0.8rem; opacity: 0.75; }
.atm-scopes { display: flex; gap: 0.4rem; overflow-x: auto; padding: 0.65rem 0 0.2rem; scrollbar-width: none; }
.atm-scopes::-webkit-scrollbar { display: none; }
.atm-scope { flex: none; padding: 0.42rem 0.8rem; border-radius: 999px; border: 1px solid #c9c9c9; background: #fff; color: var(--g-ink, #1d1d1f); font-weight: 600; font-size: 0.82rem; cursor: pointer; }
.atm-scope.on { background: var(--g-ink, #1d1d1f); color: #fff; border-color: var(--g-ink, #1d1d1f); }
.atm-out { margin-top: 0.6rem; padding: 0.8rem 0.85rem; border-radius: 14px; background: #f5f5f7; border: 1px solid rgba(0,0,0,0.08); }
.atm-title { margin: 0 0 0.45rem; font-weight: 700; font-size: 0.98rem; }
.atm-list { list-style: none; margin: 0; padding: 0; }
.atm-item { display: flex; align-items: center; gap: 0.65rem; padding: 0.6rem 0.2rem; border-top: 1px solid rgba(0,0,0,0.08); cursor: pointer; }
.atm-item:first-child { border-top: 0; }
.atm-extra { display: none; }
.atm-out.show-all .atm-extra { display: flex; }
.atm-rank { flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--g-ink, #1d1d1f); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 0.85rem; }
.atm-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.atm-name { font-weight: 700; font-size: 1rem; }
.atm-meta { font-size: 0.82rem; font-weight: 600; }
.atm-where { font-size: 0.76rem; color: #6e6e73; }
.atm-go { flex: none; font-size: 0.78rem; font-weight: 700; }
.atm-more { margin-top: 0.4rem; border: 0; background: none; font-weight: 700; text-decoration: underline; padding: 0.2rem 0; cursor: pointer; color: inherit; font-size: 0.9rem; }
.atm-fine { margin: 0.45rem 0 0; font-size: 0.72rem; color: #6b6b6b; line-height: 1.35; }
.atm-none { font-size: 0.85rem; }
.atm-ask { margin-top: 0.65rem; font-size: 0.86rem; }
.atm-ask summary { cursor: pointer; font-weight: 600; }
.atm-form { display: flex; gap: 0.4rem; margin-top: 0.5rem; }
.atm-form input { flex: 1; min-width: 0; padding: 0.6rem 0.7rem; border-radius: 10px; border: 1px solid #c9c9c9; font-size: 0.92rem; }
.atm-form button { padding: 0.6rem 0.95rem; border-radius: 10px; border: 0; background: var(--g-ink, #1d1d1f); color: #fff; font-weight: 700; }
.atm-quick { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.5rem; }
.atm-quick button { padding: 0.34rem 0.7rem; border-radius: 999px; border: 1px solid #c9c9c9; background: #fff; font-weight: 600; font-size: 0.78rem; color: inherit; }
.gm-nutri { font-size: 0.78rem; color: #5a5a5a; margin-top: 0.2rem; font-weight: 600; }
.gm-nutri-panel { font-size: 0.92rem; margin-top: 0.5rem; }

/* The Vault skin — black + deco gold, matching the Vault header */
body[data-slug="thevault"] .atm-big { background: #0a0a0a; color: #f3e6c4; border: 1px solid rgba(212,175,55,0.55); }
body[data-slug="thevault"] .atm-big .atm-ico { color: #d4af37; opacity: 1; }
body[data-slug="thevault"] .atm-big.on, body[data-slug="thevault"] .atm-big:active { background: #f3e6c4; color: #1b1426; border-color: #d4af37; }
body[data-slug="thevault"] .atm-big.on .atm-ico { color: #1b1426; }
body[data-slug="thevault"] .atm-scope.on { background: #0a0a0a; color: #f3e6c4; border-color: #0a0a0a; }
body[data-slug="thevault"] .atm-out { background: #faf6ec; border-color: rgba(212,175,55,0.35); }
body[data-slug="thevault"] .atm-title { font-family: Georgia, "Times New Roman", serif; }
body[data-slug="thevault"] .atm-rank { background: #0a0a0a; color: #f3e6c4; box-shadow: inset 0 0 0 1px rgba(212,175,55,0.6); }
body[data-slug="thevault"] .atm-go { color: #8a6d1d; }
body[data-slug="thevault"] .atm-form button { background: #0a0a0a; color: #f3e6c4; }
body.gm-room-dark .atm-big { background: #211b16; color: var(--g-ink); }
body.gm-room-dark .atm-out { background: #1b1612; border-color: var(--g-line); }
body.gm-room-dark .atm-scope { background: transparent; color: var(--g-ink); }