.leads-mobile-hero,
.leads-mobile-list {
  display: none;
}

/* Final shell polish: keep header/profile stable and make theme switching complete. */
.page-wrapper.compact-wrapper .page-header,
.page-wrapper.compact-wrapper .page-header .header-wrapper {
  background-color: rgba(255, 255, 255, 0.98) !important;
}

.page-wrapper.compact-wrapper .page-header .header-wrapper {
  box-sizing: border-box;
  padding-right: clamp(18px, 2vw, 34px);
}

.page-wrapper .page-header .header-wrapper .nav-menus {
  max-width: 100%;
}

.page-wrapper .page-header .header-wrapper .profile-media {
  box-shadow: 0 10px 22px rgba(6, 54, 52, 0.05);
}

html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .page-wrapper .page-body-wrapper,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .page-body,
html[data-theme="dark"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
body.dark-only .page-wrapper,
body.dark-only .page-wrapper .page-body-wrapper,
body.dark-only .page-wrapper .page-body-wrapper .page-body,
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  background: #0f172a !important;
}

html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header,
html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header .header-wrapper,
body.dark-only .page-wrapper.compact-wrapper .page-header,
body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-bottom-color: #26364c !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header .header-wrapper::before,
body.dark-only .page-wrapper.compact-wrapper .page-header .header-wrapper::before {
  background: #26364c !important;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .profile-media,
body.dark-only .page-wrapper .page-header .header-wrapper .profile-media {
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper .page-title,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card),
html[data-theme="dark"] .page-wrapper .page-body-wrapper .quick-action,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .pipeline-chip,
body.dark-only .page-wrapper .page-body-wrapper .page-title,
body.dark-only .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card),
body.dark-only .page-wrapper .page-body-wrapper .quick-action,
body.dark-only .page-wrapper .page-body-wrapper .pipeline-chip {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #26364c !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card) .card-header,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card) .card-body,
body.dark-only .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card) .card-header,
body.dark-only .page-wrapper .page-body-wrapper .card:not(.dash-hero):not(.dash-card) .card-body {
  background: transparent !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper h1,
html[data-theme="dark"] .page-wrapper .page-body-wrapper h2,
html[data-theme="dark"] .page-wrapper .page-body-wrapper h3,
html[data-theme="dark"] .page-wrapper .page-body-wrapper h4,
html[data-theme="dark"] .page-wrapper .page-body-wrapper h5,
html[data-theme="dark"] .page-wrapper .page-body-wrapper h6,
body.dark-only .page-wrapper .page-body-wrapper h1,
body.dark-only .page-wrapper .page-body-wrapper h2,
body.dark-only .page-wrapper .page-body-wrapper h3,
body.dark-only .page-wrapper .page-body-wrapper h4,
body.dark-only .page-wrapper .page-body-wrapper h5,
body.dark-only .page-wrapper .page-body-wrapper h6 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper .footer,
body.dark-only .page-wrapper .page-body-wrapper .footer {
  background: #111827 !important;
  border-color: #26364c !important;
  color: #b8c6d8 !important;
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper .footer p,
body.dark-only .page-wrapper .page-body-wrapper .footer p {
  color: #b8c6d8 !important;
}

html[data-theme="dark"] .page-wrapper .page-body-wrapper .card,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .card-header,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .card-body,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .modal-content,
html[data-theme="dark"] .page-wrapper .page-body-wrapper .dropdown-menu,
html[data-theme="dark"] .pipeline-toolbar,
html[data-theme="dark"] .pipeline-column,
html[data-theme="dark"] .pipeline-lead-card,
html[data-theme="dark"] .assignment-panel,
html[data-theme="dark"] .assignment-audit-card,
html[data-theme="dark"] .taxonomy-create-card,
html[data-theme="dark"] .taxonomy-panel,
html[data-theme="dark"] .settings-sidebar,
html[data-theme="dark"] .health-sidebar,
html[data-theme="dark"] .operations-sidebar,
html[data-theme="dark"] .docs-panel,
body.dark-only .page-wrapper .page-body-wrapper .card,
body.dark-only .page-wrapper .page-body-wrapper .card-header,
body.dark-only .page-wrapper .page-body-wrapper .card-body,
body.dark-only .page-wrapper .page-body-wrapper .modal-content,
body.dark-only .page-wrapper .page-body-wrapper .dropdown-menu,
body.dark-only .pipeline-toolbar,
body.dark-only .pipeline-column,
body.dark-only .pipeline-lead-card,
body.dark-only .assignment-panel,
body.dark-only .assignment-audit-card,
body.dark-only .taxonomy-create-card,
body.dark-only .taxonomy-panel,
body.dark-only .settings-sidebar,
body.dark-only .health-sidebar,
body.dark-only .operations-sidebar,
body.dark-only .docs-panel {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .pipeline-column-head,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer,
body.dark-only .pipeline-column-head,
body.dark-only .card-header,
body.dark-only .modal-header,
body.dark-only .modal-footer {
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .pipeline-column-body,
html[data-theme="dark"] .pipeline-empty,
html[data-theme="dark"] .taxonomy-create-form,
html[data-theme="dark"] .taxonomy-mobile-card,
html[data-theme="dark"] .docs-nav-card,
html[data-theme="dark"] .quick-action,
html[data-theme="dark"] .crm-metric,
html[data-theme="dark"] .pipeline-chip,
body.dark-only .pipeline-column-body,
body.dark-only .pipeline-empty,
body.dark-only .taxonomy-create-form,
body.dark-only .taxonomy-mobile-card,
body.dark-only .docs-nav-card,
body.dark-only .quick-action,
body.dark-only .crm-metric,
body.dark-only .pipeline-chip {
  background: #111a2c !important;
  background-color: #111a2c !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .pipeline-column-head h5,
html[data-theme="dark"] .pipeline-lead-top strong,
html[data-theme="dark"] .pipeline-lead-meta span,
html[data-theme="dark"] .crm-table td,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
body.dark-only .pipeline-column-head h5,
body.dark-only .pipeline-lead-top strong,
body.dark-only .pipeline-lead-meta span,
body.dark-only .crm-table td,
body.dark-only .table td,
body.dark-only .modal-content,
body.dark-only .dropdown-menu {
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .pipeline-toolbar .header-top span,
html[data-theme="dark"] .pipeline-column-head span:not(.pipeline-dot),
html[data-theme="dark"] .pipeline-lead-top span,
html[data-theme="dark"] .crm-empty,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
body.dark-only .pipeline-toolbar .header-top span,
body.dark-only .pipeline-column-head span:not(.pipeline-dot),
body.dark-only .pipeline-lead-top span,
body.dark-only .crm-empty,
body.dark-only .text-muted,
body.dark-only .text-secondary {
  color: #9fb0c3 !important;
}

html[data-theme="dark"] .pipeline-lead-top a,
html[data-theme="dark"] .pipeline-lead-meta .fa,
html[data-theme="dark"] .crm-table a,
body.dark-only .pipeline-lead-top a,
body.dark-only .pipeline-lead-meta .fa,
body.dark-only .crm-table a {
  color: #5eead4 !important;
}

html[data-theme="dark"] .crm-table,
html[data-theme="dark"] .table,
body.dark-only .crm-table,
body.dark-only .table {
  --bs-table-bg: transparent;
  --bs-table-color: #dbe7f0;
  --bs-table-border-color: #2b3b52;
  --bs-table-hover-bg: #1b2a40;
  --bs-table-hover-color: #f8fafc;
  background: transparent !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .crm-table thead,
html[data-theme="dark"] .table thead,
body.dark-only .crm-table thead,
body.dark-only .table thead {
  background: #111a2c !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .crm-table tbody tr,
html[data-theme="dark"] .table tbody tr,
body.dark-only .crm-table tbody tr,
body.dark-only .table tbody tr {
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .crm-table tbody tr:hover,
html[data-theme="dark"] .table-hover tbody tr:hover,
body.dark-only .crm-table tbody tr:hover,
body.dark-only .table-hover tbody tr:hover {
  background: #1b2a40 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="datetime-local"],
body.dark-only .form-control,
body.dark-only .form-select,
body.dark-only .input-group,
body.dark-only textarea,
body.dark-only input[type="date"],
body.dark-only input[type="datetime-local"] {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus,
body.dark-only .form-control:focus,
body.dark-only .form-select:focus {
  border-color: #14b8a6 !important;
  box-shadow: 0 0 0 0.18rem rgba(20, 184, 166, 0.18) !important;
}

html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-light,
body.dark-only .btn-outline-primary,
body.dark-only .btn-outline-secondary,
body.dark-only .btn-light {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-light:hover,
body.dark-only .btn-outline-primary:hover,
body.dark-only .btn-outline-secondary:hover,
body.dark-only .btn-light:hover {
  background: #123f43 !important;
  border-color: #14b8a6 !important;
  color: #f8fafc !important;
}

.page-wrapper.compact-wrapper .page-header {
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid #e6eeee;
  box-shadow: 0 10px 26px rgba(6, 54, 52, 0.05);
}

.page-wrapper .page-header .header-wrapper {
  align-items: center;
  flex-wrap: nowrap !important;
  gap: 18px;
  min-height: 72px;
  padding: 12px 28px;
}

.page-wrapper .page-header .header-wrapper .left-header {
  align-items: center;
  display: flex;
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0;
  width: auto !important;
}

.page-wrapper .page-header .header-wrapper .left-header h4 {
  color: #061f1f;
  font-size: 22px;
  line-height: 1.15;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-wrapper .page-header .header-wrapper .left-header .welcome-content {
  color: #8994a8;
  font-size: 13px;
  margin-top: 4px;
}

.page-wrapper .page-header .header-wrapper .nav-right {
  align-items: center;
  display: flex;
  flex: 0 1 auto !important;
  justify-content: flex-end;
  max-width: none !important;
  min-width: 0;
  width: auto !important;
}

.page-wrapper .page-header .header-wrapper .nav-menus {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}

.page-wrapper .page-header .header-wrapper .nav-menus > li {
  align-items: center;
  display: flex;
  margin: 0;
}

.page-wrapper .page-header .header-wrapper .search-form {
  width: min(320px, 28vw);
}

.page-wrapper .page-header .header-wrapper .search-form .input-group {
  background: #fff;
  border: 1px solid #e4e9ef;
  border-radius: 8px;
  height: 46px;
  overflow: hidden;
}

.page-wrapper .page-header .header-wrapper .search-form .input-icon {
  align-items: center;
  display: flex;
  gap: 12px;
  padding: 0 14px;
  width: 100%;
}

.page-wrapper .page-header .header-wrapper .search-form input {
  border: 0;
  min-width: 0;
  outline: 0;
}

.lms-doc-link {
  align-items: center;
  background: #edf8f7;
  border: 1px solid #c8e9e5;
  border-radius: 8px;
  color: #006c68;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  height: 42px;
  padding: 0 14px;
  white-space: nowrap;
}

.lms-doc-link:hover,
.lms-doc-link.active {
  background: #006f6a;
  border-color: #006f6a;
  color: #fff;
}

.lms-doc-link svg {
  height: 17px;
  width: 17px;
}

.page-wrapper .page-header .header-wrapper .mode,
.page-wrapper .page-header .header-wrapper .nav-menus > li > a:not(.lms-doc-link) {
  align-items: center;
  background: #fff;
  border: 1px solid #e4e9ef;
  border-radius: 999px;
  color: #68798b;
  display: inline-flex;
  height: 46px;
  justify-content: center;
  min-width: 46px;
  padding: 0;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  width: 46px;
}

.page-wrapper .page-header .header-wrapper .mode {
  cursor: pointer;
}

.page-wrapper .page-header .header-wrapper .mode.active,
.page-wrapper .page-header .header-wrapper .mode:hover,
.page-wrapper .page-header .header-wrapper .nav-menus > li > a:not(.lms-doc-link):hover {
  background: #edf8f7;
  border-color: #c8e9e5;
  color: #006c68;
}

.page-wrapper .page-header .header-wrapper .mode svg,
.page-wrapper .page-header .header-wrapper .nav-menus > li > a:not(.lms-doc-link) svg {
  height: 20px;
  width: 20px;
}

.page-wrapper .page-header .header-wrapper .profile-media {
  background: #fff;
  border: 1px solid #e4e9ef;
  border-radius: 999px;
  gap: 9px;
  min-height: 46px;
  max-width: 210px;
  min-width: 184px;
  padding: 5px 12px 5px 6px;
}

.page-wrapper .page-header .header-wrapper .profile-media .flex-grow-1 {
  min-width: 0;
}

.page-wrapper .page-header .header-wrapper .profile-media span,
.page-wrapper .page-header .header-wrapper .profile-media p {
  max-width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-wrapper .page-header .header-wrapper .profile-media span {
  color: #061f1f;
  display: block;
  font-weight: 700;
  line-height: 1.15;
}

.page-wrapper .page-header .header-wrapper .profile-media p {
  color: #061f1f;
  line-height: 1.2;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list > .sidebar-link.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list.active > .sidebar-link,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list:hover > .sidebar-link {
  background: rgba(255, 255, 255, 0.18) !important;
  border-radius: 8px;
  color: #fff !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list > .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list.active > .sidebar-link span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list > .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list.active > .sidebar-link svg {
  color: #fff !important;
  stroke: #fff !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a.active {
  background: rgba(255, 255, 255, 0.14) !important;
  border-left: 3px solid #fff;
  border-radius: 8px;
  color: #fff !important;
  font-weight: 800;
  padding-left: 14px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a.active svg {
  color: #fff !important;
  stroke: #fff !important;
}

html[data-theme="dark"] body,
body.dark-only {
  background: #0f172a;
  color: #dbe7f0;
}

html[data-theme="dark"] .page-wrapper.compact-wrapper .page-header,
body.dark-only .page-wrapper.compact-wrapper .page-header {
  background: rgba(15, 23, 42, 0.98) !important;
  border-bottom-color: #243244;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .page-body-wrapper,
html[data-theme="dark"] .page-body,
body.dark-only .page-body-wrapper,
body.dark-only .page-body {
  background: #0f172a !important;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .left-header h4,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .profile-media span,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .profile-media p,
body.dark-only .page-wrapper .page-header .header-wrapper .left-header h4,
body.dark-only .page-wrapper .page-header .header-wrapper .profile-media span,
body.dark-only .page-wrapper .page-header .header-wrapper .profile-media p {
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .left-header .welcome-content,
body.dark-only .page-wrapper .page-header .header-wrapper .left-header .welcome-content {
  color: #9fb0c3;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .search-form .input-group,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .profile-media,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .mode,
html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .nav-menus > li > a:not(.lms-doc-link),
body.dark-only .page-wrapper .page-header .header-wrapper .search-form .input-group,
body.dark-only .page-wrapper .page-header .header-wrapper .profile-media,
body.dark-only .page-wrapper .page-header .header-wrapper .mode,
body.dark-only .page-wrapper .page-header .header-wrapper .nav-menus > li > a:not(.lms-doc-link) {
  background: #172033 !important;
  border-color: #2c3a4f !important;
  color: #c7d6e8 !important;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .search-form input,
body.dark-only .page-wrapper .page-header .header-wrapper .search-form input {
  background: transparent !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-wrapper .page-header .header-wrapper .search-form input::placeholder,
body.dark-only .page-wrapper .page-header .header-wrapper .search-form input::placeholder {
  color: #91a3b8;
}

html[data-theme="dark"] .lms-doc-link,
body.dark-only .lms-doc-link {
  background: #123f43;
  border-color: #1d6869;
  color: #7ee5df;
}

html[data-theme="dark"] .card,
html[data-theme="dark"] .crm-metric,
html[data-theme="dark"] .pipeline-chip,
html[data-theme="dark"] .quick-action,
html[data-theme="dark"] .docs-nav-card,
body.dark-only .card,
body.dark-only .crm-metric,
body.dark-only .pipeline-chip,
body.dark-only .quick-action,
body.dark-only .docs-nav-card {
  background: #162033 !important;
  border-color: #26364c !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .card h4,
html[data-theme="dark"] .card h5,
html[data-theme="dark"] .card strong,
html[data-theme="dark"] .crm-table th,
body.dark-only .card h4,
body.dark-only .card h5,
body.dark-only .card strong,
body.dark-only .crm-table th {
  color: #f8fafc !important;
}

html[data-theme="dark"] .card span,
html[data-theme="dark"] .card p,
html[data-theme="dark"] .f-light,
body.dark-only .card span,
body.dark-only .card p,
body.dark-only .f-light {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .crm-table,
body.dark-only .table,
body.dark-only .crm-table {
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
body.dark-only .table td,
body.dark-only .table th {
  border-color: #26364c !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
body.dark-only .form-control,
body.dark-only .form-select {
  background-color: #111a2c !important;
  border-color: #2c3a4f !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .form-control::placeholder,
body.dark-only .form-control::placeholder {
  color: #91a3b8;
}

html[data-theme="dark"] .page-title h4,
html[data-theme="dark"] .breadcrumb-item,
html[data-theme="dark"] .breadcrumb-item.active,
body.dark-only .page-title h4,
body.dark-only .breadcrumb-item,
body.dark-only .breadcrumb-item.active {
  color: #f8fafc !important;
}

.docs-page {
  display: grid;
  gap: 22px;
}

.docs-hero {
  align-items: center;
  background: linear-gradient(135deg, #006f6a 0%, #0aa39b 55%, #1f8aef 100%);
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 28px 32px;
}

.docs-hero span,
.docs-panel-head span {
  display: block;
  font-size: 13px;
  letter-spacing: 0;
}

.docs-hero span {
  color: rgba(255, 255, 255, 0.78);
}

.docs-hero h5 {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  margin: 8px 0;
}

.docs-hero p {
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  max-width: 760px;
}

.docs-hero .btn {
  background: #fff;
  border-color: #fff;
  color: #006f6a;
  font-weight: 800;
  min-width: 150px;
}

.docs-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.docs-hero-actions .btn-primary {
  background: #053f3c;
  border-color: #053f3c;
  color: #fff;
}

.docs-nav-card {
  background: #fff;
  border: 1px solid #e2eceb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(6, 54, 52, 0.05);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px;
}

.docs-nav-card a {
  align-items: center;
  background: #f4fbfa;
  border: 1px solid #d8edeb;
  border-radius: 8px;
  color: #006b66;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
}

.docs-nav-card a:hover {
  background: #006f6a;
  border-color: #006f6a;
  color: #fff;
}

.docs-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
}

.docs-grid-balanced {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.docs-panel {
  border: 1px solid #e2eceb;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(6, 54, 52, 0.06);
}

.docs-panel-head h5 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 800;
  gap: 8px;
  margin: 0;
}

.docs-panel-head h5 .fa {
  color: #00726d;
}

.docs-panel-head span {
  color: #8c97aa;
  margin-top: 6px;
}

.docs-table-wrap {
  overflow-x: auto;
}

.docs-table {
  min-width: 720px;
}

.docs-table td {
  color: #425466;
  line-height: 1.5;
  vertical-align: top;
}

.docs-steps {
  display: grid;
  gap: 12px;
}

.docs-steps > div {
  align-items: center;
  background: #f6fbfb;
  border: 1px solid #e1eeec;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 14px;
}

.docs-steps strong {
  align-items: center;
  background: #00726d;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  min-width: 30px;
}

.docs-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.docs-chip-list span {
  background: #eef8f7;
  border: 1px solid #ccebe8;
  border-radius: 999px;
  color: #006b66;
  font-weight: 700;
  padding: 10px 14px;
}

.docs-check-list {
  display: grid;
  gap: 12px;
  margin: 0;
}

.docs-check-list li {
  align-items: center;
  color: #435466;
  display: flex;
  gap: 10px;
}

.docs-check-list .fa {
  color: #00856f;
}

.docs-note {
  background: #f8fbfb;
  border: 1px solid #e2eeee;
  border-radius: 8px;
  color: #526276;
  line-height: 1.6;
  margin: 18px 0 0;
  padding: 14px;
}

.docs-mini-title {
  color: #061f1f;
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 12px;
}

.importdetail-page {
  display: grid;
  gap: 22px;
}

.importdetail-hero {
  align-items: center;
  background: linear-gradient(135deg, #006f6a 0%, #0f9d91 50%, #1f8aef 100%);
  border-radius: 8px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 26px 30px;
}

.importdetail-hero span {
  color: rgba(255, 255, 255, 0.78);
  display: block;
  font-size: 13px;
}

.importdetail-hero h5 {
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  margin: 8px 0 4px;
}

.importdetail-hero p {
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.importdetail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.importdetail-metrics {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.importdetail-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #e2eceb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(6, 54, 52, 0.05);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  padding: 18px;
}

.importdetail-metric .fa {
  align-items: center;
  background: #eaf7f6;
  border-radius: 8px;
  color: #00736c;
  display: inline-flex;
  font-size: 18px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.importdetail-metric.success .fa {
  background: #e4f9ed;
  color: #079455;
}

.importdetail-metric.danger .fa {
  background: #feecec;
  color: #e03131;
}

.importdetail-metric span {
  color: #8a96a8;
  font-size: 13px;
}

.importdetail-metric strong {
  color: #061f1f;
  display: block;
  font-size: 24px;
  line-height: 1.1;
  text-transform: capitalize;
}

.importdetail-panel {
  border: 1px solid #e2eceb;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(6, 54, 52, 0.06);
}

.importdetail-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.importdetail-panel-head h5 {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 800;
  gap: 8px;
  margin: 0;
}

.importdetail-panel-head h5 .fa {
  color: #00726d;
}

.importdetail-panel-head span {
  color: #8c97aa;
  display: block;
  font-size: 13px;
  margin-top: 6px;
}

.importdetail-table-wrap {
  overflow-x: auto;
}

.importdetail-table {
  min-width: 1080px;
}

.importdetail-table td {
  color: #34495e;
  vertical-align: middle;
}

.importdetail-stage-pill {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  padding: 7px 12px;
  text-transform: capitalize;
  white-space: nowrap;
}

.importdetail-stage-pill.tone-success {
  background: #dff8eb;
  color: #087443;
}

.importdetail-stage-pill.tone-danger {
  background: #fee7e7;
  color: #c92a2a;
}

.importdetail-stage-pill.tone-warning {
  background: #fff4d6;
  color: #9a5b00;
}

.importdetail-stage-pill.tone-primary {
  background: #e2efff;
  color: #1954a6;
}

.importdetail-stage-pill.tone-neutral {
  background: #e8f2f1;
  color: #006f6a;
}

.importdetail-mobile-list {
  display: none;
}

.leads-panel .card-header {
  padding-bottom: 14px;
}

.leads-panel-header {
  align-items: flex-start;
}

.leads-count {
  color: #8d98a8;
  display: block;
  font-size: 13px;
  margin-top: 4px;
}

.leads-filter .btn svg,
.leads-desktop-actions .btn svg {
  height: 16px;
  margin-right: 6px;
  width: 16px;
}

.lead-stage-pill {
  align-items: center;
  background: #e7f2f1;
  border-radius: 999px;
  color: #05736d;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  min-height: 26px;
  padding: 5px 10px;
  text-transform: capitalize;
  white-space: nowrap;
}

.lead-tags-cell {
  min-width: 260px;
  width: 260px;
}

.lead-tags-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 34px;
}

.lead-tag-chip {
  border-radius: 7px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  margin: 3px 6px 3px 0;
  max-width: 120px;
  min-height: 30px;
  padding: 9px 14px;
  vertical-align: middle;
  white-space: nowrap;
}

.lead-action-btn {
  align-items: center;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  margin-left: 6px;
  padding: 0;
  width: 42px;
}

.lead-action-btn svg {
  height: 16px;
  margin: 0;
  width: 16px;
}

.lms-confirm-modal .modal-content {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 22px 56px rgba(22, 38, 43, 0.22);
}

.lms-confirm-modal .modal-header {
  align-items: flex-start;
  border-bottom: 1px solid #edf1f1;
  padding: 18px 18px 14px;
}

.lms-confirm-modal .modal-header > div {
  align-items: center;
  display: flex;
  gap: 12px;
}

.lms-confirm-icon {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 20px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.lms-confirm-modal .modal-title {
  color: #17262b;
  font-size: 20px;
  font-weight: 900;
}

.lms-confirm-modal .modal-body {
  padding: 18px;
}

.lms-confirm-modal .modal-body p {
  color: #17262b;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.45;
  margin-bottom: 6px;
}

.lms-confirm-modal .modal-body span {
  color: #8996a6;
  font-size: 13px;
}

.lms-confirm-modal .modal-footer {
  border-top: 1px solid #edf1f1;
  gap: 8px;
  padding: 14px 18px 18px;
}

.lms-confirm-modal .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  min-width: 118px;
}

.lms-toast-container {
  margin-top: 72px;
  z-index: 1090;
}

.lms-toast {
  background: #fff;
  border: 1px solid #d8e8e6;
  border-radius: 8px;
  box-shadow: 0 22px 54px rgba(22, 38, 43, 0.24), 0 0 0 1px rgba(5, 115, 109, 0.06);
  min-width: 360px;
  overflow: hidden;
  position: relative;
}

.lms-toast::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}

.lms-toast-success {
  background: linear-gradient(90deg, #f2fff8 0%, #fff 42%);
}

.lms-toast-success::before {
  background: #07844e;
}

.lms-toast-danger {
  background: linear-gradient(90deg, #fff5f3 0%, #fff 42%);
}

.lms-toast-danger::before {
  background: #dc2626;
}

.lms-toast .toast-body {
  align-items: flex-start;
  display: grid;
  gap: 12px;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  padding: 16px 14px 16px 18px;
}

.lms-toast-icon {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 17px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.lms-toast-success .lms-toast-icon {
  background: #dff6ea;
  color: #07844e;
}

.lms-toast-danger .lms-toast-icon {
  background: #ffe8e5;
  color: #dc2626;
}

.lms-toast strong {
  color: #17262b;
  display: block;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 4px;
}

.lms-toast p {
  color: #43565f;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0;
}

.lms-toast .btn-close {
  background-size: 10px;
  margin-top: 6px;
  opacity: 0.55;
}

.lms-toast.showing,
.lms-toast.show {
  animation: lmsToastSlide 0.28s ease-out;
}

.form-select.lms-state-active,
.form-control.lms-state-active {
  background-color: #effbf5 !important;
  border-color: #7dd3a8 !important;
  color: #067647 !important;
  font-weight: 900;
}

.form-select.lms-state-inactive,
.form-control.lms-state-inactive {
  background-color: #fff3d8 !important;
  border-color: #f3b13f !important;
  color: #9a5800 !important;
  font-weight: 900;
}

.form-select.lms-state-warning,
.form-control.lms-state-warning {
  background-color: #fff8e8 !important;
  border-color: #f3d38a !important;
  color: #9a6500 !important;
  font-weight: 900;
}

.form-select.lms-state-danger,
.form-control.lms-state-danger {
  background-color: #fff1ef !important;
  border-color: #ff8b7d !important;
  color: #c72b1f !important;
  font-weight: 900;
}

.btn.lms-state-inactive,
button.lms-state-inactive,
.lead-action-btn.lms-state-inactive,
.lead-action-neutral.lms-state-inactive {
  background: #fff3d8 !important;
  border-color: #f3a71f !important;
  color: #a15c00 !important;
  font-weight: 900;
}

.btn.lms-state-danger,
button.lms-state-danger,
.lead-action-btn.lms-state-danger,
.lead-action-delete.lms-state-danger {
  background: #fff1ef !important;
  border-color: #ff4f3d !important;
  color: #e43121 !important;
  font-weight: 900;
}

.btn.lms-state-active,
button.lms-state-active,
.lead-action-btn.lms-state-active,
.lead-action-open.lms-state-active {
  background: #effbf5 !important;
  border-color: #07844e !important;
  color: #07844e !important;
  font-weight: 900;
}

@keyframes lmsToastSlide {
  from {
    opacity: 0;
    transform: translateX(22px) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

.lead-action-btn .fa {
  font-size: 15px;
  line-height: 1;
  margin: 0;
}

.lead-action-open {
  background: #f4fbfb;
  border: 1px solid #05736d;
  border-radius: 8px;
  color: #05736d;
}

.lead-action-neutral {
  background: #f7f9fb;
  border: 1px solid #aeb8c2;
  border-radius: 8px;
  color: #66727f;
}

.lead-action-delete {
  background: #fff8f7;
  border: 1px solid #ff6150;
  border-radius: 8px;
  color: #ff6150;
}

.lead-action-open:hover,
.lead-action-neutral:hover,
.lead-action-delete:hover {
  transform: translateY(-1px);
}

.leads-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.leads-pagination .pagination {
  margin-bottom: 0;
}

.pipeline-page {
  padding-bottom: 20px;
}

.pipeline-toolbar {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.pipeline-toolbar .header-top {
  align-items: flex-start;
}

.pipeline-toolbar .header-top h5 {
  margin-bottom: 4px;
}

.pipeline-toolbar .header-top span {
  color: #8d98a8;
}

.pipeline-toolbar .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
}

.pipeline-filter .form-select,
.pipeline-filter .btn {
  border-radius: 8px;
  min-height: 44px;
}

.pipeline-filter .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.pipeline-board {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, minmax(260px, 1fr));
}

.pipeline-column {
  background: #fff;
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  min-width: 0;
  overflow: hidden;
}

.pipeline-column-head {
  align-items: flex-start;
  border-bottom: 1px solid #edf2f2;
  display: flex;
  justify-content: space-between;
  min-height: 82px;
  padding: 18px 18px 14px;
}

.pipeline-column-head h5 {
  color: #17262b;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 6px;
}

.pipeline-column-head span:not(.pipeline-dot) {
  color: #8492a3;
  font-size: 13px;
}

.pipeline-dot {
  border-radius: 999px;
  display: inline-block;
  height: 10px;
  margin-top: 7px;
  width: 10px;
}

.pipeline-open .pipeline-dot { background: #f59e0b; }
.pipeline-in_progress .pipeline-dot { background: #0ea5e9; }
.pipeline-negotiation .pipeline-dot { background: #7c3aed; }
.pipeline-won .pipeline-dot { background: #059669; }
.pipeline-lost .pipeline-dot { background: #ef4444; }

.pipeline-column-body {
  display: grid;
  gap: 12px;
  max-height: calc(100vh - 330px);
  min-height: 220px;
  overflow-y: auto;
  padding: 14px;
}

.pipeline-lead-card {
  background: #fff;
  border: 1px solid #dce6e6;
  border-radius: 8px;
  padding: 14px;
}

.pipeline-lead-top {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.pipeline-lead-top a {
  color: #05736d;
  display: block;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.pipeline-lead-top span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  margin-top: 4px;
}

.pipeline-lead-top strong {
  color: #17262b;
  font-size: 14px;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
}

.pipeline-lead-meta {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.pipeline-lead-meta span {
  align-items: center;
  color: #31434b;
  display: flex;
  font-size: 13px;
  gap: 8px;
  min-width: 0;
}

.pipeline-lead-meta .fa {
  color: #05736d;
  flex: 0 0 14px;
  text-align: center;
}

.pipeline-move-form {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) 42px;
  margin-top: 14px;
}

.pipeline-move-form .form-select {
  border-radius: 8px;
  min-height: 38px;
}

.pipeline-move-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  width: 42px;
}

.pipeline-empty {
  align-items: center;
  background: #f7fbfb;
  border: 1px dashed #cddada;
  border-radius: 8px;
  color: #8492a3;
  display: flex;
  font-weight: 700;
  justify-content: center;
  min-height: 120px;
}

.assignment-mobile-list,
.assignment-hero {
  display: none;
}

.assignment-panel,
.assignment-audit-card {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.assignment-panel-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.assignment-panel-head h5 {
  margin-bottom: 4px;
}

.assignment-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.assignment-filter {
  align-items: center;
  margin-bottom: 14px;
}

.assignment-filter .form-control,
.assignment-filter .form-select,
.assignment-filter .btn,
.assignment-transfer-bar .form-control,
.assignment-transfer-bar .form-select,
.assignment-transfer-bar .btn {
  border-radius: 8px;
  min-height: 44px;
}

.assignment-filter .btn,
.assignment-transfer-bar .btn,
.assignment-open-btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.assignment-transfer-bar {
  background: #f7fbfb;
  border: 1px solid #e1ebeb;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(170px, 0.9fr) minmax(170px, 0.9fr) minmax(240px, 1.4fr) 130px;
  margin-bottom: 16px;
  padding: 12px;
}

.assignment-transfer-bar .btn {
  font-weight: 800;
}

.assignment-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.assignment-table {
  margin-bottom: 0;
  min-width: 980px;
}

.assignment-table td {
  height: 70px;
  vertical-align: middle;
}

.assignment-table tbody tr:hover,
.assignment-audit-table tbody tr:hover {
  background: #f5fbfa;
}

.assignment-audit-table {
  min-width: 980px;
}

.assignment-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.assignment-pagination .pagination {
  margin-bottom: 0;
}

.followups-hero,
.followups-mobile-list {
  display: none;
}

.followups-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.followups-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  justify-content: space-between;
  min-height: 92px;
  padding: 16px;
}

.followups-metric span {
  color: #8492a3;
  display: block;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.followups-metric h4 {
  color: #17262b;
  font-size: 26px;
  font-weight: 800;
  margin: 0;
}

.followups-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.metric-teal .fa { background: #e7f2f1; color: #05736d; }
.metric-red .fa { background: #ffe9e9; color: #dc3545; }
.metric-blue .fa { background: #e9f2ff; color: #0d6efd; }
.metric-green .fa { background: #e8f7ee; color: #198754; }
.metric-amber .fa { background: #fff4df; color: #f59e0b; }

.followups-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.followups-panel-head h5 {
  margin-bottom: 4px;
}

.followups-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.followups-filter {
  align-items: center;
  margin-bottom: 14px;
}

.followups-filter .form-control,
.followups-filter .form-select,
.followups-filter .btn {
  border-radius: 8px;
  min-height: 44px;
}

.followups-filter .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.followups-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.followups-table {
  margin-bottom: 0;
  min-width: 1250px;
}

.followups-table td {
  height: 76px;
  vertical-align: middle;
}

.followups-table tbody tr:hover {
  background: #f5fbfa;
}

.followup-overdue-row {
  background: #fffafa;
}

.followup-overdue-badge {
  background: #ffe9e9;
  border-radius: 999px;
  color: #dc3545;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  margin-top: 6px;
  padding: 5px 9px;
}

.followup-type-pill,
.followup-status-pill {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  min-height: 28px;
  padding: 8px 11px;
  white-space: nowrap;
}

.followup-type-pill {
  background: #eef5f5;
  color: #05736d;
}

.status-pending { background: #fff4df; color: #a16207; }
.status-completed { background: #e8f7ee; color: #198754; }
.status-missed { background: #ffe9e9; color: #dc3545; }

.followup-actions-cell {
  min-width: 250px;
}

.followup-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  margin-bottom: 8px;
}

.followup-reschedule {
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(170px, 1fr) 42px;
}

.followup-reschedule .form-control {
  border-radius: 8px;
  min-height: 36px;
}

.followup-reschedule .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 42px;
}

.followups-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.followups-pagination .pagination {
  margin-bottom: 0;
}

.tasks-hero,
.tasks-mobile-list {
  display: none;
}

.tasks-create-card,
.tasks-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.tasks-panel-head h5 {
  margin-bottom: 4px;
}

.tasks-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.tasks-create-form {
  align-items: center;
}

.tasks-create-form .form-control,
.tasks-create-form .form-select,
.tasks-create-form .btn {
  border-radius: 8px;
  min-height: 44px;
}

.tasks-create-form .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.tasks-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.tasks-table {
  margin-bottom: 0;
  min-width: 980px;
}

.tasks-table td {
  height: 72px;
  vertical-align: middle;
}

.tasks-table tbody tr:hover {
  background: #f5fbfa;
}

.task-priority-pill,
.task-status-pill {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  min-height: 28px;
  padding: 8px 11px;
  white-space: nowrap;
}

.task-priority-pill.priority-low { background: #eef5f5; color: #05736d; }
.task-priority-pill.priority-medium { background: #fff4df; color: #a16207; }
.task-priority-pill.priority-high { background: #ffe9e9; color: #dc3545; }
.task-priority-pill.priority-urgent { background: #fee2f8; color: #be185d; }

.task-status-pill.status-pending { background: #fff4df; color: #a16207; }
.task-status-pill.status-completed { background: #e8f7ee; color: #198754; }

.task-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.tasks-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.tasks-pagination .pagination {
  margin-bottom: 0;
}

.calls-hero,
.calls-mobile-list {
  display: none;
}

.calls-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.calls-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.calls-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.calls-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.calls-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.calls-dialer-card,
.calls-create-card,
.calls-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.calls-dialer-card {
  margin-bottom: 18px;
  overflow: hidden;
}

.calls-dialer-head {
  align-items: center;
  background: linear-gradient(135deg, #05736d 0%, #0f9f95 48%, #1d4ed8 100%);
  color: #fff;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 20px 22px;
}

.calls-dialer-kicker {
  align-items: center;
  color: rgba(255, 255, 255, 0.82);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 7px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.calls-dialer-head h5 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 5px;
}

.calls-dialer-head p {
  color: rgba(255, 255, 255, 0.84);
  margin: 0;
}

.calls-dialer-count {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  min-width: 130px;
  padding: 12px 14px;
  text-align: center;
}

.calls-dialer-count strong {
  color: #fff;
  display: block;
  font-size: 28px;
  line-height: 1;
}

.calls-dialer-count span {
  color: rgba(255, 255, 255, 0.78);
  display: block;
  font-size: 12px;
  margin-top: 7px;
}

.calls-dialer-body {
  align-items: center;
  display: grid;
  gap: 14px 18px;
  grid-template-columns: minmax(340px, 0.9fr) minmax(560px, 1.4fr);
  padding: 18px 22px;
}

.calls-dialer-current small,
.calls-dialer-status {
  color: #8492a3;
  font-size: 13px;
}

.calls-dialer-current strong {
  color: #05736d;
  display: block;
  font-size: 20px;
  margin: 2px 0;
}

.calls-dialer-current span {
  color: #55636f;
  display: block;
}

.calls-dialer-progress {
  background: #edf3f4;
  border-radius: 999px;
  height: 8px;
  margin-top: 12px;
  overflow: hidden;
}

.calls-dialer-progress span {
  background: #05736d;
  display: block;
  height: 100%;
  transition: width 0.25s ease;
}

.calls-dialer-form {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 180px minmax(260px, 1fr) 100px;
  min-width: 0;
}

.calls-dialer-form .form-control,
.calls-dialer-form .form-select {
  border-radius: 8px;
  min-height: 44px;
}

.calls-dialer-timer {
  align-items: center;
  background: #eef8f7;
  border: 1px solid #cfebe8;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-weight: 900;
  gap: 7px;
  justify-content: center;
  min-height: 44px;
  padding: 8px 10px;
}

.calls-dialer-actions {
  display: flex;
  gap: 8px;
  grid-column: 2;
  justify-content: flex-end;
  min-width: 0;
}

.calls-dialer-actions .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-weight: 900;
  gap: 7px;
  justify-content: center;
  min-height: 44px;
  padding-left: 18px;
  padding-right: 18px;
  white-space: nowrap;
}

.calls-dialer-status {
  border-top: 1px solid #edf1f1;
  padding: 12px 22px;
}

.calls-dialer-card.is-active .calls-dialer-progress span {
  background: #16a34a;
}

@media (max-width: 1399.98px) {
  .calls-dialer-body {
    grid-template-columns: minmax(300px, 0.9fr) minmax(480px, 1.3fr);
  }

  .calls-dialer-form {
    grid-template-columns: 170px minmax(220px, 1fr) 96px;
  }

  .calls-create-form {
    grid-template-columns: minmax(240px, 1.7fr) 130px 160px minmax(190px, 1fr) 200px 100px;
  }
}

@media (max-width: 1199.98px) {
  .calls-dialer-body {
    grid-template-columns: 1fr;
  }

  .calls-dialer-actions {
    grid-column: auto;
    justify-content: flex-start;
  }

  .calls-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .calls-create-form > [class*="col-"]:last-child {
    grid-column: 1 / -1;
  }
}

.calls-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.calls-panel-head h5 .fa {
  color: #05736d;
}

.calls-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.calls-create-form,
.calls-filter {
  align-items: center;
}

.calls-create-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(260px, 2fr) 150px 180px minmax(220px, 1.2fr) 230px 110px;
}

.calls-create-form > [class*="col-"] {
  flex: none;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.calls-file-field {
  align-items: center;
  background: #fff;
  border: 1px solid #d8e1e6;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  gap: 0;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 44px;
  overflow: hidden;
  width: 100%;
}

.calls-file-field input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.calls-file-field span {
  align-items: center;
  background: #eef8f7;
  color: #05736d;
  display: inline-flex;
  font-size: 13px;
  font-weight: 900;
  gap: 7px;
  height: 100%;
  justify-content: center;
  min-width: 112px;
  padding: 0 12px;
  white-space: nowrap;
}

.calls-file-field em {
  color: #8492a3;
  font-size: 13px;
  font-style: normal;
  min-width: 0;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calls-create-form .form-control,
.calls-create-form .form-select,
.calls-create-form .btn,
.calls-filter .form-control,
.calls-filter .form-select,
.calls-filter .btn {
  border-radius: 8px;
  min-height: 44px;
}

.calls-create-form .btn,
.calls-filter .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
}

.calls-filter {
  margin-bottom: 14px;
}

.calls-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.calls-table {
  margin-bottom: 0;
  min-width: 1250px;
}

.calls-table td {
  height: 78px;
  vertical-align: middle;
}

.calls-table tbody tr:hover {
  background: #f5fbfa;
}

.calls-lead-link {
  color: #05736d;
  display: block;
}

.calls-duration-pill,
.calls-outcome-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.calls-duration-pill {
  background: #eef5f5;
  color: #05736d;
}

.calls-outcome-pill {
  background: #edf2ff;
  color: #1d4ed8;
}

.calls-outcome-pill.outcome-connected,
.calls-outcome-pill.outcome-converted {
  background: #e8f7ef;
  color: #16865b;
}

.calls-outcome-pill.outcome_not_answered,
.calls-outcome-pill.outcome-not_answered,
.calls-outcome-pill.outcome-wrong_number {
  background: #fff0ed;
  color: #e0523f;
}

.calls-outcome-pill.outcome-busy,
.calls-outcome-pill.outcome-callback_requested {
  background: #fff4df;
  color: #b26a00;
}

.calls-recording-cell {
  min-width: 280px;
  white-space: nowrap;
}

.calls-recording-cell audio {
  height: 36px;
  max-width: 210px;
  vertical-align: middle;
  width: 210px;
}

.calls-recording-cell .lead-action-btn {
  margin-left: 0;
  vertical-align: middle;
}

.calls-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.calls-pagination .pagination {
  margin-bottom: 0;
}

.emails-hero,
.emails-mobile-list {
  display: none;
}

.emails-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.emails-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.emails-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.emails-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.emails-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.emails-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.emails-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.emails-panel-head h5 .fa {
  color: #05736d;
}

.emails-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.emails-filter {
  align-items: center;
  margin-bottom: 14px;
}

.emails-filter .form-control,
.emails-filter .form-select,
.emails-filter .btn {
  border-radius: 8px;
  min-height: 44px;
}

.emails-filter .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
}

.emails-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.emails-table {
  margin-bottom: 0;
  min-width: 1180px;
}

.emails-table td {
  height: 78px;
  vertical-align: middle;
}

.emails-table tbody tr:hover {
  background: #f5fbfa;
}

.emails-lead-link,
.emails-subject {
  color: #05736d;
  display: block;
}

.emails-address {
  color: #53616c;
  display: inline-block;
  max-width: 210px;
  overflow-wrap: anywhere;
}

.emails-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.emails-status-pill.status-draft {
  background: #eef1f4;
  color: #6c757d;
}

.emails-status-pill.status-sent {
  background: #edf2ff;
  color: #1d4ed8;
}

.emails-status-pill.status-opened {
  background: #e8f7ef;
  color: #16865b;
}

.emails-status-pill.status-failed {
  background: #fff0ed;
  color: #e0523f;
}

.emails-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.emails-pagination .pagination {
  margin-bottom: 0;
}

.notes-hero,
.notes-mobile-list {
  display: none;
}

.notes-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.notes-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.notes-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.notes-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.notes-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.notes-create-card,
.notes-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.notes-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.notes-panel-head h5 .fa {
  color: #05736d;
}

.notes-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.notes-create-form {
  align-items: center;
}

.notes-create-form .form-control,
.notes-create-form .form-select,
.notes-create-form .btn {
  border-radius: 8px;
  min-height: 44px;
}

.notes-create-form textarea.form-control {
  line-height: 1.45;
  min-height: 44px;
  resize: vertical;
}

.notes-create-form .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
}

.notes-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.notes-table {
  margin-bottom: 0;
  min-width: 980px;
}

.notes-table td {
  height: 78px;
  vertical-align: middle;
}

.notes-table tbody tr:hover {
  background: #f5fbfa;
}

.notes-text {
  color: #17262b;
  display: block;
  line-height: 1.45;
  max-width: 460px;
  overflow-wrap: anywhere;
}

.notes-lead-link {
  color: #05736d;
  display: block;
  font-weight: 800;
}

.notes-visibility-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.notes-visibility-pill.visibility-team {
  background: #e8f7ef;
  color: #16865b;
}

.notes-visibility-pill.visibility-private {
  background: #fff4df;
  color: #b26a00;
}

.notes-visibility-pill.visibility-admin {
  background: #edf2ff;
  color: #1d4ed8;
}

.notes-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.notes-pagination .pagination {
  margin-bottom: 0;
}

.attachments-hero,
.attachments-mobile-list {
  display: none;
}

.attachments-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.attachments-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.attachments-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.attachments-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.attachments-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.attachments-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.attachments-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.attachments-panel-head h5 .fa {
  color: #05736d;
}

.attachments-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.attachments-filter {
  align-items: center;
  margin-bottom: 14px;
}

.attachments-filter .form-control,
.attachments-filter .form-select,
.attachments-filter .btn {
  border-radius: 8px;
  min-height: 44px;
}

.attachments-filter .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
}

.attachments-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.attachments-table {
  margin-bottom: 0;
  min-width: 1120px;
}

.attachments-table td {
  height: 78px;
  vertical-align: middle;
}

.attachments-table tbody tr:hover {
  background: #f5fbfa;
}

.attachments-file-cell {
  align-items: center;
  display: flex;
  gap: 10px;
}

.attachments-file-icon {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  width: 42px;
}

.attachments-title,
.attachments-lead-link {
  color: #05736d;
  display: block;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.attachments-category-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.attachments-category-pill.category-document,
.attachments-category-pill.category-other {
  background: #eef1f4;
  color: #6c757d;
}

.attachments-category-pill.category-proposal {
  background: #edf2ff;
  color: #1d4ed8;
}

.attachments-category-pill.category-invoice {
  background: #e8f7ef;
  color: #16865b;
}

.attachments-category-pill.category-kyc {
  background: #fff4df;
  color: #b26a00;
}

.attachments-category-pill.category-contract {
  background: #fff0ed;
  color: #e0523f;
}

.attachments-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 96px;
}

.attachments-icon-actions .lead-action-btn {
  margin-left: 0;
}

.attachments-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.attachments-pagination .pagination {
  margin-bottom: 0;
}

.notifications-hero,
.notifications-mobile-list {
  display: none;
}

.notifications-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.notifications-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.notifications-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.notifications-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.notifications-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.notifications-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.notifications-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.notifications-panel-head h5 .fa {
  color: #05736d;
}

.notifications-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.notifications-panel-head .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-weight: 800;
  gap: 7px;
  min-height: 36px;
}

.notifications-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.notifications-table {
  margin-bottom: 0;
  min-width: 1120px;
}

.notifications-table td {
  height: 78px;
  vertical-align: middle;
}

.notifications-table tbody tr:hover {
  background: #f5fbfa;
}

.notification-unread-row {
  background: #fffdf7;
}

.notifications-title {
  color: #17262b;
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.notifications-type-pill,
.notifications-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.notifications-type-pill {
  background: #edf2ff;
  color: #1d4ed8;
}

.notifications-status-pill.status-read {
  background: #e8f7ef;
  color: #16865b;
}

.notifications-status-pill.status-unread {
  background: #fff4df;
  color: #b26a00;
}

.notifications-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 96px;
}

.notifications-icon-actions .lead-action-btn {
  margin-left: 0;
}

.notifications-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.notifications-pagination .pagination {
  margin-bottom: 0;
}

.proposals-hero,
.proposals-mobile-list {
  display: none;
}

.proposals-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.proposals-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.proposals-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.proposals-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.proposals-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.proposals-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.proposals-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.proposals-panel-head h5 .fa {
  color: #05736d;
}

.proposals-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.proposals-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.proposals-table {
  margin-bottom: 0;
  min-width: 1240px;
}

.proposals-table td {
  height: 82px;
  vertical-align: middle;
}

.proposals-table tbody tr:hover {
  background: #f5fbfa;
}

.proposals-title,
.proposals-lead-link {
  color: #05736d;
  display: block;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.proposals-amount {
  color: #17262b;
  font-weight: 900;
  white-space: nowrap;
}

.proposals-status-form {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(130px, 1fr) 42px;
}

.proposals-status-form .form-select {
  border-radius: 8px;
  min-height: 36px;
}

.proposals-status-form .lead-action-btn,
.proposals-icon-actions .lead-action-btn {
  margin-left: 0;
}

.proposals-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.proposals-status-pill.status-draft {
  background: #eef1f4;
  color: #6c757d;
}

.proposals-status-pill.status-sent,
.proposals-status-pill.status-viewed {
  background: #edf2ff;
  color: #1d4ed8;
}

.proposals-status-pill.status-accepted {
  background: #e8f7ef;
  color: #16865b;
}

.proposals-status-pill.status-rejected {
  background: #fff0ed;
  color: #e0523f;
}

.proposals-tracking {
  display: grid;
  gap: 6px;
}

.proposals-track-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  gap: 6px;
  min-height: 26px;
  padding: 5px 9px;
  white-space: nowrap;
  width: fit-content;
}

.proposals-track-pill.is-done {
  background: #e8f7ef;
  color: #16865b;
}

.proposals-track-pill.is-pending {
  background: #fff4df;
  color: #b26a00;
}

.proposals-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 150px;
}

.proposals-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.proposals-pagination .pagination {
  margin-bottom: 0;
}

.invoices-hero,
.invoices-mobile-list {
  display: none;
}

.invoices-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.invoices-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 96px;
  padding: 16px;
}

.invoices-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.invoices-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 0;
}

.invoices-metric .fa {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.invoices-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.invoices-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.invoices-panel-head h5 .fa {
  color: #05736d;
}

.invoices-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.invoices-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.invoices-table {
  margin-bottom: 0;
  min-width: 1240px;
}

.invoices-table td {
  height: 78px;
  vertical-align: middle;
}

.invoices-table tbody tr:hover {
  background: #f5fbfa;
}

.invoices-number,
.invoices-lead-link {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.invoices-amount,
.invoices-paid,
.invoices-balance {
  font-weight: 900;
  white-space: nowrap;
}

.invoices-amount { color: #17262b; }
.invoices-paid { color: #16865b; }
.invoices-balance { color: #b26a00; }

.invoices-status-form {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(120px, 1fr) 42px;
}

.invoices-status-form .form-select {
  border-radius: 8px;
  min-height: 36px;
}

.invoices-status-form .lead-action-btn,
.invoices-icon-actions .lead-action-btn {
  margin-left: 0;
}

.invoices-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.invoices-status-pill.status-unpaid {
  background: #eef1f4;
  color: #6c757d;
}

.invoices-status-pill.status-partial {
  background: #fff4df;
  color: #b26a00;
}

.invoices-status-pill.status-paid {
  background: #e8f7ef;
  color: #16865b;
}

.invoices-status-pill.status-overdue {
  background: #fff0ed;
  color: #e0523f;
}

.invoices-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 96px;
}

.invoices-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.invoices-pagination .pagination {
  margin-bottom: 0;
}

.revenue-hero,
.revenue-mobile-list,
.revenue-register-mobile-list {
  display: none;
}

.revenue-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 18px;
}

.revenue-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 94px;
  padding: 14px;
}

.revenue-metric span {
  color: #8492a3;
  display: block;
  font-size: 12px;
  line-height: 1.25;
}

.revenue-metric h4 {
  color: #17262b;
  font-size: 21px;
  line-height: 1.1;
  margin-bottom: 0;
}

.revenue-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  width: 42px;
}

.revenue-filter-card,
.revenue-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.revenue-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.revenue-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.revenue-panel-head h5 .fa {
  color: #05736d;
}

.revenue-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.revenue-filter-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.revenue-filter-form .btn,
.revenue-panel-head .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.revenue-summary-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.revenue-summary-table-wrap,
.revenue-register-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.revenue-summary-table,
.revenue-register-table {
  margin-bottom: 0;
}

.revenue-summary-table {
  min-width: 100%;
}

.revenue-register-table {
  min-width: 1280px;
}

.revenue-summary-table td {
  height: 58px;
  vertical-align: middle;
}

.revenue-register-table td {
  height: 78px;
  vertical-align: middle;
}

.revenue-summary-table tbody tr:hover,
.revenue-register-table tbody tr:hover {
  background: #f5fbfa;
}

.revenue-invoice-number {
  color: #05736d;
  display: block;
  overflow-wrap: anywhere;
}

.revenue-amount,
.revenue-paid,
.revenue-balance {
  font-weight: 900;
  white-space: nowrap;
}

.revenue-amount { color: #17262b; }
.revenue-paid { color: #16865b; }
.revenue-balance { color: #b26a00; }

.revenue-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.revenue-status-pill.status-unpaid {
  background: #eef1f4;
  color: #6c757d;
}

.revenue-status-pill.status-partial {
  background: #fff4df;
  color: #b26a00;
}

.revenue-status-pill.status-paid {
  background: #e8f7ef;
  color: #16865b;
}

.revenue-status-pill.status-overdue {
  background: #fff0ed;
  color: #e0523f;
}

.revenue-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.revenue-pagination .pagination {
  margin-bottom: 0;
}

.reports-hero,
.reports-saved-mobile-list,
.reports-results-mobile-list {
  display: none;
}

.reports-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.reports-result-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.reports-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.reports-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.reports-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.reports-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.reports-filter-card,
.reports-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.reports-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.reports-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.reports-panel-head h5 .fa {
  color: #05736d;
}

.reports-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.reports-filter-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.reports-filter-form .btn,
.reports-panel-head .btn,
.reports-save-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.reports-management-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 0.8fr);
  margin-bottom: 18px;
}

.reports-saved-table-wrap,
.reports-results-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.reports-saved-table,
.reports-results-table {
  margin-bottom: 0;
}

.reports-saved-table {
  min-width: 980px;
}

.reports-results-table {
  min-width: 1180px;
}

.reports-saved-table td,
.reports-results-table td {
  height: 78px;
  vertical-align: middle;
}

.reports-saved-table tbody tr:hover,
.reports-results-table tbody tr:hover {
  background: #f5fbfa;
}

.reports-title,
.reports-lead-link {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.reports-badges,
.reports-tag-stack {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.reports-badges {
  margin-top: 6px;
}

.reports-status-pill,
.reports-stage-pill,
.reports-tag {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.reports-tag {
  color: #fff;
  min-height: 26px;
  padding: 5px 10px;
}

.reports-status-pill.status-active,
.reports-status-pill.status-shared,
.reports-stage-pill.stage-won {
  background: #e8f7ef;
  color: #16865b;
}

.reports-status-pill.status-paused,
.reports-stage-pill.stage-negotiation,
.reports-stage-pill.stage-partial {
  background: #fff4df;
  color: #b26a00;
}

.reports-stage-pill.stage-open,
.reports-stage-pill.stage-in_progress {
  background: #e7f2f1;
  color: #05736d;
}

.reports-stage-pill.stage-lost {
  background: #fff0ed;
  color: #e0523f;
}

.reports-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 138px;
}

.reports-icon-actions form {
  display: inline-flex;
  margin: 0;
}

.reports-schedule-row td {
  background: #f7fbfb;
  height: auto;
}

.reports-schedule-form {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(140px, 0.8fr) minmax(220px, 1.5fr) minmax(140px, 0.8fr) 120px;
  padding: 8px 0;
}

.reports-schedule-form .btn {
  border-radius: 8px;
  min-height: 42px;
}

.reports-save-form {
  display: grid;
  gap: 12px;
}

.reports-share-check {
  align-items: center;
  background: #f4f8f8;
  border-radius: 8px;
  color: #50606b;
  display: flex;
  gap: 8px;
  padding: 12px;
}

.reports-value {
  color: #17262b;
  font-weight: 900;
  white-space: nowrap;
}

.reports-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.reports-pagination .pagination {
  margin-bottom: 0;
}

.importexport-hero,
.importexport-mobile-list {
  display: none;
}

.importexport-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.importexport-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.importexport-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.importexport-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.importexport-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.importexport-action-grid,
.importexport-history-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 18px;
}

.importexport-history-grid {
  align-items: start;
}

.importexport-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.importexport-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.importexport-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.importexport-panel-head h5 .fa {
  color: #05736d;
}

.importexport-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.importexport-form {
  display: grid;
  gap: 12px;
}

.importexport-form-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.importexport-form .btn,
.importexport-mobile-actions .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.importexport-file-drop {
  align-items: center;
  background: #f5fbfa;
  border: 1px dashed #9ac8c4;
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 16px;
  text-align: center;
}

.importexport-file-drop .fa {
  color: #05736d;
  font-size: 26px;
}

.importexport-file-drop span {
  color: #17262b;
  font-weight: 900;
}

.importexport-file-drop small {
  color: #8d98a8;
}

.importexport-file-drop input {
  margin-top: 8px;
}

.importexport-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.importexport-table {
  margin-bottom: 0;
  min-width: 1040px;
}

.importexport-export-table {
  min-width: 720px;
}

.importexport-table td {
  height: 74px;
  vertical-align: middle;
}

.importexport-table tbody tr:hover {
  background: #f5fbfa;
}

.importexport-file-name {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.importexport-success {
  color: #16865b;
  font-weight: 900;
}

.importexport-failed {
  color: #e0523f;
  font-weight: 900;
}

.importexport-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.importexport-status-pill.status-success {
  background: #e8f7ef;
  color: #16865b;
}

.importexport-status-pill.status-warning {
  background: #fff4df;
  color: #b26a00;
}

.importexport-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 92px;
}

.activity-hero,
.activity-mobile-list {
  display: none;
}

.activity-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.activity-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.activity-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.activity-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.activity-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.activity-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.activity-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.activity-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.activity-panel-head h5 .fa {
  color: #05736d;
}

.activity-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.activity-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.activity-table {
  margin-bottom: 0;
  min-width: 1040px;
}

.activity-table td {
  height: 76px;
  vertical-align: middle;
}

.activity-table tbody tr:hover {
  background: #f5fbfa;
}

.activity-user {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.activity-user span {
  align-items: center;
  background: #eef7f6;
  border-radius: 50%;
  color: #05736d;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.activity-user strong {
  color: #17262b;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.activity-action-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  min-height: 30px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.activity-action-pill.tone-success,
.activity-mobile-icon.tone-success {
  background: #e8f7ef;
  color: #16865b;
}

.activity-action-pill.tone-warning,
.activity-mobile-icon.tone-warning {
  background: #fff4df;
  color: #b26a00;
}

.activity-action-pill.tone-danger,
.activity-mobile-icon.tone-danger {
  background: #fff0ed;
  color: #e0523f;
}

.activity-action-pill.tone-primary,
.activity-mobile-icon.tone-primary {
  background: #e7f2f1;
  color: #05736d;
}

.activity-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.activity-pagination .pagination {
  margin-bottom: 0;
}

.deletion-hero,
.deletion-mobile-list {
  display: none;
}

.deletion-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.deletion-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.deletion-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.deletion-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.deletion-metric .fa {
  align-items: center;
  background: #fff0ed;
  border-radius: 8px;
  color: #e0523f;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.deletion-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.deletion-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.deletion-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.deletion-panel-head h5 .fa {
  color: #05736d;
}

.deletion-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.deletion-filter-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(240px, 1.35fr) minmax(180px, 0.9fr) minmax(150px, 0.75fr) minmax(150px, 0.75fr) 120px 112px;
  margin-bottom: 16px;
}

.deletion-filter-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.deletion-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.deletion-table {
  margin-bottom: 0;
  min-width: 1260px;
}

.deletion-table td {
  height: 78px;
  vertical-align: middle;
}

.deletion-table tbody tr:hover {
  background: #fffafa;
}

.deletion-lead-name {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.deletion-user {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.deletion-user span {
  align-items: center;
  background: #eef7f6;
  border-radius: 50%;
  color: #05736d;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.deletion-user strong {
  color: #17262b;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.deletion-stage-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.deletion-stage-pill.stage-won {
  background: #e8f7ef;
  color: #16865b;
}

.deletion-stage-pill.stage-lost {
  background: #fff0ed;
  color: #e0523f;
}

.deletion-stage-pill.stage-negotiation {
  background: #fff4df;
  color: #b26a00;
}

.deletion-stage-pill.stage-open,
.deletion-stage-pill.stage-in_progress,
.deletion-stage-pill.stage-unknown {
  background: #e7f2f1;
  color: #05736d;
}

.deletion-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.deletion-pagination .pagination {
  margin-bottom: 0;
}

.teams-hero,
.teams-mobile-list,
.teams-merge-mobile-list {
  display: none;
}

.teams-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.teams-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.teams-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.teams-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.teams-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.teams-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.teams-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.teams-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.teams-panel-head h5 .fa {
  color: #05736d;
}

.teams-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.teams-panel-head .btn,
.teams-create-form .btn,
.teams-merge-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.teams-create-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, 1fr) minmax(180px, 1fr) minmax(160px, 1fr) 130px 132px;
  margin-bottom: 16px;
}

.teams-merge-box {
  background: #f8fbfb;
  border: 1px solid #e4ecec;
  border-radius: 8px;
  margin-bottom: 18px;
  padding: 16px;
}

.teams-merge-head h6 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.teams-merge-head h6 .fa {
  color: #05736d;
}

.teams-merge-head span {
  color: #8d98a8;
  font-size: 13px;
}

.teams-merge-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(220px, 1.4fr) 120px;
  margin-top: 14px;
}

.teams-table-wrap,
.teams-merge-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.teams-table,
.teams-merge-table {
  margin-bottom: 0;
}

.teams-table {
  min-width: 1020px;
}

.teams-merge-table {
  min-width: 920px;
}

.teams-table td,
.teams-merge-table td {
  height: 76px;
  vertical-align: middle;
}

.teams-table tbody tr:hover,
.teams-merge-table tbody tr:hover {
  background: #f5fbfa;
}

.teams-name {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.teams-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.teams-status-pill.status-active {
  background: #e8f7ef;
  color: #16865b;
}

.teams-status-pill.status-inactive {
  background: #eef1f4;
  color: #6c757d;
}

.teamcompare-hero,
.teamcompare-mobile-list,
.teamcompare-agent-mobile-list {
  display: none;
}

.teamcompare-panel,
.teamcompare-team-card {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.teamcompare-panel-head,
.teamcompare-team-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.teamcompare-panel-head h5,
.teamcompare-team-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.teamcompare-panel-head h5 .fa {
  color: #05736d;
}

.teamcompare-panel-head span,
.teamcompare-team-head span,
.teamcompare-team-head small {
  color: #8d98a8;
  font-size: 13px;
}

.teamcompare-panel-head .btn,
.teamcompare-filter-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.teamcompare-filter-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 150px;
}

.teamcompare-team-grid,
.teamcompare-agent-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 18px;
}

.teamcompare-team-head .fa-users {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.teamcompare-mini-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.teamcompare-mini-card {
  background: #f5fbfa;
  border: 1px solid #e4ecec;
  border-radius: 8px;
  min-height: 92px;
  padding: 12px;
}

.teamcompare-mini-card .fa {
  color: #05736d;
  display: block;
  font-size: 17px;
  margin-bottom: 8px;
}

.teamcompare-mini-card span {
  color: #8d98a8;
  display: block;
  font-size: 12px;
}

.teamcompare-mini-card strong {
  color: #17262b;
  display: block;
  font-size: 20px;
  line-height: 1.15;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.teamcompare-table-wrap,
.teamcompare-agent-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.teamcompare-table,
.teamcompare-agent-table {
  margin-bottom: 0;
}

.teamcompare-table {
  min-width: 920px;
}

.teamcompare-agent-table {
  min-width: 760px;
}

.teamcompare-table td,
.teamcompare-agent-table td {
  height: 64px;
  vertical-align: middle;
}

.teamcompare-table tbody tr:hover,
.teamcompare-agent-table tbody tr:hover {
  background: #f5fbfa;
}

.teamcompare-metric-name {
  align-items: center;
  color: #17262b;
  display: inline-flex;
  font-weight: 900;
  gap: 9px;
}

.teamcompare-metric-name .fa {
  color: #05736d;
  width: 16px;
}

.teamcompare-value {
  color: #17262b;
  font-weight: 900;
  white-space: nowrap;
}

.teamcompare-leader-pill {
  align-items: center;
  background: #e8f7ef;
  border-radius: 999px;
  color: #16865b;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  white-space: nowrap;
}

.teamcompare-leader-pill.is-tie {
  background: #eef1f4;
  color: #6c757d;
}

.users-hero,
.users-mobile-list {
  display: none;
}

.users-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.users-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.users-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.users-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.users-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.users-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.users-panel-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.users-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.users-panel-head h5 .fa {
  color: #05736d;
}

.users-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.users-panel-head .btn,
.users-create-form .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
}

.users-create-form {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-bottom: 18px;
}

.users-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.users-table {
  margin-bottom: 0;
  min-width: 1040px;
}

.users-table td {
  height: 78px;
  vertical-align: middle;
}

.users-table tbody tr:hover {
  background: #f5fbfa;
}

.users-identity {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  min-width: 0;
}

.users-identity > span {
  align-items: center;
  background: #eef7f6;
  border-radius: 50%;
  color: #05736d;
  display: inline-flex;
  flex: 0 0 38px;
  font-size: 13px;
  font-weight: 900;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.users-identity a,
.users-identity strong {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.users-identity small {
  color: #8b98a8;
  display: block;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.users-role-pill,
.users-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.users-role-pill {
  background: #edf2ff;
  color: #1d4ed8;
}

.users-status-pill.status-active {
  background: #e8f7ef;
  color: #16865b;
}

.users-status-pill.status-inactive {
  background: #fff0ed;
  color: #e0523f;
}

.users-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 92px;
}

.userprofile-mobile-list {
  display: none;
}

.userprofile-hero {
  align-items: center;
  background: #05736d;
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(5, 115, 109, 0.14);
  color: #fff;
  display: grid;
  gap: 14px;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  margin-bottom: 18px;
  padding: 18px;
}

.userprofile-avatar {
  align-items: center;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  display: inline-flex;
  font-size: 22px;
  font-weight: 900;
  height: 58px;
  justify-content: center;
  width: 58px;
}

.userprofile-hero span:not(.userprofile-status) {
  color: rgba(255, 255, 255, 0.72);
  display: block;
  font-size: 12px;
}

.userprofile-hero h5 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 3px;
}

.userprofile-hero p {
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  overflow-wrap: anywhere;
}

.userprofile-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.userprofile-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.userprofile-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
}

.userprofile-metric h4 {
  color: #17262b;
  font-size: 24px;
  line-height: 1.1;
  margin: 0;
}

.userprofile-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.userprofile-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.65fr);
}

.userprofile-sidebar,
.userprofile-main {
  display: grid;
  gap: 18px;
  align-content: start;
}

.userprofile-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.userprofile-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.userprofile-panel-head h5 .fa {
  color: #05736d;
}

.userprofile-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.userprofile-info-list {
  display: grid;
  gap: 10px;
}

.userprofile-info-list > div {
  background: #f5fbfa;
  border-radius: 8px;
  padding: 10px;
}

.userprofile-info-list small,
.userprofile-mobile-meta small {
  color: #8b98a8;
  display: block;
  font-size: 11px;
  margin-bottom: 2px;
}

.userprofile-info-list strong,
.userprofile-mobile-meta strong {
  color: #1f3135;
  display: block;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.userprofile-status,
.userprofile-stage-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.userprofile-status.status-active,
.userprofile-stage-pill.tone-success {
  background: #e8f7ef;
  color: #16865b;
}

.userprofile-status.status-inactive,
.userprofile-stage-pill.tone-danger {
  background: #fff0ed;
  color: #e0523f;
}

.userprofile-stage-pill.tone-warning {
  background: #fff4df;
  color: #b26a00;
}

.userprofile-stage-pill.tone-primary {
  background: #e7f2f1;
  color: #05736d;
}

.userprofile-actions {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.userprofile-actions .btn,
.userprofile-mobile-actions .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  width: 100%;
}

.userprofile-actions form {
  margin: 0;
}

.userprofile-feed {
  display: grid;
  gap: 10px;
}

.userprofile-feed-item {
  display: grid;
  gap: 10px;
  grid-template-columns: 12px minmax(0, 1fr);
}

.userprofile-feed-dot {
  background: #05736d;
  border-radius: 50%;
  height: 10px;
  margin-top: 5px;
  width: 10px;
}

.userprofile-feed-dot.status-failed {
  background: #e0523f;
}

.userprofile-feed-dot.status-success {
  background: #16865b;
}

.userprofile-feed-item strong {
  color: #17262b;
  display: block;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.userprofile-feed-item small {
  color: #8b98a8;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.userprofile-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.userprofile-table {
  margin-bottom: 0;
  min-width: 760px;
}

.userprofile-table td {
  height: 72px;
  vertical-align: middle;
}

.userprofile-table tbody tr:hover {
  background: #f5fbfa;
}

.userprofile-link {
  color: #05736d;
  display: block;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.userprofile-value {
  color: #17262b;
  font-weight: 900;
  white-space: nowrap;
}

.loginhistory-hero,
.loginhistory-mobile-list {
  display: none;
}

.loginhistory-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.loginhistory-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 14px;
  min-height: 94px;
  padding: 16px;
}

.loginhistory-metric span {
  color: #8492a3;
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.loginhistory-metric h4 {
  color: #17262b;
  font-size: 23px;
  line-height: 1.1;
  margin-bottom: 0;
}

.loginhistory-metric .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.loginhistory-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.loginhistory-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.loginhistory-panel-head h5 .fa {
  color: #05736d;
}

.loginhistory-panel-head span {
  color: #8d98a8;
  font-size: 13px;
}

.loginhistory-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.loginhistory-table {
  margin-bottom: 0;
  min-width: 1100px;
}

.loginhistory-table td {
  height: 78px;
  vertical-align: middle;
}

.loginhistory-table tbody tr:hover {
  background: #f5fbfa;
}

.loginhistory-user {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.loginhistory-user span {
  align-items: center;
  background: #eef7f6;
  border-radius: 50%;
  color: #05736d;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.loginhistory-user a {
  color: #05736d;
  font-weight: 900;
}

.loginhistory-device {
  max-width: 420px;
}

.loginhistory-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.loginhistory-status-pill.status-success {
  background: #e8f7ef;
  color: #16865b;
}

.loginhistory-status-pill.status-failed,
.loginhistory-status-pill.status-failure {
  background: #fff0ed;
  color: #e0523f;
}

.loginhistory-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 14px;
}

.loginhistory-pagination .pagination {
  margin-bottom: 0;
}

.taxonomy-hero,
.taxonomy-mobile-list {
  display: none;
}

.taxonomy-summary {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
}

.taxonomy-summary-card,
.taxonomy-create-card,
.taxonomy-panel {
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
}

.taxonomy-summary-card {
  align-items: center;
  background: #fff;
  display: flex;
  gap: 14px;
  padding: 16px;
}

.taxonomy-summary-card .fa {
  align-items: center;
  background: #eef7f6;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 18px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.taxonomy-summary-card span,
.taxonomy-summary-card small,
.taxonomy-panel-head span {
  color: #8d98a8;
  display: block;
  font-size: 13px;
}

.taxonomy-summary-card strong {
  color: #16272b;
  display: block;
  font-size: 24px;
  line-height: 1.1;
}

.taxonomy-panel-head h5 {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 4px;
}

.taxonomy-panel-head h5 .fa {
  color: #05736d;
}

.taxonomy-create-form {
  align-items: center;
}

.taxonomy-create-form .form-control,
.taxonomy-create-form .form-select,
.taxonomy-create-form .btn,
.taxonomy-table .form-control,
.taxonomy-table .form-select {
  border-radius: 8px;
  min-height: 40px;
}

.taxonomy-create-form .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
}

.taxonomy-table-wrap {
  border-radius: 8px;
  overflow-x: auto;
}

.taxonomy-table {
  margin-bottom: 0;
  min-width: 860px;
}

.taxonomy-table td {
  height: 72px;
  vertical-align: middle;
}

.taxonomy-table tbody tr:hover {
  background: #f5fbfa;
}

.taxonomy-count-pill,
.taxonomy-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  min-height: 28px;
  padding: 6px 11px;
}

.taxonomy-count-pill {
  background: #eef5f5;
  color: #05736d;
}

.taxonomy-status-pill.status-active {
  background: #e8f7ef;
  color: #16865b;
}

.taxonomy-status-pill.status-inactive {
  background: #eef1f4;
  color: #6c757d;
}

.taxonomy-color-cell,
.taxonomy-mobile-color {
  align-items: center;
  display: flex;
  gap: 8px;
}

.taxonomy-color-dot {
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #d8e1e1;
  display: inline-block;
  height: 24px;
  min-width: 24px;
  width: 24px;
}

.taxonomy-color-cell .form-control-color {
  min-height: 38px;
  width: 56px;
}

.taxonomy-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 150px;
}

.taxonomy-icon-actions .lead-action-btn {
  margin-left: 0;
}

.roles-hero,
.roles-mobile-permissions,
.roles-directory-mobile-list {
  display: none;
}

.roles-page {
  padding-bottom: 22px;
}

.roles-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.roles-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 82px;
  padding: 16px;
}

.roles-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  width: 42px;
}

.roles-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.roles-metric h4 {
  color: #17262b;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.roles-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.roles-panel-head {
  align-items: flex-start;
  padding-bottom: 12px;
}

.roles-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.roles-panel-head h5 i {
  color: #05736d;
}

.roles-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

.roles-create-form {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 1fr) 210px minmax(220px, 1.2fr) 170px;
}

.roles-create-form .form-control,
.roles-create-form .form-select,
.roles-create-form .btn {
  border-radius: 8px;
  min-height: 44px;
}

.roles-create-form .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.roles-matrix-wrap,
.roles-directory-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.roles-matrix-table,
.roles-directory-table {
  margin-bottom: 0;
  min-width: 1040px;
}

.roles-matrix-table th,
.roles-matrix-table td,
.roles-directory-table th,
.roles-directory-table td {
  vertical-align: middle;
}

.roles-matrix-table th:not(:first-child),
.roles-matrix-table td:not(:first-child) {
  min-width: 126px;
  text-align: center;
}

.roles-matrix-table .text-cell {
  min-width: 250px;
}

.roles-group-row td {
  background: #f4f9f9;
  color: #05736d;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  padding: 12px 16px !important;
  text-transform: uppercase;
}

.roles-column-title {
  color: #17262b;
  display: block;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 6px;
  white-space: nowrap;
}

.roles-type-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  justify-content: center;
  line-height: 1;
  min-height: 24px;
  padding: 6px 10px;
  text-transform: capitalize;
  white-space: nowrap;
}

.roles-type-pill.is-system {
  background: #dff6ea;
  color: #07844e;
}

.roles-type-pill.is-custom {
  background: #e7f2f1;
  color: #05736d;
}

.roles-switch {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0;
}

.roles-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.roles-switch > span {
  background: #dde4e8;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(23, 38, 43, 0.04);
  display: inline-block;
  height: 18px;
  position: relative;
  transition: background 0.2s ease;
  width: 34px;
}

.roles-switch > span::after {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(22, 38, 43, 0.2);
  content: "";
  height: 14px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform 0.2s ease;
  width: 14px;
}

.roles-switch input:checked + span {
  background: #05736d;
}

.roles-switch input:checked + span::after {
  transform: translateX(16px);
}

.roles-switch input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(5, 115, 109, 0.18);
}

.roles-save-bar {
  align-items: center;
  border-top: 1px solid #edf1f1;
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
  padding-top: 14px;
}

.roles-save-bar .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  min-width: 160px;
}

.roles-directory-table .text-cell {
  min-width: 210px;
}

.roles-name {
  color: #05736d;
  display: block;
  font-weight: 900;
}

.roles-delete-form {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  min-width: 250px;
}

.roles-delete-form .form-select {
  border-radius: 8px;
  min-height: 36px;
  min-width: 160px;
}

.roles-protected {
  align-items: center;
  color: #b07a55;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
  white-space: nowrap;
}

.fields-hero,
.fields-mobile-list {
  display: none;
}

.fields-page {
  padding-bottom: 22px;
}

.fields-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
}

.fields-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 82px;
  padding: 16px;
}

.fields-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 42px;
  justify-content: center;
  min-width: 42px;
  width: 42px;
}

.fields-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.fields-metric h4 {
  color: #17262b;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.fields-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.fields-panel-head {
  align-items: flex-start;
  padding-bottom: 12px;
}

.fields-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.fields-panel-head h5 i {
  color: #05736d;
}

.fields-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

.fields-create-form {
  display: grid;
  gap: 12px;
}

.fields-create-main {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(180px, 1.1fr) minmax(180px, 1fr) 150px 150px minmax(190px, 1fr) 110px 120px 150px;
}

.fields-create-main .form-control,
.fields-create-main .form-select,
.fields-create-main .btn,
.fields-role-picker,
.fields-required-check {
  border-radius: 8px;
}

.fields-create-main .form-control,
.fields-create-main .form-select,
.fields-create-main .btn {
  min-height: 44px;
}

.fields-create-main .btn,
.fields-mobile-edit .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.fields-required-check {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #e6eeee;
  color: #23383d;
  display: flex;
  font-weight: 800;
  gap: 8px;
  justify-content: center;
  margin: 0;
  min-height: 44px;
  padding: 8px 12px;
}

.fields-required-check input {
  accent-color: #05736d;
}

.fields-role-picker {
  background: #f7fafb;
  border: 1px solid #edf1f1;
  padding: 12px;
}

.fields-role-picker-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.fields-role-picker-head strong {
  color: #17262b;
  font-size: 13px;
  font-weight: 900;
}

.fields-role-picker-head span {
  color: #8996a6;
  font-size: 12px;
}

.fields-role-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fields-role-chip {
  align-items: center;
  background: #fff;
  border: 1px solid #dce8e8;
  border-radius: 999px;
  color: #283d42;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 7px;
  line-height: 1;
  margin: 0;
  min-height: 32px;
  padding: 8px 11px;
  white-space: nowrap;
}

.fields-role-chip input {
  accent-color: #05736d;
  margin: 0;
}

.fields-role-chip:has(input:checked) {
  background: #e7f2f1;
  border-color: #b9dcda;
  color: #05736d;
}

.fields-role-chip.is-compact {
  margin: 3px 4px 3px 0;
  min-height: 28px;
  padding: 6px 9px;
}

.fields-table-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.fields-table {
  margin-bottom: 0;
  min-width: 1260px;
}

.fields-table th,
.fields-table td {
  vertical-align: middle;
}

.fields-table .form-control,
.fields-table .form-select {
  border-radius: 8px;
}

.fields-field-title {
  align-items: flex-start;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(190px, 1fr);
  min-width: 250px;
}

.fields-field-title > i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.fields-field-title .form-control + .form-control {
  margin-top: 6px;
}

.fields-roles-cell {
  max-width: 340px;
  min-width: 300px;
}

.fields-order-input {
  max-width: 90px;
}

.fields-status-select {
  min-width: 115px;
}

.fields-icon-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-width: 280px;
}

.fields-icon-actions form {
  align-items: center;
  display: flex;
  gap: 6px;
  margin: 0;
}

.fields-icon-actions .form-select {
  min-height: 36px;
  min-width: 150px;
}

.fields-icon-actions .lead-action-btn {
  margin-left: 0;
}

.fields-type-pill {
  align-items: center;
  background: #e7f2f1;
  border-radius: 999px;
  color: #05736d;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  gap: 6px;
  line-height: 1;
  min-height: 30px;
  padding: 8px 11px;
  white-space: nowrap;
}

.security-hero,
.security-alert-mobile-list,
.security-login-mobile-list {
  display: none;
}

.security-page {
  padding-bottom: 22px;
}

.security-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.security-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 86px;
  padding: 16px;
}

.security-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.security-metric.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.security-metric.warning i {
  background: #fff2d8;
  color: #b77900;
}

.security-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.security-metric h4 {
  color: #17262b;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.security-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.security-panel-head {
  align-items: flex-start;
  padding-bottom: 12px;
}

.security-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.security-panel-head h5 i {
  color: #05736d;
}

.security-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

.security-filter-form {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr)) 130px 130px;
}

.security-filter-form .form-control,
.security-filter-form .form-select,
.security-filter-form .btn {
  border-radius: 8px;
  min-height: 44px;
}

.security-filter-form .btn {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
}

.security-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 360px;
}

.security-alerts-wrap,
.security-login-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.security-alerts-table {
  margin-bottom: 0;
  min-width: 820px;
}

.security-login-table {
  margin-bottom: 0;
  min-width: 920px;
}

.security-alert-title {
  align-items: flex-start;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(220px, 1fr);
}

.security-alert-title > i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.security-alert-title strong {
  color: #17262b;
  display: block;
  font-weight: 900;
  margin-bottom: 3px;
}

.security-alert-title span {
  color: #05736d;
  display: block;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 3px;
}

.security-alert-title small {
  color: #7d8a98;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  max-width: 440px;
}

.security-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  min-height: 26px;
  padding: 7px 11px;
  white-space: nowrap;
}

.security-pill.is-high,
.security-pill.is-open {
  background: #ffe8e5;
  color: #dc2626;
}

.security-pill.is-medium {
  background: #fff2d8;
  color: #b77900;
}

.security-pill.is-low {
  background: #e8f1ff;
  color: #2563eb;
}

.security-pill.is-reviewed {
  background: #dff6ea;
  color: #07844e;
}

.security-reviewed {
  align-items: center;
  color: #07844e;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
  white-space: nowrap;
}

.security-ip-list {
  display: grid;
  gap: 10px;
}

.security-ip-card,
.security-ip-empty {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 12px;
}

.security-ip-card strong {
  color: #17262b;
  display: block;
  font-weight: 900;
}

.security-ip-card span,
.security-ip-empty {
  color: #7d8a98;
  font-size: 12px;
}

.security-ip-card em {
  align-items: center;
  background: #ffe8e5;
  border-radius: 8px;
  color: #dc2626;
  display: inline-flex;
  font-style: normal;
  font-weight: 900;
  height: 36px;
  justify-content: center;
  min-width: 42px;
  padding: 0 10px;
}

.security-pagination {
  margin-top: 14px;
}

.security-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.security-pagination .pagination {
  margin-bottom: 0;
}

.settings-hero {
  display: none;
}

.settings-page {
  padding-bottom: 22px;
}

.settings-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.settings-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 86px;
  padding: 16px;
}

.settings-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.settings-metric.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.settings-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.settings-metric h4 {
  color: #17262b;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.settings-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 360px;
}

.settings-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.settings-panel-head {
  align-items: flex-start;
  padding-bottom: 12px;
}

.settings-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.settings-panel-head h5 i {
  color: #05736d;
}

.settings-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

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

.settings-field-card {
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  padding: 12px;
}

.settings-field-head {
  align-items: flex-start;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  margin-bottom: 10px;
}

.settings-field-head > i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.settings-field-head .form-label {
  color: #17262b;
  display: block;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 4px;
}

.settings-field-head span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.settings-field-card .form-control,
.settings-field-card .form-select {
  background: #fff;
  border-radius: 8px;
  min-height: 42px;
}

.settings-save-bar {
  align-items: center;
  background: #fff;
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
  padding: 12px;
  position: sticky;
  bottom: 12px;
  z-index: 2;
}

.settings-save-bar .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 42px;
  min-width: 170px;
}

.settings-sidebar {
  position: sticky;
  top: 92px;
}

.settings-health-list,
.settings-action-list {
  display: grid;
  gap: 10px;
}

.settings-health-card {
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  padding: 12px;
}

.settings-health-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}

.settings-health-card strong {
  color: #17262b;
  display: block;
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.settings-action-card {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  color: inherit;
  display: grid;
  gap: 10px;
  grid-template-columns: 40px minmax(0, 1fr);
  min-height: 62px;
  padding: 11px;
  text-align: left;
  width: 100%;
}

.settings-action-card:hover {
  border-color: #b9dcda;
  color: inherit;
}

.settings-action-card i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.settings-action-card strong {
  color: #17262b;
  display: block;
  font-size: 13px;
  font-weight: 900;
}

.settings-action-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.health-hero,
.health-report-mobile-list {
  display: none;
}

.health-page {
  padding-bottom: 22px;
}

.health-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.health-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 86px;
  padding: 16px;
}

.health-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.health-metric.warning i {
  background: #fff2d8;
  color: #b77900;
}

.health-metric.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.health-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.health-metric h4 {
  color: #17262b;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.health-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) 380px;
}

.health-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.health-panel-head {
  align-items: flex-start;
  padding-bottom: 12px;
}

.health-panel-head .header-top,
.health-panel-head {
  gap: 12px;
}

.health-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.health-panel-head h5 i {
  color: #05736d;
}

.health-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

.health-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.health-actions .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  justify-content: center;
  min-height: 40px;
  white-space: nowrap;
}

.health-score-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1fr);
}

.health-score-card {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  display: grid;
  gap: 18px;
  grid-template-columns: 132px minmax(0, 1fr);
  min-height: 180px;
  padding: 16px;
}

.health-score-ring {
  align-items: center;
  background:
    radial-gradient(circle at center, #fff 0 58%, transparent 59%),
    conic-gradient(#05736d calc(var(--score) * 1%), #e2ecec 0);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 132px;
  justify-content: center;
  width: 132px;
}

.health-score-card.warning .health-score-ring {
  background:
    radial-gradient(circle at center, #fff 0 58%, transparent 59%),
    conic-gradient(#b77900 calc(var(--score) * 1%), #f1e8d8 0);
}

.health-score-card.danger .health-score-ring {
  background:
    radial-gradient(circle at center, #fff 0 58%, transparent 59%),
    conic-gradient(#dc2626 calc(var(--score) * 1%), #f4dedb 0);
}

.health-score-ring strong {
  color: #17262b;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

.health-score-ring span {
  color: #8996a6;
  font-size: 12px;
  margin-top: 4px;
}

.health-score-card p {
  color: #52636b;
  font-size: 13px;
  line-height: 1.45;
  margin: 10px 0 0;
}

.health-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  gap: 6px;
  justify-content: center;
  line-height: 1;
  min-height: 28px;
  padding: 8px 11px;
  text-transform: capitalize;
  white-space: nowrap;
}

.health-status-pill.success {
  background: #dff6ea;
  color: #07844e;
}

.health-status-pill.warning {
  background: #fff2d8;
  color: #b77900;
}

.health-status-pill.danger {
  background: #ffe8e5;
  color: #dc2626;
}

.health-notes-list {
  display: grid;
  gap: 10px;
}

.health-note-card {
  align-items: flex-start;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 34px minmax(0, 1fr);
  padding: 12px;
}

.health-note-card i {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.health-note-card.success i {
  background: #dff6ea;
  color: #07844e;
}

.health-note-card.warning i {
  background: #fff2d8;
  color: #b77900;
}

.health-note-card.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.health-note-card span {
  color: #253b40;
  font-size: 13px;
  line-height: 1.4;
}

.health-business-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.health-business-card {
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  padding: 12px;
}

.health-business-card i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  margin-bottom: 10px;
  width: 34px;
}

.health-business-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.health-business-card strong {
  color: #17262b;
  display: block;
  font-size: 21px;
  font-weight: 900;
}

.health-reports-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.health-reports-table {
  margin-bottom: 0;
  min-width: 920px;
}

.health-live-list {
  display: grid;
  gap: 10px;
}

.health-live-card {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 11px;
}

.health-live-card i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.health-live-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
}

.health-live-card strong {
  color: #17262b;
  display: block;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.health-sidebar {
  position: sticky;
  top: 92px;
}

.health-pagination {
  margin-top: 14px;
}

.health-pagination nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.health-pagination .pagination {
  margin-bottom: 0;
}

.operations-hero,
.operations-backup-mobile-list {
  display: none;
}

.operations-page {
  padding-bottom: 22px;
}

.operations-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.operations-metric {
  align-items: center;
  background: #fff;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 86px;
  padding: 16px;
}

.operations-metric i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  min-width: 44px;
  width: 44px;
}

.operations-metric.warning i {
  background: #fff2d8;
  color: #b77900;
}

.operations-metric.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.operations-metric span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.operations-metric h4 {
  color: #17262b;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}

.operations-layout {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: 360px minmax(0, 1fr);
}

.operations-sidebar {
  position: sticky;
  top: 92px;
}

.operations-panel {
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  margin-bottom: 18px;
}

.operations-panel-head {
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
}

.operations-panel-head h5 {
  align-items: center;
  color: #17262b;
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 4px;
}

.operations-panel-head h5 i {
  color: #05736d;
}

.operations-panel-head span {
  color: #8996a6;
  font-size: 13px;
}

.operations-action-list,
.operations-health-list {
  display: grid;
  gap: 10px;
}

.operations-action-card {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  color: inherit;
  display: grid;
  gap: 10px;
  grid-template-columns: 42px minmax(0, 1fr);
  min-height: 70px;
  padding: 12px;
  text-align: left;
  width: 100%;
}

.operations-action-card:hover {
  border-color: #b9dcda;
}

.operations-action-card i,
.operations-health-card i,
.operations-file-cell > i,
.operations-queue-card i {
  align-items: center;
  background: #e7f2f1;
  border-radius: 8px;
  color: #05736d;
  display: inline-flex;
  justify-content: center;
}

.operations-action-card i {
  height: 42px;
  width: 42px;
}

.operations-action-card.is-warning i {
  background: #fff2d8;
  color: #b77900;
}

.operations-action-card strong {
  color: #17262b;
  display: block;
  font-size: 13px;
  font-weight: 900;
}

.operations-action-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.operations-health-card {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #edf1f1;
  border-radius: 8px;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  padding: 11px;
}

.operations-health-card i {
  height: 38px;
  width: 38px;
}

.operations-health-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 2px;
}

.operations-health-card strong {
  color: #17262b;
  display: block;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.operations-latest-pill {
  align-items: center;
  background: #e7f2f1;
  border-radius: 999px;
  color: #05736d !important;
  display: inline-flex;
  font-size: 12px !important;
  font-weight: 900;
  gap: 6px;
  line-height: 1;
  margin-left: auto;
  min-height: 30px;
  padding: 8px 11px;
  white-space: nowrap;
}

.operations-backup-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.operations-backup-table {
  margin-bottom: 0;
  min-width: 980px;
}

.operations-file-cell {
  align-items: flex-start;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(240px, 1fr);
}

.operations-file-cell > i {
  height: 38px;
  width: 38px;
}

.operations-file-cell strong {
  color: #17262b;
  display: block;
  font-weight: 900;
  margin-bottom: 3px;
}

.operations-file-cell span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.operations-status-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  min-height: 28px;
  padding: 8px 11px;
  white-space: nowrap;
}

.operations-status-pill.success {
  background: #dff6ea;
  color: #07844e;
}

.operations-status-pill.warning {
  background: #fff2d8;
  color: #b77900;
}

.operations-queue-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operations-queue-card {
  align-items: center;
  background: #fff;
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(22, 38, 43, 0.05);
  display: flex;
  gap: 12px;
  min-height: 88px;
  padding: 16px;
}

.operations-queue-card i {
  height: 44px;
  min-width: 44px;
  width: 44px;
}

.operations-queue-card.danger i {
  background: #ffe8e5;
  color: #dc2626;
}

.operations-queue-card span {
  color: #8996a6;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.operations-queue-card strong {
  color: #17262b;
  display: block;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 1399.98px) {
  .calls-metrics,
  .emails-metrics,
  .notes-metrics,
  .attachments-metrics,
  .notifications-metrics,
  .proposals-metrics,
  .invoices-metrics,
  .revenue-metrics,
  .reports-metrics,
  .importexport-metrics,
  .activity-metrics,
  .deletion-metrics,
  .teams-metrics,
  .users-metrics,
  .userprofile-metrics,
  .loginhistory-metrics,
  .roles-metrics,
  .fields-metrics,
  .security-metrics,
  .settings-metrics,
  .health-metrics,
  .operations-metrics,
  .followups-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .revenue-summary-grid,
  .reports-management-grid,
  .importexport-action-grid,
  .importexport-history-grid {
    grid-template-columns: 1fr;
  }

  .fields-create-main {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .security-filter-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .security-grid {
    grid-template-columns: 1fr;
  }

  .settings-layout {
    grid-template-columns: 1fr;
  }

  .settings-sidebar {
    position: static;
  }

  .health-layout {
    grid-template-columns: 1fr;
  }

  .health-sidebar {
    position: static;
  }

  .operations-layout {
    grid-template-columns: 1fr;
  }

  .operations-sidebar {
    position: static;
  }
}

@media (max-width: 991.98px) {
  .calls-metrics,
  .emails-metrics,
  .notes-metrics,
  .attachments-metrics,
  .notifications-metrics,
  .proposals-metrics,
  .invoices-metrics,
  .revenue-metrics,
  .reports-metrics,
  .importexport-metrics,
  .activity-metrics,
  .deletion-metrics,
  .teams-metrics,
  .users-metrics,
  .userprofile-metrics,
  .loginhistory-metrics,
  .roles-metrics,
  .fields-metrics,
  .security-metrics,
  .settings-metrics,
  .health-metrics,
  .operations-metrics,
  .followups-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .taxonomy-summary {
    grid-template-columns: 1fr;
  }

  .revenue-filter-form,
  .reports-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reports-schedule-form {
    grid-template-columns: 1fr 1fr;
  }

  .deletion-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teams-create-form,
  .teams-merge-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teamcompare-team-grid,
  .teamcompare-agent-grid {
    grid-template-columns: 1fr;
  }

  .teamcompare-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .users-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roles-create-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fields-create-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .security-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-grid {
    grid-template-columns: 1fr;
  }

  .health-score-grid,
  .health-score-card {
    grid-template-columns: 1fr;
  }

  .health-business-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .userprofile-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1199.98px) {
  .assignment-transfer-bar {
    grid-template-columns: 1fr 1fr;
  }

  .assignment-transfer-bar .btn,
  .assignment-transfer-bar input[name="reason"] {
    grid-column: span 2;
  }
}

@media (max-width: 1399.98px) {
  .pipeline-board {
    grid-template-columns: repeat(5, 280px);
    overflow-x: auto;
    padding-bottom: 8px;
  }
}

@media (max-width: 767.98px) {
  .pipeline-toolbar .header-top {
    gap: 12px;
  }

  .pipeline-toolbar .header-top .btn {
    flex: 0 0 auto;
  }

  .pipeline-board {
    grid-template-columns: minmax(0, 1fr);
    overflow-x: visible;
  }

  .pipeline-column-body {
    max-height: none;
  }

  .assignment-hero {
    align-items: center;
    background: #05736d;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(5, 115, 109, 0.22);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: -10px -12px 14px;
    min-height: 104px;
    padding: 18px 16px;
  }

  .assignment-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .assignment-hero h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
  }

  .assignment-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 240px;
  }

  .assignment-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 72px;
    padding: 10px;
    text-align: center;
  }

  .assignment-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 1;
  }

  .assignment-hero-metric span {
    margin: 5px 0 0;
  }

  .assignment-panel,
  .assignment-audit-card {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .assignment-panel > .card-header,
  .assignment-panel > .card-body,
  .assignment-audit-card > .card-header,
  .assignment-audit-card > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .assignment-filter,
  .assignment-transfer-bar {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.06);
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
  }

  .assignment-transfer-bar {
    grid-template-columns: 1fr;
  }

  .assignment-transfer-bar .btn,
  .assignment-transfer-bar input[name="reason"] {
    grid-column: auto;
  }

  .assignment-table-wrap {
    display: none;
  }

  .assignment-mobile-list {
    display: grid;
    gap: 12px;
  }

  .assignment-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.07);
    padding: 14px;
  }

  .assignment-mobile-top {
    align-items: flex-start;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  .assignment-mobile-check {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    margin: 0;
  }

  .assignment-mobile-check input {
    height: 18px;
    width: 18px;
  }

  .assignment-mobile-top a {
    color: #05736d;
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .assignment-mobile-top span:not(.lead-stage-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 3px;
  }

  .assignment-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
    padding: 10px;
  }

  .assignment-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
  }

  .assignment-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .assignment-open-btn {
    border-radius: 8px;
    font-weight: 800;
    margin-top: 12px;
    min-height: 42px;
    width: 100%;
  }

  .assignment-audit-card {
    margin-top: 14px;
  }

  .assignment-audit-card .table-responsive {
    border-radius: 8px;
    overflow-x: auto;
  }

  .assignment-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .assignment-pagination nav {
    display: block;
    margin-top: 0;
  }

  .assignment-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .assignment-pagination .pagination {
    justify-content: center;
  }

  .followups-hero {
    align-items: center;
    background: #05736d;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(5, 115, 109, 0.22);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: -10px -12px 14px;
    min-height: 104px;
    padding: 18px 16px;
  }

  .followups-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .followups-hero h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
  }

  .followups-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 230px;
  }

  .followups-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 72px;
    padding: 10px;
    text-align: center;
  }

  .followups-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 1;
  }

  .followups-hero-metric span {
    margin: 5px 0 0;
  }

  .followups-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 14px;
  }

  .followups-metric {
    min-height: 82px;
    padding: 12px;
  }

  .followups-metric h4 {
    font-size: 22px;
  }

  .followups-metric .fa {
    height: 36px;
    width: 36px;
  }

  .followups-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .followups-panel > .card-header,
  .followups-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .followups-filter {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.06);
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
  }

  .followups-table-wrap {
    display: none;
  }

  .followups-mobile-list {
    display: grid;
    gap: 12px;
  }

  .followup-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.07);
    padding: 14px;
  }

  .followup-mobile-card.is-overdue {
    border-color: #ffd1d1;
  }

  .followup-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .followup-mobile-top a {
    color: #05736d;
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .followup-mobile-top span:not(.followup-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 3px;
  }

  .followup-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
    padding: 10px;
  }

  .followup-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
  }

  .followup-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .followup-note {
    color: #5f6f7b;
    font-size: 13px;
    margin: 10px 0 0;
  }

  .followup-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
  }

  .followup-mobile-actions .btn,
  .followup-mobile-actions form,
  .followup-mobile-actions form .btn {
    width: 100%;
  }

  .followup-mobile-actions .btn {
    border-radius: 8px;
    font-weight: 800;
    min-height: 40px;
  }

  .followup-reschedule {
    grid-template-columns: minmax(0, 1fr) 42px;
    margin-top: 10px;
  }

  .followups-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .followups-pagination nav {
    display: block;
    margin-top: 0;
  }

  .followups-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .followups-pagination .pagination {
    justify-content: center;
  }

  .tasks-hero {
    align-items: center;
    background: #05736d;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(5, 115, 109, 0.22);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: -10px -12px 14px;
    min-height: 104px;
    padding: 18px 16px;
  }

  .tasks-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .tasks-hero h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
  }

  .tasks-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 230px;
  }

  .tasks-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 72px;
    padding: 10px;
    text-align: center;
  }

  .tasks-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 1;
  }

  .tasks-hero-metric span {
    margin: 5px 0 0;
  }

  .tasks-create-card,
  .tasks-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .tasks-create-card > .card-header,
  .tasks-create-card > .card-body,
  .tasks-panel > .card-header,
  .tasks-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .tasks-create-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.06);
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
  }

  .tasks-table-wrap {
    display: none;
  }

  .tasks-mobile-list {
    display: grid;
    gap: 12px;
  }

  .task-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.07);
    padding: 14px;
  }

  .task-mobile-card.priority-high,
  .task-mobile-card.priority-urgent {
    border-color: #ffd1d1;
  }

  .task-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .task-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .task-mobile-top span:not(.task-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 3px;
  }

  .task-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
    padding: 10px;
  }

  .task-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
  }

  .task-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .task-mobile-bottom {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 12px;
  }

  .task-mobile-bottom .btn,
  .task-mobile-bottom form,
  .task-mobile-bottom form .btn {
    width: 100%;
  }

  .task-mobile-bottom .btn {
    border-radius: 8px;
    font-weight: 800;
    min-height: 40px;
  }

  .tasks-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .tasks-pagination nav {
    display: block;
    margin-top: 0;
  }

  .tasks-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .tasks-pagination .pagination {
    justify-content: center;
  }
}

@media (min-width: 481px) {
  .leads-mobile-hero,
  .leads-mobile-list {
    display: none !important;
  }

  .leads-panel {
    background: #fff !important;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(22, 38, 43, 0.05);
  }

  .leads-table-wrap {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .leads-filter,
  .leads-bulk {
    align-items: center;
  }

  .leads-filter .form-control,
  .leads-filter .form-select,
  .leads-bulk .form-select,
  .leads-filter .btn,
  .leads-bulk .btn {
    min-height: 42px;
  }

  .leads-table-wrap {
    border-radius: 8px;
    overflow-x: auto;
  }

  .leads-table-wrap .crm-table {
    margin-bottom: 0;
    min-width: 1220px;
  }

  .leads-table-wrap .crm-table th,
  .leads-table-wrap .crm-table td {
    padding-left: 12px;
    padding-right: 12px;
  }

  .leads-table-wrap .crm-table td {
    height: 70px;
  }

  .leads-table-wrap .lead-tags-cell {
    min-height: 70px;
  }

  .leads-table-wrap .lead-tags-cell .lead-tag-chip {
    margin: 0;
  }

  .leads-table-wrap .crm-table tbody tr:hover {
    background: #f5fbfa;
  }

  .leads-table-wrap .action-cell {
    min-width: 116px;
  }

  .leads-table-wrap .action-cell .btn {
    min-width: 42px;
  }
}

@media (min-width: 1200px) {
  .leads-table-wrap .crm-table {
    min-width: 100%;
  }
}

@media (max-width: 1199.98px) {
  .page-wrapper .page-header .header-wrapper {
    gap: 10px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .page-wrapper .page-header .header-wrapper .left-header h4 {
    font-size: 18px;
    max-width: 280px;
  }

  .page-wrapper .page-header .header-wrapper .search-form {
    width: 230px;
  }

  .page-wrapper .page-header .header-wrapper .profile-media .flex-grow-1 {
    min-width: 96px;
  }
}

@media (max-width: 991.98px) {
  .docs-grid,
  .docs-grid-balanced {
    grid-template-columns: 1fr;
  }

  .docs-hero {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .importdetail-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .importdetail-hero,
  .importdetail-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 575.98px) {
  .docs-hero {
    padding: 22px;
  }

  .docs-hero h5 {
    font-size: 23px;
  }

  .docs-hero .btn {
    width: 100%;
  }

  .docs-hero-actions {
    width: 100%;
  }

  .docs-hero-actions .btn {
    flex: 1 1 100%;
  }

  .docs-nav-card a {
    flex: 1 1 calc(50% - 10px);
    justify-content: center;
  }

  .docs-table {
    min-width: 640px;
  }

  .importdetail-hero {
    padding: 22px;
  }

  .importdetail-actions,
  .importdetail-actions .btn,
  .importdetail-panel-head .btn {
    width: 100%;
  }

  .importdetail-metrics {
    grid-template-columns: 1fr;
  }

  .importdetail-table-wrap {
    display: none;
  }

  .importdetail-mobile-list {
    display: grid;
    gap: 14px;
  }

  .importdetail-mobile-card {
    background: #fff;
    border: 1px solid #e2eceb;
    border-radius: 8px;
    padding: 16px;
  }

  .importdetail-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
  }

  .importdetail-mobile-top strong {
    color: #006b66;
    display: block;
    font-size: 16px;
  }

  .importdetail-mobile-top span:not(.importdetail-stage-pill) {
    color: #8a96a8;
    display: block;
    font-size: 13px;
    margin-top: 4px;
  }

  .importdetail-mobile-meta {
    display: grid;
    gap: 10px;
    margin: 14px 0;
  }

  .importdetail-mobile-meta div {
    background: #f7fbfb;
    border-radius: 8px;
    padding: 10px;
  }

  .importdetail-mobile-meta small {
    color: #8a96a8;
    display: block;
  }

  .importdetail-mobile-meta strong {
    color: #1f3444;
    display: block;
    margin-top: 3px;
  }
}

@media (max-width: 420px) {
  .docs-nav-card a {
    flex-basis: 100%;
  }
}

@media (max-width: 480.98px) {
  body {
    background: #f3f7f7;
  }

  .page-wrapper.compact-wrapper .page-header {
    border-bottom: 0;
    box-shadow: 0 8px 22px rgba(11, 82, 78, 0.08);
    left: 0;
    width: 100%;
  }

  .page-wrapper .page-header .header-wrapper {
    min-height: 64px;
    padding: 12px 14px;
  }

  .page-wrapper .page-header .header-wrapper .left-header h4 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0;
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .page-wrapper .page-header .header-wrapper .left-header img,
  .page-wrapper .page-header .header-wrapper .mode,
  .page-wrapper .page-header .header-wrapper .profile-media .flex-grow-1,
  .page-wrapper .page-header .header-wrapper .nav-menus > li:first-child {
    display: none !important;
  }

  .page-wrapper .page-header .header-wrapper .lms-doc-link {
    height: 36px;
    padding: 0 10px;
  }

  .page-wrapper .page-header .header-wrapper .lms-doc-link span {
    display: none;
  }

  .page-wrapper .page-header .header-wrapper .profile-media img {
    height: 34px;
    width: 34px;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: 0;
    padding-top: 72px;
  }

  .page-wrapper .page-body-wrapper .page-title {
    display: none;
  }

  .page-body > .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }

  .leads-app-page {
    padding-bottom: 74px;
  }

  .leads-mobile-hero {
    align-items: center;
    background: #05736d;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(5, 115, 109, 0.22);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: -10px -12px 14px;
    min-height: 92px;
    padding: 18px 16px;
  }

  .leads-mobile-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 5px;
  }

  .leads-mobile-hero h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
  }

  .leads-mobile-hero .btn {
    align-items: center;
    background: #ffc94a;
    border-color: #ffc94a;
    color: #073f3c;
    display: inline-flex;
    font-weight: 800;
    gap: 6px;
    min-height: 42px;
    padding: 9px 14px;
  }

  .leads-mobile-hero .btn svg {
    height: 16px;
    width: 16px;
  }

  .leads-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
  }

  .leads-panel > .card-header,
  .leads-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .leads-panel > .card-header {
    padding-top: 0;
  }

  .leads-panel-header {
    align-items: center;
  }

  .leads-panel-header h5 {
    font-size: 18px;
    margin-bottom: 0;
  }

  .leads-desktop-actions {
    display: none !important;
  }

  .leads-count {
    font-size: 12px;
  }

  .leads-filter,
  .leads-bulk {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.06);
    margin-left: 0;
    margin-right: 0;
    padding: 12px;
  }

  .leads-filter .col-md-2,
  .leads-filter .col-md-3,
  .leads-filter .col-lg-3,
  .leads-bulk .col-md-3 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .leads-filter > div,
  .leads-bulk > div {
    flex: 0 0 auto;
    width: 50%;
  }

  .leads-filter > div:first-child,
  .leads-bulk > div:first-child,
  .leads-bulk > div:last-child {
    width: 100%;
  }

  .leads-filter .form-control,
  .leads-filter .form-select,
  .leads-bulk .form-select,
  .leads-filter .btn,
  .leads-bulk .btn {
    border-radius: 8px;
    font-size: 14px;
    min-height: 44px;
  }

  .leads-filter .btn,
  .leads-bulk .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }

  .leads-table-wrap {
    display: none !important;
  }

  .leads-mobile-list {
    display: grid !important;
    gap: 12px;
  }

  .lead-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(20, 41, 43, 0.07);
    padding: 14px;
  }

  .lead-mobile-top {
    align-items: flex-start;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }

  .lead-mobile-check {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    margin: 0;
  }

  .lead-mobile-check input {
    height: 18px;
    width: 18px;
  }

  .lead-mobile-main {
    min-width: 0;
  }

  .lead-mobile-main a {
    color: #05736d;
    display: block;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .lead-mobile-main span {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 3px;
  }

  .lead-mobile-contact {
    color: #596676;
    display: grid;
    font-size: 13px;
    gap: 3px;
    margin: 11px 0;
    padding-left: 34px;
  }

  .lead-mobile-contact span {
    overflow-wrap: anywhere;
  }

  .lead-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 10px;
  }

  .lead-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
  }

  .lead-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .lead-mobile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 11px;
  }

  .lead-mobile-tags .badge {
    border-radius: 7px;
    font-size: 11px;
    padding: 6px 8px;
  }

  .lead-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
  }

  .lead-mobile-actions .btn,
  .lead-mobile-actions form,
  .lead-mobile-actions form .btn {
    width: 100%;
  }

  .lead-mobile-actions .btn {
    border-radius: 8px;
    font-weight: 800;
    min-height: 42px;
  }

  .leads-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .leads-pagination nav {
    display: block;
  }

  .leads-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .leads-pagination .pagination {
    justify-content: center;
  }

  .footer {
    display: none;
  }
}

