/* Canonical CSS owner: mentor. Historical layers consolidated 2026-08-02. */
.mentor-option strong {
  display: block;

  font-size: 15px;
}

.mentor-option span {
  display: block;

  margin-top: 6px;

  overflow: hidden;

  color: var(--text-muted);

  font-size: 11px;

  line-height: 1.55;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.mentor-option small {
  display: flex;

  flex-wrap: wrap;

  gap: 5px;

  margin-top: 8px;
}

.mentor-option i {
  padding: 2px 5px;

  border-radius: 3px;

  background: var(--surface-muted);

  color: var(--blue-dark);

  font-size: 10px;

  font-style: normal;
}

.mentor-chat-header h3 {
  margin: 5px 0px 0px;

  font-size: 18px;
}

.mentor-message p {
  margin: 0px;

  overflow-wrap: anywhere;

  line-height: 1.75;

  white-space: pre-wrap;
}

.model-config-grid {
  display: grid;

  grid-template-columns: 1fr 1fr;

  border: 1px solid var(--line);
}

.model-role-selectors {
  display: grid;

  grid-template-columns: repeat(2, minmax(0px, 1fr));

  gap: 12px;

  margin: 4px 0px 16px;
}

.model-role-selectors select {
  width: 100%;

  min-height: 40px;

  padding: 0px 10px;

  border: 1px solid var(--line-strong);

  border-radius: 5px;

  background: var(--surface);
}

.model-pool-list {
  display: grid;

  gap: 10px;
}

.model-pool-row {
  display: grid;

  gap: 11px;

  padding: 14px;

  border: 1px solid var(--line);

  border-radius: 6px;

  background: var(--surface);
}

.model-pool-heading {
  display: flex;

  align-items: baseline;

  justify-content: space-between;

  gap: 12px;
}

.model-pool-heading strong {
  color: var(--text-primary);

  font-size: 14px;
}

.model-pool-heading span {
  color: var(--text-muted);

  font-size: 11px;
}

.model-pool-fields {
  display: grid;

  grid-template-columns: 0.75fr 1.35fr 1fr 1.15fr;

  gap: 10px;
}

.model-delete-button {
  margin-left: auto;

  color: var(--coral);
}

@media (max-width: 900px) {
  .model-pool-fields {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (max-width: 600px) {
  .model-pool-fields,
  .model-role-selectors {
    grid-template-columns: minmax(0px, 1fr);
  }
}

.model-config-panel {
  min-width: 0px;

  display: grid;

  gap: 11px;

  padding: 14px;

  border-right: 1px solid var(--line);

  background: var(--surface);
}

.model-config-panel:last-child {
  border-right: 0px;
}

.model-config-heading {
  min-height: 30px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;
}

.model-config-heading h4 {
  margin: 0px;

  font-size: 14px;
}

.model-role {
  display: inline-flex;

  align-items: center;

  min-height: 22px;

  padding: 2px 7px;

  border-radius: 4px;

  font-size: 11px;

  font-weight: 700;
}

.model-test-row {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 2px;
}

.model-test-status {
  min-width: 0px;

  overflow: hidden;

  color: var(--text-muted);

  font-size: 12px;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.model-test-status.success {
  color: var(--green);
}

.model-test-status.failure {
  color: var(--coral);
}

@media (max-width: 860px) {
  .mentor-layout {
    grid-template-columns: 1fr;
  }

  .mentor-sidebar {
    max-height: 260px;

    overflow-y: auto;

    border-right: 0px;

    border-bottom: 1px solid var(--line);
  }

  .mentor-list {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  }
}

@media (max-width: 520px) {
  .settings-dialog .model-config-grid {
    width: 100%;

    max-width: 100%;

    min-width: 0px;
  }

  .model-test-row {
    align-items: flex-start;

    flex-wrap: wrap;
  }

  .model-test-status {
    width: 100%;

    white-space: normal;
  }

  .model-config-grid {
    grid-template-columns: 1fr;
  }

  .mentor-chat-panel,
  .mentor-layout {
    min-height: 580px;
  }

  .mentor-list {
    grid-template-columns: 1fr;
  }

  .mentor-chat-header {
    align-items: flex-start;

    flex-direction: column;

    gap: 6px;

    padding: 11px 12px;
  }

  .mentor-messages {
    padding: 12px;
  }

  .mentor-message {
    max-width: 92%;
  }

  .mentor-quick-prompts {
    padding-right: 12px;

    padding-left: 12px;
  }

  .mentor-chat-form {
    padding-right: 12px;

    padding-left: 12px;

    grid-template-columns: 1fr;
  }

  .mentor-chat-form .button {
    width: 100%;

    height: 38px;
  }

  .mentor-disclaimer {
    padding-right: 12px;

    padding-left: 12px;

    text-align: left;
  }

  .model-config-panel {
    border-right: 0px;

    border-bottom: 1px solid var(--line);
  }

  .model-config-panel:last-child {
    border-bottom: 0px;
  }
}

.mentor-directory-heading > div {
  display: flex;

  align-items: baseline;

  gap: 8px;
}

.mentor-directory-heading h3 {
  margin: 0px;

  font-size: 14px;
}

.mentor-directory-heading span {
  color: var(--text-muted);

  font-size: 11px;
}

:where(#mentorView) .mentor-evidence-filters button:hover {
  background: var(--action-soft);
}

:where(#mentorView) .mentor-option-main {
  grid-template-columns: minmax(0px, 1fr) auto;

  align-items: center;

  gap: 8px;
}

.mentor-option .mentor-option-tools {
  display: flex;

  align-items: center;

  gap: 2px;

  margin: 0px;

  overflow: visible;

  color: inherit;

  font-size: inherit;

  line-height: normal;

  white-space: normal;
}

:where(#mentorView) .mentor-order-button:disabled {
  color: color-mix(in srgb, var(--text-muted) 35%, transparent);
}

:where(#mentorView) .mentor-option.is-drag-over {
  border-color: var(--action);
}

.mentor-option:focus-visible {
  outline: 2px solid var(--action);

  outline-offset: -2px;
}

.mentor-option .mentor-option-copy {
  display: grid;

  margin: 0px;

  overflow: visible;

  color: inherit;

  font-size: inherit;

  line-height: normal;

  white-space: normal;
}

.mentor-option-copy strong {
  overflow: hidden;

  font-size: 13px;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.mentor-option-copy em {
  overflow: hidden;

  color: var(--text-muted);

  font-size: 10px;

  font-style: normal;

  line-height: 1.4;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.mentor-option .mentor-option-badges {
  display: flex;

  margin: 0px;

  overflow: visible;

  color: inherit;

  font-size: inherit;

  line-height: normal;

  white-space: normal;
}

:where(#mentorView) .mentor-option-badges {
  max-width: 76px;
}

.mentor-option .mentor-badge {
  display: inline-flex;

  margin: 0px;

  overflow: visible;

  line-height: 1;
}

:where(#mentorView) .mentor-active-title {
  flex-wrap: wrap;
}

:where(#mentorView) .mentor-active-focus {
  flex-wrap: wrap;
}

:where(#mentorView) .mentor-active-focus span {
  border-radius: 3px;
}

:where(#mentorView) .mentor-message {
  margin-bottom: 12px;
}

@media (min-width: 721px) and (max-width: 1023px) {
  .mentor-layout {
    grid-template-columns: 280px minmax(0px, 1fr);
  }

  .mentor-sidebar {
    max-height: none;

    overflow: hidden;

    border-right: 1px solid var(--line);

    border-bottom: 0px;
  }

  .mentor-list {
    grid-template-columns: minmax(0px, 1fr);
  }
}

@media (max-width: 720px) {
  :where(#mentorView) .mentor-sidebar {
    max-height: none;

    border-right: 0px;

    border-bottom: 1px solid var(--border);

    background: var(--surface);
  }

  :where(#mentorView) .mentor-directory-content {
    padding: 14px 12px 10px;

    background: var(--surface-muted);
  }

  :where(#mentorView) .mentor-sort-toggle {
    padding: 0px 10px;

    font-size: 11px;
  }

  :where(#mentorView) .mentor-evidence-filters button {
    font-size: 11px;
  }
}

:where(#mentorView) .mentor-quick-prompts {
  flex-wrap: wrap;

  border-color: var(--border);
}

:where(#mentorView) .mentor-option:hover {
  border-color: var(--border-strong);
}

:where(#mentorView) .mentor-option.active {
  border-color: color-mix(in srgb, var(--action) 42%, var(--border));
}

@media (min-width: 721px) and (max-width: 1279px) {
  .mentor-layout {
    grid-template-columns: 280px minmax(0px, 1fr);
  }
}

@media (max-width: 720px) {
  #mentorView > .section-toolbar {
    min-height: 66px;

    align-items: center;

    flex-direction: row;
  }

  #mentorView > .section-toolbar .section-title-group {
    flex: 1 1 0%;
  }

  :where(#mentorView) .mentor-empty-state {
    min-height: 100%;
  }

  .mentor-empty-state strong {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  body[data-active-view="mentorView"] .workspace-view {
    padding: 10px 0 84px;
  }
}

body[data-active-view="mentorView"] .workspace-view {
  width: auto;

  max-width: none;

  margin: 0px;

  border: 0px;

  border-radius: 0px;

  background: transparent;

  box-shadow: none;

  padding: var(--page-pad-y) 0 24px;
}

.mentor-page-controls .mentor-evidence-filters {
  margin: 0px;

  padding: 2px;

  border-radius: 7px;

  background: rgb(238, 240, 243);
}

:where(#mentorView) .mentor-evidence-filters {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}

:where(#mentorView) .mentor-evidence-filters button {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .mentor-page-controls {
    width: 100%;

    justify-content: space-between;
  }

  .mentor-page-controls .mentor-evidence-filters {
    overflow-x: auto;
  }
}

@media (max-width: 720px) {
  body[data-active-view="mentorView"] .workspace-view {
    margin-top: 0px;

    border-radius: 7px;

    padding: 0px 0px 76px;
  }
}

body[data-active-view="mentorView"] .overview-strip {
  display: grid;
}

:where(#mentorView) .mentor-layout {
  border-top: 1px solid var(--line);

  border-bottom: 1px solid var(--line);
}

:where(#mentorView) .mentor-chat-panel {
  border-color: var(--border);
}

:where(#mentorView) .mentor-sidebar {
  border-right-color: var(--border);
}

:where(#mentorView) .mentor-directory-heading {
  border-color: var(--border);
}

:where(#mentorView) .mentor-list {
  align-content: start;

  grid-template-columns: minmax(0px, 1fr);

  gap: 2px;

  padding-right: 3px;
}

:where(#mentorView) .mentor-option {
  min-width: 0px;

  cursor: pointer;

  text-align: left;

  border-bottom-color: rgb(231, 235, 239);
}

:where(#mentorView) .mentor-chat-header {
  justify-content: space-between;

  border-color: var(--border);
}

:where(#mentorView) .mentor-chat-form {
  border-color: var(--border);
}

#mentorView {
  --mentor-blue: var(--action);

  --mentor-blue-dark: var(--action-hover);

  --mentor-blue-soft: var(--action-soft);

  --mentor-blue-line: var(--color-action-line);

  --mentor-line: var(--border);

  --mentor-line-soft: var(--border-subtle);

  --mentor-ink: var(--text-primary);

  --mentor-sub: var(--text-secondary);

  --mentor-faint: var(--text-tertiary);

  color: var(--mentor-ink);
}

#mentorView .mentor-page-header {
  min-height: 36px;

  display: flex;

  align-items: center;

  gap: var(--space-12);

  margin-bottom: 12px;

  padding: 0px;

  border: 0px;

  background: transparent;
}

#mentorView .mentor-page-title {
  min-width: 0px;

  display: flex;

  align-items: baseline;

  gap: 10px;
}

#mentorView .mentor-page-title h2 {
  margin: 0px;

  color: var(--mentor-ink);

  font-size: var(--font-size-page-title);

  font-weight: var(--font-weight-bold);

  letter-spacing: 0px;
}

#mentorView .mentor-page-title .section-subtitle {
  overflow: hidden;

  color: var(--mentor-faint);

  font-size: var(--font-size-caption);

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-page-controls {
  min-width: 0px;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-left: auto;
}

#mentorView .mentor-evidence-filters {
  display: inline-flex;

  align-items: center;

  gap: 2px;

  padding: 2px;

  border: 0px;

  border-radius: 8px;

  background: var(--surface-muted);
}

