.dashboard-card {
  height: 160px;
  overflow: hidden;
}
.sidebar-header {
  background: #fff;
}
.fixed .sidebar .sidebar-body {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .chat-container {
    height: calc(100vh - 97px);
  }
  .message-content {
    height: calc(100vh - 248px);
  }
}
@media (min-width: 992px) {
  .messenger-dialog__area {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 0;
  }
  .chat-container {
    border-width: 1px;
  }
}
@media (min-width: 1200px) {
  .chat-panel {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.chat-area-bottom .form-control {
  padding: 10px 50px 10px 20px;
}
.chat-panel .chat-header .btn {
  padding: 0.375rem 0.75rem;
  line-height: inherit;
  margin-right: inherit;
  font-size: inherit;
  color: #fff;
}
.message-content .message .avatar {
  margin: 0;
  margin-right: 15px;
}
.message-content.bg-text-green .message .text.me,
.radio-list label span.green {
  background: #16994a;
}
body.fixed.sidebar-mini .sidebar-logo-sm {
  display: none;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse .sidebar-logo-lg {
  display: none;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse .sidebar-logo-sm {
  display: block;
  width: 100%;
  max-width: 35px;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse_hover .sidebar-logo-sm {
  display: none;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse_hover .sidebar-logo-lg {
  display: block;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse .sidebar-logout {
  display: none;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
body.fixed.sidebar-mini.sidebar-collapse_hover .sidebar-logout {
  display: block;
  transition: all 0.9s ease;
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
}
.login-form-body {
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 10px;
  background: #fff;
}
.register-logo img {
  width: 200px;
}
.signin-btn {
  color: #fff;
  background-color: #20dc49;
  border-color: #20dc49;
  transition: 0.3s;
}
.signin-btn:hover {
  color: #fff;
  background-color: #04a704;
  border-color: #04a704;
}
.login-form-body .form-control {
  border-left: 4px solid #20dc49 !important;
}
.shadow-sm {
  box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.bg-soft-violate {
  background-color: #bebff0ab !important;
  color: #474cff;
}
.bg-soft-warning {
  background-color: #fef2d6 !important;
  color: #914f00;
}
.bg-soft-green {
  background-color: #adf98670 !important;
  color: #006f00;
}
.bg-soft-red {
  background-color: #ecbe97 !important;
  color: #a30000;
}
.bg-create-action{
    background: var(--active-bg);
}
.bg-soft-mint { background-color: #e6f7f5; color: #00897b; }
.bg-soft-blue { background-color: #e3f2fd; color: #0277bd; }
/*.bg-soft-green { background-color: #39bd02; color: #ffffff;}*/
.bg-soft-orange { background-color: #fff8e1; color: #ff8f00; } 
.bg-soft-purple { background-color: #f3e5f5; color: #7b1fa2; }
.bg-soft-pink { background-color: #fce4ec; color: #c2185b; } 
.text-label {
    font-size: 0.85rem;
    color: #666;
}
.text-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
}
.sidebar-nav ul li a {
  font-weight: 600;
}
#purchasechart {
  width: 100%;
  height: 300px;
}
#cashierchart {
  width: 100%;
  height: 300px;
}

.sidebar-logo-lg {
  width: 120px;
}
.ev-modules-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* exactly 3 per row */
  gap: 20px;
  padding: 10px;
}

.ev-module-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px 10px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 160px;
}

.ev-module-card img {
  width: 60px;
  height: 60px;
  margin-bottom: 12px;
}

.ev-module-card small {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.ev-module-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* Responsive breakpoints */
@media (max-width: 992px) {
  .ev-modules-grid {
    grid-template-columns: repeat(2, 1fr); /* tablet → 2 per row */
  }
}

@media (max-width: 576px) {
  .ev-modules-grid {
    grid-template-columns: 1fr; /* mobile → 1 per row */
  }
}