/* DTCB v0.12.7 — wider desktop results, full one-line Vietnamese + Han names */
.dtcb-name-search{
  --dtcb-search-pink:#ef4f86;
  --dtcb-search-pink-dark:#dc2f6c;
  --dtcb-search-soft:#fff4f8;
  --dtcb-search-border:#f2d6e0;
  --dtcb-search-text:#2b2025;
  --dtcb-search-muted:#826d76;
  position:relative;
  width:min(100%,920px);
  margin:0 auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  box-sizing:border-box;
  --dtcb-header-center-shift:0px;
}

.dtcb-name-search *{box-sizing:border-box}
.dtcb-name-search--inline{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translateX(var(--dtcb-header-center-shift));
  transition:transform .18s ease;
}
.dtcb-name-search--inline:before{display:none}
.dtcb-name-search-heading{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 15px;text-align:left}
.dtcb-name-search-brand{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffedf4,#fff);color:var(--dtcb-search-pink-dark);box-shadow:0 7px 18px rgba(218,56,110,.11),inset 0 0 0 1px rgba(239,79,134,.12)}
.dtcb-name-search-brand svg{width:23px;height:23px}
.dtcb-name-search-heading h3{margin:0!important;color:var(--dtcb-search-text)!important;font-size:20px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.25px}
.dtcb-name-search-heading p{margin:4px 0 0!important;color:var(--dtcb-search-muted)!important;font-size:12px!important;line-height:1.45!important;font-weight:500!important}
.dtcb-name-search-box{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-height:60px;
  padding:7px 7px 7px 19px;
  border:1px solid #e8dce1;
  border-radius:999px;
  background:#fff;
  box-shadow:0 5px 18px rgba(77,45,58,.09),0 1px 3px rgba(77,45,58,.05);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dtcb-name-search-box:focus-within{border-color:#ed9ab7;box-shadow:0 10px 28px rgba(209,52,104,.14),0 0 0 4px rgba(239,79,134,.08);transform:translateY(-1px)}
.dtcb-name-search-leading{display:grid;place-items:center;flex:0 0 24px;color:#66555d}
.dtcb-name-search-leading svg{width:21px;height:21px}
.dtcb-name-search input[type="search"]{
  flex:1 1 auto;
  min-width:0;
  height:42px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--dtcb-search-text)!important;
  font-size:16px!important;
  line-height:42px!important;
  font-weight:650!important;
  -webkit-appearance:none;
}
.dtcb-name-search input[type="search"]::-webkit-search-cancel-button{display:none}
.dtcb-name-search input::placeholder{color:#948189;opacity:1;font-weight:560}
.dtcb-name-search-clear{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f8f1f4!important;color:#806d75!important;font-size:21px!important;font-weight:400!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
.dtcb-name-search-submit{display:grid!important;place-items:center!important;flex:0 0 44px;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--dtcb-search-pink),var(--dtcb-search-pink-dark))!important;color:#fff!important;box-shadow:0 7px 16px rgba(217,47,105,.26)!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.dtcb-name-search-submit:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(217,47,105,.30)!important}
.dtcb-name-search-submit:active{transform:scale(.95)}
.dtcb-name-search-submit svg{width:20px;height:20px}
.dtcb-name-search-results{
  position:absolute;
  z-index:10020;
  top:calc(100% + 9px);
  left:50%;
  right:auto;
  width:min(620px,calc(100vw - 32px))!important;
  min-width:min(520px,calc(100vw - 32px))!important;
  max-width:none!important;
  transform:translateX(-50%);
  max-height:min(430px,62vh);
  overflow:auto;
  overscroll-behavior:auto;
  -webkit-overflow-scrolling:touch;
  padding:7px;
  border:1px solid #eadde2;
  border-radius:16px;
  background:rgba(255,255,255,.985);
  box-shadow:0 18px 42px rgba(48,29,37,.15),0 3px 10px rgba(48,29,37,.06);
  scrollbar-width:thin;
  scrollbar-color:#efbfd0 transparent;
}
.dtcb-name-search--mobile .dtcb-name-search-results{position:relative;top:auto;left:auto;right:auto;width:100%!important;min-width:0!important;max-width:100%!important;transform:none;margin-top:10px;max-height:min(48dvh,390px);box-shadow:0 12px 30px rgba(61,35,46,.12)}
.dtcb-name-search-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #e9e3e6;background:#fbfafb;color:#161616;border-radius:11px 11px 0 0}
.dtcb-name-search-results-title{font-size:12.5px;font-weight:800;letter-spacing:0;text-transform:none;color:#141414}
.dtcb-name-search-results-count{flex:0 0 auto;padding:3px 8px;border-radius:999px;background:#f2eef0;color:#353035;font-size:11px;font-weight:750;line-height:1.25}
.dtcb-name-search-state{padding:13px 11px;color:#2f2b2d;font-size:12.5px;font-weight:600;line-height:1.45;text-align:center}
.dtcb-name-search-state.is-loading:before{content:"";display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid #f1bfd0;border-top-color:#e13f77;border-radius:50%;vertical-align:-2px;animation:dtcbSearchSpin .75s linear infinite}
@keyframes dtcbSearchSpin{to{transform:rotate(360deg)}}
.dtcb-name-search-list{display:block;padding-top:2px}
.dtcb-name-search-result{
  display:block;
  min-height:42px;
  padding:8px 11px;
  border:0;
  border-bottom:1px solid #eee9eb;
  border-radius:0;
  color:#111!important;
  text-decoration:none!important;
  transition:background .14s ease;
}
.dtcb-name-search-result:last-child{border-bottom:0}
.dtcb-name-search-result:hover,.dtcb-name-search-result.is-key-active{background:#fff5f8;box-shadow:none}
.dtcb-name-search-result-main{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important;min-width:0!important;max-width:none!important}
.dtcb-name-search-result-name{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;color:#090909!important;font-size:15.5px!important;font-weight:850!important;line-height:1.35!important;letter-spacing:-.08px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:visible!important;text-overflow:clip!important}
.dtcb-name-search-result-han{display:block!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;color:#111!important;font-size:14px!important;font-weight:750!important;line-height:1.25!important;text-align:right!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.dtcb-name-search.is-compact{padding:0;border:0;background:transparent;box-shadow:none}
.dtcb-name-search.is-compact:before,.dtcb-name-search.is-compact .dtcb-name-search-heading{display:none}
.dtcb-name-search.is-compact .dtcb-name-search-results{left:50%;right:auto}

/* Mobile bottom-sheet search */
.dtcb-mobile-name-search-sheet{display:none}
@media(max-width:767px){
  .dtcb-mobile-name-search-sheet[hidden]{display:none!important}
  .dtcb-mobile-name-search-sheet{display:block;position:fixed;inset:0;z-index:1000002}
  .dtcb-mobile-name-search-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:rgba(42,25,32,.42);backdrop-filter:blur(2px)}
  .dtcb-mobile-name-search-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(82dvh,720px);overflow:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;padding:8px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:linear-gradient(180deg,#fff8fb 0,#fff 36%);box-shadow:0 -18px 48px rgba(45,25,34,.22);animation:dtcbNameSearchSheetIn .2s ease-out both}
  .dtcb-mobile-name-search-handle{width:42px;height:4px;margin:0 auto 11px;border-radius:999px;background:#dfd3d8}
  .dtcb-mobile-name-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 2px 14px}
  .dtcb-mobile-name-search-head span{display:block;margin-bottom:3px;color:#e54d80;font-size:9px;font-weight:900;letter-spacing:.12em}
  .dtcb-mobile-name-search-head h2{margin:0!important;color:#282126!important;font-size:21px!important;line-height:1.2!important;font-weight:850!important}
  .dtcb-mobile-name-search-head p{margin:4px 0 0!important;color:#8a747d!important;font-size:11px!important;line-height:1.4!important}
  .dtcb-mobile-name-search-close{display:grid!important;place-items:center!important;flex:0 0 38px;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#62545b!important;font-size:26px!important;line-height:1!important;box-shadow:0 4px 14px rgba(70,39,51,.08)!important}
  .dtcb-name-search--mobile{width:100%;margin:0}
  .dtcb-name-search--mobile .dtcb-name-search-box{min-height:60px;padding-left:16px;box-shadow:0 8px 24px rgba(77,45,58,.12)}
  .dtcb-name-search--mobile .dtcb-name-search-submit{flex-basis:46px;width:46px!important;height:46px!important}
  .dtcb-mobile-name-search-tip{margin:11px 4px 2px;color:#917b84;font-size:10.5px;line-height:1.45}
  .dtcb-mobile-name-search-tip span{color:#d63c72;font-weight:800}
  body.dtcb-mobile-name-search-open{overflow:hidden!important}
  body.dtcb-mobile-name-search-open .dtcb-mobile-name-search-panel{touch-action:pan-y}
  @keyframes dtcbNameSearchSheetIn{from{transform:translateY(22px);opacity:.72}to{transform:translateY(0);opacity:1}}
}

@media(max-width:560px){
  .dtcb-name-search--inline{padding:0;border-radius:0;transform:none!important}
  .dtcb-name-search-heading{justify-content:flex-start;margin-bottom:12px}
  .dtcb-name-search-brand{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  .dtcb-name-search-heading h3{font-size:18px!important}
  .dtcb-name-search-heading p{font-size:10.5px!important}
  .dtcb-name-search-box{min-height:56px;padding-left:14px}
  .dtcb-name-search input[type="search"]{font-size:14.5px!important;font-weight:650!important}
  .dtcb-name-search-results{left:0;right:0;width:100%!important;min-width:0!important;max-width:100%!important;transform:none;border-radius:15px}
  .dtcb-name-search-result{min-height:42px;padding:8px 9px}
  .dtcb-name-search-result-name{min-width:0!important;font-size:14px!important;font-weight:850!important;letter-spacing:-.12px}
  .dtcb-name-search-result-main{gap:10px!important}
  .dtcb-name-search-result-han{font-size:12.5px!important;font-weight:750!important}
}