/* Cú Thông Thái preview – isolated names; never change existing layout. */
:root{--owl-ink:#493522;--owl-gold:#bd8537;--owl-paper:#fffaf0}
#hn-wise-owl{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:18px;z-index:9960;font:normal 14px/1.5 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--owl-ink);pointer-events:none}
#hn-wise-owl[hidden]{display:none!important}#hn-wise-owl *{box-sizing:border-box}#hn-wise-owl button,#hn-wise-owl a,#hn-wise-owl input,#hn-wise-owl textarea{font:inherit}
#hn-wise-owl .owl-launcher{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;width:77px;height:77px;border:2px solid #f3d4a0;border-radius:100%;background:#fffaf2;box-shadow:0 8px 28px #30201437;cursor:pointer;transition:transform .15s}
#hn-wise-owl .owl-launcher:hover{transform:translateY(-3px)}
#hn-wise-owl .owl-launcher img{width:75px;height:79px;object-fit:contain}
#hn-wise-owl .owl-count{position:absolute;top:-3px;right:-3px;border-radius:30px;padding:2px 6px;background:#124b51;color:white;font-size:11px;font-weight:700}
#hn-wise-owl .owl-bubble{pointer-events:auto;position:absolute;right:74px;bottom:38px;width:220px;background:#fffaf0;border:1px solid #e8d2af;border-radius:17px;padding:12px 30px 12px 14px;box-shadow:0 8px 25px #2d21162c;line-height:1.4;color:#523720}
#hn-wise-owl .owl-bubble button{position:absolute;right:8px;top:4px;border:0;background:none;padding:3px 5px;cursor:pointer;color:#79583b}
#hn-wise-owl .owl-panel{pointer-events:auto;width:min(390px,calc(100vw - 24px));height:min(600px,calc(100dvh - 96px));display:flex;flex-direction:column;background:#fffdf7;border:1px solid #ead8ba;border-radius:20px;overflow:hidden;box-shadow:0 14px 55px #3322114d;margin-bottom:10px;box-shadow:0 15px 48px #35241150}
#hn-wise-owl [hidden]{display:none!important}#hn-wise-owl .owl-top{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f4dcab,#fff8e8);padding:10px 12px;border-bottom:1px solid #edd8af}
#hn-wise-owl .owl-top img{width:53px;height:53px;object-fit:contain}
#hn-wise-owl .owl-top strong{display:block;font-size:15px}#hn-wise-owl .owl-top small{display:block;color:#775e40;font-size:11px}
#hn-wise-owl .owl-close{margin-left:auto;background:transparent;border:0;border-radius:6px;font-size:22px;cursor:pointer;color:#5a4937;min-width:35px;min-height:35px}
#hn-wise-owl .owl-feed{overflow:auto;flex:1;padding:14px 13px;overscroll-behavior:contain}
#hn-wise-owl .owl-line{display:flex;margin:0 0 9px;white-space:pre-wrap}
#hn-wise-owl .owl-line .owl-text{max-width:96%;padding:10px 12px;border-radius:15px;background:#f5eddb;color:#483720;overflow-wrap:anywhere}
#hn-wise-owl .owl-line.mine{justify-content:flex-end}#hn-wise-owl .owl-line.mine .owl-text{background:#dceff0;color:#17464c}
#hn-wise-owl .owl-prompts{display:flex;flex-direction:column;gap:7px;padding:4px 0 12px}
#hn-wise-owl .owl-prompt{border:1px solid #dec9a3;background:#fff;padding:8px 10px;color:#604424;text-align:left;border-radius:10px;cursor:pointer;font-size:13px}
#hn-wise-owl .owl-prompt:hover{background:#fff1d8}
#hn-wise-owl .owl-foot{padding:10px 12px;background:#fff8eb;border-top:1px solid #eddcc0}
#hn-wise-owl .owl-form{display:flex;gap:5px}#hn-wise-owl .owl-form textarea{resize:vertical;min-height:43px;max-height:90px;flex:1;border:1px solid #b7a689;border-radius:10px;padding:9px;font-size:13px;color:#453522;background:white}
#hn-wise-owl .owl-send{border:0;border-radius:9px;background:#1c6469;color:#fff;min-width:58px;padding:8px;font-weight:700;cursor:pointer}
#hn-wise-owl .owl-send:disabled{opacity:.5;cursor:not-allowed}
#hn-wise-owl .owl-status{font-size:11px;color:#76634e;margin-bottom:7px}
#hn-wise-owl .owl-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#hn-wise-owl .owl-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;border:1px solid #bd9a5f;border-radius:9px;padding:7px 10px;background:white;color:#5a3915;font-size:12px;text-decoration:none;font-weight:650;cursor:pointer}
#hn-wise-owl .owl-action.primary{background:#9b6727;color:white}
#hn-wise-owl .owl-chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:14px;background:#e8f2e7;color:#336033}
#hn-wise-owl .owl-note{font-size:11px;color:#73614e;line-height:1.4}
#hn-wise-owl .owl-intro{background:#fff5df;border-radius:9px;padding:10px 12px;margin-bottom:10px}
#hn-wise-owl .owl-intro strong{display:block;margin-bottom:4px}
@media (max-width:700px){#hn-wise-owl{right:10px;bottom:calc(68px + env(safe-area-inset-bottom))}#hn-wise-owl .owl-panel{width:min(370px,calc(100vw - 20px));height:min(65dvh,520px)}#hn-wise-owl .owl-launcher{width:60px;height:60px}#hn-wise-owl .owl-launcher img{width:62px;height:65px}#hn-wise-owl .owl-bubble{bottom:38px;right:60px;width:min(215px,calc(100vw - 100px))}}
@media (prefers-reduced-motion:reduce){#hn-wise-owl *{animation:none!important;transition:none!important}}
@media print{#hn-wise-owl{display:none!important}}


/* Brand review 1: show the same approved full-body owl, not a tiny circular badge.
   Leave popup dimensions and core site layout unchanged. */
#hn-wise-owl .owl-launcher{
  width:100px;height:108px;border:0;border-radius:20px;background:transparent;
  box-shadow:none;margin-right:66px;overflow:visible
}
#hn-wise-owl .owl-launcher img{
  width:100px;height:108px;max-width:none;max-height:none;object-fit:contain;
  filter:drop-shadow(0 7px 9px rgba(64,42,22,.27))
}
#hn-wise-owl .owl-top img{width:74px;height:82px;flex-shrink:0;object-fit:contain}
#hn-wise-owl .owl-bubble{right:172px;bottom:59px;width:235px;font-size:13px;line-height:1.45}
@media(max-width:700px){
  #hn-wise-owl .owl-launcher{width:78px;height:86px;margin-right:62px}
  #hn-wise-owl .owl-launcher img{width:78px;height:86px}
  #hn-wise-owl .owl-bubble{right:145px;bottom:49px;width:min(205px,calc(100vw - 163px));font-size:12.5px}
  #hn-wise-owl .owl-top img{width:64px;height:70px}
}

/* One owl at a time: the floating mascot disappears while the assistant panel is open.
   Closing the panel removes the match, so the floating mascot returns automatically. */
#hn-wise-owl .owl-panel:not([hidden]) + .owl-launcher {
  display: none;
}

/* Homepage welcome should remain within the viewport on narrow devices. */
#hn-wise-owl .owl-bubble{right:145px;bottom:55px;width:min(235px,calc(100vw - 180px));font-size:13px;overflow-wrap:anywhere}
@media(max-width:700px){
 #hn-wise-owl .owl-bubble{right:112px;bottom:42px;width:min(205px,calc(100vw - 133px));padding:10px 25px 10px 12px;font-size:12px}
}

/* The site theme applies navy backgrounds to body:has(main) button with
   !important, including hover. Override only this image-only mascot button;
   the PNG alpha alone cannot remove the painted button underneath it.
   Keep focus outlines, hit area, visibility rules and all other buttons intact. */
#hn-wise-owl button.owl-launcher,
#hn-wise-owl button.owl-launcher:hover,
#hn-wise-owl button.owl-launcher:focus,
#hn-wise-owl button.owl-launcher:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}