/*
   USEMB White UI/UX Refresh
   Designer dashboard inspired white shell, applied globally without changing business logic.
*/
:root,
html[data-bs-theme="light"]{
  --usemb-white-bg:#f4f5f7;
  --usemb-panel:#ffffff;
  --usemb-panel-soft:#f8fafc;
  --usemb-text:#141414;
  --usemb-muted:#767676;
  --usemb-border:#e8e9ed;
  --usemb-border-strong:#dde0e6;
  --usemb-black:#24211f;
  --usemb-black-hover:#111111;
  --usemb-blue:#4f86f7;
  --usemb-blue-hover:#3d75eb;
  --usemb-cyan:#16b8d4;
  --usemb-green:#20c887;
  --usemb-orange:#ff9f0a;
  --usemb-yellow:#f8c54d;
  --usemb-red:#ff5b7f;
  --usemb-shadow:0 18px 45px rgba(16,24,40,.08);
  --usemb-soft-shadow:0 10px 30px rgba(16,24,40,.06);
  --usemb-radius:14px;
  --usemb-sidebar-width:214px;
  --usemb-header-height:78px;

  --bs-body-bg:var(--usemb-white-bg);
  --bs-body-color:var(--usemb-text);
  --bs-body-color-rgb:20,20,20;
  --bs-primary:var(--usemb-blue);
  --bs-primary-rgb:79,134,247;
  --bs-link-color:var(--usemb-black);
  --bs-link-hover-color:var(--usemb-blue);
  --bs-border-color:var(--usemb-border);
  --bs-border-color-translucent:rgba(20,20,20,.08);
  --bs-secondary-color:var(--usemb-muted);
}

html[data-bs-theme="dark"]{
  /* Keep the redesigned shell visually white even if the old theme toggle/localStorage is clicked. */
  --bs-body-bg:var(--usemb-white-bg);
  --bs-body-color:var(--usemb-text);
  --bs-body-color-rgb:20,20,20;
  --bs-primary:var(--usemb-blue);
  --bs-primary-rgb:79,134,247;
  --bs-link-color:var(--usemb-black);
  --bs-link-hover-color:var(--usemb-blue);
  --bs-border-color:var(--usemb-border);
  --bs-border-color-translucent:rgba(20,20,20,.08);
  --bs-secondary-color:var(--usemb-muted);
}

html,
body.usemb-white-shell{
  min-height:100%;
  background:var(--usemb-white-bg)!important;
  color:var(--usemb-text)!important;
  font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  font-size:14px;
}

body.usemb-white-shell a{ color:inherit; }
body.usemb-white-shell a:hover{ color:var(--usemb-blue); }
body.usemb-white-shell .text-muted{ color:var(--usemb-muted)!important; }
body.usemb-white-shell .fw-semibold{ font-weight:700!important; }

/* ===== App shell ===== */
body.usemb-white-shell .admin-wrapper{
  min-height:100vh;
  background:var(--usemb-white-bg)!important;
}

body.usemb-white-shell .admin-header{
  position:fixed;
  top:0;
  left:var(--usemb-sidebar-width);
  right:0;
  height:var(--usemb-header-height);
  z-index:1030;
  background:var(--usemb-panel)!important;
  border:0!important;
  box-shadow:none!important;
}

body.usemb-white-shell .admin-header .navbar{
  height:100%;
  background:var(--usemb-panel)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

body.usemb-white-shell .admin-header .container-fluid{
  height:100%;
  padding:0 20px 0 16px!important;
  display:flex;
  align-items:center;
  gap:14px;
}

body.usemb-white-shell .admin-header .navbar-brand{
  display:none!important;
}

body.usemb-white-shell .usemb-header-title{
  min-width:230px;
  flex:1 1 auto;
  overflow:hidden;
}
body.usemb-white-shell .usemb-header-title h1{
  margin:0;
  font-size:22px;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.03em;
  color:var(--usemb-text);
}
body.usemb-white-shell .usemb-header-title p{
  margin:4px 0 0;
  color:#6f7177;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.usemb-white-shell .admin-header .search-container{
  flex:0 1 360px!important;
  max-width:360px;
  margin:0!important;
}
body.usemb-white-shell .usemb-global-search-wrap .form-control,
body.usemb-white-shell #globalSearch{
  height:46px;
  border-radius:10px!important;
  border:1px solid var(--usemb-border)!important;
  background:#fbfcff!important;
  color:var(--usemb-text)!important;
  box-shadow:none!important;
  padding-left:16px;
  padding-right:42px;
}
body.usemb-white-shell #globalSearch::placeholder{ color:#8a8f99; }
body.usemb-white-shell .usemb-global-search-wrap > i{ color:#9aa0a9; }

body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2{
  gap:10px!important;
  flex:0 0 auto;
}

body.usemb-white-shell .admin-header .btn,
body.usemb-white-shell .usemb-notification-trigger{
  min-width:44px;
  min-height:44px;
  height:44px;
  border-radius:8px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:none!important;
  font-weight:600;
}
body.usemb-white-shell .admin-header .btn-outline-secondary{
  color:#111!important;
  background:var(--usemb-panel)!important;
  border:1px solid var(--usemb-border)!important;
}
body.usemb-white-shell .admin-header .btn-outline-secondary:hover,
body.usemb-white-shell .admin-header .btn-outline-secondary:focus{
  color:#111!important;
  background:#f6f7f9!important;
  border-color:var(--usemb-border-strong)!important;
}
body.usemb-white-shell #btnThemeToggle{
  color:#fff!important;
  background:#111!important;
  border-color:#111!important;
}
body.usemb-white-shell #notificationBellBtn{
  color:#fff!important;
  background:var(--usemb-blue)!important;
  border-color:var(--usemb-blue)!important;
}
body.usemb-white-shell .admin-header .dropdown > .btn{
  width:auto;
  padding:0 12px;
  max-width:190px;
}

