/* Applied presentation only; preserve the inherited layout and neutral login. */
html[data-operational-presentation] {
  --accent-gold: var(--operational-accent-ink);
  --accent-gold-soft: var(--operational-accent-ink);
  --accent-gold-dim: var(--operational-accent-dim);
  --polish-gold: var(--operational-accent-ink);
}
html[data-operational-presentation] #main-app .business-name,
html[data-operational-presentation] #main-app .brand-text {
  color: var(--operational-primary-ink);
  -webkit-text-fill-color: var(--operational-primary-ink);
}
html[data-operational-presentation] #main-app .top-header { border-bottom: 2px solid var(--operational-primary); }
html[data-operational-presentation] .btn-primary,
html[data-operational-presentation] .btn-primary:hover {
  background: var(--operational-accent);
  color: var(--operational-on-accent);
  box-shadow: none;
}
html[data-operational-presentation] .appt-time { background: var(--operational-accent-dim); }
html[data-operational-presentation] .appt-time strong { color: var(--operational-accent-ink); }
html[data-operational-presentation] .bottom-nav-item.active { color: var(--operational-accent-ink); }
html[data-operational-presentation] .bottom-nav-item.active,
html[data-operational-presentation] .sidebar .nav-item.active {
  background: var(--operational-accent-dim);
  border-color: var(--operational-accent-ink);
}
html[data-operational-presentation] .bottom-nav-label {
  overflow-wrap: anywhere; text-align: center; max-width: 100%;
  white-space: normal; overflow: visible; text-overflow: clip;
  font-size: .8rem; line-height: 1.2;
}
html[data-operational-presentation] .bottom-nav-item { min-width: 0; padding-inline: .3rem; }
@media (max-width: 768px) {
  html[data-operational-presentation] .bottom-nav { height: auto; min-height: var(--bottom-nav-height); }
  html[data-operational-presentation] #main-app .content {
    padding-bottom: calc(var(--operational-navigation-height, var(--bottom-nav-height)) + 90px + env(safe-area-inset-bottom, 0px));
  }
}