/* Minimal styles for RCS Chat Widget (Laravel) */
:root{
  --rcs-primary:#0d6d28; --rcs-primary-2:#54B435; --rcs-bg:#ffffff; --rcs-text:#1f2937; --rcs-muted:#6b7280;
  --theme-color: #0d6d28;
}
#rcs-chat-widget{position:fixed;z-index:9999;left:18px;bottom:18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--rcs-text);} 
.rcs-chat-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--rcs-primary),var(--rcs-primary-2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.15);cursor:pointer;position:relative;}
.rcs-unread-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;min-width:20px;height:20px;display:none;align-items:center;justify-content:center;font-size:12px;padding:0 4px;box-shadow:0 0 0 3px #fff;}
.rcs-chat-window{position:fixed;left:18px;bottom:86px;width:340px;max-height:70vh;background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.2);overflow:hidden;flex-direction:column;display:none;}
.rcs-chat-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--rcs-primary),var(--rcs-primary-2));color:#fff;padding:12px 14px;}
.rcs-header-content{display:flex;gap:10px;align-items:center}
.rcs-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}
.rcs-header-title{font-weight:700}
.rcs-status-dot{width:8px;height:8px;border-radius:50%;background:#34d399;display:inline-block;margin-right:6px}
.rcs-status-dot.offline{background:#f59e0b}
.rcs-welcome-screen{padding:18px;text-align:center}
.rcs-welcome-screen h3{margin:6px 0 4px}
.rcs-welcome-screen input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;margin:6px 0;font-size:14px}
.rcs-btn-primary{background:var(--theme-color);color:#fff;border:none;border-radius:10px;padding:10px 14px;margin-top:6px;cursor:pointer}
.rcs-messages-container{height:340px;overflow:auto;background:#f9fafb;padding:14px}
.rcs-messages{display:flex;flex-direction:column;gap:10px}
.rcs-message{max-width:78%}
.rcs-message.admin{align-self:flex-start}
.rcs-message.visitor{align-self:flex-end}
.rcs-message-bubble{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.rcs-message.admin .rcs-message-bubble{background:var(--theme-color);color:#fff}
.rcs-message.visitor .rcs-message-bubble{background:rgba(13,109,40,0.1);border:1px solid rgba(13,109,40,0.2)}
.rcs-message-time{font-size:11px;color:var(--rcs-muted);margin-top:4px}
.rcs-attachment{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--theme-color)}
.rcs-typing-indicator{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--rcs-muted)}
.rcs-typing-dots span{display:inline-block;width:6px;height:6px;background:#cbd5e1;border-radius:999px;margin-right:3px;animation:rcs-bounce 1.2s infinite}
.rcs-typing-dots span:nth-child(2){animation-delay:.2s}
.rcs-typing-dots span:nth-child(3){animation-delay:.4s}
@keyframes rcs-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
.rcs-input-area{display:flex;gap:8px;align-items:center;padding:10px;border-top:1px solid #e5e7eb;background:#fff}
.rcs-input-area input[type="text"]{flex:1;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px}
.rcs-send-btn,.rcs-attach-btn{width:40px;height:40px;border-radius:10px;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;color:#111827;cursor:pointer}
@media (max-width:575px){
  .rcs-chat-window{right:12px;left:12px;bottom:82px;width:auto;max-height:78vh}
}