#mentorView .mentor-evidence-filters button {
  min-width: 52px;

  min-height: 28px;

  padding: 0px 12px;

  border: 0px;

  border-radius: 6px;

  background: transparent;

  color: var(--mentor-sub);

  font-style: inherit;

  font-variant: inherit;

  font-weight: inherit;

  font-stretch: inherit;

  line-height: inherit;

  font-family: inherit;

  font-optical-sizing: inherit;

  font-size-adjust: inherit;

  font-kerning: inherit;

  font-feature-settings: inherit;

  font-variation-settings: inherit;

  font-language-override: inherit;

  font-size: 12px;

  cursor: pointer;

  transition: color 150ms, background-color 150ms, box-shadow 150ms;
}

#mentorView .mentor-evidence-filters button:hover {
  color: var(--mentor-blue);
}

#mentorView .mentor-evidence-filters button.active {
  background: var(--control-surface);

  color: var(--mentor-ink);

  font-weight: var(--font-weight-semibold);

  box-shadow: var(--shadow-xs);
}

#mentorView .mentor-evidence-filters button[data-mentor-grade="A"] {
  color: rgb(22, 129, 74);
}

#mentorView .mentor-evidence-filters button[data-mentor-grade="B"] {
  color: rgb(46, 103, 199);
}

