.branch-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap; /* mobile friendly */
}

#branchSearch {
  flex: 1;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  max-width: 40%;
}

#branchTable {
  width: 100%;
  border-collapse: collapse;
  border-radius: 15px;
  overflow: hidden;
}

#branchTable thead {
  background: linear-gradient(135deg, #1fa36b, #1c6fd5);
  color: #fff;
}

#branchTable th,
#branchTable td {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
  
}
#branchTable th{
  background-color: #2ee3c091 !important;
}
#branchTable th {
  text-align: left;
  font-weight: 600;
}

#branchTable tbody tr:hover {
  background-color: #f3f9ff;
}

.table-responsive {
  overflow-x: auto;
}

.filter-wrapper {
  margin-bottom: 15px;
}

#provinceFilter {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  min-width: 400px;
  background: #fff;
margin-top: 13px;
}