/* =========================================================
   RYSKMEN AI-STYLE CHATBOT
   ========================================================= */
.ry-chat-launcher{
 position:fixed;right:24px;bottom:24px;z-index:2500;
 width:62px;height:62px;border:0;border-radius:20px;
 display:grid;place-items:center;cursor:pointer;
 background:linear-gradient(135deg,#0f5fa8,#0b3f69);
 color:#fff;box-shadow:0 18px 45px rgba(7,26,47,.24);
 transition:transform .22s ease,box-shadow .22s ease;
}
.ry-chat-launcher:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(7,26,47,.30)}
.ry-chat-launcher svg{width:27px;height:27px}
.ry-chat-badge{
 position:absolute;right:-3px;top:-3px;width:15px;height:15px;
 background:#22b573;border:3px solid #fff;border-radius:50%
}
.ry-chat{
 position:fixed;right:24px;bottom:100px;z-index:2499;
 width:min(390px,calc(100vw - 30px));height:min(650px,calc(100dvh - 125px));
 display:flex;flex-direction:column;overflow:hidden;
 border:1px solid rgba(223,231,239,.95);border-radius:24px;
 background:#fff;box-shadow:0 28px 80px rgba(7,26,47,.22);
 opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);
 transform-origin:bottom right;
 transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.ry-chat.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.ry-chat-head{
 padding:18px 18px 16px;color:#fff;
 background:linear-gradient(135deg,#071a2f,#0d3557);
 display:flex;align-items:center;gap:12px
}
.ry-chat-logo{
 width:43px;height:43px;border-radius:14px;background:#fff;color:#071a2f;
 display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:.08em
}
.ry-chat-head-text{min-width:0;flex:1}
.ry-chat-head strong{display:block;font-size:15px}
.ry-chat-head span{display:block;color:#c9d9e7;font-size:11px;margin-top:1px}
.ry-chat-close{
 width:38px;height:38px;border:1px solid rgba(255,255,255,.16);
 border-radius:12px;background:rgba(255,255,255,.08);color:#fff;
 font-size:22px;line-height:1;cursor:pointer
}
.ry-chat-body{
 flex:1;overflow:auto;padding:18px;background:#f5f8fb;
 scroll-behavior:smooth
}
.ry-msg{display:flex;margin:0 0 12px}
.ry-msg.bot{justify-content:flex-start}
.ry-msg.user{justify-content:flex-end}
.ry-bubble{
 max-width:84%;padding:11px 13px;border-radius:16px;
 font-size:13px;line-height:1.55;box-shadow:0 4px 15px rgba(7,26,47,.045)
}
.ry-msg.bot .ry-bubble{
 background:#fff;color:#1b2a3b;border:1px solid #e2e9f0;border-top-left-radius:6px
}
.ry-msg.user .ry-bubble{
 background:#0f5fa8;color:#fff;border-top-right-radius:6px
}
.ry-quick{display:flex;gap:7px;flex-wrap:wrap;margin:2px 0 15px}
.ry-quick button{
 border:1px solid #cfe0ed;background:#fff;color:#0f5fa8;
 border-radius:999px;padding:8px 11px;font:inherit;font-size:11px;font-weight:750;
 cursor:pointer;transition:.18s ease
}
.ry-quick button:hover{background:#eaf4fb;border-color:#9fc6df}
.ry-chat-foot{
 padding:12px;background:#fff;border-top:1px solid #e1e8ef
}
.ry-input-wrap{
 display:flex;align-items:flex-end;gap:8px;background:#f6f8fb;
 border:1px solid #dfe7ef;border-radius:16px;padding:7px
}
.ry-chat-input{
 flex:1;resize:none;border:0;outline:0;background:transparent;
 min-height:38px;max-height:100px;padding:9px 8px;font:inherit;font-size:13px;color:#162638
}
.ry-send{
 flex:0 0 auto;width:42px;height:42px;border:0;border-radius:13px;
 background:#0f5fa8;color:#fff;cursor:pointer;font-size:17px
}
.ry-chat-note{font-size:9.5px;color:#8290a1;text-align:center;margin-top:7px}
.ry-typing{display:inline-flex;gap:4px;align-items:center}
.ry-typing i{width:5px;height:5px;background:#90a0b1;border-radius:50%;animation:rydot 1.1s infinite}
.ry-typing i:nth-child(2){animation-delay:.16s}
.ry-typing i:nth-child(3){animation-delay:.32s}
@keyframes rydot{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-4px);opacity:1}}

@media(max-width:600px){
 .ry-chat-launcher{right:15px;bottom:15px;width:57px;height:57px;border-radius:18px}
 .ry-chat{
  inset:0;width:100%;height:100dvh;max-width:none;border-radius:0;
  transform:translateY(100%);transform-origin:bottom
 }
 .ry-chat.open{transform:translateY(0)}
 .ry-chat-head{padding-top:max(17px,env(safe-area-inset-top))}
 .ry-chat-body{padding:16px}
 .ry-chat-foot{padding-bottom:max(11px,env(safe-area-inset-bottom))}
 .ry-bubble{max-width:88%;font-size:14px}
}