/* 주소 변경 창의 도메인 선택기 (카테고리별 목록). 값은 #name_domain select 에 둔다 */
.lt-dp { position: relative; }
.lt-dp-btn {
    width: 100%; min-height: 46px; display: flex; align-items: center; gap: 10px; padding: 8px 14px; text-align: left;
    background: var(--card, #fff); color: var(--ink, #111); border: 2px solid var(--rule, #17130e); border-radius: 4px;
    font: 600 15px/1.3 var(--mono, ui-monospace, monospace); cursor: pointer; transition: box-shadow .15s, border-color .15s;
}
.lt-dp-btn:hover { box-shadow: var(--hard-sm, 2px 2px 0 var(--rule, #17130e)); }
.lt-dp.is-open .lt-dp-btn { border-color: var(--accent, #6b2d92); box-shadow: var(--hard-sm, 2px 2px 0 var(--rule, #17130e)); }
.lt-dp-cat { flex: none; padding: 2px 8px; border: 1.5px solid var(--rule, #17130e); border-radius: 3px; background: var(--mark, #f3e3ff); font: 600 11px/1.5 var(--font, inherit); white-space: nowrap; }
.lt-dp-cur { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.lt-dp-btn > i { flex: none; font-size: 12px; transition: transform .2s; }
.lt-dp.is-open .lt-dp-btn > i { transform: rotate(180deg); }

.lt-dp-menu { display: none; margin-top: 8px; background: var(--card, #fff); border: 2px solid var(--rule, #17130e); border-radius: 4px; box-shadow: var(--hard-sm, 2px 2px 0 var(--rule, #17130e)); overflow: hidden; }
.lt-dp.is-open .lt-dp-menu { display: block; animation: lt-dp-in .15s ease both; }
@keyframes lt-dp-in { from { opacity: 0; transform: translateY(-4px); } }
.lt-dp-list { max-height: 280px; overflow-y: auto; scrollbar-width: thin; }
.lt-dp-find { display: block; width: 100%; padding: 10px 14px; border: 0; border-bottom: 2px solid var(--rule, #17130e); background: var(--paper, #faf6ee); color: var(--ink, #111); font: 500 14px/1.3 var(--font, inherit); outline: 0; }

.lt-dp-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 8px; padding: 7px 14px; background: var(--paper-2, #ece5d6); border-bottom: 1.5px solid var(--rule-soft, #d9d0bd); color: var(--ink-2, #4a4234); font: 700 12px/1.4 var(--font, inherit); letter-spacing: .02em; }
.lt-dp-head i { color: var(--accent, #6b2d92); width: 14px; text-align: center; }
.lt-dp-head em { margin-left: auto; font: 600 11px/1 var(--mono, monospace); font-style: normal; color: var(--muted, #8a8068); }
.lt-dp-opt { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 14px 9px 36px; border: 0; background: transparent; color: var(--ink, #111); font: 500 14.5px/1.4 var(--mono, ui-monospace, monospace); text-align: left; cursor: pointer; }
.lt-dp-opt:hover, .lt-dp-opt.is-hot { background: var(--mark, #f3e3ff); }
.lt-dp-opt.is-on { font-weight: 700; }
.lt-dp-opt.is-on::after { content: "\f00c"; margin-left: auto; font: 900 12px "Font Awesome 6 Free", "Font Awesome 5 Free"; color: var(--accent, #6b2d92); }
.lt-dp-opt:disabled { opacity: .5; cursor: not-allowed; background: transparent; }
.lt-dp-opt:disabled::after { content: "\f023"; margin-left: auto; font: 900 11px "Font Awesome 6 Free", "Font Awesome 5 Free"; }
.lt-dp-none { padding: 14px; color: var(--muted, #8a8068); font-size: 13.5px; text-align: center; }