/* InoveSys — adapts menus/dashboard across monitor sizes */
html, body, #root { max-width: 100vw; overflow-x: hidden; }
#root, #root > div { min-width: 0; width: 100%; }

.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-none::-webkit-scrollbar { display: none; height: 0; width: 0; }

/* Right cluster shouldn't crush the nav */
@media (min-width: 1024px) and (max-width: 1366px) {
  /* Prefer compact avatar area */
}

/* Low-height notebooks */
@media (max-height: 800px) {
  .space-y-5 { gap: 0.9rem; }
  .md\:space-y-6 { gap: 1rem; }
}

/* Mega menu: fewer columns on mid screens */
@media (min-width: 1024px) and (max-width: 1279px) {
  .grid.xl\:grid-cols-8 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

/* Prevent card titles from overflowing skinny columns */
@media (max-width: 1366px) {
  .min-w-0 { min-width: 0; }
}



img[src*="logo-i9"]{background:transparent!important;box-shadow:none!important;border:0!important}
button img[src*="logo-i9"]{background:transparent!important}

/* dash4col-20260723 */
@media (min-width:1280px){
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > *{min-width:0}
}
.max-h-\[260px\],.max-h-\[220px\],.max-h-\[300px\]{scrollbar-width:thin}

/* dash-safe-dense-20260723 */
#root .max-w-\[1920px\] {
  --dash-gap: 0.75rem;
}
#root .max-w-\[1920px\] .max-h-\[280px\],
#root .max-w-\[1920px\] .max-h-\[240px\],
#root .max-w-\[1920px\] .max-h-\[200px\] {
  scrollbar-width: thin;
}
@media (min-width: 1280px) {
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-3 > * {
    min-width: 0;
  }
}

/* dash-printlayout-20260723 */
@media (min-width:1280px){
  #root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > * { min-width:0; }
}
#root .max-w-\[1920px\] .grid.xl\:grid-cols-4 {
  align-items: stretch;
}


/* dash-fix-4col-utils-20260723 — missing Tailwind utilities used by dashboard */
@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .md\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .lg\:col-span-2 { grid-column: span 2 / span 2 !important; }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .xl\:col-span-1 { grid-column: span 1 / span 1 !important; }
  .xl\:col-span-2 { grid-column: span 2 / span 2 !important; }
  .xl\:col-span-3 { grid-column: span 3 / span 3 !important; }
}
#root .max-w-\[1920px\] .grid.xl\:grid-cols-4 > *,
#root .max-w-\[1920px\] .grid.md\:grid-cols-2 > * {
  min-width: 0;
}
/* Compact full-width bottom cards when in a grid */
.dash-bottom-grid > * { height: 100%; }
/* xl grid 2 */ @media (min-width:1280px){ .xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} }

/* pdv-hotkeys-bar */
#pdv-hotkeys-bar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:2.1rem;z-index:45;
  max-width:min(1100px,96vw);width:auto;
  background:rgba(15,23,42,.92);color:#e2e8f0;
  border:1px solid rgba(148,163,184,.35);
  border-radius:999px;padding:.35rem .9rem;
  font-size:10px;line-height:1.3;display:flex;flex-wrap:wrap;gap:.35rem .55rem;
  align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(15,23,42,.25);
  pointer-events:none;
}
#pdv-hotkeys-bar b{color:#a7f3d0;font-weight:700;margin-right:.2rem}
#pdv-hotkeys-bar span{
  display:inline-block;background:#334155;color:#f8fafc;
  border-radius:.3rem;padding:0 .28rem;font-weight:700;letter-spacing:.02em
}
@media (max-width:1023px){
  #pdv-hotkeys-bar{bottom:4.6rem;border-radius:.75rem;font-size:9px}
}


