/* Custom overrides + scoping */
.mawdmp-wrap { font-size: 14px; }
.mawdmp-wrap .sidebar .sidebar-menu li > a { text-decoration:none; }
.mawdmp-wrap .mawd-content { padding: 24px; }
.mawdmp-wrap .mawd-page-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; }
/* Ensure dropdowns / action menus aren't clipped */
.mawdmp-wrap .table-responsive { overflow: visible; }
.mawdmp-wrap .dropdown-menu { z-index: 99999; }

.mawdmp-wrap .dashboard-main-body{ padding: 24px; }

/* --- SaaS topbar/sidebar toggles ---
   Fix: red borders/outline and duplicate hamburger + close button showing together.
   We force LokalWP-like icon buttons and use responsive visibility rules.
*/
.mawdmp-wrap .sidebar-toggle,
.mawdmp-wrap .sidebar-mobile-toggle,
.mawdmp-wrap .sidebar-close-btn{
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.mawdmp-wrap .sidebar-toggle:focus,
.mawdmp-wrap .sidebar-mobile-toggle:focus,
.mawdmp-wrap .sidebar-close-btn:focus{
  outline: none !important;
  box-shadow: none !important;
}

/* Desktop: show collapse toggle only */
@media (min-width: 992px){
  .mawdmp-wrap .sidebar-mobile-toggle{ display:none !important; }
  .mawdmp-wrap .sidebar-close-btn{ display:none !important; }
}

/* Mobile/tablet: show mobile toggle + close, hide desktop collapse toggle */
@media (max-width: 991.98px){
  .mawdmp-wrap .sidebar-toggle{ display:none !important; }
}


/* Realtime ticket badges (bell + menu) */
.mawdmp-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  font-size:11px;
  line-height:18px;
  text-align:center;
  background:#dc3545;
  color:#fff;
  font-weight:600;
  z-index:5;
}
.mawdmp-badge-inline{
  position:relative;
  top:0;
  right:auto;
  margin-left:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}



/* Ensure badge positioning */
a[aria-label="Notifications"]{ position:relative; }
.mawdmp-nav-icon{ position:relative; }


.mawdmp-notif-badge{border:2px solid #fff; box-shadow:0 1px 2px rgba(0,0,0,.15);}


/* Notifications badge (red + white number) */
.mawdmp-notif-menu-badge{background:#dc3545;color:#fff;font-weight:700;}


/* Sidebar dot badge (smaller, aligned with menu text) */
.sidebar-menu .mawdmp-menu-dot{
  width:8px;
  height:8px;
  min-width:8px;
  padding:0;
  border-radius:999px;
  font-size:0;
  line-height:0;
  display:inline-block;
  margin-left:10px;
  vertical-align:middle;
  position:relative;
  top:-1px;
  right:auto;
  left:auto;
  background:#dc3545;
}