/* Mobile-first sidebar layout */
body { padding-top: 56px; }
.sidebar {
  position: fixed; top: 56px; bottom: 0; left: 0; width: 260px; padding: 1rem; overflow-y: auto;
  background: #0d6efd; color: #fff; transition: transform .2s ease-in-out;
}
.sidebar a { color: #fff; text-decoration: none; display: block; padding: .35rem .5rem; border-radius: .5rem; }
.sidebar a:hover { background: rgba(255,255,255,.15); }
.sidebar.collapsed { transform: translateX(-100%); }
.content { margin-left: 0; }
@media (min-width: 992px){
  .content { margin-left: 260px; }
  .sidebar { transform: none !important; }
}
.sale-qty { display: flex; align-items: center; gap:.5rem; }
.sale-qty button{ width:2.25rem; height:2.25rem; }
.item-card {
    background: #f8fafc;
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: .75rem;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}
.total-row { font-weight:700; font-size:1.15rem; }
.sticky-actions{ position: sticky; bottom:0; background:white; padding:1rem 0; }

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
input[readonly], textarea[readonly], .form-control[readonly] {
    background-color: #f1f3f4 !important;
    opacity: 1;
}