/* Custom styles for Store Keeper */
.main-content .row {
  margin: 0px 1px 0px 1px !important;
}


.mb-4 .row {
  margin: 0px 20px 0px 20px !important;
}

.margin-none .card {

  margin: 0px 15px 0px 15px !important;
}

.margin-none h2 {

  margin: 0px 0px 0px 20px !important;
}

.card-body {
  margin: 0px 10px 0px 5px !important;

}

/* .card-header {
  margin: 0px 10px 0px 10px !important;

} */

.main-content {
  margin: 0px;
}

html,
body {
  overflow-x: hidden;
}

.nav {
  margin-left: 2px !important;
}

.margin-none {
  margin: 0px 0px 0px 0px;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 250px;
  padding-top: 12px !important; /* reduce from 48px */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #0b2a4a, #081a2f) !important;
}


.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar .nav-link {
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.sidebar .nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.sidebar .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
  border-left: 4px solid #fff;
  font-weight: 600;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Mobile offcanvas active state */
.offcanvas-body .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, #0d6efd 0%, #0056b3 100%) !important;
  border-left: 4px solid #fff;
  font-weight: 600;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* main {
  margin-left: 250px;
} */

@media (max-width: 767.98px) {
  /* main {
    margin-left: 0;
  } */
}

.px-4 {
  padding: 0px;
}

.container-fluid {
  padding-left: 250px;
}

@media (max-width: 767.98px) {
  .container-fluid {
    padding-left: 0;
  }
}


/* Page headings */
.page-header h1 {
  font-size: 1.5rem;
  background: #0d6efd;
  color: white;
  padding: 1rem 1.5rem;
  /* margin: 0rem -1.5rem 2rem -1.5rem; */

  margin: 0 0 2rem 0;


  border-radius: 0.375rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Dashboard cards */
.dashboard-card {
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.dashboard-card .card-body {
  padding: 2rem;
}

.dashboard-card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.dashboard-card .card-text {
  font-size: 2rem;
  font-weight: bold;
  color: #495057;
}

.card {
  margin-bottom: 1rem;
}

.table-responsive {
  max-height: 70vh;
  overflow-y: auto;
}

.container-fluid {
  padding-right: 0px !important;
}
@media (max-width: 767.98px) {
  .container-fluid {
    padding-left: 0;
  }
}


/* Page headings */
.page-header h1 {
  font-size: 1.5rem;
  background: #0d6efd;
  color: white;
  padding: 1rem 1.5rem;
  /* margin: 0rem -1.5rem 2rem -1.5rem; */

  margin: 0 0 2rem 0;


  border-radius: 0.375rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Dashboard cards */
.dashboard-card {
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.dashboard-card .card-body {
  padding: 2rem;
}

.dashboard-card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.dashboard-card .card-text {
  font-size: 2rem;
  font-weight: bold;
  color: #495057;
}

.card {
  margin-bottom: 1rem;
}

.table-responsive {
  max-height: 70vh;
  overflow-y: auto;
}

.container-fluid {
  padding-right: 2px !important;
}
/* ============================
   FINAL OVERRIDE FOR DASHBOARD
============================ */

/* Override your global .card-body ONLY for dashboard cards */
.dashboard-card > .card-body {
  margin: 0 !important;
  padding: 2.5rem !important;
  text-align: center !important;
}

/* Force visible blue-white gradient */
.card.dashboard-card {
  background: linear-gradient(135deg, #eef5ff 0%, #dbe9ff 100%) !important;
  border: 1px solid rgba(13, 110, 253, 0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 15px 35px rgba(13, 110, 253, 0.25) !important;
  position: relative;
  overflow: hidden;
}

/* Top blue accent */
.card.dashboard-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: linear-gradient(90deg, #0d6efd, #6fb1ff);
}

/* Hover animation */
.card.dashboard-card:hover {
  transform: translateY(-10px) scale(1.03) !important;
  box-shadow: 0 26px 55px rgba(13, 110, 253, 0.45) !important;
}

/* Title */
.dashboard-card .card-title {
  font-weight: 600;
  color: #6c757d !important;
}

/* Number */
.dashboard-card .card-text {
  font-size: 3rem !important;
  font-weight: 800;
  color: #0d6efd !important;
}
@media (max-width: 767.98px) {
  .container-fluid {
    padding-left: 0;
  }
}


/* Page headings */
.page-header h1 {
  font-size: 1.5rem;
  background: #0d6efd;
  color: white;
  padding: 1rem 1.5rem;
  /* margin: 0rem -1.5rem 2rem -1.5rem; */

  margin: 0 0 2rem 0;


  border-radius: 0.375rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Dashboard cards */
.dashboard-card {
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dashboard-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.dashboard-card .card-body {
  padding: 2rem;
}

.dashboard-card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.dashboard-card .card-text {
  font-size: 2rem;
  font-weight: bold;
  color: #495057;
}

.card {
  margin-bottom: 1rem;
}

.table-responsive {
  max-height: 70vh;
  overflow-y: auto;
}

.container-fluid {
  padding-right: 2px !important;
}

/* ============================
   FINAL FIX: FLAT DASHBOARD HEADER
============================ */

.page-header {
  margin-bottom: 2rem !important; /* controls gap cleanly */
}

.page-header h1 {
  border-radius: 0 !important;      /* removes rounded corners */
  box-shadow: none !important;      /* removes card look */
  margin: 0 !important;             /* removes floating gap */
  padding: 16px 20px !important;
  width: 100%;
}
.card-title mb-0{

}
/* ================================
   FIX GAP BETWEEN ADD & LIST CARDS
================================ */

/* Reduce horizontal gap between columns */
.main-content .row {
  --bs-gutter-x: 0.9rem !important; /* Bootstrap column gap */
}

/* Remove extra spacing inside card body */
.main-content .card-body {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* FIX: Equal height for Stock In boxes ONLY */
.stock-in-equal-height {
  display: flex;
}

.stock-in-equal-height > .col-lg-4,
.stock-in-equal-height > .col-lg-8 {
  display: flex;
}

.stock-in-equal-height .card {
  width: 100%;
}
/* FIX Add Product alignment*/
.mb-4 {
  margin-left: 6px !important;
  margin-right: 2px !important;
}

.mb-4 .row {
  margin-left: 6px !important;
  margin-right: 2px !important;
}

h2 {
  margin-left: 6px !important;
}

/* FIX  Products alignment */
.mb-4 {
  margin-left: 6px !important;
  margin-right: 2px !important;
}

.mb-4 .row {
  margin-left: 6px !important;
  margin-right: 2px !important;
}

h2 {
  margin-left: 6px !important;
}
/* ===============================
   FORCE FIX: Dashboard cards
   =============================== */

.page-header + .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.page-header + .row > .col-md-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* mb-4 ko dashboard ke liye neutralize */
.page-header + .row .mb-4 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}