/* GARFIX — simplified visitor controls */

.mx-garfix[data-session-active="0"] .mx-garfix-composer{
  display:block !important;
}

.mx-garfix[data-session-active="0"] .mx-garfix-form,
.mx-garfix[data-session-active="0"] .mx-garfix-attachment{
  display:none !important;
}

.mx-garfix-session-footer{
  margin:0 0 8px !important;
  padding:0 !important;
  border:0 !important;
}

.mx-garfix-session-footer[hidden]{
  display:flex !important;
}

.mx-garfix-session-footer-time{
  display:none !important;
}

.mx-garfix-session-lifecycle{
  width:100%;
  min-height:36px;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.025) !important;
  color:rgba(255,255,255,.68) !important;
  font-size:8px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase;
}

.mx-garfix-session-lifecycle:hover{
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.05) !important;
}

.mx-garfix-session-lifecycle.is-start{
  color:rgba(255,255,255,.9) !important;
}

.mx-garfix-copy{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:rgba(255,255,255,.38);
  appearance:none;
  cursor:pointer;
}

.mx-garfix-copy svg{
  width:12px;
  height:12px;
  display:block;
}

.mx-garfix-copy:hover,
.mx-garfix-copy.is-copied{
  color:#fff;
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.05);
}

.mx-garfix-copy:focus-visible{
  outline:1px solid rgba(255,255,255,.68);
  outline-offset:2px;
}

.mx-garfix-settings{
  width:min(300px,100%) !important;
}

.mx-garfix-settings-list{
  gap:7px !important;
}

.mx-garfix-setting-row{
  min-height:58px !important;
  padding:10px 11px !important;
}

.mx-garfix-setting-row strong{
  font-size:9px !important;
  letter-spacing:.04em;
}

.mx-garfix-setting-row small{
  margin-top:4px !important;
  font-size:7.7px !important;
  line-height:1.4 !important;
}

.mx-garfix-settings-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:7px !important;
  margin-top:9px !important;
}

.mx-garfix-settings-actions button{
  min-height:38px !important;
  border-radius:10px !important;
  font-size:8px !important;
  letter-spacing:.035em;
}

.mx-garfix-settings-brand{
  margin-top:13px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.5);
  font-size:7.5px;
  font-weight:600;
  letter-spacing:.11em;
  text-align:center;
}

.mx-garfix-settings-brand span{
  color:rgba(255,255,255,.27);
  font-weight:500;
}

#mx-garfix-session-settings-slot,
.mx-garfix-security-note,
.mx-garfix-settings-privacy{
  display:none !important;
}

.mx-garfix-footnote{
  letter-spacing:.09em;
  text-transform:uppercase;
}

[dir="rtl"] .mx-garfix-settings-brand,
[dir="rtl"] .mx-garfix-footnote{
  direction:ltr;
  unicode-bidi:isolate;
}

/* Expanded mode may remain saved after the panel is closed. The launcher
   must always come back when GARFIX is closed, otherwise there is no way
   for the visitor to reopen the assistant without reloading/resetting state. */
.mx-garfix[data-expanded="1"][data-open="0"] .mx-garfix-launcher{
  opacity:1 !important;
  pointer-events:auto !important;
}


/* Settings use the full drawer height: compact controls, while the GARFIX
   signature remains deliberately anchored at the bottom. */
.mx-garfix-settings{
  inset-block-end:0 !important;
  width:min(318px, 100%) !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column;
  padding:12px !important;
}

.mx-garfix-settings-head{
  margin-bottom:7px !important;
}

.mx-garfix-settings-list{
  gap:5px !important;
}

.mx-garfix-setting-row{
  min-height:46px !important;
  padding:8px 10px !important;
  gap:10px !important;
}

.mx-garfix-setting-row:has(small){
  min-height:56px !important;
}

.mx-garfix-setting-row strong{
  font-size:8.8px !important;
  letter-spacing:.055em !important;
}

.mx-garfix-setting-row small{
  margin-top:3px !important;
  font-size:7.3px !important;
  line-height:1.35 !important;
}

.mx-garfix-setting-row input{
  width:30px !important;
  height:17px !important;
}

.mx-garfix-setting-row input:checked::after{
  transform:translateX(13px) !important;
}

.mx-garfix-settings-actions{
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  margin-top:8px !important;
}

.mx-garfix-settings-actions button{
  min-height:33px !important;
  padding:6px 7px !important;
  border-radius:9px !important;
  font-size:7.2px !important;
  letter-spacing:.025em !important;
}

.mx-garfix-settings-brand{
  margin-top:auto !important;
  padding-top:9px !important;
  padding-bottom:1px;
  font-size:7px !important;
  letter-spacing:.1em !important;
}

@media (max-width:640px){
  .mx-garfix-settings-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Copy feedback is outside the message scroller so it remains visible on mobile. */
#mx-garfix-copy-status {
  position:fixed; inset-inline:1rem; bottom:max(1.5rem, env(safe-area-inset-bottom));
  width:fit-content; max-width:calc(100vw - 2rem); margin-inline:auto;
  z-index:2147483647; padding:.7rem 1rem; border:1px solid #53645c;
  border-radius:12px; background:#14201b; color:#fff;
  font:500 13px/1.4 system-ui,sans-serif; text-align:center;
  box-shadow:0 8px 28px #0006; pointer-events:none;
}
#mx-garfix-copy-status[hidden] { display:none; }
.mx-garfix-copy-buffer { position:fixed; inset:0 auto auto 0; width:1px; height:1px; opacity:0; font-size:16px; }