#mentorView .mentor-evidence-filters button[data-mentor-grade="C"] {
  color: rgb(167, 102, 8);
}

#mentorView .mentor-evidence-filters button:focus-visible {
  outline: var(--action) solid 2px;

  outline-offset: 1px;
}

#mentorView #mentorNotice {
  margin: 0px 0px 10px;
}

#mentorView .mentor-layout {
  height: auto;

  min-height: 0px;

  display: grid;

  grid-template-columns: 340px minmax(0px, 1fr);

  align-items: stretch;

  gap: 12px;

  overflow: visible;

  border: 0px;

  border-radius: 0px;

  background: transparent;

  box-shadow: none;
}

@media (min-width: 721px) {
  body[data-active-view="mentorView"] .app-main {
    min-height: 0px;

    display: flex;

    flex-direction: column;

    padding-bottom: 0px;

    overflow: hidden;
  }

  body[data-active-view="mentorView"] .overview-strip {
    flex: 0 0 auto;
  }

  body[data-active-view="mentorView"] #mentorView.active-view {
    min-height: 0px;

    flex: 1 1 auto;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    padding-bottom: 6px;
  }
}

#mentorView .mentor-sidebar {
  min-width: 0px;

  min-height: 0px;

  overflow: hidden;

  border: 1px solid var(--mentor-line);

  border-radius: var(--card-radius);

  background: var(--surface);

  box-shadow: var(--card-shadow);

  position: relative;

  padding: 0px;
}

#mentorView .mentor-directory-backdrop {
  display: none;
}

#mentorView .mentor-directory-close {
  display: none;
}

#mentorView .mentor-directory-toggle {
  display: none;
}

#mentorView .mentor-directory-content {
  height: 100%;

  min-height: 0px;

  display: grid;

  grid-template-rows: auto auto auto minmax(0px, 1fr) auto;

  gap: 0px;

  padding: 0px;

  background: var(--surface);
}

#mentorView .mentor-directory-heading {
  border-bottom: 1px solid var(--mentor-line-soft);

  background: var(--surface);

  min-height: 44px;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 9px 12px 9px 14px;
}

#mentorView .mentor-directory-heading > .mentor-directory-title {
  min-width: 0px;

  display: flex;

  align-items: baseline;

  gap: 8px;
}

#mentorView .mentor-directory-title h3 {
  flex: 0 0 auto;

  margin: 0px;

  color: var(--mentor-ink);

  font-size: 14px;

  font-weight: 700;
}

#mentorView .mentor-directory-title > span {
  overflow: hidden;

  color: var(--mentor-faint);

  font-size: 10.5px;

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-directory-actions {
  display: flex;

  align-items: center;

  gap: 5px;

  margin-left: auto;
}

#mentorView .mentor-count {
  color: var(--mentor-faint);

  font-size: 10.5px;

  font-weight: 500;

  white-space: nowrap;
}

#mentorView .mentor-sort-toggle {
  min-height: 28px;

  display: inline-flex;

  align-items: center;

  gap: 4px;

  padding: 0px 7px;

  border: 1px solid transparent;

  border-radius: 6px;

  background: transparent;

  color: var(--mentor-blue);

  font-style: inherit;

  font-variant: inherit;

  font-weight: inherit;

  font-stretch: inherit;

  line-height: inherit;

  font-family: inherit;

  font-optical-sizing: inherit;

  font-size-adjust: inherit;

  font-kerning: inherit;

  font-feature-settings: inherit;

  font-variation-settings: inherit;

  font-language-override: inherit;

  font-size: 11px;

  cursor: pointer;
}

