/*
  Wortic macOS UI Kit — Toolbar
  wm-toolbar — barra de ferramentas integrada à janela (unified toolbar).
  Vidro verdadeiro: blur alto + saturação, specular de topo, hairline
  de 0.5px na base.
*/

@layer components {
  .wm-toolbar {
    display: flex;
    align-items: center;
    gap: var(--wm-space-4);
    min-height: 44px;
    padding-inline: var(--wm-space-7);
    /* Specular de topo (2-4%) sobre o material de vidro */
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.06),
        rgba(255, 255, 255, 0) 55%
      ),
      var(--wm-material-toolbar-bg);
    backdrop-filter: blur(var(--wm-material-blur-strong, 40px))
      saturate(var(--wm-material-saturate-strong, 1.9));
    -webkit-backdrop-filter: blur(var(--wm-material-blur-strong, 40px))
      saturate(var(--wm-material-saturate-strong, 1.9));
    border-bottom: var(--wm-border-width-hairline) solid
      color-mix(in srgb, var(--wm-separator) 85%, transparent);
    box-shadow: inset 0 1px 0
      color-mix(in srgb, var(--wm-material-glass-border) 55%, transparent);
  }

  .wm-toolbar--plain {
    background: var(--wm-surface-primary);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }

  .wm-toolbar__group {
    display: flex;
    align-items: center;
    gap: var(--wm-space-2);
  }

  .wm-toolbar__spacer {
    flex: 1 1 auto;
  }

  .wm-toolbar__divider {
    flex: none;
    width: var(--wm-border-width-hairline);
    height: 16px;
    background: var(--wm-separator-strong);
    margin-inline: var(--wm-space-3);
  }

  .wm-toolbar__title {
    font-size: var(--wm-font-size-headline);
    font-weight: var(--wm-font-weight-semibold);
    letter-spacing: var(--wm-letter-spacing-tight);
    color: var(--wm-label-primary);
    white-space: nowrap;
  }

  /* Search embutido na toolbar */
  .wm-toolbar .wm-field {
    height: 26px;
    max-width: 220px;
  }

  /* Toolbar secundária (ex: filtros abaixo do título) */
  .wm-toolbar--secondary {
    min-height: 34px;
    background: var(--wm-surface-secondary);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
}