.mui-button {
  color: black;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #009444;
  border-radius: 4px !important;
  cursor: pointer;
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease;
  min-width: 100px; /* hoặc 140px / 160px tùy UI */
  text-align: center;
}
.mui-button-sm {
  color: black;
  padding: 0px 2px 0px 2px;
  margin: 0px 2px 0px 2px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #009444;
  border-radius: 4px !important;
  cursor: pointer;
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease;
  min-width: 48px; /* hoặc 140px / 160px tùy UI */
  text-align: center;
}
.mui-button-w {
  color: black;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #000;
  border-radius: 4px !important;
  cursor: pointer;
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: background-color 0.3s ease;
}

.mui-button-new {
  background-color: white;
}
.mui-button-view {
  background-color: white;
}
.mui-button-save {
  background-color: white;
}

.mui-button-edit {
  background-color: white;
}

.mui-button-delete,
.mui-button-cancel {
  background-color: white;
}

.mui-button-clear {
  background-color: white;
}

.mui-button-unsolve {
  background-color: white;
}

.mui-button-resolve {
  background-color: white;
}

.mui-button-search {
  background-color: white;
}

.mui-button-advance {
  background-color: white;
}

.mui-button-clear {
  background-color: white;
}

.mui-button-close {
  background-color: white;
}

.mui-button-reinstate {
  background-color: white;
}

.mui-button-card {
  background-color: white;
}

.mui-button-export {
  background-color: white;
}

.button-report-view {
  background-color: white;
}

.button-report-excel {
  background-color: white;
}

.button-report-pdf {
  background-color: white;
}

.button-report-delete {
  background-color: white;
}

.mui-button-option {
  background-color: white;
}

.mui-button-profile {
  background-color: white;
}

.mui-button-group {
  background-color: white;
}

.mui-button-room {
  background-color: white;
}

.mui-button:hover,
.mui-button-new:hover {
  transform: scale(1.05);
}

.mui-button:hover,
.mui-button-new:hover {
  transform: translateY(-2px) scale(1.05);
}


/* ================================
   DROPDOWN MENU 
================================ */

 .dropdown-menu {
    border: 1px solid #009444;
    border-radius: 6px;
    padding: 6px;
    background: #fff;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    min-width: 180px;
}

/* ================================
   DROPDOWN ITEM (GIỐNG BUTTON)
================================ */

 .dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    color: black;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
}

    /* Hover giống mui-button */
     .dropdown-item:hover {
        background-color: #f5f5f5;
        border-color: #009444;
        transform: translateY(-1px) scale(1.02);
    }

    /* Active click */
     .dropdown-item:active {
        background-color: #e8f5e9;
        transform: scale(0.98);
    }

    /* Fix Bootstrap override */
     .dropdown-item:focus,
     .dropdown-item:active {
        outline: none;
        box-shadow: none;
    }