.skplato-chat-trigger{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:var(--primary,#ff5722);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 24px rgba(255,87,34,0.4);cursor:pointer;z-index:9999;transition:transform 0.3s ease,background-color 0.3s ease;border:0;padding:0}.skplato-chat-trigger::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--primary,#ff5722);opacity:0.5;z-index:-1;animation:skplato-chat-pulse-ring 3s infinite ease-out;pointer-events:none}.skplato-chat-trigger:hover{transform:scale(1.08);background:#e64a19}.skplato-chat-trigger .chat-unread-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;background:#10b981;color:#ffffff;border:2px solid #ffffff;border-radius:10px;display:none;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700;font-family:sans-serif;box-shadow:0 2px 6px rgba(16,185,129,0.4)}.skplato-chat-hint{position:fixed;bottom:30px;right:95px;background:#1e293b;color:#ffffff;padding:10px 14px;border-radius:12px;font-family:'Manrope',sans-serif;font-size:0.84rem;font-weight:500;box-shadow:0 8px 24px rgba(15,23,42,0.25);border:1px solid rgba(255,255,255,0.08);z-index:9998;opacity:0;transform:translateX(10px);transition:opacity 0.4s ease,transform 0.4s ease,background-color 0.2s ease;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:10px;max-width:min(320px,calc(100vw - 110px));line-height:1.35}.skplato-chat-hint:hover{background:#253347;box-shadow:0 10px 28px rgba(15,23,42,0.35)}.skplato-chat-hint::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;background:inherit;border-right:1px solid rgba(255,255,255,0.08);border-top:1px solid rgba(255,255,255,0.08)}.skplato-chat-hint.visible{opacity:1;transform:translateX(0)}.skplato-chat-hint .chat-hint-text{flex:1}.skplato-chat-hint .chat-hint-close{background:transparent;border:0;color:#94a3b8;font-size:16px;line-height:1;padding:2px 4px;cursor:pointer;border-radius:4px;margin-left:auto;transition:color 0.2s ease,background-color 0.2s ease}.skplato-chat-hint .chat-hint-close:hover{color:#ffffff;background:rgba(255,255,255,0.1)}@keyframes skplato-chat-pulse-ring{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.45);opacity:0}}.skplato-chat-window{position:fixed;padding:0 !important;bottom:95px;right:25px;width:360px;max-width:calc(100vw - 40px);height:480px;max-height:calc(100vh - 120px);background:#ffffff;border-radius:16px;box-shadow:0 12px 36px rgba(15,23,42,0.18);border:1px solid rgba(15,23,42,0.08);display:flex;flex-direction:column;z-index:9999;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease}.skplato-chat-window.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.skplato-chat-header{background:#1e293b;color:#ffffff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.skplato-chat-header .chat-header-info{display:flex;align-items:center;gap:12px}.skplato-chat-header .chat-avatar{position:relative;width:42px;height:42px;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,90,31,0.4)}.skplato-chat-header .chat-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.skplato-chat-header .chat-status-dot{position:absolute;bottom:0;right:0;width:11px;height:11px;background:#10b981;border:2px solid #1e293b;border-radius:50%;box-shadow:0 0 4px rgba(16,185,129,0.6)}.skplato-chat-header .chat-title-wrap h4{margin:0;font-size:0.95rem;font-weight:700;color:#ffffff}.skplato-chat-header .chat-title-wrap span{font-size:0.75rem;color:#10b981;display:flex;align-items:center;gap:4px}.skplato-chat-header .chat-title-wrap span::before{content:'';display:inline-block;width:6px;height:6px;background:#10b981;border-radius:50%}.skplato-chat-header .chat-title-wrap span.offline{color:#94a3b8}.skplato-chat-header .chat-title-wrap span.offline::before{background:#94a3b8}.skplato-chat-header .chat-close-btn{background:none;border:none;color:#94a3b8;font-size:22px;cursor:pointer;line-height:1}.skplato-chat-header .chat-close-btn:hover{color:#ffffff}.skplato-chat-body{flex:1;padding:16px;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:80%;padding:10px 14px;border-radius:14px;font-size:0.88rem;line-height:1.4;word-break:break-word}.chat-msg.visitor{align-self:flex-end;background:var(--primary,#ff5722);color:#ffffff;border-bottom-right-radius:2px}.chat-msg.manager{align-self:flex-start;background:#ffffff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.chat-msg.ai{align-self:flex-start;background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;border-left:3px solid #6366f1;border-bottom-left-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.chat-msg.ai .msg-sender-title{font-size:0.72rem;font-weight:700;color:#6366f1;margin-bottom:4px;display:flex;align-items:center;gap:4px}.chat-msg.ai .msg-sender-title::before{content:'✦';font-size:0.72rem}.chat-msg .msg-text{white-space:pre-wrap;word-break:break-word}.chat-msg .msg-time{font-size:0.68rem;opacity:0.7;margin-top:4px;text-align:right}.chat-msg .msg-meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;min-height:16px}.chat-msg .msg-meta .msg-time{margin-top:0}.chat-msg .msg-status{border:0;padding:0;background:transparent;color:inherit;font:inherit;font-size:0.68rem;opacity:0.78}.chat-msg .msg-status.is-retry{cursor:pointer;opacity:1;text-decoration:underline;text-underline-offset:2px}.skplato-chat-footer{padding:12px;background:#ffffff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.skplato-chat-footer .chat-name-input,.skplato-chat-footer .chat-text-input{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:12px;font-size:0.88rem;outline:none;box-sizing:border-box;font-family:inherit}.skplato-chat-footer .chat-text-input{flex:1;min-height:40px;max-height:96px;resize:vertical}.skplato-chat-footer .chat-name-input:focus,.skplato-chat-footer .chat-text-input:focus{border-color:var(--primary,#ff5722)}.skplato-chat-footer .chat-composer{display:flex;align-items:flex-end;gap:8px}.skplato-chat-footer .chat-send-btn{background:var(--primary,#ff5722);color:#ffffff;border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease;flex:0 0 38px}.skplato-chat-footer .chat-send-btn:hover{background:#e64a19}.skplato-chat-footer .chat-consent{display:flex;align-items:flex-start;gap:5px;color:#64748b;font-size:0.67rem;line-height:1.25}.skplato-chat-footer .chat-consent input{width:14px;height:14px;margin:0;flex:0 0 14px;accent-color:var(--primary,#ff5722)}.skplato-chat-footer .chat-consent a{color:#475569;text-decoration:underline}.skplato-chat-footer .chat-form-error{min-height:14px;color:#b42318;font-size:0.7rem;line-height:1.25}@media (max-width:768px){.skplato-chat-trigger{width:44px !important;height:44px !important;bottom:80px !important;right:16px !important;font-size:20px !important;box-shadow:0 6px 16px rgba(255,87,34,0.3) !important}.skplato-chat-trigger .chat-unread-badge{top:-2px !important;right:-2px !important;min-width:16px !important;height:16px !important;font-size:0.6rem !important}.skplato-chat-hint{bottom:84px !important;right:70px !important;font-size:0.75rem !important;padding:6px 12px !important;max-width:calc(100vw - 85px) !important;box-sizing:border-box !important}.skplato-chat-hint .chat-hint-text{white-space:normal !important;word-break:break-word !important;overflow:hidden !important}.skplato-chat-window{bottom:135px !important;right:15px !important;width:calc(100vw - 30px) !important;max-width:360px !important;height:400px !important;max-height:calc(100vh - 100px) !important}}.skplato-chat-trigger{transition:bottom 0.3s cubic-bezier(0.16,1,0.3,1) !important}body.cookie-banner-active .skplato-chat-trigger{bottom:96px !important}@media (max-width:768px){body.cookie-banner-active .skplato-chat-trigger{bottom:80px !important}}