/* ===== RHINO production overrides: full-viewport centered app + in-site theme switcher ===== */
html{height:100%}
body{min-height:100%}
#root{min-height:100dvh}

.app{position:relative;max-width:540px;margin:0 auto;height:100svh;box-shadow:0 0 90px rgba(0,0,0,.5)}
@media (max-width:540px){.app{box-shadow:none}}

/* appbar tools row */
.appbar__tools{display:flex;align-items:center;gap:8px}
.iconbtn.lg{width:44px;height:44px;border-radius:13px}

/* themed segmented toggle (override studio's hardcoded colours) */
.seg{background:var(--surface);border:1px solid var(--border)}
.seg__o{color:var(--muted)}
.seg__o.on{background:var(--accent);color:var(--accentInk)}

/* persistent Order CTA -> /rhino menu */
.ordercta{position:absolute;left:14px;right:14px;bottom:16px;z-index:35;display:flex;align-items:center;justify-content:center;gap:8px;
  background:var(--accent);color:var(--accentInk);border-radius:13px;padding:15px 16px;font-weight:800;font-size:15px;
  box-shadow:0 10px 26px rgba(0,0,0,.4)}
.ordercta svg{width:17px;height:17px}
.scroll{padding-bottom:90px}

/* nav order button */
.nav__order{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;background:var(--accent);color:var(--accentInk);
  border-radius:13px;padding:15px;font-weight:800;font-size:15px}
.nav__foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}

/* theme switcher */
.themesw{margin-top:18px}
.themesw__lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px}
.themesw__opts{display:flex;gap:8px}
.themebtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 8px;border-radius:13px;
  background:var(--surface);border:1px solid var(--border);color:var(--ink);transition:.15s}
.themebtn:hover{border-color:var(--accent)}
.themebtn.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.themebtn__dot{width:30px;height:30px;border-radius:9px}
.themebtn__txt{font-size:12px;font-weight:700}
.themebtn__dot[data-dir="poster"]{background:linear-gradient(135deg,#e8742c 55%,#46a39c)}
.themebtn__dot[data-dir="day"]{background:linear-gradient(135deg,#f5eee2 45%,#cf6a26 46%)}
.themebtn__dot[data-dir="night"]{background:linear-gradient(135deg,#2fbdb2 55%,#ff7a33)}