.card {
  background-color: var(--color-surface);
  border-radius: var(--rounded-xl);
  border-width: var(--border);
  box-shadow: var(--shadow-sm);
  padding: var(--size-6);
  position: relative;

  &[aria-disabled="true"] {
    pointer-events: none;
  }

  &[aria-disabled="true"]::after {
    background-color: rgba(0, 0, 0, .3);
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute;
  }
}

.card--selectable:has(:checked) {
  background-color: rgb(from var(--color-border-light) r g b / .5);
  border-color: var(--color-border-dark);
}

.space-y-5 > .certification-proposal-entry-sheet-action {
  margin-block-end: 0;
}

.certification-proposal-entry-sheet {
  background-color: var(--color-surface);
  border: var(--border) solid var(--stone-200);
  border-left: 4px solid var(--pehuen-primary-500);
  border-radius: var(--rounded-lg);
  box-shadow: 0 12px 24px -22px rgb(from var(--pehuen-primary-900) r g b / 0.32);
  transition:
    background-color var(--time-150),
    border-color var(--time-150),
    box-shadow var(--time-150);
}

.certification-proposal-entry-sheet:hover {
  border-left-color: var(--pehuen-primary-600);
  box-shadow: 0 16px 30px -22px rgb(from var(--pehuen-primary-900) r g b / 0.4);
}