/* ——— Tema WhatsApp (compatto) + GDPR + menu ——— */
:root{
  --wa-header:#075E54; --wa-header-dark:#064C48; --wa-accent:#25D366; --wa-link:#34B7F1;
  --wa-bot:#FFFFFF; --wa-user:#DCF8C6; --wa-bg:#EDEDED;
  --wa-text:#111B21; --wa-muted:#667781; --wa-border:rgba(0,0,0,.08);
  --shadow:0 10px 30px rgba(0,0,0,.18); --dg-bottom-offset:0px;
}

/* Toggle */
.diggio-chatbot-toggle{position:fixed;z-index:2147483646;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 13px;border:0;border-radius:999px;cursor:pointer;background:var(--wa-header);color:#fff;box-shadow:var(--shadow);font:600 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.diggio-chatbot-toggle:hover{background:var(--wa-header-dark);transform:translateY(-1px)}
.diggio-chatbot-toggle-icon{width:20px;height:20px}
.diggio-hide{display:none!important}
.diggio-chatbot-toggle.pos-bottom-right{right:18px;bottom:18px}
.diggio-chatbot-toggle.pos-bottom-left{left:18px;bottom:18px}
.diggio-chatbot-toggle.pos-top-right{right:18px;top:18px}
.diggio-chatbot-toggle.pos-top-left{left:18px;top:18px}

/* Container */
.diggio-chatbot-container{position:fixed;z-index:2147483647;right:18px;bottom:calc(18px + var(--dg-bottom-offset));width:min(340px,92vw);height:clamp(400px,62vh,560px);background:#F0F2F5;color:var(--wa-text);border:1px solid var(--wa-border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.diggio-chatbot-container.pos-bottom-left{left:18px;right:auto}
.diggio-chatbot-container.pos-top-right{top:88px;bottom:auto}
.diggio-chatbot-container.pos-top-left{top:88px;bottom:auto;left:18px;right:auto}
@media (max-width:480px){.diggio-chatbot-container{left:12px!important;right:12px!important;width:auto}}

/* Header */
.diggio-chatbot-header{flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--wa-header);color:#fff}
.diggio-chatbot-header-avatar{width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.2)}
.diggio-chatbot-header-info{display:flex;flex-direction:column;margin-left:8px}
.diggio-chatbot-header-title{font:700 13px/1 system-ui}
.diggio-chatbot-header-status{font:600 10px/1 system-ui;color:#C7EBD0}
.diggio-chatbot-header-actions{display:flex;align-items:center;gap:6px}
.diggio-chatbot-close{border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:50%}
.diggio-chatbot-close:hover{background:rgba(255,255,255,.15)}

/* Menu */
.diggio-chatbot-menu{border:0;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:6px}
.diggio-chatbot-menu:hover{background:rgba(255,255,255,.15)}
.diggio-menu-dropdown{position:absolute;margin-top:36px;right:44px;background:#fff;border:1px solid var(--wa-border);border-radius:8px;box-shadow:var(--shadow);padding:6px;display:none;min-width:210px;z-index:5}
.diggio-menu-dropdown.open{display:block}
.diggio-menu-item{display:block;width:100%;text-align:left;background:#fff;border:0;padding:8px 10px;border-radius:6px;cursor:pointer;font:500 13px/1.2 system-ui}
.diggio-menu-item:hover{background:#f5f7f9}

/* Consent bar */
.gdpr-consent{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;background:#fff;color:#111;border-bottom:1px solid var(--wa-border)}
.gdpr-consent-text{font:500 12px/1.3 system-ui}
.gdpr-consent-actions{display:flex;gap:6px}
.gdpr-btn{border:1px solid var(--wa-border);background:#fff;border-radius:999px;padding:6px 10px;font:600 12px/1 system-ui;cursor:pointer}
.gdpr-btn.accept{background:var(--wa-accent);color:#fff;border-color:var(--wa-accent)}
.gdpr-btn.decline{background:#fff}

/* Messages */
.diggio-chatbot-messages{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;background:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px) 0 0/10px 10px,var(--wa-bg)}
.message{display:flex;margin:6px 0;font:400 14px/1.38 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.user-message{justify-content:flex-end}
.bot-message{justify-content:flex-start}

/* Bubble compatte */
.bubble{position:relative;max-width:82%;padding:7px 48px 14px 10px;border-radius:7px;border:1px solid var(--wa-border);background:var(--wa-bot);color:var(--wa-text);box-shadow:0 1px 1px rgba(0,0,0,.06);white-space:pre-wrap;overflow-wrap:anywhere}
.user-message .bubble{background:var(--wa-user)}
.bot-message .bubble::after{content:"";position:absolute;left:-6px;bottom:0;border:6px solid transparent;border-right-color:var(--wa-bot)}
.user-message .bubble::after{content:"";position:absolute;right:-6px;bottom:0;border:6px solid transparent;border-left-color:var(--wa-user)}
.bubble .content a{color:var(--wa-link);text-decoration:underline}
.bubble .content code{background:#0001;border:1px solid #0002;border-radius:3px;padding:.05rem .25rem;font-family:ui-monospace,Menlo,Consolas,monospace}
.bubble .meta{position:absolute;right:8px;bottom:3px;font-size:11px;color:#8a8a8a}
.user-message .bubble .meta::after{content:" ✓✓";color:#34B7F1;font-weight:700;letter-spacing:-1px;margin-left:4px}

/* Typing */
#nc-typing .bubble{display:inline-flex;gap:6px;align-items:center;padding-right:16px}
.dot{width:6px;height:6px;background:#9ca3af;border-radius:50%;display:inline-block;animation:bounce 1s infinite ease-in-out}
.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.6}40%{transform:translateY(-4px);opacity:1}}

/* Input */
.diggio-chatbot-input-area{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;background:#F0F2F5;border-top:1px solid var(--wa-border)}
.diggio-chatbot-input-area input{height:40px;border-radius:22px;border:1px solid var(--wa-border);background:#fff;color:#000!important;-webkit-text-fill-color:#000;padding:0 12px;font:400 14px/40px system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.diggio-chatbot-input-area input::placeholder{color:#666}
.diggio-chatbot-input-area input:focus{outline:none;box-shadow:0 0 0 3px rgba(50,205,120,.18);border-color:rgba(50,205,120,.45)}
#diggio-chatbot-send{width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;background:var(--wa-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center}
#diggio-chatbot-send:hover{filter:brightness(.95);transform:translateY(-1px)}

/* Scrollbar */
.diggio-chatbot-messages::-webkit-scrollbar{width:10px}
.diggio-chatbot-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:10px}
.diggio-chatbot-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:10px}

/* Chips (se usate) */
#nc-suggestions .content{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nc-chip{border:1px solid var(--wa-border);background:#fff;border-radius:999px;padding:6px 10px;font:600 12px/1 system-ui;cursor:pointer}
.nc-chip:hover{background:#fafafa}

/* Firma */
.diggio-chatbot-sign{grid-column:1/-1;text-align:center;font-size:10px;color:var(--wa-muted);margin-top:4px}

/* Dark */
@media (prefers-color-scheme: dark){
  :root{--wa-bg:#0b141a;--wa-bot:#1f2c34;--wa-user:#005C4B;--wa-text:#e9edef;--wa-muted:#8696a0;--wa-border:rgba(255,255,255,.08)}
  .diggio-chatbot-input-area{background:#111B21}
  .diggio-chatbot-input-area input{background:#1f2c34;color:var(--wa-text)!important;-webkit-text-fill-color:var(--wa-text);border-color:var(--wa-border)}
  .diggio-chatbot-input-area input::placeholder{color:#8696a0}
  .diggio-menu-dropdown{background:#223038;color:#e9edef;border-color:var(--wa-border)}
  .diggio-menu-item{background:#223038;color:#e9edef}
  .diggio-menu-item:hover{background:#2a3a43}
}