.inline-tag {
  display: inline-block;
  padding: 0.3em 0.6em;
  margin: 0.2em;
  background: #eee;
  border-radius: 5px;
  font-size: 0.9em;
}

.inline-tag.role-tag {
  margin-left: 0.4em;
  padding: 0.2em 0.4em;
  font-size: 0.85em;
  border-radius: 5px;
  background-color: #e1f5fe;
  border: 1px solid #0288d1;
  color: #01579b;
  font-weight: bold;
}

.inline-tag.premise {
  background-color: #e8f5e9;
  border-color: #43a047;
  color: #2e7d32;
}

.inline-tag.conclusion {
  background-color: #fff3e0;
  border-color: #fb8c00;
  color: #e65100;
}

/* Ogólna forma tagu */
.inline-tag {
  display: inline-block;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0.2em 0.6em;
  margin-left: 0.4em;
  border-radius: 999px;
  background-color: #dde9f7;
  color: #1a4b7a;
  border: 1px solid #aac9e8;
  white-space: nowrap;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: background-color 0.2s ease;
}


/* Argumentacyjne */
.inline-tag.Premise {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
.inline-tag.Conclusion {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}

/* Pytania */
.inline-tag.pure_question {
  background-color: #e0f7fa;
  color: #006064;
  border-color: #b2ebf2;
}
.inline-tag.assertive_question {
  background-color: #e3f2fd;
  color: #0d47a1;
  border-color: #90caf9;
}
.inline-tag.rhetorical_question {
  background-color: #f3e5f5;
  color: #6a1b9a;
  border-color: #ce93d8;
}


.inline-tag.strategic_question {
  background-color: #ede7f6;
  color: #4527a0;
  border-color: #b39ddb;
}

/* Odpowiedzi wprost */
.inline-tag.direct_answer {
  background-color: #e8f5e9;
  color: #1b5e20;
  border-color: #c8e6c9;
}
.inline-tag.Fudge_Direct_Answer,
.inline-tag.Direct_Answer_in_Non-Factive_Epistemic_Frame,
.inline-tag.Direct_Answer_in_Conditional,
.inline-tag.Elliptical_Direct_Answer,
.inline-tag.Direct_answer_of_lack_of_knowledge {
  background-color: #f1f8e9;
  color: #33691e;
  border-color: #dcedc8;
}

/* Scalar implicature */
.inline-tag.Scalar_implicature {
  background-color: #fffde7;
  color: #f57f17;
  border-color: #fff9c4;
}

/* Odpowiedzi nie-wprost */
.inline-tag.non-direct_answer {
  background-color: #fbe9e7;
  color: #bf360c;
  border-color: #ffccbc;
}

/* Dyskurs */
.inline-tag.question\ correction,
.inline-tag.expansion,
.inline-tag.Elaboration,
.inline-tag.Cause,
.inline-tag.contrast,
.inline-tag.Rephrasing {
  background-color: #e1f5fe;
  color: #0277bd;
  border-color: #b3e5fc;
}
.inline-tag.concession_arg-raiser {
  background-color: #f1f8ff;
  color: #004ba0;
  border-color: #bbdefb;
}
.inline-tag.concession_arg-denier {
  background-color: #ffebee;
  color: #b71c1c;
  border-color: #ffcdd2;
}

/* Retoryczne */
.inline-tag.pre-emptive_tactic {
  background-color: #f9fbe7;
  color: #827717;
  border-color: #f0f4c3;
}

/* Domyślny fallback */
.inline-tag.Other,
.inline-tag.inne {
  background-color: #eeeeee;
  color: #555;
  border-color: #ccc;
}

.inline-tag.interaction-tag {
  background-color: #f0f8ff;
  border: 1px dashed #aaa;
  color: #333;
  font-style: italic;
  font-size: 0.85em;
  margin-left: 3px;
}



.inline-tag-gold {
  font-size: 1.00em;
  padding: 0.45em 0.85em;
  font-weight: 700;
}

.inline-tag.argumentative-flag {
  background-color: #e5f6f9;  /* lekko jaśniejsze tło */
  color: #00695c;
  border-color: #b2ebf2;
  font-size: 0.75em;
  font-weight: 500;
  padding: 0.25em 0.6em;
  border-radius: 999px;
  white-space: nowrap;
  pointer-events: none;
}

/* Kolorystyczne podklasy */
.argument-tag.conclusion         { border-color: #2e7d32; background-color: #e8f5e9; }
.argument-tag.premise            { border-color: #f9a825; background-color: #fff8e1; }
.argument-tag.attack-conclusion  { border-color: #d32f2f; background-color: #ffebee; }
.argument-tag.attack-premise     { border-color: #c62828; background-color: #fdecea; }
.argument-tag.attack-inference   { border-color: #ad1457; background-color: #fce4ec; }
.argument-tag.support-conclusion { border-color: #0277bd; background-color: #e1f5fe; }
.argument-tag.support-premise    { border-color: #0288d1; background-color: #e0f7fa; }
.argument-tag.support-inference  { border-color: #00695c; background-color: #e0f2f1; }

.argument-tag.argument-standpoint { border-color: #5c6bc0; background-color: #e8eaf6; }
.argument-tag.argument-conclusion { border-color: #2e7d32; background-color: #e8f5e9; }
.argument-tag.argument-premise { border-color: #fbc02d; background-color: #fffde7; }

.argument-tag.support-conclusion { border-color: #0277bd; background-color: #e1f5fe; }
.argument-tag.support-premise { border-color: #0288d1; background-color: #e0f7fa; }
.argument-tag.support-inference { border-color: #00695c; background-color: #e0f2f1; }

.argument-tag.attack-conclusion { border-color: #d32f2f; background-color: #ffebee; }
.argument-tag.attack-premise { border-color: #c62828; background-color: #fdecea; }
.argument-tag.attack-inference { border-color: #ad1457; background-color: #fce4ec; }

.argument-tag.argument-counterattack { border-color: #3949ab; background-color: #e3eafc; }

.argument-tag.argument-ethos-building { border-color: #43a047; background-color: #e8f5e9; }
.argument-tag.argument-ethos-undermining { border-color: #ef6c00; background-color: #fff3e0; }

.argument-tag.argument-agreeing { border-color: #4caf50; background-color: #e8f5e9; }
.argument-tag.argument-disagreeing { border-color: #ef5350; background-color: #ffebee; }
.argument-tag.argument-doubting { border-color: #ffb300; background-color: #fff8e1; }

.argument-tag.argument-clarification { border-color: #29b6f6; background-color: #e1f5fe; }
.argument-tag.argument-rephrasing { border-color: #64b5f6; background-color: #e3f2fd; }

.argument-tag.argument-challenge { border-color: #ab47bc; background-color: #f3e5f5; }

.tag-pure_question { background-color: #7B68EE; }
.tag-assertive_question { background-color: #FF00FF; }
.tag-rhetorical_question { background-color: #6A5ACD; }
.tag-tactic_question { background-color: #B8860B; }
.tag-explicit_direct_answer { background-color: #FDF5E6; }
.tag-presuppositional_answer { background-color: #FFFFF0; }
.tag-non_factive_direct_answer { background-color: #2F4F4F; }
.tag-contextual_answer { background-color: #FF6347; }
.tag-conditional_direct_answer { background-color: #9932CC; }
.tag-elliptical_direct_answer { background-color: #FF0000; }
.tag-declared_ignorance_answer { background-color: #696969; }
.tag-scalar_implicature_direct_answer { background-color: #FFA500; }
.tag-conversational_implicature_direct_answer { background-color: #87CEFA; }
.tag-request_for_clarification { background-color: #FF69B4; }
.tag-reflect_the_question { background-color: #1E90FF; }
.tag-asking_a_different_question { background-color: #008080; }
.tag-allegation_of_manipulation { background-color: #FAFAD2; }
.tag-low_relevance_of_the_topic { background-color: #CD5C5C; }
.tag-false_assumption { background-color: #BA55D3; }
.tag-misquotation { background-color: #000080; }
.tag-words_taken_out_of_context { background-color: #DEB887; }
.tag-wrong_addressee_of_the_question { background-color: #008B8B; }
.tag-declines_to_answer { background-color: #9ACD32; }
.tag-repeats_answer_to_previous_question { background-color: #00FA9A; }
.tag-no_further_cooperation { background-color: #FF7F50; }
.tag-ignores_the_question_or_no_response_to_question { background-color: #006400; }
.tag-conclusion { background-color: #FFEBCD; }
.tag-premise { background-color: #9370DB; }
.tag-attack_on_conclusion { background-color: #FFFACD; }
.tag-attack_on_premise { background-color: #556B2F; }
.tag-attack_on_inference_rule { background-color: #F4A460; }
.tag-support_for_conclusion { background-color: #FF00FF; }
.tag-support_for_premise { background-color: #98FB98; }
.tag-support_on_inference_rule { background-color: #FFFFE0; }
.tag-wprowadzenie_do_pytania { background-color: #0000CD; }
.tag-wprowadzenie_do_odpowiedzi { background-color: #F5F5F5; }
.tag-elaboration { background-color: #00FFFF; }
.tag-question_correction { background-color: #E9967A; }
.tag-cause { background-color: #7f7f7f; }
.tag-contrast { background-color: #BDB76B; }
.tag-concession { background-color: #87CEEB; }
.tag-rephrasing { background-color: #778899; }

.inline-tag.custom-tag {
  background-color: #fff7e6;       /* jasny beżowy */
  border: 1px dashed #e0b057;      /* bursztyn */
  color: #8b5e1a;                  /* ciemny bursztyn/brąz */
  font-style: italic;
}