/* قائمة الاختيار من تصميم المنصة. تحل محل قائمة المتصفح الأصلية. */
.pm { position: relative; display: block; width: 100%; min-width: 0; }
select.pm-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.pm-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #fff;
  color: #1f2328;
  font: inherit;
  font-weight: 600;
  text-align: start;
  cursor: pointer;
}
.pm-btn:hover { border-color: #008060; }
.pm-btn:focus-visible { outline: none; border-color: #008060; box-shadow: 0 0 0 3px rgba(0, 128, 96, 0.16); }
.pm-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.pm-btn__t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-btn svg { width: 1rem; height: 1rem; flex-shrink: 0; color: #6b7280; }
.pm.is-open .pm-btn { border-color: #008060; box-shadow: 0 0 0 3px rgba(0, 128, 96, 0.16); }
.pm.is-open .pm-btn svg { transform: rotate(180deg); }
.pm-panel {
  position: fixed;
  z-index: 20000;
  box-sizing: border-box;
  padding: 0.35rem;
  background: #fff;
  color: #1f2328;
  border: 1px solid #e3e8ee;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14);
}
.pm-q {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 0.35rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fff;
  color: inherit;
  font: inherit;
}
.pm-q:focus { outline: none; border-color: #008060; }
.pm-list { list-style: none; margin: 0; padding: 0; max-height: 16rem; overflow: auto; }
.pm-grp { padding: 0.45rem 0.55rem 0.15rem; font-size: 0.72rem; font-weight: 800; color: #6b7280; }
.pm-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.6rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}
.pm-opt:hover, .pm-opt.is-on { background: #e3f1ec; color: #006e52; }
.pm-opt svg { width: 0.95rem; height: 0.95rem; flex-shrink: 0; }
.pm-empty { padding: 0.6rem; color: #6b7280; font-size: 0.85rem; }
.te-page .pm { display: inline-flex; width: auto; }
.te-page .pm-btn { min-height: 0; height: 32px; padding: 0; border: 0; background: transparent; box-shadow: none; font-weight: 700; }
.te-page .pm.is-open .pm-btn { box-shadow: none; }
html.dark .pm-btn, html.dark .pm-panel, html.dark .pm-q { background: #1e293b; color: #f8fafc; border-color: #334155; }
html.dark .pm-opt:hover, html.dark .pm-opt.is-on { background: rgba(0, 128, 96, 0.22); color: #6ee7b7; }
html.dark .pm-grp, html.dark .pm-empty, html.dark .pm-btn svg { color: #94a3b8; }