:root{
  /* Profesionalna poslovna paleta */
  --igis-bg:#0f62a5;
  --igis-bg-light:#1e7bc4;
  --igis-bg-2:#ffffff;
  --igis-text:#ffffff;
  --igis-user:#E3F2FD;
  --igis-bot:#FFFFFF;
  --igis-border:#E5E7EB;
  --igis-border-focus:#93C5FD;
  --igis-shadow:0 4px 20px rgba(15,98,165,0.1);
  --igis-shadow-hover:0 8px 30px rgba(15,98,165,0.15);
  --igis-shadow-card:0 10px 40px rgba(0,0,0,0.08);
  --igis-radius:12px;
  --igis-proceed:#10b981;
  --igis-proceed-hover:#059669;
  --igis-reject:#ef4444;
  --igis-reject-hover:#dc2626;
  --igis-focus:#3B82F6;
}

/* High specificity for launch button */
body button.igis-launch-btn{
  position:fixed; z-index:9999; bottom:20px; right:20px;
  background:var(--igis-bg); color:#fff; border:none; border-radius:999px;
  padding:14px 20px; font-weight:600; box-shadow:var(--igis-shadow); cursor:pointer;
  display:flex; align-items:center; gap:10px; transition:all 0.3s ease;
  font-size:15px;
}
body button.igis-launch-btn:hover{
  background:var(--igis-bg-light); box-shadow:var(--igis-shadow-hover); transform:translateY(-2px);
}
body button.igis-launch-btn:active{transform:translateY(0)}
body button.igis-launch-btn:focus{outline:2px solid rgba(255,255,255,0.5); outline-offset:2px}
body button.igis-launch-btn .bubble{font-size:20px}

/* High specificity for chat container */
body div.igis-chat{position:fixed; z-index:10000;}
body div.igis-chat.igis-pos-br{right:18px; bottom:86px;}
body div.igis-chat.igis-pos-bl{left:18px; bottom:86px;}
body div.igis-chat.igis-pos-tr{right:18px; top:18px;}
body div.igis-chat.igis-pos-tl{left:18px; top:18px;}

/* High specificity for card */
body div.igis-chat div.igis-card{
  width:460px; min-width:380px; max-width:95vw; height:85vh; max-height:85vh;
  background:var(--igis-bg-2); border-radius:var(--igis-radius); box-shadow:var(--igis-shadow-card);
  display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(15,98,165,0.08);
}

