#dp-chat-panel{--dp-ink:#193d35;--dp-muted:#6b8079;--dp-green:#087f68;--dp-line:#dce9e3;position:fixed;right:24px;bottom:24px;z-index:1001;display:flex;flex-direction:column;width:420px;max-width:calc(100vw - 48px);height:650px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;isolation:isolate;border:1px solid var(--dp-line);border-radius:24px;background:#fff;color:var(--dp-ink);box-shadow:0 24px 80px #183f352b,0 4px 16px #183f3512;font:400 15px/1.65 'Tajawal','Inter',sans-serif;text-align:right;animation:dp-chat-enter .2s ease-out}
#dp-chat-panel *{box-sizing:border-box}
#dp-chat-panel :is(button,input,textarea){font:inherit}
#dp-chat-panel button{cursor:pointer;touch-action:manipulation}
#dp-chat-panel button:disabled{cursor:wait;opacity:.6}
#dp-chat-panel :is(button,input,textarea):focus-visible{outline:3px solid #59b9a4;outline-offset:3px}
#dp-chat-panel h2,#dp-chat-panel h3,#dp-chat-panel p{margin:0}
#dp-chat-panel h3{font-size:23px;line-height:1.5;font-weight:800;color:var(--dp-ink)}
#dp-chat-backdrop{position:fixed;inset:0;z-index:1000;background:#18372c26;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none}
#dp-chat-backdrop[hidden]{display:none}
body.dp-chat-open #robot-widget{visibility:hidden;pointer-events:none}
#dp-chat-panel .dp-chat-header{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:18px;background:linear-gradient(110deg,#fffdf5,#f0f8f4);border-bottom:1px solid var(--dp-line)}
#dp-chat-panel .dp-chat-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:15px;color:var(--dp-green);background:#fff;border:1px solid #d9e9df;font-size:21px;box-shadow:0 4px 12px #18473408}
#dp-chat-panel .dp-chat-identity{flex:1;min-width:0}
#dp-chat-panel #dp-chat-title{font-size:15px;font-weight:800;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dp-ink)}
#dp-chat-panel .dp-chat-presence{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--dp-muted);margin-top:3px}
#dp-chat-panel .dp-chat-presence::before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#23a47e}
#dp-chat-panel .dp-chat-actions{display:flex;align-items:center;gap:2px}
#dp-chat-panel .dp-icon-btn{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:#41685b;font-size:16px}
#dp-chat-panel .dp-icon-btn:hover{background:#e7f1ec}
#dp-chat-panel .dp-chat-screen{flex:1;min-height:0;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:26px 24px;gap:10px}
#dp-chat-panel .dp-start{align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 0,#f7f9ef,transparent 55%)}
#dp-chat-panel .dp-welcome-icon{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:22px;background:#eaf5ef;color:var(--dp-green);font-size:27px;margin:0 auto 6px;border:1px solid #dcece2}
#dp-chat-panel .dp-chat-eyebrow{font-size:11px;font-weight:700;color:#9a7322;text-align:center}
#dp-chat-panel .dp-chat-muted{font-size:13px;line-height:1.85;color:var(--dp-muted)}
#dp-chat-panel .dp-mode-options{display:grid;gap:12px;width:100%;margin:12px 0}
#dp-chat-panel .dp-mode-card{display:flex;align-items:center;gap:12px;width:100%;padding:18px 14px;border-radius:17px;border:1px solid #cde6db;background:#f0f9f5;text-align:right;color:var(--dp-ink);transition:background .15s,border-color .15s}
#dp-chat-panel .dp-mode-card:hover{border-color:#70b69b;background:#e5f3ec}
#dp-chat-panel .dp-mode-card--voice{background:#fffbef;border-color:#f1e3bb}
#dp-chat-panel .dp-mode-card--voice:hover{background:#fcf3d9;border-color:#d3ad4d}
#dp-chat-panel .dp-mode-icon{display:grid;place-items:center;width:42px;height:46px;flex-shrink:0;border-radius:13px;background:#d9eee3;color:#08795f;font-size:19px}
#dp-chat-panel .dp-mode-card--voice .dp-mode-icon{background:#f8eac0;color:#9a7216}
#dp-chat-panel .dp-mode-card>span:nth-child(2){flex:1;min-width:0}
#dp-chat-panel .dp-mode-card strong{display:block;font-size:15px;font-weight:800;color:inherit}
#dp-chat-panel .dp-mode-card small{display:block;font-size:11px;line-height:1.8;color:var(--dp-muted);margin-top:3px}
#dp-chat-panel .dp-mode-arrow{font-size:13px;color:#5f8273}
#dp-chat-panel .dp-chat-note{font-size:11px;line-height:1.8;color:var(--dp-muted);text-align:center}
#dp-chat-panel .dp-intake>h3,#dp-chat-panel .dp-intake>.dp-chat-muted,#dp-chat-panel .dp-handoff>h3{text-align:center}
#dp-chat-panel .dp-chat-fields{display:grid;gap:7px;margin-top:7px}
#dp-chat-panel .dp-chat-fields label{font-size:13px;font-weight:600;color:var(--dp-ink)}
#dp-chat-panel .dp-chat-fields label span{color:#b33c40}
#dp-chat-panel .dp-chat-fields input{width:100%;min-width:0;border:1px solid var(--dp-line);border-radius:12px;background:#fafcfb;color:var(--dp-ink);min-height:46px;padding:10px 12px;margin-bottom:5px;font-size:16px;box-shadow:none}
#dp-chat-panel input::placeholder,#dp-chat-panel textarea::placeholder{color:#80968b;opacity:1}
#dp-chat-panel .dp-chat-error{font-size:12px;color:#b1393d}
#dp-chat-panel .dp-chat-error:empty{display:none}
#dp-chat-panel .dp-primary-btn,#dp-chat-panel .dp-secondary-btn,#dp-chat-panel .dp-end-btn{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 16px;min-height:46px;font-size:14px;font-weight:700;flex-shrink:0;border:1px solid transparent}
#dp-chat-panel .dp-primary-btn{background:var(--dp-green);color:#fff}
#dp-chat-panel .dp-primary-btn:hover{background:#066b58}
#dp-chat-panel .dp-secondary-btn{background:#eef5f1;border-color:var(--dp-line);color:var(--dp-green)}
#dp-chat-panel .dp-end-btn{background:#fff0f0;border-color:#f5dada;color:#b3343b}
#dp-chat-panel .dp-chat-conversation{flex:1;flex-direction:column;min-height:0;background:#f8fbf9}
#dp-chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;display:flex;flex-direction:column;gap:14px}
#dp-chat-panel .dp-bubble{max-width:88%;padding:12px 15px;border-radius:16px;font-size:14px;line-height:1.8;overflow-wrap:anywhere;background:#fff;color:var(--dp-ink);border:1px solid var(--dp-line);border-end-start-radius:5px}
#dp-chat-panel .dp-bubble--user{background:#087f68;color:#fff;border-color:#087f68;border-radius:16px;border-end-end-radius:5px}
#dp-chat-panel .dp-bubble--agent{background:#eaf5ef}
#dp-chat-panel .dp-md strong,#dp-chat-panel .dp-md .dp-h{font-weight:800;color:inherit}
#dp-chat-panel .dp-md a{color:#087960;text-decoration:underline;overflow-wrap:anywhere}
#dp-chat-panel .dp-md ul,#dp-chat-panel .dp-md ol{margin:6px 0;padding-inline-start:20px}
#dp-chat-panel .dp-md ul{list-style:disc}#dp-chat-panel .dp-md ol{list-style:decimal}
#dp-chat-panel .dp-md .dp-h{margin:8px 0 4px}#dp-chat-panel .dp-md .dp-p{margin:5px 0}
#dp-chat-panel .dp-md .dp-hr{border:0;border-top:1px solid var(--dp-line);margin:12px 0}
#dp-chat-panel .dp-chat-service-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--dp-line);background:#fff;font-size:11px;color:var(--dp-muted);flex-shrink:0}
#dp-handoff-btn{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#087f68;min-height:30px;font-size:12px!important}
#dp-chat-panel .dp-chat-composer{display:flex;align-items:flex-end;gap:7px;padding:12px;background:#fff;flex-shrink:0}
#dp-chat-panel #dp-chat-input{flex:1;min-width:0;resize:none;border:1px solid var(--dp-line);border-radius:14px;background:#f8fbf9;color:var(--dp-ink);font-size:16px;padding:10px 12px;max-height:112px;min-height:46px;scrollbar-width:none}
#dp-chat-input::-webkit-scrollbar{display:none!important}
#dp-chat-panel #dp-send-btn{background:var(--dp-green);color:#fff;width:46px;height:46px}
#dp-chat-panel #dp-mic-btn{height:46px}
#dp-chat-panel .dp-voice-main{display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column;align-items:center;gap:22px;padding:28px 24px;text-align:center}
#dp-voice-lang{border:1px solid var(--dp-line);background:#fff;color:var(--dp-muted);border-radius:99px;padding:8px 14px;font-size:12px!important}
#dp-voice-orb{position:relative;display:grid;place-items:center;width:110px;height:110px;flex-shrink:0;margin-top:12px;border:0;background:transparent}
#dp-chat-panel .dp-orb-core{position:relative;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#087f68;color:#fff;font-size:30px;box-shadow:0 10px 30px #087f6826}
#dp-chat-panel .dp-orb-ring{position:absolute;inset:0;border-radius:50%;background:#dcb33e;opacity:0}
#dp-chat-panel .dp-listening .dp-orb-ring{animation:dp-chat-pulse 1.6s infinite}
#dp-chat-panel .dp-speaking .dp-orb-ring{animation:dp-chat-pulse 1s infinite;background:#2ead84}
#dp-voice-state{font-weight:700;color:var(--dp-ink)}
#dp-voice-live{width:100%;overflow-wrap:anywhere}
#dp-chat-panel .dp-voice-actions,#dp-chat-panel .dp-handoff-actions{display:flex;gap:10px;flex-shrink:0}
#dp-chat-panel .dp-voice-actions{padding:16px;background:#fff;border-top:1px solid var(--dp-line)}
#dp-chat-panel .dp-voice-actions>button,#dp-chat-panel .dp-handoff-actions>button{flex:1}
#dp-chat-panel .dp-handoff{position:absolute;inset:80px 0 0;z-index:5;background:#fff}
#dp-chat-panel .dp-typing{display:flex;gap:5px;padding:14px 18px;border:1px solid var(--dp-line);border-radius:16px;background:#fff}
#dp-chat-panel .dp-typing span{width:6px;height:6px;border-radius:50%;background:#8ab29f;animation:dp-chat-bounce 1.3s infinite}
#dp-chat-panel .dp-typing span:nth-child(2){animation-delay:.15s}#dp-chat-panel .dp-typing span:nth-child(3){animation-delay:.3s}
#dp-chat-panel *{scrollbar-width:thin;scrollbar-color:#b8cdc1 transparent}
#dp-chat-panel ::-webkit-scrollbar{width:5px!important;height:5px!important}
#dp-chat-panel ::-webkit-scrollbar-thumb{background:#b8cdc1!important;border-radius:99px}
#dp-chat-panel ::-webkit-scrollbar-track{background:transparent!important}
#dp-chat-panel.dp-chat-expanded{width:720px;height:820px}
@keyframes dp-chat-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dp-chat-fade{from{opacity:0}to{opacity:1}}
@keyframes dp-chat-pulse{0%{transform:scale(.85);opacity:.4}100%{transform:scale(1.35);opacity:0}}
@keyframes dp-chat-bounce{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:600px){
 #dp-chat-panel,#dp-chat-panel.dp-chat-expanded{right:8px;left:8px;top:calc(var(--dp-viewport-top,0px) + 8px + env(safe-area-inset-top,0px));bottom:auto;width:auto;max-width:none;height:calc(var(--dp-viewport-height,100dvh) - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:none;border-radius:22px;animation-name:dp-chat-fade}
 #dp-chat-panel .dp-chat-header{padding:12px;gap:8px}
 #dp-chat-panel .dp-chat-avatar{width:38px;height:40px;border-radius:13px;font-size:19px}
 #dp-chat-panel #dp-chat-title{font-size:14px}
 #dp-chat-panel .dp-chat-presence{font-size:10px}
 #dp-chat-panel #dp-expand{display:none}
 #dp-chat-panel .dp-chat-screen{padding:22px 18px}
 #dp-chat-panel .dp-start{justify-content:flex-start}
 #dp-chat-panel .dp-start>.dp-welcome-icon{margin-top:auto}
 #dp-chat-panel .dp-start>.dp-chat-note{margin-bottom:auto}
 #dp-chat-panel .dp-mode-card{padding:16px 12px;gap:10px}
 #dp-chat-panel .dp-mode-card strong{font-size:14px}
 #dp-chat-panel .dp-handoff{inset:65px 0 0}
 #dp-chat-panel .dp-chat-composer{padding:10px}
 #robot-widget{right:12px!important;bottom:14px!important}
 #robot-spline{width:88px!important;height:88px!important}
 #robot-container>.animate-ping{display:none}
}
@media(prefers-reduced-motion:reduce){#dp-chat-panel,#dp-chat-panel *{animation:none!important;transition:none!important}}