/* Authentication form controls inside the menu overlay. */

  .auth-form {
    display: grid;
    gap: 10px;
  }

  .menu-auth-field {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid var(--vk-analysis-inset-surface-border);
    border-radius: var(--vk-form-control-radius);
    background: var(--vk-analysis-inset-surface-bg);
    box-shadow: var(--vk-shadow-form-inset);
  }

  .menu-auth-field input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    padding: 0;
    min-height: 36px;
    font-size: 13px;
    color: var(--vk-text-primary);
    box-shadow: none !important;
  }

  .menu-auth-field input::placeholder {
    color: var(--vk-text-disabled);
    font-weight: 300;
    opacity: 1;
  }

  .menu-auth-field input:focus,
  .menu-auth-field input:focus-visible,
  .menu-auth-field input:-webkit-autofill,
  .menu-auth-field input:-webkit-autofill:hover,
  .menu-auth-field input:-webkit-autofill:focus {
    outline: none;
    box-shadow: none !important;
    -webkit-box-shadow: var(--vk-shadow-autofill-inset, 0 0 0 1000px var(--vk-analysis-inset-surface-bg) inset) !important;
    -webkit-text-fill-color: var(--vk-text-primary) !important;
    caret-color: var(--vk-text-primary);
  }

  .menu-auth-field-icon {
    color: var(--vk-text-secondary);
  }

  .menu-auth-shell-action-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    align-items: center;
  }

  .auth-errors {
    color: var(--vk-semantic-danger-text);
    font-size: 12px;
    line-height: 1.4;
    min-height: 18px;
  }