/* SuuTam Live Chat Pro 3.3.1 — isolated, responsive frontend */
#stlc3-root,#stlc3-root *{box-sizing:border-box}
#stlc3-root{--stlc3-primary:#2f7d5b;pointer-events:none!important;isolation:isolate!important;position:fixed!important;z-index:2147483000!important;bottom:18px!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:#17251f!important;line-height:1.4!important;font-size:14px!important;text-align:left!important;letter-spacing:normal!important;text-transform:none!important}
#stlc3-root.stlc3-right{right:18px!important;left:auto!important}
#stlc3-root.stlc3-left{left:18px!important;right:auto!important}
#stlc3-root button,#stlc3-root input,#stlc3-root textarea,#stlc3-root select{font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important;box-shadow:none}
#stlc3-root .stlc3-launcher{pointer-events:auto!important;touch-action:manipulation!important;appearance:none!important;border:0!important;background:var(--stlc3-primary)!important;color:#fff!important;border-radius:999px!important;min-height:52px!important;padding:0 18px!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;cursor:pointer!important;font-size:14px!important;font-weight:700!important;line-height:1!important;margin:0!important;min-width:112px!important}
#stlc3-root .stlc3-launcher em{font-style:normal!important;background:#fff!important;color:#111!important;border-radius:99px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important}
#stlc3-root .stlc3-panel{pointer-events:auto!important;position:absolute!important;bottom:64px!important;width:380px!important;max-width:calc(100vw - 24px)!important;height:600px!important;max-height:calc(100vh - 96px)!important;min-height:420px!important;background:#fff!important;color:#17251f!important;border:1px solid #dfe6e2!important;border-radius:20px!important;box-shadow:0 22px 60px rgba(0,0,0,.22)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important}
#stlc3-root.stlc3-right .stlc3-panel{right:0!important;left:auto!important}
#stlc3-root.stlc3-left .stlc3-panel{left:0!important;right:auto!important}
#stlc3-root .stlc3-panel[hidden]{display:none!important}
#stlc3-root .stlc3-panel>header{flex:0 0 auto!important;background:var(--stlc3-primary)!important;color:#fff!important;padding:14px 15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:64px!important;margin:0!important;border:0!important}
#stlc3-root .stlc3-panel>header>div{min-width:0!important}
#stlc3-root .stlc3-panel>header strong{display:block!important;color:#fff!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;margin:0!important;padding:0!important}
#stlc3-root .stlc3-panel>header small{display:block!important;color:rgba(255,255,255,.88)!important;font-size:11px!important;line-height:1.3!important;margin-top:3px!important;font-weight:500!important}
#stlc3-root .stlc3-panel>header button{appearance:none!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:0!important;border-radius:11px!important;font-size:22px!important;line-height:1!important;cursor:pointer!important;padding:0!important;margin:0!important}
#stlc3-root .stlc3-state{flex:0 0 auto!important;padding:7px 12px!important;font-size:11px!important;line-height:1.35!important;background:#fff7dd!important;color:#745b1f!important;border-bottom:1px solid #eee8d3!important;margin:0!important}
#stlc3-root .stlc3-messages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px!important;background:#f7f9f8!important;overscroll-behavior:contain!important;scroll-behavior:smooth!important;margin:0!important}
#stlc3-root .stlc3-msg{display:flex!important;width:100%!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
#stlc3-root .stlc3-msg>div{max-width:88%!important;min-width:0!important;padding:10px 12px!important;border-radius:14px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.42!important;font-size:13px!important;margin:0!important}
#stlc3-root .stlc3-msg span{display:block!important;font-size:10px!important;font-weight:800!important;margin:0 0 4px!important;opacity:.72!important;line-height:1.2!important}
#stlc3-root .stlc3-agent>div{background:#fff!important;color:#17251f!important;border:1px solid #e0e7e3!important;border-bottom-left-radius:5px!important}
#stlc3-root .stlc3-visitor{justify-content:flex-end!important}
#stlc3-root .stlc3-visitor>div{background:var(--stlc3-primary)!important;color:#fff!important;border-bottom-right-radius:5px!important}
#stlc3-root .stlc3-quick{flex:0 0 auto!important;padding:8px 10px!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:82px!important;border-top:1px solid #edf0ee!important;background:#fff!important;margin:0!important;scrollbar-width:thin!important}
#stlc3-root .stlc3-quick:empty{display:none!important}
#stlc3-root .stlc3-quick button{appearance:none!important;flex:0 0 auto!important;white-space:nowrap!important;border:1px solid #d9e0dc!important;background:#fff!important;color:#315e4c!important;border-radius:999px!important;padding:7px 10px!important;min-height:32px!important;cursor:pointer!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;margin:0!important;max-width:100%!important}
#stlc3-root .stlc3-contact{flex:0 0 auto!important;border-top:1px solid #edf0ee!important;padding:7px 10px!important;font-size:11px!important;background:#fff!important;margin:0!important;color:#405249!important}
#stlc3-root .stlc3-contact summary{cursor:pointer!important;min-height:28px!important;display:flex!important;align-items:center!important;list-style:none!important;font-weight:600!important}
#stlc3-root .stlc3-contact summary::-webkit-details-marker{display:none}
#stlc3-root .stlc3-contact form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:7px 0 0!important;padding:0!important}
#stlc3-root .stlc3-contact input{display:block!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:8px 9px!important;border:1px solid #d9e0dc!important;border-radius:9px!important;background:#fff!important;color:#17251f!important;font-size:13px!important;line-height:1.2!important;margin:0!important}
#stlc3-root .stlc3-contact input[name=email]{grid-column:1/-1!important}
#stlc3-root .stlc3-contact button{appearance:none!important;border:0!important;background:#edf5f1!important;color:#245b44!important;padding:8px 10px!important;border-radius:9px!important;cursor:pointer!important;font-size:12px!important;font-weight:700!important;margin:0!important}
#stlc3-root .stlc3-contact span{align-self:center!important;font-size:11px!important}
#stlc3-root .stlc3-compose{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding:9px 10px 10px!important;border-top:1px solid #edf0ee!important;background:#fff!important;align-items:end!important;margin:0!important}
#stlc3-root .stlc3-compose textarea{appearance:none!important;display:block!important;width:100%!important;min-width:0!important;min-height:44px!important;max-height:96px!important;resize:none!important;overflow-y:auto!important;border:1px solid #cfd9d4!important;border-radius:13px!important;padding:10px 11px!important;font-size:16px!important;line-height:1.3!important;background:#fff!important;color:#17251f!important;margin:0!important;outline:none!important}
#stlc3-root .stlc3-compose textarea:focus{border-color:var(--stlc3-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--stlc3-primary) 15%,transparent)!important}
#stlc3-root .stlc3-compose button{appearance:none!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;border-radius:13px!important;background:var(--stlc3-primary)!important;color:#fff!important;cursor:pointer!important;font-size:18px!important;line-height:1!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#stlc3-root .stlc3-compose button:disabled{opacity:.55!important;cursor:wait!important}
#stlc3-root .stlc3-notice{margin:8px 0!important;padding:8px 10px!important;border-radius:10px!important;text-align:center!important;font-size:11px!important;line-height:1.35!important;background:#fff2f2!important;color:#a33737!important;border:1px solid #f0d5d5!important}
#stlc3-root button:focus-visible,#stlc3-root textarea:focus-visible,#stlc3-root input:focus-visible{outline:2px solid color-mix(in srgb,var(--stlc3-primary) 45%,white)!important;outline-offset:2px!important}
@media(max-width:600px){
  #stlc3-root{bottom:8px!important}
  #stlc3-root.stlc3-right{right:8px!important}
  #stlc3-root.stlc3-left{left:8px!important}
  #stlc3-root .stlc3-panel{pointer-events:auto!important;bottom:60px!important;width:calc(100vw - 16px)!important;max-width:none!important;height:min(620px,calc(100vh - 82px))!important;max-height:calc(100vh - 82px)!important;min-height:360px!important;border-radius:16px!important}
  #stlc3-root .stlc3-launcher{pointer-events:auto!important;touch-action:manipulation!important;width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;border-radius:16px!important}
  #stlc3-root .stlc3-launcher b{display:none!important}
  #stlc3-root .stlc3-panel>header{padding:12px 13px!important;min-height:58px!important}
  #stlc3-root .stlc3-messages{padding:12px 10px!important}
  #stlc3-root .stlc3-msg>div{max-width:92%!important;font-size:13px!important;padding:9px 10px!important}
  #stlc3-root .stlc3-quick{max-height:74px!important;padding:7px 8px!important;gap:5px!important}
  #stlc3-root .stlc3-quick button{font-size:10.5px!important;padding:6px 9px!important;min-height:30px!important}
  #stlc3-root .stlc3-contact{padding:6px 9px!important}
  #stlc3-root .stlc3-contact form{grid-template-columns:1fr!important}
  #stlc3-root .stlc3-contact input[name=email]{grid-column:auto!important}
  #stlc3-root .stlc3-compose{padding:8px!important;gap:7px!important}
}
@media(max-width:360px){
  #stlc3-root .stlc3-panel{pointer-events:auto!important;width:calc(100vw - 10px)!important}
  #stlc3-root.stlc3-right{right:5px!important}
  #stlc3-root.stlc3-left{left:5px!important}
  #stlc3-root .stlc3-panel>header small{font-size:10px!important}
  #stlc3-root .stlc3-quick{max-height:68px!important}
}
@media(prefers-reduced-motion:reduce){#stlc3-root .stlc3-messages{scroll-behavior:auto!important}}
/* v3.4.0: rich action buttons + natural bot typing delay */
#stlc3-root .stlc3-msg-content{min-width:0!important}
#stlc3-root .stlc3-text-line{white-space:pre-wrap!important;overflow-wrap:anywhere!important}
#stlc3-root .stlc3-text-gap{height:7px!important}
#stlc3-root .stlc3-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;max-width:100%!important;margin:7px 6px 0 0!important;padding:8px 11px!important;border-radius:11px!important;background:var(--stlc3-primary)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;border:1px solid var(--stlc3-primary)!important;box-shadow:none!important}
#stlc3-root .stlc3-action:hover{filter:brightness(.96)!important;color:#fff!important}
#stlc3-root .stlc3-action-secondary{background:#fff!important;color:var(--stlc3-primary)!important}
#stlc3-root .stlc3-course-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:54px!important;margin:7px 0!important;padding:9px 10px!important;border:1px solid #dce7e1!important;border-radius:12px!important;background:#f8fbf9!important;color:#173d2e!important;text-decoration:none!important;box-shadow:none!important}
#stlc3-root .stlc3-course-card:hover{border-color:var(--stlc3-primary)!important;background:#f2f8f5!important;color:#173d2e!important}
#stlc3-root .stlc3-course-copy{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important}
#stlc3-root .stlc3-course-copy strong{display:block!important;font-size:12px!important;line-height:1.28!important;color:#173d2e!important;font-weight:800!important;overflow-wrap:anywhere!important}
#stlc3-root .stlc3-course-copy small{display:block!important;font-size:10.5px!important;line-height:1.2!important;color:#557064!important;font-weight:700!important}
#stlc3-root .stlc3-course-card>b{flex:0 0 auto!important;font-size:10.5px!important;color:var(--stlc3-primary)!important;white-space:nowrap!important}
#stlc3-root .stlc3-typing>div{min-width:76px!important}
#stlc3-root .stlc3-typing-dots{display:flex!important;align-items:center!important;gap:4px!important;height:18px!important}
#stlc3-root .stlc3-typing-dots i{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#8da096!important;animation:stlc3Typing 1s infinite ease-in-out!important}
#stlc3-root .stlc3-typing-dots i:nth-child(2){animation-delay:.14s!important}
#stlc3-root .stlc3-typing-dots i:nth-child(3){animation-delay:.28s!important}
@keyframes stlc3Typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:600px){#stlc3-root .stlc3-course-card{padding:8px 9px!important;gap:7px!important}#stlc3-root .stlc3-course-copy strong{font-size:11.5px!important}#stlc3-root .stlc3-action{width:auto!important;min-height:36px!important;font-size:11.5px!important}}
@media(prefers-reduced-motion:reduce){#stlc3-root .stlc3-typing-dots i{animation:none!important;opacity:.75!important}}
/* v3.5.0: deep course advisor action controls */
#stlc3-root .stlc3-send-action{appearance:none!important;font-family:inherit!important;cursor:pointer!important}
#stlc3-root .stlc3-msg-content>.stlc3-action{vertical-align:top!important}