@media (max-width: 360px) {
  .lead-mobile-top {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  .lead-stage-pill {
    grid-column: 2;
    justify-self: start;
  }

  .lead-mobile-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .page-wrapper.null.compact-wrapper .page-body-wrapper .page-body {
    margin: 72px 0 0 0 !important;
    width: 100% !important;
  }

  .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper,
  .page-wrapper.null.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    display: none !important;
  }

  .calls-page {
    padding-bottom: 18px;
  }

  .calls-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .calls-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .calls-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .calls-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .calls-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .calls-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .calls-hero-metric span {
    margin-top: 5px;
  }

  .calls-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .calls-metric {
    min-height: 82px;
    padding: 12px;
  }

  .calls-metric h4 {
    font-size: 20px;
  }

  .calls-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .calls-dialer-card,
  .calls-create-card,
  .calls-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .calls-dialer-card {
    margin-bottom: 14px;
  }

  .calls-dialer-head {
    align-items: flex-start;
    border-radius: 8px 8px 0 0;
    flex-direction: column;
    padding: 16px;
  }

  .calls-dialer-head h5 {
    font-size: 20px;
    line-height: 1.2;
  }

  .calls-dialer-count {
    width: 100%;
  }

  .calls-dialer-body {
    background: #fff;
    border-left: 1px solid #e6eeee;
    border-right: 1px solid #e6eeee;
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .calls-dialer-form {
    grid-template-columns: 1fr;
  }

  .calls-dialer-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .calls-dialer-status {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    padding: 12px 14px;
  }

  .calls-create-card > .card-header,
  .calls-create-card > .card-body,
  .calls-panel > .card-header,
  .calls-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .calls-create-form,
  .calls-filter {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin: 0 0 14px;
    padding: 12px;
  }

  .calls-table-wrap {
    display: none;
  }

  .calls-mobile-list {
    display: grid;
    gap: 12px;
  }

  .calls-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .calls-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .calls-mobile-top a,
  .calls-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .calls-mobile-top span:not(.calls-outcome-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .calls-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .calls-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .calls-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .calls-note {
    color: #5f6f7b;
    font-size: 13px;
    line-height: 1.45;
    margin: 10px 0 0;
  }

  .calls-mobile-recording {
    margin-top: 10px;
  }

  .calls-mobile-recording audio {
    width: 100%;
  }

  .calls-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .calls-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .calls-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .calls-pagination nav {
    display: block;
    margin-top: 0;
  }

  .calls-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .calls-pagination .pagination {
    justify-content: center;
  }

  .emails-page {
    padding-bottom: 18px;
  }

  .emails-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .emails-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .emails-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .emails-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .emails-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .emails-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .emails-hero-metric span {
    margin-top: 5px;
  }

  .emails-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .emails-metric {
    min-height: 82px;
    padding: 12px;
  }

  .emails-metric h4 {
    font-size: 20px;
  }

  .emails-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .emails-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .emails-panel > .card-header,
  .emails-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .emails-filter {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin: 0 0 14px;
    padding: 12px;
  }

  .emails-table-wrap {
    display: none;
  }

  .emails-mobile-list {
    display: grid;
    gap: 12px;
  }

  .emails-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .emails-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .emails-mobile-top a,
  .emails-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .emails-mobile-top span:not(.emails-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .emails-message-preview {
    border: 1px solid #edf1f1;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px;
  }

  .emails-message-preview small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
    overflow-wrap: anywhere;
  }

  .emails-message-preview strong {
    color: #17262b;
    display: block;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .emails-message-preview p {
    color: #5f6f7b;
    font-size: 12px;
    line-height: 1.45;
    margin: 6px 0 0;
  }

  .emails-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .emails-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .emails-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .emails-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .emails-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .emails-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .emails-pagination nav {
    display: block;
    margin-top: 0;
  }

  .emails-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .emails-pagination .pagination {
    justify-content: center;
  }

  .notes-page {
    padding-bottom: 18px;
  }

  .notes-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .notes-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .notes-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .notes-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .notes-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .notes-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .notes-hero-metric span {
    margin-top: 5px;
  }

  .notes-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .notes-metric {
    min-height: 82px;
    padding: 12px;
  }

  .notes-metric h4 {
    font-size: 20px;
  }

  .notes-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .notes-create-card,
  .notes-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .notes-create-card > .card-header,
  .notes-create-card > .card-body,
  .notes-panel > .card-header,
  .notes-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .notes-create-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin: 0;
    padding: 12px;
  }

  .notes-table-wrap {
    display: none;
  }

  .notes-mobile-list {
    display: grid;
    gap: 12px;
  }

  .notes-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .notes-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .notes-mobile-top a,
  .notes-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .notes-mobile-top span:not(.notes-visibility-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .notes-message {
    background: #f7fbfb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 11px;
  }

  .notes-message .fa {
    color: #9cb5b3;
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
  }

  .notes-message p {
    color: #24383d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    overflow-wrap: anywhere;
  }

  .notes-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .notes-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .notes-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .notes-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .notes-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .notes-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .notes-pagination nav {
    display: block;
    margin-top: 0;
  }

  .notes-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .notes-pagination .pagination {
    justify-content: center;
  }

  .attachments-page {
    padding-bottom: 18px;
  }

  .attachments-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .attachments-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .attachments-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .attachments-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .attachments-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 64px;
    padding: 9px;
    text-align: center;
  }

  .attachments-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1;
  }

  .attachments-hero-metric span {
    margin-top: 5px;
  }

  .attachments-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .attachments-metric {
    min-height: 82px;
    padding: 12px;
  }

  .attachments-metric h4 {
    font-size: 20px;
  }

  .attachments-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .attachments-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .attachments-panel > .card-header,
  .attachments-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .attachments-filter {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin: 0 0 14px;
    padding: 12px;
  }

  .attachments-table-wrap {
    display: none;
  }

  .attachments-mobile-list {
    display: grid;
    gap: 12px;
  }

  .attachments-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .attachments-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .attachments-mobile-file {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    min-width: 0;
  }

  .attachments-mobile-file strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .attachments-mobile-file span:not(.attachments-file-icon) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .attachments-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .attachments-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .attachments-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .attachments-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .attachments-mobile-actions .btn,
  .attachments-mobile-actions form,
  .attachments-mobile-actions form .btn {
    width: 100%;
  }

  .attachments-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
  }

  .attachments-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .attachments-pagination nav {
    display: block;
    margin-top: 0;
  }

  .attachments-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .attachments-pagination .pagination {
    justify-content: center;
  }

  .notifications-page {
    padding-bottom: 18px;
  }

  .notifications-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .notifications-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .notifications-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .notifications-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .notifications-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .notifications-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .notifications-hero-metric span {
    margin-top: 5px;
  }

  .notifications-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .notifications-metric {
    min-height: 82px;
    padding: 12px;
  }

  .notifications-metric h4 {
    font-size: 20px;
  }

  .notifications-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .notifications-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .notifications-panel > .card-header,
  .notifications-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .notifications-panel-head .header-top {
    align-items: flex-start;
    gap: 10px;
  }

  .notifications-panel-head form,
  .notifications-panel-head .btn {
    width: 100%;
  }

  .notifications-panel-head .btn {
    justify-content: center;
  }

  .notifications-table-wrap {
    display: none;
  }

  .notifications-mobile-list {
    display: grid;
    gap: 12px;
  }

  .notifications-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .notifications-mobile-card.is-unread {
    border-color: #f5d792;
  }

  .notifications-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .notifications-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .notifications-mobile-top span:not(.notifications-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .notifications-message {
    background: #f7fbfb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    color: #24383d;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 10px;
    overflow-wrap: anywhere;
    padding: 11px;
  }

  .notifications-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .notifications-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .notifications-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .notifications-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .notifications-mobile-actions .btn,
  .notifications-mobile-actions form,
  .notifications-mobile-actions form .btn {
    width: 100%;
  }

  .notifications-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
  }

  .notifications-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .notifications-pagination nav {
    display: block;
    margin-top: 0;
  }

  .notifications-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .notifications-pagination .pagination {
    justify-content: center;
  }

  .proposals-page {
    padding-bottom: 18px;
  }

  .proposals-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .proposals-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .proposals-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .proposals-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .proposals-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .proposals-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .proposals-hero-metric span {
    margin-top: 5px;
  }

  .proposals-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .proposals-metric {
    min-height: 82px;
    padding: 12px;
  }

  .proposals-metric h4 {
    font-size: 20px;
  }

  .proposals-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .proposals-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .proposals-panel > .card-header,
  .proposals-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .proposals-table-wrap {
    display: none;
  }

  .proposals-mobile-list {
    display: grid;
    gap: 12px;
  }

  .proposals-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .proposals-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .proposals-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .proposals-mobile-top span:not(.proposals-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .proposals-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .proposals-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .proposals-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .proposals-mobile-status {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 92px;
    margin-top: 10px;
  }

  .proposals-mobile-status .form-select,
  .proposals-mobile-status .btn {
    border-radius: 8px;
    min-height: 42px;
  }

  .proposals-mobile-status .btn {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 7px;
    justify-content: center;
  }

  .proposals-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .proposals-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .proposals-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .proposals-pagination nav {
    display: block;
    margin-top: 0;
  }

  .proposals-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .proposals-pagination .pagination {
    justify-content: center;
  }

  .invoices-page {
    padding-bottom: 18px;
  }

  .invoices-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .invoices-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .invoices-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .invoices-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .invoices-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .invoices-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .invoices-hero-metric span {
    margin-top: 5px;
  }

  .invoices-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .invoices-metric {
    min-height: 82px;
    padding: 12px;
  }

  .invoices-metric h4 {
    font-size: 20px;
  }

  .invoices-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .invoices-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .invoices-panel > .card-header,
  .invoices-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .invoices-table-wrap {
    display: none;
  }

  .invoices-mobile-list {
    display: grid;
    gap: 12px;
  }

  .invoices-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .invoices-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .invoices-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .invoices-mobile-top span:not(.invoices-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .invoices-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .invoices-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .invoices-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .invoices-mobile-status {
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) 92px;
    margin-top: 10px;
  }

  .invoices-mobile-status .form-select,
  .invoices-mobile-status .btn {
    border-radius: 8px;
    min-height: 42px;
  }

  .invoices-mobile-status .btn {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 7px;
    justify-content: center;
  }

  .invoices-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 12px;
  }

  .invoices-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .invoices-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .invoices-pagination nav {
    display: block;
    margin-top: 0;
  }

  .invoices-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .invoices-pagination .pagination {
    justify-content: center;
  }

  .revenue-page {
    padding-bottom: 18px;
  }

  .revenue-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .revenue-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .revenue-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .revenue-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .revenue-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 92px;
    padding: 9px;
    text-align: center;
  }

  .revenue-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1.2;
  }

  .revenue-hero-metric span {
    margin-top: 5px;
  }

  .revenue-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .revenue-metric {
    min-height: 82px;
    padding: 12px;
  }

  .revenue-metric h4 {
    font-size: 18px;
  }

  .revenue-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .revenue-filter-card,
  .revenue-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .revenue-filter-card > .card-header,
  .revenue-filter-card > .card-body,
  .revenue-panel > .card-header,
  .revenue-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .revenue-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .revenue-panel-head .btn {
    width: 100%;
  }

  .revenue-filter-form {
    grid-template-columns: 1fr;
  }

  .revenue-summary-grid {
    gap: 14px;
    grid-template-columns: 1fr;
  }

  .revenue-summary-table-wrap,
  .revenue-register-table-wrap {
    display: none;
  }

  .revenue-mobile-list,
  .revenue-register-mobile-list {
    display: grid;
    gap: 12px;
  }

  .revenue-small-card,
  .revenue-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .revenue-small-card > strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
  }

  .revenue-small-card div {
    align-items: center;
    border-top: 1px solid #edf1f1;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
  }

  .revenue-small-card div:last-child {
    padding-bottom: 0;
  }

  .revenue-small-card span {
    color: #8b98a8;
    font-size: 12px;
  }

  .revenue-small-card b {
    color: #1f3135;
    font-size: 13px;
    overflow-wrap: anywhere;
    text-align: right;
  }

  .revenue-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .revenue-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .revenue-mobile-top span:not(.revenue-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .revenue-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .revenue-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .revenue-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .revenue-mobile-foot {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 12px;
  }

  .revenue-mobile-foot span {
    color: #6e7b88;
    font-size: 12px;
    overflow-wrap: anywhere;
  }

  .revenue-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .revenue-pagination nav {
    display: block;
    margin-top: 0;
  }

  .revenue-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .revenue-pagination .pagination {
    justify-content: center;
  }

  .reports-page {
    padding-bottom: 18px;
  }

  .reports-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .reports-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .reports-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .reports-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .reports-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 72px;
    padding: 9px;
    text-align: center;
  }

  .reports-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .reports-hero-metric span {
    margin-top: 5px;
  }

  .reports-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .reports-metric {
    min-height: 82px;
    padding: 12px;
  }

  .reports-metric h4 {
    font-size: 18px;
  }

  .reports-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .reports-filter-card,
  .reports-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .reports-filter-card > .card-header,
  .reports-filter-card > .card-body,
  .reports-panel > .card-header,
  .reports-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .reports-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .reports-panel-head .btn {
    width: 100%;
  }

  .reports-filter-form,
  .reports-management-grid {
    grid-template-columns: 1fr;
  }

  .reports-saved-table-wrap,
  .reports-results-table-wrap {
    display: none;
  }

  .reports-saved-mobile-list,
  .reports-results-mobile-list {
    display: grid;
    gap: 12px;
  }

  .reports-saved-mobile-card,
  .reports-result-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .reports-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .reports-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .reports-mobile-top span:not(.reports-status-pill):not(.reports-stage-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .reports-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
    padding: 10px;
  }

  .reports-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .reports-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .reports-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    margin-top: 12px;
  }

  .reports-mobile-actions .btn,
  .reports-mobile-schedule-form .btn,
  .reports-result-foot .lead-action-btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .reports-mobile-actions form {
    margin: 0;
  }

  .reports-mobile-schedule {
    margin-top: 12px;
  }

  .reports-mobile-schedule-form {
    display: grid;
    gap: 8px;
  }

  .reports-tag-stack {
    margin-bottom: 10px;
  }

  .reports-result-foot {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
  }

  .reports-result-foot .lead-action-btn {
    max-width: 52px;
  }

  .reports-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .reports-pagination nav {
    display: block;
    margin-top: 0;
  }

  .reports-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .reports-pagination .pagination {
    justify-content: center;
  }

  .importexport-page {
    padding-bottom: 18px;
  }

  .importexport-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .importexport-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .importexport-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .importexport-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .importexport-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 64px;
    padding: 9px;
    text-align: center;
  }

  .importexport-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .importexport-hero-metric span {
    margin-top: 5px;
  }

  .importexport-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .importexport-metric {
    min-height: 82px;
    padding: 12px;
  }

  .importexport-metric h4 {
    font-size: 18px;
  }

  .importexport-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .importexport-action-grid,
  .importexport-history-grid,
  .importexport-form-grid {
    grid-template-columns: 1fr;
  }

  .importexport-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .importexport-panel > .card-header,
  .importexport-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .importexport-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .importexport-table-wrap {
    display: none;
  }

  .importexport-mobile-list {
    display: grid;
    gap: 12px;
  }

  .importexport-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .importexport-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .importexport-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .importexport-mobile-top span:not(.importexport-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .importexport-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .importexport-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .importexport-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .importexport-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin-top: 12px;
  }

  .importexport-mobile-actions .btn {
    width: 100%;
  }

  .activity-page {
    padding-bottom: 18px;
  }

  .activity-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .activity-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .activity-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .activity-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .activity-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 70px;
    padding: 9px;
    text-align: center;
  }

  .activity-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .activity-hero-metric span {
    margin-top: 5px;
  }

  .activity-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .activity-metric {
    min-height: 82px;
    padding: 12px;
  }

  .activity-metric h4 {
    font-size: 18px;
  }

  .activity-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .activity-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .activity-panel > .card-header,
  .activity-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .activity-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .activity-table-wrap {
    display: none;
  }

  .activity-mobile-list {
    display: grid;
    gap: 12px;
  }

  .activity-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .activity-mobile-top {
    align-items: flex-start;
    display: grid;
    gap: 10px;
    grid-template-columns: 42px minmax(0, 1fr);
    margin-bottom: 10px;
  }

  .activity-mobile-icon {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 16px;
    height: 42px;
    justify-content: center;
    width: 42px;
  }

  .activity-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
    text-transform: capitalize;
  }

  .activity-mobile-top span {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .activity-mobile-card p {
    color: #31444a;
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
  }

  .activity-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .activity-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .activity-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .activity-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .activity-pagination nav {
    display: block;
    margin-top: 0;
  }

  .activity-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .activity-pagination .pagination {
    justify-content: center;
  }

  .deletion-page {
    padding-bottom: 18px;
  }

  .deletion-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .deletion-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .deletion-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .deletion-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .deletion-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 70px;
    padding: 9px;
    text-align: center;
  }

  .deletion-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .deletion-hero-metric span {
    margin-top: 5px;
  }

  .deletion-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .deletion-metric {
    min-height: 82px;
    padding: 12px;
  }

  .deletion-metric h4 {
    font-size: 18px;
  }

  .deletion-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .deletion-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .deletion-panel > .card-header,
  .deletion-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .deletion-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .deletion-filter-form {
    grid-template-columns: 1fr;
  }

  .deletion-table-wrap {
    display: none;
  }

  .deletion-mobile-list {
    display: grid;
    gap: 12px;
  }

  .deletion-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .deletion-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .deletion-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .deletion-mobile-top span:not(.deletion-stage-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .deletion-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .deletion-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .deletion-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .deletion-mobile-actions {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }

  .deletion-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .deletion-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .deletion-pagination nav {
    display: block;
    margin-top: 0;
  }

  .deletion-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .deletion-pagination .pagination {
    justify-content: center;
  }

  .teams-page {
    padding-bottom: 18px;
  }

  .teams-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .teams-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .teams-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .teams-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .teams-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 64px;
    padding: 9px;
    text-align: center;
  }

  .teams-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .teams-hero-metric span {
    margin-top: 5px;
  }

  .teams-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .teams-metric {
    min-height: 82px;
    padding: 12px;
  }

  .teams-metric h4 {
    font-size: 18px;
  }

  .teams-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .teams-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .teams-panel > .card-header,
  .teams-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .teams-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .teams-panel-head .btn {
    width: 100%;
  }

  .teams-create-form,
  .teams-merge-form {
    grid-template-columns: 1fr;
  }

  .teams-merge-box {
    padding: 12px;
  }

  .teams-table-wrap,
  .teams-merge-table-wrap {
    display: none;
  }

  .teams-mobile-list,
  .teams-merge-mobile-list {
    display: grid;
    gap: 12px;
  }

  .teams-mobile-card,
  .teams-merge-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .teams-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .teams-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .teams-mobile-top span:not(.teams-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .teams-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .teams-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .teams-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .teams-mobile-actions {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }

  .teams-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .teamcompare-page {
    padding-bottom: 18px;
  }

  .teamcompare-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .teamcompare-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .teamcompare-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .teamcompare-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .teamcompare-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 64px;
    padding: 9px;
    text-align: center;
  }

  .teamcompare-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .teamcompare-hero-metric span {
    margin-top: 5px;
  }

  .teamcompare-panel,
  .teamcompare-team-card {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .teamcompare-panel > .card-header,
  .teamcompare-panel > .card-body,
  .teamcompare-team-card > .card-header,
  .teamcompare-team-card > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .teamcompare-panel-head,
  .teamcompare-team-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .teamcompare-panel-head .btn {
    width: 100%;
  }

  .teamcompare-filter-form,
  .teamcompare-team-grid,
  .teamcompare-agent-grid {
    grid-template-columns: 1fr;
  }

  .teamcompare-mini-grid {
    grid-template-columns: 1fr 1fr;
  }

  .teamcompare-mini-card {
    background: #fff;
    min-height: 86px;
  }

  .teamcompare-table-wrap,
  .teamcompare-agent-table-wrap {
    display: none;
  }

  .teamcompare-mobile-list,
  .teamcompare-agent-mobile-list {
    display: grid;
    gap: 12px;
  }

  .teamcompare-mobile-card,
  .teamcompare-agent-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .teamcompare-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .teamcompare-mobile-top strong {
    align-items: center;
    color: #05736d;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 8px;
    overflow-wrap: anywhere;
  }

  .teamcompare-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .teamcompare-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .teamcompare-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .teamcompare-agent-card > strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 10px;
    overflow-wrap: anywhere;
  }

  .users-page {
    padding-bottom: 18px;
  }

  .users-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .users-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .users-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .users-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .users-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 64px;
    padding: 9px;
    text-align: center;
  }

  .users-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .users-hero-metric span {
    margin-top: 5px;
  }

  .users-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .users-metric {
    min-height: 82px;
    padding: 12px;
  }

  .users-metric h4 {
    font-size: 18px;
  }

  .users-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .users-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .users-panel > .card-header,
  .users-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .users-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .users-panel-head .btn {
    width: 100%;
  }

  .users-create-form {
    grid-template-columns: 1fr;
  }

  .users-table-wrap {
    display: none;
  }

  .users-mobile-list {
    display: grid;
    gap: 12px;
  }

  .users-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .users-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .users-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .users-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .users-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .users-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin-top: 12px;
  }

  .users-mobile-actions .btn {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    width: 100%;
  }

  .userprofile-page {
    padding-bottom: 18px;
  }

  .userprofile-hero {
    border-radius: 8px;
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 16px;
  }

  .userprofile-avatar {
    font-size: 18px;
    height: 46px;
    width: 46px;
  }

  .userprofile-hero h5 {
    font-size: 22px;
  }

  .userprofile-hero .userprofile-status {
    grid-column: 1 / -1;
    justify-content: center;
    width: 100%;
  }

  .userprofile-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .userprofile-metric {
    min-height: 82px;
    padding: 12px;
  }

  .userprofile-metric h4 {
    font-size: 20px;
  }

  .userprofile-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .userprofile-layout {
    grid-template-columns: 1fr;
  }

  .userprofile-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .userprofile-panel > .card-header,
  .userprofile-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .userprofile-info-list > div,
  .userprofile-feed-item,
  .userprofile-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .userprofile-table-wrap {
    display: none;
  }

  .userprofile-mobile-list {
    display: grid;
    gap: 12px;
  }

  .userprofile-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .userprofile-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .userprofile-mobile-top span:not(.userprofile-stage-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .userprofile-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .userprofile-mobile-actions {
    display: grid;
    gap: 8px;
    margin-top: 12px;
  }

  .loginhistory-page {
    padding-bottom: 18px;
  }

  .loginhistory-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .loginhistory-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .loginhistory-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .loginhistory-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .loginhistory-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 72px;
    padding: 9px;
    text-align: center;
  }

  .loginhistory-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .loginhistory-hero-metric span {
    margin-top: 5px;
  }

  .loginhistory-metrics {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .loginhistory-metric {
    min-height: 82px;
    padding: 12px;
  }

  .loginhistory-metric h4 {
    font-size: 18px;
  }

  .loginhistory-metric .fa {
    height: 36px;
    min-width: 36px;
    width: 36px;
  }

  .loginhistory-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .loginhistory-panel > .card-header,
  .loginhistory-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .loginhistory-table-wrap {
    display: none;
  }

  .loginhistory-mobile-list {
    display: grid;
    gap: 12px;
  }

  .loginhistory-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .loginhistory-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .loginhistory-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .loginhistory-mobile-top span:not(.loginhistory-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .loginhistory-mobile-meta {
    background: #f4f8f8;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .loginhistory-mobile-meta small,
  .loginhistory-device-card small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .loginhistory-mobile-meta strong,
  .loginhistory-device-card strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .loginhistory-device-card {
    border-top: 1px solid #edf1f1;
    margin-top: 10px;
    padding-top: 10px;
  }

  .loginhistory-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .loginhistory-pagination nav {
    display: block;
    margin-top: 0;
  }

  .loginhistory-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .loginhistory-pagination .pagination {
    justify-content: center;
  }

  .roles-page {
    padding-bottom: 18px;
  }

  .roles-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .roles-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .roles-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .roles-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 230px;
  }

  .roles-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 66px;
    padding: 10px;
    text-align: center;
  }

  .roles-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .roles-hero-metric span {
    margin: 5px 0 0;
  }

  .roles-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .roles-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .roles-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .roles-metric span {
    font-size: 11px;
  }

  .roles-metric h4 {
    font-size: 21px;
  }

  .roles-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .roles-panel > .card-header,
  .roles-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .roles-panel-head h5 {
    font-size: 17px;
  }

  .roles-create-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .roles-create-form .btn {
    width: 100%;
  }

  .roles-matrix-wrap,
  .roles-directory-wrap {
    display: none;
  }

  .roles-mobile-permissions,
  .roles-directory-mobile-list {
    display: grid;
    gap: 12px;
  }

  .roles-mobile-role-card,
  .roles-directory-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .roles-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .roles-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .roles-mobile-top span:not(.roles-type-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .roles-mobile-group {
    border-top: 1px solid #edf1f1;
    padding: 10px 0;
  }

  .roles-mobile-group:last-child {
    padding-bottom: 0;
  }

  .roles-mobile-group h6 {
    color: #17262b;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .roles-mobile-permission {
    align-items: center;
    background: #f7fafb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 7px;
    padding: 10px;
  }

  .roles-mobile-permission:last-child {
    margin-bottom: 0;
  }

  .roles-mobile-permission > span:first-child {
    color: #253b40;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
  }

  .roles-save-bar {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .roles-save-bar .btn {
    width: 100%;
  }

  .roles-directory-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
  }

  .roles-directory-meta div {
    background: #f7fafb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    padding: 9px;
  }

  .roles-directory-meta div:last-child {
    grid-column: 1 / -1;
  }

  .roles-directory-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .roles-directory-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .roles-mobile-delete {
    display: grid;
    gap: 8px;
  }

  .roles-mobile-delete .form-select,
  .roles-mobile-delete .btn {
    border-radius: 8px;
    min-height: 42px;
  }

  .roles-protected {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    justify-content: center;
    padding: 10px;
    width: 100%;
  }

  .fields-page {
    padding-bottom: 18px;
  }

  .fields-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .fields-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .fields-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .fields-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 235px;
  }

  .fields-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 66px;
    padding: 10px;
    text-align: center;
  }

  .fields-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .fields-hero-metric span {
    margin: 5px 0 0;
  }

  .fields-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .fields-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .fields-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .fields-metric span {
    font-size: 11px;
  }

  .fields-metric h4 {
    font-size: 21px;
  }

  .fields-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .fields-panel > .card-header,
  .fields-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .fields-panel-head h5 {
    font-size: 17px;
  }

  .fields-create-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    padding: 12px;
  }

  .fields-create-main {
    grid-template-columns: 1fr;
  }

  .fields-create-main .btn {
    width: 100%;
  }

  .fields-role-picker {
    padding: 10px;
  }

  .fields-role-picker-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .fields-role-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fields-role-chip {
    border-radius: 8px;
    justify-content: flex-start;
    min-width: 0;
    white-space: normal;
  }

  .fields-table-wrap {
    display: none;
  }

  .fields-mobile-list {
    display: grid;
    gap: 12px;
  }

  .fields-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .fields-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
  }

  .fields-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .fields-mobile-top span:not(.fields-type-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .fields-mobile-edit {
    display: grid;
    gap: 9px;
  }

  .fields-mobile-edit .form-control,
  .fields-mobile-edit .form-select,
  .fields-mobile-edit .btn,
  .fields-mobile-delete .form-select,
  .fields-mobile-delete .btn {
    border-radius: 8px;
    min-height: 42px;
  }

  .fields-mobile-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fields-mobile-delete {
    border-top: 1px solid #edf1f1;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    padding-top: 12px;
  }

  .fields-mobile-delete .form-select {
    grid-column: 1 / -1;
  }

  .fields-type-pill {
    flex: 0 0 auto;
    max-width: 130px;
  }

  .security-page {
    padding-bottom: 18px;
  }

  .security-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .security-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .security-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .security-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 235px;
  }

  .security-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 66px;
    padding: 10px;
    text-align: center;
  }

  .security-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .security-hero-metric span {
    margin: 5px 0 0;
  }

  .security-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .security-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .security-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .security-metric span {
    font-size: 11px;
  }

  .security-metric h4 {
    font-size: 21px;
  }

  .security-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .security-panel > .card-header,
  .security-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .security-panel-head h5 {
    font-size: 17px;
  }

  .security-filter-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .security-grid {
    gap: 0;
    grid-template-columns: 1fr;
  }

  .security-alerts-wrap,
  .security-login-wrap {
    display: none;
  }

  .security-alert-mobile-list,
  .security-login-mobile-list {
    display: grid;
    gap: 12px;
  }

  .security-alert-card,
  .security-login-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .security-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .security-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .security-mobile-top span:not(.security-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .security-alert-card p {
    color: #53636c;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .security-mobile-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
  }

  .security-mobile-meta div {
    background: #f7fafb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    padding: 9px;
  }

  .security-mobile-meta div:last-child:nth-child(odd),
  .security-login-card .security-mobile-meta div:last-child {
    grid-column: 1 / -1;
  }

  .security-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .security-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .security-alert-card .btn {
    border-radius: 8px;
    min-height: 42px;
    width: 100%;
  }

  .security-reviewed {
    background: #e7f7ef;
    border: 1px solid #c9ecda;
    border-radius: 8px;
    justify-content: center;
    padding: 10px;
    width: 100%;
  }

  .security-ip-list {
    gap: 8px;
  }

  .security-ip-card,
  .security-ip-empty {
    background: #fff;
  }

  .security-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .security-pagination nav {
    display: block;
    margin-top: 0;
  }

  .security-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .security-pagination .pagination {
    justify-content: center;
  }

  .settings-page {
    padding-bottom: 18px;
  }

  .settings-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .settings-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .settings-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .settings-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 235px;
  }

  .settings-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 66px;
    padding: 10px;
    text-align: center;
  }

  .settings-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .settings-hero-metric span {
    margin: 5px 0 0;
  }

  .settings-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .settings-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .settings-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .settings-metric span {
    font-size: 11px;
  }

  .settings-metric h4 {
    font-size: 21px;
  }

  .settings-layout {
    gap: 0;
    grid-template-columns: 1fr;
  }

  .settings-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .settings-panel > .card-header,
  .settings-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .settings-panel-head h5 {
    font-size: 17px;
  }

  .settings-grid {
    grid-template-columns: 1fr;
  }

  .settings-field-card,
  .settings-health-card,
  .settings-action-card {
    background: #fff;
  }

  .settings-save-bar {
    bottom: 8px;
    justify-content: stretch;
    padding: 10px;
  }

  .settings-save-bar .btn {
    width: 100%;
  }

  .settings-sidebar {
    position: static;
  }

  .health-page {
    padding-bottom: 18px;
  }

  .health-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .health-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .health-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .health-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 235px;
  }

  .health-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 74px;
    padding: 10px;
    text-align: center;
  }

  .health-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .health-hero-metric span {
    margin: 5px 0 0;
  }

  .health-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .health-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .health-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .health-metric span {
    font-size: 11px;
  }

  .health-metric h4 {
    font-size: 21px;
  }

  .health-layout {
    gap: 0;
    grid-template-columns: 1fr;
  }

  .health-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .health-panel > .card-header,
  .health-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .health-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .health-panel-head h5 {
    font-size: 17px;
  }

  .health-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
    margin-left: 0;
    width: 100%;
  }

  .health-actions .btn,
  .health-actions form {
    width: 100%;
  }

  .health-score-grid,
  .health-score-card {
    grid-template-columns: 1fr;
  }

  .health-score-card,
  .health-note-card,
  .health-business-card,
  .health-live-card {
    background: #fff;
  }

  .health-score-ring {
    justify-self: center;
  }

  .health-business-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .health-reports-wrap {
    display: none;
  }

  .health-report-mobile-list {
    display: grid;
    gap: 12px;
  }

  .health-report-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .health-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .health-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .health-mobile-top span:not(.health-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .health-mobile-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .health-mobile-meta div {
    background: #f7fafb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    padding: 9px;
  }

  .health-mobile-meta div:last-child {
    grid-column: 1 / -1;
  }

  .health-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .health-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .health-sidebar {
    position: static;
  }

  .health-pagination {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin-top: 12px;
    padding: 10px;
  }

  .health-pagination nav {
    display: block;
    margin-top: 0;
  }

  .health-pagination nav > div:first-child {
    color: #6e7b88;
    font-size: 12px;
    margin-bottom: 8px;
    text-align: center;
  }

  .health-pagination .pagination {
    justify-content: center;
  }

  .operations-page {
    padding-bottom: 18px;
  }

  .operations-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 16px;
  }

  .operations-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 5px;
  }

  .operations-hero h5 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 0;
  }

  .operations-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 6px 0 0;
    max-width: 235px;
  }

  .operations-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 66px;
    padding: 10px;
    text-align: center;
  }

  .operations-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 23px;
    line-height: 1;
  }

  .operations-hero-metric span {
    margin: 5px 0 0;
  }

  .operations-metrics {
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
  }

  .operations-metric {
    align-items: flex-start;
    gap: 10px;
    min-height: 80px;
    padding: 12px;
  }

  .operations-metric i {
    height: 34px;
    min-width: 34px;
    width: 34px;
  }

  .operations-metric span {
    font-size: 11px;
  }

  .operations-metric h4 {
    font-size: 21px;
  }

  .operations-layout {
    gap: 0;
    grid-template-columns: 1fr;
  }

  .operations-sidebar {
    position: static;
  }

  .operations-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .operations-panel > .card-header,
  .operations-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .operations-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .operations-panel-head h5 {
    font-size: 17px;
  }

  .operations-action-card,
  .operations-health-card,
  .operations-queue-card {
    background: #fff;
  }

  .operations-backup-wrap {
    display: none;
  }

  .operations-backup-mobile-list {
    display: grid;
    gap: 12px;
  }

  .operations-backup-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .operations-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .operations-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .operations-mobile-top span:not(.operations-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
    overflow-wrap: anywhere;
  }

  .operations-mobile-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
  }

  .operations-mobile-meta div {
    background: #f7fafb;
    border: 1px solid #edf1f1;
    border-radius: 8px;
    padding: 9px;
  }

  .operations-mobile-meta div:last-child {
    grid-column: 1 / -1;
  }

  .operations-mobile-meta small {
    color: #8b98a8;
    display: block;
    font-size: 11px;
    margin-bottom: 2px;
  }

  .operations-mobile-meta strong {
    color: #1f3135;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .operations-backup-card .btn {
    border-radius: 8px;
    min-height: 42px;
    width: 100%;
  }

  .operations-queue-grid {
    grid-template-columns: 1fr;
  }

  .taxonomy-page {
    padding-bottom: 18px;
  }

  .taxonomy-hero {
    align-items: center;
    background: #05736d;
    border-radius: 8px;
    box-shadow: 0 14px 28px rgba(5, 115, 109, 0.18);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-bottom: 14px;
    padding: 16px;
  }

  .taxonomy-hero span {
    color: rgba(255, 255, 255, 0.72);
    display: block;
    font-size: 12px;
  }

  .taxonomy-hero h5 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 3px;
  }

  .taxonomy-hero p {
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
  }

  .taxonomy-hero-metric {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    min-width: 58px;
    padding: 9px;
    text-align: center;
  }

  .taxonomy-hero-metric strong {
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1;
  }

  .taxonomy-hero-metric span {
    margin-top: 5px;
  }

  .taxonomy-summary {
    gap: 10px;
  }

  .taxonomy-summary-card {
    padding: 12px;
  }

  .taxonomy-summary-card strong {
    font-size: 21px;
  }

  .taxonomy-create-card,
  .taxonomy-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .taxonomy-create-card > .card-header,
  .taxonomy-create-card > .card-body,
  .taxonomy-panel > .card-header,
  .taxonomy-panel > .card-body {
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .taxonomy-create-form {
    background: #fff;
    border: 1px solid #e6eeee;
    border-radius: 8px;
    margin: 0;
    padding: 12px;
  }

  .taxonomy-create-form .text-end {
    text-align: left !important;
  }

  .taxonomy-create-form .btn {
    width: 100%;
  }

  .taxonomy-table-wrap {
    display: none;
  }

  .taxonomy-mobile-list {
    display: grid;
    gap: 12px;
  }

  .taxonomy-mobile-card {
    background: #fff;
    border: 1px solid #e4ecec;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(22, 38, 43, 0.05);
    padding: 12px;
  }

  .taxonomy-mobile-top {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .taxonomy-mobile-top strong {
    color: #05736d;
    display: block;
    font-size: 15px;
    font-weight: 900;
    overflow-wrap: anywhere;
  }

  .taxonomy-mobile-top span:not(.taxonomy-status-pill) {
    color: #8b98a8;
    display: block;
    font-size: 12px;
    margin-top: 2px;
  }

  .taxonomy-mobile-edit {
    display: grid;
    gap: 8px;
    margin-bottom: 8px;
  }

  .taxonomy-mobile-edit .form-control,
  .taxonomy-mobile-edit .form-select {
    border-radius: 8px;
    min-height: 42px;
  }

  .taxonomy-mobile-color {
    background: #f4f8f8;
    border-radius: 8px;
    padding: 8px;
  }

  .taxonomy-mobile-actions {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 10px;
  }

  .taxonomy-mobile-actions .lead-action-btn {
    height: 42px;
    margin-left: 0;
    width: 100%;
  }
}

/* Dark mode final overrides must stay at the end so page-specific blocks cannot turn panels white again. */
html[data-theme="dark"] body,
body.dark-only {
  background: #0f172a !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .page-body-wrapper,
html[data-theme="dark"] .page-body,
html[data-theme="dark"] .container-fluid,
body.dark-only .page-wrapper,
body.dark-only .page-body-wrapper,
body.dark-only .page-body,
body.dark-only .container-fluid {
  background-color: #0f172a !important;
}

html[data-theme="dark"] .page-body .card:not(.dash-hero):not(.dash-card),
html[data-theme="dark"] .page-body .card:not(.dash-hero):not(.dash-card) > .card-header,
html[data-theme="dark"] .page-body .card:not(.dash-hero):not(.dash-card) > .card-body,
html[data-theme="dark"] .pipeline-toolbar,
html[data-theme="dark"] .pipeline-toolbar.card,
html[data-theme="dark"] .pipeline-column,
html[data-theme="dark"] .pipeline-lead-card,
html[data-theme="dark"] .assignment-panel,
html[data-theme="dark"] .assignment-audit-card,
html[data-theme="dark"] .taxonomy-panel,
html[data-theme="dark"] .taxonomy-create-card,
html[data-theme="dark"] .taxonomy-summary-card,
html[data-theme="dark"] .settings-sidebar,
html[data-theme="dark"] .health-sidebar,
html[data-theme="dark"] .operations-sidebar,
html[data-theme="dark"] .followups-metric,
html[data-theme="dark"] .calls-metric,
html[data-theme="dark"] .emails-metric,
html[data-theme="dark"] .attachments-metric,
html[data-theme="dark"] .notes-metric,
html[data-theme="dark"] .notifications-metric,
html[data-theme="dark"] .tasks-metric,
html[data-theme="dark"] .reports-metric,
html[data-theme="dark"] .teams-metric,
html[data-theme="dark"] .users-metric,
html[data-theme="dark"] .roles-metric,
html[data-theme="dark"] .fields-metric,
html[data-theme="dark"] .security-metric,
html[data-theme="dark"] .settings-metric,
html[data-theme="dark"] .health-metric,
html[data-theme="dark"] .operations-metric,
html[data-theme="dark"] .importdetail-metric,
body.dark-only .page-body .card:not(.dash-hero):not(.dash-card),
body.dark-only .page-body .card:not(.dash-hero):not(.dash-card) > .card-header,
body.dark-only .page-body .card:not(.dash-hero):not(.dash-card) > .card-body,
body.dark-only .pipeline-toolbar,
body.dark-only .pipeline-toolbar.card,
body.dark-only .pipeline-column,
body.dark-only .pipeline-lead-card,
body.dark-only .assignment-panel,
body.dark-only .assignment-audit-card,
body.dark-only .taxonomy-panel,
body.dark-only .taxonomy-create-card,
body.dark-only .taxonomy-summary-card,
body.dark-only .settings-sidebar,
body.dark-only .health-sidebar,
body.dark-only .operations-sidebar,
body.dark-only .followups-metric,
body.dark-only .calls-metric,
body.dark-only .emails-metric,
body.dark-only .attachments-metric,
body.dark-only .notes-metric,
body.dark-only .notifications-metric,
body.dark-only .tasks-metric,
body.dark-only .reports-metric,
body.dark-only .teams-metric,
body.dark-only .users-metric,
body.dark-only .roles-metric,
body.dark-only .fields-metric,
body.dark-only .security-metric,
body.dark-only .settings-metric,
body.dark-only .health-metric,
body.dark-only .operations-metric,
body.dark-only .importdetail-metric {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .page-body .card:not(.dash-hero):not(.dash-card) *,
html[data-theme="dark"] .pipeline-toolbar *,
html[data-theme="dark"] .pipeline-column *,
html[data-theme="dark"] .pipeline-lead-card *,
body.dark-only .page-body .card:not(.dash-hero):not(.dash-card) *,
body.dark-only .pipeline-toolbar *,
body.dark-only .pipeline-column *,
body.dark-only .pipeline-lead-card * {
  border-color: #2b3b52;
}

html[data-theme="dark"] .pipeline-column-body,
html[data-theme="dark"] .pipeline-empty,
html[data-theme="dark"] .crm-table thead,
html[data-theme="dark"] .taxonomy-create-form,
html[data-theme="dark"] .taxonomy-mobile-card,
html[data-theme="dark"] .taxonomy-count-pill,
body.dark-only .pipeline-column-body,
body.dark-only .pipeline-empty,
body.dark-only .crm-table thead,
body.dark-only .taxonomy-create-form,
body.dark-only .taxonomy-mobile-card {
  background: #111a2c !important;
  background-color: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body h1,
html[data-theme="dark"] .page-body h2,
html[data-theme="dark"] .page-body h3,
html[data-theme="dark"] .page-body h4,
html[data-theme="dark"] .page-body h5,
html[data-theme="dark"] .page-body h6,
html[data-theme="dark"] .page-body strong,
html[data-theme="dark"] .crm-table th,
html[data-theme="dark"] .crm-table td,
html[data-theme="dark"] .taxonomy-summary-card strong,
body.dark-only .page-body h1,
body.dark-only .page-body h2,
body.dark-only .page-body h3,
body.dark-only .page-body h4,
body.dark-only .page-body h5,
body.dark-only .page-body h6,
body.dark-only .page-body strong,
body.dark-only .crm-table th,
body.dark-only .crm-table td,
body.dark-only .taxonomy-summary-card strong,
body.dark-only .followups-metric h4,
body.dark-only .calls-metric h4,
body.dark-only .emails-metric h4,
body.dark-only .attachments-metric h4,
body.dark-only .notes-metric h4,
body.dark-only .notifications-metric h4,
body.dark-only .tasks-metric h4,
body.dark-only .reports-metric h4,
body.dark-only .teams-metric h4,
body.dark-only .users-metric h4,
body.dark-only .roles-metric h4,
body.dark-only .fields-metric h4,
body.dark-only .security-metric h4,
body.dark-only .settings-metric h4,
body.dark-only .health-metric h4,
body.dark-only .operations-metric h4,
body.dark-only .importdetail-metric strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-body p,
html[data-theme="dark"] .page-body span,
html[data-theme="dark"] .page-body small,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .f-light,
html[data-theme="dark"] .taxonomy-summary-card span,
html[data-theme="dark"] .taxonomy-summary-card small,
body.dark-only .page-body p,
body.dark-only .page-body span,
body.dark-only .page-body small,
body.dark-only .text-muted,
body.dark-only .text-secondary,
body.dark-only .f-light,
body.dark-only .taxonomy-summary-card span,
body.dark-only .taxonomy-summary-card small,
body.dark-only .followups-metric span,
body.dark-only .calls-metric span,
body.dark-only .emails-metric span,
body.dark-only .attachments-metric span,
body.dark-only .notes-metric span,
body.dark-only .notifications-metric span,
body.dark-only .tasks-metric span,
body.dark-only .reports-metric span,
body.dark-only .teams-metric span,
body.dark-only .users-metric span,
body.dark-only .roles-metric span,
body.dark-only .fields-metric span,
body.dark-only .security-metric span,
body.dark-only .settings-metric span,
body.dark-only .health-metric span,
body.dark-only .operations-metric span,
body.dark-only .importdetail-metric span {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .page-body a:not(.btn),
html[data-theme="dark"] .pipeline-lead-top a,
body.dark-only .page-body a:not(.btn),
body.dark-only .pipeline-lead-top a {
  color: #5eead4 !important;
}

html[data-theme="dark"] .taxonomy-summary-card .fa,
body.dark-only .taxonomy-summary-card .fa {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .taxonomy-count-pill,
body.dark-only .taxonomy-count-pill {
  background: #e8fbf7 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .taxonomy-status-pill.status-active,
body.dark-only .taxonomy-status-pill.status-active {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .taxonomy-status-pill.status-inactive,
body.dark-only .taxonomy-status-pill.status-inactive {
  background: #293548 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .taxonomy-table tbody tr:hover,
body.dark-only .taxonomy-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group,
html[data-theme="dark"] .form-check-input,
body.dark-only .form-control,
body.dark-only .form-select,
body.dark-only .input-group,
body.dark-only .form-check-input {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .crm-table,
html[data-theme="dark"] .table,
body.dark-only .crm-table,
body.dark-only .table {
  --bs-table-bg: transparent !important;
  --bs-table-color: #dbe7f0 !important;
  --bs-table-border-color: #2b3b52 !important;
  --bs-table-hover-bg: #1b2a40 !important;
  --bs-table-hover-color: #f8fafc !important;
  background-color: transparent !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .footer,
body.dark-only .footer {
  background: #111827 !important;
  background-color: #111827 !important;
  border-color: #26364c !important;
  color: #b8c6d8 !important;
}

html[data-theme="dark"] .page-body .taxonomy-count-pill,
body.dark-only .page-body .taxonomy-count-pill {
  background: #e8fbf7 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .page-body .taxonomy-status-pill.status-active,
body.dark-only .page-body .taxonomy-status-pill.status-active {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .taxonomy-status-pill.status-inactive,
body.dark-only .page-body .taxonomy-status-pill.status-inactive {
  background: #293548 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .calls-dialer-card,
html[data-theme="dark"] .calls-create-card,
html[data-theme="dark"] .calls-panel,
html[data-theme="dark"] .calls-dialer-body,
html[data-theme="dark"] .calls-dialer-status,
html[data-theme="dark"] .calls-create-form,
html[data-theme="dark"] .calls-filter,
html[data-theme="dark"] .calls-mobile-card,
body.dark-only .calls-dialer-card,
body.dark-only .calls-create-card,
body.dark-only .calls-panel,
body.dark-only .calls-dialer-body,
body.dark-only .calls-dialer-status,
body.dark-only .calls-create-form,
body.dark-only .calls-filter,
body.dark-only .calls-mobile-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .calls-dialer-current small,
html[data-theme="dark"] .calls-dialer-status,
html[data-theme="dark"] .calls-panel-head span,
html[data-theme="dark"] .calls-dialer-current span,
body.dark-only .calls-dialer-current small,
body.dark-only .calls-dialer-status,
body.dark-only .calls-panel-head span,
body.dark-only .calls-dialer-current span {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .calls-dialer-current strong,
html[data-theme="dark"] .calls-lead-link,
html[data-theme="dark"] .calls-panel-head h5 .fa,
body.dark-only .calls-dialer-current strong,
body.dark-only .calls-lead-link,
body.dark-only .calls-panel-head h5 .fa {
  color: #5eead4 !important;
}

html[data-theme="dark"] .calls-dialer-progress,
body.dark-only .calls-dialer-progress {
  background: #26364c !important;
}

html[data-theme="dark"] .calls-dialer-timer,
body.dark-only .calls-dialer-timer {
  background: #123f43 !important;
  border-color: #1d6869 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .calls-file-field,
body.dark-only .calls-file-field {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .calls-file-field span,
body.dark-only .calls-file-field span {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .calls-file-field em,
body.dark-only .calls-file-field em {
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .calls-duration-pill,
body.dark-only .calls-duration-pill {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .calls-outcome-pill,
body.dark-only .calls-outcome-pill {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

html[data-theme="dark"] .calls-outcome-pill.outcome-connected,
html[data-theme="dark"] .calls-outcome-pill.outcome-converted,
body.dark-only .calls-outcome-pill.outcome-connected,
body.dark-only .calls-outcome-pill.outcome-converted {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .calls-outcome-pill.outcome_not_answered,
html[data-theme="dark"] .calls-outcome-pill.outcome-not_answered,
html[data-theme="dark"] .calls-outcome-pill.outcome-wrong_number,
body.dark-only .calls-outcome-pill.outcome_not_answered,
body.dark-only .calls-outcome-pill.outcome-not_answered,
body.dark-only .calls-outcome-pill.outcome-wrong_number {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

html[data-theme="dark"] .calls-outcome-pill.outcome-busy,
html[data-theme="dark"] .calls-outcome-pill.outcome-callback_requested,
body.dark-only .calls-outcome-pill.outcome-busy,
body.dark-only .calls-outcome-pill.outcome-callback_requested {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .calls-table tbody tr:hover,
body.dark-only .calls-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .page-body .calls-duration-pill,
body.dark-only .page-body .calls-duration-pill {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .calls-dialer-actions .btn:disabled,
body.dark-only .calls-dialer-actions .btn:disabled {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
  color: #7f8fa3 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .notifications-panel,
html[data-theme="dark"] .notifications-mobile-card,
html[data-theme="dark"] .notifications-pagination,
body.dark-only .notifications-panel,
body.dark-only .notifications-mobile-card,
body.dark-only .notifications-pagination {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .notifications-table tbody tr,
body.dark-only .notifications-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .notifications-table tbody tr.notification-unread-row,
body.dark-only .notifications-table tbody tr.notification-unread-row {
  background: #1f2a3d !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .notifications-table tbody tr:hover,
body.dark-only .notifications-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .notifications-title,
html[data-theme="dark"] .notifications-mobile-top strong,
body.dark-only .notifications-title,
body.dark-only .notifications-mobile-top strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .notifications-panel-head h5 .fa,
body.dark-only .notifications-panel-head h5 .fa {
  color: #5eead4 !important;
}

html[data-theme="dark"] .notifications-panel-head span,
html[data-theme="dark"] .notifications-mobile-top span:not(.notifications-status-pill),
body.dark-only .notifications-panel-head span,
body.dark-only .notifications-mobile-top span:not(.notifications-status-pill) {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .notifications-type-pill,
body.dark-only .notifications-type-pill {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

html[data-theme="dark"] .notifications-status-pill.status-read,
body.dark-only .notifications-status-pill.status-read {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .notifications-status-pill.status-unread,
body.dark-only .notifications-status-pill.status-unread {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .notifications-message,
html[data-theme="dark"] .notifications-mobile-meta,
body.dark-only .notifications-message,
body.dark-only .notifications-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .notifications-mobile-meta small,
body.dark-only .notifications-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .notifications-mobile-meta strong,
body.dark-only .notifications-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-body .notifications-type-pill,
body.dark-only .page-body .notifications-type-pill {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

html[data-theme="dark"] .page-body .notifications-status-pill.status-read,
body.dark-only .page-body .notifications-status-pill.status-read {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .notifications-status-pill.status-unread,
body.dark-only .page-body .notifications-status-pill.status-unread {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .proposals-metric,
html[data-theme="dark"] .invoices-metric,
html[data-theme="dark"] .revenue-metric,
html[data-theme="dark"] .proposals-panel,
html[data-theme="dark"] .invoices-panel,
html[data-theme="dark"] .revenue-panel,
html[data-theme="dark"] .revenue-filter-card,
html[data-theme="dark"] .proposals-mobile-card,
html[data-theme="dark"] .invoices-mobile-card,
html[data-theme="dark"] .revenue-mobile-card,
html[data-theme="dark"] .revenue-small-card,
body.dark-only .proposals-metric,
body.dark-only .invoices-metric,
body.dark-only .revenue-metric,
body.dark-only .proposals-panel,
body.dark-only .invoices-panel,
body.dark-only .revenue-panel,
body.dark-only .revenue-filter-card,
body.dark-only .proposals-mobile-card,
body.dark-only .invoices-mobile-card,
body.dark-only .revenue-mobile-card,
body.dark-only .revenue-small-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .proposals-metric h4,
html[data-theme="dark"] .invoices-metric h4,
html[data-theme="dark"] .revenue-metric h4,
html[data-theme="dark"] .proposals-title,
html[data-theme="dark"] .invoices-number,
html[data-theme="dark"] .revenue-register-table strong,
body.dark-only .proposals-metric h4,
body.dark-only .invoices-metric h4,
body.dark-only .revenue-metric h4,
body.dark-only .proposals-title,
body.dark-only .invoices-number,
body.dark-only .revenue-register-table strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .proposals-metric span,
html[data-theme="dark"] .invoices-metric span,
html[data-theme="dark"] .revenue-metric span,
html[data-theme="dark"] .proposals-panel-head span,
html[data-theme="dark"] .invoices-panel-head span,
html[data-theme="dark"] .revenue-panel-head span,
html[data-theme="dark"] .proposals-mobile-top span,
html[data-theme="dark"] .invoices-mobile-top span,
html[data-theme="dark"] .revenue-mobile-top span,
body.dark-only .proposals-metric span,
body.dark-only .invoices-metric span,
body.dark-only .revenue-metric span,
body.dark-only .proposals-panel-head span,
body.dark-only .invoices-panel-head span,
body.dark-only .revenue-panel-head span,
body.dark-only .proposals-mobile-top span,
body.dark-only .invoices-mobile-top span,
body.dark-only .revenue-mobile-top span {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .proposals-metric .fa,
html[data-theme="dark"] .invoices-metric .fa,
html[data-theme="dark"] .revenue-metric .fa,
body.dark-only .proposals-metric .fa,
body.dark-only .invoices-metric .fa,
body.dark-only .revenue-metric .fa {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .proposals-panel-head h5 .fa,
html[data-theme="dark"] .invoices-panel-head h5 .fa,
html[data-theme="dark"] .revenue-panel-head h5 .fa,
html[data-theme="dark"] .proposals-lead-link,
html[data-theme="dark"] .invoices-lead-link,
body.dark-only .proposals-panel-head h5 .fa,
body.dark-only .invoices-panel-head h5 .fa,
body.dark-only .revenue-panel-head h5 .fa,
body.dark-only .proposals-lead-link,
body.dark-only .invoices-lead-link {
  color: #5eead4 !important;
}

html[data-theme="dark"] .proposals-amount,
html[data-theme="dark"] .invoices-amount,
html[data-theme="dark"] .invoices-paid,
html[data-theme="dark"] .invoices-balance,
body.dark-only .proposals-amount,
body.dark-only .invoices-amount,
body.dark-only .invoices-paid,
body.dark-only .invoices-balance {
  color: #f8fafc !important;
}

html[data-theme="dark"] .proposals-table tbody tr:hover,
html[data-theme="dark"] .invoices-table tbody tr:hover,
html[data-theme="dark"] .revenue-register-table tbody tr:hover,
body.dark-only .proposals-table tbody tr:hover,
body.dark-only .invoices-table tbody tr:hover,
body.dark-only .revenue-register-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .page-body .proposals-status-pill.status-draft,
html[data-theme="dark"] .page-body .invoices-status-pill.status-unpaid,
html[data-theme="dark"] .page-body .revenue-status-pill.status-unpaid,
body.dark-only .page-body .proposals-status-pill.status-draft,
body.dark-only .page-body .invoices-status-pill.status-unpaid,
body.dark-only .page-body .revenue-status-pill.status-unpaid {
  background: #293548 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .page-body .proposals-status-pill.status-sent,
html[data-theme="dark"] .page-body .proposals-status-pill.status-viewed,
body.dark-only .page-body .proposals-status-pill.status-sent,
body.dark-only .page-body .proposals-status-pill.status-viewed {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

html[data-theme="dark"] .page-body .proposals-status-pill.status-accepted,
html[data-theme="dark"] .page-body .invoices-status-pill.status-paid,
html[data-theme="dark"] .page-body .revenue-status-pill.status-paid,
body.dark-only .page-body .proposals-status-pill.status-accepted,
body.dark-only .page-body .invoices-status-pill.status-paid,
body.dark-only .page-body .revenue-status-pill.status-paid {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .proposals-status-pill.status-rejected,
html[data-theme="dark"] .page-body .invoices-status-pill.status-overdue,
html[data-theme="dark"] .page-body .revenue-status-pill.status-overdue,
body.dark-only .page-body .proposals-status-pill.status-rejected,
body.dark-only .page-body .invoices-status-pill.status-overdue,
body.dark-only .page-body .revenue-status-pill.status-overdue {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

html[data-theme="dark"] .page-body .invoices-status-pill.status-partial,
html[data-theme="dark"] .page-body .revenue-status-pill.status-partial,
body.dark-only .page-body .invoices-status-pill.status-partial,
body.dark-only .page-body .revenue-status-pill.status-partial {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .page-body .proposals-track-pill.is-done,
body.dark-only .page-body .proposals-track-pill.is-done {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .proposals-track-pill.is-pending,
body.dark-only .page-body .proposals-track-pill.is-pending {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .importexport-metric,
html[data-theme="dark"] .importexport-panel,
html[data-theme="dark"] .importexport-mobile-card,
body.dark-only .importexport-metric,
body.dark-only .importexport-panel,
body.dark-only .importexport-mobile-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .importexport-metric h4,
html[data-theme="dark"] .importexport-mobile-meta strong,
body.dark-only .importexport-metric h4,
body.dark-only .importexport-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .importexport-metric span,
html[data-theme="dark"] .importexport-panel-head span,
html[data-theme="dark"] .importexport-mobile-top span:not(.importexport-status-pill),
html[data-theme="dark"] .importexport-mobile-meta small,
body.dark-only .importexport-metric span,
body.dark-only .importexport-panel-head span,
body.dark-only .importexport-mobile-top span:not(.importexport-status-pill),
body.dark-only .importexport-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .importexport-metric .fa,
body.dark-only .importexport-metric .fa {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .importexport-panel-head h5 .fa,
html[data-theme="dark"] .importexport-file-name,
html[data-theme="dark"] .importexport-mobile-top strong,
body.dark-only .importexport-panel-head h5 .fa,
body.dark-only .importexport-file-name,
body.dark-only .importexport-mobile-top strong {
  color: #5eead4 !important;
}

html[data-theme="dark"] .importexport-file-drop,
body.dark-only .importexport-file-drop {
  background: #111a2c !important;
  border-color: #4b5f7a !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .importexport-file-drop .fa,
body.dark-only .importexport-file-drop .fa {
  color: #5eead4 !important;
}

html[data-theme="dark"] .importexport-file-drop span,
body.dark-only .importexport-file-drop span {
  color: #f8fafc !important;
}

html[data-theme="dark"] .importexport-file-drop small,
body.dark-only .importexport-file-drop small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .importexport-file-drop input[type="file"],
body.dark-only .importexport-file-drop input[type="file"] {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .importexport-file-drop input[type="file"]::file-selector-button,
body.dark-only .importexport-file-drop input[type="file"]::file-selector-button {
  background: #123f43 !important;
  border-color: #1d6869 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .importexport-table tbody tr:hover,
body.dark-only .importexport-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .importexport-mobile-meta,
body.dark-only .importexport-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .importexport-status-pill.status-success,
body.dark-only .page-body .importexport-status-pill.status-success {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .importexport-status-pill.status-warning,
body.dark-only .page-body .importexport-status-pill.status-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .activity-metric,
html[data-theme="dark"] .activity-panel,
html[data-theme="dark"] .activity-mobile-card,
html[data-theme="dark"] .activity-pagination,
body.dark-only .activity-metric,
body.dark-only .activity-panel,
body.dark-only .activity-mobile-card,
body.dark-only .activity-pagination {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .activity-metric h4,
html[data-theme="dark"] .activity-user strong,
html[data-theme="dark"] .activity-mobile-top strong,
html[data-theme="dark"] .activity-mobile-meta strong,
body.dark-only .activity-metric h4,
body.dark-only .activity-user strong,
body.dark-only .activity-mobile-top strong,
body.dark-only .activity-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .activity-metric span,
html[data-theme="dark"] .activity-panel-head span,
html[data-theme="dark"] .activity-mobile-top span,
html[data-theme="dark"] .activity-mobile-meta small,
html[data-theme="dark"] .activity-pagination nav > div:first-child,
body.dark-only .activity-metric span,
body.dark-only .activity-panel-head span,
body.dark-only .activity-mobile-top span,
body.dark-only .activity-mobile-meta small,
body.dark-only .activity-pagination nav > div:first-child {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .activity-metric .fa,
html[data-theme="dark"] .activity-user span,
body.dark-only .activity-metric .fa,
body.dark-only .activity-user span {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .activity-panel-head h5 .fa,
body.dark-only .activity-panel-head h5 .fa {
  color: #5eead4 !important;
}

html[data-theme="dark"] .activity-table tbody tr,
body.dark-only .activity-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .activity-table tbody tr:hover,
body.dark-only .activity-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .activity-mobile-card p,
body.dark-only .activity-mobile-card p {
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .activity-mobile-meta,
body.dark-only .activity-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .activity-action-pill.tone-success,
html[data-theme="dark"] .page-body .activity-mobile-icon.tone-success,
body.dark-only .page-body .activity-action-pill.tone-success,
body.dark-only .page-body .activity-mobile-icon.tone-success {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .activity-action-pill.tone-warning,
html[data-theme="dark"] .page-body .activity-mobile-icon.tone-warning,
body.dark-only .page-body .activity-action-pill.tone-warning,
body.dark-only .page-body .activity-mobile-icon.tone-warning {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .page-body .activity-action-pill.tone-danger,
html[data-theme="dark"] .page-body .activity-mobile-icon.tone-danger,
body.dark-only .page-body .activity-action-pill.tone-danger,
body.dark-only .page-body .activity-mobile-icon.tone-danger {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

html[data-theme="dark"] .page-body .activity-action-pill.tone-primary,
html[data-theme="dark"] .page-body .activity-mobile-icon.tone-primary,
body.dark-only .page-body .activity-action-pill.tone-primary,
body.dark-only .page-body .activity-mobile-icon.tone-primary {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .deletion-metric,
html[data-theme="dark"] .deletion-panel,
html[data-theme="dark"] .deletion-mobile-card,
html[data-theme="dark"] .deletion-pagination,
body.dark-only .deletion-metric,
body.dark-only .deletion-panel,
body.dark-only .deletion-mobile-card,
body.dark-only .deletion-pagination {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .deletion-metric h4,
html[data-theme="dark"] .deletion-user strong,
html[data-theme="dark"] .deletion-mobile-meta strong,
body.dark-only .deletion-metric h4,
body.dark-only .deletion-user strong,
body.dark-only .deletion-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .deletion-metric span,
html[data-theme="dark"] .deletion-panel-head span,
html[data-theme="dark"] .deletion-mobile-top span:not(.deletion-stage-pill),
html[data-theme="dark"] .deletion-mobile-meta small,
html[data-theme="dark"] .deletion-pagination nav > div:first-child,
body.dark-only .deletion-metric span,
body.dark-only .deletion-panel-head span,
body.dark-only .deletion-mobile-top span:not(.deletion-stage-pill),
body.dark-only .deletion-mobile-meta small,
body.dark-only .deletion-pagination nav > div:first-child {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .deletion-metric .fa,
body.dark-only .deletion-metric .fa {
  background: #3b1d23 !important;
  color: #f87171 !important;
}

html[data-theme="dark"] .deletion-panel-head h5 .fa,
html[data-theme="dark"] .deletion-lead-name,
html[data-theme="dark"] .deletion-mobile-top strong,
body.dark-only .deletion-panel-head h5 .fa,
body.dark-only .deletion-lead-name,
body.dark-only .deletion-mobile-top strong {
  color: #5eead4 !important;
}

html[data-theme="dark"] .deletion-user span,
body.dark-only .deletion-user span {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .deletion-table tbody tr,
body.dark-only .deletion-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .deletion-table tbody tr:hover,
body.dark-only .deletion-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .deletion-mobile-meta,
body.dark-only .deletion-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .deletion-stage-pill.stage-won,
body.dark-only .page-body .deletion-stage-pill.stage-won {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .deletion-stage-pill.stage-lost,
body.dark-only .page-body .deletion-stage-pill.stage-lost {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

html[data-theme="dark"] .page-body .deletion-stage-pill.stage-negotiation,
body.dark-only .page-body .deletion-stage-pill.stage-negotiation {
  background: #fef3c7 !important;
  color: #92400e !important;
}

html[data-theme="dark"] .page-body .deletion-stage-pill.stage-open,
html[data-theme="dark"] .page-body .deletion-stage-pill.stage-in_progress,
html[data-theme="dark"] .page-body .deletion-stage-pill.stage-unknown,
body.dark-only .page-body .deletion-stage-pill.stage-open,
body.dark-only .page-body .deletion-stage-pill.stage-in_progress,
body.dark-only .page-body .deletion-stage-pill.stage-unknown {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .teams-panel,
html[data-theme="dark"] .teams-merge-box,
html[data-theme="dark"] .teams-mobile-card,
html[data-theme="dark"] .teams-merge-mobile-card,
body.dark-only .teams-panel,
body.dark-only .teams-merge-box,
body.dark-only .teams-mobile-card,
body.dark-only .teams-merge-mobile-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .teams-merge-head h6,
html[data-theme="dark"] .teams-mobile-meta strong,
html[data-theme="dark"] .teams-table td strong,
html[data-theme="dark"] .teams-merge-table td strong,
body.dark-only .teams-merge-head h6,
body.dark-only .teams-mobile-meta strong,
body.dark-only .teams-table td strong,
body.dark-only .teams-merge-table td strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .teams-panel-head span,
html[data-theme="dark"] .teams-merge-head span,
html[data-theme="dark"] .teams-mobile-top span:not(.teams-status-pill),
html[data-theme="dark"] .teams-mobile-meta small,
body.dark-only .teams-panel-head span,
body.dark-only .teams-merge-head span,
body.dark-only .teams-mobile-top span:not(.teams-status-pill),
body.dark-only .teams-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .teams-panel-head h5 .fa,
html[data-theme="dark"] .teams-merge-head h6 .fa,
html[data-theme="dark"] .teams-name,
html[data-theme="dark"] .teams-mobile-top strong,
body.dark-only .teams-panel-head h5 .fa,
body.dark-only .teams-merge-head h6 .fa,
body.dark-only .teams-name,
body.dark-only .teams-mobile-top strong {
  color: #5eead4 !important;
}

html[data-theme="dark"] .teams-table tbody tr,
html[data-theme="dark"] .teams-merge-table tbody tr,
body.dark-only .teams-table tbody tr,
body.dark-only .teams-merge-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .teams-table tbody tr:hover,
html[data-theme="dark"] .teams-merge-table tbody tr:hover,
body.dark-only .teams-table tbody tr:hover,
body.dark-only .teams-merge-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .teams-mobile-meta,
body.dark-only .teams-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .teams-status-pill.status-active,
body.dark-only .page-body .teams-status-pill.status-active {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .teams-status-pill.status-inactive,
body.dark-only .page-body .teams-status-pill.status-inactive {
  background: #293548 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .teamcompare-panel,
html[data-theme="dark"] .teamcompare-team-card,
html[data-theme="dark"] .teamcompare-mini-card,
html[data-theme="dark"] .teamcompare-mobile-card,
html[data-theme="dark"] .teamcompare-agent-card,
body.dark-only .teamcompare-panel,
body.dark-only .teamcompare-team-card,
body.dark-only .teamcompare-mini-card,
body.dark-only .teamcompare-mobile-card,
body.dark-only .teamcompare-agent-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .teamcompare-mini-card,
body.dark-only .teamcompare-mini-card {
  background: #111a2c !important;
}

html[data-theme="dark"] .teamcompare-panel-head h5,
html[data-theme="dark"] .teamcompare-team-head h5,
html[data-theme="dark"] .teamcompare-mini-card strong,
html[data-theme="dark"] .teamcompare-metric-name,
html[data-theme="dark"] .teamcompare-value,
html[data-theme="dark"] .teamcompare-agent-table td strong,
html[data-theme="dark"] .teamcompare-mobile-meta strong,
body.dark-only .teamcompare-panel-head h5,
body.dark-only .teamcompare-team-head h5,
body.dark-only .teamcompare-mini-card strong,
body.dark-only .teamcompare-metric-name,
body.dark-only .teamcompare-value,
body.dark-only .teamcompare-agent-table td strong,
body.dark-only .teamcompare-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .teamcompare-panel-head span,
html[data-theme="dark"] .teamcompare-team-head span,
html[data-theme="dark"] .teamcompare-team-head small,
html[data-theme="dark"] .teamcompare-mini-card span,
html[data-theme="dark"] .teamcompare-mobile-meta small,
body.dark-only .teamcompare-panel-head span,
body.dark-only .teamcompare-team-head span,
body.dark-only .teamcompare-team-head small,
body.dark-only .teamcompare-mini-card span,
body.dark-only .teamcompare-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .teamcompare-panel-head h5 .fa,
html[data-theme="dark"] .teamcompare-mini-card .fa,
html[data-theme="dark"] .teamcompare-metric-name .fa,
html[data-theme="dark"] .teamcompare-agent-card > strong,
html[data-theme="dark"] .teamcompare-mobile-top strong,
body.dark-only .teamcompare-panel-head h5 .fa,
body.dark-only .teamcompare-mini-card .fa,
body.dark-only .teamcompare-metric-name .fa,
body.dark-only .teamcompare-agent-card > strong,
body.dark-only .teamcompare-mobile-top strong {
  color: #5eead4 !important;
}

html[data-theme="dark"] .teamcompare-team-head .fa-users,
body.dark-only .teamcompare-team-head .fa-users {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .teamcompare-table tbody tr,
html[data-theme="dark"] .teamcompare-agent-table tbody tr,
body.dark-only .teamcompare-table tbody tr,
body.dark-only .teamcompare-agent-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .teamcompare-table tbody tr:hover,
html[data-theme="dark"] .teamcompare-agent-table tbody tr:hover,
body.dark-only .teamcompare-table tbody tr:hover,
body.dark-only .teamcompare-agent-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .teamcompare-mobile-meta,
body.dark-only .teamcompare-mobile-meta {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .teamcompare-leader-pill,
body.dark-only .page-body .teamcompare-leader-pill {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .teamcompare-leader-pill.is-tie,
body.dark-only .page-body .teamcompare-leader-pill.is-tie {
  background: #293548 !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .page-body .teamcompare-metric-name,
body.dark-only .page-body .teamcompare-metric-name {
  color: #f8fafc !important;
}

html[data-theme="dark"] .loginhistory-metric,
html[data-theme="dark"] .loginhistory-panel,
html[data-theme="dark"] .loginhistory-mobile-card,
html[data-theme="dark"] .loginhistory-pagination,
body.dark-only .loginhistory-metric,
body.dark-only .loginhistory-panel,
body.dark-only .loginhistory-mobile-card,
body.dark-only .loginhistory-pagination {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .loginhistory-metric h4,
html[data-theme="dark"] .loginhistory-mobile-meta strong,
html[data-theme="dark"] .loginhistory-device-card strong,
body.dark-only .loginhistory-metric h4,
body.dark-only .loginhistory-mobile-meta strong,
body.dark-only .loginhistory-device-card strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .loginhistory-metric span,
html[data-theme="dark"] .loginhistory-panel-head span,
html[data-theme="dark"] .loginhistory-mobile-top span:not(.loginhistory-status-pill),
html[data-theme="dark"] .loginhistory-mobile-meta small,
html[data-theme="dark"] .loginhistory-device-card small,
html[data-theme="dark"] .loginhistory-pagination nav > div:first-child,
body.dark-only .loginhistory-metric span,
body.dark-only .loginhistory-panel-head span,
body.dark-only .loginhistory-mobile-top span:not(.loginhistory-status-pill),
body.dark-only .loginhistory-mobile-meta small,
body.dark-only .loginhistory-device-card small,
body.dark-only .loginhistory-pagination nav > div:first-child {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .loginhistory-metric .fa,
html[data-theme="dark"] .loginhistory-user span,
body.dark-only .loginhistory-metric .fa,
body.dark-only .loginhistory-user span {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .loginhistory-panel-head h5 .fa,
html[data-theme="dark"] .loginhistory-user a,
html[data-theme="dark"] .loginhistory-mobile-top strong,
body.dark-only .loginhistory-panel-head h5 .fa,
body.dark-only .loginhistory-user a,
body.dark-only .loginhistory-mobile-top strong {
  color: #5eead4 !important;
}

html[data-theme="dark"] .loginhistory-table tbody tr,
body.dark-only .loginhistory-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .loginhistory-table tbody tr:hover,
body.dark-only .loginhistory-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .loginhistory-mobile-meta,
html[data-theme="dark"] .loginhistory-device-card,
body.dark-only .loginhistory-mobile-meta,
body.dark-only .loginhistory-device-card {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .loginhistory-status-pill.status-success,
body.dark-only .page-body .loginhistory-status-pill.status-success {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .page-body .loginhistory-status-pill.status-failed,
html[data-theme="dark"] .page-body .loginhistory-status-pill.status-failure,
body.dark-only .page-body .loginhistory-status-pill.status-failed,
body.dark-only .page-body .loginhistory-status-pill.status-failure {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

html[data-theme="dark"] .roles-panel,
html[data-theme="dark"] .roles-create-form,
html[data-theme="dark"] .roles-save-bar,
html[data-theme="dark"] .roles-mobile-role-card,
html[data-theme="dark"] .roles-directory-card,
body.dark-only .roles-panel,
body.dark-only .roles-create-form,
body.dark-only .roles-save-bar,
body.dark-only .roles-mobile-role-card,
body.dark-only .roles-directory-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .roles-panel-head h5,
html[data-theme="dark"] .roles-column-title,
html[data-theme="dark"] .roles-directory-table td strong,
html[data-theme="dark"] .roles-mobile-top strong,
html[data-theme="dark"] .roles-mobile-group h6,
html[data-theme="dark"] .roles-mobile-permission > span:first-child,
html[data-theme="dark"] .roles-directory-meta strong,
body.dark-only .roles-panel-head h5,
body.dark-only .roles-column-title,
body.dark-only .roles-directory-table td strong,
body.dark-only .roles-mobile-top strong,
body.dark-only .roles-mobile-group h6,
body.dark-only .roles-mobile-permission > span:first-child,
body.dark-only .roles-directory-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .roles-panel-head span,
html[data-theme="dark"] .roles-mobile-top span:not(.roles-type-pill),
html[data-theme="dark"] .roles-directory-meta small,
body.dark-only .roles-panel-head span,
body.dark-only .roles-mobile-top span:not(.roles-type-pill),
body.dark-only .roles-directory-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .roles-panel-head h5 i,
html[data-theme="dark"] .roles-name,
body.dark-only .roles-panel-head h5 i,
body.dark-only .roles-name {
  color: #5eead4 !important;
}

html[data-theme="dark"] .roles-matrix-table tbody tr,
html[data-theme="dark"] .roles-directory-table tbody tr,
body.dark-only .roles-matrix-table tbody tr,
body.dark-only .roles-directory-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .roles-matrix-table tbody tr:not(.roles-group-row):hover,
html[data-theme="dark"] .roles-directory-table tbody tr:hover,
body.dark-only .roles-matrix-table tbody tr:not(.roles-group-row):hover,
body.dark-only .roles-directory-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .roles-group-row td,
body.dark-only .roles-group-row td {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .roles-matrix-table .text-cell strong,
body.dark-only .roles-matrix-table .text-cell strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .roles-type-pill.is-system,
body.dark-only .roles-type-pill.is-system {
  background: #dff8ea !important;
  color: #087342 !important;
}

html[data-theme="dark"] .roles-type-pill.is-custom,
body.dark-only .roles-type-pill.is-custom {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .roles-switch > span,
body.dark-only .roles-switch > span {
  background: #4b5563 !important;
}

html[data-theme="dark"] .roles-switch input:checked + span,
body.dark-only .roles-switch input:checked + span {
  background: #0f8f86 !important;
}

html[data-theme="dark"] .roles-mobile-group,
body.dark-only .roles-mobile-group {
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .roles-mobile-permission,
html[data-theme="dark"] .roles-directory-meta div,
body.dark-only .roles-mobile-permission,
body.dark-only .roles-directory-meta div {
  background: #111a2c !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .roles-protected,
body.dark-only .roles-protected {
  background: #2d2118 !important;
  border-color: #8a5a2b !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] .roles-delete-form .form-select,
html[data-theme="dark"] .roles-mobile-delete .form-select,
body.dark-only .roles-delete-form .form-select,
body.dark-only .roles-mobile-delete .form-select {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .page-body .roles-name,
body.dark-only .page-body .roles-name {
  color: #5eead4 !important;
}

html[data-theme="dark"] .page-body .roles-protected,
body.dark-only .page-body .roles-protected {
  background: #2d2118 !important;
  border-color: #8a5a2b !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] .fields-panel,
html[data-theme="dark"] .fields-create-form,
html[data-theme="dark"] .fields-role-picker,
html[data-theme="dark"] .fields-required-check,
html[data-theme="dark"] .fields-mobile-card,
body.dark-only .fields-panel,
body.dark-only .fields-create-form,
body.dark-only .fields-role-picker,
body.dark-only .fields-required-check,
body.dark-only .fields-mobile-card {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .fields-role-picker,
body.dark-only .fields-role-picker {
  background: #111a2c !important;
}

html[data-theme="dark"] .fields-panel-head h5,
html[data-theme="dark"] .fields-role-picker-head strong,
html[data-theme="dark"] .fields-mobile-top strong,
body.dark-only .fields-panel-head h5,
body.dark-only .fields-role-picker-head strong,
body.dark-only .fields-mobile-top strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .fields-panel-head span,
html[data-theme="dark"] .fields-role-picker-head span,
html[data-theme="dark"] .fields-mobile-top span:not(.fields-type-pill),
body.dark-only .fields-panel-head span,
body.dark-only .fields-role-picker-head span,
body.dark-only .fields-mobile-top span:not(.fields-type-pill) {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .fields-panel-head h5 i,
html[data-theme="dark"] .fields-field-title > i,
body.dark-only .fields-panel-head h5 i,
body.dark-only .fields-field-title > i {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .fields-role-chip,
body.dark-only .fields-role-chip {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .fields-role-chip:has(input:checked),
body.dark-only .fields-role-chip:has(input:checked) {
  background: #123f43 !important;
  border-color: #1d6869 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .fields-role-chip input,
body.dark-only .fields-role-chip input {
  accent-color: #0f8f86 !important;
}

html[data-theme="dark"] .fields-table tbody tr,
body.dark-only .fields-table tbody tr {
  background: transparent !important;
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .fields-table tbody tr:hover,
body.dark-only .fields-table tbody tr:hover {
  background: #1b2a40 !important;
}

html[data-theme="dark"] .fields-type-pill,
body.dark-only .fields-type-pill {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .fields-icon-actions .form-select,
html[data-theme="dark"] .fields-mobile-delete .form-select,
body.dark-only .fields-icon-actions .form-select,
body.dark-only .fields-mobile-delete .form-select {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .fields-mobile-edit,
html[data-theme="dark"] .fields-mobile-grid,
body.dark-only .fields-mobile-edit,
body.dark-only .fields-mobile-grid {
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .fields-mobile-delete,
body.dark-only .fields-mobile-delete {
  border-color: #2b3b52 !important;
}

html[data-theme="dark"] .page-body .fields-type-pill,
body.dark-only .page-body .fields-type-pill {
  background: #dff8f5 !important;
  color: #05736d !important;
}

html[data-theme="dark"] .settings-panel,
html[data-theme="dark"] .settings-field-card,
html[data-theme="dark"] .settings-health-card,
html[data-theme="dark"] .settings-action-card,
html[data-theme="dark"] .settings-save-bar,
body.dark-only .settings-panel,
body.dark-only .settings-field-card,
body.dark-only .settings-health-card,
body.dark-only .settings-action-card,
body.dark-only .settings-save-bar {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .settings-field-card,
html[data-theme="dark"] .settings-health-card,
html[data-theme="dark"] .settings-action-card,
body.dark-only .settings-field-card,
body.dark-only .settings-health-card,
body.dark-only .settings-action-card {
  background: #111a2c !important;
  background-color: #111a2c !important;
}

html[data-theme="dark"] .settings-panel-head h5,
html[data-theme="dark"] .settings-field-head .form-label,
html[data-theme="dark"] .settings-health-card strong,
html[data-theme="dark"] .settings-action-card strong,
body.dark-only .settings-panel-head h5,
body.dark-only .settings-field-head .form-label,
body.dark-only .settings-health-card strong,
body.dark-only .settings-action-card strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .settings-panel-head span,
html[data-theme="dark"] .settings-field-head span,
html[data-theme="dark"] .settings-health-card span,
html[data-theme="dark"] .settings-action-card span,
body.dark-only .settings-panel-head span,
body.dark-only .settings-field-head span,
body.dark-only .settings-health-card span,
body.dark-only .settings-action-card span {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .settings-panel-head h5 i,
html[data-theme="dark"] .settings-field-head > i,
html[data-theme="dark"] .settings-action-card i,
body.dark-only .settings-panel-head h5 i,
body.dark-only .settings-field-head > i,
body.dark-only .settings-action-card i {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .settings-action-card:hover,
body.dark-only .settings-action-card:hover {
  background: #1b2a40 !important;
  border-color: #1d6869 !important;
}

html[data-theme="dark"] .settings-field-card .form-control,
html[data-theme="dark"] .settings-field-card .form-select,
body.dark-only .settings-field-card .form-control,
body.dark-only .settings-field-card .form-select {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .health-panel,
html[data-theme="dark"] .health-score-card,
html[data-theme="dark"] .health-note-card,
html[data-theme="dark"] .health-business-card,
html[data-theme="dark"] .health-live-card,
html[data-theme="dark"] .health-report-card,
html[data-theme="dark"] .health-mobile-meta div,
body.dark-only .health-panel,
body.dark-only .health-score-card,
body.dark-only .health-note-card,
body.dark-only .health-business-card,
body.dark-only .health-live-card,
body.dark-only .health-report-card,
body.dark-only .health-mobile-meta div {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .health-score-card,
html[data-theme="dark"] .health-note-card,
html[data-theme="dark"] .health-business-card,
html[data-theme="dark"] .health-live-card,
html[data-theme="dark"] .health-report-card,
html[data-theme="dark"] .health-mobile-meta div,
body.dark-only .health-score-card,
body.dark-only .health-note-card,
body.dark-only .health-business-card,
body.dark-only .health-live-card,
body.dark-only .health-report-card,
body.dark-only .health-mobile-meta div {
  background: #111a2c !important;
  background-color: #111a2c !important;
}

html[data-theme="dark"] .health-panel-head h5,
html[data-theme="dark"] .health-score-ring strong,
html[data-theme="dark"] .health-business-card strong,
html[data-theme="dark"] .health-live-card strong,
html[data-theme="dark"] .health-mobile-top strong,
html[data-theme="dark"] .health-mobile-meta strong,
body.dark-only .health-panel-head h5,
body.dark-only .health-score-ring strong,
body.dark-only .health-business-card strong,
body.dark-only .health-live-card strong,
body.dark-only .health-mobile-top strong,
body.dark-only .health-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .health-panel-head span,
html[data-theme="dark"] .health-score-card p,
html[data-theme="dark"] .health-score-ring span,
html[data-theme="dark"] .health-note-card span,
html[data-theme="dark"] .health-business-card span,
html[data-theme="dark"] .health-live-card span,
html[data-theme="dark"] .health-mobile-top span:not(.health-status-pill),
html[data-theme="dark"] .health-mobile-meta small,
body.dark-only .health-panel-head span,
body.dark-only .health-score-card p,
body.dark-only .health-score-ring span,
body.dark-only .health-note-card span,
body.dark-only .health-business-card span,
body.dark-only .health-live-card span,
body.dark-only .health-mobile-top span:not(.health-status-pill),
body.dark-only .health-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .health-panel-head h5 i,
html[data-theme="dark"] .health-business-card i,
html[data-theme="dark"] .health-live-card i,
body.dark-only .health-panel-head h5 i,
body.dark-only .health-business-card i,
body.dark-only .health-live-card i {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .health-score-ring,
body.dark-only .health-score-ring {
  background:
    radial-gradient(circle at center, #111a2c 0 58%, transparent 59%),
    conic-gradient(#0f8f86 calc(var(--score) * 1%), #334155 0) !important;
}

html[data-theme="dark"] .health-score-card.warning .health-score-ring,
body.dark-only .health-score-card.warning .health-score-ring {
  background:
    radial-gradient(circle at center, #111a2c 0 58%, transparent 59%),
    conic-gradient(#d38a00 calc(var(--score) * 1%), #334155 0) !important;
}

html[data-theme="dark"] .health-score-card.danger .health-score-ring,
body.dark-only .health-score-card.danger .health-score-ring {
  background:
    radial-gradient(circle at center, #111a2c 0 58%, transparent 59%),
    conic-gradient(#ef4444 calc(var(--score) * 1%), #334155 0) !important;
}

html[data-theme="dark"] .operations-panel,
html[data-theme="dark"] .operations-action-card,
html[data-theme="dark"] .operations-health-card,
html[data-theme="dark"] .operations-queue-card,
html[data-theme="dark"] .operations-backup-card,
html[data-theme="dark"] .operations-mobile-meta div,
body.dark-only .operations-panel,
body.dark-only .operations-action-card,
body.dark-only .operations-health-card,
body.dark-only .operations-queue-card,
body.dark-only .operations-backup-card,
body.dark-only .operations-mobile-meta div {
  background: #162033 !important;
  background-color: #162033 !important;
  border-color: #2b3b52 !important;
  color: #dbe7f0 !important;
}

html[data-theme="dark"] .operations-action-card,
html[data-theme="dark"] .operations-health-card,
html[data-theme="dark"] .operations-queue-card,
html[data-theme="dark"] .operations-backup-card,
html[data-theme="dark"] .operations-mobile-meta div,
body.dark-only .operations-action-card,
body.dark-only .operations-health-card,
body.dark-only .operations-queue-card,
body.dark-only .operations-backup-card,
body.dark-only .operations-mobile-meta div {
  background: #111a2c !important;
  background-color: #111a2c !important;
}

html[data-theme="dark"] .operations-panel-head h5,
html[data-theme="dark"] .operations-action-card strong,
html[data-theme="dark"] .operations-health-card strong,
html[data-theme="dark"] .operations-queue-card strong,
html[data-theme="dark"] .operations-file-cell strong,
html[data-theme="dark"] .operations-mobile-top strong,
html[data-theme="dark"] .operations-mobile-meta strong,
body.dark-only .operations-panel-head h5,
body.dark-only .operations-action-card strong,
body.dark-only .operations-health-card strong,
body.dark-only .operations-queue-card strong,
body.dark-only .operations-file-cell strong,
body.dark-only .operations-mobile-top strong,
body.dark-only .operations-mobile-meta strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] .operations-panel-head span,
html[data-theme="dark"] .operations-action-card span,
html[data-theme="dark"] .operations-health-card span,
html[data-theme="dark"] .operations-queue-card span,
html[data-theme="dark"] .operations-file-cell span,
html[data-theme="dark"] .operations-mobile-top span:not(.operations-status-pill),
html[data-theme="dark"] .operations-mobile-meta small,
body.dark-only .operations-panel-head span,
body.dark-only .operations-action-card span,
body.dark-only .operations-health-card span,
body.dark-only .operations-queue-card span,
body.dark-only .operations-file-cell span,
body.dark-only .operations-mobile-top span:not(.operations-status-pill),
body.dark-only .operations-mobile-meta small {
  color: #a9b8ca !important;
}

html[data-theme="dark"] .operations-panel-head h5 i,
html[data-theme="dark"] .operations-action-card i,
html[data-theme="dark"] .operations-health-card i,
html[data-theme="dark"] .operations-file-cell > i,
html[data-theme="dark"] .operations-queue-card i,
body.dark-only .operations-panel-head h5 i,
body.dark-only .operations-action-card i,
body.dark-only .operations-health-card i,
body.dark-only .operations-file-cell > i,
body.dark-only .operations-queue-card i {
  background: #123f43 !important;
  color: #5eead4 !important;
}

html[data-theme="dark"] .operations-action-card:hover,
body.dark-only .operations-action-card:hover {
  background: #1b2a40 !important;
  border-color: #1d6869 !important;
}

html[data-theme="dark"] .operations-action-card.is-warning i,
html[data-theme="dark"] .operations-queue-card.danger i,
body.dark-only .operations-action-card.is-warning i,
body.dark-only .operations-queue-card.danger i {
  background: #3b2a12 !important;
  color: #fbbf24 !important;
}

.lms-brand-logo {
  max-height: 46px;
  max-width: 170px;
  object-fit: contain;
}

.lms-brand-icon {
  max-height: 34px;
  max-width: 34px;
  object-fit: contain;
}

.lms-login-logo {
  max-height: 68px;
  max-width: 240px;
  object-fit: contain;
}

.login-card .login-brand-wrap {
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  width: 450px;
}

.login-card .login-brand-wrap .logo {
  align-items: center;
  background: linear-gradient(135deg, #004f4b 0%, #00766f 58%, #173878 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  box-shadow: 0 18px 42px rgba(0, 102, 102, 0.18);
  display: flex !important;
  justify-content: center;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 22px;
  text-align: center;
  width: 100%;
}

.login-card .login-brand-wrap .logo img {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.18));
}

.settings-branding-upload {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-template-columns: 112px minmax(0, 1fr);
}

.settings-branding-preview {
  align-items: center;
  background: #f7fafb;
  border: 1px solid #e3ebeb;
  border-radius: 8px;
  display: flex;
  height: 76px;
  justify-content: center;
  padding: 10px;
}

.settings-branding-preview.is-dark {
  background: #006b66;
  border-color: #006b66;
}

.settings-branding-preview img {
  max-height: 54px;
  max-width: 96px;
  object-fit: contain;
}

.settings-branding-control {
  min-width: 0;
}

.settings-branding-control small {
  color: #8996a6;
  display: block;
  font-size: 11px;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-theme="dark"] .settings-branding-preview,
body.dark-only .settings-branding-preview {
  background: #0f172a !important;
  border-color: #334155 !important;
}

html[data-theme="dark"] .settings-branding-preview.is-dark,
body.dark-only .settings-branding-preview.is-dark {
  background: #006b66 !important;
  border-color: #1d6869 !important;
}

html[data-theme="dark"] .settings-branding-control small,
body.dark-only .settings-branding-control small {
  color: #a9b8ca !important;
}

@media (max-width: 575.98px) {
  .settings-branding-upload {
    grid-template-columns: 1fr;
  }

  .settings-branding-preview {
    justify-content: flex-start;
  }
}