#q-app .nt-client-dropdown-project {
  position: relative;
  width: 100%;
}

#q-app .nt-client-dropdown-project-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

#q-app .nt-client-dropdown-project-trigger {
  position: relative;
  width: 100%;
  min-height: 2.4rem;
  border: 1px solid rgba(128, 146, 175, 0.35);
  border-radius: 14px;
  background: linear-gradient(145deg, #ecf2ff, #f7f9fc);
  color: #24384f;
  font: inherit;
  font-weight: 700;
  text-align: left;
  padding: 0.6rem 2.65rem 0.6rem 0.9rem;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(15, 41, 84, 0.08);
}

#q-app .nt-client-dropdown-project-trigger::after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.45rem;
  height: 0.45rem;
  border-right: 2px solid rgba(36, 56, 79, 0.65);
  border-bottom: 2px solid rgba(36, 56, 79, 0.65);
  transform-origin: center;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.15s ease;
}

#q-app .nt-client-dropdown-project.is-open .nt-client-dropdown-project-trigger::after {
  transform: translateY(-60%) rotate(-135deg);
}

#q-app .nt-client-dropdown-project-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 0.2rem);
  width: 100%;
  background: #fff;
  border: 1px solid rgba(102, 126, 159, 0.35);
  border-radius: 14px;
  box-shadow: 0 18px 32px rgba(7, 26, 57, 0.12);
  max-height: 16rem;
  overflow-y: auto;
  z-index: 60;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 0.14s ease, transform 0.14s ease;
}

#q-app .nt-client-dropdown-project.is-open .nt-client-dropdown-project-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

#q-app .nt-client-dropdown-project-item {
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(128, 146, 175, 0.18);
  background: transparent;
  text-align: left;
  padding: 0.58rem 0.85rem;
  color: #1f3155;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
}

#q-app .nt-client-dropdown-project-item:last-child {
  border-bottom: 0;
}

#q-app .nt-client-dropdown-project-item.is-active,
#q-app .nt-client-dropdown-project-item:hover {
  background: linear-gradient(120deg, rgba(52, 106, 177, 0.1), rgba(70, 131, 213, 0.06));
}

#q-app .client-section-active .nt-client-qselect-project .q-field__control {
  border-radius: 14px;
  border: 1px solid rgba(128, 146, 175, 0.32);
  min-height: 2.4rem;
  background: linear-gradient(145deg, #ecf2ff, #f7f9fc);
}

#q-app .client-section-active .nt-client-qselect-project .q-field__marginal,
#q-app .client-section-active .nt-client-qselect-project .q-field__append {
  color: rgba(36, 56, 79, 0.7);
}

#q-app .client-section-active .nt-client-qselect-project .q-field__label,
#q-app .client-section-active .nt-client-qselect-project .q-field__native {
  color: #24384f;
}