/* حقل الشريط العلوي ونتائجه يستخدمان ألوان وخطوط أفلم في المظهرين. */
.global-search {
  position: relative;
  flex: 1 1 30rem;
  min-inline-size: 0;
  max-inline-size: 37.5rem;
}

.global-search-field {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--admin-control);
  padding-inline: var(--space-3);
  border-radius: var(--radius-full);
  background: var(--surface-2);
  color: var(--text-primary);
  cursor: text;
}
.global-search-field:focus-within { background: var(--surface-1); box-shadow: var(--focus-ring); }
.global-search-field svg { width: var(--admin-icon-small); height: var(--admin-icon-small); color: var(--text-secondary); }
.global-search-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font-size: var(--admin-ui-text);
  line-height: var(--leading-normal);
}
.global-search-field input::placeholder { color: var(--text-secondary); opacity: 1; }

.global-search-panel {
  position: absolute;
  z-index: 20;
  inset-block-start: calc(100% + var(--space-2));
  inset-inline: 0;
  max-block-size: min(28rem, 60vh);
  overflow: auto;
  overscroll-behavior: contain;
  padding: var(--space-2);
  border: var(--border-width) solid var(--border-strong);
  border-radius: var(--radius-xl);
  background: var(--surface-1);
  box-shadow: var(--shadow-3);
  text-align: start;
}
.global-search-panel [role="group"] + [role="group"] {
  margin-block-start: var(--space-2);
  border-block-start: var(--border-width) solid var(--border-subtle);
}
.global-search-label, .global-search-status {
  padding: var(--space-2) var(--space-3);
  font-size: var(--admin-caption);
  color: var(--text-secondary);
}
.global-search-label { font-weight: var(--weight-bold); }
.global-search-option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  text-align: start;
  overflow-wrap: anywhere;
}
.global-search-option svg { color: var(--text-secondary); }
.global-search-option small { display: block; }
.global-search-option:hover, .global-search-option[aria-selected="true"] { background: var(--surface-2); }
.global-search-more {
  margin: 0 var(--space-3) var(--space-2);
  padding: var(--space-1) 0;
  color: var(--text-primary);
  border: 0;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: var(--space-1);
}
.global-search-more[aria-disabled="true"] { cursor: wait; color: var(--text-secondary); }

/* نتائج اختيار الكاتب داخل نافذة مستقلة قابلة للتمرير بلوحة المفاتيح. */
.support-recipient-list { list-style: none; margin: 0; padding: 2px; max-block-size: min(45vh, 26rem); overflow: auto; overscroll-behavior: contain; }
.support-recipient-list li + li { border-block-start: 1px solid var(--border-subtle); }
.support-recipient-list .global-search-option { justify-content: space-between; }
.support-recipient-list .global-search-option:focus-visible { outline-offset: -1px; }
.support-recipient-choose { display: inline-flex; align-items: center; gap: var(--space-1); font-size: var(--text-sm); color: var(--text-secondary); white-space: nowrap; }
.support-recipient-choose svg { width: var(--space-4); height: var(--space-4); }