/* Sidass 2.0 — isolated UI layer. Keeps legacy site styling untouched. */
#malaikaV20{position:fixed;right:24px;bottom:24px;width:min(430px,calc(100vw - 24px));height:min(690px,calc(100vh - 36px));background:#f5f5f2;border:1px solid #dedede;border-radius:24px;z-index:999999;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden;display:none;flex-direction:column;color:#111;font-family:inherit}
#malaikaV20.open{display:flex}.mvHead{background:#080808;color:#fff;padding:16px 17px;display:flex;align-items:center;gap:12px}.mvAvatar{width:42px;height:42px;border-radius:50%;background:#f6a400;color:#111;display:grid;place-items:center;font-weight:950;box-shadow:inset 0 0 0 1px #fff3}.mvHead>div:nth-child(2){display:flex;flex-direction:column;flex:1}.mvHead small{color:#bdbdbd;margin-top:2px}.mvClose{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.mvProgress{height:3px;background:#ddd}.mvProgress i{display:block;height:100%;width:8%;background:#f6a400;transition:.3s}.mvMsgs{flex:1;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}.mvMsg{max-width:88%;padding:11px 13px;border-radius:15px;line-height:1.48;font-size:14px;white-space:pre-wrap}.mvMsg.bot{background:#fff;border:1px solid #ddd;align-self:flex-start;border-bottom-left-radius:5px}.mvMsg.user{background:#171717;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.mvMsg.system{background:#fff8e8;border:1px solid #efd28b;align-self:stretch;font-size:12px;color:#59420d}.mvChoices{padding:0 17px 9px;display:flex;gap:7px;flex-wrap:wrap;max-height:112px;overflow:auto}.mvChoices button{border:1px solid #d7d7d7;background:#fff;border-radius:999px;padding:8px 11px;cursor:pointer;font-weight:750;font-size:12px}.mvChoices button:hover,.mvChoices button:focus{border-color:#f6a400;outline:none}.mvHint{padding:0 17px 8px;color:#777;font-size:11px}.mvForm{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #ddd}.mvForm input{flex:1;border:1px solid #ccc;border-radius:12px;padding:12px;font:inherit;min-width:0}.mvForm input:focus{outline:2px solid #f6a40055;border-color:#f6a400}.mvForm button{border:0;border-radius:12px;background:#f6a400;color:#111;font-weight:900;padding:0 17px;cursor:pointer}.mvTyping{display:inline-flex;gap:4px}.mvTyping i{width:5px;height:5px;border-radius:50%;background:#999;animation:mvPulse 1s infinite}.mvTyping i:nth-child(2){animation-delay:.15s}.mvTyping i:nth-child(3){animation-delay:.3s}@keyframes mvPulse{50%{opacity:.25}}
#modal,#smartChat,#malaikaSales{display:none!important}
@media(max-width:600px){#malaikaV20{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:20px}.mvMsgs{padding:14px}.mvChoices{padding-left:14px;padding-right:14px}}

/* v12 action-first UX */
.mvChoices{max-height:165px}.mvChoices button{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.mvChoices button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0001}.mvMsg.bot{box-shadow:0 4px 16px #00000008}.mvProgress i{box-shadow:0 0 12px #f6a40088}.mvChoices button:first-child{border-color:#e5b13f55}

/* Sidass mobile: keep quick replies and the composer in separate, non-overlapping rows. */
@media(max-width:600px){
 #malaikaV20{bottom:max(8px,env(safe-area-inset-bottom));height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)))}
 #malaikaV20 .mvMsgs{flex:1 1 0;min-height:0;overscroll-behavior:contain}
 #malaikaV20 .mvChoices{flex:0 0 auto;max-height:min(22dvh,165px);overflow-y:auto;padding-bottom:8px}
 #malaikaV20 .mvHint{position:relative;inset:auto;z-index:auto;flex:0 0 auto;background:#f5f5f2;padding:8px 14px;line-height:1.35}
 #malaikaV20 .mvForm{position:relative;z-index:1;flex:0 0 auto;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
}

/* Sidass header controls — 2026-10-16. Scoped to the existing chat. */
#malaikaV20 .mvHead{flex:0 0 auto;gap:9px;padding:14px 12px;background:linear-gradient(135deg,#151515,#080808 72%);border-bottom:1px solid #ffffff12;box-sizing:border-box}
#malaikaV20 .mvHead>.mvAvatar{position:relative;flex:0 0 36px;width:36px;height:36px;box-shadow:0 0 0 4px #f6a4000d,inset 0 0 0 1px #ffffff33}
#malaikaV20 .mvHead>.mvAvatar::after{content:"";position:absolute;right:0;bottom:0;width:8px;height:8px;background:#2bd07f;border:2px solid #101010;border-radius:50%}
#malaikaV20 .mvHead>div:nth-child(2){flex:1 1 0;min-width:0;gap:2px}
#malaikaV20 .mvHead>div:nth-child(2)>b{font-size:17px;line-height:1.2;letter-spacing:-.3px}
#malaikaV20 .mvHead small{font-size:10px;line-height:1.45;margin:0;color:#c6c6c6;overflow-wrap:normal}
#malaikaV20 .mvChatControls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:7px;padding:0;margin:0}
#malaikaV20 .mvHeaderAction{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;min-height:54px;min-width:63px;padding:7px 6px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.15;color:#fff;background:linear-gradient(180deg,#252525,#171717);border:1px solid #ffffff26;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff08;cursor:pointer;touch-action:manipulation;transition:background .15s,border-color .15s}
#malaikaV20 .mvHeaderAction svg{width:21px;height:21px;flex:none}
#malaikaV20 .mvHeaderAction span{white-space:nowrap}
#malaikaV20 .mvHeaderAction[aria-pressed="true"]{border-color:#f6a40066;background:linear-gradient(180deg,#302a1c,#1c1a15)}
#malaikaV20 .mvHeaderAction:hover{background:#303030;border-color:#ffffff66}
#malaikaV20 .mvHeaderAction:disabled{opacity:.5;cursor:wait}
#malaikaV20 .mvClose{display:grid;place-items:center;flex:0 0 46px;box-sizing:border-box;width:46px;height:46px;min-width:46px;min-height:46px;margin-left:2px;padding:9px;background:#111;border:3px solid #f6a400;border-radius:50%;color:#fff;box-shadow:0 0 0 4px #f6a4000a;cursor:pointer;touch-action:manipulation}
#malaikaV20 .mvClose svg{display:block;width:23px;height:23px;stroke-width:2.4}
#malaikaV20 .mvClose:hover{background:#2a2314;border-color:#ffc94d}
#malaikaV20 .mvChatControls button:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #bf850066}
#malaikaV20.mvSuggestionsHidden #mvChoices,#malaikaV20.mvSuggestionsHidden .mvHint{display:none!important}
#malaikaV20 #mvMsgs{min-height:0;overflow-y:auto;flex:1 1 auto}
#malaikaV20 #mvChoices{max-height:28vh;overflow-y:auto;flex-shrink:0}
@media(max-width:390px){
 #malaikaV20 .mvHead{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px 10px;padding:13px 14px}
 #malaikaV20 .mvHead>div:nth-child(2)>b{font-size:17px}
 #malaikaV20 .mvHead small{font-size:11px}
 #malaikaV20 .mvChatControls{grid-column:1 / -1;justify-content:flex-end;gap:8px}
 #malaikaV20 .mvHeaderAction{flex-direction:row;gap:6px;min-width:0;min-height:44px;padding:9px 10px;font-size:11px;border-radius:12px}
 #malaikaV20 .mvHeaderAction svg{width:19px;height:19px}
 #malaikaV20 .mvClose{width:46px;height:46px;min-width:46px;min-height:46px;margin-left:0}
}
@media(prefers-reduced-motion:reduce){#malaikaV20 .mvHeaderAction{transition:none}}
@media(max-width:350px){
 #malaikaV20 .mvChatControls{gap:6px}
 #malaikaV20 .mvHeaderAction{padding-left:6px;padding-right:6px;gap:5px}
 #malaikaV20 .mvHeaderAction svg{width:18px;height:18px}
}