/* Kendali's view as seller (cmd/api/lihat.go, 0254): the bar every viewed
   page carries, and the forms it greys out. */
.lihat-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  min-height: 40px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
  background: #7c2d12; color: #fff; font: 600 14px/1.3 system-ui, sans-serif;
  box-shadow: 0 -2px 8px rgb(0 0 0 / 0.25);
}
.lihat-bar span { font-weight: 400; overflow-wrap: anywhere; min-width: 0; }
.lihat-bar .lihat-keluar {
  margin-left: auto; color: #7c2d12; background: #fff; border-radius: 6px;
  padding: 6px 14px; text-decoration: none; font-weight: 700;
}
body:has(.lihat-bar) { padding-bottom: 64px; }
.lihat-off { opacity: 0.5; cursor: not-allowed !important; }
body.lihat-habis { font: 16px/1.5 system-ui, sans-serif; display: grid; place-items: center; min-height: 100vh; margin: 0; }
body.lihat-habis main { max-width: 420px; padding: 16px; }