/* Browser-only compatibility rules. The original SmartPOS app.css remains byte-for-byte unchanged. */
html.smartpos-embedded, body.smartpos-embedded { min-height: 100%; background: #f4f7fb; }
body.smartpos-embedded #app-shell:not(.hidden) { display: block; min-height: 100vh; }
body.smartpos-embedded #app-shell:not(.hidden) > .sidebar,
body.smartpos-embedded #app-shell:not(.hidden) .topbar { display: none !important; }
body.smartpos-embedded #app-shell:not(.hidden) .workspace { min-width: 0; width: 100%; min-height: 100vh; }
body.smartpos-embedded #app-shell:not(.hidden) #page-content { padding: 18px 20px 32px; max-width: 100%; }
body.smartpos-embedded .screen { min-height: 100vh; }
body.smartpos-embedded .center-screen { padding: 24px; }
@media (max-width: 720px) {
  body.smartpos-embedded #app-shell:not(.hidden) #page-content { padding: 12px; }
  body.smartpos-embedded .center-screen { padding: 12px; }
}