/* Original desktop layout is in _PosLayout.cshtml. Only demo indicators and
   the original sidebar's narrow-screen overflow are adjusted here. */
body { margin-bottom: 0; }
.demo-notice { background: #eff6ff; color: #334155; border-bottom: 1px solid #dbeafe; }
.demo-notice a { white-space: nowrap; }
.demo-notice strong { color: #0d6efd; }
.demo-preview-toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); max-width: min(90vw,560px); z-index: 2000; background: #0f172a; color: white; padding: 14px 20px; border-radius: 8px; box-shadow: 0 6px 30px #0003; }
@media(max-width:991.98px) {
    .pos-shell { grid-template-columns: minmax(0,1fr) !important; }
    .pos-shell.mobile-sidebar-open .pos-sidebar { display:block !important; position:fixed; top:0; left:0; width:280px; height:100dvh; z-index:1045; box-shadow:0 0 0 100vmax #0f172a70; }
    .demo-notice { flex-wrap:wrap; font-size:11px !important; }
    .pos-topbar .container-fluid { padding-left:12px !important; padding-right:12px !important; }
}
@media print { .demo-notice,.demo-preview-toast { display:none !important; } }