/* =========================================================
   ClientSideTools — Permissions Policy Header Builder Styles
   ========================================================= */

.pp-builder {
  display: grid;
  gap: var(--space-4);
}

.pp-row {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background-color: var(--bg-primary);
}

@media (min-width: 960px) {
  .pp-row {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 1.4fr) auto;
    align-items: end;
  }
}

.pp-remove {
  align-self: end;
}