/* assets/style.css — Xentral-Support Layout */
:root { --sidebar-width: 200px; }

body { overflow-x: hidden; font-size: 0.8rem; }

/* Desktop: feste linke Sidebar */
#sidebar {
  width: var(--sidebar-width);
  min-height: 100vh;
  position: fixed;
  top: 0; left: 0;
  border-right: 1px solid #e9ecef;
  background: #fff;
  padding-top: 4rem;
}

/* Content rechts neben Sidebar */
#content { margin-left: var(--sidebar-width); min-width: 0; width: auto; }

.content-wrap { width: 100%; max-width: none; padding-left: 1rem; padding-right: 1rem; }

/* Mobile: Sidebar off-canvas */
@media (max-width: 991.98px) {
  #sidebar {
    transform: translateX(-100%);
    transition: transform .25s ease;
    z-index: 1045;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
  }
  #sidebar.open { transform: translateX(0); }
  #content { margin-left: 0; }

  #backdrop {
    position: fixed; inset: 0; background: rgba(0,0,0,.35);
    opacity: 0; visibility: hidden; transition: opacity .2s ease;
    z-index: 1040;
  }
  #backdrop.show { opacity: 1; visibility: visible; }
  #navbar { height: 60px; }
}

/* Filter */
.row-hidden { display: none !important; }

/* Klickbare Tabellenzeilen */
#ssiTable tbody tr[data-xid] { cursor: pointer; }
#ssiTable td.actions-cell a,
#ssiTable td.select-cell input { cursor: default; }

/* Checkbox-Spalte */
#ssiTable th.select-cell,
#ssiTable td.select-cell { width: 1%; white-space: nowrap; }

/* Artikelpreise – kompakte Inputs */
.ap-input { padding: .15rem .3rem; font-size: .75rem; }
.ap-price-th { font-size: .72rem; }

/* Artikelpreise – nativen Scrollbalken der Tabelle verstecken (ersetzt durch Sticky-Balken) */
#apTableScroll::-webkit-scrollbar { display: none; }