/* _content/DojoSystem/Components/Layout/MainLayout.razor.rz.scp.css */
/* ÕûÌå×óÓÒ²¼¾Ö */
.page[b-reo3e6mfw1] {
    display: flex;
    min-height: 100vh;
    background: #F7F9FC;
}

/* ×ó²àµ¼º½ÇøÓò£ºÕâÀï¾Í²»ÔÙÓý¥±äÁË */
.sidebar[b-reo3e6mfw1] {
    width: 240px;
    background: #FFFFFF;
    border-right: 1px solid #E2E8F0;
    padding: 16px 12px;
}

/* ÓÒ²àÄÚÈÝÇøÓò */
main[b-reo3e6mfw1] {
    flex: 1;
    padding: 24px 32px;
    background: #F7F9FC;
}
/* _content/DojoSystem/Components/Layout/NavMenu.razor.rz.scp.css */
:root[b-9cmzqvjg0n] {
  /* Primary color should match theme primary (#5C6BC0) */
  --app-primary: #5C6BC0;
  --app-primary-bg: rgba(92, 107, 192, 0.08);
  --logo-max-height: 120px;
  --logo-max-height-mobile: 64px;
}

.dojo-nav[b-9cmzqvjg0n] {
  /* reduced top padding so logo sits closer to top */
  padding: 4px 0 8px 0;
}

/* Base nav item adjustments */
.dojo-nav .nav-item[b-9cmzqvjg0n] {
  position: relative;
  border-radius: 6px;
  padding-left: 14px; /* space for left indicator */
  margin: 4px 8px;
  transition: background-color .12s ease, color .12s ease;
}

/* Hover: subtle */
.dojo-nav .nav-item:hover[b-9cmzqvjg0n] {
  background-color: rgba(0,0,0,0.02);
}

/* Active / selected styles - cover MudBlazor and Blazor active classes */
.dojo-nav .nav-item.mud-nav-link-active[b-9cmzqvjg0n],
.dojo-nav .nav-item.active[b-9cmzqvjg0n],
.dojo-nav .nav-item[aria-current="page"][b-9cmzqvjg0n] {
  background-color: var(--app-primary-bg) !important;
  color: var(--app-primary) !important;
}

/* Left thin blue indicator */
.dojo-nav .nav-item.mud-nav-link-active[b-9cmzqvjg0n]::before,
.dojo-nav .nav-item.active[b-9cmzqvjg0n]::before,
.dojo-nav .nav-item[aria-current="page"][b-9cmzqvjg0n]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  background: var(--app-primary);
  border-radius: 2px;
}

/* Make icon and text use primary color when active */
.dojo-nav .nav-item.mud-nav-link-active .mud-icon-root[b-9cmzqvjg0n],
.dojo-nav .nav-item.active .mud-icon-root[b-9cmzqvjg0n],
.dojo-nav .nav-item[aria-current="page"] .mud-icon-root[b-9cmzqvjg0n] {
  color: var(--app-primary) !important;
}

.dojo-nav .nav-item.mud-nav-link-active .mud-nav-link-text[b-9cmzqvjg0n],
.dojo-nav .nav-item.active .mud-nav-link-text[b-9cmzqvjg0n],
.dojo-nav .nav-item[aria-current="page"] .mud-nav-link-text[b-9cmzqvjg0n] {
  color: var(--app-primary) !important;
  font-weight: 600;
}

/* Increase visual focus: slightly larger icon for active item */
.dojo-nav .nav-item.mud-nav-link-active .mud-icon-root svg[b-9cmzqvjg0n],
.dojo-nav .nav-item.active .mud-icon-root svg[b-9cmzqvjg0n],
.dojo-nav .nav-item[aria-current="page"] .mud-icon-root svg[b-9cmzqvjg0n] {
  transform: scale(1.05);
}

/* Ensure group titles inherit style when any child is active (MudNavGroup may add class mud-nav-group-expanded) */
.dojo-nav .mud-nav-group.mud-nav-group-expanded > .mud-nav-group-title[b-9cmzqvjg0n] {
  background-color: var(--app-primary-bg);
  color: var(--app-primary);
  border-radius: 6px;
}

/* Logo area: larger by default, smaller on narrow screens */
.dojo-nav .logo[b-9cmzqvjg0n] {
  display: block;
  /* reduce top margin to remove excess whitespace above logo */
  margin: 0px 12px 8px 12px; /* top/right/bottom/left spacing; positions logo near top-left */
  max-height: var(--logo-max-height); /* larger size for desktop */
  width: auto;
  object-fit: contain;
}

/* Backward compatible selector if template uses plain img without .logo */
.dojo-nav img[b-9cmzqvjg0n] {
  display: block;
  margin: 0px 12px 8px 12px;
  max-height: var(--logo-max-height);
  width: auto;
  object-fit: contain;
}

/* On small screens reduce the logo size to avoid pushing nav items */
@media (max-width: 600px) {
  .dojo-nav .logo[b-9cmzqvjg0n],
  .dojo-nav img[b-9cmzqvjg0n] {
    max-height: var(--logo-max-height-mobile);
    /* slightly smaller top margin on mobile */
    margin: 6px 10px;
  }
}

.dojo-nav .mud-text[b-9cmzqvjg0n] { display:block; text-align:center }