#mentorView .mentor-sort-toggle.active {
  border-color: var(--mentor-blue-line);

  background: var(--mentor-blue-soft);

  color: var(--mentor-blue-dark);
}

#mentorView .mentor-sort-toggle:hover {
  border-color: var(--mentor-blue-line);

  background: var(--mentor-blue-soft);

  color: var(--mentor-blue-dark);
}

#mentorView .mentor-sort-toggle .lucide {
  width: 13px;

  height: 13px;
}

#mentorView .mentor-search-field {
  height: var(--control-height);

  display: grid;

  grid-template-columns: 16px minmax(0px, 1fr);

  align-items: center;

  gap: 7px;

  margin: 9px 12px 7px;

  padding: 0px 9px;

  border: 1px solid var(--mentor-line);

  border-radius: var(--radius-md);

  background: var(--control-surface);

  color: var(--mentor-faint);
}

#mentorView .mentor-search-field:focus-within {
  border-color: var(--mentor-blue);

  box-shadow: 0 0 0 3px var(--focus-ring);
}

#mentorView .mentor-search-field .lucide {
  width: 14px;

  height: 14px;
}

#mentorView .mentor-search-field input {
  width: 100%;

  min-width: 0px;

  height: 32px;

  padding: 0px;

  border: 0px;

  outline: 0px;

  background: transparent;

  color: var(--mentor-ink);

  font-style: inherit;

  font-variant: inherit;

  font-weight: inherit;

  font-stretch: inherit;

  line-height: inherit;

  font-family: inherit;

  font-optical-sizing: inherit;

  font-size-adjust: inherit;

  font-kerning: inherit;

  font-feature-settings: inherit;

  font-variation-settings: inherit;

  font-language-override: inherit;

  font-size: 12px;
}

#mentorView .mentor-search-field input::placeholder {
  color: var(--mentor-faint);
}

#mentorView .mentor-sort-hint {
  margin: 0px;

  padding: 3px 14px 7px;

  color: var(--mentor-faint);

  font-size: 10px;

  line-height: 1.4;
}

#mentorView .mentor-list {
  min-height: 0px;

  display: block;

  padding: 0px;

  overflow: hidden auto;

  scrollbar-color: rgb(215, 220, 228) transparent;

  scrollbar-width: thin;
}

#mentorView .mentor-option {
  width: 100%;

  min-height: 70px;

  display: grid;

  grid-template-columns: minmax(0px, 1fr) auto;

  align-items: stretch;

  gap: 0px;

  padding: 0px 7px 0px 0px;

  overflow: hidden;

  border-top: 0px;

  border-right: 0px;

  border-left: 0px;

  border-image: none;

  border-bottom: 1px solid var(--mentor-line-soft);

  border-radius: 0px;

  background: var(--surface);

  color: var(--mentor-ink);

  box-shadow: none;

  transition: background-color var(--motion-fast), box-shadow var(--motion-fast);
}

#mentorView .mentor-option:hover {
  background: var(--surface-hover);
}

#mentorView .mentor-option.active {
  background: var(--surface-selected);

  box-shadow: inset 2px 0 0 var(--mentor-blue);
}

#mentorView .mentor-option.is-dragging {
  opacity: 0.45;
}

#mentorView .mentor-option.is-drag-over {
  background: rgb(231, 239, 255);

  box-shadow: inset 3px 0 0 var(--mentor-blue);
}

#mentorView .mentor-option-main {
  min-width: 0px;

  min-height: 69px;

  display: block;

  padding: 9px 7px 8px 14px;

  border: 0px;

  background: transparent;

  color: inherit;

  cursor: pointer;

  font: inherit;

  text-align: left;
}

#mentorView .mentor-option-main:disabled {
  cursor: default;
}

#mentorView .mentor-option-main:focus-visible {
  outline: var(--action) solid 2px;

  outline-offset: -3px;
}

#mentorView .mentor-option-copy {
  min-width: 0px;

  display: grid;

  gap: 4px;

  margin: 0px;

  color: inherit;

  line-height: normal;
}

#mentorView .mentor-option-heading {
  min-width: 0px;

  display: flex;

  align-items: center;

  gap: 7px;
}

#mentorView .mentor-option-heading > strong {
  min-width: 0px;

  overflow: hidden;

  color: var(--mentor-ink);

  font-size: 13px;

  font-weight: 700;

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-option-copy > em {
  display: block;

  overflow: hidden;

  color: var(--mentor-sub);

  font-size: 11.5px;

  font-style: normal;

  line-height: 1.55;

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-option-meta {
  min-width: 0px;

  display: flex;

  align-items: center;

  gap: 9px;

  overflow: hidden;

  color: var(--mentor-faint);

  font-size: 10.5px;

  line-height: 1.25;

  white-space: nowrap;
}

#mentorView .mentor-option-meta > span {
  display: inline;

  flex: 0 0 auto;

  margin: 0px;

  color: inherit;

  font-size: inherit;
}

#mentorView .mentor-option-meta .mentor-evidence-source {
  max-width: 108px;

  overflow: hidden;

  border-bottom: 1px dashed rgb(199, 205, 214);

  text-overflow: ellipsis;

  cursor: help;
}

#mentorView .mentor-active-badges {
  min-width: 0px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: nowrap;

  gap: 4px;

  margin: 0px;
}

#mentorView .mentor-option-badges {
  min-width: 0px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: nowrap;

  gap: 4px;

  margin: 0px;
}

#mentorView .mentor-option-heading .mentor-option-badges {
  margin-left: auto;
}

