/* ============================================================
   Chatwoot Custom-CSS — REDUZIERT auf die Notiz-Hervorhebung
   (extrahiert aus dem HubSpot-Theme, Rest liegt in hubspot.css.bak)
   Stand: Chatwoot v4.6 (Light Mode)
   ============================================================ */

/* ------------------------------------------------------------
   Interne Notizen als Amber-Pills in der Konversationsansicht
   (Chatwoot markiert private Notizen mit bg-n-solid-amber)
   ------------------------------------------------------------ */
[class*="bg-n-solid-amber"] {
  background-color: #f5c26b !important;
  color: #33475b !important;
  border: 1px solid #eab766 !important;
  border-radius: 14px !important;
  font-weight: 500;
}
[class*="bg-n-solid-amber"]::before {
  content: '\21A9  ';
  opacity: 0.55;
}
[class*="text-n-amber-12"] { color: #7a5410 !important; }
[class*="bg-n-solid-amber"] [class*="text-n-amber-12"] { color: #33475b !important; }

/* Notiz-Editor (Reply-Box im Notiz-Modus) dezent amber halten */
[class*="bg-n-amber-2"], [class*="bg-n-amber-3"] {
  background-color: #fdf3e0 !important;
}

/* ------------------------------------------------------------
   Notiz-Vorschauen in der Konversationsliste als gelbe Badges.
   Erkennung über das Schloss-Icon der privaten Notiz (SVG-Pfad) —
   bricht weich, falls Chatwoot das Icon bei einem Update tauscht.
   Der Antwort-Pfeil (M9.277…) matcht bewusst NICHT.
   ------------------------------------------------------------ */
div[class*="text-ellipsis"]:has(> svg path[d^="M12 2a4 4 0 0 1 4 4v2h1.75"]) {
  background: #f5c26b !important;
  color: #33475b !important;
  border-radius: 10px;
  padding: 0 8px;
  font-weight: 500;
}
div[class*="text-ellipsis"]:has(> svg path[d^="M12 2a4 4 0 0 1 4 4v2h1.75"]) svg {
  color: #7a5410 !important;
}