/* ─── Dedeho Chatbot — Full Page Mode v1.2.2 ────────────────────────────── */

#dch-full-root {
    --dch-bg: linear-gradient(135deg, #4F6BED, #C94B4B);
    --dch-c1: #4F6BED;
}

#dch-full-root *, #dch-full-root *::before, #dch-full-root *::after {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#dch-full-root { width:100% !important; min-height:70vh !important; display:flex !important; flex-direction:column !important; background:transparent !important; }

/* HERO */
#dch-full-hero { flex:1 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; padding:60px 24px 40px !important; }
#dch-full-hero.dch-full-hidden { display:none !important; }

#dch-full-title { font-size:clamp(22px,4vw,36px) !important; font-weight:600 !important; color:#1a1a1a !important; -webkit-text-fill-color:#1a1a1a !important; text-align:center !important; margin-bottom:36px !important; line-height:1.2 !important; background:none !important; -webkit-background-clip:unset !important; }

#dch-full-hero-bar { width:100% !important; max-width:660px !important; background:#fff !important; border:1.5px solid #e0e0e0 !important; border-radius:30px !important; padding:12px 12px 12px 24px !important; display:flex !important; align-items:center !important; gap:8px !important; box-shadow:0 1px 8px rgba(0,0,0,.06) !important; transition:border-color .2s,box-shadow .2s !important; }
#dch-full-hero-bar:focus-within { border-color:#c0c0c0 !important; box-shadow:0 2px 16px rgba(0,0,0,.10) !important; }

#dch-full-hero-input { flex:1 !important; border:none !important; outline:none !important; font-size:16px !important; color:#1a1a1a !important; -webkit-text-fill-color:#1a1a1a !important; background:transparent !important; resize:none !important; line-height:1.5 !important; height:26px !important; max-height:160px !important; overflow-y:hidden !important; min-height:26px !important; box-shadow:none !important; display:block !important; width:auto !important; }
#dch-full-hero-input:focus { height:26px !important; outline:none !important; box-shadow:none !important; }
#dch-full-hero-input::placeholder { color:#aaa !important; -webkit-text-fill-color:#aaa !important; }
#dch-full-hero-input:disabled { opacity:.5 !important; cursor:not-allowed !important; }

/* PILLS */
#dch-full-pills { display:flex !important; flex-wrap:wrap !important; gap:8px !important; justify-content:center !important; margin-top:20px !important; max-width:660px !important; width:100% !important; }

#dch-full-root .dch-full-pill { background:#fff !important; border:1px solid #e0e0e0 !important; border-radius:20px !important; padding:8px 16px !important; font-size:13px !important; color:#555 !important; -webkit-text-fill-color:#555 !important; cursor:pointer !important; white-space:nowrap !important; box-shadow:none !important; text-shadow:none !important; font-weight:400 !important; text-decoration:none !important; line-height:1.4 !important; display:inline-block !important; transition:border-color .15s,color .15s !important; }
#dch-full-root .dch-full-pill:hover { border-color:#999 !important; color:#222 !important; -webkit-text-fill-color:#222 !important; background:#fafafa !important; }

/* PRIVACY */
#dchf-privacy { max-width:660px !important; width:100% !important; background:#f7f7f7 !important; border:1px solid #e8e8e8 !important; border-radius:12px !important; padding:20px 24px !important; text-align:center !important; margin:0 auto 24px !important; }
#dchf-privacy p { font-size:14px !important; color:#555 !important; -webkit-text-fill-color:#555 !important; line-height:1.6 !important; margin-bottom:14px !important; }
#dchf-privacy a { color:var(--dch-c1) !important; -webkit-text-fill-color:var(--dch-c1) !important; text-decoration:underline !important; }

