/* ALARGAN TOWELL INTERNAL SHELL V7.2
   Authenticated shell only. No logo is shown in the sidebar. */

body.alargan-internal-shell {
  --at-purple: #61116a;
  --at-purple-900: #3d0a45;
  --at-purple-800: #4b0d55;
  --at-purple-700: #6f2877;
  --at-purple-100: #f4eaf5;
  --at-purple-50: #faf6fb;
  --at-grey: #a7a9ab;
  --at-text: #241a27;
  --at-muted: #756a79;
  --at-border: #e8dce9;
  --at-surface: #ffffff;
  --at-page: #f7f6f8;
  background: var(--at-page) !important;
}

body.alargan-internal-shell .app-shell {
  background: var(--at-page) !important;
}

body.alargan-internal-shell .tv-sidebar,
body.alargan-internal-shell .sidebar {
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(180deg, var(--at-purple-800) 0%, var(--at-purple) 48%, var(--at-purple-900) 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 18px 0 44px rgba(61, 10, 69, .16) !important;
}

body.alargan-internal-shell .alargan-shell-brand,
body.alargan-internal-shell .alargan-original-brand-hidden {
  display: none !important;
}

body.alargan-internal-shell .tv-sidebar nav,
body.alargan-internal-shell .sidebar nav {
  padding-top: 14px !important;
}

body.alargan-internal-shell .tv-sidebar-item,
body.alargan-internal-shell .sidebar nav > a,
body.alargan-internal-shell .sidebar nav > button {
  position: relative;
  color: rgba(255,255,255,.78) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  margin: 3px 10px !important;
  min-height: 46px !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

body.alargan-internal-shell .tv-sidebar-item:hover,
body.alargan-internal-shell .sidebar nav > a:hover,
body.alargan-internal-shell .sidebar nav > button:hover {
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.10) !important;
  transform: translateX(2px);
}

body.alargan-internal-shell .tv-sidebar-item.active,
body.alargan-internal-shell .tv-sidebar-item.is-active,
body.alargan-internal-shell .tv-sidebar-item[aria-current="page"],
body.alargan-internal-shell .sidebar nav > .active,
body.alargan-internal-shell .sidebar nav > .is-active,
body.alargan-internal-shell .sidebar nav > [aria-current="page"] {
  color: var(--at-purple-900) !important;
  background: #fff !important;
  border-color: rgba(255,255,255,.72) !important;
  box-shadow: 0 12px 28px rgba(37, 4, 43, .18) !important;
}

body.alargan-internal-shell .tv-sidebar-item svg,
body.alargan-internal-shell .sidebar nav svg {
  color: currentColor !important;
  stroke-width: 1.8 !important;
}

body.alargan-internal-shell .tv-sidebar-copy strong,
body.alargan-internal-shell .sidebar nav strong {
  color: inherit !important;
  font-weight: 750 !important;
}

body.alargan-internal-shell .tv-sidebar-copy small,
body.alargan-internal-shell .sidebar nav small {
  color: rgba(255,255,255,.52) !important;
}

body.alargan-internal-shell .tv-sidebar-item.active small,
body.alargan-internal-shell .tv-sidebar-item.is-active small,
body.alargan-internal-shell .tv-sidebar-item[aria-current="page"] small {
  color: var(--at-purple-700) !important;
}

body.alargan-internal-shell .tv-sidebar-logout,
body.alargan-internal-shell .sidebar [class*="logout"],
body.alargan-internal-shell .sidebar [class*="signout"] {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
}

body.alargan-internal-shell .tv-sidebar-logout:hover,
body.alargan-internal-shell .sidebar [class*="logout"]:hover,
body.alargan-internal-shell .sidebar [class*="signout"]:hover {
  background: rgba(255,255,255,.15) !important;
}

body.alargan-internal-shell .topbar,
body.alargan-internal-shell .app-topbar,
body.alargan-internal-shell .tv-topbar {
  min-height: 68px !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--at-border) !important;
  box-shadow: 0 8px 30px rgba(54, 31, 58, .07) !important;
  backdrop-filter: blur(14px);
}

body.alargan-internal-shell .topbar h1,
body.alargan-internal-shell .topbar h2,
body.alargan-internal-shell .app-topbar h1,
body.alargan-internal-shell .app-topbar h2,
body.alargan-internal-shell .tv-topbar h1,
body.alargan-internal-shell .tv-topbar h2 {
  color: var(--at-text) !important;
  letter-spacing: -.02em;
}

body.alargan-internal-shell .app-topbar-tool-btn,
body.alargan-internal-shell .app-topbar-avatar-btn,
body.alargan-internal-shell .notification-bell-button,
body.alargan-internal-shell .topbar-actions button,
body.alargan-internal-shell .topbar > button,
body.alargan-internal-shell .app-topbar > button {
  color: var(--at-purple) !important;
  background: var(--at-purple-50) !important;
  border-color: var(--at-border) !important;
  box-shadow: none !important;
}

body.alargan-internal-shell .app-topbar-tool-btn:hover,
body.alargan-internal-shell .app-topbar-avatar-btn:hover,
body.alargan-internal-shell .notification-bell-button:hover,
body.alargan-internal-shell .topbar-actions button:hover,
body.alargan-internal-shell .topbar > button:hover,
body.alargan-internal-shell .app-topbar > button:hover {
  color: #fff !important;
  background: var(--at-purple) !important;
  border-color: var(--at-purple) !important;
  transform: translateY(-1px);
}

body.alargan-internal-shell .notification-bell-button [class*="badge"],
body.alargan-internal-shell .notification-bell-button::after {
  background: var(--at-purple) !important;
  border-color: #fff !important;
}

body.alargan-internal-shell .topbar-user {
  background: var(--at-purple-50) !important;
  border-color: var(--at-border) !important;
  box-shadow: none !important;
}

body.alargan-internal-shell .topbar-user strong {
  color: var(--at-text) !important;
}

body.alargan-internal-shell .topbar-user span {
  color: var(--at-purple) !important;
}

body.alargan-internal-shell .app-topbar-avatar-btn img,
body.alargan-internal-shell .topbar-user img,
body.alargan-internal-shell [class*="topbar"] [class*="avatar"] img {
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 2px rgba(97,17,106,.24) !important;
}

body.alargan-internal-shell .compact-global-search,
body.alargan-internal-shell [class*="global-search"] {
  border-color: var(--at-border) !important;
  background: var(--at-purple-50) !important;
}

body.alargan-internal-shell .compact-global-search:focus-within,
body.alargan-internal-shell [class*="global-search"]:focus-within {
  border-color: rgba(97,17,106,.46) !important;
  box-shadow: 0 0 0 3px rgba(97,17,106,.10) !important;
}

body.alargan-internal-shell .topbar input[type="search"],
body.alargan-internal-shell .app-topbar input[type="search"],
body.alargan-internal-shell .tv-topbar input[type="search"] {
  color: var(--at-text) !important;
  background: transparent !important;
}

html[dir="rtl"] body.alargan-internal-shell .tv-sidebar-item:hover,
html[dir="rtl"] body.alargan-internal-shell .sidebar nav > a:hover,
html[dir="rtl"] body.alargan-internal-shell .sidebar nav > button:hover {
  transform: translateX(-2px);
}

@media (max-width: 860px) {
  body.alargan-internal-shell .tv-sidebar nav,
  body.alargan-internal-shell .sidebar nav {
    padding-top: 10px !important;
  }

  body.alargan-internal-shell .topbar,
  body.alargan-internal-shell .app-topbar,
  body.alargan-internal-shell .tv-topbar {
    min-height: 60px !important;
  }
}