/* =========================================================
   CLEANED ADMIN CSS
   Select2 fixed, duplicates reduced, responsive rules grouped.
========================================================= */

.cardd-box-heading form .search-form {
  margin: 0;
}

h5.user-heading {
  color: #1e61f0 !important;
}

.btn-icon {
  width: auto !important;
}

span.head-count {
  color: #fff;
  font-size: 12px;
}

.avatar.truck-img img {
  margin-right: 0 !important;
  width: 35px !important;
}

.menu .app-brand.demo {
  background: #fff;
  position: relative;
  z-index: 1111;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand.demo img {
  height: auto !important;
}

.app-brand-logo.demo svg {
  width: 30px;
  height: 24px;
}

ul.menu-inner {
  background: #fff;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}

.dropdown-notifications-list #notification-container small {
  white-space: break-spaces;
  text-align: left;
}

.dropdown-notifications-list #seller-notification-container small {
  white-space: break-spaces;
  text-align: left;
}

.dropdown-notifications-list #promoted-products-container small {
  white-space: break-spaces;
  text-align: left;
}

#notification-container .dropdown-notifications-actions {
  display: none !important;
}

.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

.content-wrapper .navbar {
  z-index: auto;
}

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

.demo-vertical-spacing > * {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir="rtl"] .rtl-only {
  display: block !important;
}

.layout-demo-wrapper {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}

.menu-vertical .menu-inner .menu-item i {
  font-size: 15px;
  margin-right: 8px;
  color: #1e61f0;
}

.cardd-box-heading {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 8px 20px;
}

.cardd-box-heading h5.card-header {
  padding: 0;
}

.cardd-box-heading .button a i {
  margin-right: 5px;
}

.table th {
  background: #f6f7fb;
  padding: 18px 20px;
  border-bottom: 1px solid #f6f7fb;
  font-size: 14px;
  white-space: nowrap;
}

table.table-striped tr td {
  padding: 13px 020px;
  font-size: 13px;
  width: 170px;
}

.card h5.card-header {
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

.table-responsive p.small.text-muted {
  display: none;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not( .input-group-btn ) {
  width: 100% !important;
}

div#notification-container p {
  padding: 12px;
}

.header-dropdown {
  width: 460px;
}

.dropdown-notifications-archive,
.dropdown-notifications-read {
  color: #8a8d93;
  font-size: 20px;
}

.dropdown-notifications-archive:hover,
.dropdown-notifications-read:hover,
.dropdown-notifications-archive:focus,
.dropdown-notifications-read:focus {
  color: #1e61f0;
}

.dropdown-notifications-actions {
  opacity: 0;
  visibility: hidden;
}

.dropdown-item:hover .dropdown-notifications-actions {
  opacity: 1;
  visibility: visible;
}

.custome-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.custome-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
}

.custome-check:hover input ~ .checkmark {
  background-color: #ccc;
}

.custome-check input:checked ~ .checkmark {
  background-color: #1e61f0 !important;
  border-radius: 3px;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custome-check input:checked ~ .checkmark:after {
  display: block;
}

.custome-check .checkmark:after {
  left: 6px;
  top: 2px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-content .modal-header .modal-title {
  font-weight: 600;
}

.card-title {
  margin-bottom: 8px !important;
  font-size: 14px;
  font-weight: 700;
}

.dashboard-wraper .card-body .waves-light {
  margin-top: 20px !important;
}

.dashboard-wraper .text-primary {
  font-size: 26px;
}

h4 {
  font-weight: 600;
}

.cursor-pointer {
  cursor: pointer;
}

ul.dropdown-menu.show li {
  padding: 0px 0px;
}

.dropdown-item {
  padding: 9px 16px !important;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
  background: #1e61f0 !important;
  color: #fff !important;
}

.dropdown-item:hover .flex-grow-1 h6 {
  color: #fff !important;
}

.text-warning {
  color: #ffb400 !important;
}

.bg-label-warning {
  background-color: #fff3d6 !important;
}

.bg-light-green {
  background: #e4f7d6 !important;
}

.bg-ligt-murstade {
  background: #ffe2e3 !important;
}

.text-dark-murstade {
  color: #ff4c51 !important;
}

.danger {
  background-color: #ffe2e3 !important;
}

.bg-primary {
  background-color: #1e61f0 !important;
}

.text-primary {
  color: #1e61f0 !important;
}

.modal .card {
  overflow-x: scroll;
}

.card {
  background-clip: padding-box;
  box-shadow: 0 0.25rem 0.625rem #2e263d33;
  overflow: hidden;
}

.w-px-40 {
  width: 40px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.small-text small {
  white-space: unset !important;
}

.card-header {
  background: transparent;
  padding-block: 1.176rem !important;
  border-bottom: 0px;
}

.btn-danger:hover {
  background: transparent !important;
  color: #ff4c51 !important;
  border: 1px solid #ff4c51 !important;
}

.btn-warning {
  background: #ffe69c !important;
  color: #664d03 !important;
}

.btn-warning:hover {
  border: 1px solid #ffe69c !important;
  background: transparent !important;
  color: #664d03 !important;
}

.btn-info {
  background: #9eeaf9 !important;
  color: #0a3622 !important;
}

.btn-info:hover {
  border: 1px solid #9eeaf9 !important;
  background: transparent !important;
  color: #0a3622 !important;
}

.btn-success {
  background: #a3cfbb !important;
  color: #055160 !important;
}

.btn-success:hover {
  border: 1px solid #a3cfbb !important;
  background: transparent !important;
  color: #055160 !important;
}

.btn-primary:hover {
  background: transparent !important;
  color: #1e61f0 !important;
}

.button-wrapper {
  line-height: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

select,
input {
  height: 40px !important;
  min-height: 40px !important;
}

select.main_category_id {
  height: 45px !important;
  min-height: 40px !important;
}

.btn {
  height: 40px;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.button-wrapper button {
  margin-bottom: 12px;
  height: 40px;
  width: 100%;
}

.btn-outline-primary {
  border: 1px solid #1e61f0;
  color: #1e61f0;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:hover {
  color: #ffffff !important;
  background: #1e61f0 !important;
  border-color: #1e61f0 !important;
}

.btn-primary {
  background: #1e61f0 !important;
  color: #ffffff !important;
  border-color: #1e61f0 !important;
  box-shadow: none;
  border: 1px solid #1e61f0 !important;
  font-weight: 500;
  font-size: 14px;
}

::placeholder {
  color: #6394ff !important;
  font-size: 14px !important;
}

input {
  font-size: 14px !important;
  color: #433c508f !important;
  height: 40px !important;
  min-height: 40px !important;
  outline: 0;
}

.form-control:hover,
.form-control:focus {
  outline: #1e61f0 !important;
  border-color: #1e61f0 !important;
}

i.bi.bi-pencil-square {
  color: #1e61f0;
}

.red {
  color: red;
}

.icon-action i,
.icon-action svg {
  cursor: pointer;
}

.w-fit-content {
  width: fit-content !important;
  display: inline-block;
  background-color: #2a6af3;
}

.table-custome .table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #433c50;
  white-space: nowrap;
}

.table-custome .table td {
  padding-block: 1.176rem !important;
}

.card table {
  margin-bottom: 0;
}

.table-custome .table thead tr th {
  border-bottom-color: #f6f7fb !important;
  padding-block: 1.176rem !important;
  background-color: #f6f7fb;
  color: #433c508f;
}

.table-custome td {
  font-size: 13px;
}

.icon-action svg {
  width: 16px;
}

.bg-lebel-secondary {
  background-color: #ecedee;
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
}

hr.my-5 {
  display: none;
}

.menu-vertical .menu-item .menu-link {
  font-size: 14px !important;
}

.product-input input {
  border: 1px solid #1e61f0 !important;
}

.breadcrumb-heading {
  font-size: 12px;
  font-weight: 500;
}

.search-flex {
  display: flex;
  justify-content: end;
}

.svg-mail svg {
  width: 18px;
}

#bar-progress {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}

#bar-progress .step {
  display: inline-block;
}

#bar-progress .step .number-container {
  display: inline-block;
  border: solid 1px #000;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.progress-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  position: relative;
}

.shadow-wrap {
  box-shadow: 0 0.25rem 0.625rem #2e263d42;
}

.progress-line {
  position: absolute;
  top: 23%;
  left: 0;
  right: 0;
  height: 14px;
  background-color: #007bff;
}

.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  position: relative;
  z-index: 1;
}

.progress-step:not(:last-child) {
  margin-right: -4%;
}

.progress-step .progress-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #007bff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 8px;
}

.progress-step.active .progress-icon,
.progress-step.completed .progress-icon {
  background-color: #28a745;
}

.progress-step.active .progress-icon {
  background-color: #9a9b9c;
}

.completed .progress-icon {
  background-color: #28a745 !important;
}

.progress-step span {
  margin-top: 5px;
  font-weight: 500;
}

.progress-step.completed::after {
  content: "";
  position: absolute;
  top: 23%;
  left: 0;
  width: 100%;
  height: 14px;
  background-color: #28a745;
  z-index: -1;
}

.button_box .btn {
  height: 170px;
  font-size: 12px !important;
  width: 100%;
  font-weight: 700 !important;
}

.button_box {
  display: inline-block;
  margin: 0 0 8px 0;
  width: 15%;
  background-image: url("/public/assets/images/dimond.png");
}

.main_action .dropdown-menu {
  width: 20%;
  padding: 10px 10px;
  text-align: center;
}

.main_action .dropdown-menu button {
  border: 0;
  background: #1e61f0;
  color: #fff;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
}

.main_action .dropdown-menu .form-control {
  margin: 0 0 10px 0;
}

.main_action .dropdown-menu .btn-danger {
  border: 0;
  padding: 0;
}

.main_action .waves-input-wrapper {
  height: 28px;
}

.main_action .waves-input-wrapper:hover {
  background: #ff4c51 !important;
}

.main_action form {
  margin: 0;
}

.main_action .dropdown-menu .waves-button-input {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  background: #ff4c51;
  color: #fff !important;
  border-radius: 4px;
  padding: 4px 10px;
  height: 28px !important;
}

#quotationForm input {
  margin: 0 0 23px 0;
}

#quotationForm select {
  margin: 0 0 23px 0;
}

#quotationForm textarea {
  min-height: 90px;
}

#spinnersurvey,
#spinnerdiv,
#spinner-div {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.spinner-border.text-primary {
  margin-top: 90px;
}

.row.mrgn {
  margin: 20px 10px;
}

i.mdi.mdi-magnify.mdi-24px.lh-0 {
  display: none;
}

td.text-center.maincolumnproduct {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #1e61f0;
}

.bg-odd:nth-child(odd) {
  background: #c09ffe5c;
}

h2.text-center.main-hdg {
  margin-top: 15px;
}

.prmot-popup {
  width: 100%;
  max-width: 952px !important;
}

.btn-set {
  padding: 20px 10px;
}

.dlt-btn {
  position: absolute;
  top: 73px;
  right: 8px;
  background: #ff4c51 !important;
  border-radius: 10px;
}

.update-btn {
  margin-top: 15px;
}

#spinnerdiv {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.container.my-4.ful-wdth {
  max-width: 100% !important;
}

.modal-dialog.popup-opn {
  max-width: 95% !important;
}

.modal-dialog.popup-opn th {
  font-weight: 700;
}

.dash-icon {
  font-size: 22px;
  position: absolute;
  right: 14px;
  bottom: 8px;
  width: 40px;
  height: 40px;
  text-align: center;
}

a.dash-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
  color: #544f5a;
  font-weight: 600;
}

a.dash-btn:hover {
  color: #1e61f0;
}

.dash-card:hover {
  transform: translateY(-7px);
  transition: all 0.5s ease;
}

.dash-card {
  transition: all 0.5s ease;
}

.dash-icon i {
  padding: 8px;
}

h4.card-title.mb-1.dash-title {
  position: absolute;
  right: 8px;
  top: 28px;
}

h4.text-primary.mb-1.dash-heading {
  font-size: 24px;
}

.inpt-ht input {
  height: 18px !important;
}

.num-inpt {
  display: flex;
}

.num-inpt label {
  margin-left: 66px !important;
}

.num-inpt span {
  background: transparent;
  margin-right: 5px;
}

.w-px-35 {
  width: 25px !important;
}

.h-px-35 {
  height: 25px !important;
}

.position-wrapper span {
  color: #131111fc;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #9653f7;
  font-size: 24px;
}

.position-wrapper {
  text-align: center;
  position: sticky;
  top: 0px;
  margin-top: 19px;
  background: #9b5bf847;
  z-index: 1 !important;
}

button {
  white-space: nowrap !important;
}

.form-check-input,
.form-check .inpt-ht input {
  height: 18px !important;
  min-height: 18px !important;
}

.tech-list {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.tech-list .tech-card:hover {
  box-shadow: #e0cffe 0px 7px 29px 0px;
}

.tech-list .tech-card {
  border: 1px solid #e0cffe !important;
  text-align: center;
  padding: 30px 8px;
  background: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  max-width: 274px;
  width: 100%;
}

.tech-list .tech-card .tech-avatar img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  box-shadow: #e0cffe 0px 7px 29px 0px;
}

.tech-list .tech-avatar {
  margin-bottom: 18px;
}

.fieldset-wrapper {
  border: 1px solid #d4d3d5;
  top: 40px;
  padding: 20px 20px;
}

.legend-wrapper {
  top: -20px;
  background: #fff;
  width: fit-content;
  left: 40px;
}

.content-wrapper div#popup {
  background: #fff !important;
  padding: 10px !important;
  position: absolute !important;
  border-radius: 4px;
  border: 1px solid #8c57ff;
  width: auto;
  display: none;
  z-index: 9999;
}

span#popup-close {
  color: red;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  border-radius: 50%;
}

.rdo-inpt {
  height: 16px !important;
  margin-top: 8px !important;
  width: 16px !important;
  min-height: 16px !important;
}

.btn-one {
  background: #5d87ff20 !important;
  color: #5d87ff !important;
  transition: background-color 2s ease-out 100ms;
}

.btn-two {
  background: #13deb920 !important;
  color: #13deb9 !important;
}

.btn-three {
  background: #fa896b20 !important;
  color: #fa896b !important;
}

.btn-four {
  background: #ffae1f20 !important;
  color: #ffae1f !important;
}

.table-responsive {
  overflow-y: auto !important;
}

.scroll-js {
  height: 0px;
}

li.dropdown-notifications-list.scrollable-container {
  height: fit-content;
  max-height: 412px;
  min-height: auto;
  overflow: auto !important;
}

.form-floating.form-floating-outline .form-select:not(:placeholder-shown) ~ label {
  padding: 0 !important;
}

.form-floating.form-floating-outline > .form-select:not(:placeholder-shown) ~ label {
  transform: scale(0.8) translateY(-1.2rem) translateX(-2px) !important;
  padding: 7px !important;
  background: #ffffff !important;
  z-index: unset;
}

.form-floating.form-floating-outline > .form-control:not(:placeholder-shown) ~ label {
  background: #ffff !important;
  padding: 0 !important;
  transform: scale(0.8) translateY(-12px) translateX(-2px) !important;
  z-index: unset;
}

.pagination-wrapper .pagination {
  margin-bottom: 0px;
}

.pagination-wrapper p {
  margin: 0 !important;
}

.form-floating input:focus label {
  position: absolute !important;
  top: -0.4px !important;
  padding: 0px !important;
}

.form-floating input:focus + label {
  position: absolute !important;
  top: -0.4px !important;
  padding: 0px !important;
  background: #ffffff;
}

.bg-login-img {
  background-image: url("/public/assets/img/logo-data/shapebg.png") !important;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.app-brand-link {
  margin-top: 20px;
}

.personal-details p {
  margin-bottom: 30px !important;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
  box-sizing: border-box;
}

.lds-spinner {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 99999999 !important;
}

.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: linear-gradient(270deg, #9055fd 0%, #c4a5fe 100%);
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

.avatar-online img {
  object-fit: cover;
}

.img-banners img {
  width: 250px;
  height: 135px !important;
  object-fit: cover;
}

.posh-card button {
  height: 20px !important;
  display: flex !important;
  align-items: center;
  margin-top: 11px !important;
}

.flex-position .posh-card {
  width: 100%;
  max-width: 48%;
  border: 1px solid #d4d3d5;
  text-align: center;
}

.posh-card .cancel-btnn {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center;
  margin-top: -14px !important;
  margin-right: -22px;
  border-radius: 100%;
  color: red !important;
  z-index: 1;
  border: 1px solid red !important;
}

.flex-position .posh-card img {
  width: 100% !important;
  max-width: 120px;
  height: 120px !important;
  object-fit: cover;
  margin: auto;
}

.edit-icons {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 156px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: fit-content;
  height: fit-content;
  color: #9055fd;
  background: #fff;
}

.posh-card.note-toolbar .card-header {
  padding: 0px !important;
}

.posh-card.note-btn-group .note-btn {
  padding: 0px !important;
}

.posh-card .note-btn {
  height: 40px !important;
  margin-top: 0px !important;
}

.posh-card .note-toolbar.card-header {
  text-align: left !important;
}

.between-wrapper {
  display: flex;
  gap: 28px;
  width: 100%;
  max-width: 100%;
  min-width: 50%;
  flex-wrap: wrap;
}

.between-wrapper .carousel-item {
  display: flex;
  width: 100% !important;
  flex-wrap: wrap;
  max-width: 48%;
}

.edit-btn {
  font-size: 10px !important;
}

.content-wrapper.form-select,
.form-floating > label {
  padding: calc(10px - 0px) calc(0.87rem - 1px) !important;
}

.card-image img {
  height: 135px !important;
  object-fit: cover;
}

.posh-card {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #d4d3d5;
}

.edit-social {
  position: absolute;
  top: -13px;
  font-size: 13px;
  color: #98989b !important;
}

.border-primary {
  border: 1px solid #935afd;
}

i.far.fa-plus {
  font-size: 1rem !important;
}

.responsive-button button {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

select::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.cross-sidebar {
  display: none;
}

#editor_38e3e647f8 video,
#editor_38e3e618f1 video,
#editor_38e3e5e4j9 video {
  width: 100% !important;
  height: auto !important;
  border-radius: 0px !important;
}

.page-wrapper,
.admin-listing-page {
  width: 100%;
  max-width: 100%;
  padding: 22px 24px 32px;
  min-height: calc(100vh - 64px);
}

.admin-listing-page > .row {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.admin-listing-page > .row > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.admin-listing-card {
  width: 100%;
  max-width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin-right: 0;
  margin-left: 0;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
  overflow: visible;
}

.admin-listing-header {
  min-height: 76px;
  padding: 18px 20px;
  border-bottom: 1px solid #ebe6dc;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.admin-listing-title {
  min-width: 0;
}

.admin-listing-title h5 {
  margin: 0;
  padding: 0 !important;
  color: #111827;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.admin-listing-title p {
  margin: 5px 0 0;
  color: #7a7f89;
  font-size: 13px;
  line-height: 1.5;
}

.admin-listing-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}

.admin-listing-actions .btn,
.admin-listing-filter-form .btn {
  min-height: 38px;
  height: 38px;
  padding: 8px 15px;
  border-radius: 9px;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-listing-page .btn-primary {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.admin-listing-page .btn-primary:hover,
.admin-listing-page .btn-primary:focus {
  color: #ffffff !important;
  background: #0f46b3 !important;
  border-color: #0f46b3 !important;
}

.admin-listing-page .btn-success {
  color: #087735 !important;
  background: #d9efe1 !important;
  border-color: #16a34a !important;
}

.admin-listing-page .btn-success:hover,
.admin-listing-page .btn-success:focus {
  color: #065f2a !important;
  background: #c6e8d2 !important;
  border-color: #15803d !important;
}

.admin-listing-back-btn,
.admin-listing-page .btn-secondary.admin-listing-back-btn {
  color: #4b5563 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
}

.admin-listing-back-btn:hover,
.admin-listing-back-btn:focus {
  color: #111827 !important;
  background: #f3f0e9 !important;
}

.admin-listing-filter-box {
  margin: 16px;
  padding: 14px;
  border: 1px solid #ebe6dc;
  border-radius: 12px;
  background: #faf8f3;
}

.admin-listing-filter-form {
  margin: 0 !important;
}

.admin-listing-filter-form .form-control,
.admin-listing-filter-form .form-select,
.admin-listing-filter-form select {
  height: 40px !important;
  min-height: 40px !important;
  color: #111827 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #d8d3c8;
  border-radius: 9px;
  box-shadow: none !important;
}

.admin-listing-filter-form .form-control::placeholder {
  color: #8b8f97 !important;
  font-size: 13px !important;
}

.admin-listing-filter-form .form-control:focus,
.admin-listing-filter-form .form-select:focus,
.admin-listing-filter-form select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.12) !important;
}

.admin-listing-search-inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.admin-listing-search-field {
  position: relative;
  flex: 1 1 360px;
  max-width: 520px;
}

.admin-listing-search-field > i {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 2;
  color: #8a9099;
  font-size: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}

.admin-listing-search-field .form-control {
  width: 100%;
  padding-left: 40px;
}

.admin-listing-table-wrap {
  width: 100%;
  max-width: 100%;
  border-top: 1px solid #ebe6dc;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.admin-listing-table {
  width: 100%;
  margin: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

.admin-listing-table--wide {
  min-width: 1120px;
}

.admin-listing-table--medium {
  min-width: 760px;
}

.admin-listing-table thead th,
.admin-listing-table-wrap .admin-listing-table thead tr th {
  padding: 14px 16px !important;
  color: #7c7f87 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.4;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  background: #f7f5f0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #e9e4dc !important;
}

.admin-listing-table tbody td,
.admin-listing-table-wrap .admin-listing-table tbody td {
  width: auto !important;
  padding: 14px 16px !important;
  color: #596273;
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
  transition: background-color 0.18s ease;
}

.admin-listing-table tbody tr:nth-child(odd) > td,
.admin-listing-table.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #596273;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

.admin-listing-table tbody tr:nth-child(even) > td,
.admin-listing-table.table-striped > tbody > tr:nth-of-type(even) > * {
  color: #596273;
  background-color: #fcfaf6 !important;
  box-shadow: none !important;
}

.admin-listing-table tbody tr:hover > td,
.admin-listing-table.table-striped > tbody > tr:hover > * {
  background-color: #f5f8ff !important;
}

.admin-listing-table tbody tr:last-child > td {
  border-bottom: 0;
}

.admin-listing-action-btn {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  color: #4b5563 !important;
  background: #f4f1ea !important;
  border: 1px solid #ebe6dc !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-listing-action-btn:hover,
.admin-listing-action-btn:focus,
.admin-listing-action-btn.show {
  color: #1557d6 !important;
  background: #eaf2ff !important;
  border-color: #d6e5fb !important;
}

.admin-listing-page .dropdown-menu {
  min-width: 170px;
  padding: 6px;
  border: 1px solid #ebe6dc;
  border-radius: 10px;
  box-shadow: 0 16px 35px rgba(17, 24, 39, 0.12);
}

.admin-listing-page .dropdown-menu .dropdown-item {
  padding: 9px 11px !important;
  color: #4b5563 !important;
  font-size: 13px;
  border-radius: 8px;
}

.admin-listing-page .dropdown-menu .dropdown-item:hover,
.admin-listing-page .dropdown-menu .dropdown-item:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
}

.admin-listing-page .dropdown-menu .dropdown-item.text-danger:hover,
.admin-listing-page .dropdown-menu .dropdown-item.text-danger:focus {
  color: #b42318 !important;
  background: #fff0f0 !important;
}

.admin-listing-empty-state {
  padding: 50px 20px;
  text-align: center;
  white-space: normal;
}

.admin-listing-empty-state > i,
.admin-listing-empty-icon {
  width: 62px;
  height: 62px;
  margin: 0 auto 14px;
  color: #1557d6;
  font-size: 30px;
  background: #edf4ff;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin-listing-empty-state h6 {
  margin-bottom: 6px;
  color: #252c38;
  font-size: 16px;
  font-weight: 800;
}

.admin-listing-empty-state p {
  margin: 0 0 15px;
  color: #8a9099;
  font-size: 13px;
}

.admin-listing-pagination {
  width: 100%;
  min-height: 66px;
  margin: 0;
  padding: 14px 16px !important;
  background: #ffffff;
  border-top: 1px solid #ebe6dc;
}

.admin-listing-pagination nav {
  width: 100%;
}

.admin-listing-pagination nav > div:last-child {
  width: 100%;
}

.admin-listing-pagination .pagination {
  margin: 0;
  padding: 0;
  gap: 5px;
}

.admin-listing-pagination p,
.admin-listing-pagination p.small {
  margin: 0 !important;
  color: #89909b !important;
  font-size: 12px;
}

.admin-listing-pagination .page-link {
  min-width: 32px;
  height: 32px;
  padding: 5px 9px;
  color: #4b5563;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #d8d3c8;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-listing-pagination .page-link:hover,
.admin-listing-pagination .page-link:focus {
  color: #1557d6;
  background: #edf4ff;
  border-color: #cddffc;
}

.admin-listing-pagination .page-item.active .page-link {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  box-shadow: 0 5px 12px rgba(21, 87, 214, 0.2) !important;
}

.admin-listing-pagination .page-item.disabled .page-link {
  color: #b3b7bf;
  cursor: not-allowed;
  background: #f6f5f2;
  border-color: #ebe8e1;
}

.admin-listing-pagination svg,
.admin-listing-pagination .page-link svg {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  display: block;
}

.admin-listing-page .admin-listing-alert {
  margin: 16px 16px 0;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
}

.users-management-page .status-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 14px;
  width: 100%;
  margin-bottom: 18px;
}

.users-management-page .status-card {
  position: relative;
  overflow: hidden;
  padding: 16px 18px 13px;
  color: #111827 !important;
  text-align: left;
  background: #ffffff !important;
  border: 1px solid #ded8cd;
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.users-management-page .status-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.users-management-page .status-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
}

.users-management-page .status-card > div:first-child {
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.users-management-page .status-card .count {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.users-management-page .status-card.primary > div:first-child,
.users-management-page .status-card.primary .count {
  color: #174a8b;
}

.users-management-page .status-card.primary::after {
  background: #7bb8f0;
}

.users-management-page .status-card.warning > div:first-child,
.users-management-page .status-card.warning .count {
  color: #9a5b00;
}

.users-management-page .status-card.warning::after {
  background: #f6bf65;
}

.users-management-page .status-card.orange > div:first-child,
.users-management-page .status-card.orange .count {
  color: #8a2f14;
}

.users-management-page .status-card.orange::after {
  background: #fb8f75;
}

.users-management-page .status-card.success > div:first-child,
.users-management-page .status-card.success .count {
  color: #075f46;
}

.users-management-page .status-card.success::after {
  background: #65d6af;
}

.users-management-page .status-card.danger > div:first-child,
.users-management-page .status-card.danger .count {
  color: #8d1f27;
}

.users-management-page .status-card.danger::after {
  background: #f28b94;
}

.users-management-page .status-card.secondary > div:first-child,
.users-management-page .status-card.secondary .count {
  color: #514838;
}

.users-management-page .status-card.secondary::after {
  background: #b8b0a0;
}

.users-management-page .large-table-fake-top-scroll-container-3 {
  display: none;
}

.users-management-page .badge.bg-label-primary {
  padding: 5px 9px;
  color: #1557d6 !important;
  font-size: 11px;
  font-weight: 800;
  background: #e8f0ff !important;
  border-radius: 999px;
}

.users-management-page .registration-badge {
  padding: 0 !important;
  border-radius: 999px;
  display: inline-flex;
}

.users-management-page .registration-badge a.dropdown-item {
  width: auto !important;
  min-width: auto;
  padding: 6px 11px !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center;
}

.users-management-page .registration-badge.submitted a {
  background: #e6f2ff !important;
  color: #1164b4 !important;
}

.users-management-page .registration-badge.in_review a {
  background: #fff3db !important;
  color: #a16000 !important;
}

.users-management-page .registration-badge.returned a {
  background: #ffe7dc !important;
  color: #b84216 !important;
}

.users-management-page .registration-badge.approved a {
  background: #dff8ed !important;
  color: #08734f !important;
}

.users-management-page .registration-badge.rejected a {
  background: #ffe3e6 !important;
  color: #a1222d !important;
}

.users-management-page .registration-badge.on_hold a {
  background: #eee9df !important;
  color: #5f5646 !important;
}

.users-management-page td small.text-danger {
  display: inline-block;
  margin-top: 3px;
  color: #b42318 !important;
  font-weight: 700;
}

.users-management-page td small.text-muted {
  color: #059669 !important;
  font-weight: 700;
}

#registrationStatusModal .modal-content {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(17, 24, 39, 0.22);
}

#registrationStatusModal .modal-header {
  padding: 18px 22px;
  border-bottom: 1px solid #ebe6dc;
}

#registrationStatusModal .modal-title {
  color: #111827;
  font-weight: 800;
}

#registrationStatusModal .modal-body {
  padding: 20px 22px;
}

#registrationStatusModal .form-label {
  color: #374151;
  font-size: 13px;
  font-weight: 700;
}

