/* Basal layout */
#mssc-root{ position:fixed; right:16px; bottom:16px; z-index:99999; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
#mssc-root .mssc-panel{ width:320px; max-height:70vh; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.15); overflow:hidden; display:none; }
#mssc-root.mssc-open .mssc-panel{ display:block; }

.mssc-header{ background:var(--mssc-color,#009fe3); color:#fff; padding:10px 12px; font-weight:600; }
.mssc-body{ padding:10px; overflow:auto; max-height:calc(70vh - 48px); }
.mssc-msg{ background:#f7f7f8; border:1px solid #eee; border-radius:8px; padding:10px; margin:0 0 8px 0; }

.mssc-row{ display:flex; gap:8px; margin:8px 0; }
.mssc-input{ flex:1; border:1px solid #ddd; border-radius:8px; padding:8px 10px; }

.mssc-send{ background:var(--mssc-color,#009fe3); color:#fff; border:1px solid var(--mssc-color,#009fe3); border-radius:8px; padding:8px 12px; cursor:pointer; }
.mssc-send:hover{ background:#fff; color:var(--mssc-color,#009fe3); }

.mssc-actions{ display:flex; gap:8px; justify-content:space-between; margin-top:6px; }
.mssc-actions .btn, .mssc-body .btn{
  background:var(--mssc-color,#009fe3);
  color:#fff;
  border:1px solid var(--mssc-color,#009fe3);
  border-radius:8px;
  padding:7px 14px;
  text-decoration:none;
  display:inline-block;
}
.mssc-actions .btn:hover, .mssc-body .btn:hover{
  background:#fff; color:var(--mssc-color,#009fe3);
}

/* Chat-boblen */
/* Chat-ikon nederst til højre */
#mssc-root .mssc-bubble{
  background:#0098D8 !important; /* ønsket baggrundsfarve */
  color:#fff;
  width:56px; height:56px;
  border:none; border-radius:999px;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  cursor:pointer;

  /* centrer indholdet i boblen */
  display:flex; 
  align-items:center; 
  justify-content:center;

  /* 25% større ikon (fra ~22px -> ~28px) */
  font-size:28px;   /* hvis ikonet er emoji/tekst (💬) */
  line-height:1;
}

/* Hover: inverter farver */
#mssc-root .mssc-bubble:hover{
  background:#fff !important;
  color:#0098D8 !important;
  border:1px solid #0098D8;
}

/* Hvis der er et <img> eller <svg> inde i knappen, gør det også 25% større og centreret */
#mssc-root .mssc-bubble img,
#mssc-root .mssc-bubble svg{
  width:28px;   /* ~25% større end standard */
  height:28px;
  display:block;
}


/* CTA-”pulse” */
.btn.pulse{ box-shadow:0 0 0 0 rgba(0,0,0,.25); animation:msscPulse 1.4s infinite; }
@keyframes msscPulse{ 0%{box-shadow:0 0 0 0 rgba(0,0,0,.25);} 70%{box-shadow:0 0 0 12px rgba(0,0,0,0);} 100%{box-shadow:0 0 0 0 rgba(0,0,0,0);} }

/* Modal */
.mssc-modal{ position:fixed; inset:0; background:rgba(0,0,0,.35); display:flex; align-items:center; justify-content:center; z-index:100000; }