/* ==================================================
   INVENTORY SYSTEM UI THEME (Matched to Dashboard UI)
   Clean • Premium • Uniform • AdminLTE Friendly
================================================== */

/* Global smoothness */
body{
  font-size:14px;
  color:#495057;
}

/* =========================
   CARDS
========================= */
.dashboard-card,
.card{
  border:0 !important;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
  overflow:visible; /* FIXED: was hidden */
}

.card-header{
  background:#ffffff;
  border-bottom:1px solid #edf1f5 !important;
  padding:16px 20px;
}

.card-title{
  font-size:15px;
  font-weight:700;
  letter-spacing:.4px;
  color:#2c3e50;
  text-transform:uppercase;
}

.card-body{
  padding:18px 20px;
  overflow:visible; /* FIXED */
}

/* =========================
   TABLE CORE STYLE
========================= */
.custom-table,
.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-bottom:0;
}

.custom-table thead th,
.table thead th{
  background:#f8fafc;
  color:#6c757d;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
  border:none !important;
  border-bottom:1px solid #e9ecef !important;
  padding:14px 12px;
  white-space:nowrap;
}

.custom-table tbody td,
.table tbody td{
  padding:13px 12px;
  vertical-align:middle !important;
  border-top:1px solid #f1f3f5 !important;
  font-size:14px;
}

.custom-table tbody tr,
.table tbody tr{
  transition:all .18s ease;
}

.custom-table tbody tr:hover,
.table tbody tr:hover,
.table-row:hover{
  background:#f8fbff;
  transform:none;
}

/* Footer */
.table tfoot th{
  background:#fafbfc;
  border-top:1px solid #e9ecef;
  color:#6c757d;
  font-size:12px;
  text-transform:uppercase;
}

/* =========================
   RESPONSIVE SCROLL
========================= */
.table-scroll{
  overflow-x:auto;
  overflow-y:auto;
  max-height:430px;
}

.table-responsive{
  overflow-x:auto;
  overflow-y:visible; /* FIXED */
}

/* Sticky Head */
.table-scroll thead th{
  position:sticky;
  top:0;
  z-index:3;
}

/* =========================
   BADGES
========================= */
.badge{
  border-radius:30px;
  padding:7px 12px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.3px;
}

.badge-primary{background:#007bff;}
.badge-secondary{background:#6c757d;}
.badge-success{background:#28a745;}
.badge-danger{background:#dc3545;}

.badge-success-light{
  background:rgba(40,167,69,.12);
  color:#28a745;
}

.badge-danger-light{
  background:rgba(220,53,69,.12);
  color:#dc3545;
}

.badge-warning-light{
  background:rgba(255,193,7,.16);
  color:#d39e00;
}

.badge-info-light{
  background:rgba(23,162,184,.12);
  color:#17a2b8;
}

.badge-light{
  background:#f8f9fa;
  color:#495057;
}

/* =========================
   BUTTONS
========================= */
.btn{
  border-radius:10px;
  font-weight:600;
  font-size:13px;
  padding:8px 14px;
  transition:all .2s ease;
  box-shadow:none !important;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn-sm{
  padding:6px 10px;
  font-size:12px;
}

.btn-xs{
  padding:5px 8px;
  font-size:11px;
}

.btn-success-light{
  background:rgba(40,167,69,.12);
  color:#28a745;
  border:none;
}

.btn-danger-light{
  background:rgba(220,53,69,.12);
  color:#dc3545;
  border:none;
}

.btn-primary-light{
  background:rgba(0,123,255,.10);
  color:#007bff;
  border:none;
}

.btn-info-light{
  background:rgba(23,162,184,.12);
  color:#17a2b8;
  border:none;
}

.btn-secondary-light{
  background:rgba(108,117,125,.12);
  color:#6c757d;
  border:none;
}

.btn-group .btn{
  border-radius:8px !important;
  margin:0 2px;
}

/* =========================
   FORMS
========================= */
.form-control,
.form-control-modern{
  border:1px solid #e5e7eb;
  border-radius:10px;
  font-size:14px;
  padding:10px 14px;
  height:auto;
  transition:all .2s ease;
}

.form-control:focus,
.form-control-modern:focus{
  border-color:#007bff;
  box-shadow:0 0 0 3px rgba(0,123,255,.08);
}

/* SELECT2 FIXED */
.select2-container{
  width:100% !important;
}

.select2-container--default .select2-selection--single{
  height:auto !important;
  min-height:42px;
  border:1px solid #e5e7eb !important;
  border-radius:10px !important;
  padding:6px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:28px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height:100% !important;
}

.select2-dropdown{
  border:1px solid #e5e7eb !important;
  border-radius:10px !important;
}

/* =========================
   MODALS
========================= */
.modal-content{
  border:none;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}

.modal-header{
  border-bottom:1px solid #edf1f5;
  padding:16px 20px;
}

.modal-body{
  padding:22px 24px;
}

.modal-footer{
  border-top:1px solid #edf1f5;
  padding:14px 20px;
}

/* =========================
   MOBILE
========================= */
@media(max-width:768px){

  .card-header{
    padding:14px;
  }

  .card-body{
    padding:14px;
  }

  .table thead th,
  .table tbody td{
    white-space:nowrap;
  }

  .card-header .d-flex{
    flex-direction:column;
    align-items:stretch !important;
  }

  .card-header .btn{
    width:100%;
    margin-top:10px;
  }

}