/* Shared Filters/Controls Styles for Manager pages */

.page-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-xl);
}

.filter-group {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
  flex-wrap: wrap;
}

.filter-group label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--text-primary);
}

.filter-group select,
.filter-group input[type="text"],
.filter-group input[type="search"],
.filter-group .custom-dropdown .dropdown-toggle {
  padding: var(--spacing-sm);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-sm);
  background-color: var(--bg-white);
  font-size: var(--font-size-sm);
  height: 36px;
  box-sizing: border-box;
}

.filter-group select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--spacing-sm) center;
  background-size: 12px 9px;
  padding-right: var(--spacing-xl);
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .page-controls {
    flex-direction: column;
    align-items: stretch;
    gap: var(--spacing-md);
  }
  .filter-group {
    width: 100%;
  }
}