/* Match the main pill boxes to the quiet Additional Information panel:
   neutral glass panel, soft divider feel, no colored side accents. */
.card .pillgrid .pill,
.card .pillgrid .pill.ccg-comic-cut-info,
.card .pillgrid .pill.ccg-specific-trading-card,
.card .pillgrid .pill.ccg-set-card-details,
.card .pillgrid .pill.ccg-comic-book-details,
.card .pillgrid .pill.ccg-private-information,
.card .pillgrid .pill.ccg-image-details,
.card .pillgrid .pill.ccg-personal-information,
.card .pillgrid .pill.owner-pill{
  border:1px solid rgba(154,139,255,.15) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg, rgba(154,139,255,.044), rgba(255,255,255,.012) 42%, rgba(255,255,255,.008)),
    radial-gradient(520px 160px at 0% -10%, rgba(154,139,255,.075), transparent 68%) !important;
  box-shadow:var(--cc-panel-glow, 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)) !important;
  padding:10px 12px !important;
  gap:4px !important;
  min-height:44px !important;
}

.card .pillgrid .pill label,
.card .pillgrid .pill.ccg-comic-cut-info label,
.card .pillgrid .pill.ccg-specific-trading-card label,
.card .pillgrid .pill.ccg-set-card-details label,
.card .pillgrid .pill.ccg-comic-book-details label,
.card .pillgrid .pill.ccg-private-information label,
.card .pillgrid .pill.ccg-image-details label,
.card .pillgrid .pill.ccg-personal-information label,
.card .pillgrid .pill.owner-pill label{
  color:rgba(201,196,255,.78) !important;
  font-size:10px !important;
  font-weight:820 !important;
  letter-spacing:.075em !important;
  line-height:1.35 !important;
  text-transform:uppercase !important;
}

.card .pillgrid .pill > div:not(.custom-dd-wrapper),
.card .pillgrid .pill strong,
.card .pillgrid .pill .v,
.card .pillgrid .pill select,
.card .pillgrid .custom-dd-trigger{
  color:rgba(242,243,255,.96) !important;
  font-size:13.5px !important;
  font-weight:650 !important;
  line-height:1.42 !important;
}

/* Keep clickable pills understated, like the Additional Information panel. */
.card .pillgrid .pill.pill-link:hover,
.card .pillgrid .pill.pill-link:active,
.card .pillgrid .pill.owner-pill:hover,
.card .pillgrid .pill.owner-pill:active,
.card .pillgrid .pill.owner-pill:focus-visible,
.card .pillgrid .pill.has-dd:hover,
.card .pillgrid .pill.has-dd:active{
  border-color:rgba(154,139,255,.15) !important;
  background:
    linear-gradient(180deg, rgba(154,139,255,.044), rgba(255,255,255,.012) 42%, rgba(255,255,255,.008)),
    radial-gradient(520px 160px at 0% -10%, rgba(154,139,255,.075), transparent 68%) !important;
  box-shadow:var(--cc-panel-glow, 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)) !important;
}

/* Preserve the Owner icon spacing, but let the Owner box share the same visual style. */
.card .pillgrid .pill.owner-pill{
  padding-right:38px !important;
}
.card .pillgrid .pill.owner-pill .owner-pill-mc-icon{
  color:rgba(242,243,255,.92) !important;
}

@media (max-width:780px){
  .card .pillgrid .pill,
  .card .pillgrid .pill.ccg-comic-cut-info,
  .card .pillgrid .pill.ccg-specific-trading-card,
  .card .pillgrid .pill.ccg-set-card-details,
  .card .pillgrid .pill.ccg-comic-book-details,
  .card .pillgrid .pill.ccg-private-information,
  .card .pillgrid .pill.ccg-image-details,
  .card .pillgrid .pill.ccg-personal-information,
  .card .pillgrid .pill.owner-pill{
    border-color:rgba(154,139,255,.13) !important;
    background:
      linear-gradient(180deg, rgba(154,139,255,.034), rgba(255,255,255,.010) 45%, rgba(255,255,255,.006)),
      radial-gradient(360px 120px at 0% -12%, rgba(154,139,255,.055), transparent 72%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.030) !important;
  }

  .card .pillgrid .pill label,
  .card .pillgrid .pill.owner-pill label{
    font-size:8.5px !important;
    line-height:1.2 !important;
  }

  .card .pillgrid .pill > div:not(.custom-dd-wrapper),
  .card .pillgrid .pill strong,
  .card .pillgrid .pill .v,
  .card .pillgrid .pill select,
  .card .pillgrid .custom-dd-trigger{
    font-size:12.5px !important;
    line-height:1.34 !important;
    font-weight:640 !important;
  }
}