#sr-lc-root{position:fixed;right:20px;bottom:20px;z-index:999999;font:14px system-ui,sans-serif}

#sr-lc-toggle{font-size:1rem;border:0;border-radius:999px;color:#fff;padding:14px 20px;box-shadow:0 4px 20px #0003;cursor:pointer}

#sr-lc-panel{position:absolute;right:0;bottom:60px;width:340px;height:auto;max-height:575px;min-height:475px;background:#fff;border-radius:14px;box-shadow:0 12px 40px #0004;overflow:hidden}

#sr-lc-panel header{background:#1d2327;color:#fff;padding:14px;display:flex;justify-content:space-between}

#sr-lc-close{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}

#sr-lc-start{padding:18px}

#sr-lc-start-form{display:flex;flex-direction:column;gap:9px}

#sr-lc-start input,#sr-lc-start textarea,#sr-lc-start input:focus,#sr-lc-start textarea:focus{color:#000 !important;background-color:#fff !important;box-sizing:border-box;width:100%;padding:10px}

#sr-lc-first-message{min-height:130px;resize:vertical}

#sr-lc-start-error{padding:8px;border-radius:6px;background:#fcf0f1;color:#8a2424}

#sr-lc-root #sr-lc-begin,#sr-lc-root #sr-lc-form button[type=submit],#sr-lc-root #sr-lc-form button{border-radius: 0.5rem !important;padding:10px 14px;cursor:pointer;background-color:var(--sr-lc-send-button-color,#2271b1)!important;border-color:var(--sr-lc-send-button-color,#2271b1)!important;color:var(--sr-lc-send-button-text-color,#fff)!important;background-image:none!important}

#sr-lc-start button:disabled{cursor:wait;opacity:.65}

#sr-lc-chat{height:430px}

#sr-lc-messages{height:350px;overflow:auto;padding:12px;background:#f6f7f7}

.sr-msg{max-width:78%;padding:9px;margin:7px 0;border-radius:10px;background:#fff}

.sr-msg.visitor{margin-left:auto;background:#dbeafe}

.sr-msg small{display:block;font-size:10px;opacity:.6;margin-top:4px}

#sr-lc-form{display:flex;height:80px;padding:8px;gap:6px}

#sr-lc-input{border-radius:0.5rem !important;flex:1;resize:none}

@media(max-width:420px){#sr-lc-panel{position:fixed;inset:10px;width:auto;height:auto}

  #sr-lc-chat{height:calc(100vh - 80px)}

  #sr-lc-messages{height:calc(100vh - 180px)}

}

#sr-lc-root .sr-lc-availability{margin:10px 0;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.45}

#sr-lc-root .sr-lc-unavailable{background:#fff4e5;border:1px solid #f0b849;color:#5f4300}

#sr-lc-root .sr-lc-hours{background:#f6f7f7;border:1px solid #dcdcde;color:#2c3338}

#sr-lc-root .sr-lc-hours strong,#sr-lc-root .sr-lc-hours span{display:block}

#sr-lc-root .sr-lc-hours span{margin-top:4px;white-space:normal}


/* Keep the composer visible when welcome, availability, and opening-hours content is long. */
#sr-lc-panel{
  display:flex;
  flex-direction:column;
}

#sr-lc-panel > header{
  flex:0 0 auto;
}

#sr-lc-start{
  box-sizing:border-box;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}

#sr-lc-start p{
  color: #000;
}

#sr-lc-chat{
  box-sizing:border-box;
  flex:1 1 auto;
  min-height:0;
  height:auto;
  display:flex;
  flex-direction:column;
}

#sr-lc-messages{
  box-sizing:border-box;
  flex:1 1 auto;
  min-height:0;
  height:auto;
  overflow-y:auto;
  overscroll-behavior:contain;
}

#sr-lc-form{
  box-sizing:border-box;
  flex:0 0 80px;
  min-height:80px;
  background:#fff;
}

@media(max-width:420px){
  #sr-lc-chat{height:auto}

  #sr-lc-messages{height:auto}

}

#sr-lc-root .sr-lc-start-actions{display:flex;align-items:stretch;gap:8px}

#sr-lc-root .sr-lc-start-actions #sr-lc-begin{flex:1}

#sr-lc-root .sr-lc-attachment-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:62px;border:1px solid #8c8f94;border-radius:.5rem;background:#fff;color:#2c3338;font-size:20px;line-height:1;cursor:pointer}

#sr-lc-root .sr-lc-attachment-icon:hover,#sr-lc-root .sr-lc-attachment-icon:focus-within{border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}

#sr-lc-root .sr-lc-attachment-icon input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#sr-lc-root .sr-lc-screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#sr-lc-form{align-items:stretch}

#sr-lc-form #sr-lc-input{box-sizing:border-box;min-width:0;min-height:62px;height:62px;padding:9px;line-height:1.4}

#sr-lc-form .sr-lc-attachment-icon{align-self:stretch;}

#sr-lc-root .sr-lc-file{display:block;margin-top:7px;word-break:break-word}

#sr-lc-root .sr-lc-image img{display:block;max-width:100%;max-height:180px;border-radius:6px;margin-bottom:4px}


