@import url('/shared/css/artist-portal.css');

.portal-card--projects {
  margin-top: 28px;
}

.portal-filter-layout {
  display: grid;
  gap: 16px;
}

.portal-filter-row {
  display: flex;
  gap: 16px;
  align-items: end;
  flex-wrap: wrap;
}

.portal-filter-row--search .portal-field--search {
  flex: 1 1 360px;
}

.portal-actions--search,
.portal-actions--secondary {
  display: flex;
  gap: 12px;
}

.portal-field__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.intake-source-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: rgba(14, 165, 233, 0.12);
  color: #0f766e;
}

.intake-source-chip--client {
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
}

@media (max-width: 900px) {
  .portal-filter-row {
    flex-direction: column;
    align-items: stretch;
  }

  .portal-actions--search,
  .portal-actions--secondary {
    width: 100%;
  }
}