/* Dört Mevsim Asistanı v2 - palyatif.com (Claude, 10.11.2026). Uygulamadaki robot gibi: gelir, anlatır, gider. */
.dma2{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:0;z-index:9990;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;font-family:Arial,Helvetica,sans-serif;color:#1f2d3d}
.dma2[hidden],.dma2 [hidden],.dma2-card[hidden]{display:none!important}
.dma2>*{pointer-events:auto}
/* Konuşma balonu: robotun başının üstünde, kuyruğu başı gösterir */
.dma2-bubble{position:relative;box-sizing:border-box;width:max-content;max-width:min(330px,calc(100vw - 24px));min-width:190px;margin:0 0 12px;padding:7px 10px 10px 12px;background:#fff;border:1px solid #d7e2ef;border-radius:16px;box-shadow:0 6px 20px rgba(13,40,80,.16);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
.dma2-bubble.is-on{opacity:1;transform:none}
.dma2-bhead{display:flex;align-items:center;gap:8px;margin:0 0 2px}
.dma2-btitle{flex:1;font-size:13px;font-weight:700;line-height:1.3;color:#0d4fb8}
.dma2-x{flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid #d7e2ef;border-radius:50%;background:#fff;color:#44546a;font:inherit;font-size:20px;line-height:1;cursor:pointer}
.dma2-x:hover{background:#f2f6fb}
.dma2-btext{margin:0;font-size:15px;line-height:1.45;cursor:pointer}
.dma2-bopts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px}
.dma2-bopts:empty{display:none}
.dma2-pill{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:0;border-radius:18px;background:#0d6efd;color:#fff!important;font:inherit;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none!important;cursor:pointer}
.dma2-pill.is-wa{background:#1f9d55}
.dma2-soft{min-height:36px;padding:6px 4px;border:0;background:none;color:#44546a;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.dma2-tail{position:absolute;bottom:-7px;left:40px;width:12px;height:12px;background:#fff;border-right:1px solid #d7e2ef;border-bottom:1px solid #d7e2ef;transform:rotate(45deg)}
/* Robot */
.dma2-fig{position:relative;display:block;margin:0;padding:0;border:0;background:none;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 100%}
.dma2-fig:focus-visible{outline:3px solid #0d6efd;outline-offset:3px;border-radius:12px}
.dma2-body{display:block;transform-origin:50% 100%}
.dma2-img{display:block;height:auto;transform:scaleX(-1);filter:drop-shadow(0 5px 10px rgba(13,40,80,.2))}
.dma2[data-fig=hands] .dma2-img{transform:none}
.dma2[data-fig=robot] .dma2-img{width:100px}
.dma2[data-fig=hands] .dma2-img{width:104px}
.dma2[data-fig=iv] .dma2-img,.dma2[data-fig=bp] .dma2-img,.dma2[data-fig=physio] .dma2-img,.dma2[data-fig=read] .dma2-img{width:auto;height:128px}
.dma2-fig.is-roll{animation:dma2-roll 1.2s cubic-bezier(.2,.7,.3,1) both}
.dma2-fig.is-roll .dma2-body{animation:dma2-wobble 1.2s ease-in-out}
.dma2-fig.is-nod .dma2-body{animation:dma2-nod 0.8s ease-in-out}
.dma2-fig.is-rise{animation:dma2-rise .7s cubic-bezier(.3,.8,.4,1) both}
.dma2-fig.is-idle .dma2-body{animation:dma2-bob 2.4s ease-in-out infinite}
.dma2-fig.is-swap .dma2-img{animation:dma2-fade .3s ease both}
.dma2-fig.is-fade{animation:dma2-fade .3s ease both}
.dma2-fig.is-fadeout{opacity:0;transition:opacity .25s ease}
.dma2-fig.is-sink{transform:translateY(115%);transition:transform .35s ease-in}
.dma2-fig.is-fly{animation:dma2-fly 3.2s linear forwards;pointer-events:none}
@keyframes dma2-roll{0%{transform:translateX(calc(-100% - 40px))}84%{transform:translateX(6px)}100%{transform:translateX(0)}}
@keyframes dma2-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(1deg)}}
@keyframes dma2-nod{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(3deg)}}
@keyframes dma2-rise{0%{transform:translateY(100%)}65%{transform:translateY(-5%)}85%{transform:translateY(2%)}100%{transform:translateY(0)}}
@keyframes dma2-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1deg)}}
@keyframes dma2-fade{from{opacity:0}to{opacity:1}}
@keyframes dma2-fly{0%{transform:translateY(0) rotate(0)}14%{transform:translateY(0) rotate(0);animation-timing-function:ease-out}28%{transform:translateY(-14px) rotate(0);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}100%{transform:translateY(-125vh) rotate(6deg)}}
/* Füzeler: tekerleklerin altında iki alev */
.dma2-flames{position:absolute;left:0;right:0;bottom:-14px;height:28px;opacity:0;pointer-events:none}
.dma2-flames i{position:absolute;bottom:0;font-style:normal;font-size:21px;line-height:1;transform:rotate(180deg) scale(.3)}
.dma2-flames i:first-child{left:16%}.dma2-flames i:last-child{left:50%}
.dma2-fig.is-fly .dma2-flames{opacity:1;transition:opacity .3s ease}
.dma2-fig.is-fly .dma2-flames i{animation:dma2-flame .45s ease forwards,dma2-flicker .18s .45s ease-in-out infinite alternate}
@keyframes dma2-flame{to{transform:rotate(180deg) scale(1)}}
@keyframes dma2-flicker{from{transform:rotate(180deg) scale(1)}to{transform:rotate(180deg) scale(.8)}}
/* Üst menüdeki küçük robot düğmesi: asistan isteğe bağlı buradan açılır */
.dma2-hbtn{flex:0 0 auto;display:inline-flex;align-items:flex-start;justify-content:center;box-sizing:border-box;width:46px;height:46px;margin:0 12px 0 auto;padding:0;border:2px solid #cfe0f5;border-radius:50%;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 2px 8px rgba(13,40,80,.12)}
.dma2-hbtn img{display:block;flex:0 0 auto;width:62px;height:auto;margin-top:3px}
.dma2-hbtn:hover{border-color:#9fc2ee}
.dma2-hbtn:focus-visible{outline:3px solid #0d6efd;outline-offset:2px}
/* Soru kartı */
.dma2-card{position:fixed;left:16px;bottom:16px;z-index:10002;display:flex;flex-direction:column;box-sizing:border-box;width:370px;max-width:calc(100vw - 32px);max-height:min(540px,64vh);background:#fff;border:1px solid #d7e2ef;border-radius:18px;box-shadow:0 14px 36px rgba(13,40,80,.22);overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#1f2d3d;animation:dma2-pop .22s ease-out}
@keyframes dma2-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dma2-chead{position:relative;display:flex;align-items:center;gap:10px;padding:6px 48px 6px 10px;background:linear-gradient(180deg,#f3f8ff,#fff);border-bottom:1px solid #e3ebf5}
.dma2-cav{flex:0 0 44px;width:44px;height:52px;object-fit:contain}
.dma2-ctitle{font-size:15px;line-height:1.3}
.dma2-chead .dma2-x{position:absolute;top:50%;right:10px;margin-top:-15px}
.dma2-log{flex:1 1 auto;min-height:70px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.dma2-msg{position:relative}
.dma2-msg p{margin:0;font-size:15px;line-height:1.5}
.dma2-bot{align-self:flex-start;max-width:94%;padding:9px 11px;background:#f2f7fd;border-radius:4px 14px 14px 14px}
.dma2-me{align-self:flex-end;max-width:85%;padding:7px 11px;background:#e9eef4;border-radius:14px 4px 14px 14px}
.dma2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dma2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
.dma2-actions a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border-radius:17px;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none!important}
.dma2-link{color:#0d4fb8!important;background:#fff;border:1px solid #c9dbf5}
.dma2-call{color:#fff!important;background:#0d6efd}
.dma2-wa{color:#fff!important;background:#1f9d55}
.dma2-rel{font-size:13px;color:#44546a}
.dma2-chips{display:flex;flex-wrap:nowrap;gap:6px;padding:2px 12px 8px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.dma2-chip{flex:0 0 auto;white-space:nowrap;min-height:34px;padding:6px 11px;border:1px solid #c9dbf5;border-radius:17px;background:#f7faff;color:#0d4fb8;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dma2-chip:hover{background:#e5eefc}
.dma2-form{display:flex;gap:6px;padding:8px 12px 4px;border-top:1px solid #e3ebf5}
.dma2-input{flex:1;min-width:0;min-height:42px;padding:8px 14px;border:1px solid #c9d6e3;border-radius:21px;font:inherit;font-size:16px;color:#1f2d3d;background:#fff}
.dma2-send{min-height:42px;padding:0 16px;border:0;border-radius:21px;background:#0d6efd;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dma2-note{margin:0;padding:0 12px 8px;font-size:11px;line-height:1.35;color:#667085}
@media (max-width:600px){
  .dma2-bubble{max-width:min(250px,calc(100vw - 135px));min-width:min(190px,calc(100vw - 135px))}
  .dma2-btext{font-size:14px}
  .dma2-card{left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:min(56vh,460px)}
  .dma2-hbtn{width:44px;height:44px;margin-right:10px}
  .dma2-hbtn img{width:58px}
}
@media (min-width:900px){
  .dma2{left:max(16px,env(safe-area-inset-left))}
  .dma2[data-fig=robot] .dma2-img{width:124px}
  .dma2[data-fig=hands] .dma2-img{width:136px}
  .dma2[data-fig=iv] .dma2-img,.dma2[data-fig=bp] .dma2-img,.dma2[data-fig=physio] .dma2-img,.dma2[data-fig=read] .dma2-img{height:160px}
  .dma2-bubble{max-width:340px}
  .dma2-flames i{font-size:25px}
}
@media (prefers-reduced-motion:reduce){
  .dma2-fig,.dma2-fig .dma2-body,.dma2-fig .dma2-img,.dma2-card{animation:none!important}
  .dma2-fig.is-fade{animation:dma2-fade .25s ease both!important}
  .dma2-fig.is-sink{transform:none;opacity:0;transition:opacity .25s ease}
}
@media print{.dma2,.dma2-card,.dma2-hbtn{display:none!important}}