.district-search { position: relative; width: 270px; max-width: calc(100vw - 50px); padding: 8px; margin-bottom: 8px; box-sizing: border-box; background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.12); color: #374151; direction: ltr; }
.district-search label { display: block; margin-bottom: 5px; font-size: .72rem; font-weight: 600; }
.district-input-row { display: flex; gap: 4px; }
.district-search input { width: 100%; min-width: 0; padding: 7px 8px; border: 1px solid #9ca3af; border-radius: 6px; font: inherit; font-size: 12px; color: #111827; background: #fff; box-sizing: border-box; }
.district-search .district-clear { flex: 0 0 30px; padding: 0; border: 1px solid #d1d5db; border-radius: 6px; background: #f3f4f6; color: #374151; cursor: pointer; font-size: 17px; }
.district-search :focus-visible { outline: 2px solid #667eea; outline-offset: 1px; }
.district-status { font-size: 11px; line-height: 1.4; margin-top: 5px; overflow-wrap: anywhere; }
.district-results { position: absolute; left: 0; right: 0; top: 100%; max-height: 230px; overflow-y: auto; background: white; border: 1px solid #d1d5db; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,.18); z-index: 1002; }
.district-results[hidden] { display: none; }
.district-search .district-option { display: block; width: 100%; padding: 9px; text-align: start; border: 0; border-bottom: 1px solid #e5e7eb; background: white; color: #111827; cursor: pointer; font-family: inherit; font-size: 12px; line-height: 1.5; }
.district-search .district-option:hover, .district-search .district-option[aria-selected="true"] { background: #eef2ff; }
.district-option span { display: block; }
.district-option small { color: #4b5563; }
.district-search[dir="rtl"] { direction: rtl; }