/**
 * Thin operator shell footer — extends base.html layout (sidebar + main).
 * Public/marketing pages use public_base.html and do not load this by default.
 */

:root {
  --rn-app-footer-height: 1.625rem;
}

body.rn-layout--app-footer .main {
  /* Reserve space so content is not covered by fixed footer strip */
  padding-bottom: calc(1.5rem + var(--rn-app-footer-height));
  box-sizing: border-box;
}

.rn-app-footer {
  position: fixed;
  bottom: 0;
  left: var(--rn-sidebar-width, 200px);
  right: 0;
  z-index: 15;
  height: var(--rn-app-footer-height);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 1rem;
  font-size: 0.65rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: var(--rn-text-muted, #7d8792);
  background: linear-gradient(
    to top,
    rgba(15, 17, 19, 0.97) 0%,
    rgba(15, 17, 19, 0.88) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--rn-font-sans);
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 800px) {
  .rn-app-footer {
    left: 0;
    height: auto;
    min-height: var(--rn-app-footer-height);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.rn-app-footer__inner {
  opacity: 0.92;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}