/* High specificity for header - DARK THEME */
body div.igis-chat div.igis-header,
body div.igis-chat div.igis-chat-header{
  background:#0f172a !important; color:#ffffff !important; padding:16px 18px;
  display:flex; align-items:center; gap:12px; font-weight:700; font-size:16px;
}
body div.igis-chat div.igis-header .igis-title{flex:1; color:#ffffff !important;}
body div.igis-chat div.igis-header-actions{
  display:flex; align-items:center; gap:6px;
}
body div.igis-chat div.igis-header button{
  background:transparent; color:#fff !important; border:0; font-size:18px; cursor:pointer; padding:6px 8px;
  border-radius:8px; transition:all 0.2s ease; display:flex; align-items:center; justify-content:center;
}
body div.igis-chat div.igis-header button:hover{
  background:rgba(255,255,255,0.2); transform:scale(1.1);
}
body div.igis-chat div.igis-header button:active{transform:scale(0.95)}
body div.igis-chat div.igis-header .igis-refresh{
  font-size:20px; font-weight:700;
}

/* High specificity for body */
body div.igis-chat div.igis-body{
  background:#f8fafc; padding:16px 18px; overflow-y:auto; flex:1; min-height:0;
}

/* High specificity for messages */
body div.igis-chat div.igis-message-container{
  display:flex; flex-direction:column; gap:8px; margin:10px 0;
}
body div.igis-chat div.igis-bubble{
  max-width:85%; padding:12px 16px; border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
  transition:box-shadow 0.2s ease;
}
body div.igis-chat div.igis-bot{
  background:var(--igis-bot); color:#1f2937; border:1px solid var(--igis-border);
  display:flex; gap:12px; align-items:flex-start;
}
body div.igis-chat div.igis-user{
  background:var(--igis-user); color:#1f2937; margin-left:auto;
  border:1px solid rgba(15,98,165,0.1);
}
body div.igis-chat div.igis-avatar{
  width:32px; height:32px; border-radius:50%;
  background:linear-gradient(135deg, var(--igis-bg) 0%, var(--igis-bg-light) 100%);
  flex:0 0 32px;
  display:flex; align-items:center; justify-content:center;
  font-size:16px; box-shadow:0 2px 6px rgba(15,98,165,0.2);
}
body div.igis-chat div.igis-msg{
  white-space:pre-wrap; word-break:break-word; font-size:15px; line-height:1.6;
}

/* Reaction Buttons */
body div.igis-chat div.igis-reactions{
  display:flex; gap:8px; align-items:center; padding-left:44px;
}
body div.igis-chat button.igis-reaction{
  background:#fff; border:1.5px solid var(--igis-border);
  padding:6px 12px; border-radius:24px; font-size:15px;
  cursor:pointer; transition:all 0.2s ease;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 1px 3px rgba(0,0,0,0.05);
}
body div.igis-chat button.igis-reaction:hover{
  background:#f8fafc; border-color:#cbd5e1;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
body div.igis-chat button.igis-reaction.active{
  background:#dbeafe; border-color:#60a5fa;
  box-shadow:0 2px 8px rgba(59,130,246,0.25);
}

/* Follow-up Suggestions */
body div.igis-chat div.igis-followup-container{
  display:flex; flex-wrap:wrap; gap:8px; padding-left:44px;
}
body div.igis-chat button.igis-followup-btn{
  background:#fff; border:1.5px solid var(--igis-border);
  padding:10px 16px; border-radius:20px; font-size:14px;
  cursor:pointer; transition:all 0.25s ease; color:#475569;
  font-weight:500; box-shadow:0 1px 3px rgba(0,0,0,0.05);
}
body div.igis-chat button.igis-followup-btn:hover{
  background:linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);
  border-color:var(--igis-bg); color:var(--igis-bg);
  box-shadow:0 3px 8px rgba(15,98,165,0.15);
  transform:translateY(-2px);
}

/* Typing indicator */
body div.igis-chat div.igis-typing{display:flex; align-items:center; gap:6px; padding:8px 14px; color:#555; border-top:1px solid var(--igis-border); background:#fff;}
body div.igis-chat div.igis-typing[hidden]{display:none;}
body div.igis-chat div.igis-typing .igis-dot{width:6px;height:6px;border-radius:50%;background:#888;display:inline-block;animation:igis-blink 1.2s infinite;}
body div.igis-chat div.igis-typing .igis-dot:nth-child(2){animation-delay:.2s}
body div.igis-chat div.igis-typing .igis-dot:nth-child(3){animation-delay:.4s}
@keyframes igis-blink{0%,80%,100%{opacity:.2}40%{opacity:1}}

/* HITL Panel - Profesionalni akcijski panel */
body div.igis-chat div.igis-hitl-panel{
  border-top:2px solid #FCD34D;
  background:linear-gradient(to bottom, #FFFBEB 0%, #FEF3C7 100%);
  padding:16px 18px;
  flex-shrink:0;
  box-shadow:inset 0 2px 4px rgba(252,211,77,0.1);
}
body div.igis-chat div.igis-hitl-buttons{
  display:flex;
  gap:12px;
  justify-content:center;
}
body div.igis-chat button.igis-hitl-btn{
  flex:1;
  padding:14px 24px;
  border:none;
  border-radius:10px;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
  transition:all 0.25s ease;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  text-transform:uppercase;
  letter-spacing:0.5px;
}
body div.igis-chat button.igis-hitl-proceed{
  background:linear-gradient(135deg, var(--igis-proceed) 0%, #14B88A 100%);
  color:#fff;
}
body div.igis-chat button.igis-hitl-proceed:hover{
  background:linear-gradient(135deg, var(--igis-proceed-hover) 0%, var(--igis-proceed) 100%);
  box-shadow:0 4px 12px rgba(16,185,129,0.4);
  transform:translateY(-2px);
}
body div.igis-chat button.igis-hitl-proceed:active{transform:translateY(0)}
body div.igis-chat button.igis-hitl-reject{
  background:linear-gradient(135deg, var(--igis-reject) 0%, #F87171 100%);
  color:#fff;
}
body div.igis-chat button.igis-hitl-reject:hover{
  background:linear-gradient(135deg, var(--igis-reject-hover) 0%, var(--igis-reject) 100%);
  box-shadow:0 4px 12px rgba(239,68,68,0.4);
  transform:translateY(-2px);
}
body div.igis-chat button.igis-hitl-reject:active{transform:translateY(0)}
body div.igis-chat button.igis-hitl-btn:disabled{
  opacity:0.5;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none;
}

/* Input composer */
body div.igis-chat div.igis-input{
  display:flex; gap:12px; padding:16px 18px; border-top:1px solid var(--igis-border); background:#fff;
  flex-shrink:0;
}
body div.igis-chat textarea.igis-textarea{
  flex:1; min-height:46px; max-height:120px; resize:none;
  padding:12px 16px; border:2px solid var(--igis-border); border-radius:12px;
  outline:none; font-size:15px; font-family:inherit; line-height:1.5;
  transition:all 0.2s ease; background:#fafbfc;
}
body div.igis-chat textarea.igis-textarea:focus{
  border-color:var(--igis-focus);
  background:#fff;
  box-shadow:0 0 0 3px rgba(59,130,246,0.1);
}
body div.igis-chat textarea.igis-textarea:disabled{
  background:#f3f4f6;
  color:#9ca3af;
  cursor:not-allowed;
}
body div.igis-chat button.igis-send{
  background:linear-gradient(135deg, var(--igis-bg) 0%, var(--igis-bg-light) 100%);
  color:#fff; border:none;
  padding:12px 20px; border-radius:10px; font-weight:600;
  cursor:pointer; font-size:15px; transition:all 0.25s ease;
  box-shadow:0 2px 6px rgba(15,98,165,0.2);
}
body div.igis-chat button.igis-send:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(15,98,165,0.3);
}
body div.igis-chat button.igis-send:active{transform:translateY(0)}
body div.igis-chat button.igis-send:disabled{
  opacity:0.5;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

/* Footer */
body div.igis-chat div.igis-footer{
  border-top:1px solid var(--igis-border); padding:10px 14px; background:#fff;
  text-align:center; font-size:12px; color:#666; flex-shrink:0;
}
body div.igis-chat div.igis-footer a{color:#0f62a5; text-decoration:none;}

/* Popup Overlay (top-level, high z-index) */
body div.igis-popup-overlay{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  animation:igis-overlay-in 0.2s ease-out;
  z-index:99999;
}
body .igis-hitl-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.5);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:100000;
  padding:20px;
}
body .igis-hitl-box{
  background:#fff;
  border-radius:12px;
  padding:20px 30px;
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
  max-width:360px;
  width:100%;
  text-align:center;
}
body .igis-hitl-title{
  margin:0 0 12px;
  font-size:20px;
  font-weight:700;
  color:#1f2937;
}
body .igis-hitl-message{
  margin:0 0 16px;
  font-size:15px;
  color:#4b5563;
  line-height:1.4;
}
body .igis-popup-buttons{
  display:flex;
  justify-content:center;
  gap:12px;
}
body .igis-popup-buttons button{
  margin:8px;
  padding:10px 20px;
  font-weight:600;
  cursor:pointer;
  border-radius:6px;
}
@keyframes igis-overlay-in{
  from{opacity:0}
  to{opacity:1}
}

/* Popup Modal */
body div.igis-popup-overlay div.igis-popup{
  background:#fff;
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
  width:100%;
  max-width:480px;
  position:relative;
  animation:igis-popup-in 0.3s cubic-bezier(0.34,1.56,0.64,1);
  border:1px solid rgba(15,98,165,0.1);
}
@keyframes igis-popup-in{
  from{
    opacity:0;
    transform:scale(0.9) translateY(-20px);
  }
  to{
    opacity:1;
    transform:scale(1) translateY(0);
  }
}

/* Popup Header */
body div.igis-popup-overlay div.igis-popup-header{
  padding:20px 24px;
  border-bottom:1px solid var(--igis-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
body div.igis-popup-overlay div.igis-popup-header h3{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:#111;
}
body div.igis-popup-overlay button.igis-popup-close{
  background:transparent;
  border:none;
  font-size:24px;
  color:#666;
  cursor:pointer;
  padding:0;
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  transition:background 0.2s;
}
body div.igis-popup-overlay button.igis-popup-close:hover{
  background:#f3f4f6;
}

/* Popup Body */
body div.igis-popup-overlay div.igis-popup-body{
  padding:24px;
}
body div.igis-popup-overlay div.igis-popup-body p.igis-popup-message{
  margin:0 0 16px;
  font-size:15px;
  color:#374151;
  line-height:1.5;
}
body div.igis-popup-overlay textarea.igis-popup-textarea{
  width:100%;
  min-height:100px;
  padding:12px;
  border:1px solid var(--igis-border);
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
  line-height:1.5;
  resize:vertical;
  outline:none;
  transition:border-color 0.2s;
  box-sizing:border-box;
}
body div.igis-popup-overlay textarea.igis-popup-textarea:focus{
  border-color:var(--igis-bg);
}
body div.igis-popup-overlay div.igis-popup-char-count{
  text-align:right;
  font-size:12px;
  color:#6b7280;
  margin-top:6px;
}

/* Popup Footer */
body div.igis-popup-overlay div.igis-popup-footer{
  padding:20px 24px;
  border-top:1px solid var(--igis-border);
  display:flex;
  gap:12px;
  justify-content:flex-end;
  background:#fafbfc;
}
body div.igis-popup-overlay div.igis-popup-buttons{
  width:100%;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}
body div.igis-popup-overlay button.igis-popup-cancel,
body div.igis-popup-overlay button.igis-popup-confirm{
  padding:12px 24px;
  border:none;
  border-radius:10px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  transition:all 0.25s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
body div.igis-popup-overlay button.igis-popup-cancel{
  background:#f3f4f6;
  color:#475569;
  border:1.5px solid #e5e7eb;
}
body div.igis-popup-overlay button.igis-popup-cancel:hover{
  background:#e5e7eb;
  border-color:#cbd5e1;
  transform:translateY(-1px);
  box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
body div.igis-popup-overlay button.igis-popup-confirm{
  background:linear-gradient(135deg, var(--igis-bg) 0%, var(--igis-bg-light) 100%);
  color:#fff;
}
body div.igis-popup-overlay button.igis-popup-confirm:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(15,98,165,0.3);
}
body div.igis-popup-overlay button.igis-popup-cancel:active,
body div.igis-popup-overlay button.igis-popup-confirm:active{
  transform:translateY(0);
}
body div.igis-popup-overlay button.igis-popup-cancel:disabled,
body div.igis-popup-overlay button.igis-popup-confirm:disabled{
  opacity:0.5;
  cursor:not-allowed;
  transform:none !important;
}

/* Popup Spinner */
body div.igis-popup-overlay div.igis-popup-spinner{
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background:rgba(255,255,255,0.9);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
}
body div.igis-popup-overlay div.igis-spinner{
  width:40px;
  height:40px;
  border:4px solid #e5e7eb;
  border-top-color:var(--igis-bg);
  border-radius:50%;
  animation:igis-spin 0.8s linear infinite;
}
@keyframes igis-spin{
  to{
    transform:rotate(360deg);
  }
}

@media (max-width:480px){
  body div.igis-chat div.igis-card{width:95vw; height:85vh; max-height:85vh;}
  body div.igis-chat div.igis-bubble{max-width:90%;}
  body div.igis-chat div.igis-msg{font-size:14px;}
  body div.igis-popup-overlay div.igis-popup{max-width:90vw;}
}

/* --- HIDE FLOWISE PROCESS / AGENT FLOW PANELS --- */

/* Osnovni kontejneri */
#igis-flowise-chat div[class*="process"],
#igis-flowise-chat div[data-testid="process-flow"],
.flowise-process-flow,
.flowise-chat .flowise-process-flow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Varijacije naziva */
div[class*="process-flow"],
div[class*="ProcessFlow"],
div[class*="process_flow"],
div[data-testid="process-flow"],
div[data-testid="agent-flow"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Agent Flow varijacije */
.flowise-chat div[class*="agentFlow"],
.flowise-chat div[class*="AgentFlow"],
.flowise-chat div[class*="agent-flow"],
.flowise-chat div[class*="agentflow"],
.flowise-chat div[class*="flow-node"],
.flowise-chat div[class*="flow-node-wrapper"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Message actions i nested */
.flowise-chat .message-actions + div[class*="flow"],
.flowise-chat .message-actions + div[class*="agent"],
.flowise-chat [class*="flow"] [class*="agent"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Agent execution data */
[class*="agentFlowExecutedData"],
div[class*="agentReasoning"],
div[class*="agentThought"],
div[class*="agentObservation"],
div[class*="executionData"],
div[class*="ExecutionData"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === DODATNI SELEKTORI ZA PROCESS FLOW === */

/* Sakrij Flowise process/agent flow log */
.flowise-process-flow,
.flowise-chat .flowise-process-flow,
.flowise-chat div[class*="process-flow"],
.flowise-chat div[data-testid="process-flow"],
.flowise-chat div[class*="agentFlow"],
.flowise-chat div[class*="AgentFlow"],
.flowise-chat div[class*="agent-flow"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Za slučaj da Flowise ubaci unutar poruke kao card */
.flowise-chat .message-content > div[class*="flow"],
.flowise-chat .message-content > div[class*="Flow"],
.flowise-chat .message-content > div[class*="agent"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* --- FLOWISE CHAT WINDOW CUSTOMIZATION --- */

/* Promijeni "X" u "−" za close gumb */
.flowise-chat button[aria-label="Close"],
.flowise-chat button[title="Close"],
.flowise-chat button[aria-label*="lose"] {
  position: relative;
  font-size: 0 !important; /* sakrij originalnu ikonu/tekst */
}

.flowise-chat button[aria-label="Close"]::after,
.flowise-chat button[title="Close"]::after,
.flowise-chat button[aria-label*="lose"]::after {
  content: "−";
  font-size: 24px !important;
  line-height: 1 !important;
  color: currentColor !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Ako koristi SVG ikonu, sakrij je */
.flowise-chat button[aria-label="Close"] svg,
.flowise-chat button[title="Close"] svg,
.flowise-chat button[aria-label*="lose"] svg {
  display: none !important;
}

/* --- FLOATING BUTTON STILIZACIJA (Plavi balon) --- */

/* Stilizacija launcher gumba */
.flowise-launcher,
.flowise-chat-toggle-button,
button[id*="flowise"],
button[class*="flowise-button"] {
  background: var(--igis-bg, #0B5ED7) !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  box-shadow: 0 4px 12px rgba(11, 94, 215, 0.3) !important;
  transition: all 0.3s ease !important;
}

.flowise-launcher:hover,
.flowise-chat-toggle-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(11, 94, 215, 0.4) !important;
}

.flowise-launcher span,
.flowise-chat-toggle-button span {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

/* === FLOWISE EMBED POINT BLUE HEADER OVERRIDE === */
/* Primjenjuje se na Flowise web component kada se učita */

/* Point Blue Header for Flowise Embed - #0172a6 */
flowise-chatbot::part(header),
flowise-fullchatbot::part(header) {
  background: #0172a6 !important;
  background-color: #0172a6 !important;
  color: #ffffff !important;
}

/* Global selektori koji će raditi i u Shadow DOM ako Flowise dozvoli */
.flowise-chat-window header,
.flowise-chat-window [class*="header"],
.flowise-chat-window [class*="Header"] {
  background: #0172a6 !important;
  background-color: #0172a6 !important;
  color: #ffffff !important;
}

.flowise-chat-window header *,
.flowise-chat-window [class*="header"] *,
.flowise-chat-window [class*="Header"] * {
  color: #ffffff !important;
}

.flowise-chat-window header svg,
.flowise-chat-window [class*="header"] svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Sakrij Flowise branding ako postoji */
.flowise-branding,
[class*="flowise-brand"],
[class*="powered-by-flowise"] {
  display: none !important;
}

/* === LAUNCHER BUTTON POINT BLUE BAR DESIGN === */
/* Opcija B: Tekst lijevo, ikona desno, Point plava boja */

button[id*="chatbot"],
button[id*="flowise"],
#chatbot-button,
flowise-chatbot button,
flowise-fullchatbot button {
  background: #0172a6 !important;
  background-color: #0172a6 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 4px 16px rgba(1, 114, 166, 0.3) !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  transition: all 0.3s ease !important;
}

button[id*="chatbot"]:hover,
button[id*="flowise"]:hover,
flowise-chatbot button:hover,
flowise-fullchatbot button:hover {
  box-shadow: 0 6px 20px rgba(1, 114, 166, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* Ikona - desno, bijela */
button[id*="chatbot"] img,
button[id*="flowise"] img,
flowise-chatbot button img,
flowise-fullchatbot button img {
  order: 2 !important;
  width: 24px !important;
  height: 24px !important;
  filter: brightness(0) invert(1) !important;
}

button[id*="chatbot"] svg,
button[id*="flowise"] svg,
flowise-chatbot button svg,
flowise-fullchatbot button svg {
  order: 2 !important;
  width: 24px !important;
  height: 24px !important;
  fill: #ffffff !important;
}

/* === USER AVATAR HIDE === */
/* Sakrij sve user avatare */
.flowise-chat [class*="userAvatar"],
.flowise-chat [class*="user-avatar"],
.flowise-chat [class*="UserAvatar"],
.flowise-chat div[class*="userMessage"] img,
.flowise-chat div[class*="user-message"] img,
.flowise-chat div[class*="userMessage"] [class*="avatar"],
.flowise-chat div[class*="user-message"] [class*="avatar"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}