/* Mr. Ben — isolated widget styles, v53 */
#mr-dc{position:fixed;right:24px;bottom:24px;z-index:950;font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#123e43;font-size:14px;line-height:1.5;text-align:start}
#mr-dc *{box-sizing:border-box}
#mr-dc [hidden]{display:none!important}
#mr-dc button,#mr-dc textarea,#mr-dc a{font:inherit}
#mr-dc button{cursor:pointer}
#mr-dc button:focus-visible,#mr-dc a:focus-visible,#mr-dc textarea:focus-visible{outline:3px solid #16c7c5;outline-offset:3px}
#mr-dc .dc-launch{display:flex;flex-direction:column;align-items:center;border:0;background:none;padding:0;color:#fff;float:right}
#mr-dc .dc-robot{width:88px;height:128px;object-fit:contain;filter:drop-shadow(0 5px 8px #062d3933);animation:dc-float 5s ease-in-out infinite}
#mr-dc .dc-pill{display:block;background:#008d94;padding:11px 19px;border-radius:30px;font-size:13px;font-weight:600;box-shadow:0 5px 20px #006c7540}
#mr-dc .dc-greeting{position:absolute;right:0;bottom:177px;width:222px;padding:15px 29px 15px 15px;border:1px solid #d9eeee;background:white;border-radius:15px;box-shadow:0 7px 24px #0a354018;font-size:13px}
#mr-dc .dc-greeting button{position:absolute;right:6px;top:4px;border:0;background:none;color:#53777c;padding:4px 7px}
#mr-dc .dc-panel{display:flex;flex-direction:column;width:390px;height:min(640px,calc(100dvh - 48px));background:white;border:1px solid #d7e9e9;border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #052f3c38}
#mr-dc .dc-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(110deg,#073548,#006e78);color:white;flex:none}
#mr-dc .dc-avatar{width:43px;height:43px;object-fit:cover;object-position:50% 13%;background:#053240;border:1px solid #439194;border-radius:50%}
#mr-dc .dc-title{font-size:19px;font-weight:600;margin:0;color:white}
#mr-dc .dc-sub{font-size:12px;color:#bcdedc}
#mr-dc .dc-close{margin-inline-start:auto;background:none;border:0;font-size:27px;color:white;padding:2px 8px}
#mr-dc .dc-body{padding:17px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}
#mr-dc .dc-message{white-space:pre-wrap;border-radius:15px;padding:13px 15px;margin:0 0 12px;background:#f0f5f5;color:#24484e;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
#mr-dc .dc-user{background:#ddf7f6;margin-inline-start:25px}
#mr-dc .dc-meta{font-size:11px;color:#607e83;margin:0 0 6px}
#mr-dc .dc-topics{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}
#mr-dc .dc-topics button{border:1px solid #9bcfd0;background:white;border-radius:12px;color:#00757e;padding:8px 10px;font-size:12px}
#mr-dc .dc-topics button:hover{background:#e8f9f7}
#mr-dc .dc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px;border-top:1px solid #ecf3f3}
#mr-dc .dc-actions a,#mr-dc .dc-actions button{display:flex;align-items:center;justify-content:center;min-height:41px;text-align:center;text-decoration:none;padding:8px;border-radius:10px;border:1px solid #008890;background:#fff;color:#007780;font-size:12px;font-weight:600}
#mr-dc .dc-actions a{background:#008890;color:white}
#mr-dc .dc-form{padding:0 16px 10px}
#mr-dc .dc-input-row{display:flex;align-items:center;border:1px solid #c8dddd;border-radius:12px;padding:7px;gap:7px}
#mr-dc textarea{resize:none;border:0;background:transparent;box-shadow:none;width:100%;min-height:40px;max-height:80px;margin:0;padding:8px;font-size:13px;color:#163e46}
#mr-dc .dc-send{flex:none;border:0;border-radius:50%;background:#008d94;color:white;width:35px;height:35px;font-size:19px}
#mr-dc button:disabled{opacity:.5;cursor:default}
#mr-dc .dc-notice{margin:7px 1px 0;color:#667d82;font-size:10px;line-height:1.4}
#mr-dc .dc-notice a{color:#007580;text-decoration:underline}
#mr-dc .dc-status{font-size:12px;color:#577c81;margin:8px 0}
#mr-dc .dc-clear{display:block;margin:5px auto 0;padding:2px;border:0;background:none;color:#577c81;font-size:10px;text-decoration:underline}
#mr-dc .dc-security{margin:5px 0;min-height:0}
@keyframes dc-float{50%{transform:translateY(-5px)}}
body.demo-open #mr-dc{visibility:hidden}
@media(max-width:600px){#mr-dc{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}#mr-dc .dc-robot{width:51px;height:72px}#mr-dc .dc-pill{padding:10px 14px;font-size:12px}#mr-dc .dc-greeting{bottom:122px;width:205px}#mr-dc .dc-panel{width:min(390px,calc(100vw - 24px));height:min(650px,calc(100dvh - 24px));border-radius:18px}}
@media(prefers-reduced-motion:reduce){#mr-dc .dc-robot{animation:none}}

/* v58: wrist-only wave; head and forearm remain on the static layer. */
#mr-dc{animation:dc-arrive .65s ease-out both;isolation:isolate}
#mr-dc .dc-wave{display:block;position:relative;animation:none;width:96px;height:128px}
#mr-dc .dc-wave-body,#mr-dc .dc-wave-arm{position:absolute;inset:0;display:block;background:url('assets/mr-dc-wave.png') 0 0 / 400% 100% no-repeat}
#mr-dc .dc-wave-body{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 31%,33% 31%,36% 26%,34% 24%,33% 14%,0 14%)}
#mr-dc .dc-wave-arm{clip-path:polygon(0 14%,33% 14%,34% 24%,36% 26%,33% 31%,0 31%);transform-origin:28% 30%;animation:dc-hand-wave 8s ease-in-out infinite}
@keyframes dc-hand-wave{0%,24%,100%{transform:rotate(0)}4%,12%,20%{transform:rotate(-12deg)}8%,16%{transform:rotate(6deg)}}
@keyframes dc-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:600px){#mr-dc .dc-wave{width:54px;height:72px}}
@media(prefers-reduced-motion:reduce){#mr-dc,#mr-dc .dc-wave-arm{animation:none}}

/* v61: synchronized eyelids, independent of the wrist animation. */
#mr-dc .dc-eyelid{position:absolute;z-index:3;top:14.4%;width:13.5%;height:10.6%;border-radius:50%;background:#031416;pointer-events:none;transform:scaleY(0);transform-origin:center;animation:dc-blink 6.8s ease-in-out infinite}
#mr-dc .dc-eye-left{left:46%}
#mr-dc .dc-eye-right{left:63.6%}
@keyframes dc-blink{0%,43%,49%,100%{transform:scaleY(0)}46%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){#mr-dc .dc-eyelid{animation:none;display:none}}