#mentorView .mentor-badge {
  min-height: 20px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 3px;

  margin: 0px;

  padding: 0px 6px;

  border: 1px solid var(--mentor-line);

  border-radius: 5px;

  background: var(--surface-muted);

  color: var(--mentor-sub);

  font-size: 9.5px;

  font-style: normal;

  font-weight: 700;

  line-height: 1;

  white-space: nowrap;
}

#mentorView .mentor-badge .lucide {
  width: 10px;

  height: 10px;
}

#mentorView .mentor-badge.grade-a {
  border-color: rgb(184, 220, 199);

  background: rgb(237, 248, 241);

  color: rgb(22, 129, 74);
}

#mentorView .mentor-badge.grade-b {
  border-color: rgb(189, 208, 237);

  background: rgb(239, 245, 255);

  color: rgb(46, 103, 199);
}

#mentorView .mentor-badge.grade-c {
  border-color: rgb(234, 209, 167);

  background: rgb(253, 245, 232);

  color: rgb(167, 102, 8);
}

#mentorView .mentor-badge.private {
  border-color: rgb(232, 208, 156);

  background: rgb(255, 248, 231);

  color: rgb(146, 103, 19);
}

#mentorView .mentor-badge.quality {
  border-color: transparent;

  background: var(--surface-muted);

  color: var(--mentor-faint);
}

#mentorView .mentor-option-tools {
  display: flex;

  align-items: center;

  align-self: center;

  gap: 1px;
}

#mentorView .mentor-order-button {
  width: 26px;

  min-width: 26px;

  height: 28px;

  display: grid;

  place-items: center;

  padding: 0px;

  border: 0px;

  border-radius: 6px;

  background: transparent;

  color: rgb(161, 168, 179);

  cursor: pointer;
}

#mentorView .mentor-pin-button {
  width: 26px;

  min-width: 26px;

  height: 28px;

  display: grid;

  place-items: center;

  padding: 0px;

  border: 0px;

  border-radius: 6px;

  background: transparent;

  color: rgb(161, 168, 179);

  cursor: pointer;
}

#mentorView .mentor-order-button:hover:not(:disabled) {
  background: rgb(238, 241, 245);

  color: var(--mentor-ink);
}

#mentorView .mentor-pin-button:hover {
  background: rgb(238, 241, 245);

  color: var(--mentor-ink);
}

#mentorView .mentor-pin-button.active {
  background: rgb(255, 244, 216);

  color: rgb(163, 109, 13);
}

#mentorView .mentor-pin-button.active .lucide {
  fill: currentcolor;
}

#mentorView .mentor-order-button .lucide {
  width: 13px;

  height: 13px;
}

#mentorView .mentor-pin-button .lucide {
  width: 13px;

  height: 13px;
}

#mentorView .mentor-order-button:disabled {
  opacity: 0.3;

  cursor: default;
}

#mentorView .mentor-list.is-sorting .mentor-option {
  cursor: grab;
}

#mentorView .mentor-list.is-sorting .mentor-option-badges {
  display: none;
}

#mentorView .mentor-list-empty {
  padding: 32px 14px;

  color: var(--mentor-faint);

  font-size: 12px;

  text-align: center;
}

#mentorView .mentor-evidence-legend {
  margin: 0px;

  padding: 8px 12px 9px;

  border-top: 1px solid var(--mentor-line-soft);

  color: var(--mentor-faint);

  font-size: 9.5px;

  line-height: 1.5;
}

#mentorView .mentor-chat-panel {
  min-width: 0px;

  min-height: 0px;

  overflow: hidden;

  border: 1px solid var(--mentor-line);

  border-radius: var(--card-radius);

  background: var(--surface);

  box-shadow: var(--card-shadow);

  height: 100%;

  display: grid;

  grid-template-rows: auto minmax(0px, 1fr) auto auto auto;
}

#mentorView .mentor-chat-header {
  border-bottom: 1px solid var(--mentor-line-soft);

  background: var(--surface);

  min-height: 64px;

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 10px 14px;
}

#mentorView .mentor-active-profile {
  min-width: 0px;

  display: grid;

  gap: 3px;
}

#mentorView .mentor-active-title {
  min-width: 0px;

  display: flex;

  align-items: center;

  gap: 7px;
}

#mentorView .mentor-active-title h3 {
  min-width: 0px;

  margin: 0px;

  overflow: hidden;

  color: var(--mentor-ink);

  font-size: 14px;

  font-weight: 700;

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-active-profile > p {
  max-width: min(760px, 72vw);

  margin: 0px;

  overflow: hidden;

  color: var(--mentor-sub);

  font-size: 10.5px;

  line-height: 1.4;

  text-overflow: ellipsis;

  white-space: nowrap;
}

#mentorView .mentor-active-focus {
  min-width: 0px;

  display: flex;

  align-items: center;

  gap: 7px;

  overflow: hidden;
}

#mentorView .mentor-active-focus span {
  padding: 0px;

  background: transparent;

  color: var(--mentor-faint);

  font-size: 9.5px;

  white-space: nowrap;
}

#mentorView .mentor-active-focus span::before {
  content: "#";
}

#mentorView .mentor-clear-button {
  min-width: 0px;

  min-height: 28px;

  display: inline-flex;

  align-items: center;

  gap: 5px;

  margin-left: auto;

  padding: 0px 8px;

  border: 1px solid transparent;

  border-radius: 6px;

  background: transparent;

  color: var(--mentor-blue);

  font-size: 11px;

  white-space: nowrap;
}

#mentorView .mentor-clear-button:hover:not(:disabled) {
  border-color: var(--mentor-blue-line);

  background: var(--mentor-blue-soft);
}

#mentorView .mentor-clear-button:disabled {
  color: rgb(184, 190, 199);

  opacity: 1;
}

