/* Menu do Master alinhado ao CapeServer; sem alterar o conteúdo das rotas. */
@media screen {
  .layout > .sidebar {
    --cape-sidebar-width: 244px;
    background: #164a9b !important;
    box-shadow: none !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  }
  .layout > .sidebar * { font-family: inherit !important; }
  .layout > .sidebar .brand {
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
  }
  .layout > .sidebar .portal-menu-organized {
    gap: 2px !important;
    margin: 0 8px !important;
  }
  .layout > .sidebar .menu-box,
  .layout > .sidebar .nav-item {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .layout > .sidebar .menu-box-link,
  .layout > .sidebar .menu-box-toggle,
  .layout > .sidebar .nav-item {
    padding: 7px 10px !important;
    min-height: 32px !important;
    box-sizing: border-box;
  }
  .layout > .sidebar .menu-box-header { gap: 9px !important; align-items: center !important; }
  .layout > .sidebar .menu-box-title,
  .layout > .sidebar .menu-subgroup-title,
  .layout > .sidebar .nav-item {
    font-size: 12.8px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: rgba(255,255,255,.92) !important;
    letter-spacing: 0 !important;
  }
  .layout > .sidebar .menu-box-icon {
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .layout > .sidebar .menu-box-icon svg { width: 16px; height: 16px; }
  .layout > .sidebar .menu-subgroup-icon,
  .layout > .sidebar .menu-subgroup-description { display: none !important; }
  .layout > .sidebar .menu-box-items,
  .layout > .sidebar .menu-subgroup-items {
    gap: 2px !important;
    margin: 0 !important;
    padding: 2px 0 4px 18px !important;
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .layout > .sidebar .menu-subgroup,
  .layout > .sidebar .menu-subgroup[open] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .layout > .sidebar .menu-subitem,
  .layout > .sidebar .menu-subitem:visited,
  .layout > .sidebar .menu-subgroup-toggle {
    padding: 6px 9px !important;
    font-size: 12.48px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .layout > .sidebar .menu-box-link:hover,
  .layout > .sidebar .menu-box-link.active,
  .layout > .sidebar .menu-box-toggle:hover,
  .layout > .sidebar .menu-box-group.active > .menu-box-toggle,
  .layout > .sidebar .menu-subitem:hover,
  .layout > .sidebar .menu-subitem.active,
  .layout > .sidebar .menu-subgroup-toggle:hover {
    background: rgba(255,255,255,.13) !important;
    box-shadow: inset 2px 0 0 rgba(255,255,255,.85) !important;
  }
  .layout > .sidebar :is(a, summary, button):focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: -2px;
  }
  /* Não depender do comportamento implícito do details com display:grid. */
  .layout > .sidebar details:not([open]) > .menu-box-items,
  .layout > .sidebar details:not([open]) > .menu-subgroup-items { display: none !important; }
}
@media screen and (min-width: 761px) {
  :root { --cape-sidebar-width: 244px; }
  .layout > .sidebar { width: 244px !important; max-width: 244px !important; }
  .layout > .content,
  .layout > .content.dashboard-minimal { margin-left: 244px !important; }
}
@media screen and (max-width: 760px) {
  .layout > .sidebar .menu-box-link,
  .layout > .sidebar .menu-box-toggle,
  .layout > .sidebar .menu-subitem,
  .layout > .sidebar .menu-subgroup-toggle { min-height: 40px !important; }
}