/* Product UI 2.1.0: opt-in material and navigation. Encontro 1.1.2 tokens load first. */
.a1p-expressive {
  --a1p-nav-size: 44px;
  --a1p-marked: var(--a1-material-marked-light);
  --a1p-marked-solid: var(--a1-material-marked-solid-light);
  --a1p-marked-line: var(--a1-material-marked-line-light);
  --a1p-glass: var(--a1p-marked);
  --a1p-glass-border: var(--a1p-marked-line);
}
[data-a1p-theme='dark'] .a1p-expressive, .a1p-expressive[data-a1p-theme='dark'],
[data-theme='dark'] .a1p-expressive, .a1p-expressive[data-theme='dark'] {
  --a1p-marked: var(--a1-material-marked-dark);
  --a1p-marked-solid: var(--a1-material-marked-solid-dark);
  --a1p-marked-line: var(--a1-material-marked-line-dark);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-a1p-theme='light']):not([data-theme='light']) .a1p-expressive,
  :root.a1p-expressive:not([data-a1p-theme='light']):not([data-theme='light']) {
    --a1p-marked: var(--a1-material-marked-dark);
    --a1p-marked-solid: var(--a1-material-marked-solid-dark);
    --a1p-marked-line: var(--a1-material-marked-line-dark);
  }
  [data-a1p-theme='light'] .a1p-expressive, .a1p-expressive[data-a1p-theme='light'],
  [data-theme='light'] .a1p-expressive, .a1p-expressive[data-theme='light'] {
    --a1p-marked: var(--a1-material-marked-light);
    --a1p-marked-solid: var(--a1-material-marked-solid-light);
    --a1p-marked-line: var(--a1-material-marked-line-light);
  }
}
.a1p-expressive .a1p-surface[data-variant='glass'],
.a1p-expressive .a1p-nav-item[data-compact='true'],
.a1p-expressive[data-collapsed='true'] .a1p-app-sidebar .a1p-nav-item,
.a1p-expressive .a1p-mobile-disc {
  background: var(--a1p-marked);
  border: 1px solid var(--a1p-marked-line);
  box-shadow: var(--a1-shadow-soft);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.a1p-expressive .a1p-nav-item[data-active='true'] { border-color: var(--a1p-accent); color: var(--a1p-accent); }
.a1p-expressive .a1p-app-topbar { background: var(--a1p-canvas); }
.a1p-expressive .a1p-topbar { background: transparent; border: 0; box-shadow: none; }
.a1p-expressive .a1p-topbar :where(button,a) { min-height: 44px; }
.a1p-app-frame[data-navigation-mode='overlay'],
.a1p-app-frame[data-navigation-mode='overlay'][data-collapsed='true'] {
  grid-template-columns: var(--a1p-sidebar-rail) minmax(0, 1fr);
  transition: none;
}
.a1p-app-frame[data-navigation-mode='overlay'] > .a1p-app-sidebar {
  width: var(--a1p-sidebar-width);
  z-index: calc(var(--a1p-z-sticky) + 2);
  border-radius: 0 var(--a1p-radius-surface) var(--a1p-radius-surface) 0;
  background: var(--a1p-surface);
  box-shadow: var(--a1-shadow-overlay);
}
.a1p-app-frame[data-navigation-mode='overlay'][data-collapsed='true'] > .a1p-app-sidebar {
  width: var(--a1p-sidebar-rail);
  background: transparent;
  box-shadow: none;
}
.a1p-mobile-navigation { display: none; }
.a1p-mobile-disc { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; }
@media (max-width: 760px) {
  .a1p-app-frame[data-navigation-mode='overlay'],
  .a1p-app-frame[data-navigation-mode='overlay'][data-collapsed='true'] { grid-template-columns: minmax(0, 1fr); }
  .a1p-app-frame[data-navigation-mode='overlay'][data-collapsed='false'] > .a1p-app-sidebar {
    display: block; position: fixed; inset-inline-start: 0;
    top: var(--a1p-topbar-height); bottom: calc(76px + env(safe-area-inset-bottom));
    height: auto; max-height: calc(100dvh - var(--a1p-topbar-height) - 76px - env(safe-area-inset-bottom));
    width: min(var(--a1p-sidebar-width), calc(100vw - 44px));
  }
  .a1p-mobile-navigation {
    position: fixed; z-index: var(--a1p-z-sticky); inset-inline: 0; bottom: 0;
    display: flex; justify-content: space-evenly; gap: 4px;
    min-height: calc(76px + env(safe-area-inset-bottom));
    padding: 4px 8px calc(4px + env(safe-area-inset-bottom));
    background: var(--a1p-canvas); border: 0;
  }
  .a1p-mobile-navigation > :where(a,button) {
    display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center;
    min-width: 0; min-height: 68px; gap: 3px; padding: 0;
    color: var(--a1p-text-secondary); background: transparent; border: 0;
    font: inherit; font-size: 11px; line-height: 16px; text-decoration: none;
    letter-spacing: 0; text-transform: none; cursor: pointer;
  }
  .a1p-mobile-navigation [aria-current='page'] { color: var(--a1p-accent); }
  .a1p-mobile-navigation [aria-current='page'] .a1p-mobile-disc { border-color: var(--a1p-accent); }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .a1p-expressive { --a1p-glass: var(--a1p-marked-solid); }
  .a1p-expressive .a1p-surface[data-variant='glass'],
  .a1p-expressive .a1p-nav-item[data-compact='true'],
  .a1p-expressive[data-collapsed='true'] .a1p-app-sidebar .a1p-nav-item,
  .a1p-expressive .a1p-mobile-disc { background: var(--a1p-marked-solid); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@supports not (backdrop-filter: blur(1px)) {
  .a1p-expressive { --a1p-glass: var(--a1p-marked-solid); }
  .a1p-expressive .a1p-surface[data-variant='glass'], .a1p-expressive .a1p-mobile-disc,
  .a1p-expressive[data-collapsed='true'] .a1p-app-sidebar .a1p-nav-item { background: var(--a1p-marked-solid); }
}
@media (forced-colors: active) {
  .a1p-expressive .a1p-mobile-disc { background: Canvas; border-color: ButtonText; box-shadow: none; }
  .a1p-mobile-navigation [aria-current='page'] .a1p-mobile-disc { outline: 2px solid Highlight; }
}
@media print { .a1p-mobile-navigation { display: none; } }