/* RagnaKon Website Support Chat v1 */
.rk-support-chat{--rk-gold:#e6b84d;--rk-navy:#071526;--rk-blue:#0d2844;font-family:Arial,Helvetica,sans-serif;position:relative;z-index:2147483000}
.rk-support-fab{position:fixed;right:22px;bottom:22px;z-index:2147483001;height:58px;min-width:58px;padding:0 20px;border:1px solid rgba(238,193,87,.9);border-radius:999px;background:linear-gradient(145deg,#123458,#081b31);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.45),0 0 22px rgba(230,184,77,.14);display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rk-support-fab:hover{transform:translateY(-2px);border-color:#ffe09a;box-shadow:0 13px 36px rgba(0,0,0,.52),0 0 30px rgba(230,184,77,.23)}
.rk-support-fab svg{width:25px;height:25px;fill:var(--rk-gold)}
.rk-support-fab-label{font-size:14px;font-weight:800;letter-spacing:.4px}
.rk-support-unread{position:absolute;right:-4px;top:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:#d54242;color:#fff;font-size:11px;font-weight:800;line-height:22px;border:2px solid #071526}
.rk-support-panel{position:fixed;right:22px;bottom:92px;z-index:2147483002;width:380px;max-width:calc(100vw - 24px);height:min(570px,calc(100vh - 125px));border:1px solid rgba(230,184,77,.55);border-radius:15px;overflow:hidden;background:#071526;color:#eaf1f8;box-shadow:0 20px 60px rgba(0,0,0,.58),0 0 28px rgba(230,184,77,.10);display:flex;flex-direction:column}
.rk-support-panel[hidden]{display:none!important}
.rk-support-head{flex:0 0 auto;padding:14px 15px;background:linear-gradient(135deg,#12385f,#091d34);border-bottom:1px solid rgba(230,184,77,.25);display:flex;align-items:center;justify-content:space-between;gap:12px}
.rk-support-head strong{display:block;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:18px;letter-spacing:.3px}
.rk-support-head span{display:flex;align-items:center;gap:6px;margin-top:4px;color:#a9bdd0;font-size:11px}
.rk-support-head span i{width:7px;height:7px;border-radius:50%;background:#63d58b;box-shadow:0 0 9px rgba(99,213,139,.75)}
.rk-support-head>button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dfe9f2;font-size:26px;line-height:30px;cursor:pointer}
.rk-support-head>button:hover{background:rgba(255,255,255,.14)}
.rk-support-intro{margin:auto;padding:28px 24px;width:100%;box-sizing:border-box;text-align:center}
.rk-support-intro>strong{display:block;color:#f0c76b;font-family:Georgia,'Times New Roman',serif;font-size:25px}
.rk-support-intro>p{margin:10px auto 24px;max-width:300px;color:#b8c7d5;font-size:13px;line-height:1.6}
.rk-support-name-form{text-align:left}
.rk-support-name-form label{display:block;margin:0 0 7px;color:#cbd7e3;font-size:12px;font-weight:700}
.rk-support-start-row{display:flex;gap:7px}
.rk-support-start-row input{min-width:0;flex:1;height:42px;box-sizing:border-box;border:1px solid #294660;border-radius:8px;background:#0b2138;color:#fff;padding:0 11px;outline:none}
.rk-support-start-row input:focus,.rk-support-compose textarea:focus{border-color:#d3aa50;box-shadow:0 0 0 2px rgba(211,170,80,.12)}
.rk-support-start-row button{height:42px;padding:0 14px;border:0;border-radius:8px;background:linear-gradient(#edc769,#c8952d);color:#142236;font-size:12px;font-weight:900;cursor:pointer}
.rk-support-chat-body{min-height:0;flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -20%,rgba(36,77,112,.28),transparent 48%),#071526}
.rk-support-chat-body[hidden]{display:none!important}
.rk-support-messages{flex:1;overflow:auto;padding:14px 13px 8px;scrollbar-width:thin;scrollbar-color:#38516a transparent}
.rk-support-msg{max-width:82%;margin:0 0 10px;display:flex;flex-direction:column;gap:3px}
.rk-support-msg.user{margin-left:auto;align-items:flex-end}
.rk-support-msg.staff{margin-right:auto;align-items:flex-start}
.rk-support-msg.system{max-width:94%;margin:8px auto;text-align:center;align-items:center}
.rk-support-msg-meta{font-size:10px;color:#7f96aa;padding:0 4px}
.rk-support-msg-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:9px 11px;border-radius:12px;font-size:13px;line-height:1.45}
.rk-support-msg.user .rk-support-msg-bubble{background:linear-gradient(145deg,#174b75,#103757);color:#fff;border-bottom-right-radius:4px}
.rk-support-msg.staff .rk-support-msg-bubble{background:#12263a;border:1px solid rgba(230,184,77,.22);color:#eef4f9;border-bottom-left-radius:4px}
.rk-support-msg.system .rk-support-msg-bubble{padding:6px 9px;background:rgba(230,184,77,.08);color:#d8c28c;font-size:11px;border-radius:8px}
.rk-support-status{flex:0 0 auto;padding:5px 14px 8px;color:#71879a;font-size:10px;text-align:center}
.rk-support-compose{flex:0 0 auto;padding:10px;border-top:1px solid rgba(255,255,255,.07);background:#091a2c;display:flex;align-items:flex-end;gap:8px}
.rk-support-compose[hidden]{display:none!important}
.rk-support-compose textarea{resize:none;flex:1;min-height:42px;max-height:105px;box-sizing:border-box;border:1px solid #294660;border-radius:10px;background:#0d243a;color:#fff;padding:10px 11px;font:13px/1.4 Arial,Helvetica,sans-serif;outline:none}
.rk-support-compose>button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:10px;background:linear-gradient(#edc769,#c8952d);cursor:pointer;display:grid;place-items:center}
.rk-support-compose>button svg{width:20px;height:20px;fill:#13243a}
.rk-support-compose>button:disabled{opacity:.55;cursor:not-allowed}
.rk-support-foot{flex:0 0 auto;min-height:32px;padding:5px 10px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.045);background:#061321;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rk-support-foot[hidden]{display:none!important}
.rk-support-foot button{border:0;background:transparent;color:#9db0c1;font-size:10px;text-decoration:underline;cursor:pointer;padding:3px}
.rk-support-foot span{color:#63798b;font-size:9px}
@media(max-width:600px){.rk-support-fab{right:12px;bottom:12px;width:54px;min-width:54px;height:54px;padding:0}.rk-support-fab-label{display:none}.rk-support-panel{right:8px;bottom:75px;width:calc(100vw - 16px);max-width:none;height:min(620px,calc(100vh - 90px));border-radius:13px}.rk-support-start-row{flex-direction:column}.rk-support-start-row button{width:100%}}
@media(prefers-reduced-motion:reduce){.rk-support-fab{transition:none}}