/* ===== PDV PRO + FULLSCREEN (pdv-fs-pro-20260724) ===== */
body.pdv-mode main.mobile-main-pad:has(.mobile-pdv-root){
  padding:.65rem .85rem !important;
  background:linear-gradient(165deg,#f1f5f9 0%,#e8eef5 42%,#f8fafc 100%);
}
body.pdv-fs main.mobile-main-pad{
  padding:0 !important;
  overflow:hidden !important;
  background:#0f172a !important;
}
body.pdv-fs .flex.flex-col.h-screen.bg-slate-50.overflow-hidden > :not(main){
  display:none !important;
}
body.pdv-fs .mobile-pdv-root.pdv-pro{
  height:100vh !important;
  max-height:100vh !important;
  gap:.7rem !important;
  padding:.75rem !important;
  background:linear-gradient(160deg,#0b1220 0%,#111827 45%,#0f172a 100%);
}
body.pdv-fs #pdv-hotkeys-bar{bottom:1rem}

.mobile-pdv-root.pdv-pro{
  gap:1.1rem;
}
.pdv-toolbar{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;
  margin-bottom:.85rem;padding:.15rem .1rem .55rem;
  border-bottom:1px solid rgba(148,163,184,.28);
}
.pdv-title{
  margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:#0f172a;line-height:1.15;
}
.pdv-subtitle{
  margin:.15rem 0 0;font-size:.72rem;color:#64748b;font-weight:500;
}
.pdv-fs-btn{
  flex-shrink:0;border:1px solid #cbd5e1;background:#fff;color:#0f172a;
  border-radius:.7rem;padding:.55rem .9rem;font-size:.72rem;font-weight:700;
  box-shadow:0 1px 2px rgba(15,23,42,.06);cursor:pointer;
  transition:background .15s,border-color .15s,transform .12s;
}
.pdv-fs-btn:hover{background:#f8fafc;border-color:#94a3b8}
.pdv-fs-btn.is-on{
  background:#059669;border-color:#047857;color:#fff;
}
body.pdv-fs .pdv-title{color:#f8fafc}
body.pdv-fs .pdv-subtitle{color:#94a3b8}
body.pdv-fs .pdv-toolbar{border-bottom-color:rgba(148,163,184,.22)}
body.pdv-fs .pdv-fs-btn{background:#134e4a;border-color:#0f766e;color:#ecfdf5}

.pdv-search-input{
  background:#fff !important;border-color:#dbe3ee !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  font-weight:500;
}
.pdv-search-input:focus{
  border-color:#10b981 !important;
  box-shadow:0 0 0 3px rgba(16,185,129,.15) !important;
}

.pdv-product-grid{
  padding:.15rem .1rem .85rem;scrollbar-gutter:stable;
}
.pdv-product-card{
  background:#fff !important;
  border-color:#e2e8f0 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  position:relative;overflow:hidden;
}
.pdv-product-card:hover{
  border-color:#34d399 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
  transform:translateY(-1px);
}
.pdv-product-card .text-sm.font-bold.text-emerald-600{
  font-size:.95rem !important;letter-spacing:-.01em;
}
@media (min-width:1400px){
  .pdv-product-grid.grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
}

.mobile-pdv-cart.pdv-cart{
  border:1px solid #dbe3ee !important;
  box-shadow:0 10px 28px rgba(15,23,42,.07) !important;
  overflow:hidden;
}
@media (min-width:1024px){
  .mobile-pdv-cart.pdv-cart{width:26rem !important;max-width:26rem}
}
.pdv-cart > .p-4.border-b{
  background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);
}
.pdv-cart h3.text-sm.font-bold{
  font-size:.92rem !important;letter-spacing:-.01em;
}
.pdv-cart .border-t.border-slate-200{
  background:#fff;
  box-shadow:0 -8px 24px rgba(15,23,42,.05);
}
.pdv-cart button.w-full,
.pdv-cart [class*="w-full"]{
  /* finalize CTA emphasis via child button */
}
body.pdv-fs .mobile-pdv-products,
body.pdv-fs .pdv-cart{
  background:rgba(255,255,255,.97);
  border-radius:1rem;
  padding:.85rem;
}
body.pdv-fs .pdv-cart{border:1px solid rgba(255,255,255,.12) !important}

@media (max-width:1023px){
  .pdv-toolbar{margin-bottom:.5rem;padding-bottom:.35rem}
  .pdv-title{font-size:1rem}
  .pdv-fs-btn{padding:.45rem .7rem;font-size:.68rem}
}