/* Trợ lý AI góc trái (24/10/2026), làm theo mẫu thokhoahcm.vn, đổi sang màu Quang Minh. */
.skc{--b:#0a2a66;--b2:#001a47;--a:#f6c344;font-family:inherit}
.skc-av{position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--a);display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(0,0,0,.25);color:var(--b)}
.skc-av svg{width:58%;height:58%}
.skc-dot{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#22e05f;margin-right:7px;box-shadow:0 0 0 2px #fff,0 0 8px #22e05f}
.skc-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22e05f;animation:skcxanh 1.6s infinite}
@keyframes skcxanh{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}

/* Nút mở chat: thẻ mở rộng, luôn hiện */
.skc-fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9998;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--b),var(--b2));color:#fff;border:2px solid var(--a);border-radius:999px;padding:7px 20px 7px 7px;font:inherit;line-height:1.2;text-align:left;box-shadow:0 12px 32px rgba(0,26,71,.45);cursor:pointer;animation:skcin .5s ease-out;transition:transform .18s}
.skc-fab:hover{transform:translateY(-2px)}
.skc-av-fab{width:50px;height:50px}
.skc-av-fab::before{content:"";position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-radius:50%;background:#22e05f;border:3px solid #fff;z-index:2}
.skc-av-fab::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid var(--a);animation:skcring 1.8s infinite}
.skc-fab-tx{display:flex;flex-direction:column;gap:3px}
.skc-fab-tx strong{font-size:15.5px;font-weight:800;color:#fff}
.skc-fab-tx small{font-size:12.5px;font-weight:700;color:#7dffa8;display:flex;align-items:center}
.skc-fab.skc-nhac{animation:skcnhac .9s ease-in-out}
@keyframes skcnhac{0%,100%{transform:none}15%{transform:translateY(-6px) rotate(-3deg)}30%{transform:translateY(0) rotate(3deg)}45%{transform:translateY(-4px) rotate(-2deg)}60%{transform:none;box-shadow:0 0 0 8px rgba(246,195,68,.35),0 12px 32px rgba(0,26,71,.45)}}
@keyframes skcring{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes skcin{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.skc[data-open="1"] .skc-fab,.skc[data-open="1"] .skc-teaser{display:none}

/* Bong bóng lời chào */
.skc-teaser{position:fixed;left:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:9998;max-width:300px;background:#fff;color:#1e293b;border-radius:16px 16px 16px 4px;padding:13px 34px 13px 15px;font-size:14.5px;line-height:1.5;box-shadow:0 14px 36px rgba(15,23,42,.22);border:1px solid #e2e8f0;cursor:pointer;animation:skcin .4s ease-out}
.skc-teaser[hidden]{display:none}
.skc-teaser strong{display:block;color:var(--b);margin-bottom:2px}
.skc-teaser-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;background:#f1f5f9;border-radius:50%;font-size:12px;color:#64748b;cursor:pointer}

/* Khung chat */
.skc-box{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9999;width:400px;max-width:calc(100vw - 32px);height:min(640px,calc(100vh - 110px));background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,26,71,.35);display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--a);animation:skcin .3s ease-out}
.skc-box[hidden]{display:none}
.skc-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(135deg,var(--b),var(--b2));color:#fff}
.skc-ttl{flex:1;display:flex;flex-direction:column;line-height:1.35}
.skc-ttl strong{font-size:15.5px}
.skc-ttl span{font-size:12.5px;font-weight:600;color:#7dffa8;display:flex;align-items:center}
.skc-x{background:transparent;border:0;color:#fff;font-size:18px;cursor:pointer;padding:6px}
.skc-log{flex:1;overflow-y:auto;padding:16px;background:#f6f8fc;display:flex;flex-direction:column;gap:10px}
.skc-m{max-width:85%;padding:10px 13px;border-radius:14px;font-size:15px;line-height:1.55;word-wrap:break-word}
.skc-m.bot{background:#fff;border:1px solid #e2e8f0;align-self:flex-start;border-bottom-left-radius:4px;color:#1e293b}
.skc-m.me{background:var(--b);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.skc-m a{color:#0b3d91;font-weight:600}
.skc-m.me a{color:#fff}
.skc-m ul{margin:6px 0 0 18px;padding:0}
.skc-m p{margin:0 0 6px}
.skc-m p:last-child{margin:0}
.skc-typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:#94a3b8;animation:skcb 1s infinite}
.skc-typing span:nth-child(2){animation-delay:.15s}
.skc-typing span:nth-child(3){animation-delay:.3s}
@keyframes skcb{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.skc-quick{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 0;background:#fff}
.skc-quick[hidden]{display:none}
.skc-quick button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-weight:500;font-size:13px;color:#0b3d91;cursor:pointer}
.skc-quick button:hover{border-color:var(--b);background:#f1f5fb}
.skc-form{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #e2e8f0;margin:0}
.skc-form textarea{flex:1;resize:none;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;line-height:1.4;max-height:110px;outline:none}
.skc-form textarea:focus{border-color:#0b3d91}
.skc-form button{width:46px;border:0;border-radius:12px;background:var(--a);color:#0f172a;font-size:18px;font-weight:800;cursor:pointer}
.skc-form button:disabled{opacity:.5}
.skc-foot{display:flex;gap:8px;padding:0 12px 12px;background:#fff}
.skc-foot a{flex:1;text-align:center;padding:10px;border-radius:12px;font-weight:800;font-size:14px;white-space:nowrap;text-decoration:none!important}
.skc-foot a.c{background:var(--a);color:#0f172a!important}
.skc-foot a.z{background:#fff;color:#0068ff!important;border:2px solid #0068ff}
/* Khi mở chat thì giấu nút gọi nổi bên phải cho khỏi chồng lên */
body.skc-open .qm-float{display:none}
@media(max-width:600px){
 .skc-fab{left:10px;padding:5px 13px 5px 5px;gap:9px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .skc-av-fab{width:40px;height:40px}
 .skc-fab-tx strong{font-size:13.5px}
 .skc-fab-tx small{font-size:11px}
 .skc-teaser{left:10px;right:90px;max-width:none;bottom:calc(70px + env(safe-area-inset-bottom,0px));font-size:13.5px;padding:11px 32px 11px 13px}
 .skc-box{left:0;right:0;bottom:0;width:100%;max-width:100%;height:85dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}
 .skc-form textarea{font-size:16px}
}
@media (prefers-reduced-motion: reduce){.skc *,.skc-fab{animation:none!important}}
/* Icon SVG thay ký tự (máy thiếu font ký hiệu thì ✕ ➤ 📞 thành ô vuông) */
.skc-x,.skc-teaser-x{display:grid;place-items:center}
.skc-form button{display:grid;place-items:center}
.skc-foot a{display:flex;align-items:center;justify-content:center;gap:6px}
/* Điện thoại: bong bóng chào nằm trên nút "Gọi ngay" bên phải, không che nó */
@media(max-width:600px){.skc-teaser{right:12px;bottom:calc(146px + env(safe-area-inset-bottom,0px))}}