#dch-full-root .dchf-btn-primary { background:var(--dch-bg) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:none !important; padding:10px 22px !important; border-radius:8px !important; cursor:pointer !important; font-size:14px !important; font-weight:500 !important; box-shadow:none !important; text-shadow:none !important; display:inline-block !important; line-height:1.4 !important; transition:opacity .15s !important; }
#dch-full-root .dchf-btn-primary:hover { opacity:.88 !important; }
#dch-full-root .dchf-btn-secondary { background:transparent !important; color:#888 !important; -webkit-text-fill-color:#888 !important; border:1px solid #ddd !important; padding:10px 22px !important; border-radius:8px !important; cursor:pointer !important; font-size:14px !important; font-weight:400 !important; margin-left:8px !important; box-shadow:none !important; text-shadow:none !important; display:inline-block !important; line-height:1.4 !important; transition:background .15s !important; }
#dch-full-root .dchf-btn-secondary:hover { background:#ebebeb !important; }

/* CHAT */
#dch-full-chat { display:none !important; flex-direction:column !important; height:72vh !important; min-height:480px !important; }
#dch-full-chat.dch-full-active { display:flex !important; }

#dch-full-messages { flex:1 !important; overflow-y:auto !important; padding:32px 24px !important; display:flex !important; flex-direction:column !important; gap:24px !important; scroll-behavior:smooth !important; }

#dch-full-root .dchf-msg { display:flex !important; gap:12px !important; align-items:flex-start !important; max-width:760px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; }
#dch-full-root .dchf-user { flex-direction:row-reverse !important; }

#dch-full-root .dchf-av { width:32px !important; height:32px !important; border-radius:50% !important; background:#f0f0f0 !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:15px !important; flex-shrink:0 !important; overflow:hidden !important; }
#dch-full-root .dchf-av img { width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }

#dch-full-root .dchf-bbl { padding:12px 18px !important; border-radius:18px !important; font-size:15px !important; line-height:1.65 !important; word-break:break-word !important; max-width:85% !important; border:none !important; box-shadow:none !important; }
#dch-full-root .dchf-bot .dchf-bbl { background:#f1f3f4 !important; color:#1a1a1a !important; -webkit-text-fill-color:#1a1a1a !important; border-radius:4px 18px 18px 18px !important; }
#dch-full-root .dchf-user .dchf-bbl { background:var(--dch-bg) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border-radius:18px 18px 4px 18px !important; }
#dch-full-root .dchf-bot .dchf-bbl a { color:var(--dch-c1) !important; -webkit-text-fill-color:var(--dch-c1) !important; }
#dch-full-root .dchf-user .dchf-bbl a { color:rgba(255,255,255,.9) !important; -webkit-text-fill-color:rgba(255,255,255,.9) !important; }
#dch-full-root .dchf-bbl strong { font-weight:600 !important; }

/* TYPING */
#dch-full-root .dchf-typing { display:flex !important; align-items:center !important; gap:5px !important; padding:14px 18px !important; min-width:62px !important; background:#f1f3f4 !important; }
#dch-full-root .dchf-typing span { width:8px !important; height:8px !important; border-radius:50% !important; background:#bbb !important; display:inline-block !important; animation:dchf-bounce 1.3s infinite ease-in-out !important; }
#dch-full-root .dchf-typing span:nth-child(2) { animation-delay:.18s !important; }
#dch-full-root .dchf-typing span:nth-child(3) { animation-delay:.36s !important; }
@keyframes dchf-bounce { 0%,80%,100%{transform:translateY(0);opacity:.4} 40%{transform:translateY(-7px);opacity:1} }

