/* CO-CHU-0311 */
#gyBtn{position:fixed;left:14px;bottom:62px;z-index:96;display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #1056B9;border-radius:999px;background:linear-gradient(135deg,#ECFDF5 0%,#D1FAE5 100%);color:#062B5F;font:800 12.5px/1.2 Arial,system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 0 #054196,0 6px 14px rgba(15,23,42,.1);transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .15s,background .15s}
#gyBtn:hover{transform:translateY(-2px);background:#A7F3D0;border-color:#054196;box-shadow:0 5px 0 #043478,0 8px 18px rgba(15,23,42,.14)}
#gyBox{position:fixed;left:14px;bottom:108px;z-index:97;width:min(334px,calc(100vw - 28px));border:2px solid #0B1B3F;border-radius:20px;background:#FFFFFF;box-shadow:0 5px 0 #0B1B3F,0 16px 36px rgba(15,23,42,.2);font:13.5px/1.45 Arial,system-ui,sans-serif;color:#0F172A;display:none;overflow:hidden}
#gyBox.on{display:block}
#gyBox header{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:linear-gradient(135deg,#0B6CF3,#0957C3);color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:800;border-bottom:2px solid #0B1B3F}
#gyBox header button{background:none;border:0;color:#fff;font-size:21px;cursor:pointer;line-height:1}
#gyBox form{padding:13px 15px;display:grid;gap:9px;background:#FFFDF9}
#gyBox textarea,#gyBox input{width:100%;box-sizing:border-box;border:1.5px solid #94A3B8;border-radius:12px;padding:8px 11px;font:inherit;background:#FFFFFF}
#gyBox textarea:focus,#gyBox input:focus{outline:none;border-color:#0B6CF3;box-shadow:0 0 0 3px rgba(11, 108, 243,.15)}
#gyBox textarea{min-height:90px;resize:vertical}
#gyBox .gy-send{border:1.5px solid #2563EB;border-radius:12px;background:linear-gradient(180deg,#93C5FD,#3B82F6);color:#0B1B3F;font:800 14.5px Arial,system-ui;padding:9px;cursor:pointer;box-shadow:0 3px 0 #1D4ED8}
#gyBox .gy-send:hover{background:#FDE047}
#gyBox .gy-send:disabled{opacity:.6}
#gyBox .gy-note{font-size:13px;color:#64748B;margin:0}
#gyBox .gy-msg{margin:0;font-weight:700}
#gyBox .gy-trap{position:absolute;left:-9999px;opacity:0}
@media(max-width:640px){#gyBtn{bottom:122px;left:12px;padding:6px 11px;font-size:13px}#gyBox{bottom:164px;left:12px}}


/* 04/11/2026: nền trong mờ, vẫn nhìn được chữ phía sau */
#gyBtn{background:rgba(236,253,245,.76);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#gyBtn:hover{background:rgba(167,243,208,.88)}
#gyBox{background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(3px) saturate(1.1);backdrop-filter:blur(3px) saturate(1.1)}
#gyBox header{background:rgba(11, 108, 243,.85)}
#gyBox form{background:transparent}
#gyBox textarea,#gyBox input{background:rgba(255,255,255,.85)}

/* 04/11/2026 (anh Hạnh): nút Góp ý thu thành nút tròn 💬, đặt ngay trên nút Lộ trình (xếp dọc), rê chuột mới hiện chữ */
#gyBtn { width: 44px; height: 44px; padding: 0; justify-content: center; gap: 0; left: 14px; bottom: 68px; overflow: hidden; white-space: nowrap; font-size: 19px; }
#gyBtn .gy-tx { display: none; font-size: 13px; }
@media (hover: hover) and (min-width: 641px) {
  #gyBtn:hover, #gyBtn:focus-visible { width: auto; padding: 0 14px 0 11px; gap: 6px; }
  #gyBtn:hover .gy-tx, #gyBtn:focus-visible .gy-tx { display: inline; }
}
#gyBox { bottom: 122px; }
@media (max-width: 900px) { #gyBtn { left: 10px; bottom: 124px; } #gyBox { left: 10px; bottom: 176px; } }
/* Thẻ Lộ trình đang bung (màn rộng) thì nút Góp ý đứng cạnh thẻ, không đè lên thẻ */
@media (min-width: 901px) { body:has(.rqx-rm-card:not(.hide)) #gyBtn { left: 296px; bottom: 14px; } body:has(.rqx-rm-card:not(.hide)) #gyBox { left: 296px; bottom: 68px; } }

/* 04/11/2026 (anh Hạnh): trang không có nút Lộ trình thì nút Góp ý hạ sát góc dưới; nút kéo thả được */
body:not(:has(.rqx-rm-pill, .rqx-rm-card:not(.hide))) #gyBtn { bottom: 14px; }
body:not(:has(.rqx-rm-pill, .rqx-rm-card:not(.hide))) #gyBox { bottom: 66px; }
@media (max-width: 900px) {
  body:not(:has(.rqx-rm-pill, .rqx-rm-card:not(.hide))) #gyBtn { bottom: 72px; }
  body:not(:has(.rqx-rm-pill, .rqx-rm-card:not(.hide))) #gyBox { bottom: 124px; }
}
#gyBtn { touch-action: none; cursor: grab; }
#gyBtn.gy-drag { cursor: grabbing; transform: scale(1.06); transition: none; }
#gyBtn.gy-drag { width: 44px !important; padding: 0 !important; gap: 0 !important; } #gyBtn.gy-drag .gy-tx { display: none !important; }

/* ===== 04/11/2026: RÀ SOÁT MÀU - nút Góp ý theo xanh dương chủ đạo #0B6CF3 ===== */
html body #gyBtn { background: #FFFFFF !important; border-color: #0B6CF3 !important; color: #0450C2 !important; box-shadow: 0 3px 10px rgba(11, 27, 63, .12) !important; }
html body #gyBtn:hover { background: #E7F0FE !important; border-color: #0450C2 !important; }
html body #gyBtn .gy-ic, html body .gy-ic { color: #0B6CF3 !important; }
html body #gyBox header { background: linear-gradient(135deg, #0565EE 0%, #2B82FB 100%) !important; }
html body #gyBox form { background: #FFFFFF !important; }
html body #gyBox textarea:focus, html body #gyBox input:focus { border-color: #0B6CF3 !important; box-shadow: 0 0 0 3px rgba(11, 108, 243, .15) !important; }
html body #gyBox .gy-send:hover { background: #E7F0FE !important; }