/* ResellMobiel brand overrides for the OSS/BSS portal.
 * Scope every selector to the body class so other PortalBrand customers keep
 * the default Metronic look and feel even if this file is loaded accidentally.
 */
body.brand-resellmobiel {
  --rm-bg: #f5f0f6;
  --rm-panel: #ffffff;
  --rm-panel-soft: #fbf8fc;
  --rm-border: #e7dbea;
  --rm-text: #25182b;
  --rm-muted: #74627a;
  --rm-primary: #5a3466;
  --rm-primary-dark: #3f2448;
  --rm-primary-rgb: 90, 52, 102;
  --rm-accent: #a466a3;
  --rm-accent-rgb: 164, 102, 163;
  --rm-sidebar: #211327;
  --rm-sidebar-soft: #321f3a;
  background:
    radial-gradient(circle at top left, rgba(var(--rm-accent-rgb), 0.16), transparent 34%),
    linear-gradient(135deg, #fdf9fe 0%, var(--rm-bg) 46%, #ece1ef 100%);
  color: var(--rm-text);
  font-family: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.brand-resellmobiel a {
  color: var(--rm-primary);
}

body.brand-resellmobiel .page-header.navbar {
  background:
    linear-gradient(90deg, var(--rm-sidebar) 0%, var(--rm-primary-dark) 55%, var(--rm-primary) 100%);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.18);
  border: 0;
}

body.brand-resellmobiel .page-header.navbar .page-logo {
  background: transparent;
}

body.brand-resellmobiel.page-sidebar-closed .page-header.navbar .page-logo {
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

body.brand-resellmobiel.page-sidebar-closed .page-header.navbar .page-logo .logo-default {
  display: none;
}

body.brand-resellmobiel.page-sidebar-closed .page-header.navbar .menu-toggler.sidebar-toggler {
  margin-right: 14.5px;
}

body.brand-resellmobiel .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
body.brand-resellmobiel .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
body.brand-resellmobiel .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}

body.brand-resellmobiel .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle .username,
body.brand-resellmobiel .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
  color: #f0e5f3;
}

body.brand-resellmobiel .page-container {
  background: transparent;
}

body.brand-resellmobiel .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
body.brand-resellmobiel .page-sidebar {
  /* Match the default layout's fixed header (46px) plus footer (33px) so the sidebar does not push the footer below the viewport. */
  min-height: calc(100vh - 79px);
  background:
    linear-gradient(180deg, rgba(var(--rm-accent-rgb), 0.20), transparent 30%),
    var(--rm-sidebar);
  box-shadow: 18px 0 38px rgba(15, 23, 42, 0.14);
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li > a,
body.brand-resellmobiel .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
  color: #e8dcea;
  border-top: 0;
  border-radius: 14px;
  /* margin: 3px 10px; */
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li > a > i,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
body.brand-resellmobiel .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
  color: inherit;
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li:hover > a,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.open > a,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.active > a,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.active.open > a {
  background: linear-gradient(135deg, rgba(var(--rm-primary-rgb), 0.98), rgba(var(--rm-accent-rgb), 0.94));
  color: #fff;
  box-shadow: 0 14px 28px rgba(var(--rm-primary-rgb), 0.24);
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.active > a > .selected,
body.brand-resellmobiel .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected {
  display: none;
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before {
  color: #fff;
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu .sub-menu > li > a {
  color: #d9c7de;
  border-radius: 12px;
  /* margin: 2px 12px 2px 22px; */
}

body.brand-resellmobiel .page-sidebar .page-sidebar-menu .sub-menu > li.active > a,
body.brand-resellmobiel .page-sidebar .page-sidebar-menu .sub-menu > li > a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff;
}

body.brand-resellmobiel .page-sidebar .sidebar-search .input-group {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0 10px 10px;
}

body.brand-resellmobiel .page-sidebar .sidebar-search .input-group .form-control {
  color: #f0e5f3;
}

body.brand-resellmobiel .page-content-wrapper .page-content {
  box-sizing: border-box;
  min-height: calc(100vh - 79px) !important;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(231, 219, 234, 0.80);
  border-radius: 24px 0 0 0;
  box-shadow: none;
  margin-top: 0;
  margin-right: 0;
}

body.brand-resellmobiel .page-title {
  color: var(--rm-text);
  font-weight: 800;
  letter-spacing: -0.03em;
}

body.brand-resellmobiel .page-title small,
body.brand-resellmobiel .page-bar .page-breadcrumb > li > a,
body.brand-resellmobiel .page-bar .page-breadcrumb > li > span {
  color: var(--rm-muted);
}

body.brand-resellmobiel .page-bar,
body.brand-resellmobiel .portlet,
body.brand-resellmobiel .panel,
body.brand-resellmobiel .well {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--rm-border);
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

body.brand-resellmobiel .portlet > .portlet-title {
  border-bottom-color: var(--rm-border);
  border-radius: 18px 18px 0 0;
}

body.brand-resellmobiel .portlet:not(.box):not(.light) > .portlet-title {
  padding-left: 14px;
  padding-right: 14px;
}

body.brand-resellmobiel .portlet:not(.box):not(.light) > .portlet-body {
  padding: 10px 14px 14px;
}

body.brand-resellmobiel .portlet.box > .portlet-title {
  background: linear-gradient(135deg, var(--rm-primary), var(--rm-accent));
  color: #fff;
}

body.brand-resellmobiel .btn-primary,
body.brand-resellmobiel .btn.blue,
body.brand-resellmobiel .label-primary,
body.brand-resellmobiel .badge-primary {
  background: linear-gradient(135deg, var(--rm-primary), var(--rm-accent)) !important;
  border-color: var(--rm-primary) !important;
  color: #fff !important;
}

body.brand-resellmobiel .btn-primary:hover,
body.brand-resellmobiel .btn.blue:hover {
  background: linear-gradient(135deg, var(--rm-primary-dark), var(--rm-primary)) !important;
}

body.brand-resellmobiel .table > thead > tr > th {
  color: var(--rm-text);
  border-bottom-color: var(--rm-border);
}

body.brand-resellmobiel .table-striped > tbody > tr:nth-child(odd) > td,
body.brand-resellmobiel .table-striped > tbody > tr:nth-child(odd) > th {
  background: var(--rm-panel-soft);
}

body.brand-resellmobiel .page-footer {
  background: transparent;
  color: var(--rm-muted);
}

@media (max-width: 991px) {
  body.brand-resellmobiel .page-content-wrapper .page-content {
    border-radius: 18px 18px 0 0;
    margin: 0;
  }
}