/*
  PP Company Administration module styles.
  The shared .pp-* shell and carousel remain in prmheader.css; this file owns
  certificate-specific anatomy and is shared by every language of the module.
  added by Jony Claude on 20260827
*/

.ca-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
  width: 600px;
  max-width: calc(100% + 2px);
}

.ca-slot {
  flex: 1 1 284px;
  max-width: 284px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.ca-slot__art {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ca-slot__art--cert {
  border-radius: var(--pp-radius);
  overflow: hidden;
}

/* The board's badge frame is 113px wide, not the full 284px slot. */
.ca-slot__art--badge {
  width: 113px;
}

.ca-slot__art--empty {
  border: 1px solid var(--pp-stroke-frosted);
  border-radius: var(--pp-radius);
  text-align: center;
}

.ca-slot__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ca-slot__img--badge {
  width: 113px;
  height: 120px;
  max-width: 100%;
}

/* Board widths: certificate 160px, badge 131px. */
.ca-slot--cert .pp-btn { width: 160px; }
.ca-slot--badge .pp-btn { width: 131px; }

.ca-set__name { text-align: center; }