/* CONV INPUT */
#dch-full-inputwrap { border-top:1px solid #eee !important; padding:16px 24px !important; background:#fff !important; }
#dch-full-inputbar { width:100% !important; max-width:760px !important; margin:0 auto !important; background:#fff !important; border:1.5px solid #e0e0e0 !important; border-radius:14px !important; padding:12px 12px 12px 20px !important; display:flex !important; align-items:center !important; gap:8px !important; box-shadow:0 1px 8px rgba(0,0,0,.06) !important; transition:border-color .2s,box-shadow .2s !important; }
#dch-full-inputbar:focus-within { border-color:#c0c0c0 !important; box-shadow:0 2px 16px rgba(0,0,0,.10) !important; }
#dch-full-input { flex:1 !important; border:none !important; outline:none !important; font-size:15px !important; color:#1a1a1a !important; -webkit-text-fill-color:#1a1a1a !important; background:transparent !important; resize:none !important; line-height:1.5 !important; height:24px !important; max-height:120px !important; overflow-y:hidden !important; min-height:24px !important; box-shadow:none !important; display:block !important; width:auto !important; }
#dch-full-input:focus { height:24px !important; outline:none !important; box-shadow:none !important; }
#dch-full-input::placeholder { color:#aaa !important; -webkit-text-fill-color:#aaa !important; }

/* BUTTONS */
#dch-full-root .dchf-icon-btn { width:34px !important; height:34px !important; border-radius:50% !important; border:1px solid #e0e0e0 !important; background:#fff !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#888 !important; -webkit-text-fill-color:#888 !important; flex-shrink:0 !important; padding:0 !important; box-shadow:none !important; transition:background .15s !important; }
#dch-full-root .dchf-icon-btn:hover { background:#f5f5f5 !important; }
#dch-full-root .dchf-icon-btn.dchf-mic-on { background:#fff0f0 !important; color:#c00 !important; border-color:#fcc !important; }

#dch-full-root .dchf-send-btn { width:34px !important; height:34px !important; border-radius:50% !important; border:none !important; background:#1a1a1a !important; cursor:pointer !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#fff !important; -webkit-text-fill-color:#fff !important; flex-shrink:0 !important; padding:0 !important; box-shadow:none !important; transition:background .15s,transform .15s !important; }
#dch-full-root .dchf-send-btn:hover { background:#333 !important; }
#dch-full-root .dchf-send-btn:active { transform:scale(.94) !important; }
#dch-full-root .dchf-send-btn:disabled { opacity:.3 !important; cursor:not-allowed !important; }

#dch-full-footer { text-align:center !important; font-size:11px !important; color:#bbb !important; -webkit-text-fill-color:#bbb !important; margin-top:8px !important; padding:0 !important; }
#dch-full-footer strong { font-weight:500 !important; color:#bbb !important; -webkit-text-fill-color:#bbb !important; }

@media (max-width:600px) {
    #dch-full-title { font-size:22px !important; }
    #dch-full-messages { padding:20px 16px !important; }
    #dch-full-inputwrap { padding:12px 16px !important; }
    #dch-full-root .dchf-bbl { font-size:14px !important; padding:10px 14px !important; }
    #dch-full-hero { padding:40px 16px 32px !important; }
}

/* ── Person card ─────────────────────────────────────────────────────────── */
#dch-full-root .dch-person-card { display:flex !important; align-items:center !important; gap:14px !important; background:#fff !important; border:1px solid #e4e4e4 !important; border-radius:14px !important; padding:14px 18px !important; max-width:85% !important; box-shadow:0 1px 8px rgba(0,0,0,.07) !important; }
#dch-full-root .dch-pc-photo { width:60px !important; height:60px !important; border-radius:50% !important; object-fit:cover !important; flex-shrink:0 !important; border:2px solid #f0f0f0 !important; }
#dch-full-root .dch-pc-info { display:flex !important; flex-direction:column !important; gap:5px !important; }
#dch-full-root .dch-pc-name { font-size:14px !important; font-weight:600 !important; color:#1a1a1a !important; -webkit-text-fill-color:#1a1a1a !important; }
#dch-full-root .dch-pc-link { font-size:13px !important; color:var(--dch-c1) !important; -webkit-text-fill-color:var(--dch-c1) !important; text-decoration:none !important; font-weight:500 !important; }
#dch-full-root .dch-pc-link:hover { text-decoration:underline !important; }