.chat-workspace-field {
  align-items: flex-start;
}

.chat-workspace-field__control {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.chat-context-hint {
  display: block;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.35;
}

.chat-toolbar .chat-context-hint {
  max-width: 320px;
  margin-left: 6px;
}

@media (max-width: 760px) {
  .chat-workspace-field__control {
    width: 100%;
  }

  .chat-toolbar .chat-context-hint {
    max-width: none;
    margin-left: 0;
  }
}

.chat-target-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--color-text-secondary);
  font-size: var(--text-base);
  line-height: 1.5;
}
.chat-target-notice.hidden { display: none; }

/* The empty value is a prompt, never a selected project or a menu action. */
[data-lf-select-for="chat-workspace-project"] [data-lf-value=""] { display: none; }
/* Projects without a link to the selected provider: an action, not a choice. */
[data-lf-select-for="chat-workspace-project"] [data-lf-value^="__link__:"] { color: var(--color-text-secondary); }
.chat-composer-tools > .chat-toolbar-field.chat-workspace-field { flex-basis: 172px; }
.chat-composer-tools .chat-workspace-field.is-unselected .lf-select__trigger {
  height: 36px;
  min-height: 36px;
  padding-block: 4px;
}
.chat-project-dialog {
  margin: auto;
  width: min(520px, calc(100% - 32px));
  max-width: 520px;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  color: var(--color-text);
}
.chat-project-dialog::backdrop { background: color-mix(in srgb, var(--color-text) 35%, transparent); }
.chat-project-form { display: grid; gap: 16px; }
.chat-project-form label { display: grid; gap: 8px; font-size: var(--text-md); }
.chat-project-form input, .chat-project-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-element);
  padding: 14px 16px;
  background: var(--color-bg-card);
  color: var(--color-text);
  font: inherit;
}
.chat-project-form textarea { resize: vertical; }
.chat-project-form input::placeholder, .chat-project-form textarea::placeholder { color: var(--color-text-muted); }
.chat-project-dialog .chat-project-form input:focus,
.chat-project-dialog .chat-project-form textarea:focus {
  border-color: var(--color-brand);
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
  box-shadow: none;
}
.chat-project-form [data-error]:empty { display: none; }


[data-lf-value="__create__"] .lf-select__option-label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -2px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Keep the neighbouring target inside its flex slot as the project prompt grows. */
.chat-composer-tools .chat-search-select { min-width: 0; max-width: 100%; }

.chat-project-form [data-count] { color: var(--color-text-muted); font-size: 12px; text-align: right; }