#registrationStatusModal .form-control {
  border: 1px solid #d8d3c8;
  border-radius: 9px;
  box-shadow: none !important;
}

#registrationStatusModal .form-control:focus {
  border-color: #1557d6;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.12) !important;
}

#registrationStatusHistoryBox {
  height: 260px !important;
  margin-bottom: 18px;
  padding: 12px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #faf8f3;
  border: 1px solid #ebe6dc;
  border-radius: 10px;
}

.email-template-page .email-template-name-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

.email-template-page .email-template-icon {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  color: #1557d6;
  font-size: 18px;
  background: #edf4ff;
  border: 1px solid #dce8fb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.email-template-page .email-template-name-cell strong {
  display: block;
  margin-bottom: 2px;
  color: #252c38;
  font-size: 13px;
  font-weight: 700;
}

.email-template-page .email-template-name-cell small {
  display: block;
  color: #9a9fa8;
  font-size: 11px;
}

.email-template-page .email-template-subject {
  color: #606978;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

#layout-menu {
  --sidebar-primary: #1557d6;
  --sidebar-primary-dark: #0f46b2;
  --sidebar-primary-soft: #edf4ff;
  --sidebar-text: #475569;
  --sidebar-heading: #94a3b8;
  --sidebar-border: #e7ebf2;
  --sidebar-hover: #f4f7fc;
  --sidebar-background: #ffffff;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #ffffff 60%,
    #f8faff 100%
  ) !important;
  border-right: 1px solid var(--sidebar-border) !important;
  box-shadow: 8px 0 30px rgba(15, 23, 42, 0.045) !important;
  overflow: hidden;
}

#layout-menu .app-brand.demo {
  min-height: 124px;
  padding: 12px 18px;
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--sidebar-border);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}

#layout-menu .app-brand-link {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#layout-menu .app-brand-logo.demo {
  width: 142px;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  margin: 0 !important;
}

#layout-menu .app-brand-logo.demo > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#layout-menu .app-brand-logo.demo img {
  width: 128px !important;
  object-fit: contain;
  border-radius: 0 !important;
  transition: transform 0.25s ease, filter 0.25s ease;
}

#layout-menu .app-brand-link:hover img {
  transform: scale(1.04);
  filter: drop-shadow(0 6px 8px rgba(21, 87, 214, 0.12));
}

#layout-menu .layout-menu-toggle {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  border-radius: 8px;
  background: var(--sidebar-primary-soft);
  display: flex;
  align-items: center;
  justify-content: center;
}

#layout-menu .layout-menu-toggle,
#layout-menu .layout-menu-toggle .menu-toggle-icon {
  color: var(--sidebar-primary) !important;
}

#layout-menu .menu-inner {
  background: transparent !important;
  padding: 14px 12px 28px !important;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

#layout-menu .menu-inner::-webkit-scrollbar {
  width: 5px;
}

#layout-menu .menu-inner::-webkit-scrollbar-track {
  background: transparent;
}

#layout-menu .menu-inner::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 20px;
}

#layout-menu .menu-inner::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

#layout-menu .menu-header {
  position: relative;
  height: auto;
  margin: 12px 0 6px !important;
  padding: 12px 10px 7px !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

#layout-menu .menu-header::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--sidebar-border), transparent);
}

#layout-menu .menu-header-text {
  color: var(--sidebar-heading) !important;
  font-size: 10px !important;
  line-height: 1;
  font-weight: 800 !important;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  white-space: nowrap;
}

#layout-menu .menu-inner > .menu-item {
  width: 100% !important;
}

#layout-menu .menu-item {
  position: relative;
  margin: 4px 0;
}

#layout-menu .menu-link {
  position: relative;
  width: 100%;
  min-height: 44px;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--sidebar-text) !important;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: color 0.2s ease,
              background-color 0.2s ease,
              border-color 0.2s ease,
              transform 0.2s ease,
              box-shadow 0.2s ease;
}

#layout-menu .menu-link > div {
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.3;
  overflow-wrap: anywhere;
  color: inherit !important;
}

#layout-menu .menu-link > .menu-icon.tf-icons.ri-mail-open-line {
  display: none !important;
}

#layout-menu .menu-link > i:not(.menu-toggle-icon) {
  flex: 0 0 32px;
  width: 32px !important;
  height: 32px;
  margin: 0 !important;
  border: 1px solid #e4ecf8;
  border-radius: 9px;
  background: #f3f7fd;
  color: var(--sidebar-primary) !important;
  font-size: 14px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease,
              background-color 0.2s ease,
              border-color 0.2s ease,
              transform 0.2s ease;
}

#layout-menu .menu-item:not(.active) > .menu-link:hover {
  color: var(--sidebar-primary) !important;
  background: var(--sidebar-hover) !important;
  border-color: #e1e9f6;
  transform: translateX(3px);
}

#layout-menu .menu-item:not(.active) > .menu-link:hover > i:not(.menu-toggle-icon) {
  color: #ffffff !important;
  background: var(--sidebar-primary);
  border-color: var(--sidebar-primary);
  transform: scale(1.04);
}

#layout-menu .menu-link:focus-visible {
  outline: 0;
  border-color: var(--sidebar-primary);
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.14);
}

#layout-menu .menu-item.active > .menu-link {
  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    var(--sidebar-primary) 0%,
    #2b73ed 100%
  ) !important;
  border-color: transparent !important;
  box-shadow: 0 9px 22px rgba(21, 87, 214, 0.24) !important;
  transform: none;
}

#layout-menu .menu-item.active > .menu-link::before {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 4px !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 10px 10px 0 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(21, 87, 214, 0.08);
  transform: none !important;
}

#layout-menu .menu-item.active > .menu-link > div {
  color: #ffffff !important;
  font-weight: 700;
}

#layout-menu .menu-item.active > .menu-link > i:not(.menu-toggle-icon) {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.22);
}

#layout-menu .menu-item.open > .menu-link {
  color: var(--sidebar-primary) !important;
  background: var(--sidebar-primary-soft) !important;
  border-color: #dae7fb;
}

#layout-menu .menu-item.open:not(.active) > .menu-link > i:not(.menu-toggle-icon) {
  color: #ffffff !important;
  background: var(--sidebar-primary);
  border-color: var(--sidebar-primary);
}

#layout-menu .menu-inner > .menu-item.active.open > .menu-link {
  color: #ffffff !important;
  background: linear-gradient(
    135deg,
    var(--sidebar-primary) 0%,
    #2b73ed 100%
  ) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px rgba(21, 87, 214, 0.22) !important;
}

#layout-menu .menu-inner > .menu-item.active.open > .menu-link > div {
  color: #ffffff !important;
  font-weight: 700;
}

#layout-menu .menu-inner > .menu-item.active.open > .menu-link > i:not(.menu-toggle-icon) {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
}

#layout-menu .menu-inner > .menu-item.active.open > .menu-link.menu-toggle::after {
  color: #ffffff !important;
  opacity: 1 !important;
}

#layout-menu .menu-link.menu-toggle::after {
  opacity: 0.65;
  transition: transform 0.25s ease, opacity 0.2s ease;
}

#layout-menu .menu-item.open > .menu-link.menu-toggle::after {
  opacity: 1;
}

#layout-menu .menu-sub {
  margin: 6px 0 9px 14px !important;
  padding: 4px 0 4px 10px !important;
  border-left: 1px dashed #cad6e8;
}

#layout-menu .menu-sub .menu-item {
  margin: 2px 0;
}

#layout-menu .menu-sub .menu-link {
  min-height: 36px;
  padding: 7px 10px !important;
  border-radius: 8px;
  font-size: 12.5px;
  background: transparent;
}

#layout-menu .menu-sub .menu-link::before {
  content: "" !important;
  position: static !important;
  flex: 0 0 6px;
  width: 6px !important;
  height: 6px !important;
  margin: 0 3px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #b7c4d8 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

#layout-menu .menu-sub .menu-link:hover {
  color: var(--sidebar-primary) !important;
  background: #f2f6fc !important;
  border-color: transparent;
  transform: translateX(2px);
}

#layout-menu .menu-sub .menu-link:hover::before {
  background: var(--sidebar-primary) !important;
  transform: scale(1.25) !important;
}

#layout-menu .menu-sub .menu-item.active > .menu-link {
  color: var(--sidebar-primary) !important;
  background: #eaf2ff !important;
  border: 1px solid #d8e6fb !important;
  box-shadow: none !important;
}

#layout-menu .menu-sub .menu-item.active > .menu-link::before {
  position: static !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--sidebar-primary) !important;
  box-shadow: 0 0 0 4px rgba(21, 87, 214, 0.1) !important;
}

#layout-menu .menu-sub .menu-item.active > .menu-link > div {
  color: var(--sidebar-primary) !important;
  font-weight: 700;
}

.layout-navbar {
  background: #ffffff !important;
  border-bottom: 1px solid #ebe6dc;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04) !important;
}

.header-title h4 {
  margin-bottom: 0px;
  color: #111827;
  font-size: 18px;
  font-weight: 800;
  margin: 0;
}

i.fa.fa-bell {
  font-size: 22px !important;
  width: auto !important;
  color: #1557d6 !important;
}

.count-btn-head {
  background: #ef4444 !important;
  margin-top: -10px;
  margin-left: -8px;
}

.admin-dashboard-cards-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.dashboard-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-main-card {
  position: relative;
  min-height: 250px;
  padding: 21px;
  overflow: hidden;
  color: #344054 !important;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid #e3e7ee;
  border-radius: 15px;
  box-shadow: 0 9px 25px rgba(17, 24, 39, 0.055);
  display: flex;
  flex-direction: column;
  transition: transform 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease;
}

.dashboard-main-card::after {
  content: "";
  position: absolute;
  top: -78px;
  right: -62px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  opacity: 0.65;
}

.dashboard-main-card--blue::after {
  background: #e9f2ff;
}

.dashboard-main-card--orange::after {
  background: #fff2da;
}

.dashboard-main-card--green::after {
  background: #e4f8f0;
}

.dashboard-main-card:hover {
  color: #344054 !important;
  border-color: #c7d8f3;
  box-shadow: 0 18px 38px rgba(17, 24, 39, 0.11);
  transform: translateY(-5px);
}

.dashboard-main-card__top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dashboard-main-card__icon {
  width: 52px;
  height: 52px;
  color: #1557d6;
  font-size: 25px;
  background: #edf4ff;
  border: 1px solid #d9e7fd;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dashboard-main-card--orange .dashboard-main-card__icon {
  color: #a45c00;
  background: #fff5e4;
  border-color: #f7dfb8;
}

.dashboard-main-card--green .dashboard-main-card__icon {
  color: #087859;
  background: #e8f8f2;
  border-color: #caecdf;
}

.dashboard-main-card__arrow {
  width: 34px;
  height: 34px;
  color: #7b8493;
  font-size: 19px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #e4e7ec;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.dashboard-main-card:hover .dashboard-main-card__arrow {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  transform: translate(2px, -2px);
}

.dashboard-main-card__content {
  position: relative;
  z-index: 2;
  margin-top: 24px;
}

.dashboard-main-card__label {
  display: block;
  margin-bottom: 7px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dashboard-main-card--orange .dashboard-main-card__label {
  color: #a45c00;
}

.dashboard-main-card--green .dashboard-main-card__label {
  color: #087859;
}

.dashboard-main-card__content h3 {
  margin: 0 0 10px;
  color: #172033;
  font-size: 20px;
  font-weight: 800;
}

.dashboard-main-card__content p {
  margin: 0;
  color: #737c8b;
  font-size: 13px;
  line-height: 1.65;
}

.dashboard-main-card__footer {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 18px;
  color: #1557d6;
  font-size: 12px;
  font-weight: 700;
  border-top: 1px solid #edf0f4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dashboard-section-back {
  flex-shrink: 0;
  height: 38px;
  padding: 8px 14px;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #f7f5f0 !important;
  border: 1px solid #ddd8cf !important;
  border-radius: 9px;
}

.dashboard-subcard-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.dashboard-subcard {
  position: relative;
  min-height: 132px;
  padding: 18px;
  overflow: hidden;
  color: #374151 !important;
  text-decoration: none !important;
  background: #ffffff;
  border: 1px solid #e3e8f2;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
  display: flex;
  align-items: center;
  gap: 14px;
  transition: all 0.25s ease;
}

.dashboard-subcard::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.08;
  pointer-events: none;
}

.dashboard-subcard::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  border-radius: 16px 0 0 16px;
}

.dashboard-subcard:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.10);
  border-color: #cfd8ea;
}

