/*
================================================
  User pages
================================================
*/
:root {
  --content-max-width: 41rem;
  --icon-plus: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2998 7.375V23.625M23.4248 15.5L7.1748 15.5' stroke='%232A2B2F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.main-content .section {
  max-width: var(--content-max-width);
  margin-inline: auto;
}

#block-bc-page-title {
  display: block;
}

/* Forms */
.main-content form .form-actions {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.card-panel--center .form-actions {
  justify-content: center;
}

/* Specific pages */
.main-content .section:has(.user-page-content) {
  --content-max-width: 50rem;
}

.page-view-commerce-file-my-files {
  --content-max-width: 45.375rem;
}

/* Table */
.user-table,
.view-commerce-user-orders .table,
.view-commerce-file-my-files .table,
.view-user-membership .table {
  /* Specific fields */
  /* Status */
}
.user-table td,
.user-table th,
.view-commerce-user-orders .table td,
.view-commerce-user-orders .table th,
.view-commerce-file-my-files .table td,
.view-commerce-file-my-files .table th,
.view-user-membership .table td,
.view-user-membership .table th {
  --bs-table-bg-type: transparent!important;
  background-color: transparent;
  color: var(--neutral-950);
  font-size: 0.875rem;
  padding: 1rem;
}
.user-table th,
.view-commerce-user-orders .table th,
.view-commerce-file-my-files .table th,
.view-user-membership .table th {
  background-color: var(--neutral-50);
  border: 0;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.user-table td,
.view-commerce-user-orders .table td,
.view-commerce-file-my-files .table td,
.view-user-membership .table td {
  border-bottom: 1px solid var(--neutral-100);
}
.user-table td.is-active,
.view-commerce-user-orders .table td.is-active,
.view-commerce-file-my-files .table td.is-active,
.view-user-membership .table td.is-active {
  border-bottom: 1px solid var(--neutral-100) !important;
}
.user-table a,
.view-commerce-user-orders .table a,
.view-commerce-file-my-files .table a,
.view-user-membership .table a {
  color: var(--secondary-600);
  text-decoration: underline;
}
.user-table .views-field-state,
.view-commerce-user-orders .table .views-field-state,
.view-commerce-file-my-files .table .views-field-state,
.view-user-membership .table .views-field-state {
  text-align: center;
}
.user-table .completed,
.user-table .active,
.view-commerce-user-orders .table .completed,
.view-commerce-user-orders .table .active,
.view-commerce-file-my-files .table .completed,
.view-commerce-file-my-files .table .active,
.view-user-membership .table .completed,
.view-user-membership .table .active {
  --status-bg: #ECF9F3;
  --status-border: #A1D7C6;
  --status-text: var(--neutral-950);
  --before-bg: var(--success-700);
}
.user-table .expired,
.user-table .canceled,
.user-table .renewal_cancelled,
.user-table .revoked,
.user-table .failed,
.user-table .suspended,
.view-commerce-user-orders .table .expired,
.view-commerce-user-orders .table .canceled,
.view-commerce-user-orders .table .renewal_cancelled,
.view-commerce-user-orders .table .revoked,
.view-commerce-user-orders .table .failed,
.view-commerce-user-orders .table .suspended,
.view-commerce-file-my-files .table .expired,
.view-commerce-file-my-files .table .canceled,
.view-commerce-file-my-files .table .renewal_cancelled,
.view-commerce-file-my-files .table .revoked,
.view-commerce-file-my-files .table .failed,
.view-commerce-file-my-files .table .suspended,
.view-user-membership .table .expired,
.view-user-membership .table .canceled,
.view-user-membership .table .renewal_cancelled,
.view-user-membership .table .revoked,
.view-user-membership .table .failed,
.view-user-membership .table .suspended {
  --status-bg: #FEF2F2;
  --status-border: #E19C9C;
  --status-text: var(--neutral-950);
  --before-bg: #DC2626;
}
.user-table .awaiting_payment,
.user-table .export_to_mip,
.user-table .awaiting_trophy_link,
.user-table .fulfillment,
.user-table .renewal_in_progress,
.user-table .grace,
.user-table .new,
.view-commerce-user-orders .table .awaiting_payment,
.view-commerce-user-orders .table .export_to_mip,
.view-commerce-user-orders .table .awaiting_trophy_link,
.view-commerce-user-orders .table .fulfillment,
.view-commerce-user-orders .table .renewal_in_progress,
.view-commerce-user-orders .table .grace,
.view-commerce-user-orders .table .new,
.view-commerce-file-my-files .table .awaiting_payment,
.view-commerce-file-my-files .table .export_to_mip,
.view-commerce-file-my-files .table .awaiting_trophy_link,
.view-commerce-file-my-files .table .fulfillment,
.view-commerce-file-my-files .table .renewal_in_progress,
.view-commerce-file-my-files .table .grace,
.view-commerce-file-my-files .table .new,
.view-user-membership .table .awaiting_payment,
.view-user-membership .table .export_to_mip,
.view-user-membership .table .awaiting_trophy_link,
.view-user-membership .table .fulfillment,
.view-user-membership .table .renewal_in_progress,
.view-user-membership .table .grace,
.view-user-membership .table .new {
  --status-bg: #FEFCE8;
  --status-border: #EAB308;
  --status-text: var(--neutral-950);
  --before-bg: #EAB308;
}
.user-table .completed,
.user-table .active,
.user-table .expired,
.user-table .awaiting_payment,
.user-table .export_to_mip,
.user-table .awaiting_trophy_link,
.user-table .fulfillment,
.user-table .canceled,
.user-table .renewal_in_progress,
.user-table .revoked,
.user-table .failed,
.user-table .suspended,
.user-table .renewal_cancelled,
.user-table .trial,
.view-commerce-user-orders .table .completed,
.view-commerce-user-orders .table .active,
.view-commerce-user-orders .table .expired,
.view-commerce-user-orders .table .awaiting_payment,
.view-commerce-user-orders .table .export_to_mip,
.view-commerce-user-orders .table .awaiting_trophy_link,
.view-commerce-user-orders .table .fulfillment,
.view-commerce-user-orders .table .canceled,
.view-commerce-user-orders .table .renewal_in_progress,
.view-commerce-user-orders .table .revoked,
.view-commerce-user-orders .table .failed,
.view-commerce-user-orders .table .suspended,
.view-commerce-user-orders .table .renewal_cancelled,
.view-commerce-user-orders .table .trial,
.view-commerce-file-my-files .table .completed,
.view-commerce-file-my-files .table .active,
.view-commerce-file-my-files .table .expired,
.view-commerce-file-my-files .table .awaiting_payment,
.view-commerce-file-my-files .table .export_to_mip,
.view-commerce-file-my-files .table .awaiting_trophy_link,
.view-commerce-file-my-files .table .fulfillment,
.view-commerce-file-my-files .table .canceled,
.view-commerce-file-my-files .table .renewal_in_progress,
.view-commerce-file-my-files .table .revoked,
.view-commerce-file-my-files .table .failed,
.view-commerce-file-my-files .table .suspended,
.view-commerce-file-my-files .table .renewal_cancelled,
.view-commerce-file-my-files .table .trial,
.view-user-membership .table .completed,
.view-user-membership .table .active,
.view-user-membership .table .expired,
.view-user-membership .table .awaiting_payment,
.view-user-membership .table .export_to_mip,
.view-user-membership .table .awaiting_trophy_link,
.view-user-membership .table .fulfillment,
.view-user-membership .table .canceled,
.view-user-membership .table .renewal_in_progress,
.view-user-membership .table .revoked,
.view-user-membership .table .failed,
.view-user-membership .table .suspended,
.view-user-membership .table .renewal_cancelled,
.view-user-membership .table .trial {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.625rem;
  gap: 0.25rem;
  background-color: var(--status-bg);
  border: 1px solid var(--status-border);
  border-radius: 1.75rem;
  font-size: 0.875rem;
  color: var(--status-text);
  line-height: 1.1;
}
.user-table .completed::before,
.user-table .active::before,
.user-table .expired::before,
.user-table .awaiting_payment::before,
.user-table .export_to_mip::before,
.user-table .awaiting_trophy_link::before,
.user-table .fulfillment::before,
.user-table .canceled::before,
.user-table .renewal_in_progress::before,
.user-table .revoked::before,
.user-table .failed::before,
.user-table .suspended::before,
.user-table .renewal_cancelled::before,
.user-table .trial::before,
.view-commerce-user-orders .table .completed::before,
.view-commerce-user-orders .table .active::before,
.view-commerce-user-orders .table .expired::before,
.view-commerce-user-orders .table .awaiting_payment::before,
.view-commerce-user-orders .table .export_to_mip::before,
.view-commerce-user-orders .table .awaiting_trophy_link::before,
.view-commerce-user-orders .table .fulfillment::before,
.view-commerce-user-orders .table .canceled::before,
.view-commerce-user-orders .table .renewal_in_progress::before,
.view-commerce-user-orders .table .revoked::before,
.view-commerce-user-orders .table .failed::before,
.view-commerce-user-orders .table .suspended::before,
.view-commerce-user-orders .table .renewal_cancelled::before,
.view-commerce-user-orders .table .trial::before,
.view-commerce-file-my-files .table .completed::before,
.view-commerce-file-my-files .table .active::before,
.view-commerce-file-my-files .table .expired::before,
.view-commerce-file-my-files .table .awaiting_payment::before,
.view-commerce-file-my-files .table .export_to_mip::before,
.view-commerce-file-my-files .table .awaiting_trophy_link::before,
.view-commerce-file-my-files .table .fulfillment::before,
.view-commerce-file-my-files .table .canceled::before,
.view-commerce-file-my-files .table .renewal_in_progress::before,
.view-commerce-file-my-files .table .revoked::before,
.view-commerce-file-my-files .table .failed::before,
.view-commerce-file-my-files .table .suspended::before,
.view-commerce-file-my-files .table .renewal_cancelled::before,
.view-commerce-file-my-files .table .trial::before,
.view-user-membership .table .completed::before,
.view-user-membership .table .active::before,
.view-user-membership .table .expired::before,
.view-user-membership .table .awaiting_payment::before,
.view-user-membership .table .export_to_mip::before,
.view-user-membership .table .awaiting_trophy_link::before,
.view-user-membership .table .fulfillment::before,
.view-user-membership .table .canceled::before,
.view-user-membership .table .renewal_in_progress::before,
.view-user-membership .table .revoked::before,
.view-user-membership .table .failed::before,
.view-user-membership .table .suspended::before,
.view-user-membership .table .renewal_cancelled::before,
.view-user-membership .table .trial::before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: var(--before-bg);
  border-radius: 50%;
  margin-right: 0.25rem;
}