#mentorView .mentor-clear-button .lucide {
  width: 13px;

  height: 13px;
}

#mentorView .mentor-messages {
  min-width: 0px;

  min-height: 0px;

  max-height: none;

  overflow-y: auto;

  padding: 20px 24px;

  background: var(--surface);

  scrollbar-color: rgb(215, 220, 228) transparent;

  scrollbar-width: thin;
}

#mentorView .mentor-empty-state {
  min-height: 100%;

  display: grid;

  place-content: center;

  justify-items: center;

  padding: 28px;

  color: var(--mentor-faint);

  text-align: center;
}

#mentorView .mentor-empty-mark {
  width: 44px;

  height: 40px;

  display: grid;

  place-items: center;

  margin-bottom: 12px;

  border: 0px;

  border-radius: 8px;

  background: var(--action-soft);

  color: var(--action);
}

#mentorView .mentor-empty-mark .lucide {
  width: 21px;

  height: 21px;

  stroke-width: 1.65;
}

#mentorView .mentor-empty-state strong {
  color: var(--text-primary);

  font-size: 13px;

  font-weight: 600;
}

#mentorView .mentor-empty-state p {
  max-width: 580px;

  margin: 7px auto 0px;

  color: var(--mentor-faint);

  font-size: 11.5px;

  line-height: 1.7;
}

#mentorView .mentor-message {
  width: min(100%, 900px);

  max-width: 100%;

  margin: 0px 0px 18px;

  padding: 2px 8px 18px 16px;

  border: 0px;

  border-bottom: 1px solid var(--mentor-line-soft);

  border-left: 2px solid var(--mentor-blue);

  border-radius: 0px;

  background: transparent;

  box-shadow: none;
}

#mentorView .mentor-message.user {
  width: fit-content;

  max-width: min(72%, 680px);

  margin-left: auto;

  padding: 9px 12px;

  border: 1px solid var(--mentor-blue-line);

  border-radius: var(--radius-md);

  background: var(--mentor-blue-soft);
}

#mentorView .mentor-message.assistant {
  margin-right: auto;
}

#mentorView .mentor-message-label {
  margin-bottom: 5px;

  color: var(--mentor-faint);

  font-size: 10.5px;

  font-weight: 650;
}

#mentorView .mentor-message-content {
  margin: 0px;

  overflow-wrap: anywhere;

  color: var(--text-primary);

  font-size: 13px;

  line-height: 1.72;

  white-space: normal;
}

#mentorView .mentor-message .mentor-answer-paragraph {
  margin: 0px 0px 6px;

  line-height: inherit;
}

#mentorView .mentor-message .mentor-answer-paragraph:last-child {
  margin-bottom: 0px;
}

#mentorView .mentor-answer-heading {
  display: block;

  margin: 9px 0px 4px;

  color: var(--mentor-ink);

  font-size: 13px;

  line-height: 1.45;
}

#mentorView .mentor-message-content > .mentor-answer-heading:first-child {
  margin-top: 0px;
}

#mentorView .mentor-answer-list {
  margin: 3px 0px 7px;

  padding-left: 20px;
}

#mentorView .mentor-answer-list li + li {
  margin-top: 3px;
}

#mentorView .mentor-answer-rule {
  display: block;

  height: 1px;

  margin: 8px 0px;

  background: var(--mentor-line);
}

#mentorView .mentor-answer-quote {
  display: block;

  padding-left: 9px;

  border-left: 2px solid var(--mentor-blue);

  color: var(--mentor-sub);
}

#mentorView .mentor-message small {
  display: block;

  margin-top: 7px;

  color: var(--mentor-faint);

  font-size: 9.5px;
}

#mentorView .mentor-message.is-error {
  border-color: rgb(229, 165, 160);
}

#mentorView .mentor-quick-prompts {
  min-height: 42px;

  display: flex;

  align-items: center;

  gap: 7px;

  padding: 7px 14px;

  overflow-x: auto;

  border-top: 1px solid var(--mentor-line-soft);

  background: var(--surface-subtle);

  scrollbar-width: none;
}

#mentorView .mentor-quick-prompts::-webkit-scrollbar {
  display: none;
}

#mentorView .mentor-prompt-label {
  flex: 0 0 auto;

  color: var(--mentor-faint);

  font-size: 10.5px;

  white-space: nowrap;
}

#mentorView .mentor-quick-prompts button {
  min-height: 26px;

  flex: 0 0 auto;

  padding: 0px 10px;

  border: 1px solid var(--mentor-line);

  border-radius: var(--radius-md);

  background: var(--control-surface);

  color: var(--mentor-sub);

  font-size: 11px;

  white-space: nowrap;

  cursor: pointer;

  transition: border-color 150ms, color 150ms, background-color 150ms;
}

#mentorView .mentor-quick-prompts button:hover {
  border-color: var(--mentor-blue-line);

  background: var(--mentor-blue-soft);

  color: var(--mentor-blue);
}

#mentorView .mentor-chat-form {
  min-height: 55px;

  display: grid;

  grid-template-columns: minmax(0px, 1fr) auto;

  align-items: center;

  gap: 8px;

  padding: 9px 14px;

  border-top: 1px solid var(--mentor-line-soft);

  background: var(--surface);
}

#mentorView .mentor-chat-form textarea {
  width: 100%;

  min-width: 0px;

  height: 38px;

  min-height: 38px;

  max-height: 88px;

  padding: 8px 11px;

  resize: vertical;

  border: 1px solid var(--mentor-line);

  border-radius: var(--radius-md);

  outline: 0px;

  background: var(--control-surface);

  color: var(--mentor-ink);

  font-style: inherit;

  font-variant: inherit;

  font-weight: inherit;

  font-stretch: inherit;

  font-family: inherit;

  font-optical-sizing: inherit;

  font-size-adjust: inherit;

  font-kerning: inherit;

  font-feature-settings: inherit;

  font-variation-settings: inherit;

  font-language-override: inherit;

  font-size: 12.5px;

  line-height: 1.55;
}