body.usemb-white-shell .admin-sidebar{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:var(--usemb-sidebar-width);
  z-index:1040;
  background:var(--usemb-panel)!important;
  border-right:1px solid var(--usemb-border)!important;
  box-shadow:none!important;
  overflow:hidden;
}
body.usemb-white-shell .sidebar-brand-panel{
  height:var(--usemb-header-height);
  display:flex;
  align-items:center;
  padding:0 16px;
  background:var(--usemb-panel);
  border-bottom:1px solid #f0f1f4;
}
body.usemb-white-shell .sidebar-brand-link{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  text-decoration:none;
}
body.usemb-white-shell .sidebar-brand-logo{
  display:block;
  max-width:150px;
  width:auto;
  height:auto;
  max-height:42px;
  object-fit:contain;
}
body.usemb-white-shell .sidebar-content{
  height:calc(100vh - var(--usemb-header-height));
  display:flex;
  flex-direction:column;
  padding:18px 16px 0;
  overflow:auto;
}
body.usemb-white-shell .sidebar-nav .nav{
  gap:8px;
}
body.usemb-white-shell .sidebar-nav .nav-item{
  margin:0;
}
body.usemb-white-shell .sidebar-nav .nav-link{
  position:relative;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:7px;
  color:#171717!important;
  background:transparent!important;
  border:0!important;
  font-weight:600;
  font-size:13px;
  letter-spacing:-.01em;
  text-decoration:none!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
body.usemb-white-shell .sidebar-nav .nav-link i{
  width:18px;
  min-width:18px;
  text-align:center;
  font-size:17px;
  color:currentColor;
}
body.usemb-white-shell .sidebar-nav .nav-link:hover{
  background:#f1f2f4!important;
  color:#111!important;
  transform:translateX(1px);
}
body.usemb-white-shell .sidebar-nav .nav-link.active{
  background:var(--usemb-black)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(20,20,20,.14);
}
body.usemb-white-shell .sidebar-nav .nav-link.active::after{
  content:"›";
  margin-left:auto;
  font-size:24px;
  line-height:1;
  font-weight:400;
  opacity:.95;
}
body.usemb-white-shell .nav-unread-badge{
  margin-left:auto;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:var(--usemb-blue)!important;
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}
body.usemb-white-shell .sidebar-content .mt-auto{
  margin:18px -4px 0!important;
  padding:14px 8px 18px!important;
  border-top:1px solid var(--usemb-border)!important;
  color:#111;
}
body.usemb-white-shell .sidebar-content .mt-auto::before{
  content:"";
  width:30px;
  height:30px;
  border-radius:8px;
  background:linear-gradient(135deg,#4f86f7,#8fc0ff);
  display:inline-block;
  vertical-align:middle;
  margin-right:8px;
  box-shadow:0 8px 18px rgba(79,134,247,.25);
}
body.usemb-white-shell .sidebar-content .mt-auto .small{
  display:block;
  margin-left:42px;
  margin-top:-30px;
  font-size:11px;
  color:#80858e!important;
}
body.usemb-white-shell .sidebar-content .mt-auto .fw-semibold{
  display:block;
  margin-left:42px;
  font-size:12px;
  max-width:130px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.usemb-white-shell .admin-main{
  margin-left:var(--usemb-sidebar-width)!important;
  padding-top:var(--usemb-header-height)!important;
  min-height:100vh;
  background:var(--usemb-white-bg)!important;
}
body.usemb-white-shell .admin-main > .container-fluid{
  max-width:none;
  padding:20px 20px 28px!important;
}

/* first row page toolbar: actions aligned like the white reference */
body.usemb-white-shell .admin-main > .container-fluid > .d-flex.align-items-center.justify-content-between:first-child{
  margin-bottom:18px!important;
}
body.usemb-white-shell .admin-main > .container-fluid > .d-flex.align-items-center.justify-content-between:first-child > div:first-child{
  display:none;
}
body.usemb-white-shell .admin-main > .container-fluid > .d-flex.align-items-center.justify-content-between:first-child > .d-flex.gap-2,
body.usemb-white-shell .admin-main > .container-fluid > .d-flex.align-items-center.justify-content-between:first-child > div:last-child{
  margin-left:auto;
}

/* ===== Cards, panels, tables ===== */
body.usemb-white-shell .card,
body.usemb-white-shell .usemb-card,
body.usemb-white-shell .card-dark,
body.usemb-white-shell .usemb-modal,
body.usemb-white-shell .modal-content{
  background:var(--usemb-panel)!important;
  color:var(--usemb-text)!important;
  border:1px solid rgba(20,20,20,.04)!important;
  border-radius:var(--usemb-radius)!important;
  box-shadow:none!important;
}
body.usemb-white-shell .card{
  overflow:hidden;
}
body.usemb-white-shell .card-header{
  background:var(--usemb-panel)!important;
  border-bottom:0!important;
  padding:18px 20px 10px!important;
}
body.usemb-white-shell .card-header h1,
body.usemb-white-shell .card-header h2,
body.usemb-white-shell .card-header h3,
body.usemb-white-shell .card-header h4,
body.usemb-white-shell .card-header h5,
body.usemb-white-shell .card-title{
  color:var(--usemb-text)!important;
  font-weight:700!important;
  letter-spacing:-.02em;
}
body.usemb-white-shell .card-body{
  padding:18px 20px!important;
}
body.usemb-white-shell .card-header + .card-body,
body.usemb-white-shell .card-body.pt-0{
  padding-top:0!important;
}
body.usemb-white-shell .row.g-3{ --bs-gutter-x:14px; --bs-gutter-y:14px; }

body.usemb-white-shell .avatar-md{
  width:44px!important;
  height:44px!important;
  border-radius:8px!important;
}
body.usemb-white-shell .bg-primary-subtle{ background:#111!important; color:#fff!important; }
body.usemb-white-shell .bg-warning-subtle{ background:var(--usemb-orange)!important; color:#fff!important; }
body.usemb-white-shell .bg-info-subtle{ background:var(--usemb-cyan)!important; color:#fff!important; }
body.usemb-white-shell .bg-success-subtle{ background:var(--usemb-green)!important; color:#fff!important; }
body.usemb-white-shell .text-primary{ color:var(--usemb-blue)!important; }
body.usemb-white-shell .text-warning{ color:var(--usemb-orange)!important; }
body.usemb-white-shell .text-info{ color:var(--usemb-cyan)!important; }
body.usemb-white-shell .text-success{ color:var(--usemb-green)!important; }
body.usemb-white-shell .text-danger{ color:#e54864!important; }

/* Dashboard stat cards: closer to designer composition */
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card{
  min-height:116px;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card-body{
  padding:14px 14px 16px!important;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card .d-flex{
  align-items:flex-start!important;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card p.text-muted.mb-1{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:6px;
  color:#fff!important;
  background:#111;
  font-size:11px;
  line-height:1;
  margin-bottom:28px!important;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type > div:nth-child(2) .card p.text-muted.mb-1{ background:var(--usemb-orange); }
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type > div:nth-child(3) .card p.text-muted.mb-1{ background:var(--usemb-cyan); }
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type > div:nth-child(4) .card p.text-muted.mb-1{ background:var(--usemb-green); }
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card h4,
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card h5{
  font-size:30px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
  margin:0!important;
  color:#050505;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card h5{
  font-size:28px;
}
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card p.small,
body.usemb-white-shell .admin-main .row.g-3.mb-3:first-of-type .card p.mb-0.mt-2{
  margin-top:6px!important;
  color:#787b83!important;
  font-size:14px;
}

body.usemb-white-shell canvas{
  max-width:100%;
}

/* Tables */
body.usemb-white-shell .table-responsive{
  border-radius:12px;
}
body.usemb-white-shell table.table,
body.usemb-white-shell .table{
  --bs-table-bg:transparent;
  --bs-table-color:var(--usemb-text);
  --bs-table-border-color:var(--usemb-border);
  margin-bottom:0;
  color:var(--usemb-text)!important;
}
body.usemb-white-shell .table thead th,
body.usemb-white-shell .table-usemb thead th{
  background:var(--usemb-panel)!important;
  color:#8a8d94!important;
  border-bottom:1px solid var(--usemb-border)!important;
  font-size:12px;
  font-weight:600!important;
  text-transform:uppercase;
  letter-spacing:-.01em;
  padding:12px 12px!important;
  white-space:nowrap;
}
body.usemb-white-shell .table tbody td,
body.usemb-white-shell .table-usemb tbody td{
  background:var(--usemb-panel)!important;
  border-color:var(--usemb-border)!important;
  color:#30323a;
  padding:13px 12px!important;
  vertical-align:middle;
}
body.usemb-white-shell .table tbody tr:hover td{
  background:#fbfcff!important;
}
body.usemb-white-shell .table .fw-semibold,
body.usemb-white-shell .table strong{
  color:#111;
}
body.usemb-white-shell .table .btn,
body.usemb-white-shell .btn-soft-secondary{
  min-width:36px;
  min-height:34px;
  border-radius:8px!important;
  background:#f7f8fb!important;
  border:1px solid var(--usemb-border)!important;
  color:#1d2433!important;
}
body.usemb-white-shell .table .btn:hover,
body.usemb-white-shell .btn-soft-secondary:hover{
  background:#eef3ff!important;
  color:var(--usemb-blue)!important;
  border-color:#d9e4ff!important;
}

/* DataTables */
body.usemb-white-shell .dataTables_wrapper .dataTables_filter input,
body.usemb-white-shell .dataTables_wrapper .dataTables_length select,
body.usemb-white-shell .form-control,
body.usemb-white-shell .form-select,
body.usemb-white-shell .choices__inner{
  min-height:42px;
  border-radius:9px!important;
  border:1px solid var(--usemb-border)!important;
  background:#fff!important;
  color:#171717!important;
  box-shadow:none!important;
}
body.usemb-white-shell .form-control:focus,
body.usemb-white-shell .form-select:focus,
body.usemb-white-shell .choices.is-focused .choices__inner,
body.usemb-white-shell .choices.is-open .choices__inner{
  border-color:rgba(79,134,247,.55)!important;
  box-shadow:0 0 0 4px rgba(79,134,247,.11)!important;
}
body.usemb-white-shell textarea.form-control{ min-height:96px; }
body.usemb-white-shell label.form-label,
body.usemb-white-shell .form-label{
  color:#333740;
  font-weight:600;
  font-size:13px;
  margin-bottom:6px;
}
body.usemb-white-shell .input-group .btn{
  border-color:var(--usemb-border)!important;
}
body.usemb-white-shell .dataTables_wrapper .dataTables_info,
body.usemb-white-shell .dataTables_wrapper .dataTables_length,
body.usemb-white-shell .dataTables_wrapper .dataTables_filter,
body.usemb-white-shell .dataTables_wrapper .dataTables_paginate{
  color:var(--usemb-muted)!important;
  font-size:13px;
}
body.usemb-white-shell .page-link{
  border-radius:8px!important;
  margin:0 3px;
  color:#1d2433!important;
  border:1px solid var(--usemb-border)!important;
  background:#fff!important;
}
body.usemb-white-shell .page-item.active .page-link{
  color:#fff!important;
  background:var(--usemb-black)!important;
  border-color:var(--usemb-black)!important;
}

/* Buttons */
body.usemb-white-shell .btn{
  border-radius:8px!important;
  font-weight:600;
  letter-spacing:-.01em;
  box-shadow:none!important;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
body.usemb-white-shell .btn-sm{
  min-height:34px;
  padding:.35rem .7rem;
  font-size:12px;
}
body.usemb-white-shell .btn-primary,
body.usemb-white-shell .btn-usemb{
  color:#fff!important;
  background:var(--usemb-blue)!important;
  border-color:var(--usemb-blue)!important;
}
body.usemb-white-shell .btn-primary:hover,
body.usemb-white-shell .btn-primary:focus,
body.usemb-white-shell .btn-usemb:hover,
body.usemb-white-shell .btn-usemb:focus{
  color:#fff!important;
  background:var(--usemb-blue-hover)!important;
  border-color:var(--usemb-blue-hover)!important;
}
body.usemb-white-shell .btn-outline-secondary,
body.usemb-white-shell .btn-outline-dark,
body.usemb-white-shell .btn-outline-light{
  color:#171717!important;
  background:#fff!important;
  border:1px solid var(--usemb-border)!important;
}
body.usemb-white-shell .btn-outline-secondary:hover,
body.usemb-white-shell .btn-outline-dark:hover,
body.usemb-white-shell .btn-outline-light:hover,
body.usemb-white-shell .btn-outline-secondary:focus,
body.usemb-white-shell .btn-outline-dark:focus,
body.usemb-white-shell .btn-outline-light:focus{
  color:#111!important;
  background:#f6f7f9!important;
  border-color:var(--usemb-border-strong)!important;
}
body.usemb-white-shell .btn-danger{ background:#e54864!important; border-color:#e54864!important; color:#fff!important; }
body.usemb-white-shell .btn-success{ background:var(--usemb-green)!important; border-color:var(--usemb-green)!important; color:#fff!important; }
body.usemb-white-shell .btn-warning{ background:var(--usemb-orange)!important; border-color:var(--usemb-orange)!important; color:#fff!important; }
body.usemb-white-shell .btn-info{ background:var(--usemb-cyan)!important; border-color:var(--usemb-cyan)!important; color:#fff!important; }

/* Badges/status chips */
body.usemb-white-shell .badge,
body.usemb-white-shell .badge-soft{
  border-radius:7px!important;
  font-weight:600!important;
  padding:.42rem .66rem!important;
  font-size:11px!important;
  border:0!important;
}
body.usemb-white-shell .bg-secondary-subtle,
body.usemb-white-shell .text-bg-secondary{
  background:#eef0f4!important;
  color:#555b66!important;
}
body.usemb-white-shell .badge-soft.badge-success,
body.usemb-white-shell .bg-success,
body.usemb-white-shell .bg-success-subtle.text-success{
  background:#dff8ee!important;
  color:#08764f!important;
}
body.usemb-white-shell .badge-soft.badge-warning,
body.usemb-white-shell .bg-warning,
body.usemb-white-shell .bg-warning-subtle.text-warning{
  background:#fff1dc!important;
  color:#b55d00!important;
}
body.usemb-white-shell .badge-soft.badge-danger,
body.usemb-white-shell .bg-danger,
body.usemb-white-shell .bg-danger-subtle.text-danger{
  background:#ffe7ed!important;
  color:#bc2442!important;
}
body.usemb-white-shell .badge-soft.badge-info,
body.usemb-white-shell .bg-info,
body.usemb-white-shell .bg-info-subtle.text-info{
  background:#dff8fd!important;
  color:#087c90!important;
}
body.usemb-white-shell .badge-soft.badge-primary,
body.usemb-white-shell .bg-primary{
  background:#e7efff!important;
  color:#2e66d5!important;
}

/* Dropdowns, modals, search, notifications */
body.usemb-white-shell .dropdown-menu{
  border:1px solid var(--usemb-border)!important;
  border-radius:12px!important;
  box-shadow:var(--usemb-soft-shadow)!important;
  background:#fff!important;
  color:#171717!important;
  padding:8px!important;
}
body.usemb-white-shell .dropdown-item{
  border-radius:8px;
  padding:.55rem .65rem;
  color:#171717!important;
}
body.usemb-white-shell .dropdown-item:hover,
body.usemb-white-shell .dropdown-item:focus{
  background:#f4f6fa!important;
  color:#111!important;
}
body.usemb-white-shell .modal-backdrop{ background:#111827; }
body.usemb-white-shell .modal-content{
  border-radius:16px!important;
  box-shadow:0 24px 70px rgba(16,24,40,.2)!important;
}
body.usemb-white-shell .modal-header,
body.usemb-white-shell .modal-footer{
  border-color:var(--usemb-border)!important;
  background:#fff!important;
}
body.usemb-white-shell .modal-title{ font-weight:700; }
body.usemb-white-shell .btn-close{ filter:none!important; }
body.usemb-white-shell .usemb-global-search-panel,
body.usemb-white-shell .usemb-notification-panel,
body.usemb-white-shell .usemb-notification-toast{
  background:#fff!important;
  color:#171717!important;
  border:1px solid var(--usemb-border)!important;
  border-radius:14px!important;
  box-shadow:var(--usemb-shadow)!important;
}
body.usemb-white-shell .usemb-notification-item.is-unread,
body.usemb-white-shell .usemb-global-search-item:hover,
body.usemb-white-shell .usemb-global-search-item.is-active{
  background:#eef4ff!important;
}
body.usemb-white-shell .usemb-notification-avatar{
  background:#e7efff!important;
  color:var(--usemb-blue)!important;
}

/* Choices */
body.usemb-white-shell .choices__list--dropdown,
body.usemb-white-shell .choices__list[aria-expanded]{
  background:#fff!important;
  border:1px solid var(--usemb-border)!important;
  border-radius:12px!important;
  box-shadow:var(--usemb-soft-shadow)!important;
}
body.usemb-white-shell .choices__item,
body.usemb-white-shell .choices__input{
  color:#171717!important;
}
body.usemb-white-shell .choices__list--dropdown .choices__item--selectable.is-highlighted{
  background:#eef4ff!important;
  color:#171717!important;
}

/* Chat / messaging stays functional but lighter */
body.usemb-white-shell .order-chat-shell,
body.usemb-white-shell .order-chat-scroll{
  background:#f8fafc!important;
}
body.usemb-white-shell .order-chat-composer{
  background:#fff!important;
  border-top:1px solid var(--usemb-border)!important;
}
body.usemb-white-shell .order-chat-row.other .order-chat-bubble,
body.usemb-white-shell .order-chat-row.role-client .order-chat-bubble{
  background:#fff!important;
  color:#171717!important;
  border:1px solid var(--usemb-border)!important;
}
body.usemb-white-shell .order-chat-row.self .order-chat-bubble,
body.usemb-white-shell .order-chat-row.role-admin .order-chat-bubble{
  background:var(--usemb-blue)!important;
  color:#fff!important;
  border:0!important;
}
body.usemb-white-shell .order-chat-row.role-sales .order-chat-bubble{
  background:#7c5cff!important;
  color:#fff!important;
}
body.usemb-white-shell .order-chat-row.role-vendor .order-chat-bubble{
  background:#e5fbf2!important;
  color:#07553c!important;
  border:1px solid #bcefd9!important;
}
body.usemb-white-shell .order-chat-textarea{
  background:#fff!important;
  color:#171717!important;
  border-color:var(--usemb-border)!important;
}
body.usemb-white-shell .order-chat-attach-btn{
  background:#fff!important;
  color:#171717!important;
  border-color:var(--usemb-border)!important;
}

/* Auth */
body.usemb-auth-shell{
  background:linear-gradient(135deg,#f4f5f7 0%,#ffffff 100%)!important;
}
body.usemb-auth-shell .auth-page-wrapper .card{
  border-radius:18px!important;
  border:1px solid var(--usemb-border)!important;
  box-shadow:0 22px 65px rgba(16,24,40,.09)!important;
}
body.usemb-auth-shell .login-logo-sm{ max-height:44px; }
body.usemb-auth-shell .brand-logo-dark{ display:none!important; }
body.usemb-auth-shell .brand-logo-light{ display:inline-block!important; }

/* Loading */
body.usemb-white-shell .loading-spinner{
  background:#fff!important;
  border-color:var(--usemb-border)!important;
  box-shadow:var(--usemb-soft-shadow)!important;
}
body.usemb-white-shell .loading-spinner::after{ color:#171717!important; }

/* SweetAlert */
body.usemb-white-shell .swal2-popup{
  border-radius:18px!important;
  background:#fff!important;
  color:#171717!important;
}
body.usemb-white-shell .swal2-confirm{
  background:var(--usemb-blue)!important;
  border-radius:8px!important;
}
body.usemb-white-shell .swal2-cancel{
  border-radius:8px!important;
}

/* responsive */
@media (max-width: 991.98px){
  :root{ --usemb-sidebar-width:0px; --usemb-header-height:70px; }
  body.usemb-white-shell .admin-header{
    left:0;
    height:var(--usemb-header-height);
    border-bottom:1px solid var(--usemb-border)!important;
  }
  body.usemb-white-shell .admin-header .container-fluid{
    flex-wrap:nowrap!important;
    padding:0 12px!important;
  }
  body.usemb-white-shell .admin-header .navbar-brand{
    display:flex!important;
    margin-right:auto;
  }
  body.usemb-white-shell .brand-logo-img{ height:34px; max-width:130px; display:inline-block!important; }
  body.usemb-white-shell .brand-circle-img{ display:none!important; }
  body.usemb-white-shell .admin-header .search-container{
    display:none!important;
  }
  body.usemb-white-shell .admin-sidebar{
    width:260px;
    transform:translateX(-100%);
    transition:transform .22s ease;
    box-shadow:0 20px 60px rgba(16,24,40,.18)!important;
  }
  body.usemb-white-shell.sidebar-open .admin-sidebar,
  body.usemb-white-shell .admin-sidebar.show,
  body.usemb-white-shell .admin-sidebar.active{
    transform:translateX(0);
  }
  body.usemb-white-shell .admin-main{
    margin-left:0!important;
  }
  body.usemb-white-shell .hamburger-menu{
    position:fixed;
    top:14px;
    left:12px;
    z-index:1050;
    width:42px;
    height:42px;
    border-radius:10px;
    background:#fff;
    border:1px solid var(--usemb-border);
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:var(--usemb-soft-shadow);
  }
  body.usemb-white-shell .admin-main > .container-fluid{
    padding:16px!important;
  }
  body.usemb-white-shell .admin-main > .container-fluid > .d-flex.align-items-center.justify-content-between:first-child > div:first-child{
    display:block;
  }
}

@media (max-width: 575.98px){
  body.usemb-white-shell .admin-header .dropdown > .btn span,
  body.usemb-white-shell .admin-header #btnFullscreen,
  body.usemb-white-shell .admin-header #btnThemeToggle{
    display:none!important;
  }
  body.usemb-white-shell .admin-header .btn,
  body.usemb-white-shell .usemb-notification-trigger{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
  }
  body.usemb-white-shell .card-body,
  body.usemb-white-shell .card-header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Dashboard chart proportions */
body.usemb-white-shell #ordersTrendChart{height:220px!important;}
body.usemb-white-shell #statusDonutChart{height:220px!important;}
body.usemb-white-shell .admin-main .row.g-3.mb-3:nth-of-type(2) .card{min-height:278px;}
@media (min-width: 992px){
  body.usemb-white-shell .hamburger-menu{display:none!important;}
}

/* =========================================================
   Pass: Dashboard reference correction
   Goal: make Admin Dashboard match the supplied white designer screen.
   ========================================================= */
body.usemb-white-shell{
  font-family:"Poppins","Inter","Segoe UI",Arial,sans-serif;
}
body.usemb-white-shell .admin-main{
  padding-top:0!important;
}
body.usemb-white-shell .admin-main > .container-fluid{
  padding:20px 20px 28px!important;
}
body.usemb-white-shell .admin-header{
  position:relative!important;
  left:var(--usemb-sidebar-width)!important;
  width:calc(100% - var(--usemb-sidebar-width))!important;
  right:auto!important;
  top:auto!important;
  height:78px!important;
  z-index:1030;
}
body.usemb-white-shell .admin-header .container-fluid{
  padding:0 22px 0 16px!important;
}
body.usemb-white-shell .usemb-header-title h1{
  font-size:22px!important;
  font-weight:700!important;
  letter-spacing:-.04em;
}
body.usemb-white-shell .usemb-header-title p{
  font-size:13px!important;
  color:#60636b!important;
  margin-top:2px!important;
}
body.usemb-white-shell .admin-header .search-container{
  flex:0 0 44px!important;
  width:44px!important;
  max-width:44px!important;
  margin-left:auto!important;
  margin-right:0!important;
  overflow:visible;
}
body.usemb-white-shell .usemb-global-search-wrap{
  width:44px!important;
  height:44px!important;
}
body.usemb-white-shell .usemb-global-search-wrap .form-control,
body.usemb-white-shell #globalSearch{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:8px!important;
  background:#000!important;
  border-color:#000!important;
  color:transparent!important;
  caret-color:#fff!important;
  cursor:pointer;
}
body.usemb-white-shell #globalSearch::placeholder{color:transparent!important;}
body.usemb-white-shell .usemb-global-search-wrap > i{
  color:#fff!important;
  font-size:17px!important;
  right:50%!important;
  margin-right:0!important;
  transform:translate(50%,-50%)!important;
  pointer-events:none;
}
body.usemb-white-shell #btnThemeToggle,
body.usemb-white-shell #btnFullscreen,
body.usemb-white-shell .usemb-header-user-menu,
body.usemb-white-shell .usemb-back-portal-btn{
  display:none!important;
}
body.usemb-white-shell .btn-usemb-header-mail,
body.usemb-white-shell #notificationBellBtn{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:8px!important;
  position:relative;
}
body.usemb-white-shell .btn-usemb-header-mail{
  background:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
body.usemb-white-shell .btn-usemb-header-mail:hover{background:#111!important;color:#fff!important;}
body.usemb-white-shell #notificationBellBtn{
  background:#4f86f7!important;
  border-color:#4f86f7!important;
  color:#fff!important;
}
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2{gap:10px!important;}
body.usemb-white-shell .sidebar-brand-panel{
  height:78px!important;
  border-bottom:1px solid #eeeeef!important;
  justify-content:flex-start!important;
}
body.usemb-white-shell .sidebar-brand-logo{
  max-width:154px!important;
  max-height:44px!important;
}
body.usemb-white-shell .sidebar-content{
  height:calc(100vh - 78px)!important;
  padding:18px 16px 0!important;
}
body.usemb-white-shell .sidebar-nav .nav-link.active,
body.usemb-white-shell .sidebar-nav .nav-link[aria-current="page"]{
  background:#24211f!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.usemb-white-shell .sidebar-nav .nav-link{
  min-height:42px!important;
  border-radius:7px!important;
  font-size:13px!important;
  font-weight:600!important;
}
body.usemb-white-shell .sidebar-content .mt-auto{
  padding-bottom:24px!important;
}

body.usemb-white-shell .usemb-dashboard-ref{
  width:100%;
  color:#111;
}
body.usemb-white-shell .usemb-dashboard-actionbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
}
body.usemb-white-shell .usemb-dash-action{
  height:36px;
  min-height:36px;
  padding:0 18px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none!important;
  font-size:12px;
  font-weight:600;
  letter-spacing:-.02em;
  border:1px solid #e8e9ed;
  box-shadow:none!important;
  white-space:nowrap;
}
body.usemb-white-shell .usemb-dash-action i{font-size:15px;line-height:1;}
body.usemb-white-shell .usemb-dash-action-light{
  background:#fff;
  color:#161616!important;
}
body.usemb-white-shell .usemb-dash-action-light:hover{background:#f8f9fb;color:#161616!important;}
body.usemb-white-shell .usemb-dash-action-primary{
  background:#4f86f7;
  border-color:#4f86f7;
  color:#fff!important;
  padding-left:20px;
  padding-right:20px;
}
body.usemb-white-shell .usemb-dash-action-primary:hover{background:#4479e8;color:#fff!important;}

body.usemb-white-shell .usemb-kpi-grid-ref{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
body.usemb-white-shell .usemb-kpi-card-ref{
  min-height:116px;
  border-radius:10px;
  background:#fff;
  border:0;
  padding:14px 16px 13px;
  text-decoration:none!important;
  color:#111!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  box-shadow:none;
}
body.usemb-white-shell .usemb-kpi-link-ref:hover{transform:none;color:#111!important;}
body.usemb-white-shell .usemb-kpi-card-top-ref{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  min-height:36px;
  margin-bottom:20px;
}
body.usemb-white-shell .usemb-kpi-chip-ref{
  height:22px;
  padding:0 9px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-size:10px;
  font-weight:600;
  white-space:nowrap;
}
body.usemb-white-shell .usemb-kpi-chip-black-ref{background:#000;}
body.usemb-white-shell .usemb-kpi-chip-orange-ref{background:#ff9f0a;}
body.usemb-white-shell .usemb-kpi-chip-cyan-ref{background:#15b8d2;}
body.usemb-white-shell .usemb-kpi-chip-green-ref{background:#20c887;}
body.usemb-white-shell .usemb-kpi-icon-ref{
  width:38px;
  height:38px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
body.usemb-white-shell .usemb-kpi-icon-black-ref{background:#000;color:#fff;}
body.usemb-white-shell .usemb-kpi-icon-orange-ref{background:#fff0d7;color:#ff9f0a;}
body.usemb-white-shell .usemb-kpi-icon-cyan-ref{background:#d8f8fd;color:#10a8bf;}
body.usemb-white-shell .usemb-kpi-icon-green-ref{background:#dcf8ed;color:#16b978;}
body.usemb-white-shell .usemb-kpi-value-ref{
  margin-top:auto;
  font-size:30px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.05em;
  color:#050505;
}
body.usemb-white-shell .usemb-money-ref{
  font-size:33px;
  letter-spacing:-.06em;
}
body.usemb-white-shell .usemb-kpi-title-ref{
  margin-top:7px;
  font-size:14px;
  color:#666a73;
  letter-spacing:-.02em;
}

body.usemb-white-shell .usemb-dashboard-grid-ref{
  display:grid;
  grid-template-columns:minmax(0,2.08fr) minmax(290px,.92fr);
  gap:14px;
  margin-bottom:14px;
}
body.usemb-white-shell .usemb-panel-ref{
  background:#fff;
  border-radius:10px;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
body.usemb-white-shell .usemb-panel-head-ref{
  height:48px;
  padding:15px 18px 6px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body.usemb-white-shell .usemb-panel-head-ref h5{
  margin:0;
  color:#111;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.03em;
}
body.usemb-white-shell .usemb-monthly-btn-ref{
  height:31px;
  min-width:104px;
  padding:0 15px;
  border:0;
  border-radius:5px;
  background:#4f86f7;
  color:#fff;
  font-size:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:-9px;
}
body.usemb-white-shell .usemb-chart-legend-ref{
  height:22px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  color:#25272d;
  font-size:11px;
  margin-top:-5px;
}
body.usemb-white-shell .usemb-legend-square-ref{
  width:14px;
  height:14px;
  border-radius:4px;
  display:inline-block;
  margin-right:4px;
  vertical-align:-3px;
}
body.usemb-white-shell .usemb-legend-black-ref{background:#000;}
body.usemb-white-shell .usemb-legend-blue-ref{background:#4f86f7;}
body.usemb-white-shell .usemb-trend-panel-ref{min-height:246px;}
body.usemb-white-shell .usemb-trend-chart-ref{
  height:176px;
  margin:6px 17px 15px;
  display:grid;
  grid-template-columns:32px 1fr;
}
body.usemb-white-shell .usemb-trend-yaxis-ref{
  height:132px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-self:start;
  padding-top:2px;
  color:#a4a8b0;
  font-size:11px;
}
body.usemb-white-shell .usemb-trend-bars-ref{
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(24px,1fr);
  align-items:end;
  gap:10px;
  height:160px;
  border-bottom:1px solid #f0f1f4;
  padding:0 4px 20px 4px;
}
body.usemb-white-shell .usemb-trend-bars-ref::before,
body.usemb-white-shell .usemb-trend-bars-ref::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:#f1f2f5;
}
body.usemb-white-shell .usemb-trend-bars-ref::before{top:0;}
body.usemb-white-shell .usemb-trend-bars-ref::after{top:50%;}
body.usemb-white-shell .usemb-trend-item-ref{
  height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  position:relative;
  z-index:1;
}
body.usemb-white-shell .usemb-trend-track-ref{
  width:30px;
  height:112px;
  border-radius:9px;
  background:#f0f1f3;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}
body.usemb-white-shell .usemb-trend-fill-ref{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:0;
  border-radius:9px;
  background:linear-gradient(180deg,#5d94ff 0%,#376bc3 100%);
}
body.usemb-white-shell .usemb-trend-label-ref{
  color:#8c9098;
  font-size:10px;
  height:14px;
  white-space:nowrap;
}
body.usemb-white-shell .usemb-status-panel-ref{min-height:246px;}
body.usemb-white-shell .usemb-donut-wrap-ref{
  height:185px;
  padding:0 12px 9px;
}
body.usemb-white-shell #statusDonutChart{
  width:100%!important;
  height:100%!important;
}

body.usemb-white-shell .usemb-recent-panel-ref{
  min-height:200px;
}
body.usemb-white-shell .usemb-recent-head-ref{
  height:51px;
  align-items:center;
  padding-top:13px;
}
body.usemb-white-shell .usemb-allorders-btn-ref{
  height:32px;
  min-width:104px;
  padding:0 14px;
  background:#24211f;
  color:#fff!important;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  font-weight:600;
  text-decoration:none!important;
}
body.usemb-white-shell .usemb-allorders-btn-ref:hover{background:#111;color:#fff!important;}
body.usemb-white-shell .usemb-table-wrap-ref{
  padding:0 18px 14px;
}
body.usemb-white-shell .usemb-dashboard-table-ref thead th{
  background:#fff!important;
  color:#858992!important;
  font-size:12px;
  font-weight:500!important;
  text-transform:uppercase;
  letter-spacing:-.02em;
  border-bottom:1px solid #eceef2!important;
  padding:11px 0!important;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody td{
  background:#fff!important;
  color:#111;
  border-bottom:1px solid #eceef2!important;
  padding:11px 0!important;
  font-size:12px;
  line-height:1.15;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody tr:hover td{background:#fff!important;}
body.usemb-white-shell .usemb-order-no-ref,
body.usemb-white-shell .usemb-price-cell-ref{
  color:#0b0b0b!important;
  font-weight:700;
}
body.usemb-white-shell .usemb-muted-cell-ref{
  color:#666b74!important;
  font-weight:400;
}
body.usemb-white-shell .usemb-status-pill-ref{
  min-width:82px;
  height:24px;
  border-radius:6px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#4f86f7;
  background:#dbe8ff;
  font-size:10px;
  font-weight:500;
}
body.usemb-white-shell .usemb-eye-btn-ref{
  width:31px;
  height:31px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#222!important;
  background:#fff;
  border:0;
  text-decoration:none!important;
}
body.usemb-white-shell .usemb-eye-btn-ref:hover{color:#4f86f7!important;background:#f5f7ff;}

@media (min-width: 1400px){
  body.usemb-white-shell .usemb-dashboard-ref{
    max-width:none;
  }
  body.usemb-white-shell .usemb-trend-track-ref{width:34px;}
}
@media (max-width: 1199.98px){
  body.usemb-white-shell .usemb-kpi-grid-ref{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.usemb-white-shell .usemb-dashboard-grid-ref{grid-template-columns:1fr;}
}
@media (max-width: 991.98px){
  body.usemb-white-shell .admin-header{
    position:relative!important;
    left:0!important;
    width:100%!important;
  }
  body.usemb-white-shell .admin-main{padding-top:0!important;}
  body.usemb-white-shell .admin-header .search-container{display:none!important;}
  body.usemb-white-shell #btnThemeToggle,
  body.usemb-white-shell #btnFullscreen,
  body.usemb-white-shell .usemb-header-user-menu{display:none!important;}
}
@media (max-width: 575.98px){
  body.usemb-white-shell .usemb-dashboard-actionbar{justify-content:stretch;flex-direction:column;align-items:stretch;}
  body.usemb-white-shell .usemb-dash-action{width:100%;}
  body.usemb-white-shell .usemb-kpi-grid-ref{grid-template-columns:1fr;}
  body.usemb-white-shell .usemb-trend-bars-ref{gap:6px;grid-auto-columns:minmax(18px,1fr);}
  body.usemb-white-shell .usemb-trend-track-ref{width:22px;}
}
body.usemb-white-shell .admin-header,
body.usemb-white-shell .admin-header .navbar{
  border-bottom:1px solid #eeeeef!important;
}

/* =========================================================
   Dashboard exact-reference pass
   Tightens only the Admin dashboard screen to the supplied white mockup.
   ========================================================= */
:root,
html[data-bs-theme="light"]{
  --usemb-sidebar-width:214px;
  --usemb-header-height:79px;
  --usemb-white-bg:#f5f6f8;
  --usemb-panel:#ffffff;
  --usemb-text:#101114;
  --usemb-muted:#686b73;
  --usemb-blue:#4f86f7;
  --usemb-black:#24211f;
}

body.usemb-white-shell,
body.usemb-white-shell *{
  font-family:"Poppins","Inter","Segoe UI",Arial,sans-serif;
}

body.usemb-white-shell{
  background:#f5f6f8!important;
  font-size:12px;
  font-weight:400;
  letter-spacing:-.015em;
}

body.usemb-white-shell .admin-wrapper{background:#f5f6f8!important;}

body.usemb-white-shell .admin-header{
  height:79px!important;
  background:#fff!important;
  border-bottom:1px solid #eeeeef!important;
}
body.usemb-white-shell .admin-header .navbar{height:79px!important;background:#fff!important;}
body.usemb-white-shell .admin-header .container-fluid{
  height:79px!important;
  padding:0 19px 0 15px!important;
  gap:10px!important;
}
body.usemb-white-shell .usemb-header-title{
  min-width:340px!important;
  flex:1 1 auto!important;
  padding-left:0!important;
}
body.usemb-white-shell .usemb-header-title h1{
  font-size:17px!important;
  line-height:1.06!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
  color:#161616!important;
}
body.usemb-white-shell .usemb-header-title p{
  font-size:11px!important;
  line-height:1.2!important;
  color:#666b73!important;
  margin-top:3px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Header action icons in the reference are compact 35px squares */
body.usemb-white-shell .admin-header .search-container{
  flex:0 0 35px!important;
  width:35px!important;
  max-width:35px!important;
  margin-left:auto!important;
}
body.usemb-white-shell .usemb-global-search-wrap,
body.usemb-white-shell .usemb-global-search-wrap .form-control,
body.usemb-white-shell #globalSearch,
body.usemb-white-shell #notificationBellBtn,
body.usemb-white-shell .btn-usemb-header-mail{
  width:35px!important;
  min-width:35px!important;
  height:35px!important;
  min-height:35px!important;
  border-radius:6px!important;
  padding:0!important;
}
body.usemb-white-shell #globalSearch,
body.usemb-white-shell .btn-usemb-header-mail{
  background:#000!important;
  border-color:#000!important;
}
body.usemb-white-shell #notificationBellBtn{
  background:#4f86f7!important;
  border-color:#4f86f7!important;
}
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2{gap:10px!important;}
body.usemb-white-shell .admin-header .bi{font-size:15px!important;line-height:1!important;}
body.usemb-white-shell .usemb-notification-badge{
  min-width:15px!important;
  height:15px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:15px!important;
  top:-5px!important;
  right:-5px!important;
  border:2px solid #fff!important;
  background:#ff4e55!important;
  color:#fff!important;
}

/* Sidebar reference spacing / typography */
body.usemb-white-shell .admin-sidebar{
  width:214px!important;
  border-right:1px solid #eeeeef!important;
  background:#fff!important;
}
body.usemb-white-shell .sidebar-brand-panel{
  height:79px!important;
  padding:0 15px!important;
  border-bottom:1px solid #eeeeef!important;
}
body.usemb-white-shell .sidebar-brand-logo{
  width:154px!important;
  max-width:154px!important;
  max-height:40px!important;
}
body.usemb-white-shell .sidebar-content{
  height:calc(100vh - 79px)!important;
  padding:19px 15px 0!important;
}
body.usemb-white-shell .sidebar-nav .nav{gap:9px!important;}
body.usemb-white-shell .sidebar-nav .nav-link{
  min-height:34px!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:6px!important;
  gap:11px!important;
  font-size:13px!important;
  line-height:1.05!important;
  font-weight:500!important;
  color:#111!important;
  letter-spacing:-.018em!important;
}
body.usemb-white-shell .sidebar-nav .nav-link i{
  width:15px!important;
  min-width:15px!important;
  font-size:15px!important;
  -webkit-text-stroke:.15px currentColor;
}
body.usemb-white-shell .sidebar-nav .nav-link.active{
  background:#24211f!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.usemb-white-shell .sidebar-nav .nav-link.active::after{
  font-size:20px!important;
  margin-left:auto!important;
}
body.usemb-white-shell .sidebar-content .mt-auto{
  margin:16px -8px 0!important;
  padding:14px 8px 18px!important;
}
body.usemb-white-shell .sidebar-content .mt-auto::before{
  width:27px!important;
  height:27px!important;
  border-radius:6px!important;
}
body.usemb-white-shell .sidebar-content .mt-auto .small{
  margin-left:38px!important;
  margin-top:-28px!important;
  font-size:10px!important;
  line-height:1.1!important;
}
body.usemb-white-shell .sidebar-content .mt-auto .fw-semibold{
  margin-left:38px!important;
  font-size:11px!important;
  line-height:1.15!important;
  max-width:132px!important;
}

body.usemb-white-shell .admin-main{
  margin-left:214px!important;
  padding-top:0!important;
  background:#f5f6f8!important;
}
body.usemb-white-shell .admin-main > .container-fluid.flex-grow-1,
body.usemb-white-shell.route-admin-dashboard-index .admin-main > .container-fluid.flex-grow-1{
  padding:18px 18px 20px 14px!important;
  margin:0!important;
  background:#f5f6f8!important;
}

/* Dashboard canvas */
body.usemb-white-shell .usemb-dashboard-ref{
  margin:0!important;
  padding:0!important;
  color:#0c0c0d!important;
}
body.usemb-white-shell .usemb-dashboard-actionbar{
  height:34px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 18px 0!important;
  padding:0!important;
}
body.usemb-white-shell .usemb-dash-action{
  height:33px!important;
  min-height:33px!important;
  padding:0 15px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  gap:8px!important;
  border:1px solid #e7e8eb!important;
  letter-spacing:-.015em!important;
}
body.usemb-white-shell .usemb-dash-action i{font-size:14px!important;line-height:1!important;}
body.usemb-white-shell .usemb-dash-action-light{background:#fff!important;color:#121212!important;}
body.usemb-white-shell .usemb-dash-action-primary{background:#4f86f7!important;border-color:#4f86f7!important;color:#fff!important;min-width:118px!important;}

body.usemb-white-shell .usemb-kpi-grid-ref{
  gap:11px!important;
  margin-bottom:11px!important;
}
body.usemb-white-shell .usemb-kpi-card-ref{
  min-height:116px!important;
  height:116px!important;
  border-radius:9px!important;
  padding:13px 13px 14px!important;
  background:#fff!important;
}
body.usemb-white-shell .usemb-kpi-card-top-ref{
  min-height:37px!important;
  margin-bottom:16px!important;
}
body.usemb-white-shell .usemb-kpi-chip-ref{
  height:20px!important;
  border-radius:5px!important;
  padding:0 8px!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1!important;
}
body.usemb-white-shell .usemb-kpi-icon-ref{
  width:36px!important;
  height:36px!important;
  border-radius:7px!important;
  font-size:17px!important;
}
body.usemb-white-shell .usemb-kpi-value-ref{
  font-size:29px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
}
body.usemb-white-shell .usemb-money-ref{font-size:30px!important;font-weight:600!important;}
body.usemb-white-shell .usemb-kpi-title-ref{
  margin-top:11px!important;
  font-size:12px!important;
  line-height:1.2!important;
  color:#646872!important;
  font-weight:400!important;
}

body.usemb-white-shell .usemb-dashboard-grid-ref{
  grid-template-columns:minmax(0,2.04fr) minmax(260px,.96fr)!important;
  gap:11px!important;
  margin-bottom:11px!important;
}
body.usemb-white-shell .usemb-panel-ref{
  border-radius:9px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
body.usemb-white-shell .usemb-panel-head-ref{
  height:47px!important;
  padding:14px 17px 6px!important;
}
body.usemb-white-shell .usemb-panel-head-ref h5{
  font-size:13px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:-.03em!important;
}
body.usemb-white-shell .usemb-monthly-btn-ref{
  height:30px!important;
  min-width:101px!important;
  border-radius:5px!important;
  font-size:10px!important;
  font-weight:500!important;
  margin-top:-8px!important;
  padding:0 13px!important;
}
body.usemb-white-shell .usemb-chart-legend-ref{
  height:22px!important;
  margin-top:-5px!important;
  gap:10px!important;
  font-size:10px!important;
  color:#18191d!important;
}
body.usemb-white-shell .usemb-legend-square-ref{
  width:13px!important;
  height:13px!important;
  border-radius:4px!important;
  margin-right:4px!important;
}
body.usemb-white-shell .usemb-trend-panel-ref,
body.usemb-white-shell .usemb-status-panel-ref{
  min-height:215px!important;
  height:215px!important;
}
body.usemb-white-shell .usemb-trend-chart-ref{
  height:151px!important;
  margin:4px 17px 12px!important;
  grid-template-columns:23px 1fr!important;
}
body.usemb-white-shell .usemb-trend-yaxis-ref{
  height:117px!important;
  font-size:10px!important;
  color:#a6aab2!important;
}
body.usemb-white-shell .usemb-trend-bars-ref{
  height:137px!important;
  gap:10px!important;
  padding:0 3px 18px 3px!important;
}
body.usemb-white-shell .usemb-trend-item-ref{height:137px!important;gap:7px!important;}
body.usemb-white-shell .usemb-trend-track-ref{
  width:29px!important;
  height:96px!important;
  border-radius:8px!important;
  background:#f0f1f3!important;
}
body.usemb-white-shell .usemb-trend-fill-ref{border-radius:8px!important;}
body.usemb-white-shell .usemb-trend-label-ref{
  font-size:9px!important;
  color:#8f939d!important;
  height:13px!important;
}
body.usemb-white-shell .usemb-donut-wrap-ref{
  height:160px!important;
  padding:0 10px 8px!important;
}
body.usemb-white-shell #statusDonutChart{height:160px!important;}

body.usemb-white-shell .usemb-recent-panel-ref{
  min-height:186px!important;
  border-radius:9px!important;
}
body.usemb-white-shell .usemb-recent-head-ref{
  height:51px!important;
  padding:13px 17px 6px!important;
}
body.usemb-white-shell .usemb-allorders-btn-ref{
  height:30px!important;
  min-width:101px!important;
  border-radius:5px!important;
  font-size:11px!important;
  font-weight:600!important;
  gap:8px!important;
}
body.usemb-white-shell .usemb-table-wrap-ref{padding:0 17px 11px!important;}
body.usemb-white-shell .usemb-dashboard-table-ref thead th{
  font-size:11px!important;
  font-weight:500!important;
  color:#858891!important;
  padding:10px 0!important;
  letter-spacing:-.02em!important;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody td{
  font-size:11px!important;
  line-height:1.25!important;
  padding:9px 0!important;
  border-bottom:1px solid #eceef2!important;
}
body.usemb-white-shell .usemb-order-no-ref,
body.usemb-white-shell .usemb-price-cell-ref{font-weight:600!important;color:#070707!important;}
body.usemb-white-shell .usemb-muted-cell-ref{color:#2d3340!important;font-weight:400!important;}
body.usemb-white-shell .usemb-status-pill-ref{
  min-width:82px!important;
  height:22px!important;
  border-radius:5px!important;
  font-size:10px!important;
  font-weight:500!important;
  background:#dce8ff!important;
  color:#4f86f7!important;
}
body.usemb-white-shell .usemb-eye-btn-ref{
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#111!important;
  font-size:14px!important;
}
body.usemb-white-shell .usemb-eye-btn-ref i{font-size:14px!important;}

@media (min-width:1400px){
  body.usemb-white-shell .usemb-trend-track-ref{width:29px!important;}
}


/* Dashboard round-2 refinement: closer to provided design */
body.usemb-white-shell .sidebar-nav .nav-link{justify-content:flex-start!important;}
body.usemb-white-shell .sidebar-nav .nav-link span{transform:translateY(.2px);}
body.usemb-white-shell .usemb-kpi-value-ref{margin-top:6px!important;}
body.usemb-white-shell .usemb-kpi-title-ref{display:block!important; padding-bottom:2px!important;}
body.usemb-white-shell .usemb-dashboard-table-ref thead th,
body.usemb-white-shell .usemb-dashboard-table-ref tbody td{vertical-align:middle!important;}
body.usemb-white-shell .usemb-dash-action{box-shadow:none!important;}
body.usemb-white-shell .usemb-kpi-card-ref,
body.usemb-white-shell .usemb-panel-ref,
body.usemb-white-shell .usemb-recent-panel-ref{box-shadow:none!important;}
body.usemb-white-shell .usemb-panel-head-ref h5,
body.usemb-white-shell .usemb-recent-head-ref h5{font-size:13px!important; font-weight:600!important; letter-spacing:-.015em!important;}
body.usemb-white-shell .usemb-chart-legend-ref{font-size:11px!important; color:#434851!important;}
body.usemb-white-shell .usemb-recent-head-ref{padding-top:14px!important;}
body.usemb-white-shell .usemb-allorders-btn-ref{font-size:11px!important;}


/* Dashboard round-3 precision polish */
html body.usemb-white-shell,
html body.usemb-white-shell *,
html body.usemb-white-shell *::before,
html body.usemb-white-shell *::after,
html body.usemb-white-shell input,
html body.usemb-white-shell button,
html body.usemb-white-shell select,
html body.usemb-white-shell textarea,
html body.usemb-white-shell table,
html body.usemb-white-shell th,
html body.usemb-white-shell td {
  font-family:"Poppins","Segoe UI",Arial,sans-serif !important;
  font-style:normal !important;
}

body.usemb-white-shell {
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link.active,
body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link[aria-current="page"],
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="/Admin/Dashboard"] {
  background:#24211f !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="/Admin/Dashboard"]::after {
  content:"›";
  margin-left:auto;
  font-size:20px;
  line-height:1;
  font-weight:400;
  opacity:.95;
}

body.usemb-white-shell .sidebar-nav .nav-link {
  display:flex !important;
  align-items:center !important;
}

body.usemb-white-shell #globalSearch,
body.usemb-white-shell #notificationBellBtn,
body.usemb-white-shell .btn-usemb-header-mail,
body.usemb-white-shell .usemb-global-search-wrap,
body.usemb-white-shell .usemb-global-search-wrap .form-control,
body.usemb-white-shell .usemb-kpi-icon-ref,
body.usemb-white-shell .usemb-eye-btn-ref,
body.usemb-white-shell .usemb-dash-action {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.usemb-white-shell #globalSearch i,
body.usemb-white-shell #notificationBellBtn i,
body.usemb-white-shell .btn-usemb-header-mail i,
body.usemb-white-shell .usemb-kpi-icon-ref i,
body.usemb-white-shell .usemb-dash-action i,
body.usemb-white-shell .usemb-eye-btn-ref i {
  margin:0 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.usemb-white-shell .usemb-kpi-card-ref {
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
body.usemb-white-shell .usemb-kpi-card-top-ref {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  flex:0 0 auto !important;
  margin-bottom:14px !important;
}
body.usemb-white-shell .usemb-kpi-value-ref {
  margin-top:2px !important;
  flex:0 0 auto !important;
}
body.usemb-white-shell .usemb-kpi-title-ref {
  margin-top:10px !important;
  padding-bottom:4px !important;
  flex:0 0 auto !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
body.usemb-white-shell .usemb-kpi-card-ref.usemb-kpi-link-ref {text-decoration:none !important;}
body.usemb-white-shell .usemb-kpi-icon-ref {
  width:35px !important;
  height:35px !important;
  min-width:35px !important;
  min-height:35px !important;
}

body.usemb-white-shell .usemb-dashboard-table-ref thead th {
  font-size:12px !important;
  font-weight:500 !important;
  color:#8a8d96 !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody td {
  font-size:11px !important;
  font-weight:400 !important;
  color:#434851 !important;
}
body.usemb-white-shell .usemb-order-no-ref,
body.usemb-white-shell .usemb-price-cell-ref {
  font-weight:600 !important;
  color:#121212 !important;
}
body.usemb-white-shell .usemb-muted-cell-ref {
  color:#4f5560 !important;
}

body.usemb-white-shell .usemb-status-pill-ref {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:96px !important;
  padding:0 10px !important;
  border:none !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-delivered {
  background:#dce8ff !important;
  color:#4d7cf5 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-assigned-vendor {
  background:#fde8bf !important;
  color:#f1a11a !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-submitted {
  background:#d9f5fa !important;
  color:#18b6d5 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-inprogress {
  background:#dcecff !important;
  color:#5c84ff !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-pending-review {
  background:#fff1cc !important;
  color:#ec9f11 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-sent-quotation {
  background:#e6ebf3 !important;
  color:#7d8797 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-onhold {
  background:#ffe1e8 !important;
  color:#ef6287 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-cancelled {
  background:#ffe3df !important;
  color:#e3685d !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-default {
  background:#eef2f8 !important;
  color:#6f7b8f !important;
}


/* =====================================================================
   DASHBOARD FINAL MATCH PATCH
   Fixes from visual review: icons, dashboard selected nav, KPI clipping,
   action button spacing, and consistent UI typography.
   ===================================================================== */

/* Keep the app font for normal text only. Do NOT break icon pseudo fonts. */
body.usemb-white-shell,
body.usemb-white-shell button,
body.usemb-white-shell input,
body.usemb-white-shell select,
body.usemb-white-shell textarea,
body.usemb-white-shell table,
body.usemb-white-shell th,
body.usemb-white-shell td,
body.usemb-white-shell a,
body.usemb-white-shell span:not(.bi):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.usemb-white-shell div:not(.bi):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands),
body.usemb-white-shell p,
body.usemb-white-shell h1,
body.usemb-white-shell h2,
body.usemb-white-shell h3,
body.usemb-white-shell h4,
body.usemb-white-shell h5,
body.usemb-white-shell h6,
body.usemb-white-shell label {
  font-family:"Poppins","Montserrat","Segoe UI",Arial,sans-serif !important;
}

/* Restore Bootstrap Icons / FontAwesome after previous global font override. */
body.usemb-white-shell .bi,
body.usemb-white-shell .bi::before,
body.usemb-white-shell [class^="bi-"]::before,
body.usemb-white-shell [class*=" bi-"]::before {
  font-family:"bootstrap-icons" !important;
  font-style:normal !important;
  font-weight:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  line-height:1 !important;
  display:inline-block !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.usemb-white-shell .fa,
body.usemb-white-shell .fa::before,
body.usemb-white-shell .fa-solid,
body.usemb-white-shell .fa-solid::before {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
}
body.usemb-white-shell .fa-regular,
body.usemb-white-shell .fa-regular::before {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:400 !important;
}
body.usemb-white-shell .fa-brands,
body.usemb-white-shell .fa-brands::before {
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}

/* Dashboard must start close to the header like the reference. */
body.usemb-white-shell .admin-main {
  padding-top:0 !important;
  margin-left:214px !important;
  background:#f5f6f8 !important;
}
body.usemb-white-shell.route-admin-dashboard-index .admin-main > .container-fluid.flex-grow-1 {
  padding:18px 18px 20px 14px !important;
}

/* Selected Dashboard menu black. */
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link.active,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"],
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"],
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="/Admin/Dashboard"] {
  background:#24211f !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link.active::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"]::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"]::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="/Admin/Dashboard"]::after {
  content:"›" !important;
  margin-left:auto !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:400 !important;
  opacity:.95 !important;
}

/* Header icons exact centered squares. */
body.usemb-white-shell #globalSearch,
body.usemb-white-shell #notificationBellBtn,
body.usemb-white-shell .btn-usemb-header-mail {
  width:35px !important;
  height:35px !important;
  min-width:35px !important;
  min-height:35px !important;
  border-radius:6px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.usemb-white-shell #globalSearch i,
body.usemb-white-shell #notificationBellBtn i,
body.usemb-white-shell .btn-usemb-header-mail i {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#fff !important;
}

/* Top dashboard action buttons: grouped and same baseline. */
body.usemb-white-shell .usemb-dashboard-actionbar {
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  height:34px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
}
body.usemb-white-shell .usemb-dash-action {
  height:33px !important;
  min-height:33px !important;
  padding:0 16px !important;
  border-radius:7px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
body.usemb-white-shell .usemb-dash-action i {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:14px !important;
  height:14px !important;
  font-size:14px !important;
  margin:0 !important;
  line-height:1 !important;
}

/* KPI cards: no clipping, same vertical rhythm. */
body.usemb-white-shell .usemb-kpi-grid-ref {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:11px !important;
  margin-bottom:11px !important;
}
body.usemb-white-shell .usemb-kpi-card-ref {
  height:126px !important;
  min-height:126px !important;
  border-radius:9px !important;
  padding:13px 13px 15px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  background:#fff !important;
}
body.usemb-white-shell .usemb-kpi-card-top-ref {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  min-height:35px !important;
  margin-bottom:16px !important;
}
body.usemb-white-shell .usemb-kpi-chip-ref {
  height:20px !important;
  border-radius:5px !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:9px !important;
  font-weight:600 !important;
  line-height:1 !important;
}
body.usemb-white-shell .usemb-kpi-icon-ref {
  width:35px !important;
  height:35px !important;
  min-width:35px !important;
  min-height:35px !important;
  border-radius:7px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.usemb-white-shell .usemb-kpi-icon-ref i {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:17px !important;
  height:17px !important;
  font-size:17px !important;
  line-height:1 !important;
  margin:0 !important;
}
body.usemb-white-shell .usemb-kpi-value-ref {
  display:block !important;
  font-size:29px !important;
  line-height:1 !important;
  font-weight:600 !important;
  letter-spacing:-.03em !important;
  margin:0 !important;
}
body.usemb-white-shell .usemb-money-ref {
  font-size:30px !important;
}
body.usemb-white-shell .usemb-kpi-title-ref {
  display:block !important;
  margin-top:11px !important;
  padding-bottom:0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  color:#646872 !important;
  white-space:normal !important;
}

/* Panels below KPI cards should not overlap. */
body.usemb-white-shell .usemb-dashboard-grid-ref {
  margin-top:0 !important;
}
body.usemb-white-shell .usemb-panel-ref,
body.usemb-white-shell .usemb-recent-panel-ref {
  background:#fff !important;
  border-radius:9px !important;
  overflow:hidden !important;
}

/* Table typography closer to reference. */
body.usemb-white-shell .usemb-dashboard-table-ref thead th {
  font-size:11px !important;
  font-weight:400 !important;
  color:#8b8e96 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody td {
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  color:#424854 !important;
}
body.usemb-white-shell .usemb-order-no-ref,
body.usemb-white-shell .usemb-price-cell-ref {
  color:#101114 !important;
  font-weight:600 !important;
}

/* Status colors by actual order status. */
body.usemb-white-shell .usemb-status-pill-ref {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:92px !important;
  height:22px !important;
  padding:0 10px !important;
  border-radius:5px !important;
  border:0 !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1 !important;
}
body.usemb-white-shell .usemb-status-pill-ref.status-delivered { background:#dce8ff !important; color:#4f86f7 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-assigned-vendor { background:#fde8bf !important; color:#f2a21b !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-submitted { background:#d7f5fa !important; color:#13b6d7 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-inprogress { background:#dce8ff !important; color:#4f86f7 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-pending-review { background:#fff1cc !important; color:#f0a414 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-sent-quotation { background:#e8edf4 !important; color:#8290a3 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-onhold { background:#ffe1eb !important; color:#f25f87 !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-cancelled { background:#ffe3df !important; color:#e7645c !important; }
body.usemb-white-shell .usemb-status-pill-ref.status-default { background:#eef2f8 !important; color:#6f7b8f !important; }

/* Eye action icon should render again and stay centered. */
body.usemb-white-shell .usemb-eye-btn-ref {
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:50% !important;
}
body.usemb-white-shell .usemb-eye-btn-ref i {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:14px !important;
  height:14px !important;
  font-size:14px !important;
  margin:0 !important;
  line-height:1 !important;
}


/* === Dashboard V3 Figma alignment pass ===
   Based on the provided V3 screenshots: compact top spacing, segmented action buttons,
   black selected sidebar item, darker table typography, and icon-safe font rules. */

/* Use Poppins only for real text; never overwrite Bootstrap Icons / FontAwesome. */
body.usemb-white-shell,
body.usemb-white-shell :where(a,button,input,select,textarea,label,p,small,div,span,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
  font-family:"Poppins","Segoe UI",Arial,sans-serif !important;
  letter-spacing:0 !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
body.usemb-white-shell .bi,
body.usemb-white-shell .bi::before,
body.usemb-white-shell [class^="bi-"]::before,
body.usemb-white-shell [class*=" bi-"]::before{
  font-family:"bootstrap-icons" !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:1 !important;
  vertical-align:0 !important;
}
body.usemb-white-shell .fa,
body.usemb-white-shell .fa::before,
body.usemb-white-shell .fa-solid,
body.usemb-white-shell .fa-solid::before{font-family:"Font Awesome 6 Free" !important;font-weight:900 !important;}
body.usemb-white-shell .fa-regular,
body.usemb-white-shell .fa-regular::before{font-family:"Font Awesome 6 Free" !important;font-weight:400 !important;}
body.usemb-white-shell .fa-brands,
body.usemb-white-shell .fa-brands::before{font-family:"Font Awesome 6 Brands" !important;font-weight:400 !important;}

/* Reduce the oversized grey top space visible under the header. */
body.usemb-white-shell.route-admin-dashboard-index .admin-main > .container-fluid.flex-grow-1,
body.usemb-white-shell.route--admin-index .admin-main > .container-fluid.flex-grow-1,
body.usemb-white-shell .admin-main > .container-fluid.flex-grow-1{
  padding:18px 18px 20px 14px !important;
}
body.usemb-white-shell.route-admin-dashboard-index .usemb-dashboard-ref,
body.usemb-white-shell.route--admin-index .usemb-dashboard-ref{
  margin-top:-52px !important;
}

/* Dashboard selected menu must be black like V3. Support both /Admin and /Admin/Dashboard routes. */
body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link.active,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"],
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"],
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="Dashboard"],
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"],
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"],
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href*="Dashboard"]{
  background:#24211f !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link.active i,
body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link.active span,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"] i,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"] span,
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"] i,
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"] span{
  color:#fff !important;
}
body.usemb-white-shell .admin-sidebar .sidebar-nav .nav-link.active::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"]::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"]::after,
body.usemb-white-shell.route-admin-dashboard-index .admin-sidebar .sidebar-nav .nav-link[href*="Dashboard"]::after,
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href="/Admin"]::after,
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href$="/Admin"]::after,
body.usemb-white-shell.route--admin-index .admin-sidebar .sidebar-nav .nav-link[href*="Dashboard"]::after{
  content:"›" !important;
  margin-left:auto !important;
  font-size:20px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:#fff !important;
}

/* V3 top action buttons are one tight segmented control, not three separated pills. */
body.usemb-white-shell .usemb-dashboard-actionbar{
  width:max-content !important;
  margin-left:auto !important;
  margin-right:0 !important;
  margin-bottom:18px !important;
  height:35px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:0 !important;
  background:#fff !important;
  border:1px solid #eceef2 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  padding:0 !important;
  box-shadow:0 1px 0 rgba(15,23,42,.02) !important;
}
body.usemb-white-shell .usemb-dash-action{
  height:35px !important;
  min-height:35px !important;
  min-width:118px !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 18px !important;
  background:#fff !important;
  color:#111 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
body.usemb-white-shell .usemb-dash-action + .usemb-dash-action{border-left:1px solid #f0f1f4 !important;}
body.usemb-white-shell .usemb-dash-action-primary{
  background:#4f86f7 !important;
  color:#fff !important;
  border-left:0 !important;
  min-width:119px !important;
}
body.usemb-white-shell .usemb-dash-action i{
  width:15px !important;
  height:15px !important;
  font-size:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  color:currentColor !important;
}

/* KPI cards: keep V3 spacing and prevent subtitle clipping. */
body.usemb-white-shell .usemb-kpi-grid-ref{gap:11px !important;margin-bottom:11px !important;}
body.usemb-white-shell .usemb-kpi-card-ref{
  height:116px !important;
  min-height:116px !important;
  padding:13px 13px 14px !important;
  border-radius:9px !important;
  overflow:hidden !important;
}
body.usemb-white-shell .usemb-kpi-card-top-ref{min-height:36px !important;margin-bottom:15px !important;}
body.usemb-white-shell .usemb-kpi-value-ref{
  font-size:28px !important;
  line-height:1 !important;
  font-weight:600 !important;
  color:#050505 !important;
  margin:0 !important;
}
body.usemb-white-shell .usemb-money-ref{font-size:30px !important;}
body.usemb-white-shell .usemb-kpi-title-ref{
  margin-top:8px !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:400 !important;
  color:#646872 !important;
  white-space:normal !important;
}
body.usemb-white-shell .usemb-kpi-icon-ref{display:inline-flex !important;align-items:center !important;justify-content:center !important;}
body.usemb-white-shell .usemb-kpi-icon-ref i{color:currentColor !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}

/* Recent Orders table: V3 uses darker text and larger table text than the previous grey output. */
body.usemb-white-shell .usemb-recent-head-ref h5,
body.usemb-white-shell .usemb-panel-head-ref h5{
  font-size:13px !important;
  font-weight:600 !important;
  color:#111 !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref thead th{
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  color:#797d86 !important;
  text-transform:uppercase !important;
  padding:10px 0 !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref tbody td{
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.22 !important;
  color:#15171c !important;
  padding:9px 0 !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref .usemb-muted-cell-ref{
  color:#11151b !important;
  font-weight:400 !important;
}
body.usemb-white-shell .usemb-dashboard-table-ref .usemb-order-no-ref,
body.usemb-white-shell .usemb-dashboard-table-ref .usemb-price-cell-ref{
  color:#050505 !important;
  font-weight:600 !important;
}
body.usemb-white-shell .usemb-status-pill-ref{
  min-width:92px !important;
  height:22px !important;
  font-size:10px !important;
  font-weight:400 !important;
}
body.usemb-white-shell .usemb-allorders-btn-ref{
  height:30px !important;
  min-width:101px !important;
  border-radius:5px !important;
  font-size:11px !important;
  font-weight:600 !important;
}
body.usemb-white-shell .usemb-eye-btn-ref i{color:#111 !important;}


/* --------------------------------------------------------------------------
   ROUND 10 HEADER TITLE RESTORE
   Dashboard top white bar must show title/subtitle like the Figma reference,
   including /Admin route aliases that load the older white-theme file.
-------------------------------------------------------------------------- */
body.usemb-white-shell.route-admin-dashboard-index .usemb-header-title,
body.usemb-white-shell.route--admin-index .usemb-header-title{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:3!important;
  min-width:300px!important;
  max-width:520px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  color:#111!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
body.usemb-white-shell.route-admin-dashboard-index .usemb-header-title h1,
body.usemb-white-shell.route--admin-index .usemb-header-title h1{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:#111214!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}
body.usemb-white-shell.route-admin-dashboard-index .usemb-header-title p,
body.usemb-white-shell.route--admin-index .usemb-header-title p{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  color:#626975!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
body.usemb-white-shell.route-admin-dashboard-index .admin-header .container-fluid,
body.usemb-white-shell.route--admin-index .admin-header .container-fluid{
  display:flex!important;
  align-items:center!important;
}
body.usemb-white-shell.route-admin-dashboard-index .admin-header .d-flex.align-items-center.gap-2,
body.usemb-white-shell.route--admin-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

/* =========================================================
   Round 15 polish overrides
   - equal header icon boxes
   - expanding desktop search
   - hamburger/sidebar on tighter widths + browser zoom
   - stronger gradients for charts
   ========================================================= */
body.usemb-white-shell .admin-header .search-container,
body.usemb-white-shell .admin-header .usemb-global-search-wrap,
body.usemb-white-shell .admin-header #globalSearch,
body.usemb-white-shell .admin-header #notificationBellBtn,
body.usemb-white-shell .admin-header .btn-usemb-header-mail{
  box-sizing:border-box!important;
  flex-shrink:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:top!important;
  line-height:1!important;
}
body.usemb-white-shell .admin-header .btn-usemb-header-mail,
body.usemb-white-shell .admin-header #notificationBellBtn{
  position:relative!important;
  overflow:visible!important;
}
body.usemb-white-shell .admin-header .btn-usemb-header-mail i,
body.usemb-white-shell .admin-header #notificationBellBtn i,
body.usemb-white-shell .admin-header .usemb-global-search-wrap > i{
  font-size:15px!important;
  line-height:1!important;
}
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2{
  align-items:center!important;
}
body.usemb-white-shell .admin-header .search-container{
  position:relative!important;
  overflow:visible!important;
}
body.usemb-white-shell .usemb-global-search-panel{
  right:0!important;
  left:auto!important;
  min-width:320px;
  width:min(380px,calc(100vw - 32px));
}
@media (min-width: 992px){
  body.usemb-white-shell .admin-header .search-container{
    transition:flex-basis .22s ease,width .22s ease,max-width .22s ease!important;
  }
  body.usemb-white-shell .usemb-global-search-wrap,
  body.usemb-white-shell #globalSearch{
    transition:width .22s ease, min-width .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease, padding .22s ease!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header .search-container{
    flex:0 0 260px!important;
    width:260px!important;
    max-width:260px!important;
  }
  body.usemb-white-shell.usemb-search-open .usemb-global-search-wrap{
    width:260px!important;
  }
  body.usemb-white-shell.usemb-search-open #globalSearch{
    width:260px!important;
    min-width:260px!important;
    background:#fff!important;
    border:1px solid var(--usemb-border)!important;
    color:#171717!important;
    cursor:text!important;
    padding:0 38px 0 14px!important;
  }
  body.usemb-white-shell.usemb-search-open #globalSearch::placeholder{
    color:#8a8f99!important;
  }
  body.usemb-white-shell.usemb-search-open .usemb-global-search-wrap > i{
    right:14px!important;
    margin-right:0!important;
    transform:translateY(-50%)!important;
    color:#7d8491!important;
  }
}
body.usemb-white-shell .usemb-trend-fill-ref{
  background:linear-gradient(180deg,#6197ff 0%,#4677d9 52%,#325db8 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
@media (max-width: 1199.98px){
  body.usemb-white-shell .admin-header{
    left:0!important;
    width:100%!important;
  }
  body.usemb-white-shell .admin-sidebar{
    width:260px!important;
    transform:translateX(-100%);
    transition:transform .24s ease;
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:1045!important;
    box-shadow:0 20px 60px rgba(16,24,40,.18)!important;
  }
  body.usemb-white-shell.sidebar-open .admin-sidebar{
    transform:translateX(0)!important;
  }
  body.usemb-white-shell .admin-main{
    margin-left:0!important;
  }
  body.usemb-white-shell .hamburger-menu{
    display:flex!important;
    position:fixed;
    top:18px;
    left:14px;
    z-index:1055;
    width:38px;
    height:38px;
    border-radius:10px;
    background:#fff;
    border:1px solid var(--usemb-border);
    color:#111;
    box-shadow:var(--usemb-soft-shadow);
  }
  body.usemb-white-shell .sidebar-brand-panel{
    padding-left:54px!important;
  }
}
@media (min-width: 1200px){
  body.usemb-white-shell .hamburger-menu{display:none!important;}
}
@media (max-width: 991.98px){
  body.usemb-white-shell .admin-header .search-container{display:none!important;}
}
@media (max-width: 1199.98px){
  body.usemb-white-shell .usemb-header-title{
    padding-left:52px!important;
    min-width:0!important;
  }
}

/* =========================================================
   Round 16 hard fixes
   ========================================================= */
body.usemb-white-shell .usemb-notification-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 35px!important;
  width:35px!important;
  height:35px!important;
  overflow:visible!important;
}
body.usemb-white-shell .admin-header .search-container,
body.usemb-white-shell .admin-header .usemb-global-search-wrap,
body.usemb-white-shell .admin-header #globalSearch,
body.usemb-white-shell .admin-header #notificationBellBtn,
body.usemb-white-shell .admin-header .btn-usemb-header-mail{
  width:35px!important;
  min-width:35px!important;
  max-width:35px!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
  flex:0 0 35px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:6px!important;
}
body.usemb-white-shell .admin-header #notificationBellBtn,
body.usemb-white-shell .admin-header .btn-usemb-header-mail,
body.usemb-white-shell .admin-header .usemb-global-search-wrap{
  overflow:visible!important;
  position:relative!important;
}
body.usemb-white-shell .usemb-notification-badge{
  position:absolute!important;
  top:-6px!important;
  right:-6px!important;
  z-index:5!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:9px!important;
  font-weight:700!important;
  border-radius:999px!important;
  background:#ff4e5f!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:none!important;
}
body.usemb-white-shell .usemb-notification-badge.d-none{display:none!important;}
body.usemb-white-shell .usemb-notification-panel,
body.usemb-white-shell .usemb-global-search-panel{
  z-index:3000!important;
}
body.usemb-white-shell .usemb-global-search-panel{margin-top:10px!important;}
@media (min-width: 992px){
  body.usemb-white-shell.usemb-search-open .admin-header .search-container,
  body.usemb-white-shell.usemb-search-open .admin-header .usemb-global-search-wrap,
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch{
    width:250px!important;
    min-width:250px!important;
    max-width:250px!important;
    flex-basis:250px!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch{
    background:#fff!important;
    color:#171717!important;
    border:1px solid #dfe3ea!important;
    padding:0 36px 0 12px!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch::placeholder{
    color:#8e95a3!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header .usemb-global-search-wrap > i{
    right:12px!important;
    transform:translateY(-50%)!important;
    color:#7d8491!important;
  }
}
body.usemb-white-shell .usemb-donut-stage-ref{
  min-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.usemb-white-shell .usemb-css-donut{
  width:170px!important;
  height:170px!important;
  border-radius:50%!important;
  position:relative!important;
  flex:0 0 170px!important;
  transform:rotate(-112deg);
}
body.usemb-white-shell .usemb-css-donut-hole{
  position:absolute!important;
  inset:31px!important;
  border-radius:50%!important;
  background:#f6f7f9!important;
}
body.usemb-white-shell .usemb-donut-legend-ref{
  margin-top:6px!important;
}

/* =========================================================
   Round 17 final dashboard fixes
   ========================================================= */
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2 > .btn,
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2 > .usemb-notification-wrap,
body.usemb-white-shell .admin-header .d-flex.align-items-center.gap-2 > .btn-usemb-header-mail,
body.usemb-white-shell .admin-header .search-container,
body.usemb-white-shell .admin-header .usemb-global-search-wrap,
body.usemb-white-shell .admin-header #globalSearch,
body.usemb-white-shell .admin-header #notificationBellBtn,
body.usemb-white-shell .admin-header .btn-usemb-header-mail{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
body.usemb-white-shell .admin-header #globalSearch{
  color:transparent!important;
  caret-color:transparent!important;
}
body.usemb-white-shell .admin-header .usemb-global-search-wrap > i,
body.usemb-white-shell .admin-header #notificationBellBtn i,
body.usemb-white-shell .admin-header .btn-usemb-header-mail i{
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  margin:0!important;
}
body.usemb-white-shell .admin-header .btn-usemb-header-mail .usemb-notification-badge{
  right:-6px!important;
  top:-6px!important;
}
body.usemb-white-shell .admin-header .usemb-notification-wrap{
  position:relative!important;
}
body.usemb-white-shell .admin-header #notificationBellBtn .usemb-notification-badge,
body.usemb-white-shell .admin-header .usemb-notification-badge{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:9px!important;
  font-weight:700!important;
  border-radius:999px!important;
  background:#ff4f61!important;
  color:#fff!important;
  border:2px solid #fff!important;
  z-index:30!important;
}
body.usemb-white-shell .admin-header .usemb-notification-badge.d-none{display:none!important;}
@media (min-width: 992px){
  body.usemb-white-shell.usemb-search-open .admin-header .search-container,
  body.usemb-white-shell.usemb-search-open .admin-header .usemb-global-search-wrap,
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch{
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    flex:0 0 270px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch{
    background:#fff!important;
    color:#111827!important;
    caret-color:#111827!important;
    cursor:text!important;
    border:1px solid #d9dee8!important;
    border-radius:10px!important;
    padding:0 38px 0 14px!important;
  }
  body.usemb-white-shell.usemb-search-open .admin-header #globalSearch::placeholder{color:#8b93a1!important;}
  body.usemb-white-shell.usemb-search-open .admin-header .usemb-global-search-wrap > i{
    right:13px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    color:#7a8190!important;
  }
}
body.usemb-white-shell .usemb-notification-panel{
  width:390px!important;
  max-width:calc(100vw - 22px)!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  padding:10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.usemb-white-shell .usemb-notification-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:10px 4px!important;
  max-height:420px!important;
}
body.usemb-white-shell .usemb-notification-item{
  margin:0!important;
  padding:12px 12px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 12px!important;
  gap:10px!important;
  text-decoration:none!important;
}
body.usemb-white-shell .usemb-notification-item.is-unread{background:#f0f5ff!important;}
body.usemb-white-shell .usemb-notification-item.is-read{background:#fff!important;}
body.usemb-white-shell .usemb-notification-avatar{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}
body.usemb-white-shell .usemb-notification-message{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.usemb-white-shell .usemb-notification-panel-foot{padding:10px 4px 0!important;}
body.usemb-white-shell .usemb-notification-panel-foot .btn{border-radius:10px!important;height:38px!important;}
body.usemb-white-shell .usemb-svg-donut{
  width:176px!important;
  height:176px!important;
  display:block!important;
  overflow:visible!important;
}
body.usemb-white-shell .usemb-donut-stage-ref{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:190px!important;
  height:190px!important;
}
body.usemb-white-shell .usemb-donut-wrap-ref{
  min-height:230px!important;
  height:230px!important;
}

/* Round 18: restore real dynamic Chart.js donut canvas */
body.usemb-white-shell .usemb-donut-stage-ref{
  min-height:204px!important;
  height:204px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.usemb-white-shell #statusDonutChart{
  display:block!important;
  width:178px!important;
  height:170px!important;
  min-width:178px!important;
  min-height:170px!important;
  max-width:178px!important;
  max-height:170px!important;
}
body.usemb-white-shell .usemb-donut-legend-ref{
  margin-top:8px!important;
  row-gap:7px!important;
  column-gap:15px!important;
}

/* =========================================================
   Round 79 - Messages screen template polish
   Scope: /Messages only. Keeps message logic, ids and JS hooks unchanged.
   ========================================================= */
body.admin-layout.usemb-white-shell.route--messages-index{
  --msg-bg:#f3f4f6;
  --msg-card:#ffffff;
  --msg-border:#e6ebf2;
  --msg-muted:#697586;
  --msg-text:#111827;
  --msg-primary:#4f83f1;
  --msg-primary-dark:#3f73e3;
  --msg-soft-blue:#edf4ff;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-main{
  background:var(--msg-bg)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header{
  left:195px!important;
  width:calc(100% - 195px)!important;
  background:#fff!important;
  border-bottom:1px solid #e7eaf0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .navbar,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  height:78px!important;
  min-height:78px!important;
  background:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  padding-left:24px!important;
  padding-right:22px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-title{
  min-width:260px!important;
  flex:1 1 auto!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-title h1{
  margin:0!important;
  color:#111827!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-title p{
  margin:5px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.2!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:auto!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
body.admin-layout.usemb-white-shell.route--messages-index #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--messages-index #btnFullscreen{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #globalSearch,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  border-radius:7px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{
  background:#000!important;
  color:#fff!important;
  border:1px solid #000!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn{
  background:var(--msg-primary)!important;
  color:#fff!important;
  border:1px solid var(--msg-primary)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #globalSearch{
  background:transparent!important;
  border:0!important;
  color:transparent!important;
  caret-color:transparent!important;
  cursor:pointer!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-wrap > i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail i{
  font-size:16px!important;
  line-height:1!important;
  margin:0!important;
  color:inherit!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-clear{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-notification-badge{
  top:-7px!important;
  right:-7px!important;
  border:2px solid #fff!important;
}
@media (min-width: 992px){
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container,
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap,
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch{
    width:520px!important;
    min-width:520px!important;
    max-width:520px!important;
    flex:0 0 520px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:14px!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container{
    margin-left:auto!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap{
    background:#fff!important;
    border:1px solid #d8e0ec!important;
    box-shadow:0 0 0 4px rgba(79,131,241,.12),0 18px 46px rgba(16,24,40,.14)!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch{
    color:#111827!important;
    caret-color:#111827!important;
    cursor:text!important;
    padding:0 46px 0 16px!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch::placeholder{
    color:#8b95a5!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap > i{
    position:absolute!important;
    right:15px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#111827!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-clear{
    display:inline-flex!important;
    position:absolute!important;
    right:44px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    border:0!important;
    background:transparent!important;
    color:#667085!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-panel{
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:520px!important;
    min-width:520px!important;
    max-height:560px!important;
    overflow:auto!important;
    border-radius:16px!important;
    border:1px solid #e1e7f0!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(16,24,40,.16)!important;
    padding:10px!important;
  }
}

body.admin-layout.usemb-white-shell.route--messages-index .admin-content{
  padding:22px 18px 0!important;
  background:var(--msg-bg)!important;
  min-height:calc(100vh - 78px)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
  height:calc(100vh - 120px)!important;
  min-height:640px!important;
  overflow:hidden!important;
  color:var(--msg-text)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
  display:grid!important;
  grid-template-columns:335px minmax(0,1fr)!important;
  gap:16px!important;
  height:100%!important;
  min-height:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  background:#fff!important;
  border:1px solid var(--msg-border)!important;
  border-radius:18px!important;
  box-shadow:0 18px 45px rgba(16,24,40,.07)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar-top{
  padding:18px 18px 12px!important;
  border-bottom:1px solid #eef2f6!important;
  align-items:center!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-title{
  color:#111827!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-subtitle{
  margin-top:5px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  max-width:185px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-new,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-send{
  min-width:auto!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 16px!important;
  border:1px solid var(--msg-primary)!important;
  border-radius:9px!important;
  background:var(--msg-primary)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(79,131,241,.18)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-new:hover,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-send:hover{
  background:var(--msg-primary-dark)!important;
  transform:translateY(-1px)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search{
  position:relative!important;
  padding:14px 14px 12px!important;
  border-bottom:1px solid #f0f2f6!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search i{
  left:30px!important;
  top:36px!important;
  color:#98a2b3!important;
  font-size:15px!important;
  z-index:2!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  border:1px solid #dbe2ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111827!important;
  padding:0 12px 0 40px!important;
  font-size:13px!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control:focus{
  border-color:#b9cdfb!important;
  box-shadow:0 0 0 4px rgba(79,131,241,.12)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control::placeholder{
  color:#98a2b3!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-thread-list{
  padding:12px 12px 16px!important;
  gap:9px!important;
  overflow:auto!important;
  background:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-thread-list::-webkit-scrollbar,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body::-webkit-scrollbar{
  width:7px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-thread-list::-webkit-scrollbar-thumb,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body::-webkit-scrollbar-thumb{
  background:#d8dee8!important;
  border-radius:999px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item{
  padding:12px!important;
  min-height:86px!important;
  border-radius:16px!important;
  background:#f8fafc!important;
  border:1px solid transparent!important;
  color:#111827!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item:hover{
  background:#f3f7ff!important;
  border-color:#dbe7ff!important;
  transform:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item.is-active{
  background:linear-gradient(135deg,#eaf3ff,#f6fbff)!important;
  border-color:#bcd7ff!important;
  box-shadow:inset 3px 0 0 var(--msg-primary),0 10px 26px rgba(79,131,241,.12)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item.is-unread:not(.is-active){
  background:#f4f8ff!important;
  border-color:#dce9ff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-main{
  gap:11px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-avatar{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
  background:var(--msg-primary)!important;
  box-shadow:0 8px 18px rgba(79,131,241,.16)!important;
  font-size:13px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-avatar.lg{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:14px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-avatar-wrap.lg{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-name{
  color:#111827!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-time{
  color:#8492a6!important;
  font-size:11px!important;
  line-height:1!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-preview{
  color:#667085!important;
  font-size:12px!important;
  line-height:1.35!important;
  max-width:180px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-role{
  color:#0ea5e9!important;
  font-size:11px!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-status,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-status{
  color:#7b8798!important;
  font-size:11px!important;
  gap:5px!important;
  margin-top:4px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-btn{
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  border:1px solid #dbe3ee!important;
  background:#f4f7fb!important;
  color:#344054!important;
  opacity:1!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-btn:hover{
  border-color:#bcd7ff!important;
  background:#edf4ff!important;
  color:#1f5edc!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-menu,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-menu{
  background:#fff!important;
  border:1px solid #e0e5ed!important;
  border-radius:14px!important;
  box-shadow:0 20px 44px rgba(16,24,40,.16)!important;
  padding:6px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-item,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-menu-item{
  color:#1f2937!important;
  border-radius:10px!important;
  font-size:12px!important;
  padding:9px 10px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-item:hover,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-menu-item:hover{
  background:#f6f8fb!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-action-item.danger,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-menu-item.danger{
  color:#e11d48!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-presence-dot{
  border-color:#fff!important;
  background:#a5afbd!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-presence-dot.is-online,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-status.is-online .usemb-online-dot,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-status.is-online .usemb-online-dot{
  background:#16a34a!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-presence-dot.is-offline,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-status.is-offline .usemb-online-dot,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-status.is-offline .usemb-online-dot{
  background:#a3adbb!important;
}

body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index #messageWorkspace{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header{
  height:74px!important;
  min-height:74px!important;
  padding:14px 18px!important;
  border-bottom:1px solid #edf1f6!important;
  background:#fff!important;
  gap:12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-name{
  color:#111827!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.15!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-role{
  color:#667085!important;
  font-size:12px!important;
  margin-top:2px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-typing-status{
  color:var(--msg-primary)!important;
  font-size:11px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:24px 26px!important;
  background:linear-gradient(180deg,#fbfcff,#f7f9fc)!important;
  scroll-behavior:smooth!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-message-empty,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-message-blank,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-empty-list{
  color:#667085!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-row{
  margin-bottom:10px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble{
  max-width:min(66%,620px)!important;
  padding:10px 12px 8px!important;
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(16,24,40,.08)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.has-tools{
  padding-right:38px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other{
  background:#fff!important;
  border:1px solid #e8edf5!important;
  color:#111827!important;
  border-top-left-radius:6px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.self{
  background:#0f6b45!important;
  border:1px solid #0f6b45!important;
  color:#fff!important;
  border-top-right-radius:6px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-meta{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-text{
  font-size:13px!important;
  line-height:1.45!important;
  word-break:break-word!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-bubble-text{
  color:#111827!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-footer{
  margin-top:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-time{
  font-size:10px!important;
  opacity:.82!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-bubble-time,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-bubble-status{
  color:#667085!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-menu-btn{
  width:24px!important;
  height:24px!important;
  background:rgba(15,23,42,.10)!important;
  color:#344054!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.self .usemb-bubble-menu-btn{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-attachment.image img{
  max-width:250px!important;
  max-height:250px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  object-fit:cover!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble-attachment.file{
  border-radius:13px!important;
  padding:10px 12px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:inherit!important;
  font-size:12px!important;
  max-width:280px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-bubble-attachment.file{
  background:#f6f8fb!important;
  border-color:#e4eaf3!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-voice-message{
  min-width:250px!important;
  max-width:340px!important;
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.16)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-message{
  background:#f5f8fc!important;
  border-color:#e4eaf3!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-play,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-actions a,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-actions button{
  background:#eaf1fb!important;
  color:#344054!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-bars span{
  background:#667085!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other .usemb-voice-duration{
  color:#667085!important;
}

body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-composer{
  flex:0 0 auto!important;
  padding:12px 14px!important;
  border-top:1px solid #edf1f6!important;
  background:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-row{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-attach{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:10px!important;
  border:1px solid #dfe6f1!important;
  background:#fff!important;
  color:#344054!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-attach:hover{
  background:#f4f7fb!important;
  color:var(--msg-primary)!important;
  border-color:#bdd0fa!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-row textarea.form-control{
  min-height:38px!important;
  max-height:110px!important;
  border-radius:10px!important;
  border:1px solid #dfe6f1!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  padding:9px 12px!important;
  resize:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-row textarea.form-control:focus{
  border-color:#b9cdfb!important;
  box-shadow:0 0 0 4px rgba(79,131,241,.12)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-reply-preview,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-preview{
  background:#f8fafc!important;
  border:1px solid #e4eaf3!important;
  border-radius:12px!important;
  color:#111827!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-preview-name,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-reply-preview-text{
  color:#667085!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-image-preview-modal .modal-content,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-user-info-modal .modal-content,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-newchat-modal{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #e2e8f0!important;
  border-radius:18px!important;
  box-shadow:0 26px 70px rgba(16,24,40,.22)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .modal-title{
  font-size:18px!important;
  font-weight:800!important;
  color:#111827!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-newchat-results{
  border-radius:14px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-newchat-item,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-profile-info-row{
  background:#f8fafc!important;
  border:1px solid #e4eaf3!important;
  border-radius:14px!important;
}
@media (max-width: 1199.98px){
  body.admin-layout.usemb-white-shell.route--messages-index .admin-header{
    left:0!important;
    width:100%!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
    grid-template-columns:310px minmax(0,1fr)!important;
  }
}
@media (max-width: 991.98px){
  body.admin-layout.usemb-white-shell.route--messages-index .admin-header .search-container{display:none!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
    height:auto!important;
    min-height:unset!important;
    overflow:visible!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar{
    min-height:340px!important;
    max-height:420px!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
    min-height:620px!important;
  }
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-clear.d-none{display:none!important;}

/* =========================================================
   Round 80: Messages page final shell/search polish
   Scope: Messages page only. Keeps message JS/hooks untouched.
   ========================================================= */
body.admin-layout.usemb-white-shell.route--messages-index{
  --usemb-msg-blue:#4f83f1;
  --usemb-msg-blue-dark:#356de8;
  --usemb-msg-bg:#f3f4f6;
  --usemb-msg-card:#ffffff;
  --usemb-msg-border:#e5eaf2;
  --usemb-msg-muted:#667085;
  --usemb-msg-text:#111827;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header{
  left:var(--usemb-sidebar-w,190px)!important;
  width:calc(100% - var(--usemb-sidebar-w,190px))!important;
  right:0!important;
  z-index:1040!important;
  background:#fff!important;
  border-bottom:1px solid #e8edf4!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .navbar,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  min-height:70px!important;
  height:70px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .navbar-brand,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-user-menu,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnFullscreen,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-search-btn{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title h1{
  margin:0!important;
  color:#0f172a!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title p{
  margin:6px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:8px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .search-container{
  margin-left:auto!important;
  margin-right:0!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  position:relative!important;
  transition:width .24s ease, flex-basis .24s ease, max-width .24s ease!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-wrap{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:8px!important;
  background:#000!important;
  border:1px solid #000!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
  transition:all .24s ease!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #globalSearch{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  caret-color:transparent!important;
  cursor:pointer!important;
  opacity:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-wrap > i{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  pointer-events:none!important;
  z-index:2!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-clear,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-clear.d-none{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  box-shadow:none!important;
  position:relative!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn{
  background:var(--usemb-msg-blue)!important;
  border:1px solid var(--usemb-msg-blue)!important;
  color:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{
  background:#000!important;
  border:1px solid #000!important;
  color:#fff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail i{
  color:inherit!important;
  font-size:17px!important;
  line-height:1!important;
  margin:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-notification-badge{
  top:-7px!important;
  right:-7px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  border:2px solid #fff!important;
  background:#ff4d67!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:13px!important;
}
@media (min-width: 992px){
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container{
    flex:0 1 610px!important;
    width:min(610px, calc(100vw - var(--usemb-sidebar-w,190px) - 170px))!important;
    min-width:360px!important;
    max-width:610px!important;
    height:44px!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    border-radius:15px!important;
    background:#fff!important;
    border:1px solid #d7e0ec!important;
    box-shadow:0 0 0 4px rgba(79,131,241,.12),0 22px 55px rgba(16,24,40,.16)!important;
    justify-content:stretch!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 72px 0 18px!important;
    border:0!important;
    background:transparent!important;
    color:#111827!important;
    caret-color:#111827!important;
    cursor:text!important;
    opacity:1!important;
    font-size:14px!important;
    font-weight:500!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch::placeholder{
    color:#8b95a5!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap > i{
    left:auto!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#111827!important;
    font-size:18px!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-clear:not(.d-none){
    display:inline-flex!important;
    position:absolute!important;
    right:46px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#667085!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
    z-index:4!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-panel{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:100%!important;
    min-width:100%!important;
    max-width:610px!important;
    max-height:520px!important;
    overflow:auto!important;
    border:1px solid #e1e7f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 26px 60px rgba(16,24,40,.18)!important;
    padding:10px!important;
    z-index:1055!important;
  }
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-state{
  color:#667085!important;
  font-size:13px!important;
  padding:12px 14px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-group{
  padding:7px 10px 6px!important;
  color:#475467!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item{
  width:100%!important;
  border:1px solid #e6edf7!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:12px!important;
  margin:0 0 8px!important;
  text-align:left!important;
  color:#111827!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item:hover,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item.is-active{
  background:#f3f7ff!important;
  border-color:#cfe0ff!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:6px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-kicker{
  padding:3px 8px!important;
  border-radius:999px!important;
  background:#eaf2ff!important;
  color:#4f83f1!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-context,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item-subtitle{
  color:#667085!important;
  font-size:12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item-title{
  color:#111827!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-item mark{
  background:#fff3bf!important;
  color:#111827!important;
  border-radius:3px!important;
  padding:0 2px!important;
}

body.admin-layout.usemb-white-shell.route--messages-index .admin-content{
  padding:22px 18px 0!important;
  background:#f2f4f7!important;
  min-height:calc(100vh - 70px)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
  height:calc(100vh - 114px)!important;
  min-height:650px!important;
  overflow:hidden!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:16px!important;
  height:100%!important;
  min-height:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  border:1px solid #e5eaf2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(16,24,40,.07)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:18px 16px 12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-title{
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-subtitle{
  font-size:12px!important;
  color:#667085!important;
  line-height:1.35!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search{
  position:relative!important;
  padding:12px 14px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search i{
  position:absolute!important;
  left:29px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#98a2b3!important;
  font-size:14px!important;
  z-index:3!important;
  pointer-events:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control{
  height:40px!important;
  min-height:40px!important;
  border-radius:10px!important;
  border:1px solid #dbe2ec!important;
  background:#fff!important;
  padding:0 12px 0 40px!important;
  font-size:13px!important;
  font-weight:500!important;
  color:#111827!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item{
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  padding:12px!important;
  margin-bottom:8px!important;
  color:#111827!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item:hover{
  transform:translateY(-1px)!important;
  background:#fff!important;
  border-color:#d8e5ff!important;
  box-shadow:0 12px 26px rgba(16,24,40,.08)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-item.is-active{
  background:linear-gradient(135deg,#eef6ff,#f7fbff)!important;
  border-color:#8bb5ff!important;
  box-shadow:0 12px 28px rgba(79,131,241,.12)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-avatar{
  background:var(--usemb-msg-blue)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(79,131,241,.22)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-name,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header-name{
  font-weight:800!important;
  color:#111827!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-preview,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-role,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-status{
  font-size:12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-thread-role{
  color:#0ea5e9!important;
  font-weight:700!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-header{
  flex:0 0 72px!important;
  height:72px!important;
  padding:14px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #eef2f6!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:22px 26px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f7f9fc 100%)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble{
  max-width:min(64%,560px)!important;
  border-radius:15px!important;
  padding:10px 12px 8px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.self{
  background:#0f6b45!important;
  border-color:#0f6b45!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other{
  background:#fff!important;
  border:1px solid #e5eaf2!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-voice-message{
  border-radius:14px!important;
  min-width:240px!important;
  max-width:330px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-composer{
  flex:0 0 auto!important;
  padding:12px 14px!important;
  background:#fff!important;
  border-top:1px solid #eef2f6!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-row{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-row textarea.form-control{
  min-height:40px!important;
  max-height:120px!important;
  border-radius:12px!important;
  border:1px solid #dbe2ec!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  padding:10px 12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-compose-attach{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:12px!important;
  border:1px solid #dbe2ec!important;
  background:#fff!important;
  color:#344054!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-send,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-btn-new{
  height:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
  padding:0 18px!important;
  background:var(--usemb-msg-blue)!important;
  border-color:var(--usemb-msg-blue)!important;
  color:#fff!important;
  font-weight:800!important;
}
@media (max-width:1199.98px){
  body.admin-layout.usemb-white-shell.route--messages-index .admin-header{
    left:0!important;
    width:100%!important;
  }
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
}
@media (max-width:991.98px){
  body.admin-layout.usemb-white-shell.route--messages-index .admin-header .search-container{display:none!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-search-btn{display:inline-flex!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{grid-template-columns:1fr!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{height:auto!important;overflow:visible!important;}
}

/* =========================================================
   Round 81 - Messages header final fix
   Only Messages page: remove duplicate search icon and remove extra top gap.
   ========================================================= */
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

/* Closed state: show only one black search button. Keep the real global search hidden until opened. */
body.admin-layout.usemb-white-shell.route--messages-index:not(.usemb-search-open) .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index:not(.usemb-search-open) .admin-header .usemb-global-search-wrap{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  flex:0 0 0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnHeaderSearch.usemb-header-search-btn{
  display:inline-flex!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:8px!important;
  background:#000!important;
  border:1px solid #000!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnHeaderSearch.usemb-header-search-btn i{
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  margin:0!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #btnHeaderSearch.usemb-header-search-btn{
  display:none!important;
}

/* Open state: show one clean animated search bar, not an extra square icon. */
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container{
  display:block!important;
  flex:0 1 620px!important;
  width:min(620px, calc(100vw - var(--usemb-sidebar-w,190px) - 170px))!important;
  min-width:360px!important;
  max-width:620px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin-left:auto!important;
  margin-right:8px!important;
  padding:0!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #d7e0ec!important;
  box-shadow:0 0 0 4px rgba(79,131,241,.12),0 22px 55px rgba(16,24,40,.16)!important;
  position:relative!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 72px 0 18px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#111827!important;
  caret-color:#111827!important;
  cursor:text!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch::placeholder{
  color:#8b95a5!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap > i{
  position:absolute!important;
  left:auto!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#111827!important;
  font-size:18px!important;
  margin:0!important;
  pointer-events:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-clear:not(.d-none){
  display:inline-flex!important;
  position:absolute!important;
  right:46px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#667085!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  z-index:4!important;
}
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-panel{
  width:100%!important;
  min-width:100%!important;
  right:0!important;
  left:auto!important;
}

/* Reduce the empty grey strip above the Messages cards. */
body.admin-layout.usemb-white-shell.route--messages-index .admin-main > .container-fluid.flex-grow-1{
  padding-top:12px!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
  margin-top:0!important;
  height:calc(100vh - 94px)!important;
  min-height:650px!important;
}

/* =========================================================
   Round 85 - Notifications + Messages final template polish
   Scope: only /Notifications and /Messages pages.
   ========================================================= */
body.admin-layout.usemb-white-shell.route--notifications-index,
body.admin-layout.usemb-white-shell.route--messages-index{
  --usemb-blue:#4f83f1;
  --usemb-ink:#101828;
  --usemb-muted:#667085;
  --usemb-soft:#f4f6f9;
  --usemb-border:#e4eaf3;
}

/* Header: only one search icon, icons pinned right, badges readable. */
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .d-flex.align-items-center.gap-2:before,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2:before{
  display:none!important;
  content:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .container-fluid,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding-left:20px!important;
  padding-right:22px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-header-title,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title{
  flex:1 1 auto!important;
  min-width:0!important;
  display:block!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .d-flex.align-items-center.gap-2,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--notifications-index #btnFullscreen,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-header-user-menu,
body.admin-layout.usemb-white-shell.route--messages-index #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--messages-index #btnFullscreen,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-user-menu{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnHeaderSearch{
  display:inline-flex!important;
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  min-height:37px!important;
  max-width:37px!important;
  max-height:37px!important;
  border-radius:7px!important;
  border:0!important;
  background:#000!important;
  color:#fff!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #btnHeaderSearch i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #btnHeaderSearch i{
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
  margin:0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header #btnHeaderSearch{
  display:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index:not(.usemb-search-open):not(.usemb-search-is-open) .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index:not(.usemb-search-open):not(.usemb-search-is-open) .admin-header .search-container{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  flex:0 0 0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .search-container{
  display:block!important;
  flex:0 1 620px!important;
  width:min(620px, calc(100vw - 430px))!important;
  min-width:360px!important;
  max-width:620px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin-left:auto!important;
  margin-right:8px!important;
  padding:0!important;
  overflow:visible!important;
  position:relative!important;
  z-index:3400!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .usemb-global-search-wrap{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:15px!important;
  background:#fff!important;
  border:1px solid #d6e0ee!important;
  box-shadow:0 0 0 4px rgba(79,131,241,.12),0 22px 55px rgba(16,24,40,.16)!important;
  position:relative!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header #globalSearch,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header #globalSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #globalSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header #globalSearch{
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0 76px 0 18px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#111827!important;
  caret-color:#111827!important;
  cursor:text!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #globalSearch::-webkit-search-cancel-button,
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #globalSearch::-webkit-search-decoration,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #globalSearch::-webkit-search-cancel-button,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #globalSearch::-webkit-search-decoration{
  display:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .usemb-global-search-wrap > .bi-search,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .usemb-global-search-wrap > .bi-search,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-wrap > .bi-search,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .usemb-global-search-wrap > .bi-search{
  position:absolute!important;
  left:auto!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#111827!important;
  font-size:19px!important;
  line-height:1!important;
  margin:0!important;
  pointer-events:none!important;
  z-index:3!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .usemb-global-search-clear:not(.d-none),
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .usemb-global-search-clear:not(.d-none),
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .usemb-global-search-clear:not(.d-none),
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .usemb-global-search-clear:not(.d-none){
  display:inline-flex!important;
  position:absolute!important;
  right:46px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#667085!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  z-index:4!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-panel,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-panel{
  left:0!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  width:100%!important;
  max-height:calc(100vh - 140px)!important;
  border:1px solid #e7edf6!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 26px 65px rgba(15,23,42,.18)!important;
  padding:10px!important;
  overflow:auto!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-panel.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-panel.d-none{display:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-results,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-results{display:flex!important;flex-direction:column!important;gap:8px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-group,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-group{padding:4px 4px 0!important;color:#111827!important;font-size:13px!important;font-weight:700!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-item,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-item{
  width:100%!important;
  min-height:72px!important;
  padding:11px 13px!important;
  border:1px solid #edf1f7!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111827!important;
  text-align:left!important;
  display:block!important;
  box-shadow:none!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-item:hover,
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-global-search-item.is-active,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-item:hover,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-global-search-item.is-active{background:#f4f8ff!important;border-color:#dce8ff!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .btn-usemb-header-mail,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  min-height:37px!important;
  border-radius:7px!important;
  border:0!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
  position:relative!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn{background:var(--usemb-blue)!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .btn-usemb-header-mail,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail{background:#000!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .btn-usemb-header-mail i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .btn-usemb-header-mail i{font-size:18px!important;line-height:1!important;color:#fff!important;margin:0!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-notification-wrap,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-notification-wrap{position:relative!important;display:inline-flex!important;overflow:visible!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-notification-badge:not(.d-none),
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-notification-badge:not(.d-none){
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#ff4d67!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 4px 10px rgba(255,77,103,.22)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:14px!important;
  z-index:50!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-notification-badge.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-notification-badge.d-none{display:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-back-portal-btn,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-back-portal-btn{
  height:37px!important;
  min-height:37px!important;
  border-radius:7px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:12px!important;
  font-weight:800!important;
  border:0!important;
  color:#fff!important;
  background:#ff9800!important;
  box-shadow:none!important;
}

/* Notifications page content */
body.admin-layout.usemb-white-shell.route--notifications-index .admin-main > .container-fluid{
  padding:26px 30px 36px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-v3{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:var(--usemb-ink)!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-hero-ref{
  width:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-kicker-ref{
  color:var(--usemb-blue)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin-bottom:8px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-hero-ref h2{
  margin:0!important;
  color:#111827!important;
  font-size:26px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-hero-ref p{
  margin:7px 0 0!important;
  color:#667085!important;
  font-size:13px!important;
  font-weight:500!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-tabs-ref{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 44px rgba(15,23,42,.08)!important;
  border:1px solid #eef2f6!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-tab-btn-ref{
  min-width:108px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-decoration:none!important;
  color:#101828!important;
  background:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-tab-btn-ref.active{
  background:var(--usemb-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(79,131,241,.22)!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-tab-btn-ref strong{
  min-width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef4ff!important;
  color:#4f83f1!important;
  font-size:11px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-tab-btn-ref.active strong{background:#fff!important;color:#4f83f1!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-summary-grid-ref{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 14px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-mini-stat-ref{
  min-height:104px!important;
  padding:16px 18px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #eef2f6!important;
  box-shadow:0 14px 34px rgba(15,23,42,.05)!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-mini-stat-label-ref{
  display:inline-flex!important;
  height:22px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#4f83f1!important;
  align-items:center!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-mini-stat-ref strong{
  display:block!important;
  margin:12px 0 4px!important;
  color:#000!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-mini-stat-ref span:last-child{color:#667085!important;font-size:13px!important;font-weight:500!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-board-ref{
  width:100%!important;
  background:#fff!important;
  border:1px solid #eef2f6!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.06)!important;
  padding:18px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-board-head-ref{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-bottom:1px solid #edf1f6!important;
  padding-bottom:14px!important;
  margin-bottom:8px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-board-head-ref h3{margin:0!important;color:#111827!important;font-size:20px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.025em!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-board-head-ref p{margin:6px 0 0!important;color:#667085!important;font-size:12px!important;font-weight:500!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-feed-ref{display:flex!important;flex-direction:column!important;gap:8px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-row-ref{
  min-height:82px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  color:#101828!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  background:#fff!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-row-ref:hover{background:#f8fbff!important;border-color:#e4edff!important;transform:translateY(-1px)!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-row-ref.is-unread{background:#edf4ff!important;border-color:#dce9ff!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-icon-ref{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#4f83f1!important;
  background:#eaf2ff!important;
  font-size:16px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-titleline-ref{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-titleline-ref strong{color:#101828!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-copy-ref p{margin:4px 0 0!important;color:#667085!important;font-size:13px!important;font-weight:500!important;line-height:1.35!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-meta-ref{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:8px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-meta-ref span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#4f83f1!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-unread-pill-ref{height:20px!important;padding:0 8px!important;border-radius:999px!important;background:#fff!important;color:#4f83f1!important;font-size:10px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-side-ref{display:flex!important;align-items:center!important;gap:12px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;white-space:nowrap!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-side-ref i{width:10px!important;height:10px!important;border-radius:999px!important;background:#4f83f1!important;box-shadow:0 0 0 4px rgba(79,131,241,.13)!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-empty-state-ref{min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#667085!important;gap:8px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-empty-icon-ref{width:54px!important;height:54px!important;border-radius:16px!important;background:#eef4ff!important;color:#4f83f1!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-empty-state-ref strong{color:#111827!important;font-size:15px!important;}

/* Messages page: reduce blank gap, make body use available width and keep composer area usable. */
body.admin-layout.usemb-white-shell.route--messages-index .admin-main > .container-fluid{
  padding:24px 24px 28px!important;
  width:100%!important;
  max-width:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
  margin:0!important;
  height:calc(100vh - 128px)!important;
  min-height:620px!important;
  overflow:hidden!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  border-radius:18px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.06)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  min-width:0!important;
  width:100%!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body{
  padding:24px 28px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8fb 100%)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.other{
  background:#fff!important;
  color:#111827!important;
  border:1px solid #e5eaf2!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-bubble.self{
  background:#0f6b45!important;
  color:#fff!important;
  border:1px solid #0f6b45!important;
  box-shadow:0 14px 32px rgba(15,107,69,.18)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search i{
  display:inline-flex!important;
  width:16px!important;
  height:16px!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:15px!important;
  left:30px!important;
  top:36px!important;
  color:#98a2b3!important;
  pointer-events:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control{
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
  padding-left:42px!important;
  box-shadow:none!important;
}
@media (max-width:1100px){
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{grid-template-columns:300px minmax(0,1fr)!important;}
}
@media (max-width:900px){
  body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-summary-grid-ref{grid-template-columns:1fr!important;}
  body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-hero-ref{align-items:flex-start!important;flex-direction:column!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{grid-template-columns:1fr!important;}
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{height:auto!important;overflow:visible!important;}
}

/* --------------------------------------------------------------------------
   ROUND 87 - Public client header badges/search + Notifications/Messages polish
   -------------------------------------------------------------------------- */
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header{
  left:195px!important;
  width:calc(100% - 195px)!important;
  z-index:4200!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .container-fluid,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .container-fluid{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding-left:22px!important;
  padding-right:22px!important;
  gap:14px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .usemb-header-title,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .usemb-header-title{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .admin-header .d-flex.align-items-center.gap-2,
body.admin-layout.usemb-white-shell.route--messages-index .admin-header .d-flex.align-items-center.gap-2{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--notifications-index #btnFullscreen,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-header-user-menu,
body.admin-layout.usemb-white-shell.route--messages-index #btnThemeToggle,
body.admin-layout.usemb-white-shell.route--messages-index #btnFullscreen,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-user-menu{display:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-wrap,
body.admin-layout.usemb-white-shell.route--notifications-index .btn-usemb-header-mail,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-notification-wrap,
body.admin-layout.usemb-white-shell.route--messages-index .btn-usemb-header-mail{
  position:relative!important;
  overflow:visible!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--notifications-index #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--notifications-index .btn-usemb-header-mail,
body.admin-layout.usemb-white-shell.route--messages-index .btn-usemb-header-mail{
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  min-height:37px!important;
  max-width:37px!important;
  max-height:37px!important;
  border-radius:7px!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  line-height:1!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--notifications-index .btn-usemb-header-mail,
body.admin-layout.usemb-white-shell.route--messages-index .btn-usemb-header-mail{background:#000!important;color:#fff!important;}
body.admin-layout.usemb-white-shell.route--notifications-index #notificationBellBtn,
body.admin-layout.usemb-white-shell.route--messages-index #notificationBellBtn{background:#4f83f1!important;color:#fff!important;}
body.admin-layout.usemb-white-shell.route--notifications-index #btnHeaderSearch i,
body.admin-layout.usemb-white-shell.route--messages-index #btnHeaderSearch i,
body.admin-layout.usemb-white-shell.route--notifications-index #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--messages-index #notificationBellBtn i,
body.admin-layout.usemb-white-shell.route--notifications-index .btn-usemb-header-mail i,
body.admin-layout.usemb-white-shell.route--messages-index .btn-usemb-header-mail i{
  font-size:18px!important;
  line-height:1!important;
  margin:0!important;
  color:inherit!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-back-portal-btn,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-back-portal-btn{
  height:37px!important;
  min-height:37px!important;
  border:0!important;
  border-radius:7px!important;
  padding:0 12px!important;
  background:#ff990f!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-badge,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-header-message-badge,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-message-nav-badge,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-notification-badge,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-message-badge,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-message-nav-badge{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  border:2px solid #fff!important;
  background:#ff3b5c!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  z-index:30!important;
  box-shadow:0 6px 12px rgba(255,59,92,.22)!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-badge.d-none,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-header-message-badge.d-none,
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-message-nav-badge.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-notification-badge.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-header-message-badge.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-message-nav-badge.d-none{display:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index:not(.usemb-search-open):not(.usemb-search-is-open) .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index:not(.usemb-search-open):not(.usemb-search-is-open) .admin-header .search-container{
  display:none!important;
  flex:0 0 0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header #btnHeaderSearch,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header #btnHeaderSearch{display:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container,
body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .search-container{
  display:block!important;
  flex:0 1 620px!important;
  width:min(620px, calc(100vw - 470px))!important;
  min-width:360px!important;
  max-width:620px!important;
  height:46px!important;
  margin-left:auto!important;
  margin-right:8px!important;
  padding:0!important;
  position:relative!important;
  overflow:visible!important;
  z-index:7200!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-global-search-wrap,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-wrap{width:100%!important;height:46px!important;position:relative!important;}
body.admin-layout.usemb-white-shell.route--notifications-index #globalSearch,
body.admin-layout.usemb-white-shell.route--messages-index #globalSearch{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
  border:1px solid #e4e9f3!important;
  background:#fff!important;
  color:#101828!important;
  padding:0 82px 0 18px!important;
  box-shadow:0 20px 58px rgba(15,23,42,.16),0 0 0 4px rgba(79,134,247,.13)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index #globalSearch::-webkit-search-cancel-button,
body.admin-layout.usemb-white-shell.route--messages-index #globalSearch::-webkit-search-cancel-button,
body.admin-layout.usemb-white-shell.route--notifications-index #globalSearch::-webkit-search-decoration,
body.admin-layout.usemb-white-shell.route--messages-index #globalSearch::-webkit-search-decoration{display:none!important;-webkit-appearance:none!important;appearance:none!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-global-search-wrap > .bi-search,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-wrap > .bi-search{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#111827!important;
  font-size:19px!important;
  pointer-events:none!important;
  z-index:2!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-global-search-clear,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-clear{right:45px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-global-search-panel,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-panel{
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  width:100%!important;
  min-width:100%!important;
  max-height:calc(100vh - 140px)!important;
  overflow:auto!important;
  border-radius:16px!important;
  border:1px solid #e1e7f0!important;
  background:#fff!important;
  box-shadow:0 24px 60px rgba(16,24,40,.18)!important;
  padding:10px!important;
  z-index:7300!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-global-search-panel.d-none,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-global-search-panel.d-none{display:none!important;}

/* Notifications layout */
body.admin-layout.usemb-white-shell.route--notifications-index .admin-main > .container-fluid{
  padding:28px 30px 38px!important;
  max-width:none!important;
  width:100%!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-v3{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  gap:16px!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notifications-hero-ref{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-tabs-ref{
  position:static!important;
  margin-left:auto!important;
}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-summary-grid-ref{margin:0!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-board-ref{min-height:0!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-feed-ref{gap:6px!important;}
body.admin-layout.usemb-white-shell.route--notifications-index .usemb-notification-row-ref{
  min-height:72px!important;
  padding:11px 12px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
}

/* Messages layout */
body.admin-layout.usemb-white-shell.route--messages-index .admin-main > .container-fluid,
body.admin-layout.usemb-white-shell.route--messages-index .admin-main > .container-fluid.flex-grow-1{
  padding:24px 24px 28px!important;
  width:100%!important;
  max-width:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-page{
  height:calc(100vh - 126px)!important;
  min-height:640px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar,
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-main{
  border-radius:16px!important;
  border:1px solid #e6ebf3!important;
  box-shadow:0 18px 44px rgba(15,23,42,.06)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-sidebar-top{padding:16px!important;}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search{padding:12px 14px!important;position:relative!important;}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search i{
  position:absolute!important;
  left:28px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  font-size:15px!important;
  color:#98a2b3!important;
  pointer-events:none!important;
  z-index:2!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-search .form-control{
  height:42px!important;
  border-radius:11px!important;
  border:1px solid #dce4f2!important;
  padding-left:42px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-body{
  padding:22px 28px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8fb 100%)!important;
}
body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-composer{
  border-top:1px solid #e8edf5!important;
  background:#fff!important;
}
@media (max-width:1100px){
  body.admin-layout.usemb-white-shell.route--messages-index .usemb-messenger-shell{grid-template-columns:295px minmax(0,1fr)!important;}
  body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-open .admin-header .search-container,
  body.admin-layout.usemb-white-shell.route--notifications-index.usemb-search-is-open .admin-header .search-container,
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-open .admin-header .search-container,
  body.admin-layout.usemb-white-shell.route--messages-index.usemb-search-is-open .admin-header .search-container{width:min(560px, calc(100vw - 390px))!important;min-width:300px!important;}
}