/* App-level rules on top of the prototype stylesheets (styles/proto-*.css, lifted 1:1 from each prototype). */
html.of-embedded [data-chrome] { display: none !important; }
html.of-embedded [data-shell] {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
}
html.of-embedded [data-shell] > :not([data-chrome]) { grid-column: 1 / -1 !important; }
ui-nav-menu { display: none; }
.of-boot { font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; color: #616161; padding: 24px; font-size: 13px; }
.of-noaccess { font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif; color: #303030; padding: 48px; font-size: 13px; }
.of-noaccess h1 { font-size: 20px; line-height: 28px; font-weight: 600; margin: 0 0 8px; }
.of-devbar { position: fixed; left: 50%; transform: translateX(-50%); top: 12px; z-index: 9999; background: #303030; color: #FFFFFF; border-radius: 8px;
  font: 12px/16px 'Inter', sans-serif; padding: 6px 8px; display: flex; gap: 6px; align-items: center; opacity: .85; }
.of-devbar button { background: #4A4A4A; color: #FFFFFF; border: 0; border-radius: 6px; padding: 3px 8px; cursor: pointer; font: inherit; }
.of-devbar button.on { background: #2A5BD7; }
/* Pakowanie: the right column scrolls as a page; its own scrollbar stays hidden (the table keeps the visible one). */
[data-pscroll] { scrollbar-width: none !important; }
[data-pscroll]::-webkit-scrollbar { display: none; }