#mentorView .mentor-chat-form textarea:focus {
  border-color: var(--mentor-blue);

  box-shadow: 0 0 0 3px var(--focus-ring);
}

#mentorView .mentor-chat-form .button {
  min-width: 76px;

  height: 38px;

  min-height: 38px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

  padding: 0px 13px;

  border-radius: 7px;

  background: var(--mentor-blue);

  color: var(--on-action);

  font-size: 12.5px;
}

#mentorView .mentor-chat-form .button:hover:not(:disabled) {
  background: var(--mentor-blue-dark);
}

#mentorView .mentor-chat-form .button .lucide {
  width: 14px;

  height: 14px;
}

#mentorView .mentor-disclaimer {
  min-height: 23px;

  margin: 0px;

  padding: 0px 14px 8px;

  background: var(--surface);

  color: var(--mentor-faint);

  font-size: 9.5px;

  text-align: right;
}

@media (min-width: 721px) and (max-width: 1100px) {
  #mentorView .mentor-layout {
    grid-template-columns: 272px minmax(0px, 1fr);
  }

  #mentorView .mentor-directory-title > span {
    display: none;
  }

  #mentorView .mentor-active-profile > p {
    max-width: 48vw;
  }
}

@media (max-width: 720px) {
  body.mentor-directory-open {
    overflow: hidden;
  }

  #mentorView .mentor-page-header {
    min-height: 84px;

    align-items: flex-start;

    flex-direction: column;

    gap: 8px;

    padding: 10px 12px 0px;
  }

  #mentorView .mentor-page-title {
    width: 100%;
  }

  #mentorView .mentor-page-title h2 {
    font-size: 17px;
  }

  #mentorView .mentor-page-title .section-subtitle {
    font-size: 10.5px;
  }

  #mentorView .mentor-page-controls {
    width: 100%;

    margin: 0px;
  }

  #mentorView .mentor-evidence-filters {
    width: 100%;
  }

  #mentorView .mentor-evidence-filters button {
    min-height: 36px;

    flex: 1 1 0%;
  }

  #mentorView .mentor-layout {
    height: calc(100dvh - 286px - env(safe-area-inset-bottom));

    min-height: 520px;

    display: grid;

    grid-template-columns: minmax(0px, 1fr);

    grid-template-rows: 56px minmax(0px, 1fr);

    gap: 8px;

    padding: 0px 8px;

    overflow: hidden;
  }

  #mentorView .mentor-sidebar {
    height: 56px;

    min-height: 56px;

    overflow: visible;

    border-radius: 9px;
  }

  #mentorView .mentor-directory-toggle {
    width: 100%;

    min-height: 54px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    padding: 0px 12px;

    border: 0px;

    background: var(--surface);

    color: var(--mentor-ink);

    cursor: pointer;

    text-align: left;
  }

  #mentorView .mentor-directory-toggle > span {
    min-width: 0px;

    display: flex;

    align-items: center;

    gap: 10px;
  }

  #mentorView .mentor-directory-toggle > span > span {
    min-width: 0px;

    display: grid;

    gap: 2px;
  }

  #mentorView .mentor-directory-toggle small {
    color: var(--mentor-faint);

    font-size: 9px;
  }

  #mentorView .mentor-directory-toggle strong {
    overflow: hidden;

    font-size: 13px;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  #mentorView .mentor-directory-toggle > .lucide {
    width: 16px;

    transition: transform 180ms;
  }

  #mentorView .mentor-sidebar.is-open .mentor-directory-toggle > .lucide {
    transform: rotate(180deg);
  }

  #mentorView .mentor-directory-backdrop {
    position: fixed;

    inset: 0px;

    z-index: 79;

    display: block;

    background: rgba(20, 27, 33, 0.48);
  }

  #mentorView .mentor-directory-content {
    height: auto;

    position: fixed;

    inset: 62px 8px 72px;

    z-index: 80;

    overflow: hidden;

    border: 1px solid var(--mentor-line);

    border-radius: 10px;

    box-shadow: rgba(16, 24, 40, 0.18) 0px 16px 36px;

    opacity: 0;

    pointer-events: none;

    transform: translateY(10px);

    transition: opacity 180ms, transform 180ms;
  }

  #mentorView .mentor-sidebar.is-open .mentor-directory-content {
    opacity: 1;

    pointer-events: auto;

    transform: translateY(0px);
  }

  #mentorView .mentor-directory-close {
    width: 38px;

    height: 38px;

    display: grid;

    place-items: center;
  }

  #mentorView .mentor-sort-toggle {
    min-height: 38px;
  }

  #mentorView .mentor-search-field {
    height: 42px;
  }

  #mentorView .mentor-search-field input {
    height: 40px;

    font-size: 16px;
  }

  #mentorView .mentor-option {
    min-height: 84px;
  }

  #mentorView .mentor-order-button,
  #mentorView .mentor-pin-button {
    width: 40px;

    min-width: 40px;

    height: 42px;
  }

  #mentorView .mentor-chat-panel {
    height: 100%;

    min-height: 0px;

    border-radius: 9px;
  }

  #mentorView .chat-box {
    height: 100%;

    min-height: 0px;

    overflow: hidden;
  }

  #mentorView .mentor-chat-header {
    min-height: 68px;

    padding: 9px 10px;
  }

  #mentorView .mentor-active-profile > p,
  #mentorView .mentor-active-focus {
    max-width: calc(-130px + 100vw);
  }

  #mentorView .mentor-clear-button {
    width: 36px;

    height: 36px;

    justify-content: center;

    padding: 0px;
  }

  #mentorView .mentor-clear-button span {
    display: none;
  }

  #mentorView .mentor-messages {
    flex: 1 1 0%;

    min-height: 0px;

    padding: 12px 10px;
  }

  #mentorView .mentor-empty-state {
    padding: 16px;
  }

  #mentorView .mentor-empty-state p {
    display: none;
  }

  #mentorView .mentor-message {
    max-width: 92%;
  }

  #mentorView .mentor-quick-prompts {
    padding-inline: 10px;
  }

  #mentorView .mentor-prompt-label {
    display: none;
  }

  #mentorView .mentor-chat-form {
    padding: 7px 9px;
  }

  #mentorView .mentor-chat-form .button {
    min-width: 42px;

    width: 42px;

    padding: 0px;
  }

  #mentorView .mentor-chat-form .button span {
    display: none;
  }

  #mentorView .mentor-disclaimer {
    padding-inline: 10px;

    font-size: 8.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #mentorView .mentor-directory-content,
  #mentorView .mentor-directory-toggle > .lucide,
  #mentorView .mentor-evidence-filters button,
  #mentorView .mentor-option,
  #mentorView .mentor-quick-prompts button {
    transition: none;
  }
}

