.pa-badge,
.pa-tag,
.pa-status {
  align-items: center;
  background: var(--pa-color-surface-soft);
  border: var(--pa-border-width) solid var(--pa-color-border);
  border-radius: var(--pa-radius-pill);
  color: var(--pa-color-text-primary);
  display: inline-flex;
  font: var(--pa-font-weight-semibold) var(--pa-font-size-caption)/1 var(--pa-font-family-ui);
  min-height: var(--pa-badge-min-height);
  padding-inline: var(--pa-spacing-s);
}
.pa-badge--success,
.pa-status--success { background: var(--pa-color-success); border-color: var(--pa-color-success); color: var(--pa-color-inverse); }
.pa-badge--warning,
.pa-status--warning { background: var(--pa-color-warning); border-color: var(--pa-color-warning); color: var(--pa-color-inverse); }
.pa-badge--danger,
.pa-status--danger { background: var(--pa-color-danger); border-color: var(--pa-color-danger); color: var(--pa-color-inverse); }
.pa-alert { background: var(--pa-color-surface-soft); border: var(--pa-border-width) solid var(--pa-color-border); border-left: var(--pa-spacing-xs) solid var(--pa-color-primary); border-radius: var(--pa-radius-medium); color: var(--pa-color-text-primary); padding: var(--pa-spacing-m); }
.pa-alert--success { border-left-color: var(--pa-color-success); }
.pa-alert--warning { border-left-color: var(--pa-color-warning); }
.pa-alert--danger { border-left-color: var(--pa-color-danger); }
.pa-dropdown { background: var(--pa-color-surface); border: var(--pa-border-width) solid var(--pa-color-border); border-radius: var(--pa-radius-medium); box-shadow: var(--pa-shadow-medium); color: var(--pa-color-text-primary); min-width: var(--pa-dropdown-min-width); padding: var(--pa-spacing-s); }

/* Varaus on oletus; toiseen luontityyppiin vaihdetaan yhdellä DS-valinnalla. */
.pa-choice-switch { align-items: center; background: var(--pa-color-surface-soft); border: var(--pa-border-width) solid var(--pa-color-border); border-radius: var(--pa-radius-pill); display: inline-flex; gap: var(--pa-spacing-xs); max-width: 100%; padding: var(--pa-spacing-xs); }
.pa-choice-switch > button { background: transparent; border: 0; border-radius: var(--pa-radius-pill); color: var(--pa-color-text-secondary); cursor: pointer; font: var(--pa-font-weight-regular) var(--pa-font-size-body-small)/1 var(--pa-font-family-ui); min-height: var(--pa-control-height-compact); padding-inline: var(--pa-spacing-m); }
.pa-choice-switch > button[aria-current="true"] { background: var(--pa-color-surface); color: var(--pa-color-text-primary); cursor: default; }
.pa-choice-switch > button:focus-visible { outline: var(--pa-focus-width) solid var(--pa-color-focus); outline-offset: var(--pa-spacing-xs); }

/* Luettava oletustila: olemassa olevan tiedon kentät avautuvat kynästä. */
.pa-summary-editor {
  background: var(--pa-color-surface);
  border: var(--pa-border-width) solid var(--pa-color-border);
  border-radius: var(--pa-radius-large);
  color: var(--pa-color-text-primary);
  overflow: hidden;
}
.pa-summary-editor__header {
  align-items: center;
  border-bottom: var(--pa-border-width) solid var(--pa-color-border);
  display: flex;
  gap: var(--pa-spacing-m);
  justify-content: space-between;
  min-height: var(--pa-control-height);
  padding: var(--pa-spacing-xs) var(--pa-spacing-s) var(--pa-spacing-xs) var(--pa-spacing-m);
}
.pa-summary-editor__header > span {
  color: var(--pa-color-text-secondary);
  font: var(--pa-font-weight-bold) var(--pa-font-size-label)/1.2 var(--pa-font-family-ui);
  letter-spacing: var(--pa-letter-spacing-label);
  text-transform: uppercase;
}
.pa-summary-editor__pencil { margin-inline-start: auto; }
.pa-summary-editor__pencil[aria-expanded="true"] {
  border-color: var(--pa-color-accent-green);
  color: var(--pa-color-accent-green);
}
.pa-summary-editor__grid {
  display: grid;
  gap: var(--pa-border-width);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}
.pa-summary-editor__grid > * {
  background: var(--pa-color-surface);
  min-width: 0;
  padding: var(--pa-spacing-s) var(--pa-spacing-m);
}
.pa-summary-editor__edit-fields {
  background: var(--pa-color-surface-soft);
  border: var(--pa-border-width) solid var(--pa-color-border);
  border-radius: var(--pa-radius-large);
}
.pa-summary-editor__edit-fields[hidden] { display: none !important; }
@media (max-width: 420px) {
  .pa-summary-editor__grid { grid-template-columns: 1fr; }
  .pa-summary-editor__grid > * { grid-column: 1; }
}