/* Auto-switch notice shown when subject was detected and differed from selection */
.subject-switch-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  color: var(--muted);
  background: var(--accent-soft, #eef2ff);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.subject-switch-note strong { color: var(--accent); }

/* Subject bar — standalone section above input area */
.subject-bar {
  background: var(--paper);
  padding: 10px 20px 6px;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 56px;
  z-index: 20;
}

/* Subject selector chips — scrollabile orizzontale */
.subject-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px 0 10px;
  -webkit-overflow-scrolling: touch;
}

.subject-row::-webkit-scrollbar { display: none; }

.subject-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 14px;
  border-radius: 20px;
  border: 1.5px solid var(--line);
  background: var(--paper);
  color: var(--muted);
  font: 500 12px/1 var(--font-body);
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}

.subject-chip:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-soft);
}

.subject-chip.active {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

/* Subject auto-switch banner */
.subject-switch-banner {
  font-size: 0.78rem;
  color: #777;
  background: #f7f7f7;
  border-left: 3px solid #d0d0d0;
  padding: 5px 10px;
  margin-bottom: 12px;
  border-radius: 4px;
}
.subject-switch-banner strong { color: #555; }