.mentor-grid {
  display: grid;

  grid-template-columns: 340px minmax(0px, 1fr);

  gap: 12px;

  align-items: start;
}

.chat-box {
  display: flex;

  flex-direction: column;

  height: calc(-250px + 100vh);

  min-height: 420px;
}

.chat-log {
  flex: 1 1 0%;

  overflow: auto;

  padding: 18px;
}

@media (min-width: 721px) {
  #mentorView #mentorNotice,
  #mentorView .member-gate,
  #mentorView .mentor-page-header {
    flex: 0 0 auto;
  }

  #mentorView .mentor-layout {
    min-height: 0px;

    flex: 1 1 auto;

    height: auto;

    overflow: hidden;
  }

  #mentorView .chat-box,
  #mentorView .mentor-chat-panel,
  #mentorView .mentor-directory-content,
  #mentorView .mentor-sidebar {
    min-height: 0px;

    height: 100%;

    overflow: hidden;
  }

  #mentorView .mentor-list,
  #mentorView .mentor-messages {
    min-height: 0px;

    overflow: auto;
  }
}

:root[data-theme="dark"] :is(.global-search-result-icon, .membership-status-grid > div, .model-row) {
  border-color: var(--border);

  background: var(--surface-subtle);
}

:root[data-theme="dark"] :is(.mentor-option, .assistant-message-content) {
  border-color: var(--border);

  background: var(--surface-subtle);

  color: var(--text-primary);
}

:root[data-theme="dark"] .mentor-option.active,
:root[data-theme="dark"] .mentor-option:hover {
  background: var(--action-soft);
}

:root[data-theme="dark"] :is(.assistant-form, .trade-log-summary) {
  border-color: var(--line-soft);

  background: var(--surface);
}

:root[data-theme="dark"] #mentorView {
  --mentor-blue: var(--action);

  --mentor-blue-dark: var(--action-hover);

  --mentor-blue-soft: var(--action-soft);

  --mentor-blue-line: var(--blue-line);

  --mentor-line: var(--border);

  --mentor-line-soft: var(--line-soft);

  --mentor-ink: var(--text-primary);

  --mentor-sub: var(--text-secondary);

  --mentor-faint: var(--text-tertiary);
}

:root[data-theme="dark"] #mentorView :is(.mentor-evidence-filters, .mentor-directory-content, .mentor-directory-heading, .mentor-search-field, .mentor-chat-panel, .mentor-option) {
  border-color: var(--border);

  background: var(--surface);

  color: var(--text-primary);
}

:root[data-theme="dark"] #mentorView :is(.mentor-evidence-filters button.active, .mentor-option.active) {
  background: var(--action-soft);

  color: var(--action);
}

:root[data-theme="dark"] #mentorView :is(.mentor-badge.quality, .mentor-badge.private, .mentor-pin-button) {
  background: var(--surface-muted);

  color: var(--text-secondary);
}

:root[data-theme="dark"] #mentorView .mentor-badge.grade-a {
  background: var(--market-down-soft);

  color: var(--market-down);
}

:root[data-theme="dark"] #mentorView .mentor-badge.grade-b {
  background: var(--action-soft);

  color: var(--action);
}

:root[data-theme="dark"] #mentorView .mentor-badge.grade-c {
  background: var(--warning-soft);

  color: var(--warning-color);
}

:root[data-theme="dark"] #mentorView :is(.mentor-chat-header, .mentor-messages, .mentor-quick-prompts, .mentor-chat-form, .mentor-disclaimer, .mentor-quick-prompts button, #mentorQuestion) {
  border-color: var(--border);

  background: var(--surface);

  color: var(--text-primary);
}

:root[data-theme="dark"] #mentorView :is(.mentor-messages, .mentor-empty-mark) {
  background: var(--surface);
}

:root[data-theme="dark"] #mentorView .mentor-message {
  border-color: var(--border-subtle);

  background: transparent;

  box-shadow: none;
}

:root[data-theme="dark"] #mentorView .mentor-message.user {
  border-color: var(--blue-line);

  background: var(--action-soft);
}

:root[data-theme="dark"] #mentorView :is(.mentor-message-content, .mentor-answer-heading, .loading-message p) {
  color: var(--text-primary);
}

:root[data-theme="dark"] #mentorView .mentor-answer-quote {
  color: var(--text-secondary);
}

:root[data-theme="dark"] #mentorView :is(.mentor-message-label, .mentor-message small) {
  color: var(--text-tertiary);
}