.dashboard-subcard__icon {
  position: relative;
  z-index: 2;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  font-size: 21px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

.dashboard-subcard > div {
  position: relative;
  z-index: 2;
  min-width: 0;
  flex: 1;
}

.dashboard-subcard h5 {
  margin: 0 0 5px;
  color: #243041;
  font-size: 14px;
  font-weight: 800;
}

.dashboard-subcard p {
  margin: 0;
  color: #7f8898;
  font-size: 12px;
  line-height: 1.5;
}

.dashboard-subcard__arrow {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  font-size: 20px;
  color: #9aa3b2;
  transition: all 0.25s ease;
}

.dashboard-subcard:hover .dashboard-subcard__arrow {
  transform: translateX(4px);
}

.dashboard-subcard:nth-child(1)::before {
  background: linear-gradient(135deg, #2563eb, #60a5fa);
}

.dashboard-subcard:nth-child(1)::after {
  background: #2563eb;
}

.dashboard-subcard:nth-child(1) .dashboard-subcard__icon {
  color: #2563eb;
  background: #eaf2ff;
  border: 1px solid #cfe0ff;
}

.dashboard-subcard:nth-child(1):hover .dashboard-subcard__arrow {
  color: #2563eb;
}

.dashboard-subcard:nth-child(2)::before {
  background: linear-gradient(135deg, #f59e0b, #fcd34d);
}

.dashboard-subcard:nth-child(2)::after {
  background: #f59e0b;
}

.dashboard-subcard:nth-child(2) .dashboard-subcard__icon {
  color: #b45309;
  background: #fff4df;
  border: 1px solid #f8dfb2;
}

.dashboard-subcard:nth-child(2):hover .dashboard-subcard__arrow {
  color: #b45309;
}

.dashboard-subcard:nth-child(3)::before {
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
}

.dashboard-subcard:nth-child(3)::after {
  background: #7c3aed;
}

.dashboard-subcard:nth-child(3) .dashboard-subcard__icon {
  color: #7c3aed;
  background: #f2ebff;
  border: 1px solid #dfd0ff;
}

.dashboard-subcard:nth-child(3):hover .dashboard-subcard__arrow {
  color: #7c3aed;
}

.dashboard-subcard:nth-child(4)::before {
  background: linear-gradient(135deg, #06b6d4, #67e8f9);
}

.dashboard-subcard:nth-child(4)::after {
  background: #06b6d4;
}

.dashboard-subcard:nth-child(4) .dashboard-subcard__icon {
  color: #0891b2;
  background: #e7fbff;
  border: 1px solid #c7f2fa;
}

.dashboard-subcard:nth-child(4):hover .dashboard-subcard__arrow {
  color: #0891b2;
}

.dashboard-subcard:nth-child(5)::before {
  background: linear-gradient(135deg, #10b981, #6ee7b7);
}

.dashboard-subcard:nth-child(5)::after {
  background: #10b981;
}

.dashboard-subcard:nth-child(5) .dashboard-subcard__icon {
  color: #059669;
  background: #e9fbf4;
  border: 1px solid #c9f0df;
}

.dashboard-subcard:nth-child(5):hover .dashboard-subcard__arrow {
  color: #059669;
}

.dashboard-subcard:nth-child(6)::before {
  background: linear-gradient(135deg, #3b82f6, #93c5fd);
}

.dashboard-subcard:nth-child(6)::after {
  background: #3b82f6;
}

.dashboard-subcard:nth-child(6) .dashboard-subcard__icon {
  color: #2563eb;
  background: #edf4ff;
  border: 1px solid #d5e5ff;
}

.dashboard-subcard:nth-child(6):hover .dashboard-subcard__arrow {
  color: #2563eb;
}

.dashboard-subcard:nth-child(7)::before {
  background: linear-gradient(135deg, #14b8a6, #5eead4);
}

.dashboard-subcard:nth-child(7)::after {
  background: #14b8a6;
}

.dashboard-subcard:nth-child(7) .dashboard-subcard__icon {
  color: #0f766e;
  background: #e9fcf9;
  border: 1px solid #c8f4ed;
}

.dashboard-subcard:nth-child(7):hover .dashboard-subcard__arrow {
  color: #0f766e;
}

.dashboard-subcard:nth-child(8)::before {
  background: linear-gradient(135deg, #ec4899, #f9a8d4);
}

.dashboard-subcard:nth-child(8)::after {
  background: #ec4899;
}

.dashboard-subcard:nth-child(8) .dashboard-subcard__icon {
  color: #db2777;
  background: #fff0f7;
  border: 1px solid #ffd3e8;
}

.dashboard-subcard:nth-child(8):hover .dashboard-subcard__arrow {
  color: #db2777;
}

#supplyChainDashboard {
  width: 100%;
  margin: 0;
  padding: 0;
}

#supplyChainDashboard .supply-chain-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

#supplyChainDashboard .supply-chain-wrapper-header {
  min-height: 76px;
  margin: 0;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

#supplyChainDashboard .supply-chain-wrapper-header h5 {
  margin: 0;
  padding: 0 !important;
  color: #111827;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 800;
}

#supplyChainDashboard .supply-chain-wrapper-header p {
  margin: 5px 0 0;
  color: #7a7f89;
  font-size: 13px;
  line-height: 1.5;
}

#supplyChainDashboard .admin-listing-back-btn {
  flex: 0 0 auto;
  height: 38px !important;
  min-height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#supplyChainDashboard .admin-listing-back-btn:hover,
#supplyChainDashboard .admin-listing-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

#supplyChainDashboard .supply-chain-wrapper-body {
  padding: 20px;
  background: #ffffff;
}

#supplyChainDashboard .dashboard-subcard-grid {
  width: 100%;
  margin: 0;
}

#supplyChainDashboard .dashboard-subcard {
  min-height: 132px;
}

.business-sector-page .business-sector-name {
  display: flex;
  align-items: center;
  gap: 11px;
}

.business-sector-page .business-sector-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  color: #1557d6;
  font-size: 19px;
  background: #edf4ff;
  border: 1px solid #dce8fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.business-sector-page .business-sector-name strong {
  display: block;
  margin-bottom: 3px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
}

.business-sector-page .business-sector-name small {
  display: block;
  color: #9a9fa8;
  font-size: 11px;
}

.business-sector-page .business-sector-code {
  display: inline-flex;
  min-width: 60px;
  padding: 5px 10px;
  color: #5b6472;
  font-size: 12px;
  font-weight: 700;
  background: #f5f3ee;
  border: 1px solid #e9e5dd;
  border-radius: 7px;
  align-items: center;
  justify-content: center;
}

.business-sector-page .business-status-badge {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.business-sector-page .business-status-active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.business-sector-page .business-status-active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.business-sector-page .business-status-inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.business-sector-page .business-status-inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.business-sector-page .business-status-badge i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.manage-types-page .manage-type-sector {
  display: flex;
  align-items: center;
  gap: 11px;
}

.manage-types-page .manage-type-sector-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  color: #1557d6;
  font-size: 19px;
  background: #edf4ff;
  border: 1px solid #dce8fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manage-types-page .manage-type-sector strong,
.manage-types-page .manage-type-name strong {
  display: block;
  margin-bottom: 3px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
}

.manage-types-page .manage-type-sector small,
.manage-types-page .manage-type-name small {
  display: block;
  color: #9a9fa8;
  font-size: 11px;
}

.manage-types-page .manage-type-code {
  display: inline-flex;
  min-width: 60px;
  padding: 5px 10px;
  color: #5b6472;
  font-size: 12px;
  font-weight: 700;
  background: #f5f3ee;
  border: 1px solid #e9e5dd;
  border-radius: 7px;
  align-items: center;
  justify-content: center;
}

.manage-types-page .manage-type-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.manage-types-page .manage-type-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.manage-types-page .manage-type-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.manage-types-page .manage-type-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.manage-types-page .manage-type-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.manage-types-page .manage-type-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.manage-groups-page .manage-group-reference-cell {
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.manage-groups-page .manage-group-sector-icon,
.manage-groups-page .manage-group-type-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  font-size: 18px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manage-groups-page .manage-group-sector-icon {
  color: #1557d6;
  background: #edf4ff;
  border: 1px solid #dce8fb;
}

.manage-groups-page .manage-group-type-icon {
  color: #7c3aed;
  background: #f3efff;
  border: 1px solid #dfd4fb;
}

.manage-groups-page .manage-group-reference-cell strong,
.manage-groups-page .manage-group-name strong {
  display: block;
  margin-bottom: 3px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
  white-space: normal;
}

.manage-groups-page .manage-group-reference-cell small,
.manage-groups-page .manage-group-name small {
  display: block;
  color: #9a9fa8;
  font-size: 11px;
}

.manage-groups-page .manage-group-code {
  min-width: 60px;
  padding: 5px 10px;
  color: #5b6472;
  font-size: 12px;
  font-weight: 700;
  background: #f5f3ee;
  border: 1px solid #e9e5dd;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manage-groups-page .manage-group-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.manage-groups-page .manage-group-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.manage-groups-page .manage-group-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.manage-groups-page .manage-group-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.manage-groups-page .manage-group-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.manage-groups-page .manage-group-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.category-master-page .category-cell-text {
  display: block;
  max-width: 240px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.category-master-page .category-name-cell {
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.category-master-page .category-name-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  color: #1557d6;
  font-size: 18px;
  background: #edf4ff;
  border: 1px solid #dce8fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.category-master-page .category-name-cell strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.category-master-page .category-code {
  color: #5b6472;
  font-size: 12px;
  font-weight: 700;
}

.category-master-page .category-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.category-master-page .category-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.category-master-page .category-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.category-master-page .category-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.category-master-page .category-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.category-master-page .category-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.subcategory-master-page .subcategory-cell-text {
  display: block;
  max-width: 220px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.subcategory-master-page .subcategory-name {
  display: block;
  min-width: 150px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.subcategory-master-page .subcategory-code {
  color: #5b6472;
  font-size: 12px;
  font-weight: 700;
}

.subcategory-master-page .subcategory-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.subcategory-master-page .subcategory-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.subcategory-master-page .subcategory-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.subcategory-master-page .subcategory-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.subcategory-master-page .subcategory-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.subcategory-master-page .subcategory-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.talent-category-page .talent-category-name {
  display: block;
  min-width: 150px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.talent-category-page .talent-category-description {
  width: 100%;
  max-width: 460px;
  color: #596273;
  font-size: 13px;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}

.talent-category-page .talent-category-image-button {
  width: 82px;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  background: #f7f8fa;
  border: 1px solid #e1e5eb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.talent-category-page .talent-category-image-button:hover {
  border-color: #bfd2f1;
  box-shadow: 0 7px 16px rgba(17, 24, 39, 0.1);
  transform: translateY(-1px);
}

.talent-category-page .talent-category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.talent-category-page .talent-category-no-image {
  width: 58px;
  height: 48px;
  color: #9aa1ac;
  font-size: 22px;
  background: #f4f4f2;
  border: 1px dashed #d7d7d2;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.talent-category-page .talent-category-no-image i {
  margin: 0 !important;
  color: inherit !important;
}

.talent-category-page .talent-image-modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 22px 60px rgba(17, 24, 39, 0.22);
}

.talent-category-page .talent-image-modal-content .modal-header {
  padding: 16px 18px;
  border-bottom: 1px solid #ebe6dc;
}

.talent-category-page .talent-image-modal-content .modal-title {
  color: #111827;
  font-size: 16px;
  font-weight: 800;
}

.talent-category-page .talent-image-modal-content .modal-body {
  padding: 18px;
  background: #f8f8f6;
}

.talent-category-page .talent-category-preview-image {
  width: auto;
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 10px;
}

.talent-category-page .talent-category-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.talent-category-page .talent-category-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.talent-category-page .talent-category-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.talent-category-page .talent-category-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.talent-category-page .talent-category-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.talent-category-page .talent-category-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.seller-package-page .admin-listing-card {
  overflow: hidden;
}

.seller-package-page .seller-package-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-top: 1px solid #ebe6dc;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.seller-package-page .seller-package-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.seller-package-page .seller-package-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.seller-package-page .seller-package-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.seller-package-page .seller-package-table {
  width: 100%;
  min-width: 1100px;
  margin: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

.seller-package-page .seller-package-table thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  min-width: 175px;
  padding: 16px !important;
  color: #374151;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #f7f5f0 !important;
  border-right: 1px solid #ebe6dc;
  border-bottom: 1px solid #ded8cd !important;
}

.seller-package-page .seller-package-table thead th:last-child {
  border-right: 0;
}

.seller-package-page .seller-package-feature-column {
  left: 0;
  z-index: 6 !important;
  width: 250px;
  min-width: 250px !important;
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.seller-package-page .seller-package-plan-column {
  min-width: 185px !important;
}

.seller-package-page .seller-package-plan-heading {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
}

.seller-package-page .seller-package-plan-name {
  color: #222b3a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  white-space: normal;
}

.seller-package-page .seller-package-price {
  min-height: 26px !important;
  height: auto !important;
  padding: 4px 8px;
  color: #1557d6;
  font-size: 12px;
  font-weight: 800;
  background: transparent;
  border: 0;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.seller-package-page .seller-package-price:hover {
  background: #eaf2ff;
}

.seller-package-page .seller-package-price i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 13px;
}

.seller-package-page .seller-package-table tbody td {
  min-width: 175px;
  padding: 14px 16px !important;
  color: #596273;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ece8e1;
  border-bottom: 1px solid #ece8e1;
}

.seller-package-page .seller-package-table tbody td:last-child {
  border-right: 0;
}

.seller-package-page .seller-package-table tbody tr:nth-child(odd) > td {
  background: #ffffff !important;
}

.seller-package-page .seller-package-table tbody tr:nth-child(even) > td {
  background: #fcfaf6 !important;
}

.seller-package-page .seller-package-table tbody tr:hover > td {
  background: #f5f8ff !important;
}

.seller-package-page .seller-package-module-cell {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 250px;
  min-width: 250px !important;
  text-align: left !important;
}

.seller-package-page .seller-package-table tbody tr:nth-child(odd) .seller-package-module-cell {
  background: #ffffff !important;
}

.seller-package-page .seller-package-table tbody tr:nth-child(even) .seller-package-module-cell {
  background: #fcfaf6 !important;
}

.seller-package-page .seller-package-table tbody tr:hover .seller-package-module-cell {
  background: #f5f8ff !important;
}

.seller-package-page .seller-package-module-name {
  width: 100%;
  min-height: 32px !important;
  height: auto !important;
  padding: 4px 6px;
  color: #252c38;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  background: transparent;
  border: 0;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.seller-package-page .seller-package-module-name:hover {
  color: #1557d6;
  background: #edf4ff;
}

.seller-package-page .seller-package-module-name i {
  flex: 0 0 auto;
  margin: 0 !important;
  color: #9aa1ac;
  font-size: 13px;
}

.seller-package-page .seller-package-module-name:hover i {
  color: #1557d6;
}

.seller-package-page .seller-package-value {
  min-width: 54px;
  min-height: 32px !important;
  height: auto !important;
  padding: 5px 8px;
  color: #374151;
  font-size: 13px;
  font-weight: 800;
  background: transparent;
  border: 0;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.seller-package-page .seller-package-value:hover {
  color: #1557d6;
  background: #eaf2ff;
}

.seller-package-page .seller-package-value i {
  margin: 0 !important;
  color: #a0a6b0;
  font-size: 12px;
}

.seller-package-page .seller-package-value:hover i {
  color: #1557d6;
}

.seller-package-page .extra-text {
  color: #7b8492;
  font-size: 11px;
  font-weight: 600;
}

.seller-package-page .seller-package-extra-value {
  color: #08734f;
  font-size: 12px;
  font-weight: 800;
}

.seller-package-page .seller-package-empty-value {
  color: #b0b5bd;
  font-size: 15px;
}

.seller-package-page .edit-module,
.seller-package-page .edit-quantity,
.seller-package-page .edit-price {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.seller-package-page .edit-module {
  justify-content: flex-start;
}

.seller-package-page .module-input,
.seller-package-page .quantity-input,
.seller-package-page .price-input {
  height: 32px !important;
  min-height: 32px !important;
  padding: 5px 8px;
  color: #111827 !important;
  font-size: 12px !important;
  background: #ffffff;
  border: 1px solid #cfd6e1;
  border-radius: 7px;
  box-shadow: none !important;
}

.seller-package-page .module-input {
  width: 150px;
}

.seller-package-page .quantity-input,
.seller-package-page .price-input {
  width: 76px;
}

.seller-package-page .module-input:focus,
.seller-package-page .quantity-input:focus,
.seller-package-page .price-input:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.seller-package-page .seller-package-update-btn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 6px 9px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  border-radius: 7px !important;
}

.payment-master-page .payment-option-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.payment-master-page .payment-master-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.payment-master-page .payment-master-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.payment-master-page .payment-master-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.payment-master-page .payment-master-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.payment-master-page .payment-master-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.payment-master-page .payment-master-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.role-management-page .role-management-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.role-management-page .admin-listing-table th:first-child,
.role-management-page .admin-listing-table td:first-child {
  width: 120px;
}

.role-management-page .admin-listing-table th:last-child,
.role-management-page .admin-listing-table td:last-child {
  width: 120px;
}

.permissions-page .permission-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.permissions-page .admin-listing-table th:first-child,
.permissions-page .admin-listing-table td:first-child {
  width: 120px;
}

.permissions-page .admin-listing-table th:last-child,
.permissions-page .admin-listing-table td:last-child {
  width: 120px;
}

.products-master-page .products-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.products-master-page .products-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.products-master-page .products-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.products-master-page .products-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.products-master-page .products-master-table {
  width: 100%;
  min-width: 1780px;
}

.products-master-page .products-master-table th,
.products-master-page .products-master-table td {
  white-space: nowrap;
}

.products-master-page .products-master-table th:first-child,
.products-master-page .products-master-table td:first-child {
  width: 85px;
  min-width: 85px;
}

.products-master-page .products-master-table th:nth-child(2),
.products-master-page .products-master-table td:nth-child(2) {
  width: 220px;
  min-width: 220px;
}

.products-master-page .products-master-table th:nth-child(3),
.products-master-page .products-master-table td:nth-child(3) {
  width: 230px;
  min-width: 230px;
}

.products-master-page .products-master-table th:nth-child(11),
.products-master-page .products-master-table td:nth-child(11) {
  width: 280px;
  min-width: 280px;
}

.products-master-page .products-master-table th:last-child,
.products-master-page .products-master-table td:last-child {
  width: 90px;
  min-width: 90px;
}

.products-master-page .product-master-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.products-master-page .product-master-text {
  display: block;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
}

.products-master-page .product-master-ingredients {
  max-width: 210px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.products-master-page .product-master-code {
  color: #4f5867;
  font-size: 12px;
  font-weight: 700;
}

.products-master-page .product-master-description {
  max-width: 260px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.products-master-page .admin-listing-actions .btn-outline-primary {
  color: #1557d6 !important;
  background: #ffffff !important;
  border: 1px solid #1557d6 !important;
}

.products-master-page .admin-listing-actions .btn-outline-primary:hover,
.products-master-page .admin-listing-actions .btn-outline-primary:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.products-master-page .product-master-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.products-master-page .product-master-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.products-master-page .product-master-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.products-master-page .product-master-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.products-master-page .product-master-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.products-master-page .product-master-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.bulk-purchase-page .bulk-purchase-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.bulk-purchase-page .bulk-purchase-date {
  color: #596273;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.bulk-purchase-page .bulk-purchase-status {
  min-width: 90px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.bulk-purchase-page .bulk-purchase-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.bulk-purchase-page .bulk-purchase-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.bulk-purchase-page .bulk-purchase-status--active:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.bulk-purchase-page .bulk-purchase-status--inactive {
  color: #a1222d;
  background: #ffe3e6;
  border: 1px solid #f4c2c8;
}

.bulk-purchase-page .bulk-purchase-status--inactive:hover {
  color: #8f1722;
  background: #ffd5da;
  border-color: #edaab2;
  transform: translateY(-1px);
}

.task-management-page .task-filter-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr)
    minmax(180px, 240px)
    auto
    auto;
  align-items: center;
  gap: 10px;
}

.task-management-page .admin-listing-search-field {
  width: 100%;
  max-width: none;
}

.task-management-page .task-status-filter {
  min-width: 180px;
}

.task-management-page .task-status-filter .form-select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 36px 8px 12px;
  color: #374151 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #dcd8d0;
  border-radius: 9px;
  box-shadow: none;
}

.task-management-page .task-status-filter .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.task-management-page .task-date {
  color: #596273;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.task-management-page .task-title {
  display: block;
  min-width: 160px;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
}

.task-management-page .task-description {
  width: 100%;
  max-width: 480px;
  color: #596273;
  font-size: 13px;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: help;
}

.task-management-page .task-status {
  min-width: 92px;
  height: 30px !important;
  min-height: 30px !important;
  padding: 5px 10px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.task-management-page .task-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.task-management-page .task-status--done {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.task-management-page .task-status--done:hover {
  color: #065f46;
  background: #cef2e2;
  border-color: #9fdfc8;
  transform: translateY(-1px);
}

.task-management-page .task-status--pending {
  color: #a65d00;
  background: #fff0d2;
  border: 1px solid #f3d69b;
}

.task-management-page .task-status--pending:hover {
  color: #8c4e00;
  background: #ffe7b8;
  border-color: #e9c77e;
  transform: translateY(-1px);
}

.team-members-page .team-members-filter-form {
  display: grid;
  grid-template-columns: minmax(280px, 1fr)
    minmax(180px, 230px)
    auto
    auto;
  align-items: center;
  gap: 10px;
}

.team-members-page .admin-listing-search-field {
  width: 100%;
  max-width: none;
}

.team-members-page .team-members-status-filter {
  min-width: 180px;
}

.team-members-page .team-members-status-filter .form-select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 36px 8px 12px;
  color: #374151 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #dcd8d0;
  border-radius: 9px;
  box-shadow: none;
}

.team-members-page .team-members-status-filter .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.team-members-page .team-member-name {
  display: block;
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.team-members-page .team-member-email {
  color: #1557d6;
  font-size: 13px;
  text-decoration: none;
}

.team-members-page .team-member-email:hover {
  color: #0f46b2;
  text-decoration: underline;
}

.team-members-page .team-member-date {
  color: #596273;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.team-members-page .team-member-status {
  min-width: 90px;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.team-members-page .team-member-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.team-members-page .team-member-status--active {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.team-members-page .team-member-status--inactive {
  color: #6b7280;
  background: #f0f1f3;
  border: 1px solid #dfe1e5;
}

.team-members-page .team-member-assignment-btn {
  height: 34px !important;
  min-height: 34px !important;
  padding: 6px 11px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #edf4ff !important;
  border: 1px solid #d5e4fb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.team-members-page .team-member-assignment-btn:hover,
.team-members-page .team-member-assignment-btn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.assignments-page .assignments-filter-form {
  display: grid;
  grid-template-columns: minmax(300px, 1fr)
    minmax(190px, 240px)
    auto
    auto;
  align-items: center;
  gap: 10px;
}

.assignments-page .admin-listing-search-field {
  width: 100%;
  max-width: none;
}

.assignments-page .assignments-status-filter {
  min-width: 190px;
}

.assignments-page .assignments-status-filter .form-select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 36px 8px 12px;
  color: #374151 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #dcd8d0;
  border-radius: 9px;
  box-shadow: none;
}

.assignments-page .assignments-status-filter .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.assignments-page .assignments-table-wrap {
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.assignments-page .assignments-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.assignments-page .assignments-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.assignments-page .assignments-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.assignments-page .assignments-table {
  width: 100%;
  min-width: 1500px;
}

.assignments-page .assignments-table th:first-child,
.assignments-page .assignments-table td:first-child {
  width: 85px;
  min-width: 85px;
}

.assignments-page .assignments-table th:nth-child(2),
.assignments-page .assignments-table td:nth-child(2) {
  width: 230px;
  min-width: 230px;
}

.assignments-page .assignments-table th:nth-child(8),
.assignments-page .assignments-table td:nth-child(8) {
  width: 280px;
  min-width: 280px;
}

.assignments-page .assignments-table th:last-child,
.assignments-page .assignments-table td:last-child {
  width: 190px;
  min-width: 190px;
}

.assignments-page .assignments-table tbody tr.assignment-overdue-row > td {
  background: #fff7f7 !important;
}

.assignments-page .assignments-table tbody tr.assignment-overdue-row:hover > td {
  background: #fff0f1 !important;
}

.assignments-page .assignment-customer {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}

.assignments-page .assignment-customer strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.assignments-page .assignment-customer a {
  color: #1557d6;
  font-size: 12px;
  text-decoration: none;
}

.assignments-page .assignment-customer a:hover {
  text-decoration: underline;
}

.assignments-page .assignment-customer span {
  color: #7b8492;
  font-size: 12px;
}

.assignments-page .assignment-cell-text,
.assignments-page .assignment-topic {
  display: block;
  max-width: 220px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.assignments-page .assignment-topic {
  color: #252c38;
  font-weight: 700;
}

.assignments-page .assignment-assigner {
  color: #374151;
  font-size: 13px;
  font-weight: 700;
}

.assignments-page .assignment-notes {
  max-width: 260px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.assignments-page .assignment-due-date {
  min-height: 30px;
  padding: 5px 9px;
  color: #596273;
  font-size: 11px;
  font-weight: 750;
  background: #f3f4f6;
  border: 1px solid #e1e3e7;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}

.assignments-page .assignment-due-date i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.assignments-page .assignment-due-date--overdue {
  color: #a1222d;
  background: #ffe6e8;
  border-color: #f3c4ca;
}

.assignments-page .assignment-status-button {
  min-width: 118px;
  min-height: 32px !important;
  height: auto !important;
  padding: 6px 9px;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.assignments-page .assignment-status-button i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.assignments-page .assignment-status-chevron {
  font-size: 13px !important;
}

.assignments-page .assignment-status--pending {
  color: #a65d00;
  background: #fff0d2;
  border: 1px solid #f3d69b;
}

.assignments-page .assignment-status--returned {
  color: #1557d6;
  background: #e8f1ff;
  border: 1px solid #cbdffc;
}

.assignments-page .assignment-status--solved {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.assignments-page .assignment-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.assignments-page .assignment-view-btn,
.assignments-page .assignment-remove-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.assignments-page .assignment-view-btn {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border: 1px solid #d5e4fb !important;
}

.assignments-page .assignment-view-btn:hover {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.assignments-page .assignment-remove-btn {
  color: #a1222d !important;
  background: #fff1f2 !important;
  border: 1px solid #f3cbd0 !important;
}

.assignments-page .assignment-remove-btn:hover {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.contact-submissions-page .contact-submission-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.contact-submissions-page .contact-action-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.contact-submissions-page .contact-action-btn i {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: inherit !important;
  font-size: 15px;
}

.contact-submissions-page .contact-action-btn--export {
  color: #08734f !important;
  background: #e8f8f1 !important;
  border: 1px solid #bfe8d6 !important;
}

.contact-submissions-page .contact-action-btn--export:hover,
.contact-submissions-page .contact-action-btn--export:focus {
  color: #ffffff !important;
  background: #08734f !important;
  border-color: #08734f !important;
}

.contact-submissions-page .contact-action-btn--outline {
  color: #08734f !important;
  background: #ffffff !important;
  border: 1px solid #87cdb2 !important;
}

.contact-submissions-page .contact-action-btn--outline:hover,
.contact-submissions-page .contact-action-btn--outline:focus {
  color: #ffffff !important;
  background: #08734f !important;
  border-color: #08734f !important;
}

.contact-submissions-page .contact-action-btn--email {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border: 1px solid #ccdefb !important;
}

.contact-submissions-page .contact-action-btn--email:hover,
.contact-submissions-page .contact-action-btn--email:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.contact-submissions-page .contact-action-btn--delete {
  color: #a1222d !important;
  background: #fff0f2 !important;
  border: 1px solid #f1c7cc !important;
}

.contact-submissions-page .contact-action-btn--delete:hover,
.contact-submissions-page .contact-action-btn--delete:focus {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.contact-submissions-page .contact-submission-filter-form {
  display: grid;
  grid-template-columns: minmax(280px, 1fr)
    minmax(220px, 270px)
    auto
    auto;
  align-items: center;
  gap: 10px;
}

.contact-submissions-page .admin-listing-search-field {
  width: 100%;
  max-width: none;
}

.contact-submissions-page .contact-subscription-filter {
  width: 100%;
  min-width: 220px;
}

.contact-submissions-page .contact-subscription-filter .form-select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 36px 8px 12px;
  color: #374151 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #dcd8d0;
  border-radius: 9px;
  box-shadow: none;
}

.contact-submissions-page .contact-subscription-filter .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.contact-submissions-page .contact-submissions-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.contact-submissions-page .contact-submissions-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.contact-submissions-page .contact-submissions-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.contact-submissions-page .contact-submissions-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.contact-submissions-page .contact-submissions-table {
  width: 100%;
  min-width: 1450px;
}

.contact-submissions-page .contact-submissions-table th,
.contact-submissions-page .contact-submissions-table td {
  vertical-align: middle !important;
}

.contact-submissions-page .contact-select-column,
.contact-submissions-page .contact-submissions-table td:first-child {
  width: 65px;
  min-width: 65px;
  text-align: center !important;
}

.contact-submissions-page .contact-submissions-table th:nth-child(2),
.contact-submissions-page .contact-submissions-table td:nth-child(2) {
  width: 245px;
  min-width: 245px;
}

.contact-submissions-page .contact-submissions-table th:nth-child(3),
.contact-submissions-page .contact-submissions-table td:nth-child(3) {
  width: 180px;
  min-width: 180px;
}

.contact-submissions-page .contact-submissions-table th:nth-child(4),
.contact-submissions-page .contact-submissions-table td:nth-child(4) {
  width: 140px;
  min-width: 140px;
}

.contact-submissions-page .contact-submissions-table th:nth-child(5),
.contact-submissions-page .contact-submissions-table td:nth-child(5) {
  width: 210px;
  min-width: 210px;
}

.contact-submissions-page .contact-submissions-table th:nth-child(9),
.contact-submissions-page .contact-submissions-table td:nth-child(9) {
  width: 165px;
  min-width: 165px;
}

.contact-submissions-page .contact-submissions-table th:last-child,
.contact-submissions-page .contact-submissions-table td:last-child {
  width: 85px;
  min-width: 85px;
}

.contact-submissions-page .form-check-input {
  width: 17px;
  height: 17px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #c9ced7;
  border-radius: 4px;
  box-shadow: none;
}

.contact-submissions-page .form-check-input:checked {
  background-color: #1557d6;
  border-color: #1557d6;
}

.contact-submissions-page .form-check-input:focus {
  border-color: #1557d6;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.12);
}

.contact-submissions-page .contact-customer-details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}

.contact-submissions-page .contact-customer-details strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.contact-submissions-page .contact-customer-details a {
  max-width: 220px;
  color: #1557d6;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

.contact-submissions-page .contact-customer-details a:hover {
  color: #0f46b2;
  text-decoration: underline;
}

.contact-submissions-page .contact-customer-details span {
  color: #8a919d;
  font-size: 12px;
}

.contact-submissions-page .contact-cell-text {
  display: block;
  max-width: 180px;
  color: #596273;
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.contact-submissions-page .contact-topic {
  display: block;
  max-width: 200px;
  color: #303846;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.contact-submissions-page .contact-submission-date {
  color: #596273;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.contact-submissions-page .contact-boolean-status {
  min-width: 66px;
  min-height: 28px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.contact-submissions-page .contact-boolean-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 13px;
}

.contact-submissions-page .contact-boolean-status--yes {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.contact-submissions-page .contact-boolean-status--no {
  color: #6b7280;
  background: #f1f2f4;
  border: 1px solid #dfe2e6;
}

.contact-submissions-page .contact-assignment-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.contact-submissions-page .contact-assignment-status {
  min-height: 29px;
  padding: 5px 9px;
  color: #1557d6;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  background: #eaf2ff;
  border: 1px solid #ccdefb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.contact-submissions-page .contact-assignment-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.contact-submissions-page .contact-assignee-name {
  max-width: 145px;
  color: #596273;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.contact-submissions-page .contact-assign-btn {
  min-height: 32px !important;
  height: 32px !important;
  padding: 6px 10px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #edf4ff !important;
  border: 1px solid #d3e3fb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-submissions-page .contact-assign-btn:hover,
.contact-submissions-page .contact-assign-btn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.contact-submissions-page .contact-delete-btn {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  color: #a1222d !important;
  font-size: 17px !important;
  background: #fff0f2 !important;
  border: 1px solid #f1c7cc !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-submissions-page .contact-delete-btn i {
  margin: 0 !important;
  color: inherit !important;
}

.contact-submissions-page .contact-delete-btn:hover,
.contact-submissions-page .contact-delete-btn:focus {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.contact-modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  box-shadow: 0 24px 65px rgba(17, 24, 39, 0.22);
}

.contact-modal-content .modal-header {
  min-height: 64px;
  padding: 16px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
}

.contact-modal-content .modal-title {
  margin: 0;
  color: #111827;
  font-size: 17px;
  font-weight: 800;
}

.contact-modal-content .modal-body {
  padding: 20px;
  background: #ffffff;
}

.contact-modal-content .modal-footer {
  padding: 14px 20px;
  background: #faf9f6;
  border-top: 1px solid #ebe6dc;
}

.contact-modal-content .form-label {
  margin-bottom: 6px;
  color: #374151;
  font-size: 12px;
  font-weight: 750;
}

.contact-modal-content .form-control,
.contact-modal-content .form-select {
  min-height: 42px;
  color: #252c38 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #d9dce2;
  border-radius: 9px;
  box-shadow: none;
}

.contact-modal-content textarea.form-control {
  min-height: 95px;
  resize: vertical;
}

.contact-modal-content .form-control:focus,
.contact-modal-content .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.contact-modal-content .form-control[readonly] {
  color: #667085 !important;
  background: #f5f6f8;
}

.contact-modal-content .note-editor {
  border: 1px solid #d9dce2;
  border-radius: 9px;
  box-shadow: none;
  overflow: hidden;
}

.contact-modal-content .note-toolbar {
  background: #f7f7f5;
  border-bottom: 1px solid #e4e5e8;
}

.contact-modal-content .note-editable {
  min-height: 220px;
  color: #252c38;
  font-size: 13px;
  background: #ffffff;
}

.settings-page {
  width: 100%;
  max-width: 100%;
  padding: 22px 24px 36px;
  min-height: calc(100vh - 64px);
}

.settings-page .settings-card {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.settings-page .settings-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.settings-page .settings-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.settings-page .settings-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.settings-page .settings-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-back-btn:hover,
.settings-page .settings-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.settings-page .settings-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.settings-page .settings-tabs-wrap {
  padding: 18px 20px 0;
  background: #ffffff;
}

.settings-page .settings-tabs {
  padding: 6px;
  gap: 6px;
  background: #f5f3ee;
  border: 1px solid #e7e2d9;
  border-radius: 11px;
  display: inline-flex;
}

.settings-page .settings-tabs .nav-link {
  min-height: 40px;
  padding: 8px 14px;
  color: #677080;
  font-size: 12px;
  font-weight: 750;
  background: transparent;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.settings-page .settings-tabs .nav-link i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 17px;
}

.settings-page .settings-tabs .nav-link:hover {
  color: #1557d6;
  background: #ffffff;
}

.settings-page .settings-tabs .nav-link.active {
  color: #ffffff !important;
  background: #1557d6 !important;
  box-shadow: 0 5px 12px rgba(21, 87, 214, 0.18);
}

.settings-page .settings-tab-content {
  padding: 20px;
  background: #ffffff;
}

.settings-page .settings-section {
  margin-bottom: 20px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e5e7ec;
  border-radius: 13px;
}

.settings-page .settings-section:last-child {
  margin-bottom: 0;
}

.settings-page .settings-section-header {
  min-height: 46px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ede9e2;
  display: flex;
  align-items: center;
  gap: 12px;
}

.settings-page .settings-section-header--actions {
  justify-content: space-between;
}

.settings-page .settings-section-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  color: #1557d6;
  font-size: 20px;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-section-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.settings-page .settings-section-header h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.settings-page .settings-grid {
  display: grid;
  gap: 18px;
}

.settings-page .settings-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-page .settings-grid-full {
  grid-column: 1 / -1;
}

.settings-page .settings-form-group {
  min-width: 0;
}

.settings-page .settings-form-group .form-label {
  margin-bottom: 7px;
  color: #374151;
  font-size: 12px;
  font-weight: 750;
}

.settings-page .settings-form-group .form-control,
.settings-page .settings-form-group .form-select {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  color: #252c38 !important;
  font-size: 13px !important;
  background: #ffffff;
  border: 1px solid #d9dce2;
  border-radius: 9px;
  box-shadow: none;
}

.settings-page .settings-form-group textarea.form-control {
  min-height: 105px;
  resize: vertical;
}

.settings-page .settings-form-group .form-control:focus,
.settings-page .settings-form-group .form-select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.settings-page .settings-form-group .form-control.is-invalid,
.settings-page .settings-form-group .form-select.is-invalid {
  border-color: #dc3545 !important;
}

.settings-page .settings-password-field {
  position: relative;
}

.settings-page .settings-password-field .form-control {
  padding-right: 46px;
}

.settings-page .settings-password-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #7c8491;
  font-size: 18px;
  background: transparent;
  border: 0;
  border-radius: 7px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-password-toggle:hover {
  color: #1557d6;
  background: #edf4ff;
}

.settings-page .settings-password-toggle i {
  margin: 0 !important;
  color: inherit !important;
}

.settings-page .settings-assets-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.settings-page .settings-asset-card {
  min-height: 160px;
  padding: 16px;
  background: #fafaf8;
  border: 1px solid #e5e3de;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.settings-page .settings-asset-preview {
  flex: 0 0 130px;
  width: 130px;
  height: 100px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfdfdb;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-favicon-preview-wrap {
  flex-basis: 100px;
  width: 100px;
  height: 100px;
}

.settings-page .settings-logo-preview {
  width: 100%;
  max-height: 88px;
  padding: 8px;
  object-fit: contain;
}

.settings-page .settings-favicon-preview {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.settings-page .settings-asset-empty {
  color: #a0a6af;
  font-size: 31px;
}

.settings-page .settings-asset-empty i {
  margin: 0 !important;
  color: inherit !important;
}

.settings-page .settings-asset-content {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.settings-page .settings-asset-content .form-label {
  margin-bottom: 9px;
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.settings-page .settings-file-button {
  min-height: 36px;
  padding: 7px 11px;
  color: #1557d6;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  background: #edf4ff;
  border: 1px solid #d3e3fb;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.settings-page .settings-file-button:hover {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
}

.settings-page .settings-file-name {
  max-width: 240px;
  margin-top: 8px;
  color: #8a919d;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settings-page .settings-add-social-btn {
  min-height: 36px !important;
  height: 36px !important;
  padding: 7px 11px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #ffffff !important;
  border: 1px solid #1557d6 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.settings-page .settings-add-social-btn:hover {
  color: #ffffff !important;
  background: #1557d6 !important;
}

.settings-page .settings-social-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.settings-page .settings-social-row {
  padding: 15px;
  background: #fafaf8;
  border: 1px solid #e5e3de;
  border-radius: 11px;
}

.settings-page .settings-social-fields {
  display: grid;
  grid-template-columns: minmax(160px, 0.75fr)
    minmax(260px, 1.5fr)
    105px
    42px;
  align-items: end;
  gap: 12px;
}

.settings-page .settings-social-url {
  min-width: 0;
}

.settings-page .settings-social-icon-field .form-label {
  margin-bottom: 7px;
  color: #374151;
  font-size: 12px;
  font-weight: 750;
}

.settings-page .settings-upload-box {
  cursor: pointer;
}

.settings-page .settings-social-upload {
  width: 90px;
  height: 42px;
  overflow: hidden;
  background: #ffffff;
  border: 1px dashed #cbd2dc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-social-upload:hover {
  border-color: #1557d6;
  background: #f5f8ff;
}

.settings-page .settings-social-preview {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.settings-page .settings-upload-placeholder {
  color: #7b8492;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 1px;
}

.settings-page .settings-upload-placeholder i {
  margin: 0 !important;
  color: #1557d6;
  font-size: 17px;
}

.settings-page .settings-social-remove-wrap {
  padding-bottom: 1px;
}

.settings-page .settings-remove-social-btn {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  color: #a1222d !important;
  font-size: 17px !important;
  background: #fff0f2 !important;
  border: 1px solid #f1c7cc !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.settings-page .settings-remove-social-btn:hover {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.settings-page .settings-remove-social-btn i {
  margin: 0 !important;
  color: inherit !important;
}

.settings-page .settings-social-empty {
  min-height: 130px;
  color: #8d949f;
  font-size: 13px;
  background: #fafaf8;
  border: 1px dashed #d8d5ce;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
}

.settings-page .settings-social-empty i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 30px;
}

.settings-page .settings-form-footer {
  padding: 16px 20px;
  background: #faf9f6;
  border-top: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.settings-page .settings-form-footer .btn {
  min-height: 40px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 750;
  border-radius: 9px;
}

.package-management-page .admin-listing-card {
  overflow: hidden;
}

.package-management-page .package-matrix-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border-top: 1px solid #ebe6dc;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.package-management-page .package-matrix-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.package-management-page .package-matrix-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.package-management-page .package-matrix-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.package-management-page .package-matrix-table {
  width: 100%;
  min-width: 1320px;
  margin: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

.package-management-page .package-matrix-table thead th {
  min-width: 175px;
  padding: 15px !important;
  color: #374151;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #f7f5f0 !important;
  border-right: 1px solid #e7e2d9;
  border-bottom: 1px solid #ded8cd !important;
}

.package-management-page .package-matrix-table thead th:last-child {
  border-right: 0;
}

.package-management-page .package-feature-column {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 8;
  width: 250px;
  min-width: 250px !important;
  color: #111827 !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.package-management-page .package-admin-column {
  position: sticky;
  top: 0;
  left: 250px;
  z-index: 8;
  width: 170px;
  min-width: 170px !important;
  color: #111827 !important;
  font-weight: 800 !important;
  text-align: left !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.package-management-page .package-plan-column {
  min-width: 190px !important;
}

.package-management-page .package-plan-heading {
  min-height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
}

.package-management-page .package-plan-icon {
  width: 35px;
  height: 35px;
  color: #1557d6;
  font-size: 18px;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.package-management-page .package-plan-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.package-management-page .package-plan-name {
  max-width: 170px;
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.package-management-page .package-plan-price {
  color: #1557d6;
  font-size: 13px;
  font-weight: 850;
}

.package-management-page .package-plan-type {
  min-height: 25px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.package-management-page .package-plan-type--limited {
  color: #9a5700;
  background: #fff1d4;
  border: 1px solid #f0d29a;
}

.package-management-page .package-plan-type--unlimited {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.package-management-page .package-matrix-table tbody td {
  min-width: 175px;
  padding: 14px 15px !important;
  color: #596273;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ece8e1;
  border-bottom: 1px solid #ece8e1;
  transition: background-color 0.2s ease;
}

.package-management-page .package-matrix-table tbody td:last-child {
  border-right: 0;
}

.package-management-page .package-matrix-table tbody tr:nth-child(odd) > td {
  background: #ffffff !important;
}

.package-management-page .package-matrix-table tbody tr:nth-child(even) > td {
  background: #fcfaf6 !important;
}

.package-management-page .package-matrix-table tbody tr:hover > td {
  background: #f4f8ff !important;
}

.package-management-page .package-feature-cell {
  position: sticky;
  left: 0;
  z-index: 5;
  width: 250px;
  min-width: 250px !important;
  text-align: left !important;
}

.package-management-page .package-admin-cell {
  position: sticky;
  left: 250px;
  z-index: 5;
  width: 170px;
  min-width: 170px !important;
  text-align: left !important;
}

.package-management-page .package-matrix-table tbody tr:nth-child(odd) .package-feature-cell,
.package-management-page .package-matrix-table tbody tr:nth-child(odd) .package-admin-cell {
  background: #ffffff !important;
}

.package-management-page .package-matrix-table tbody tr:nth-child(even) .package-feature-cell,
.package-management-page .package-matrix-table tbody tr:nth-child(even) .package-admin-cell {
  background: #fcfaf6 !important;
}

.package-management-page .package-matrix-table tbody tr:hover .package-feature-cell,
.package-management-page .package-matrix-table tbody tr:hover .package-admin-cell {
  background: #f4f8ff !important;
}

.package-management-page .package-feature-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.package-management-page .package-feature-icon {
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  color: #1557d6;
  font-size: 17px;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.package-management-page .package-feature-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.package-management-page .package-feature-name strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.package-management-page .package-admin-value {
  color: #596273;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.package-management-page .package-empty-value {
  color: #b0b5bd;
  font-size: 15px;
}

.package-management-page .package-quantity-button {
  min-width: 58px;
  min-height: 34px !important;
  height: auto !important;
  padding: 6px 9px;
  color: #1557d6;
  font-size: 13px;
  font-weight: 850;
  background: #edf4ff;
  border: 1px solid #d7e5fb;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.package-management-page .package-quantity-button:hover {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  transform: translateY(-1px);
}

.package-management-page .package-quantity-button i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 12px;
}

.package-management-page .edit-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.package-management-page .quantity-input {
  width: 72px;
  height: 34px !important;
  min-height: 34px !important;
  padding: 5px 8px;
  color: #252c38 !important;
  font-size: 12px !important;
  text-align: center;
  background: #ffffff;
  border: 1px solid #cfd6e1;
  border-radius: 7px;
  box-shadow: none !important;
}

.package-management-page .quantity-input:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.package-management-page .package-quantity-save,
.package-management-page .package-quantity-cancel {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  font-size: 16px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.package-management-page .package-quantity-save {
  color: #ffffff !important;
  background: #1557d6 !important;
  border: 1px solid #1557d6 !important;
}

.package-management-page .package-quantity-cancel {
  color: #687181 !important;
  background: #ffffff !important;
  border: 1px solid #d6d9df !important;
}

.package-management-page .package-quantity-save i,
.package-management-page .package-quantity-cancel i {
  margin: 0 !important;
  color: inherit !important;
}

.package-management-page .package-toggle {
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.package-management-page .package-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.package-management-page .package-toggle-track {
  position: relative;
  width: 40px;
  height: 22px;
  background: #d8dce3;
  border: 1px solid #c8cdd6;
  border-radius: 999px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease;
}

.package-management-page .package-toggle-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(17, 24, 39, 0.18);
  transition: transform 0.2s ease;
}

.package-management-page .package-toggle-input:checked + .package-toggle-track {
  background: #1557d6;
  border-color: #1557d6;
}

.package-management-page .package-toggle-input:checked + .package-toggle-track .package-toggle-thumb {
  transform: translateX(18px);
}

.package-management-page .package-toggle-input:focus + .package-toggle-track {
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.12);
}

.package-management-page .package-toggle-label {
  color: #8a919d;
  font-size: 10px;
  font-weight: 700;
}

.package-management-page .package-cell-saving {
  position: relative;
  opacity: 0.65;
  pointer-events: none;
}

.package-management-page .package-cell-saving::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 13px;
  height: 13px;
  border: 2px solid #c8d8f4;
  border-top-color: #1557d6;
  border-radius: 50%;
  animation: package-cell-spin 0.7s linear infinite;
}

.bulk-order-summary-page {
  width: 100%;
  max-width: 100%;
  padding: 22px 24px 36px;
}

.bulk-order-summary-page .bulk-order-main-card {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.bulk-order-summary-page .bulk-order-page-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.bulk-order-summary-page .bulk-order-page-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-page-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bulk-order-summary-page .bulk-order-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-back-btn:hover {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.bulk-order-summary-page .bulk-order-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.bulk-order-summary-page .bulk-order-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.bulk-order-summary-page .bulk-order-section {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e4e6eb;
  border-radius: 13px;
}

.bulk-order-summary-page .bulk-order-section-heading {
  min-height: 62px;
  padding: 14px 17px;
  background: #faf9f6;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bulk-order-summary-page .bulk-order-section-heading h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-count,
.bulk-order-summary-page .bulk-order-summary-badge {
  min-height: 28px;
  padding: 5px 9px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-buyers-list {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bulk-order-summary-page .bulk-order-buyer-card,
.bulk-order-summary-page .bulk-order-summary-table-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3e6eb;
  border-radius: 11px;
}

.bulk-order-summary-page .bulk-order-buyer-header {
  min-height: 64px;
  padding: 13px 15px;
  background: #ffffff;
  border-bottom: 1px solid #ece8e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bulk-order-summary-page .bulk-order-buyer-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.bulk-order-summary-page .bulk-order-buyer-icon,
.bulk-order-summary-page .bulk-order-seller-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  color: #1557d6;
  font-size: 20px;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-buyer-icon i,
.bulk-order-summary-page .bulk-order-seller-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-order-summary-page .bulk-order-buyer-title h6 {
  margin: 0 0 3px;
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-buyer-title span {
  color: #858d99;
  font-size: 11px;
}

.bulk-order-summary-page .bulk-order-owner-badge {
  min-height: 27px;
  padding: 5px 9px;
  color: #08734f;
  font-size: 10px;
  font-weight: 800;
  background: #dff8ed;
  border: 1px solid #bcebd8;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
}

.bulk-order-summary-page .bulk-order-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.bulk-order-summary-page .bulk-order-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.bulk-order-summary-page .bulk-order-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.bulk-order-summary-page .bulk-order-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.bulk-order-summary-page .bulk-order-table {
  width: 100%;
  min-width: 1400px;
  margin: 0 !important;
}

.bulk-order-summary-page .bulk-order-table thead th {
  padding: 13px 14px !important;
  color: #555e6d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #f7f5f0 !important;
  border-bottom: 1px solid #ded8cd !important;
}

.bulk-order-summary-page .bulk-order-table tbody td {
  padding: 13px 14px !important;
  color: #596273;
  font-size: 12px;
  line-height: 1.45;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
  white-space: nowrap;
}

.bulk-order-summary-page .bulk-order-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.bulk-order-summary-page .bulk-order-table tbody tr:nth-child(even) td {
  background: #fcfaf6;
}

.bulk-order-summary-page .bulk-order-table tbody tr:hover td {
  background: #f4f8ff;
}

.bulk-order-summary-page .bulk-order-product-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 750;
}

.bulk-order-summary-page .bulk-order-code {
  color: #4f5867;
  font-size: 11px;
  font-weight: 700;
}

.bulk-order-summary-page .bulk-order-quantity,
.bulk-order-summary-page .bulk-order-total-quantity {
  min-width: 42px;
  min-height: 29px;
  padding: 5px 8px;
  color: #1557d6;
  font-size: 11px;
  font-weight: 850;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-total-quantity {
  color: #08734f;
  background: #dff8ed;
  border-color: #bcebd8;
}

.bulk-order-summary-page .bulk-order-table-empty {
  padding: 25px;
  color: #8a919d;
  text-align: center;
}

.bulk-order-summary-page .bulk-order-confirmed-box,
.bulk-order-summary-page .bulk-order-request-box {
  min-height: 86px;
  padding: 17px 18px;
  background: #f4fbf8;
  border: 1px solid #ccebdd;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.bulk-order-summary-page .bulk-order-request-box {
  background: #f5f8ff;
  border-color: #d4e2f8;
}

.bulk-order-summary-page .bulk-order-confirmed-content,
.bulk-order-summary-page .bulk-order-request-content {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bulk-order-summary-page .bulk-order-confirmed-icon,
.bulk-order-summary-page .bulk-order-request-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #08734f;
  font-size: 23px;
  background: #dff8ed;
  border: 1px solid #bcebd8;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-request-icon {
  color: #1557d6;
  background: #e8f1ff;
  border-color: #cbdffc;
}

.bulk-order-summary-page .bulk-order-confirmed-icon i,
.bulk-order-summary-page .bulk-order-request-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-order-summary-page .bulk-order-confirmed-content h6,
.bulk-order-summary-page .bulk-order-request-content h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-quotations {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bulk-order-summary-page .bulk-order-quotation-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3e6eb;
  border-radius: 13px;
  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.04);
}

.bulk-order-summary-page .bulk-order-quotation-header {
  min-height: 70px;
  padding: 14px 17px;
  background: #faf9f6;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bulk-order-summary-page .bulk-order-seller-details {
  display: flex;
  align-items: center;
  gap: 11px;
}

.bulk-order-summary-page .bulk-order-seller-details h6 {
  margin: 0 0 3px;
  color: #697282;
  font-size: 11px;
  font-weight: 700;
}

.bulk-order-summary-page .bulk-order-seller-details strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-quotation-badge {
  min-height: 28px;
  padding: 5px 9px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  background: #e8f1ff;
  border: 1px solid #cbdffc;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
}

.bulk-order-summary-page .bulk-order-quotation-body {
  padding: 17px;
}

.bulk-order-summary-page .bulk-order-quotation-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.bulk-order-summary-page .bulk-order-quotation-detail {
  min-height: 82px;
  padding: 13px;
  background: #fafaf8;
  border: 1px solid #e7e5e0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.bulk-order-summary-page .bulk-order-detail-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  color: #1557d6;
  font-size: 19px;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-order-summary-page .bulk-order-detail-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-order-summary-page .bulk-order-quotation-detail span {
  display: block;
  margin-bottom: 3px;
  color: #8a919d;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.bulk-order-summary-page .bulk-order-quotation-detail strong {
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
}

.bulk-order-summary-page .bulk-order-quotation-actions {
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid #ebe7df;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.bulk-order-summary-page .bulk-order-reject-btn {
  color: #a1222d !important;
  background: #fff0f2 !important;
  border: 1px solid #f1c7cc !important;
}

.bulk-order-summary-page .bulk-order-reject-btn:hover {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.bulk-order-summary-page .bulk-order-empty-state {
  min-height: 280px;
  color: #8a919d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}

.bulk-order-summary-page .bulk-order-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 42px;
}

.bulk-order-summary-page .bulk-order-empty-state h6 {
  margin: 0;
  color: #596273;
  font-size: 14px;
  font-weight: 750;
}

.bulk-response-page {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 70px);
  padding: 22px 24px 36px;
}

.bulk-response-page .bulk-response-wrapper {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.bulk-response-page .bulk-response-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.bulk-response-page .bulk-response-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.bulk-response-page .bulk-response-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bulk-response-page .bulk-response-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .bulk-response-back-btn:hover,
.bulk-response-page .bulk-response-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.bulk-response-page .bulk-response-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.bulk-response-page .bulk-response-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bulk-response-page .bulk-response-section {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(17, 24, 39, 0.04);
}

.bulk-response-page .bulk-response-section-header {
  min-height: 62px;
  padding: 14px 18px;
  background: #faf9f6;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bulk-response-page .bulk-response-section-header h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.bulk-response-page .bulk-response-count {
  min-height: 28px;
  padding: 5px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .bulk-response-orders {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bulk-response-page .bulk-response-order-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e3e6eb;
  border-radius: 11px;
}

.bulk-response-page .bulk-response-order-heading {
  min-height: 64px;
  padding: 13px 15px;
  background: #ffffff;
  border-bottom: 1px solid #ece8e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bulk-response-page .bulk-response-order-person {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.bulk-response-page .bulk-response-order-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  color: #1557d6;
  font-size: 20px;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .bulk-response-order-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-response-page .bulk-response-order-person h6 {
  margin: 0 0 3px;
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.bulk-response-page .bulk-response-order-person span {
  color: #858d99;
  font-size: 11px;
}

.bulk-response-page .bulk-response-owner-badge {
  min-height: 27px;
  padding: 5px 9px;
  color: #08734f;
  font-size: 10px;
  font-weight: 800;
  background: #dff8ed;
  border: 1px solid #bcebd8;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
}

.bulk-response-page .bulk-response-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.bulk-response-page .bulk-response-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.bulk-response-page .bulk-response-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.bulk-response-page .bulk-response-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.bulk-response-page .bulk-response-table {
  width: 100%;
  min-width: 1400px;
  margin: 0 !important;
}

.bulk-response-page .bulk-response-table thead th {
  padding: 13px 14px !important;
  color: #555e6d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  background: #f7f5f0 !important;
  border-bottom: 1px solid #ded8cd !important;
}

.bulk-response-page .bulk-response-table tbody td {
  padding: 13px 14px !important;
  color: #596273;
  font-size: 12px;
  line-height: 1.45;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
  white-space: nowrap;
}

.bulk-response-page .bulk-response-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.bulk-response-page .bulk-response-table tbody tr:nth-child(even) td {
  background: #fcfaf6;
}

.bulk-response-page .bulk-response-table tbody tr:hover td {
  background: #f4f8ff;
}

.bulk-response-page .bulk-response-product-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 750;
}

.bulk-response-page .bulk-response-code {
  color: #4f5867;
  font-size: 11px;
  font-weight: 700;
}

.bulk-response-page .bulk-response-quantity {
  min-width: 42px;
  min-height: 29px;
  padding: 5px 8px;
  color: #1557d6;
  font-size: 11px;
  font-weight: 850;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .bulk-response-table-empty {
  padding: 25px;
  color: #8a919d;
  text-align: center;
}

.bulk-response-page .bulk-response-summary-v2 {
  overflow: hidden;
}

.bulk-response-page .order-summary-status {
  min-height: 28px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .order-summary-status--success {
  color: #08734f;
  background: #e2f8ef;
  border: 1px solid #bde9d7;
}

.bulk-response-page .order-summary-status--progress {
  color: #1557d6;
  background: #eaf2ff;
  border: 1px solid #cedff9;
}

.bulk-response-page .order-summary-status--danger {
  color: #a1222d;
  background: #fff0f2;
  border: 1px solid #f1c7cc;
}

.bulk-response-page .order-summary-grid {
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.bulk-response-page .order-summary-card {
  position: relative;
  min-height: 112px;
  overflow: hidden;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e2e6ed;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 13px;
  transition: transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.bulk-response-page .order-summary-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--summary-color);
}

.bulk-response-page .order-summary-card:hover {
  transform: translateY(-3px);
  border-color: var(--summary-border);
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.bulk-response-page .order-summary-card--total {
  --summary-color: #1e64db;
  --summary-border: #c7dbfb;
  --summary-background: #edf4ff;
}

.bulk-response-page .order-summary-card--payment {
  --summary-color: #8057e8;
  --summary-border: #d9cdf8;
  --summary-background: #f3efff;
}

.bulk-response-page .order-summary-card--delivery {
  --summary-color: #dd8a00;
  --summary-border: #efd4a1;
  --summary-background: #fff5df;
}

.bulk-response-page .order-summary-card--status {
  --summary-color: #079469;
  --summary-border: #bde8d9;
  --summary-background: #e8f9f3;
}

.bulk-response-page .order-summary-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  color: var(--summary-color);
  font-size: 22px;
  background: var(--summary-background);
  border: 1px solid var(--summary-border);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .order-summary-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-response-page .order-summary-content {
  min-width: 0;
}

.bulk-response-page .order-summary-content span {
  display: block;
  margin-bottom: 6px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bulk-response-page .order-summary-content strong {
  display: block;
  color: #202938;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.bulk-response-page .bulk-response-progress-v2 {
  overflow: hidden;
}

.bulk-response-page .order-progress-list {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bulk-response-page .order-progress-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2e6ed;
  border-radius: 12px;
}

.bulk-response-page .order-progress-header {
  min-height: 78px;
  padding: 16px 18px;
  background: linear-gradient(
    90deg,
    #f8faff 0%,
    #ffffff 100%
  );
  border-bottom: 1px solid #e8ebf0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.bulk-response-page .order-progress-seller {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.bulk-response-page .order-progress-seller-icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  color: #1557d6;
  font-size: 22px;
  background: #eaf2ff;
  border: 1px solid #cedff9;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bulk-response-page .order-progress-seller-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-response-page .order-progress-seller span {
  display: block;
  margin-bottom: 3px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bulk-response-page .order-progress-seller h6 {
  margin: 0;
  color: #202938;
  font-size: 14px;
  font-weight: 850;
}

.bulk-response-page .order-progress-current-status {
  min-height: 30px;
  padding: 6px 11px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  background: #eaf2ff;
  border: 1px solid #cedff9;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.bulk-response-page .order-progress-scroll {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.bulk-response-page .order-progress-scroll::-webkit-scrollbar {
  height: 7px;
}

.bulk-response-page .order-progress-scroll::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.bulk-response-page .order-progress-scroll::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.bulk-response-page .order-progress-track {
  min-width: 800px;
  padding: 28px 26px 30px;
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
}

.bulk-response-page .order-progress-step {
  position: relative;
  min-width: 0;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bulk-response-page .order-progress-connector {
  position: absolute;
  top: 23px;
  left: calc(50% + 25px);
  width: calc(100% - 50px);
  height: 4px;
  overflow: hidden;
  background: #e0e5ec;
  border-radius: 999px;
}

.bulk-response-page .order-progress-connector::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #1557d6;
  border-radius: inherit;
  transition: width 0.3s ease;
}

.bulk-response-page .order-progress-connector.is-completed::after {
  width: 100%;
}

.bulk-response-page .order-progress-node {
  position: relative;
  z-index: 2;
  width: 50px;
  height: 50px;
  color: #99a2b0;
  font-size: 20px;
  background: #ffffff;
  border: 2px solid #dce2ea;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(17, 24, 39, 0.05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.bulk-response-page .order-progress-node i {
  margin: 0 !important;
  color: inherit !important;
}

.bulk-response-page .order-progress-step.is-completed .order-progress-node {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
}

.bulk-response-page .order-progress-step.is-current .order-progress-node {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  box-shadow: 0 0 0 7px rgba(21, 87, 214, 0.11),
    0 7px 18px rgba(21, 87, 214, 0.22);
}

.bulk-response-page .order-progress-step-content {
  margin-top: 11px;
}

.bulk-response-page .order-progress-step-content span {
  display: block;
  margin-bottom: 3px;
  color: #a0a7b3;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.3;
  text-transform: uppercase;
}

.bulk-response-page .order-progress-step-content strong {
  display: block;
  color: #8a93a2;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.bulk-response-page .order-progress-step.is-completed .order-progress-step-content strong,
.bulk-response-page .order-progress-step.is-current .order-progress-step-content strong {
  color: #1557d6;
}

.bulk-response-page .order-progress-empty {
  min-height: 150px;
  color: #8b94a1;
  background: #fafbfc;
  border: 1px dashed #d8dde5;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
}

.bulk-response-page .order-progress-empty i {
  margin: 0 !important;
  color: #abb2bd;
  font-size: 32px;
}

.bulk-response-page .bulk-response-empty-state {
  min-height: 300px;
  color: #8a919d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}

.bulk-response-page .bulk-response-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 42px;
}

.bulk-response-page .bulk-response-empty-state h6 {
  margin: 0;
  color: #596273;
  font-size: 14px;
  font-weight: 750;
}

.virtual-store-page {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 70px);
  padding: 22px 24px 36px;
}

.virtual-store-page .virtual-store-wrapper {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.virtual-store-page .virtual-store-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-store-page .virtual-store-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.virtual-store-page .virtual-store-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.virtual-store-page .virtual-store-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-page .virtual-store-back-btn:hover,
.virtual-store-page .virtual-store-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.virtual-store-page .virtual-store-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.virtual-store-page .virtual-store-content {
  padding: 20px;
  background: #f8f9fc;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.virtual-store-page .virtual-store-seller-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 13px;
  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.04);
}

.virtual-store-page .virtual-store-seller-header {
  min-height: 76px;
  padding: 15px 17px;
  background: #ffffff;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-store-page .virtual-store-seller-details {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.virtual-store-page .virtual-store-seller-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #1557d6;
  font-size: 21px;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-page .virtual-store-seller-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.virtual-store-page .virtual-store-seller-name span {
  display: block;
  margin-bottom: 3px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.virtual-store-page .virtual-store-seller-name h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.4;
}

.virtual-store-page .virtual-store-seller-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.virtual-store-page .virtual-store-product-count {
  min-height: 28px;
  padding: 5px 9px;
  color: #596273;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #f2f3f5;
  border: 1px solid #dfe2e7;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-page .virtual-store-promote-btn,
.virtual-store-page .virtual-store-view-btn {
  min-height: 36px !important;
  height: 36px !important;
  padding: 7px 12px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.virtual-store-page .virtual-store-promote-btn {
  color: #ffffff !important;
  background: #1557d6 !important;
  border: 1px solid #1557d6 !important;
}

.virtual-store-page .virtual-store-promote-btn:hover,
.virtual-store-page .virtual-store-promote-btn:focus {
  color: #ffffff !important;
  background: #1049b8 !important;
  border-color: #1049b8 !important;
  transform: translateY(-1px);
}

.virtual-store-page .virtual-store-view-btn {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border: 1px solid #d3e3fb !important;
}

.virtual-store-page .virtual-store-view-btn:hover,
.virtual-store-page .virtual-store-view-btn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.virtual-store-page .virtual-store-promoted-status {
  min-height: 30px;
  padding: 5px 9px;
  color: #08734f;
  font-size: 10px;
  font-weight: 800;
  background: #dff8ed;
  border: 1px solid #bcebd8;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.virtual-store-page .virtual-store-promoted-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.virtual-store-page .virtual-store-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.virtual-store-page .virtual-store-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.virtual-store-page .virtual-store-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.virtual-store-page .virtual-store-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.virtual-store-page .virtual-store-table {
  width: 100%;
  min-width: 1450px;
  margin: 0 !important;
}

.virtual-store-page .virtual-store-table thead th {
  padding: 13px 14px !important;
  color: #555e6d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  background: #f7f5f0 !important;
  border-bottom: 1px solid #ded8cd !important;
}

.virtual-store-page .virtual-store-table tbody td {
  padding: 13px 14px !important;
  color: #596273;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
  white-space: nowrap;
}

.virtual-store-page .virtual-store-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.virtual-store-page .virtual-store-table tbody tr:nth-child(even) td {
  background: #fcfaf6;
}

.virtual-store-page .virtual-store-table tbody tr:hover td {
  background: #f4f8ff;
}

.virtual-store-page .virtual-store-table tbody tr:last-child td {
  border-bottom: 0;
}

.virtual-store-page .virtual-store-table th:nth-child(1),
.virtual-store-page .virtual-store-table td:nth-child(1) {
  min-width: 175px;
}

.virtual-store-page .virtual-store-table th:nth-child(2),
.virtual-store-page .virtual-store-table td:nth-child(2),
.virtual-store-page .virtual-store-table th:nth-child(3),
.virtual-store-page .virtual-store-table td:nth-child(3) {
  min-width: 180px;
}

.virtual-store-page .virtual-store-table th:nth-child(4),
.virtual-store-page .virtual-store-table td:nth-child(4) {
  min-width: 220px;
}

.virtual-store-page .virtual-store-table th:nth-child(6),
.virtual-store-page .virtual-store-table td:nth-child(6) {
  min-width: 230px;
}

.virtual-store-page .virtual-store-product-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
}

.virtual-store-page .virtual-store-code {
  color: #4f5867;
  font-size: 11px;
  font-weight: 750;
}

.virtual-store-page .virtual-store-ingredients {
  max-width: 220px;
  color: #596273;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.virtual-store-page .virtual-store-table-empty {
  padding: 28px;
  color: #8a919d;
  text-align: center;
}

.virtual-store-page .virtual-store-empty-state {
  min-height: 300px;
  color: #8a919d;
  background: #ffffff;
  border: 1px dashed #d8dde5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}

.virtual-store-page .virtual-store-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 42px;
}

.virtual-store-page .virtual-store-empty-state h6 {
  margin: 0;
  color: #596273;
  font-size: 14px;
  font-weight: 750;
}

.virtual-store-page .virtual-store-pagination {
  min-height: 72px;
  padding: 15px 20px;
  background: #ffffff;
  border-top: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.virtual-store-page .virtual-store-pagination nav {
  width: 100%;
}

.virtual-store-page .virtual-store-pagination .pagination {
  margin: 0;
  justify-content: flex-end;
}

.virtual-store-details-page {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 70px);
  padding: 22px 24px 36px;
}

.virtual-store-details-page .virtual-store-details-wrapper {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.virtual-store-details-page .virtual-store-details-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-store-details-page .virtual-store-details-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.virtual-store-details-page .virtual-store-details-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.virtual-store-details-page .virtual-store-details-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-details-page .virtual-store-details-back-btn:hover,
.virtual-store-details-page .virtual-store-details-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.virtual-store-details-page .virtual-store-buyer-response-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 13px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #edf4ff !important;
  border: 1px solid #d3e3fb !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.virtual-store-details-page .virtual-store-buyer-response-btn:hover,
.virtual-store-details-page .virtual-store-buyer-response-btn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.virtual-store-details-page .virtual-store-order-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 13px !important;
  color: #08734f !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #e7f8f1 !important;
  border: 1px solid #bfe9d8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.virtual-store-details-page .virtual-store-order-btn:hover,
.virtual-store-details-page .virtual-store-order-btn:focus {
  color: #ffffff !important;
  background: #08734f !important;
  border-color: #08734f !important;
}

.virtual-store-details-page .virtual-store-details-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.virtual-store-details-page .virtual-store-details-content {
  padding: 20px;
  background: #f8f9fc;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.virtual-store-details-page .virtual-store-details-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 13px;
  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.04);
}

.virtual-store-details-page .virtual-store-details-seller-header {
  min-height: 76px;
  padding: 15px 17px;
  background: #ffffff;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-store-details-page .virtual-store-details-seller {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.virtual-store-details-page .virtual-store-details-seller-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #1557d6;
  font-size: 21px;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-details-page .virtual-store-details-seller-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.virtual-store-details-page .virtual-store-details-seller-name span {
  display: block;
  margin-bottom: 3px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.virtual-store-details-page .virtual-store-details-seller-name h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.4;
}

.virtual-store-details-page .virtual-store-details-product-count {
  min-height: 29px;
  padding: 5px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-store-details-page .virtual-store-details-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.virtual-store-details-page .virtual-store-details-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.virtual-store-details-page .virtual-store-details-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.virtual-store-details-page .virtual-store-details-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.virtual-store-details-page .virtual-store-details-table {
  width: 100%;
  min-width: 1600px;
  margin: 0 !important;
}

.virtual-store-details-page .virtual-store-details-table thead th {
  padding: 13px 14px !important;
  color: #555e6d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  background: #f7f5f0 !important;
  border-bottom: 1px solid #ded8cd !important;
}

.virtual-store-details-page .virtual-store-details-table tbody td {
  padding: 13px 14px !important;
  color: #596273;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
  white-space: nowrap;
}

.virtual-store-details-page .virtual-store-details-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.virtual-store-details-page .virtual-store-details-table tbody tr:nth-child(even) td {
  background: #fcfaf6;
}

.virtual-store-details-page .virtual-store-details-table tbody tr:hover td {
  background: #f4f8ff;
}

.virtual-store-details-page .virtual-store-details-table tbody tr:last-child td {
  border-bottom: 0;
}

.virtual-store-details-page .virtual-store-details-table th:nth-child(1),
.virtual-store-details-page .virtual-store-details-table td:nth-child(1),
.virtual-store-details-page .virtual-store-details-table th:nth-child(2),
.virtual-store-details-page .virtual-store-details-table td:nth-child(2),
.virtual-store-details-page .virtual-store-details-table th:nth-child(3),
.virtual-store-details-page .virtual-store-details-table td:nth-child(3) {
  min-width: 180px;
}

.virtual-store-details-page .virtual-store-details-table th:nth-child(4),
.virtual-store-details-page .virtual-store-details-table td:nth-child(4) {
  min-width: 220px;
}

.virtual-store-details-page .virtual-store-details-table th:nth-child(6),
.virtual-store-details-page .virtual-store-details-table td:nth-child(6) {
  min-width: 240px;
}

.virtual-store-details-page .virtual-store-details-table th:nth-child(10),
.virtual-store-details-page .virtual-store-details-table td:nth-child(10) {
  min-width: 145px;
}

.virtual-store-details-page .virtual-store-details-product-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
}

.virtual-store-details-page .virtual-store-details-ingredients {
  max-width: 230px;
  color: #596273;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}

.virtual-store-details-page .virtual-store-details-code {
  color: #4f5867;
  font-size: 11px;
  font-weight: 750;
}

.virtual-store-details-page .virtual-store-details-price {
  min-width: 80px;
  min-height: 31px;
  padding: 6px 10px;
  color: #08734f;
  font-size: 12px;
  font-weight: 850;
  background: #e7f8f1;
  border: 1px solid #bfe9d8;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.virtual-store-details-page .virtual-store-details-table-empty {
  padding: 28px;
  color: #8a919d;
  text-align: center;
}

.virtual-store-details-page .virtual-store-details-empty-state {
  min-height: 300px;
  color: #8a919d;
  background: #ffffff;
  border: 1px dashed #d8dde5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}

.virtual-store-details-page .virtual-store-details-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 42px;
}

.virtual-store-details-page .virtual-store-details-empty-state h6 {
  margin: 0;
  color: #596273;
  font-size: 14px;
  font-weight: 750;
}

.virtual-store-details-page .virtual-store-details-footer {
  min-height: 72px;
  padding: 15px 20px;
  background: #ffffff;
  border-top: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.virtual-order-details-page {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 70px);
  padding: 22px 24px 36px;
}

.virtual-order-details-page .virtual-order-details-wrapper {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.virtual-order-details-page .virtual-order-details-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-order-details-page .virtual-order-details-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 800;
}

.virtual-order-details-page .virtual-order-details-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.virtual-order-details-page .virtual-order-back-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 15px !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  border: 1px solid #d8d3c8 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-back-btn:hover,
.virtual-order-details-page .virtual-order-back-btn:focus {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border-color: #cddffc !important;
}

.virtual-order-details-page .virtual-order-buyer-response-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 13px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #edf4ff !important;
  border: 1px solid #d3e3fb !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.virtual-order-details-page .virtual-order-buyer-response-btn:hover,
.virtual-order-details-page .virtual-order-buyer-response-btn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.virtual-order-details-page .virtual-order-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.virtual-order-details-page .virtual-order-details-content {
  padding: 20px;
  background: #f8f9fc;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.virtual-order-details-page .virtual-order-section {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(17, 24, 39, 0.04);
}

.virtual-order-details-page .virtual-order-section-header {
  min-height: 62px;
  padding: 14px 18px;
  background: #faf9f6;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.virtual-order-details-page .virtual-order-section-header h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.virtual-order-details-page .virtual-order-section-count {
  min-height: 28px;
  padding: 5px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-seller-list {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.virtual-order-details-page .virtual-order-seller-card {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e2e6ed;
  border-radius: 12px;
}

.virtual-order-details-page .virtual-order-seller-header {
  min-height: 76px;
  padding: 15px 17px;
  background: #ffffff;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.virtual-order-details-page .virtual-order-seller-details {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.virtual-order-details-page .virtual-order-seller-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #1557d6;
  font-size: 21px;
  background: #edf4ff;
  border: 1px solid #d6e4fb;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-seller-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.virtual-order-details-page .virtual-order-seller-name span {
  display: block;
  margin-bottom: 3px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.virtual-order-details-page .virtual-order-seller-name h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 850;
}

.virtual-order-details-page .virtual-order-product-count {
  min-height: 29px;
  padding: 5px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-products-table-wrap,
.virtual-order-details-page .virtual-order-buyers-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: thin;
  scrollbar-color: #bdc5d1 #f4f5f7;
}

.virtual-order-details-page .virtual-order-products-table-wrap::-webkit-scrollbar,
.virtual-order-details-page .virtual-order-buyers-table-wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.virtual-order-details-page .virtual-order-products-table-wrap::-webkit-scrollbar-track,
.virtual-order-details-page .virtual-order-buyers-table-wrap::-webkit-scrollbar-track {
  background: #f4f5f7;
}

.virtual-order-details-page .virtual-order-products-table-wrap::-webkit-scrollbar-thumb,
.virtual-order-details-page .virtual-order-buyers-table-wrap::-webkit-scrollbar-thumb {
  background: #bdc5d1;
  border-radius: 20px;
}

.virtual-order-details-page .virtual-order-products-table {
  width: 100%;
  min-width: 1450px;
  margin: 0 !important;
}

.virtual-order-details-page .virtual-order-products-table thead th,
.virtual-order-details-page .virtual-order-buyers-table thead th {
  padding: 13px 14px !important;
  color: #555e6d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  background: #f7f5f0 !important;
  border-bottom: 1px solid #ded8cd !important;
}

.virtual-order-details-page .virtual-order-products-table tbody td,
.virtual-order-details-page .virtual-order-buyers-table tbody td {
  padding: 13px 14px !important;
  color: #596273;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
  border-bottom: 1px solid #ece8e1;
}

.virtual-order-details-page .virtual-order-products-table tbody tr:nth-child(odd) td,
.virtual-order-details-page .virtual-order-buyers-table tbody tr:nth-child(odd) td {
  background: #ffffff;
}

.virtual-order-details-page .virtual-order-products-table tbody tr:nth-child(even) td,
.virtual-order-details-page .virtual-order-buyers-table tbody tr:nth-child(even) td {
  background: #fcfaf6;
}

.virtual-order-details-page .virtual-order-products-table tbody tr:hover td,
.virtual-order-details-page .virtual-order-buyers-table tbody tr:hover td {
  background: #f4f8ff;
}

.virtual-order-details-page .virtual-order-products-table th:nth-child(1),
.virtual-order-details-page .virtual-order-products-table td:nth-child(1),
.virtual-order-details-page .virtual-order-products-table th:nth-child(2),
.virtual-order-details-page .virtual-order-products-table td:nth-child(2),
.virtual-order-details-page .virtual-order-products-table th:nth-child(3),
.virtual-order-details-page .virtual-order-products-table td:nth-child(3) {
  min-width: 180px;
}

.virtual-order-details-page .virtual-order-products-table th:nth-child(4),
.virtual-order-details-page .virtual-order-products-table td:nth-child(4) {
  min-width: 220px;
}

.virtual-order-details-page .virtual-order-products-table th:nth-child(6),
.virtual-order-details-page .virtual-order-products-table td:nth-child(6) {
  min-width: 240px;
}

.virtual-order-details-page .virtual-order-product-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
}

.virtual-order-details-page .virtual-order-ingredients {
  max-width: 230px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.virtual-order-details-page .virtual-order-code {
  color: #4f5867;
  font-size: 11px;
  font-weight: 750;
}

.virtual-order-details-page .virtual-order-table-empty {
  padding: 28px;
  color: #8a919d;
  text-align: center;
}

.virtual-order-details-page .virtual-order-commercial-area {
  padding: 17px;
  background: #fafbfc;
  border-top: 1px solid #e7e9ed;
}

.virtual-order-details-page .virtual-order-commercial-heading {
  margin-bottom: 12px;
}

.virtual-order-details-page .virtual-order-commercial-heading h6 {
  margin: 0;
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.virtual-order-details-page .virtual-order-commercial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.virtual-order-details-page .virtual-order-commercial-card {
  --commercial-color: #1557d6;
  --commercial-bg: #edf4ff;
  --commercial-border: #d5e4fb;
  position: relative;
  min-height: 88px;
  overflow: hidden;
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--commercial-border);
  border-radius: 11px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.virtual-order-details-page .virtual-order-commercial-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--commercial-color);
}

.virtual-order-details-page .virtual-order-commercial-card--payment {
  --commercial-color: #8057e8;
  --commercial-bg: #f3efff;
  --commercial-border: #dbd0f7;
}

.virtual-order-details-page .virtual-order-commercial-card--delivery {
  --commercial-color: #dd8a00;
  --commercial-bg: #fff5df;
  --commercial-border: #efd4a1;
}

.virtual-order-details-page .virtual-order-commercial-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  color: var(--commercial-color);
  font-size: 20px;
  background: var(--commercial-bg);
  border: 1px solid var(--commercial-border);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-commercial-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.virtual-order-details-page .virtual-order-commercial-card div > span {
  display: block;
  margin-bottom: 4px;
  color: #8a94a4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.virtual-order-details-page .virtual-order-commercial-card strong {
  color: #252c38;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.4;
}

.virtual-order-details-page .virtual-order-buyers-table {
  width: 100%;
  min-width: 850px;
  margin: 0 !important;
}

.virtual-order-details-page .virtual-order-buyer-name {
  color: #252c38;
  font-size: 12px;
  font-weight: 800;
}

.virtual-order-details-page .virtual-order-buyer-email {
  color: #1557d6;
  font-size: 12px;
  text-decoration: none;
}

.virtual-order-details-page .virtual-order-buyer-email:hover {
  text-decoration: underline;
}

.virtual-order-details-page .virtual-order-status {
  min-width: 92px;
  min-height: 29px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.virtual-order-details-page .virtual-order-status i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.virtual-order-details-page .virtual-order-status--confirmed {
  color: #08734f;
  background: #dff8ed;
  border: 1px solid #bcebd8;
}

.virtual-order-details-page .virtual-order-status--pending {
  color: #9a5700;
  background: #fff1d4;
  border: 1px solid #f0d29a;
}

.virtual-order-details-page .virtual-order-status--rejected {
  color: #a1222d;
  background: #fff0f2;
  border: 1px solid #f1c7cc;
}

.virtual-order-details-page .virtual-order-status-view-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 10px !important;
  color: #1557d6 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  background: #edf4ff !important;
  border: 1px solid #d3e3fb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.virtual-order-details-page .virtual-order-status-view-btn:hover {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.virtual-order-details-page .virtual-order-no-action {
  color: #a6acb5;
}

.virtual-order-details-page .virtual-order-empty-state {
  min-height: 250px;
  color: #8a919d;
  background: #ffffff;
  border: 1px dashed #d8dde5;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}

.virtual-order-details-page .virtual-order-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 40px;
}

.virtual-order-details-page .virtual-order-empty-state h6 {
  margin: 0;
  color: #596273;
  font-size: 14px;
  font-weight: 750;
}

.virtual-order-details-page .virtual-order-pagination {
  min-height: 72px;
  padding: 15px 20px;
  background: #ffffff;
  border-top: 1px solid #ebe6dc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.virtual-order-details-page .virtual-order-pagination nav {
  width: 100%;
}

.virtual-order-details-page .virtual-order-pagination .pagination {
  margin: 0;
  justify-content: flex-end;
}

.buyer-responses-page .admin-listing-card {
  overflow: hidden;
}

.buyer-responses-page .buyer-responses-panel {
  margin: 18px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 13px;
  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.04);
}

.buyer-responses-page .buyer-responses-panel-header {
  min-height: 62px;
  padding: 14px 17px;
  background: #faf9f6;
  border-bottom: 1px solid #e9e5dd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.buyer-responses-page .buyer-responses-panel-header h6 {
  margin: 0;
  color: #252c38;
  font-size: 14px;
  font-weight: 800;
}

.buyer-responses-page .buyer-responses-count {
  min-height: 28px;
  padding: 5px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.buyer-responses-page .buyer-responses-table {
  width: 100%;
  min-width: 900px;
  margin: 0 !important;
}

.buyer-responses-page .buyer-responses-table th:first-child,
.buyer-responses-page .buyer-responses-table td:first-child {
  width: 90px;
  min-width: 90px;
}

.buyer-responses-page .buyer-responses-table th:nth-child(2),
.buyer-responses-page .buyer-responses-table td:nth-child(2) {
  width: 240px;
  min-width: 240px;
}

.buyer-responses-page .buyer-responses-table th:nth-child(3),
.buyer-responses-page .buyer-responses-table td:nth-child(3) {
  width: 170px;
  min-width: 170px;
}

.buyer-responses-page .buyer-responses-table th:nth-child(4),
.buyer-responses-page .buyer-responses-table td:nth-child(4) {
  min-width: 300px;
}

.buyer-responses-page .buyer-responses-table th:last-child,
.buyer-responses-page .buyer-responses-table td:last-child {
  width: 160px;
  min-width: 160px;
}

.buyer-responses-page .buyer-response-person {
  display: flex;
  align-items: center;
  gap: 10px;
}

.buyer-responses-page .buyer-response-avatar {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  color: #1557d6;
  font-size: 13px;
  font-weight: 850;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.buyer-responses-page .buyer-response-person strong {
  color: #252c38;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.buyer-responses-page .buyer-response-type {
  min-width: 100px;
  min-height: 30px;
  padding: 5px 9px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  background: #eaf2ff;
  border: 1px solid #cedff9;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.buyer-responses-page .buyer-response-type i {
  margin: 0 !important;
  color: inherit !important;
  font-size: 14px;
}

.buyer-responses-page .buyer-response-message {
  max-width: 520px;
  color: #596273;
  font-size: 13px;
  line-height: 1.55;
  white-space: normal;
  overflow-wrap: anywhere;
}

.buyer-responses-page .buyer-response-date {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 2px;
}

.buyer-responses-page .buyer-response-date span {
  color: #4f5867;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.buyer-responses-page .buyer-response-date small {
  color: #9299a4;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}

.buyer-responses-page .buyer-responses-footer {
  min-height: 88px;
  padding: 16px 18px;
  background: linear-gradient(
    90deg,
    #f5f8ff 0%,
    #ffffff 100%
  );
  border-top: 1px solid #e3e8f0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.buyer-responses-page .buyer-responses-footer-content {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.buyer-responses-page .buyer-responses-footer-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: #1557d6;
  font-size: 21px;
  background: #eaf2ff;
  border: 1px solid #cedff9;
  border-radius: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.buyer-responses-page .buyer-responses-footer-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.buyer-responses-page .buyer-responses-footer-content h6 {
  margin: 0;
  color: #252c38;
  font-size: 13px;
  font-weight: 800;
}

.buyer-responses-page .buyer-response-quotation-btn {
  min-height: 38px !important;
  height: 38px !important;
  padding: 8px 14px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.buyer-responses-page .buyer-responses-empty {
  min-height: 260px;
  border: 0;
  border-radius: 0;
}

.buyer-responses-page .admin-listing-pagination {
  border-top: 1px solid #ebe6dc;
}

.admin-form-page {
  --admin-form-primary: #1557d6;
  --admin-form-primary-dark: #1049b8;
  --admin-form-primary-soft: #edf4ff;
  --admin-form-text: #252c38;
  --admin-form-muted: #8a919d;
  --admin-form-border: #d9dce2;
  --admin-form-warm-border: #ebe6dc;
  --admin-form-background: #f8f9fc;
  --admin-form-danger: #b4232f;
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 70px);
  padding: 22px 24px 36px;
}

.admin-form-page *,
.admin-form-page *::before,
.admin-form-page *::after {
  box-sizing: border-box;
}

.admin-form-page .admin-form-card {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ded8cd;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.06);
}

.admin-form-page .admin-form-header {
  min-height: 76px;
  padding: 18px 20px;
  background: #ffffff;
  border-bottom: 1px solid var(--admin-form-warm-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.admin-form-page .admin-form-title h5 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.admin-form-page .admin-form-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-form-page .admin-form-btn {
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  box-shadow: none !important;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.admin-form-page .admin-form-btn:hover {
  transform: translateY(-1px);
  text-decoration: none;
}

.admin-form-page .admin-form-btn-primary {
  color: #ffffff !important;
  background: var(--admin-form-primary) !important;
  border-color: var(--admin-form-primary) !important;
}

.admin-form-page .admin-form-btn-primary:hover,
.admin-form-page .admin-form-btn-primary:focus {
  color: #ffffff !important;
  background: var(--admin-form-primary-dark) !important;
  border-color: var(--admin-form-primary-dark) !important;
}

.admin-form-page .admin-form-btn-secondary {
  color: #4b5563 !important;
  background: #ffffff !important;
  border-color: #d8d3c8 !important;
}

.admin-form-page .admin-form-btn-secondary:hover,
.admin-form-page .admin-form-btn-secondary:focus {
  color: var(--admin-form-primary) !important;
  background: var(--admin-form-primary-soft) !important;
  border-color: #cddffc !important;
}

.admin-form-page .admin-form-alert {
  margin: 16px 20px 0;
  border-radius: 10px;
}

.admin-form-page .admin-form-body {
  padding: 20px;
  background: var(--admin-form-background);
}

.admin-form-page .admin-form-section {
  padding: 20px;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 13px;
  box-shadow: 0 7px 20px rgba(17, 24, 39, 0.035);
}

.admin-form-page .admin-form-section-header {
  min-height: 50px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ede9e2;
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-form-page .admin-form-section-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  color: var(--admin-form-primary);
  font-size: 20px;
  background: var(--admin-form-primary-soft);
  border: 1px solid #d8e6fb;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-form-section-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-form-section-header h6 {
  margin: 0;
  color: var(--admin-form-text);
  font-size: 14px;
  font-weight: 800;
}

.admin-form-page .admin-form-grid {
  display: grid;
  gap: 18px;
}

.admin-form-page .admin-form-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-form-page .admin-form-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-form-page .admin-form-grid-full {
  grid-column: 1 / -1;
}

.admin-form-page .admin-form-field,
.admin-form-page .admin-form-group {
  min-width: 0;
}

.admin-form-page .admin-form-field .form-label,
.admin-form-page .admin-form-group .form-label {
  margin-bottom: 7px;
  color: #374151;
  font-size: 12px;
  font-weight: 750;
}

.admin-form-page .admin-form-control-wrap {
  position: relative;
}

.admin-form-page .admin-form-control-wrap > i {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 2;
  color: var(--admin-form-muted);
  font-size: 17px;
  transform: translateY(-50%);
  pointer-events: none;
}

.admin-form-page .admin-form-control-wrap .form-control {
  padding-left: 42px !important;
}

.admin-form-page .admin-form-control-wrap:focus-within > i {
  color: var(--admin-form-primary);
}

.admin-form-page .form-control,
.admin-form-page .form-select {
  width: 100%;
  min-height: 44px;
  padding-left: 42px;
  color: var(--admin-form-text) !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid var(--admin-form-border);
  border-radius: 9px;
  box-shadow: none;
  transition: border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.admin-form-page textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

.admin-form-page .form-control::placeholder {
  color: #a0a6b0;
}

.admin-form-page .form-control:hover,
.admin-form-page .form-select:hover {
  border-color: #bec5d0;
}

.admin-form-page .form-control:focus,
.admin-form-page .form-select:focus {
  background-color: #ffffff;
  border-color: var(--admin-form-primary) !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.admin-form-page .form-control.is-invalid,
.admin-form-page .form-select.is-invalid {
  border-color: #dc3545 !important;
}

.admin-form-page .admin-password-control {
  position: relative;
}

.admin-form-page .admin-password-leading-icon {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 2;
  color: var(--admin-form-muted);
  font-size: 17px;
  transform: translateY(-50%);
  pointer-events: none;
}

.admin-form-page .admin-password-control .form-control {
  padding-right: 46px !important;
  padding-left: 42px !important;
}

.admin-form-page .admin-password-control:focus-within .admin-password-leading-icon {
  color: var(--admin-form-primary);
}

.admin-form-page .admin-password-toggle {
  position: absolute;
  top: 50%;
  right: 7px;
  z-index: 3;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #7b8494;
  font-size: 18px;
  background: transparent;
  border: 0;
  border-radius: 7px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-password-toggle:hover,
.admin-form-page .admin-password-toggle:focus {
  color: var(--admin-form-primary);
  background: var(--admin-form-primary-soft);
  outline: none;
}

.admin-form-page .admin-password-toggle i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-password-control .form-control.is-invalid {
  padding-right: 48px !important;
  background-image: none;
}

.admin-form-page .admin-select-control .form-select {
  padding-left: 42px !important;
}

.admin-form-page .admin-select-control:focus-within > i {
  color: var(--admin-form-primary);
}

.admin-form-page .admin-select-control .select2-selection {
  min-height: 44px;
  padding-left: 41px;
  background: #ffffff;
  border: 1px solid var(--admin-form-border) !important;
  border-radius: 9px !important;
  display: flex;
  align-items: center;
}

.admin-form-page .admin-select-control .select2-selection__rendered {
  padding-left: 0 !important;
  padding-right: 34px !important;
  color: var(--admin-form-text) !important;
  font-size: 13px;
  line-height: 42px !important;
}

.admin-form-page .admin-select-control .select2-selection__arrow {
  top: 9px !important;
  right: 9px !important;
}

.admin-form-page .admin-select-control .select2-container--focus .select2-selection,
.admin-form-page .admin-select-control .select2-container--open .select2-selection {
  border-color: var(--admin-form-primary) !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11);
}

.admin-form-page .admin-select-control .select2-selection.admin-select-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.admin-form-page .invalid-feedback {
  margin-top: 6px;
  color: var(--admin-form-danger);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
}

.admin-form-page .invalid-feedback i {
  margin-right: 3px;
  color: inherit;
}

.admin-form-page .admin-form-footer {
  width: 100%;
  min-height: 72px;
  padding: 15px 20px;
  background: #ffffff;
  border-top: 1px solid var(--admin-form-warm-border);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
}

.email-template-form-page .email-template-editor-wrap {
  position: relative;
  overflow: visible !important;
  border-radius: 10px;
}

.email-template-form-page .note-editor.note-frame {
  position: relative;
  overflow: visible !important;
  margin: 0;
  background: #ffffff;
  border: 1px solid var(--admin-form-border);
  border-radius: 10px;
  box-shadow: none;
}

.email-template-form-page .note-editor.note-frame:focus-within {
  border-color: var(--admin-form-primary);
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11);
}

.email-template-form-page .note-editor.email-template-editor-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;
}

.email-template-form-page .note-toolbar {
  position: relative;
  z-index: 100;
  overflow: visible !important;
  padding: 8px 9px;
  background: #f7f7f5;
  border-bottom: 1px solid #e2e4e8;
  border-radius: 10px 10px 0 0;
  white-space: normal !important;
}

.email-template-form-page .note-toolbar .note-btn-group {
  margin-right: 5px;
}

.email-template-form-page .note-toolbar .note-btn {
  min-width: 30px;
  min-height: 30px;
  padding: 5px 8px;
  color: #596273;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #dfe2e7;
  border-radius: 5px;
  box-shadow: none;
}

.email-template-form-page .note-toolbar .note-btn:hover,
.email-template-form-page .note-toolbar .note-btn:focus,
.email-template-form-page .note-toolbar .note-btn.active {
  color: var(--admin-form-primary);
  background: var(--admin-form-primary-soft);
  border-color: #cddffc;
}

.email-template-form-page .note-btn-group,
.email-template-form-page .note-dropdown {
  position: relative;
}

.email-template-form-page .note-dropdown-menu,
.email-template-form-page .dropdown-menu {
  position: absolute !important;
  z-index: 99999 !important;
  min-width: 170px;
  padding: 6px;
  overflow: visible !important;
  background: #ffffff;
  border: 1px solid #dfe2e7;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.16);
}

.email-template-form-page .note-dropdown-item {
  border-radius: 5px;
}

.email-template-form-page .note-dropdown-item:hover {
  background: var(--admin-form-primary-soft);
}

.email-template-form-page .note-color-palette {
  min-width: 210px;
}

.email-template-form-page .note-editing-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ffffff;
}

.email-template-form-page .note-editable {
  min-height: 340px;
  padding: 18px;
  color: var(--admin-form-text);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.65;
  background: #ffffff;
}

.email-template-form-page .note-placeholder {
  padding: 18px;
  color: #a0a6b0;
  font-size: 13px;
}

.email-template-form-page .note-statusbar {
  overflow: hidden;
  background: #fafaf8;
  border-top: 1px solid #e7e8eb;
  border-radius: 0 0 10px 10px;
}

.email-template-form-page .note-statusbar .note-resizebar {
  height: 10px;
}

.email-template-form-page .note-statusbar .note-icon-bar {
  border-top-color: #aeb4bd;
}

.email-template-form-page .admin-form-card,
.email-template-form-page .admin-form-body,
.email-template-form-page .admin-form-section,
.email-template-form-page .admin-form-field,
.email-template-form-page .admin-form-group {
  overflow: visible !important;
}

.admin-form-page .admin-permission-heading {
  min-height: 32px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-form-page .admin-permission-select-all {
  margin: 0;
  color: #4f5867;
  font-size: 11px;
  font-weight: 750;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.admin-form-page .admin-permission-grid {
  display: grid;
  grid-template-columns: repeat(
    3,
    minmax(0, 1fr)
  );
  gap: 10px;
}

.admin-form-page .admin-permission-item {
  position: relative;
  min-width: 0;
  min-height: 58px;
  margin: 0;
  padding: 10px 12px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e1e5ec;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.admin-form-page .admin-permission-item:hover {
  transform: translateY(-1px);
  background: #f8fbff;
  border-color: #cddffc;
  box-shadow: 0 7px 16px rgba(17, 24, 39, 0.05);
}

.admin-form-page .admin-permission-item input,
.admin-form-page .admin-permission-select-all input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.admin-form-page .admin-check-control {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: transparent;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #cfd5dd;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.admin-form-page .admin-check-control i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-permission-item input:checked + .admin-check-control,
.admin-form-page .admin-permission-select-all input:checked + .admin-check-control {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
}

.admin-form-page .admin-permission-select-all input:indeterminate + .admin-check-control {
  position: relative;
  color: transparent;
  background: #1557d6;
  border-color: #1557d6;
}

.admin-form-page .admin-permission-select-all input:indeterminate + .admin-check-control::after {
  content: "";
  width: 9px;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
}

.admin-form-page .admin-permission-item input:focus-visible + .admin-check-control,
.admin-form-page .admin-permission-select-all input:focus-visible + .admin-check-control {
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.13);
}

.admin-form-page .admin-permission-item:has(input:checked) {
  background: #f4f8ff;
  border-color: #bfd5fa;
}

.admin-form-page .admin-permission-content {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-form-page .admin-permission-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  color: #1557d6;
  font-size: 15px;
  background: #edf4ff;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-permission-icon i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-permission-name {
  min-width: 0;
  color: #374151;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.admin-form-page .admin-form-empty-state {
  min-height: 100px;
  padding: 18px;
  color: #8a919d;
  font-size: 12px;
  background: #fafbfc;
  border: 1px dashed #d8dde5;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
}

.admin-form-page .admin-form-empty-state i {
  margin: 0 !important;
  color: #a5abb4;
  font-size: 28px;
}

.admin-form-page .admin-file-upload {
  position: relative;
  width: 100%;
  min-height: 82px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  background: #ffffff;
  border: 1px dashed #c9d0da;
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  transition: background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.admin-form-page .admin-file-upload:hover {
  background: #f8fbff;
  border-color: #9ebdf2;
}

.admin-form-page .admin-file-upload:focus-within {
  border-color: #1557d6;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11);
}

.admin-form-page .admin-file-preview {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  background: #edf4ff;
  border: 1px solid #d8e6fb;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-file-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-form-page .admin-file-placeholder {
  color: #1557d6;
  font-size: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-file-placeholder i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-file-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-form-page .admin-file-content strong {
  color: #374151;
  font-size: 12px;
  font-weight: 750;
}

.admin-form-page .admin-file-content span {
  overflow: hidden;
  color: #8a919d;
  font-size: 10px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-form-page .admin-file-action {
  min-height: 32px;
  padding: 7px 11px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.admin-form-page .admin-file-input.is-invalid + .admin-file-action {
  color: #a1222d;
  background: #fff0f2;
  border-color: #f1c7cc;
}

.admin-form-page .admin-multiple-field-heading {
  min-height: 36px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-form-page .admin-multiple-add-btn {
  min-height: 32px;
  padding: 6px 10px;
  color: #1557d6;
  font-size: 10px;
  font-weight: 800;
  background: #edf4ff;
  border: 1px solid #d5e4fb;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.admin-form-page .admin-multiple-add-btn:hover,
.admin-form-page .admin-multiple-add-btn:focus {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  outline: none;
}

.admin-form-page .admin-multiple-add-btn i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-skill-list {
  padding: 10px;
  background: #fafbfc;
  border: 1px solid #e1e5ec;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-form-page .admin-skill-list-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.08);
}

.admin-form-page .admin-skill-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
}

.admin-form-page .admin-skill-control {
  position: relative;
}

.admin-form-page .admin-skill-control .form-control {
  padding-right: 48px !important;
}

.admin-form-page .admin-skill-number {
  position: absolute;
  top: 50%;
  right: 11px;
  min-width: 24px;
  height: 24px;
  color: #1557d6;
  font-size: 9px;
  font-weight: 850;
  background: #edf4ff;
  border-radius: 999px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.admin-form-page .admin-skill-remove {
  width: 44px;
  height: 44px;
  padding: 0;
  color: #a1222d;
  font-size: 17px;
  background: #fff0f2;
  border: 1px solid #f1c7cc;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admin-form-page .admin-skill-remove:hover,
.admin-form-page .admin-skill-remove:focus {
  color: #ffffff;
  background: #a1222d;
  border-color: #a1222d;
  outline: none;
}

.admin-form-page .admin-skill-remove i {
  margin: 0 !important;
  color: inherit !important;
}

.admin-form-page .admin-skill-row > .invalid-feedback {
  grid-column: 1 / -1;
  margin-top: -3px;
}

.admin-form-page .admin-select-control {
  position: relative;
}

.admin-form-page .admin-select-control > i {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 3;
  color: var(--admin-form-muted);
  font-size: 17px;
  transform: translateY(-50%);
  pointer-events: none;
}

.admin-form-page .admin-select-control .select2-container {
  width: 100% !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple {
  min-height: 44px;
  height: auto !important;
  padding: 6px 38px 6px 41px !important;
  background: #ffffff;
  border: 1px solid var(--admin-form-border) !important;
  border-radius: 9px !important;
  display: flex;
  align-items: center;
  cursor: text;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  line-height: normal !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__choice {
  max-width: 100%;
  margin: 0 !important;
  padding: 4px 9px 4px 24px !important;
  color: #111827;
  font-size: 12px;
  font-weight: 600;
  background: #eef4ff !important;
  border: 1px solid #cfe0ff !important;
  border-radius: 7px !important;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 14px;
  font-weight: 700;
  border-right: 0 !important;
  background: transparent !important;
  border-radius: 50%;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #dc3545 !important;
  background: #ffe9ec !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-search--inline {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-search__field {
  width: auto !important;
  min-width: 180px;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--admin-form-text);
  font-size: 13px;
  line-height: 28px !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: #5b83ff;
  opacity: 1;
}

.admin-form-page .admin-select-control .select2-container--focus .select2-selection--multiple,
.admin-form-page .admin-select-control .select2-container--open .select2-selection--multiple {
  border-color: var(--admin-form-primary) !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11);
}

.admin-form-page .admin-select-control .select2-selection.admin-select-invalid,
.admin-form-page .admin-select-control .select2-selection.is-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #ffffff;
  background: var(--admin-form-primary) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  color: #111827;
  background: #eef4ff;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: -4px !important;
  right: 23px !important;
  padding: 0px !important;
}

.select2-container--default .select2-results__option {
  padding: 9px 12px;
  font-size: 13px;
  color: #000 !important;
}

.select2-container--default .select2-dropdown {
  border: 1px solid #aaa !important;
  border-radius: 9px;
  overflow: hidden;
  z-index: 9999;
}

.products-import-page .admin-listing-title p {
  margin: 4px 0 0;
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
}

.products-import-page .product-import-upload-box {
  padding: 16px;
  border-bottom: 1px solid #e6e1d8;
}

.products-import-page .product-import-upload-form {
  width: 100%;
  padding: 12px;
  background: #fbfaf8;
  border: 1px solid #e6e1d8;
  border-radius: 12px;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.products-import-page .product-import-file-field {
  position: relative;
  width: 100%;
}

.products-import-page .product-import-file-field > i {
  position: absolute;
  top: 50%;
  left: 14px;
  color: #7d8794;
  font-size: 18px;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}

.products-import-page .product-import-file-field .form-control {
  min-height: 40px;
  padding-left: 42px;
  border-color: #ded7cd;
  border-radius: 8px;
  background: #ffffff;
  font-size: 13px;
}

.products-import-page .product-import-upload-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.products-import-page .product-import-upload-actions .btn,
.products-import-page .product-import-filter-actions .btn {
  min-height: 38px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 800;
  border-radius: 8px;
  white-space: nowrap;
}

.products-import-page .product-import-progress {
  grid-column: 1 / -1;
  height: 8px;
  margin-top: 2px;
  border-radius: 999px;
  overflow: hidden;
}

.products-import-page .product-import-file-error {
  grid-column: 1 / -1;
}

.products-import-page .product-import-filter-box {
  padding: 14px 16px;
  background: #fbfaf8;
  border-bottom: 1px solid #e6e1d8;
}

.products-import-page .product-import-filter-form {
  width: 100%;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e6e1d8;
  border-radius: 12px;
  display: grid;
  grid-template-columns: minmax(170px, 1.1fr) minmax(160px, 1fr) minmax(170px, 1fr) minmax(170px, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.products-import-page .product-import-filter-form .form-control {
  min-height: 40px;
  border-color: #ded7cd;
  border-radius: 8px;
  font-size: 13px;
}

.products-import-page .product-import-search-field {
  width: 100%;
}

.products-import-page .product-import-search-field .form-control {
  padding-left: 42px;
}

.products-import-page .product-import-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.products-import-page .product-import-file-link {
  color: #0d6efd;
  text-decoration: none;
}

.products-import-page .product-import-file-link:hover {
  text-decoration: underline;
}

.products-import-page .product-import-action-dropdown .dropdown-menu {
  min-width: 180px;
  padding: 6px;
  border: 1px solid #e6e1d8;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
}

.products-import-page .product-import-action-dropdown .dropdown-item {
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 7px;
}

.specialty-matrix-page .specialty-matrix-toolbar {
  padding: 14px 16px;
  background: #fbfaf8;
  border-bottom: 1px solid #e6e1d8;
}

.specialty-matrix-page .specialty-matrix-toolbar-inner {
  width: 100%;
  min-height: 58px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e6e1d8;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.specialty-matrix-page .specialty-role-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.specialty-matrix-page .specialty-role-tab {
  min-height: 40px;
  padding: 7px 12px;
  color: #1557d6;
  background: #ffffff;
  border: 1px solid rgba(21, 87, 214, 0.35);
  border-radius: 10px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}

.specialty-matrix-page .specialty-role-tab:hover {
  color: #ffffff;
  background: #1557d6;
  border-color: #1557d6;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(21, 87, 214, 0.18);
}

.specialty-matrix-page .specialty-role-tab.active {
  color: #ffffff;
  background: linear-gradient(135deg, #1557d6, #2563eb);
  border-color: #1557d6;
  box-shadow: 0 10px 22px rgba(21, 87, 214, 0.24);
}

.specialty-matrix-page .specialty-role-tab-icon,
.specialty-matrix-page .specialty-role-tab-check {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.specialty-matrix-page .specialty-role-tab-icon {
  background: rgba(21, 87, 214, 0.08);
  font-size: 15px;
}

.specialty-matrix-page .specialty-role-tab.active .specialty-role-tab-icon {
  background: rgba(255, 255, 255, 0.18);
}

.specialty-matrix-page .specialty-role-tab-check {
  color: #1557d6;
  background: #ffffff;
  font-size: 14px;
}

.specialty-matrix-page .specialty-role-tab-text {
  line-height: 1;
}

.specialty-matrix-page .specialty-matrix-search-form {
  width: min(100%, 650px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 650px;
}

.specialty-matrix-page .specialty-matrix-search-field {
  position: relative;
  width: 100%;
  min-width: 260px;
}

.specialty-matrix-page .specialty-matrix-search-field i {
  position: absolute;
  top: 50%;
  left: 14px;
  color: #7d8794;
  font-size: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}

.specialty-matrix-page .specialty-matrix-search-field .form-control {
  height: 40px;
  padding-left: 42px;
  border-color: #ded7cd;
  border-radius: 8px;
  font-size: 13px;
}

.specialty-matrix-page .specialty-matrix-search-btn {
  height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.specialty-matrix-page .matrix-cell-saving {
  opacity: 0.65;
  pointer-events: none;
}

.admin-form-page .subscription-editor-wrap .note-editor {
  border: 1px solid #d8dee8 !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: #ffffff;
}

.admin-form-page .subscription-editor-wrap .note-toolbar {
  padding: 10px 8px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #d8dee8 !important;
}

.admin-form-page .subscription-editor-wrap .note-btn {
  border-color: #d8dee8 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 13px !important;
}

.admin-form-page .subscription-editor-wrap .note-editable {
  min-height: 300px;
  padding: 14px !important;
  color: #1f2937;
  font-size: 14px;
  line-height: 1.6;
  background: #ffffff;
}

.admin-form-page .subscription-editor-wrap .note-placeholder {
  padding: 14px !important;
  color: #94a3b8;
  font-size: 14px;
}

.user-sub-types-page .user-sub-type-filter-form {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(260px, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

.user-sub-types-page .user-sub-type-filter-form .form-control {
  height: 40px;
  border-color: #ded7cd;
  border-radius: 8px;
  font-size: 13px;
}

.user-sub-types-page .user-sub-type-role-field select {
  padding-left: 42px;
}

.admin-listing-page .admin-filter-grid {
  width: 100%;
  display: grid;
  gap: 8px;
  align-items: center;
}

.admin-listing-page .admin-filter-grid--2 {
  grid-template-columns: minmax(220px, 280px) minmax(260px, 1fr) auto auto;
}

.admin-listing-page .admin-filter-grid--3 {
  grid-template-columns: minmax(200px, 260px) minmax(200px, 260px) minmax(260px, 1fr) auto auto;
}

.admin-listing-page .admin-filter-grid--4 {
  grid-template-columns: minmax(180px, 230px) minmax(180px, 230px) minmax(180px, 230px) minmax(260px, 1fr) auto auto;
}

.admin-listing-page .admin-filter-grid--5 {
  grid-template-columns: minmax(170px, 220px) minmax(170px, 220px) minmax(170px, 220px) minmax(170px, 220px) minmax(240px, 1fr) auto auto;
}

.admin-listing-page .admin-filter-grid--6 {
  grid-template-columns: minmax(150px, 190px)
    minmax(150px, 190px)
    minmax(150px, 190px)
    minmax(150px, 190px)
    minmax(150px, 190px)
    minmax(220px, 1fr)
    auto
    auto;
}

.admin-listing-page .admin-filter-field {
  position: relative;
  min-width: 0;
}

.admin-listing-page .admin-filter-field > i {
  position: absolute;
  top: 50%;
  left: 13px;
  z-index: 2;
  color: #8a9099;
  font-size: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}

.admin-listing-page .admin-filter-field .form-control,
.admin-listing-page .admin-filter-field .form-select,
.admin-listing-page .admin-filter-field select {
  width: 100%;
  height: 40px !important;
  min-height: 40px !important;
  padding-left: 40px !important;
  color: #111827 !important;
  font-size: 13px !important;
  background-color: #ffffff;
  border: 1px solid #d8d3c8;
  border-radius: 9px;
  box-shadow: none !important;
}

.admin-listing-page .admin-filter-field .form-control::placeholder {
  color: #8b8f97 !important;
  font-size: 13px !important;
}

.admin-listing-page .admin-filter-field .form-control:focus,
.admin-listing-page .admin-filter-field .form-select:focus,
.admin-listing-page .admin-filter-field select:focus {
  border-color: #1557d6 !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.12) !important;
}

.admin-listing-page .admin-filter-grid .btn {
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 15px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-listing-page .admin-filter-grid .btn-primary,
.admin-listing-page .admin-listing-actions .btn-primary,
.admin-listing-page .admin-listing-empty-state .btn-primary,
.admin-listing-page .admin-listing-pagination .page-item.active .page-link {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.admin-listing-page .admin-filter-grid .btn-primary:hover,
.admin-listing-page .admin-filter-grid .btn-primary:focus,
.admin-listing-page .admin-listing-actions .btn-primary:hover,
.admin-listing-page .admin-listing-actions .btn-primary:focus,
.admin-listing-page .admin-listing-empty-state .btn-primary:hover,
.admin-listing-page .admin-listing-empty-state .btn-primary:focus {
  color: #ffffff !important;
  background: #0f46b3 !important;
  border-color: #0f46b3 !important;
}

.menu-vertical .menu-inner > .menu-item.open > .menu-link,
.menu-vertical .menu-inner > .menu-item.active > .menu-link {
  border-radius: 10px;
}

.menu-vertical .menu-sub {
  margin-left: 16px;
  padding-left: 10px;
  border-left: 1px dashed #c8d7f3;
}

.menu-vertical .menu-sub .menu-item .menu-link {
  min-height: 38px;
  margin: 4px 0;
  border-radius: 8px;
  position: relative;
}

.menu-vertical .menu-sub .menu-item .menu-link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #b9c6d8;
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
}

.menu-vertical .menu-sub .menu-item.active > .menu-link {
  color: #1557d6 !important;
  background: #eaf2ff !important;
  border: 1px solid #cfe0ff;
  font-weight: 800;
}

.menu-vertical .menu-sub .menu-item.active > .menu-link::before {
  background: #1557d6;
  box-shadow: 0 0 0 4px rgba(21, 87, 214, 0.12);
}

.sub-specialty-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.sub-specialty-card {
  background: #0d1828;
  border: 1px solid #26364f;
  border-radius: 16px;
  padding: 16px;
  height: 260px;
  display: flex;
  flex-direction: column;
}

.sub-specialty-card h4 {
  color: #f5d85f;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 12px;
}

.sub-specialty-scroll {
  flex: 1;
  overflow-y: auto;
  padding-right: 6px;
}

.sub-specialty-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #ffffff;
  font-size: 14px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.sub-specialty-check input {
  margin-top: 3px;
  accent-color: #e7c85b;
}

.no-sub-specialty {
  color: #9aa7bc;
  font-size: 14px;
}

.admin-listing-page.item-management-section .item-management-filter-grid {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
}

.admin-listing-page.item-management-section .item-management-filter-grid .item-filter-seller {
  grid-column: 1 / span 1;
}

.admin-listing-page.item-management-section .item-management-filter-grid .item-filter-search {
  grid-column: 2 / span 2;
}

.admin-listing-page.item-management-section .item-management-filter-actions {
  grid-column: 4 / span 4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}

.admin-listing-page.item-management-section .item-management-filter-btn {
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.admin-listing-page.item-management-section .admin-filter-field {
  min-width: 0;
}

.admin-listing-page.item-management-section .admin-filter-field .form-select,
.admin-listing-page.item-management-section .admin-filter-field .form-control {
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  font-size: 13px;
  font-weight: 600;
}

.admin-listing-page.item-management-section .item-management-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.admin-listing-page.item-management-section .item-management-toolbar-start {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-listing-page.item-management-section .item-management-mini-control {
  min-height: 38px;
  padding: 5px 8px 5px 12px;
  background: #ffffff;
  border: 1px solid #e6e1d8;
  border-radius: 9px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-listing-page.item-management-section .item-management-mini-label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-listing-page.item-management-section .item-management-mini-control .form-select {
  width: 72px;
  height: 30px !important;
  min-height: 30px !important;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 700;
}

.admin-listing-page.item-management-section .item-management-selected-chip {
  min-height: 38px;
  padding: 8px 12px;
  color: #1557d6;
  background: #edf4ff;
  border: 1px solid #d8e7ff;
  border-radius: 9px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
}

.admin-listing-page.item-management-section .item-management-toolbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.admin-listing-page.item-management-section .item-management-toolbar-actions .btn {
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.admin-modal .modal-dialog {
  max-width: 760px;
}

.admin-modal.admin-modal-lg .modal-dialog {
  max-width: 980px;
}

.admin-modal .modal-content {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(18, 38, 63, 0.18);
}

.admin-modal .modal-header {
  border-bottom: 1px solid #ebe7df;
  padding: 22px 24px 16px;
  background: #fff;
}

.admin-modal .modal-title {
  font-size: 18px;
  font-weight: 800;
  color: #2d2a32;
  margin: 0;
}

.admin-modal .modal-subtitle {
  margin-top: 6px;
  font-size: 13px;
  color: #8a8595;
  line-height: 1.5;
}

.admin-modal .btn-close {
  box-shadow: none !important;
  opacity: 1;
  background-size: 12px;
}

.admin-modal .modal-body {
  padding: 20px 24px;
  background: #fff;
}

.admin-modal .modal-footer {
  border-top: 1px solid #ebe7df;
  padding: 16px 24px 20px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.admin-modal .admin-modal-footer-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.admin-modal .admin-modal-section {
  border: 1px solid #ebe7df;
  border-radius: 16px;
  background: #fcfbf8;
  padding: 18px;
}

.admin-modal .admin-modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.admin-modal .admin-modal-grid--one {
  grid-template-columns: minmax(0, 1fr);
}

.admin-modal .admin-modal-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-modal .admin-modal-field {
  min-width: 0;
}

.admin-modal .admin-modal-field label,
.admin-modal .form-label {
  display: inline-block;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #6d6778;
}

.admin-modal .form-control,
.admin-modal .form-select {
  height: 46px;
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid #d8d1c6;
  box-shadow: none !important;
  font-size: 14px;
  color: #2f2a36;
  background: #fff;
}

.admin-modal textarea.form-control {
  height: auto;
  min-height: 130px;
  resize: vertical;
  padding-top: 12px;
}

.admin-modal .form-control:focus,
.admin-modal .form-select:focus {
  border-color: #2a62d7;
  box-shadow: 0 0 0 3px rgba(42, 98, 215, 0.12) !important;
}

.admin-modal .admin-modal-btn {
  min-width: 120px;
  height: 42px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  padding: 10px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
}

.admin-modal .admin-modal-btn-secondary {
  background: #f4f1eb;
  color: #6b6674;
  border: 1px solid #dfd8cc;
}

.admin-modal .admin-modal-btn-secondary:hover {
  background: #ece7de;
  color: #4f4a58;
}

.admin-modal .admin-modal-btn-primary {
  background: #235ed8;
  color: #fff;
}

.admin-modal .admin-modal-btn-primary:hover {
  background: #1c51be;
  color: #fff;
}

.admin-modal .admin-modal-btn-success {
  background: #e7f8eb;
  color: #168345;
  border: 1px solid #9fdfb4;
}

.admin-modal .admin-modal-btn-success:hover {
  background: #d7f1de;
  color: #0e6c37;
}

.admin-modal .admin-modal-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #eef4ff;
  color: #235ed8;
  font-size: 12px;
  font-weight: 700;
}

.admin-modal .admin-modal-scroll {
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.admin-modal .admin-check-list {
  border: 1px solid #ebe7df;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.admin-modal .admin-check-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid #f1ece4;
}

.admin-modal .admin-check-item:last-child {
  border-bottom: 0;
}

.admin-modal .admin-check-item label {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #403b48;
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin-modal .admin-check-item input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: #235ed8;
}

.admin-modal .admin-help-text {
  margin-top: 8px;
  font-size: 12px;
  color: #8b8695;
  line-height: 1.5;
}

.admin-modal .select2-container {
  width: 100% !important;
}

.admin-modal .select2-container .select2-selection--single,
.admin-modal .select2-container .select2-selection--multiple {
  min-height: 46px !important;
  border-radius: 12px !important;
  border: 1px solid #d8d1c6 !important;
  display: flex !important;
  align-items: center !important;
  background: #fff !important;
  box-shadow: none !important;
}

.admin-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
  padding-left: 14px !important;
  color: #2f2a36 !important;
  font-size: 14px !important;
}

.admin-modal .select2-container--default .select2-selection--multiple {
  padding: 6px 10px !important;
}

.admin-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #eef4ff !important;
  border: 1px solid #c9dbff !important;
  color: #235ed8 !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.admin-modal .select2-dropdown {
  border: 1px solid #d8d1c6 !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.admin-modal .select2-search__field {
  outline: none !important;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  50% {
    scale: 150%;
  }
  100% {
    scale: 100%;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes package-cell-spin {
  to {
    transform: rotate(360deg);
  }
}

/* =========================================================
   ADMIN SELECT2 FIX
   Keeps Select2 white/readable and prevents dropdown clipping.
========================================================= */
.admin-form-page .admin-select-control .select2-container {
  width: 100% !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--single {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 38px 0 41px !important;
  background: #ffffff !important;
  border: 1px solid var(--admin-form-border) !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--single .select2-selection__rendered {
  width: 100%;
  padding: 0 !important;
  color: var(--admin-form-text) !important;
  font-size: 13px;
  line-height: 42px !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #5b83ff !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  top: 50% !important;
  right: 34px !important;
  z-index: 4 !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50% !important;
  right: 9px !important;
  height: 22px !important;
  transform: translateY(-50%) !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple {
  min-height: 44px !important;
  height: auto !important;
  padding: 6px 38px 6px 41px !important;
  background: #ffffff !important;
  border: 1px solid var(--admin-form-border) !important;
  border-radius: 9px !important;
  display: flex !important;
  align-items: center !important;
  cursor: text;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__rendered {

  min-height: 30px;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  line-height: normal !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__choice {
  max-width: 100%;
  margin: 0 !important;
  padding: 4px 10px 4px 24px !important;
  color: #111827 !important;
  font-size: 12px;
  font-weight: 700;
  background: #eef4ff !important;
  border: 1px solid #cfe0ff !important;
  border-radius: 7px !important;
  line-height: 18px;
  position: relative;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  width: 18px;
  height: 18px;
  margin: 0 !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 14px;
  font-weight: 800;
  border: 0 !important;
  background: transparent !important;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-search--inline {
  margin: 0 !important;
  padding: 0 !important;
}

.admin-form-page .admin-select-control .select2-container--default .select2-selection--multiple .select2-search__field {
  width: auto !important;
  min-width: 180px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--admin-form-text) !important;
  font-size: 13px;
  line-height: 28px !important;
}

.admin-form-page .admin-select-control .select2-container--focus .select2-selection,
.admin-form-page .admin-select-control .select2-container--open .select2-selection {
  border-color: var(--admin-form-primary) !important;
  box-shadow: 0 0 0 3px rgba(21, 87, 214, 0.11) !important;
}

.admin-form-page .admin-select-control .select2-selection.admin-select-invalid,
.admin-form-page .admin-select-control .select2-selection.is-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;
}

.select2-container--open {
  z-index: 99999 !important;
}

.select2-container--default .select2-dropdown {
  margin-top: 4px;
  color: #111827 !important;
  background: #ffffff !important;
  border: 1px solid #dbe2ea !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
  overflow: hidden;
  z-index: 99999 !important;
}

.select2-container--default .select2-search--dropdown {
  padding: 8px;
  background: #ffffff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  min-height: 36px;
  color: #111827 !important;
  background: #ffffff !important;
  border: 1px solid #dbe2ea !important;
  border-radius: 7px !important;
  outline: none !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 220px !important;
  overflow-y: auto !important;
  padding: 5px !important;
  background: #ffffff !important;
}

.select2-container--default .select2-results__option {
  min-height: 36px;
  padding: 9px 12px !important;
  color: #1f2937 !important;
  background: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #ffffff !important;
  background: var(--admin-form-primary) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--selected {
  color: #111827 !important;
  background: #eef4ff !important;
}

@media (max-width: 1499.98px) {
  .admin-listing-page.item-management-section .item-management-filter-grid {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

  .admin-listing-page.item-management-section .item-management-filter-grid .item-filter-seller {

    grid-column: auto;

  }

  .admin-listing-page.item-management-section .item-management-filter-grid .item-filter-search {

    grid-column: span 2;

  }

  .admin-listing-page.item-management-section .item-management-filter-actions {

    grid-column: span 2;

  }
}

@media (max-width: 1399.98px) {
  .users-management-page .status-summary-grid {

    grid-template-columns: repeat(3, 1fr);

  }

  .contact-submissions-page .admin-listing-header {

    align-items: flex-start;

  }

  .contact-submissions-page .contact-submission-actions {

    max-width: 720px;

  }
}

@media (max-width: 1199.98px) {
  .frm-mrgn {

    margin-bottom: 0px;

  }

  .row.mrgn {

    margin: 0px 10px;

  }

  .row.mrgn select {

    margin-bottom: 20px;

  }

  .order-btn {

    font-size: 10px !important;

    padding: 10px;

  }

  .responsive-button form button {

    margin-bottom: 20px !important;

    margin-top: 20px !important;

  }

  .row.mrgn select,

  .row.mrgn input {

    margin-bottom: 20px !important;

    margin-top: 0px !important;

  }

  .cross-sidebar {

    position: absolute;

    right: 5px;

    z-index: 1120;

    top: 5px;

    display: block;

  }

  #layout-menu {

    width: 280px !important;

    box-shadow: 16px 0 45px rgba(15, 23, 42, 0.15) !important;

  }

  #layout-menu .app-brand.demo {

    min-height: 112px;

  }

  #layout-menu .app-brand-logo.demo {

    width: 130px;

    height: 92px;

  }

  #layout-menu .app-brand-logo.demo img {

    width: 116px !important;

    max-width: 116px !important;

    height: 86px !important;

    max-height: 86px !important;

  }

  #layout-menu .menu-inner {

    padding-bottom: 40px !important;

  }

  .contact-submissions-page .admin-listing-header {

    flex-direction: column;

  }

  .contact-submissions-page .contact-submission-actions {

    width: 100%;

    max-width: none;

    justify-content: flex-start;

  }

  .bulk-response-page .order-summary-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .products-import-page .product-import-upload-form,

  .products-import-page .product-import-filter-form {

    grid-template-columns: 1fr 1fr;

  }

  .products-import-page .product-import-file-field,

  .products-import-page .product-import-filter-actions,

  .products-import-page .product-import-progress,

  .products-import-page .product-import-file-error {

    grid-column: 1 / -1;

  }

  .products-import-page .product-import-upload-actions,

  .products-import-page .product-import-filter-actions {

    justify-content: flex-start;

  }

  .specialty-matrix-page .specialty-matrix-toolbar-inner {

    align-items: flex-start;

    flex-direction: column;

  }

  .specialty-matrix-page .specialty-matrix-search-form {

    width: 100%;

    flex: none;

    justify-content: flex-start;

  }

  .admin-listing-page .admin-filter-grid--4,

  .admin-listing-page .admin-filter-grid--5 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }
}

@media (max-width: 991.98px) {
  .row.mrgn {

    margin-top: 0px !important;

    margin-bottom: 0px !important;

  }

  .frm-mrgn {

    margin-bottom: 0px;

  }

  .cross {

    position: absolute !important;

    top: 0 !important;

    left: 99% !important;

  }

  .page-wrapper,

  .admin-listing-page {

    padding: 16px;

  }

  .users-management-page .status-summary-grid {

    grid-template-columns: repeat(2, 1fr);

  }

  .admin-listing-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .admin-listing-actions {

    width: 100%;

    justify-content: flex-start;

  }

  .task-management-page .task-filter-form {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .task-management-page .task-filter-form > .btn {

    width: 100%;

  }

  .team-members-page .team-members-filter-form {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .team-members-page .team-members-filter-form > .btn {

    width: 100%;

  }

  .assignments-page .assignments-filter-form {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .assignments-page .assignments-filter-form > .btn {

    width: 100%;

  }

  .contact-submissions-page .contact-submission-filter-form {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .contact-submissions-page .contact-submission-filter-form > .btn {

    width: 100%;

  }

  .settings-page .settings-grid--two,

  .settings-page .settings-assets-grid {

    grid-template-columns: 1fr;

  }

  .settings-page .settings-social-fields {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .settings-page .settings-social-icon-field,

  .settings-page .settings-social-remove-wrap {

    align-self: end;

  }

  .package-management-page .package-feature-column,

  .package-management-page .package-feature-cell {

    width: 215px;

    min-width: 215px !important;

  }

  .package-management-page .package-admin-column,

  .package-management-page .package-admin-cell {

    left: 215px;

    width: 155px;

    min-width: 155px !important;

  }

  .bulk-order-summary-page .bulk-order-quotation-details {

    grid-template-columns: 1fr;

  }

  .virtual-store-page .virtual-store-seller-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-store-page .virtual-store-seller-actions {

    width: 100%;

    justify-content: flex-start;

  }

  .virtual-store-details-page .virtual-store-details-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-store-details-page .virtual-store-details-actions {

    width: 100%;

    justify-content: flex-start;

  }

  .virtual-order-details-page .virtual-order-details-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-order-details-page .virtual-order-details-header-actions {

    width: 100%;

    justify-content: flex-start;

  }

  .virtual-order-details-page .virtual-order-commercial-grid {

    grid-template-columns: 1fr;

  }

  .admin-form-page .admin-permission-grid {

    grid-template-columns: repeat(

        2,

        minmax(0, 1fr)

      );

  }

  .user-sub-types-page .user-sub-type-filter-form {

    grid-template-columns: 1fr 1fr;

  }

  .admin-listing-page .admin-filter-grid--2,

  .admin-listing-page .admin-filter-grid--3 {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .admin-listing-page .admin-filter-grid--6 {

    grid-template-columns: repeat(2, 1fr);

  }

  .admin-listing-page.item-management-section .item-management-filter-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .admin-listing-page.item-management-section .item-management-filter-grid .item-filter-search,

  .admin-listing-page.item-management-section .item-management-filter-actions {

    grid-column: span 2;

  }
}

@media (max-width: 767.98px) {
  .button_box {

    width: 31%;

  }

  .position-wrapper span {

    font-size: 18px;

  }

  .cardd-box-heading {

    flex-wrap: wrap;

  }

  .responsive-width {

    width: 100%;

  }

  .responsive-search {

    margin-top: 16px;

  }

  .responsive-search .navbar,

  .responsive-search .nav-item {

    width: 100%;

  }

  .admin-listing-search-inline {

    align-items: stretch;

    flex-direction: column;

  }

  .admin-listing-search-field {

    width: 100%;

    max-width: none;

  }

  .admin-listing-search-inline > .btn {

    width: 100%;

  }

  .admin-listing-pagination nav > div:last-child {

    align-items: flex-start !important;

    flex-direction: column;

    gap: 12px;

  }

  #supplyChainDashboard .supply-chain-wrapper-header {

    padding: 16px;

    align-items: flex-start;

    flex-direction: column;

  }

  #supplyChainDashboard .admin-listing-actions {

    width: 100%;

  }

  #supplyChainDashboard .admin-listing-back-btn {

    width: 100%;

  }

  #supplyChainDashboard .supply-chain-wrapper-body {

    padding: 16px;

  }

  .talent-category-page .talent-category-description {

    min-width: 250px;

  }

  .seller-package-page .seller-package-feature-column,

  .seller-package-page .seller-package-module-cell {

    width: 210px;

    min-width: 210px !important;

  }

  .seller-package-page .seller-package-plan-column,

  .seller-package-page .seller-package-table tbody td {

    min-width: 165px;

  }

  .products-master-page .admin-listing-actions {

    width: 100%;

  }

  .products-master-page .admin-listing-actions .btn {

    flex: 1 1 auto;

  }

  .contact-submissions-page .contact-submission-actions {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

  .contact-submissions-page .contact-submission-actions .btn {

    width: 100%;

  }

  .settings-page {

    padding: 16px 14px 28px;

  }

  .settings-page .settings-tabs-wrap {

    padding: 14px 14px 0;

  }

  .settings-page .settings-tabs {

    width: 100%;

    overflow-x: auto;

    flex-wrap: nowrap;

  }

  .settings-page .settings-tabs .nav-link {

    white-space: nowrap;

  }

  .settings-page .settings-tab-content {

    padding: 14px;

  }

  .settings-page .settings-section {

    padding: 16px;

  }

  .settings-page .settings-asset-card {

    align-items: flex-start;

    flex-direction: column;

  }

  .settings-page .settings-asset-preview,

  .settings-page .settings-favicon-preview-wrap {

    width: 100%;

    flex-basis: auto;

  }

  .package-management-page .package-feature-column,

  .package-management-page .package-feature-cell {

    width: 190px;

    min-width: 190px !important;

  }

  .package-management-page .package-admin-column,

  .package-management-page .package-admin-cell {

    left: 190px;

    width: 145px;

    min-width: 145px !important;

  }

  .package-management-page .package-plan-column,

  .package-management-page .package-matrix-table tbody td {

    min-width: 165px;

  }

  .bulk-order-summary-page {

    padding: 16px 14px 28px;

  }

  .bulk-order-summary-page .bulk-order-content {

    padding: 14px;

  }

  .bulk-order-summary-page .bulk-order-confirmed-box,

  .bulk-order-summary-page .bulk-order-request-box {

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-order-summary-page .bulk-order-confirmed-box .btn,

  .bulk-order-summary-page .bulk-order-request-box .btn {

    width: 100%;

  }

  .bulk-response-page {

    padding: 16px 14px 28px;

  }

  .bulk-response-page .bulk-response-content {

    padding: 14px;

  }

  .bulk-response-page .bulk-response-section-header {

    padding: 13px 14px;

  }

  .bulk-response-page .bulk-response-orders,

  .bulk-response-page .order-progress-list {

    padding: 14px;

  }

  .bulk-response-page .order-summary-grid {

    padding: 14px;

  }

  .virtual-store-page {

    padding: 16px 14px 28px;

  }

  .virtual-store-page .virtual-store-content {

    padding: 14px;

  }

  .virtual-store-page .virtual-store-seller-header {

    padding: 14px;

  }

  .virtual-store-details-page {

    padding: 16px 14px 28px;

  }

  .virtual-store-details-page .virtual-store-details-content {

    padding: 14px;

  }

  .virtual-store-details-page .virtual-store-details-seller-header {

    padding: 14px;

  }

  .virtual-order-details-page {

    padding: 16px 14px 28px;

  }

  .virtual-order-details-page .virtual-order-details-content {

    padding: 14px;

  }

  .virtual-order-details-page .virtual-order-seller-list {

    padding: 14px;

  }

  .buyer-responses-page .buyer-responses-panel {

    margin: 14px;

  }

  .buyer-responses-page .buyer-responses-footer {

    align-items: flex-start;

    flex-direction: column;

  }

  .buyer-responses-page .buyer-response-quotation-btn {

    width: 100%;

  }

  .admin-form-page {

    padding: 16px 14px 28px;

  }

  .admin-form-page .admin-form-body {

    padding: 14px;

  }

  .admin-form-page .admin-form-section {

    padding: 16px;

  }

  .admin-form-page .admin-form-grid--two,

  .admin-form-page .admin-form-grid--three {

    grid-template-columns: 1fr;

  }

  .admin-form-page .admin-form-grid-full {

    grid-column: auto;

  }

  .products-import-page .admin-listing-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .products-import-page .admin-listing-actions {

    width: 100%;

    flex-wrap: wrap;

  }

  .products-import-page .admin-listing-actions .btn,

  .products-import-page .product-import-upload-actions .btn,

  .products-import-page .product-import-filter-actions .btn {

    width: 100%;

  }

  .products-import-page .product-import-upload-form,

  .products-import-page .product-import-filter-form {

    grid-template-columns: 1fr;

  }

  .products-import-page .product-import-upload-actions,

  .products-import-page .product-import-filter-actions {

    flex-direction: column;

  }

  .sub-specialty-card-grid {

    grid-template-columns: 1fr;

  }

  .admin-modal .modal-header,

  .admin-modal .modal-body,

  .admin-modal .modal-footer {

    padding-left: 16px;

    padding-right: 16px;

  }

  .admin-modal .admin-modal-grid,

  .admin-modal .admin-modal-grid--three {

    grid-template-columns: minmax(0, 1fr);

  }

  .admin-modal .admin-modal-footer-right {

    width: 100%;

  }

  .admin-modal .admin-modal-btn {

    width: 100%;

  }
}

@media (max-width: 575.98px) {
  #dropdown-variation-demo .btn-group .text-truncate {

    width: 300px;

    position: relative;

  }

  #dropdown-variation-demo .btn-group .text-truncate::after {

    position: absolute;

    top: 45%;

    right: 0.65rem;

  }

  .button_box {

    width: 29%;

  }

  .position-wrapper span {

    font-size: 14px;

  }

  .responsive-wraper form.search-form .navbar-nav,

  .responsive-wraper form.search-form .navbar-nav .nav-item,

  .responsive-wraper form.search-form {

    width: 100%;

  }

  .cardd-box-heading {

    gap: 20px;

    flex-wrap: wrap;

  }

  .w-responsive {

    width: 100%;

  }

  .row.mrgn {

    margin-top: 0px !important;

    margin-bottom: 0px !important;

  }

  .position-wrapper {

    position: relative !important;

  }

  .cross {

    position: absolute !important;

    top: 0 !important;

    left: 99% !important;

  }

  .card h5.card-header {

    text-align: left;

  }

  .btn-primary {

    white-space: nowrap;

  }

  .page-wrapper,

  .admin-listing-page {

    padding: 12px;

  }

  .users-management-page .status-summary-grid {

    grid-template-columns: 1fr;

  }

  .admin-listing-actions,

  .admin-listing-actions .btn,

  .admin-listing-filter-form .btn {

    width: 100%;

  }

  .admin-listing-filter-box {

    margin: 12px;

    padding: 12px;

  }

  .admin-listing-table thead th,

  .admin-listing-table tbody td {

    padding: 12px 13px !important;

  }

  #supplyChainDashboard .supply-chain-wrapper-body {

    padding: 12px;

  }

  .task-management-page .task-filter-form {

    grid-template-columns: 1fr;

  }

  .task-management-page .task-status-filter {

    width: 100%;

  }

  .team-members-page .team-members-filter-form {

    grid-template-columns: 1fr;

  }

  .team-members-page .team-members-status-filter {

    width: 100%;

  }

  .assignments-page .assignments-filter-form {

    grid-template-columns: 1fr;

  }

  .assignments-page .assignments-status-filter {

    width: 100%;

  }

  .contact-submissions-page .contact-submission-filter-form {

    grid-template-columns: 1fr;

  }

  .contact-submissions-page .contact-subscription-filter {

    width: 100%;

    min-width: 0;

  }

  .contact-submissions-page .contact-submission-actions {

    grid-template-columns: 1fr;

  }

  .contact-modal-content .modal-body {

    padding: 16px;

  }

  .settings-page .settings-header {

    padding: 15px;

    align-items: flex-start;

    flex-direction: column;

  }

  .settings-page .settings-header-actions,

  .settings-page .settings-back-btn {

    width: 100%;

  }

  .settings-page .settings-social-fields {

    grid-template-columns: 1fr;

  }

  .settings-page .settings-social-remove-wrap {

    display: flex;

    justify-content: flex-end;

  }

  .settings-page .settings-section-header--actions {

    align-items: flex-start;

    flex-direction: column;

  }

  .settings-page .settings-add-social-btn {

    width: 100%;

  }

  .settings-page .settings-form-footer {

    padding: 14px;

  }

  .settings-page .settings-form-footer .btn {

    flex: 1;

  }

  .bulk-order-summary-page .bulk-order-page-header {

    padding: 15px;

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-order-summary-page .bulk-order-page-actions,

  .bulk-order-summary-page .bulk-order-back-btn {

    width: 100%;

  }

  .bulk-order-summary-page .bulk-order-buyer-header,

  .bulk-order-summary-page .bulk-order-quotation-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-order-summary-page .bulk-order-quotation-actions {

    flex-direction: column;

  }

  .bulk-order-summary-page .bulk-order-quotation-actions .btn {

    width: 100%;

  }

  .bulk-response-page .bulk-response-header {

    padding: 15px;

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-response-page .bulk-response-header-actions,

  .bulk-response-page .bulk-response-back-btn {

    width: 100%;

  }

  .bulk-response-page .bulk-response-order-heading {

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-response-page .order-summary-grid {

    grid-template-columns: 1fr;

  }

  .bulk-response-page .order-summary-card {

    min-height: 95px;

  }

  .bulk-response-page .order-progress-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .bulk-response-page .order-progress-current-status {

    margin-left: 58px;

  }

  .virtual-store-page .virtual-store-header {

    padding: 15px;

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-store-page .virtual-store-header-actions,

  .virtual-store-page .virtual-store-back-btn {

    width: 100%;

  }

  .virtual-store-page .virtual-store-seller-actions {

    display: grid;

    grid-template-columns: 1fr;

  }

  .virtual-store-page .virtual-store-seller-actions .btn,

  .virtual-store-page .virtual-store-product-count,

  .virtual-store-page .virtual-store-promoted-status {

    width: 100%;

  }

  .virtual-store-page .virtual-store-pagination {

    justify-content: center;

  }

  .virtual-store-page .virtual-store-pagination .pagination {

    justify-content: center;

  }

  .virtual-store-details-page .virtual-store-details-actions {

    display: grid;

    grid-template-columns: 1fr;

  }

  .virtual-store-details-page .virtual-store-details-actions .btn {

    width: 100%;

  }

  .virtual-store-details-page .virtual-store-details-seller-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-store-details-page .virtual-store-details-product-count {

    width: 100%;

  }

  .virtual-store-details-page .virtual-store-details-footer {

    align-items: stretch;

    flex-direction: column;

  }

  .virtual-store-details-page .virtual-store-details-footer .btn {

    width: 100%;

  }

  .virtual-order-details-page .virtual-order-details-header-actions {

    display: grid;

    grid-template-columns: 1fr;

  }

  .virtual-order-details-page .virtual-order-details-header-actions .btn {

    width: 100%;

  }

  .virtual-order-details-page .virtual-order-seller-header {

    align-items: flex-start;

    flex-direction: column;

  }

  .virtual-order-details-page .virtual-order-product-count {

    width: 100%;

  }

  .virtual-order-details-page .virtual-order-pagination,

  .virtual-order-details-page .virtual-order-pagination .pagination {

    justify-content: center;

  }

  .buyer-responses-page .buyer-responses-panel-header {

    padding: 13px 14px;

  }

  .buyer-responses-page .buyer-responses-footer {

    padding: 14px;

  }

  .admin-form-page .admin-form-header {

    padding: 15px;

    align-items: flex-start;

    flex-direction: column;

  }

  .admin-form-page .admin-form-header-actions {

    width: 100%;

  }

  .admin-form-page .admin-form-header-actions .admin-form-btn {

    width: 100%;

  }

  .admin-form-page .admin-form-footer {

    padding: 14px;

    justify-content: flex-start;

  }

  .email-template-form-page .note-toolbar {

    overflow-x: auto !important;

    white-space: nowrap !important;

  }

  .admin-form-page .admin-permission-heading {

    align-items: flex-start;

    flex-direction: column;

  }

  .admin-form-page .admin-permission-grid {

    grid-template-columns: 1fr;

  }

  .admin-form-page .admin-file-upload {

    grid-template-columns: auto minmax(0, 1fr);

  }

  .admin-form-page .admin-file-action {

    grid-column: 1 / -1;

    width: 100%;

  }

  .admin-form-page .admin-multiple-field-heading {

    align-items: flex-start;

    flex-direction: column;

  }

  .admin-form-page .admin-multiple-add-btn {

    width: 100%;

  }

  .specialty-matrix-page .specialty-role-tabs {

    width: 100%;

    flex-direction: column;

  }

  .specialty-matrix-page .specialty-role-tab,

  .specialty-matrix-page .specialty-matrix-search-btn {

    width: 100%;

    justify-content: center;

  }

  .specialty-matrix-page .specialty-matrix-search-form {

    flex-direction: column;

  }

  .specialty-matrix-page .specialty-matrix-search-field {

    min-width: 100%;

  }

  .user-sub-types-page .user-sub-type-filter-form {

    grid-template-columns: 1fr;

  }

  .user-sub-types-page .user-sub-type-filter-form .btn {

    width: 100%;

  }

  .admin-listing-page .admin-filter-grid,

  .admin-listing-page .admin-filter-grid--2,

  .admin-listing-page .admin-filter-grid--3,

  .admin-listing-page .admin-filter-grid--4,

  .admin-listing-page .admin-filter-grid--5 {

    grid-template-columns: 1fr;

  }

  .admin-listing-page .admin-filter-grid .btn {

    width: 100%;

  }

  .admin-listing-page .admin-filter-grid--6 {

    grid-template-columns: 1fr;

  }

  .admin-listing-page.item-management-section .item-management-filter-grid {

    grid-template-columns: 1fr;

  }

  .admin-listing-page.item-management-section .item-management-filter-grid .item-filter-search,

  .admin-listing-page.item-management-section .item-management-filter-actions {

    grid-column: auto;

  }

  .admin-listing-page.item-management-section .item-management-filter-actions {

    width: 100%;

    flex-direction: column;

  }

  .admin-listing-page.item-management-section .item-management-filter-btn,

  .admin-listing-page.item-management-section .item-management-toolbar-actions .btn {

    width: 100%;

  }

  .admin-listing-page.item-management-section .item-management-toolbar,

  .admin-listing-page.item-management-section .item-management-toolbar-start,

  .admin-listing-page.item-management-section .item-management-toolbar-actions {

    width: 100%;

  }
}

@media (max-width: 476px) {
  .button_box {

    width: 100%;

  }

  .header-title h4 {

    font-size: 14px;

  }

  .responsive-wraper {

    flex-wrap: wrap;

  }

  .responsive-wraper form.search-form .navbar-nav,

  .responsive-wraper form.search-form .navbar-nav .nav-item,

  .responsive-wraper form.search-form {

    width: 100%;

  }
}

/* 16June2026 */
.item-filter-row-1 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    align-items: center;
}

.item-filter-row-1 .admin-filter-field {
    width: 100%;
}

@media (max-width: 1400px) {
    .item-filter-row-1 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 768px) {
    .item-filter-row-1 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .item-filter-row-1 {
        grid-template-columns: 1fr;
    }
}
/* 16June2026 */

/* ---------------------------------------------------------
   Users management filter layout (isolated custom block)
--------------------------------------------------------- */
.users-filter-wrapper {
  width: 98%;
}

.users-filter-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.users-filter-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
}

.users-filter-row--search {
  grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
}

.users-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}

.users-filter-btn {
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.users-filter-row .admin-filter-field {
  min-width: 0;
}

.users-filter-row .admin-filter-field .form-select,
.users-filter-row .admin-filter-field .form-control {
  width: 100%;
  min-width: 0;
  height: 40px;
  min-height: 40px;
  font-size: 13px;
  font-weight: 600;
}

@media (max-width: 1199px) {
  .users-filter-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .users-filter-row--search {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  }
}

@media (max-width: 767px) {
  .users-filter-row,
  .users-filter-row--search {
    grid-template-columns: 1fr;
  }

  .users-filter-actions {
    width: 100%;
  }

  .users-filter-btn {
    width: 100%;
  }
}
/* new btn css */


/* ---------------------------------------------------------
   Item Management button polish (contact-page inspired)
--------------------------------------------------------- */
.item-management-partial .admin-listing-filter-box {
  background: #fff;
  border: 1px solid #ece6d8;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.05);
}

.item-management-partial .item-management-filter-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item-management-partial .item-management-filter-actions .btn,
.item-management-partial .item-management-toolbar-actions .btn {
  min-height: 40px;
  height: 40px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.item-management-partial .item-management-filter-actions .btn:hover,
.item-management-partial .item-management-toolbar-actions .btn:hover {
  transform: translateY(-1px);
}

.item-management-partial .item-management-filter-actions .btn.btn-primary,
.item-management-partial .item-management-toolbar-actions .btn.btn-primary {
  color: #ffffff !important;
  background: #1557d6 !important;
  border: 1px solid #1557d6 !important;
  box-shadow: 0 8px 18px rgba(21, 87, 214, 0.18);
}

.item-management-partial .item-management-filter-actions .btn.btn-primary:hover,
.item-management-partial .item-management-toolbar-actions .btn.btn-primary:hover {
  background: #1249b0 !important;
  border-color: #1249b0 !important;
}

.item-management-partial .item-management-toolbar-actions #exportAllBtn,
.item-management-partial .item-management-toolbar-actions #exportSelectedBtn {
  color: #08734f !important;
  background: #e8f8f1 !important;
  border: 1px solid #bfe8d6 !important;
}

.item-management-partial .item-management-toolbar-actions #exportAllBtn:hover,
.item-management-partial .item-management-toolbar-actions #exportSelectedBtn:hover,
.item-management-partial .item-management-toolbar-actions #exportAllBtn:focus,
.item-management-partial .item-management-toolbar-actions #exportSelectedBtn:focus {
  color: #ffffff !important;
  background: #08734f !important;
  border-color: #08734f !important;
}

.item-management-partial .item-management-toolbar-actions #viewMappedBtn {
  color: #1557d6 !important;
  background: #edf4ff !important;
  border: 1px solid #ccdefb !important;
}

.item-management-partial .item-management-toolbar-actions #viewMappedBtn:hover,
.item-management-partial .item-management-toolbar-actions #viewMappedBtn:focus {
  color: #ffffff !important;
  background: #1557d6 !important;
  border-color: #1557d6 !important;
}

.item-management-partial .item-management-filter-actions .btn.btn-secondary,
.item-management-partial .item-management-toolbar-actions .btn.btn-secondary {
  color: #5f5a65 !important;
  background: #f5f3ec !important;
  border: 1px solid #e5ddcb !important;
}

.item-management-partial .item-management-filter-actions .btn.btn-secondary:hover,
.item-management-partial .item-management-toolbar-actions .btn.btn-secondary:hover {
  color: #44414d !important;
  background: #ece7da !important;
  border-color: #d9cfb7 !important;
}

.item-management-partial .item-management-filter-actions .btn.btn-danger,
.item-management-partial .item-management-toolbar-actions .btn.btn-danger {
  color: #a1222d !important;
  background: #fff0f2 !important;
  border: 1px solid #f1c7cc !important;
}

.item-management-partial .item-management-filter-actions .btn.btn-danger:hover,
.item-management-partial .item-management-toolbar-actions .btn.btn-danger:hover {
  color: #ffffff !important;
  background: #c93645 !important;
  border-color: #c93645 !important;
}

.item-management-partial .item-management-toolbar-actions .btn i,
.item-management-partial .item-management-filter-actions .btn i {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
}

.bg-label-success {
    background-color: #e6f7d9 !important;
    color: #08734f !important;
}
.bg-label-warning {
    background-color: #fff4d9 !important;
    color: #a16000 !important;
}
.bg-label-info {
    background-color: #dcf3ff !important;
    color: #1164b4 !important;
}
.menu-vertical {
    width: 20.25rem !important;
}