/* Native <select> arama paneli — select genişliğini/görünümünü değiştirmez. */
.orion-ss-native-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--orion-surface);
  border: 1px solid var(--orion-border);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  pointer-events: auto;
}

.orion-ss-native-panel[hidden] {
  display: none !important;
}

.orion-ss-native-search {
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid var(--orion-border);
  border-radius: 0;
  font-size: 12.5px;
  line-height: 1.25;
  font-family: inherit;
  color: var(--orion-text);
  background: var(--orion-surface);
  outline: none;
  pointer-events: auto;
  cursor: text;
}

.orion-ss-native-search:focus {
  outline: none;
  box-shadow: none;
}

.orion-ss-native-opts {
  flex: 1 1 auto;
  overflow: auto;
  min-height: 0;
}

.orion-ss-native-group {
  padding: 6px 8px 2px;
  font-size: 11px;
  font-weight: 600;
  color: var(--orion-text-secondary);
}

.orion-ss-native-opt {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  border: 0;
  background: var(--orion-surface);
  padding: 4px 8px;
  font-size: 12.5px;
  line-height: 1.25;
  min-height: 24px;
  color: var(--orion-text);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.orion-ss-native-opt:hover,
.orion-ss-native-opt:focus {
  background: var(--orion-blue-soft);
  outline: none;
}

.orion-ss-native-opt.is-selected {
  background: var(--orion-xbg-e6f2fb);
  font-weight: 600;
}

.orion-ss-native-opt:disabled {
  color: var(--orion-text-disabled);
  cursor: not-allowed;
  background: var(--orion-surface);
}

.orion-ss-native-opt.is-empty,
.orion-ss-native-opt.is-empty:disabled {
  color: var(--orion-danger);
  background: var(--orion-danger-bg);
  cursor: not-allowed;
  font-weight: 600;
}

.orion-ss-native-opt.is-empty:hover,
.orion-ss-native-opt.is-empty:focus {
  background: var(--orion-danger-bg);
  color: var(--orion-danger);
}

.orion-ss-native-empty {
  padding: 10px 8px;
  font-size: 12.5px;
  color: var(--orion-text-secondary);
  text-align: center;
}

.orion-ss-native-empty[hidden] {
  display: none !important;
}