/* XEMMAP — giao diện động cơ bản đồ dùng chung 6 web (nạp cùng bando.js). Nút to dễ bấm trên điện thoại, một cột bên phải. */
.bdx-mo{position:relative;display:block!important;z-index:0;isolation:isolate;overflow:hidden;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#14171F;-webkit-tap-highlight-color:transparent}
.bdx-mo *,.bdx-mo *::before{box-sizing:border-box}
.bdx-mo>.bdx-m,.bdx-mo>.bdx-m.maplibregl-map{position:absolute;inset:0;width:100%;height:100%}
.bdx-mo button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
.bdx-mo [hidden]{display:none!important}
.bdx-gc{position:absolute;left:0;bottom:0;z-index:2;padding:1px 6px;font-size:11px;line-height:1.5;background:rgba(255,255,255,.82);color:#344054;border-radius:0 6px 0 0}
.bdx-gc a{color:inherit;text-decoration:none}
.bdx-tb{position:absolute;z-index:6;left:50%;top:10px;transform:translateX(-50%);max-width:calc(100% - 124px);padding:8px 12px;border-radius:12px;background:#0B1F3A;color:#fff;font-size:13px;font-weight:600;text-align:center;box-shadow:0 6px 18px rgba(11,31,58,.3);pointer-events:none}
.bdx-co-tim .bdx-tb{top:64px;max-width:calc(100% - 76px)}

/* Cột điều khiển */
.bdx-dk{position:absolute;z-index:4;top:10px;right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.bdx-co-tim .bdx-dk{top:64px}
.bdx-n{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:#fff!important;color:#0B1F3A!important;box-shadow:0 2px 8px rgba(11,31,58,.22);font-weight:700;font-size:13px}
.bdx-n:active{transform:scale(.96)}
.bdx-n.bat{background:#0B1F3A!important;color:#22D3EE!important}
.bdx-n span{display:none;white-space:nowrap}
.bdx.day .bdx-n span{display:inline}
.bdx.day .bdx-n:has(span){padding:0 12px 0 10px}
.bdx-n-xoave{background:#F97316!important;color:#fff!important}
.bdx-z{display:none;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(11,31,58,.22)}
.bdx-z .bdx-n{border-radius:0;box-shadow:none}
.bdx-z .bdx-n+.bdx-n{border-top:1px solid #E4E7EC}
@media(min-width:760px){.bdx.day .bdx-z,.bdx-chon .bdx-z{display:flex}}

/* Ô tìm vị trí */
.bdx-tim{position:absolute;z-index:5;top:10px;left:10px;right:10px}
.bdx-tim form{display:flex;align-items:center;height:44px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(11,31,58,.25);padding:0 6px 0 12px}
.bdx-tim form span{display:flex;color:#667085}
.bdx-tim input{flex:1;min-width:0;height:44px;border:0;outline:0;background:none;padding:0 8px;font:500 16px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#14171F}
.bdx-tim-ds{margin-top:6px;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(11,31,58,.25);max-height:240px;overflow-y:auto}
.bdx-tim-ds button{display:block;width:100%;text-align:left;padding:10px 14px!important;min-height:44px;border-top:1px solid #F0F1F4!important}
.bdx-tim-ds button:first-child{border-top:0!important}
.bdx-tim-ds b{display:block;font-size:14.5px}
.bdx-tim-ds small{display:block;color:#667085;font-size:12.5px}

/* Vẽ vùng: lớp phủ nhận ngón tay, khóa kéo bản đồ */
.bdx-ve{position:absolute;inset:0;z-index:3;touch-action:none;cursor:crosshair;background:rgba(249,115,22,.05);-webkit-user-select:none;user-select:none}
.bdx-dang-do .maplibregl-canvas{cursor:crosshair}

/* Thanh đo */
.bdx-do{position:absolute;z-index:4;left:10px;right:10px;bottom:22px;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(11,31,58,.28);padding:8px}
.bdx-do-c{display:flex;gap:6px;align-items:center}
.bdx-do-c i{flex:1}
.bdx-do-c button{min-height:40px;padding:0 12px!important;border-radius:10px;background:#F0F2F5!important;font-weight:700;font-size:13px;display:inline-flex;align-items:center}
.bdx-do-c button.bat{background:#0B1F3A!important;color:#fff!important}
.bdx-do-kq{padding:8px 4px 2px;font-size:13.5px;color:#475467}
.bdx-do-kq b{display:block;font-size:20px;font-weight:900;color:#0B1F3A;font-variant-numeric:tabular-nums}
.bdx-do-kq small{display:block}

/* Chọn điểm cho biểu mẫu */
.bdx-ngam{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(255,255,255,.9))}
.bdx-chon-n{position:absolute;z-index:4;left:10px;right:10px;bottom:22px;display:flex;justify-content:center}
.bdx-chon-n button{min-height:48px;padding:0 20px!important;border-radius:14px;background:#F97316!important;color:#fff!important;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(249,115,22,.4)}

/* Ghim, vị trí của tôi */
.bdx-ghim{cursor:pointer;filter:drop-shadow(0 3px 4px rgba(11,31,58,.35))}
.bdx-toi{width:20px;height:20px;border-radius:50%;background:#1D6BF3;border:3px solid #fff;box-shadow:0 0 0 8px rgba(29,107,243,.22)}

/* Thẻ điểm và thẻ lô */
.bdx-the{position:absolute;z-index:5;left:8px;right:8px;bottom:20px;max-height:62%;overflow-y:auto;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(11,31,58,.32);padding:12px 12px 10px;-webkit-overflow-scrolling:touch}
.bdx-x{float:right;width:36px;height:36px;border-radius:50%;background:#F0F2F5!important;display:grid;place-items:center;margin:-2px -2px 0 8px}
.bdx-ll{display:block;text-align:left;min-height:40px}
.bdx-ll b{display:block;font-size:17px;font-weight:900;color:#0B1F3A;font-variant-numeric:tabular-nums}
.bdx-ll small{display:block;font-size:11.5px;color:#667085}
.bdx-xa{margin:4px 0 0;font-size:14px;color:#344054;min-height:20px}
.bdx-xa a{color:#0B1F3A;text-decoration:underline;text-underline-offset:3px}
.bdx-hn{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bdx-hn button,.bdx-nn{flex:1 1 auto;min-height:44px;padding:0 12px!important;border-radius:12px;background:#F0F2F5!important;color:#0B1F3A!important;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap}
.bdx-mo .chinh{background:#F97316!important;color:#fff!important}
.bdx-nd:empty{display:none}
.bdx-nd{margin-top:10px}
.bdx-q{margin:0 0 6px;font-size:13px;font-weight:700;color:#475467}
.bdx-ti{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid #F0F1F4}
.bdx-ti span{font-size:19px;text-align:center}
.bdx-ti b{display:block;font-size:13.5px}
.bdx-ti small{display:block;font-size:12.5px;color:#667085}
.bdx-ti i{font-style:normal;font-weight:800;font-size:13.5px}
.bdx-gf{display:grid;gap:8px}
.bdx-gf input,.bdx-kl input{width:100%;min-height:44px;padding:0 12px;border:1.5px solid #D0D5DD;border-radius:12px;font:500 16px system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;color:#14171F}
.bdx-gf button{min-height:46px;border-radius:12px;font-weight:800;font-size:15px}
.bdx-kl{display:grid;grid-template-columns:1fr auto;gap:6px}
.bdx-kl button{padding:0 14px!important;border-radius:12px;font-weight:800}
.bdx-lo{display:flex;gap:10px;align-items:center;padding:6px 0;color:#14171F;text-decoration:none}
.bdx-lo img{flex:none;width:84px;height:64px;border-radius:10px;object-fit:cover;background:#F0F2F5}
.bdx-lo span{min-width:0}
.bdx-lo b{display:block;font-size:16px;font-weight:900;color:#B42318}
.bdx-lo i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-size:13.5px;font-weight:600;line-height:1.3}
.bdx-lo small{display:block;font-size:12.5px;color:#667085}
.bdx-lo em{font-style:normal;font-size:12.5px;font-weight:800;color:#0B1F3A}
.bdx-mo .maplibregl-popup-content{border-radius:14px;padding:10px 12px;box-shadow:0 8px 24px rgba(11,31,58,.3);font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.bdx-mo .maplibregl-popup-close-button{width:32px;height:32px;font-size:20px;right:2px;top:2px;border-radius:50%}
.bdx-mo .maplibregl-popup-content .bdx-nn{display:inline-flex;margin-top:8px;min-height:40px}
.bdx-mo .maplibregl-cooperative-gesture-screen{font-size:15px;padding:16px}