/* 1. CSS overrides for /assets/shared/css/bootstrap.min.css */
.form-control {
  font-weight: 400;
}

.form-control::placeholder {
  color: #8a94a6;
  font-style: italic;
  font-weight: 400;
  opacity: 1;
}

.form-control:placeholder-shown {
  color: #8a94a6;
}

.form-control:not(:placeholder-shown) {
  background-color: #ffffff;
  color: #111827;
  font-weight: 400;
}

/* 2. CSS overrides for /assets/shared/ico/bootstrap-icons.min.css */

/* 3. CSS overrides for /assets/shared/css/datatables.min.css */

/* 4. CSS overrides for /assets/shared/css/columnControl.dataTables.min.css */

div.dtcc-dropdown {
  z-index: 3000;
}

/* 5. Our own classes */
/* Begin former shared domain rules */
.prototype-user-page-top-bar > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.prototype-user-form-section-centered {
  margin: 0 !important;
  padding: 48px 24px !important;
}

.prototype-user-form-stack {
  max-width: 520px;
  margin: 0 auto;
}

.prototype-user-form-stack-wide {
  max-width: 720px;
  margin: 0 auto;
}

.prototype-user-form-intro {
  margin: 0 0 32px 0 !important;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
}

.prototype-user-form-field {
  display: block;
  margin: 0 0 24px 0 !important;
}

.prototype-user-form-field-label {
  display: block;
  width: 100%;
  margin: 0 0 8px 0 !important;
  padding: 0;
  text-align: left !important;
  font-weight: 500;
}

.prototype-user-form-field-control {
  display: block;
  width: 100%;
  max-width: 100%;
}

.prototype-user-form-field-amount-currency {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  column-gap: 12px;
  align-items: end;
}

.prototype-user-form-field-amount-currency .prototype-user-form-field-label {
  grid-column: 1 / -1;
}

.prototype-user-form-field-amount-currency .prototype-user-form-field-control {
  width: 100%;
}

.prototype-user-form-field-workflow-approvals {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  column-gap: 12px;
  align-items: end;
}

.prototype-user-form-field-workflow-approvals .prototype-user-form-field-label {
  grid-column: 1 / -1;
}

.prototype-user-form-field-workflow-approvals
  .prototype-user-form-field-control {
  width: 100%;
}

.prototype-user-form-actions {
  margin: 32px 0 0 0 !important;
  text-align: center;
}

.prototype-user-form-action-primary {
  min-width: 120px;
}

.prototype-user-form-message {
  margin-top: 24px !important;
}

.prototype-user-form-message-text {
  margin: 0 !important;
}

.prototype-user-brand-link {
  order: 1;
  margin: 0 !important;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}

.prototype-user-page-navigation {
  order: 2;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.prototype-user-page-navigation > * {
  margin: 0;
}

.prototype-user-page-title {
  margin: 0 !important;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.prototype-user-debug-info {
  width: 100%;
}

.prototype-user-global-warning-alert-message,
.prototype-user-global-success-alert-message {
  margin-bottom: 0;
}

.prototype-user-data-grid-table {
  background-color: var(--bs-body-bg);
}

.prototype-user-data-grid-table .table {
  margin-bottom: 0;
}

.prototype-user-data-grid-table .table thead th {
  --bs-table-bg: var(--bs-gray-300);
  font-weight: 600;
  white-space: nowrap;
  background-color: var(--bs-gray-300);
}

.prototype-user-data-grid-table .dt-container > .row:first-child,
.prototype-user-data-grid-table .dt-container > .dt-layout-row:first-child {
  margin: 0;
  padding: 0.75rem;
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

.prototype-user-data-grid-table .dt-container > .row:last-child,
.prototype-user-data-grid-table .dt-container > .dt-layout-row:last-child {
  margin: 0;
  padding: 0.75rem;
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

.prototype-user-data-grid-table .dt-container div.dt-layout-table {
  margin: 0;
}

.prototype-user-data-grid-table .dt-search input,
.prototype-user-data-grid-table .dt-length select {
  display: inline-block;
  width: auto;
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  border-radius: var(--bs-border-radius-sm);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

.prototype-user-data-grid-table .dt-search input {
  margin-left: 0.5rem;
}

.prototype-user-data-grid-table .dt-length select {
  margin-right: 0.5rem;
  min-width: 4.25rem;
  padding-right: 2rem;
}

.prototype-user-data-grid-table .dt-info {
  color: var(--bs-secondary-color);
  font-size: 0.875rem;
}

.prototype-user-data-grid-table .pagination {
  margin-bottom: 0;
}

.prototype-user-data-grid-table .pagination .page-link {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
}

.prototype-user-data-grid-table .pagination .page-link:hover,
.prototype-user-data-grid-table .pagination .page-link:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
}

.prototype-user-data-grid-table .pagination .page-item.disabled .page-link {
  color: var(--bs-secondary-color);
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
}

.prototype-user-data-grid-table .pagination .page-item.active .page-link {
  color: var(--bs-primary);
  font-weight: 600;
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
}

.prototype-user-accounts-panel,
.prototype-user-accounts-table-wrap.table-responsive,
.prototype-user-customer-accounts-table.table-responsive {
  overflow: visible;
}

.prototype-user-accounts-table-wrap,
.prototype-user-customer-accounts-table {
  --dtcc-list-buttons_max-height: 140px;
}

.prototype-user-visibility-hidden {
  display: none;
}

.prototype-user-visibility-display-block {
  display: block;
}

.prototype-user-text-preserve-whitespace {
  white-space: pre-wrap;
}

.prototype-user-text-line-height-tight {
  line-height: 1;
}

.prototype-user-icon-shadow {
  text-shadow: 0 0.12rem 0.28rem rgba(0, 0, 0, 0.22);
}

.prototype-user-size-square-3rem {
  width: 3rem;
  height: 3rem;
}

.prototype-user-page-wait-spinner {
  width: 1.4rem;
  height: 1.4rem;
}

.prototype-user-presentation-icon-large {
  font-size: 1.25rem;
  line-height: 1;
}

.prototype-user-table-action-column-narrow {
  width: 1%;
}

.prototype-user-dropdown-menu-scrollable {
  min-width: 16rem;
  max-height: 20rem;
  overflow-y: auto;
}

.prototype-user-data-table-overflow-visible {
  overflow: visible;
}

.prototype-user-icon-size-square-2-25rem {
  width: 2.25rem;
  height: 2.25rem;
}

.prototype-user-form-panel-max-width-36rem {
  max-width: 36rem;
}

.prototype-user-form-panel-top-offset {
  padding-top: 24px !important;
}

.prototype-user-form-section-half-width-centered {
  width: 50%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.prototype-user-modal-border-primary {
  border-color: var(--bs-primary-border-subtle) !important;
}

.prototype-user-modal-border-danger {
  border-color: var(--bs-danger-border-subtle) !important;
}

.prototype-user-modal-border-success {
  border-color: var(--bs-success-border-subtle) !important;
}

.prototype-user-modal-header-danger-soft {
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
  color: var(--bs-danger-text-emphasis);
}

.prototype-user-modal-header-success-soft {
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success-border-subtle);
  color: var(--bs-success-text-emphasis);
}

.prototype-user-alert-modal-icon {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  background-color: #fff;
  font-size: 1.1rem;
  line-height: 1;
}

.prototype-user-alert-modal-icon-danger {
  color: var(--bs-danger);
}

.prototype-user-alert-modal-icon-success {
  color: var(--bs-success);
}

.prototype-user-language-switch-fixed {
  z-index: 1040;
}

.prototype-user-language-switch-toast {
  bottom: 4.25rem;
  z-index: 1041;
}

.prototype-user-icon-invert-white {
  filter: brightness(0) invert(1);
}

.prototype-user-modal-visible-without-bootstrap {
  display: block;
}

.prototype-user-debug-details-panel {
  padding: 12px;
  border: 1px solid #999;
  background: #f8f8f8;
}

.prototype-user-debug-details-panel-spaced {
  margin-top: 8px;
}

.prototype-user-debug-summary {
  cursor: pointer;
  font-family: sans-serif;
}

.prototype-user-debug-links-list {
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
}

.prototype-user-debug-link {
  font-family: sans-serif;
  word-break: break-word;
}

.prototype-user-debug-output {
  margin: 12px 0 0;
  white-space: pre-wrap;
}

.prototype-user-discussion-action-modal-dialog {
  width: min(96vw, 72rem);
  max-width: none;
}

.prototype-user-discussion-action-modal-content {
  min-height: min(82vh, 56rem);
}

.prototype-user-discussion-annotate-modal-dialog {
  width: 90vw;
  max-width: none;
}

.prototype-user-discussion-annotate-modal-content {
  height: 90vh;
}

.prototype-user-discussion-screenshot-preview-frame {
  max-height: 18rem;
  overflow: auto;
}

.prototype-user-discussion-annotation-color {
  width: 2.5rem;
}

.prototype-user-discussion-annotation-canvas {
  max-width: 100%;
  height: auto;
  touch-action: none;
}

.prototype-user-discussion-editor-large {
  min-height: 18rem;
}
/* End former shared domain rules */

body[data-page-name="pu-invite-app-user"]
  .prototype-user-invite-app-user-full-width {
  width: 100%;
  max-width: none;
}

.prototype-user-standard-web-page {
  --page-max-width: 1520px;
  --content-max-width: 1520px;
  --content-edge-gutter: 16px;
  --box-gap: 24px;
  --prototype-user-card-border-color: #dee2e6;
  --prototype-user-card-border-width: 1px;
}

body {
  --prototype-user-frame-color: #000;
  --prototype-user-frame-width: 10px;
  padding: var(--prototype-user-frame-width);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  border: var(--prototype-user-frame-width) solid
    var(--prototype-user-frame-color);
  box-sizing: border-box;
  z-index: 2000;
  pointer-events: none;
}

.prototype-user-page-top-bar {
  box-sizing: border-box;
  max-width: var(--page-max-width);
  width: calc(100% - var(--content-edge-gutter));
  margin: var(--box-gap) auto 0 auto;
  padding: 16px 24px;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  background: var(--bs-tertiary-bg);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.prototype-user-page-navigation .dropdown-item.active,
.prototype-user-page-navigation .dropdown-item:active {
  background-color: var(--bs-gray-200);
  color: var(--bs-body-color);
}

.prototype-user-page-shell {
  box-sizing: border-box;
  max-width: var(--content-max-width);
  width: calc(100% - var(--content-edge-gutter));
  margin: 0 auto;
  padding: var(--box-gap) 0;
  min-height: calc(
    100vh - (var(--prototype-user-frame-width) * 2) - (var(--box-gap) * 2) -
      64px
  );
  display: flex;
  flex-direction: column;
}

.prototype-user-page-surface {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  background: var(--bs-body-bg);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.prototype-user-page-header {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 16px 24px;
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  background: var(--bs-tertiary-bg);
}

.prototype-user-page-main {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 24px;
  flex: 1 1 auto;
}

.prototype-user-page-actions,
.prototype-user-discussion-topic-list {
  --prototype-user-semantic-hook: 1;
}

.prototype-user-page-footer {
  box-sizing: border-box;
  min-height: 56px;
  margin: 0 !important;
  padding: 16px 24px;
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  background: var(--bs-tertiary-bg);
}

.prototype-user-information {
  width: 100%;
  margin: var(--box-gap) 0 0 0;
}

.prototype-user-data-grid-table
  .table.table-striped
  > tbody
  > tr:nth-of-type(odd)
  > * {
  --bs-table-bg-type: var(--bs-tertiary-bg);
}

.prototype-user-data-grid-table
  table.table.dataTable.table-striped
  > tbody
  > tr:nth-of-type(odd):not(.selected)
  > * {
  box-shadow: inset 0 0 0 9999px var(--bs-tertiary-bg);
}

.prototype-user-page-top-bar,
.prototype-user-page-surface,
.prototype-user-page-header,
.prototype-user-page-footer,
.card,
.prototype-user-data-grid-table .dt-container > .row:first-child,
.prototype-user-data-grid-table .dt-container > .dt-layout-row:first-child,
.prototype-user-data-grid-table .dt-container > .row:last-child,
.prototype-user-data-grid-table .dt-container > .dt-layout-row:last-child,
.prototype-user-data-grid-table .dt-search input,
.prototype-user-data-grid-table .dt-length select {
  border-color: var(--prototype-user-card-border-color) !important;
  border-width: var(--prototype-user-card-border-width) !important;
}

.card {
  border-radius: 0.5rem;
}
.prototype-user-discussion-post-image-button {
  display: inline-block;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.prototype-user-discussion-post-image-button:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

.prototype-user-discussion-post-image-button img {
  display: block;
}

.prototype-user-discussion-page-menu .dropdown-menu {
  width: min(22rem, calc(100vw - 2rem));
  min-width: 13rem;
}

.prototype-user-discussion-page-menu .prototype-user-discussion-page-activity {
  padding: 0.2rem 0.3rem 0.3rem;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-title {
  padding: 0.15rem 0.35rem 0.35rem;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-item {
  display: block;
  border-radius: 0.35rem;
  padding: 0.5rem 0.55rem;
  color: var(--bs-body-color);
  text-decoration: none;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-item:hover,
.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-item:focus {
  background: var(--bs-tertiary-bg);
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-topic,
.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-preview,
.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-meta {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-topic {
  font-size: 0.85rem;
  font-weight: 600;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-preview,
.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-meta,
.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-empty {
  color: var(--bs-secondary-color);
  font-size: 0.78rem;
}

.prototype-user-discussion-page-menu
  .prototype-user-discussion-page-activity-empty {
  padding: 0.45rem 0.55rem;
}

body[data-page-name="pu-sign-out"] .prototype-user-sign-out-main {
  min-height: 22rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Migrated inline HTML styles */
/* Migrated prototype page-specific inline HTML styles */
.prototype-user-discussion-layout {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  flex: 1 1 auto;
}

body[data-page-name="pu-discussion"] .prototype-user-page-surface {
  border: 0;
  background: transparent;
}

body[data-page-name="pu-discussion"] .prototype-user-page-header,
body[data-page-name="pu-discussion"] .prototype-user-page-footer {
  display: none;
}

body[data-page-name="pu-discussion"] .prototype-user-page-main {
  display: flex;
  padding: 0;
}

.prototype-user-discussion-panel {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background: var(--bs-body-bg);
}

.prototype-user-discussion-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
}

.prototype-user-discussion-topic-row {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  background: transparent;
  color: var(--bs-body-color);
  padding: 0.85rem 1rem;
  text-align: left;
}

.prototype-user-discussion-topic-row:hover,
.prototype-user-discussion-topic-row:focus {
  background: var(--bs-tertiary-bg);
}

.prototype-user-discussion-topic-row.prototype-user-discussion-topic-active {
  background: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}

.prototype-user-discussion-topic-title {
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.prototype-user-discussion-topic-meta,
.prototype-user-discussion-post-time {
  color: var(--bs-secondary-color);
  flex: 0 0 auto;
  font-size: 0.82rem;
  white-space: nowrap;
}

.prototype-user-discussion-composer {
  padding: 1rem;
  border-bottom: 1px solid var(--bs-border-color);
}

.prototype-user-discussion-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}

.prototype-user-discussion-editor {
  min-height: 9rem;
  padding: 0.75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  background: var(--bs-body-bg);
  overflow-wrap: anywhere;
}

.prototype-user-discussion-editor:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.16);
  outline: 0;
}

.prototype-user-discussion-editor.prototype-user-discussion-editor-disabled {
  background: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}

.prototype-user-discussion-post-list {
  padding: 1rem;
}

.prototype-user-discussion-post {
  margin-left: calc(var(--discussion-indent, 0) * 1.35rem);
  padding-left: 0.85rem;
  border-left: 2px solid var(--bs-border-color);
}

.prototype-user-discussion-post + .prototype-user-discussion-post {
  margin-top: 0.85rem;
}

.prototype-user-discussion-post-main {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.5rem;
  background: var(--bs-body-bg);
  padding: 0.9rem;
}

.prototype-user-discussion-post-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

.prototype-user-discussion-post-author {
  font-weight: 600;
  overflow-wrap: anywhere;
}

.prototype-user-discussion-post-body {
  overflow-wrap: anywhere;
}

.prototype-user-discussion-post-body > :last-child {
  margin-bottom: 0;
}

.prototype-user-discussion-inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.75rem;
}

.prototype-user-discussion-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  max-width: 100%;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: var(--bs-tertiary-bg);
  padding: 0.2rem 0.55rem;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.prototype-user-discussion-chip button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  padding: 0;
}

.prototype-user-discussion-chip button:hover {
  background: var(--bs-border-color);
}

.prototype-user-discussion-post-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 13rem));
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.prototype-user-discussion-post-images img,
.prototype-user-discussion-image-preview img {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 0.4rem;
  border: 1px solid var(--bs-border-color);
  object-fit: cover;
  background: var(--bs-tertiary-bg);
}

.prototype-user-discussion-image-preview {
  position: relative;
  width: 8rem;
}

.prototype-user-discussion-image-preview button {
  position: absolute;
  top: 0.35rem;
  right: 0.35rem;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}

@media (max-width: 900px) {
  .prototype-user-discussion-layout {
    grid-template-columns: 1fr;
  }

  .prototype-user-discussion-post {
    margin-left: 0;
  }
}

@media (max-width: 575.98px) {
  .prototype-user-discussion-composer-help {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
  }
}

body[data-page-name="pu-implementation-plan"] {
  --implementation-border: #d6dde6;
  --implementation-soft: #f6f8fb;
  --implementation-text-muted: #667085;
  --implementation-blue: #0d6efd;
  --implementation-green: #198754;
  --implementation-amber: #b7791f;
  --implementation-red: #dc3545;
  --implementation-slate: #6c757d;
}

.prototype-user-implementation-plan-shell {
  display: grid;
  gap: 24px;
}

.prototype-user-implementation-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--implementation-border);
}

.prototype-user-implementation-title {
  margin: 0 0 6px;
  font-size: 1.65rem;
  font-weight: 650;
  line-height: 1.2;
}

.prototype-user-implementation-subtitle,
.prototype-user-implementation-summary-lead,
.prototype-user-implementation-data-status {
  color: var(--implementation-text-muted);
}

.prototype-user-implementation-subtitle {
  margin: 0 0 14px;
  font-size: 0.95rem;
  font-weight: 600;
}

.prototype-user-implementation-summary-lead {
  max-width: 72rem;
  margin: 0;
  line-height: 1.55;
}

.prototype-user-implementation-next-decision {
  min-width: min(100%, 22rem);
  padding: 14px 16px;
  border: 1px solid var(--implementation-border);
  border-radius: 8px;
  background: var(--implementation-soft);
}

.prototype-user-implementation-next-decision p {
  margin: 0;
}

.prototype-user-implementation-next-decision-title {
  display: block;
  margin-bottom: 4px;
  color: var(--implementation-text-muted);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.prototype-user-implementation-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.prototype-user-implementation-metric {
  min-height: 76px;
  padding: 14px 16px;
  border: 1px solid var(--implementation-border);
  border-left-width: 4px;
  border-radius: 8px;
  background: #fff;
}

.prototype-user-implementation-metric-tone-primary {
  border-left-color: var(--implementation-blue);
}
.prototype-user-implementation-metric-tone-success {
  border-left-color: var(--implementation-green);
}
.prototype-user-implementation-metric-tone-warning {
  border-left-color: var(--implementation-amber);
}
.prototype-user-implementation-metric-tone-danger {
  border-left-color: var(--implementation-red);
}

.prototype-user-implementation-metric-value,
.prototype-user-implementation-metric-label {
  display: block;
}

.prototype-user-implementation-metric-value {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.15;
}

.prototype-user-implementation-metric-label {
  margin-top: 4px;
  color: var(--implementation-text-muted);
  font-size: 0.85rem;
}

.prototype-user-implementation-section {
  display: grid;
  gap: 14px;
}

.prototype-user-implementation-section-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.prototype-user-implementation-section-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 650;
}

.prototype-user-implementation-section-note {
  margin: 0;
  color: var(--implementation-text-muted);
  font-size: 0.85rem;
}

.prototype-user-implementation-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--implementation-text-muted);
  font-size: 0.8rem;
}

.prototype-user-implementation-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.prototype-user-implementation-legend i,
.prototype-user-implementation-task-status-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.prototype-user-implementation-gantt {
  position: relative;
  overflow-x: auto;
  border: 1px solid var(--implementation-border);
  border-radius: 8px;
  background: #fff;
}

.prototype-user-implementation-gantt-header,
.prototype-user-implementation-gantt-row {
  display: grid;
  grid-template-columns: 280px minmax(720px, 1fr);
}

.prototype-user-implementation-gantt-header {
  position: sticky;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid var(--implementation-border);
  background: var(--implementation-soft);
  font-size: 0.78rem;
  font-weight: 700;
}

.prototype-user-implementation-gantt-task-heading {
  padding: 12px 14px;
  border-right: 1px solid var(--implementation-border);
}

.prototype-user-implementation-gantt-scale {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(74px, 1fr);
  min-height: 42px;
}

.prototype-user-implementation-gantt-scale span {
  padding: 12px 10px;
  border-right: 1px solid rgba(214, 221, 230, 0.75);
  color: var(--implementation-text-muted);
  white-space: nowrap;
}

.prototype-user-implementation-gantt-row {
  min-height: 58px;
  border-bottom: 1px solid #edf1f5;
}

.prototype-user-implementation-gantt-row:last-child {
  border-bottom: 0;
}

.prototype-user-implementation-gantt-task {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  align-content: center;
  padding: 10px 14px;
  border-right: 1px solid var(--implementation-border);
  background: #fff;
}

.prototype-user-implementation-task-id {
  grid-row: span 2;
  align-self: center;
  min-width: 2.25rem;
  color: var(--implementation-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.prototype-user-implementation-task-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
  font-weight: 650;
}

.prototype-user-implementation-task-meta {
  color: var(--implementation-text-muted);
  font-size: 0.76rem;
  white-space: nowrap;
}

.prototype-user-implementation-gantt-bar-cell {
  position: relative;
  min-height: 58px;
  background-image: repeating-linear-gradient(
    to right,
    transparent 0,
    transparent 73px,
    rgba(214, 221, 230, 0.6) 74px
  );
}

.prototype-user-implementation-gantt-bar {
  position: absolute;
  top: 19px;
  height: 20px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--implementation-slate);
}

.prototype-user-implementation-gantt-bar span {
  display: block;
  height: 100%;
  background: rgba(255, 255, 255, 0.32);
}

.prototype-user-implementation-status-complete {
  background-color: var(--implementation-green) !important;
}
.prototype-user-implementation-status-active {
  background-color: var(--implementation-blue) !important;
}
.prototype-user-implementation-status-risk {
  background-color: var(--implementation-amber) !important;
}
.prototype-user-implementation-status-blocked {
  background-color: var(--implementation-red) !important;
}
.prototype-user-implementation-status-planned {
  background-color: var(--implementation-slate) !important;
}

.prototype-user-implementation-today-marker {
  position: absolute;
  top: 42px;
  bottom: 0;
  z-index: 1;
  width: 2px;
  background: #111827;
  pointer-events: none;
}

.prototype-user-implementation-today-marker span {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  padding: 2px 6px;
  border-radius: 4px;
  background: #111827;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}

.prototype-user-implementation-hierarchy {
  display: grid;
  gap: 12px;
}

.prototype-user-implementation-phase {
  border: 1px solid var(--implementation-border);
  border-radius: 8px;
  background: #fff;
}

.prototype-user-implementation-phase-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #edf1f5;
  background: var(--implementation-soft);
}

.prototype-user-implementation-phase-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  color: #fff;
}

.prototype-user-implementation-phase-title,
.prototype-user-implementation-phase-description {
  margin: 0;
}

.prototype-user-implementation-phase-title {
  font-size: 0.98rem;
  font-weight: 700;
}

.prototype-user-implementation-phase-description,
.prototype-user-implementation-phase-count {
  color: var(--implementation-text-muted);
  font-size: 0.82rem;
}

.prototype-user-implementation-phase-progress {
  text-align: right;
}

.prototype-user-implementation-phase-percent {
  display: block;
  font-weight: 750;
}

.prototype-user-implementation-task-tree {
  display: grid;
}

.prototype-user-implementation-task-tree-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 16px 11px 24px;
  border-bottom: 1px solid #edf1f5;
}

.prototype-user-implementation-task-tree-item:last-child {
  border-bottom: 0;
}

.prototype-user-implementation-task-tree-title,
.prototype-user-implementation-task-tree-meta {
  display: block;
}

.prototype-user-implementation-task-tree-title {
  font-size: 0.9rem;
  font-weight: 620;
}

.prototype-user-implementation-task-tree-meta {
  color: var(--implementation-text-muted);
  font-size: 0.78rem;
}

.prototype-user-implementation-task-tree-percent {
  color: var(--implementation-text-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.prototype-user-implementation-summary-item {
  padding: 16px;
  border: 1px solid var(--implementation-border);
  border-radius: 8px;
  background: #fff;
}

.prototype-user-implementation-summary-title {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 700;
}

.prototype-user-implementation-summary-text {
  margin: 0;
  color: var(--implementation-text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.prototype-user-implementation-data-status {
  margin: 0;
  font-size: 0.78rem;
}

@media (max-width: 991.98px) {
  .prototype-user-implementation-intro {
    grid-template-columns: 1fr;
  }

  .prototype-user-implementation-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .prototype-user-implementation-card-grid {
    grid-template-columns: 1fr;
  }

  .prototype-user-implementation-section-header {
    align-items: flex-start;
    flex-direction: column;
  }
}

body[data-page-name="pu-sign-in"] .prototype-user-page-navigation {
  display: none;
}

/* Migrated inline JavaScript styles */
.prototype-user-discussion-post.prototype-user-discussion-post-depth-0 {
  margin-left: 0;
}

.prototype-user-discussion-post.prototype-user-discussion-post-depth-1 {
  margin-left: 1.35rem;
}

.prototype-user-discussion-post.prototype-user-discussion-post-depth-2 {
  margin-left: 2.7rem;
}

.prototype-user-discussion-post.prototype-user-discussion-post-depth-3 {
  margin-left: 4.05rem;
}

.prototype-user-discussion-post.prototype-user-discussion-post-depth-4 {
  margin-left: 5.4rem;
}

.prototype-user-discussion-post.prototype-user-discussion-post-depth-5 {
  margin-left: 6.75rem;
}

.prototype-user-discussion-image-modal-dialog {
  width: 95vw;
  max-width: none;
}

.prototype-user-discussion-image-modal-content {
  height: 92vh;
}

.prototype-user-feedback-capture-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
}

.prototype-user-feedback-capture-overlay.prototype-user-feedback-capture-overlay-visible {
  display: flex;
}

.prototype-user-feedback-capture-canvas.prototype-user-feedback-capture-pen-mode {
  cursor: crosshair;
}

.prototype-user-feedback-capture-canvas.prototype-user-feedback-capture-stamp-mode {
  cursor: copy;
}

/* Implementation timeline placement classes */
.prototype-user-implementation-timeline-offset-0 {
  left: calc(100% * 0 / 82);
}
.prototype-user-implementation-timeline-offset-1 {
  left: calc(100% * 1 / 82);
}
.prototype-user-implementation-timeline-offset-2 {
  left: calc(100% * 2 / 82);
}
.prototype-user-implementation-timeline-offset-3 {
  left: calc(100% * 3 / 82);
}
.prototype-user-implementation-timeline-offset-4 {
  left: calc(100% * 4 / 82);
}
.prototype-user-implementation-timeline-offset-5 {
  left: calc(100% * 5 / 82);
}
.prototype-user-implementation-timeline-offset-6 {
  left: calc(100% * 6 / 82);
}
.prototype-user-implementation-timeline-offset-7 {
  left: calc(100% * 7 / 82);
}
.prototype-user-implementation-timeline-offset-8 {
  left: calc(100% * 8 / 82);
}
.prototype-user-implementation-timeline-offset-9 {
  left: calc(100% * 9 / 82);
}
.prototype-user-implementation-timeline-offset-10 {
  left: calc(100% * 10 / 82);
}
.prototype-user-implementation-timeline-offset-11 {
  left: calc(100% * 11 / 82);
}
.prototype-user-implementation-timeline-offset-12 {
  left: calc(100% * 12 / 82);
}
.prototype-user-implementation-timeline-offset-13 {
  left: calc(100% * 13 / 82);
}
.prototype-user-implementation-timeline-offset-14 {
  left: calc(100% * 14 / 82);
}
.prototype-user-implementation-timeline-offset-15 {
  left: calc(100% * 15 / 82);
}
.prototype-user-implementation-timeline-offset-16 {
  left: calc(100% * 16 / 82);
}
.prototype-user-implementation-timeline-offset-17 {
  left: calc(100% * 17 / 82);
}
.prototype-user-implementation-timeline-offset-18 {
  left: calc(100% * 18 / 82);
}
.prototype-user-implementation-timeline-offset-19 {
  left: calc(100% * 19 / 82);
}
.prototype-user-implementation-timeline-offset-20 {
  left: calc(100% * 20 / 82);
}
.prototype-user-implementation-timeline-offset-21 {
  left: calc(100% * 21 / 82);
}
.prototype-user-implementation-timeline-offset-22 {
  left: calc(100% * 22 / 82);
}
.prototype-user-implementation-timeline-offset-23 {
  left: calc(100% * 23 / 82);
}
.prototype-user-implementation-timeline-offset-24 {
  left: calc(100% * 24 / 82);
}
.prototype-user-implementation-timeline-offset-25 {
  left: calc(100% * 25 / 82);
}
.prototype-user-implementation-timeline-offset-26 {
  left: calc(100% * 26 / 82);
}
.prototype-user-implementation-timeline-offset-27 {
  left: calc(100% * 27 / 82);
}
.prototype-user-implementation-timeline-offset-28 {
  left: calc(100% * 28 / 82);
}
.prototype-user-implementation-timeline-offset-29 {
  left: calc(100% * 29 / 82);
}
.prototype-user-implementation-timeline-offset-30 {
  left: calc(100% * 30 / 82);
}
.prototype-user-implementation-timeline-offset-31 {
  left: calc(100% * 31 / 82);
}
.prototype-user-implementation-timeline-offset-32 {
  left: calc(100% * 32 / 82);
}
.prototype-user-implementation-timeline-offset-33 {
  left: calc(100% * 33 / 82);
}
.prototype-user-implementation-timeline-offset-34 {
  left: calc(100% * 34 / 82);
}
.prototype-user-implementation-timeline-offset-35 {
  left: calc(100% * 35 / 82);
}
.prototype-user-implementation-timeline-offset-36 {
  left: calc(100% * 36 / 82);
}
.prototype-user-implementation-timeline-offset-37 {
  left: calc(100% * 37 / 82);
}
.prototype-user-implementation-timeline-offset-38 {
  left: calc(100% * 38 / 82);
}
.prototype-user-implementation-timeline-offset-39 {
  left: calc(100% * 39 / 82);
}
.prototype-user-implementation-timeline-offset-40 {
  left: calc(100% * 40 / 82);
}
.prototype-user-implementation-timeline-offset-41 {
  left: calc(100% * 41 / 82);
}
.prototype-user-implementation-timeline-offset-42 {
  left: calc(100% * 42 / 82);
}
.prototype-user-implementation-timeline-offset-43 {
  left: calc(100% * 43 / 82);
}
.prototype-user-implementation-timeline-offset-44 {
  left: calc(100% * 44 / 82);
}
.prototype-user-implementation-timeline-offset-45 {
  left: calc(100% * 45 / 82);
}
.prototype-user-implementation-timeline-offset-46 {
  left: calc(100% * 46 / 82);
}
.prototype-user-implementation-timeline-offset-47 {
  left: calc(100% * 47 / 82);
}
.prototype-user-implementation-timeline-offset-48 {
  left: calc(100% * 48 / 82);
}
.prototype-user-implementation-timeline-offset-49 {
  left: calc(100% * 49 / 82);
}
.prototype-user-implementation-timeline-offset-50 {
  left: calc(100% * 50 / 82);
}
.prototype-user-implementation-timeline-offset-51 {
  left: calc(100% * 51 / 82);
}
.prototype-user-implementation-timeline-offset-52 {
  left: calc(100% * 52 / 82);
}
.prototype-user-implementation-timeline-offset-53 {
  left: calc(100% * 53 / 82);
}
.prototype-user-implementation-timeline-offset-54 {
  left: calc(100% * 54 / 82);
}
.prototype-user-implementation-timeline-offset-55 {
  left: calc(100% * 55 / 82);
}
.prototype-user-implementation-timeline-offset-56 {
  left: calc(100% * 56 / 82);
}
.prototype-user-implementation-timeline-offset-57 {
  left: calc(100% * 57 / 82);
}
.prototype-user-implementation-timeline-offset-58 {
  left: calc(100% * 58 / 82);
}
.prototype-user-implementation-timeline-offset-59 {
  left: calc(100% * 59 / 82);
}
.prototype-user-implementation-timeline-offset-60 {
  left: calc(100% * 60 / 82);
}
.prototype-user-implementation-timeline-offset-61 {
  left: calc(100% * 61 / 82);
}
.prototype-user-implementation-timeline-offset-62 {
  left: calc(100% * 62 / 82);
}
.prototype-user-implementation-timeline-offset-63 {
  left: calc(100% * 63 / 82);
}
.prototype-user-implementation-timeline-offset-64 {
  left: calc(100% * 64 / 82);
}
.prototype-user-implementation-timeline-offset-65 {
  left: calc(100% * 65 / 82);
}
.prototype-user-implementation-timeline-offset-66 {
  left: calc(100% * 66 / 82);
}
.prototype-user-implementation-timeline-offset-67 {
  left: calc(100% * 67 / 82);
}
.prototype-user-implementation-timeline-offset-68 {
  left: calc(100% * 68 / 82);
}
.prototype-user-implementation-timeline-offset-69 {
  left: calc(100% * 69 / 82);
}
.prototype-user-implementation-timeline-offset-70 {
  left: calc(100% * 70 / 82);
}
.prototype-user-implementation-timeline-offset-71 {
  left: calc(100% * 71 / 82);
}
.prototype-user-implementation-timeline-offset-72 {
  left: calc(100% * 72 / 82);
}
.prototype-user-implementation-timeline-offset-73 {
  left: calc(100% * 73 / 82);
}
.prototype-user-implementation-timeline-offset-74 {
  left: calc(100% * 74 / 82);
}
.prototype-user-implementation-timeline-offset-75 {
  left: calc(100% * 75 / 82);
}
.prototype-user-implementation-timeline-offset-76 {
  left: calc(100% * 76 / 82);
}
.prototype-user-implementation-timeline-offset-77 {
  left: calc(100% * 77 / 82);
}
.prototype-user-implementation-timeline-offset-78 {
  left: calc(100% * 78 / 82);
}
.prototype-user-implementation-timeline-offset-79 {
  left: calc(100% * 79 / 82);
}
.prototype-user-implementation-timeline-offset-80 {
  left: calc(100% * 80 / 82);
}
.prototype-user-implementation-timeline-offset-81 {
  left: calc(100% * 81 / 82);
}
.prototype-user-implementation-timeline-offset-82 {
  left: calc(100% * 82 / 82);
}
.prototype-user-implementation-timeline-span-1 {
  width: max(1.5%, calc(100% * 1 / 82));
}
.prototype-user-implementation-timeline-span-2 {
  width: max(1.5%, calc(100% * 2 / 82));
}
.prototype-user-implementation-timeline-span-3 {
  width: max(1.5%, calc(100% * 3 / 82));
}
.prototype-user-implementation-timeline-span-4 {
  width: max(1.5%, calc(100% * 4 / 82));
}
.prototype-user-implementation-timeline-span-5 {
  width: max(1.5%, calc(100% * 5 / 82));
}
.prototype-user-implementation-timeline-span-6 {
  width: max(1.5%, calc(100% * 6 / 82));
}
.prototype-user-implementation-timeline-span-7 {
  width: max(1.5%, calc(100% * 7 / 82));
}
.prototype-user-implementation-timeline-span-8 {
  width: max(1.5%, calc(100% * 8 / 82));
}
.prototype-user-implementation-timeline-span-9 {
  width: max(1.5%, calc(100% * 9 / 82));
}
.prototype-user-implementation-timeline-span-10 {
  width: max(1.5%, calc(100% * 10 / 82));
}
.prototype-user-implementation-timeline-span-11 {
  width: max(1.5%, calc(100% * 11 / 82));
}
.prototype-user-implementation-timeline-span-12 {
  width: max(1.5%, calc(100% * 12 / 82));
}
.prototype-user-implementation-timeline-span-13 {
  width: max(1.5%, calc(100% * 13 / 82));
}
.prototype-user-implementation-timeline-span-14 {
  width: max(1.5%, calc(100% * 14 / 82));
}
.prototype-user-implementation-timeline-span-15 {
  width: max(1.5%, calc(100% * 15 / 82));
}
.prototype-user-implementation-timeline-span-16 {
  width: max(1.5%, calc(100% * 16 / 82));
}
.prototype-user-implementation-timeline-span-17 {
  width: max(1.5%, calc(100% * 17 / 82));
}
.prototype-user-implementation-timeline-span-18 {
  width: max(1.5%, calc(100% * 18 / 82));
}
.prototype-user-implementation-timeline-span-19 {
  width: max(1.5%, calc(100% * 19 / 82));
}
.prototype-user-implementation-timeline-span-20 {
  width: max(1.5%, calc(100% * 20 / 82));
}
.prototype-user-implementation-timeline-span-21 {
  width: max(1.5%, calc(100% * 21 / 82));
}
.prototype-user-implementation-timeline-span-22 {
  width: max(1.5%, calc(100% * 22 / 82));
}
.prototype-user-implementation-timeline-span-23 {
  width: max(1.5%, calc(100% * 23 / 82));
}
.prototype-user-implementation-timeline-span-24 {
  width: max(1.5%, calc(100% * 24 / 82));
}
.prototype-user-implementation-timeline-span-25 {
  width: max(1.5%, calc(100% * 25 / 82));
}
.prototype-user-implementation-timeline-span-26 {
  width: max(1.5%, calc(100% * 26 / 82));
}
.prototype-user-implementation-timeline-span-27 {
  width: max(1.5%, calc(100% * 27 / 82));
}
.prototype-user-implementation-timeline-span-28 {
  width: max(1.5%, calc(100% * 28 / 82));
}
.prototype-user-implementation-timeline-span-29 {
  width: max(1.5%, calc(100% * 29 / 82));
}
.prototype-user-implementation-timeline-span-30 {
  width: max(1.5%, calc(100% * 30 / 82));
}
.prototype-user-implementation-timeline-span-31 {
  width: max(1.5%, calc(100% * 31 / 82));
}
.prototype-user-implementation-timeline-span-32 {
  width: max(1.5%, calc(100% * 32 / 82));
}
.prototype-user-implementation-timeline-span-33 {
  width: max(1.5%, calc(100% * 33 / 82));
}
.prototype-user-implementation-timeline-span-34 {
  width: max(1.5%, calc(100% * 34 / 82));
}
.prototype-user-implementation-timeline-span-35 {
  width: max(1.5%, calc(100% * 35 / 82));
}
.prototype-user-implementation-timeline-span-36 {
  width: max(1.5%, calc(100% * 36 / 82));
}
.prototype-user-implementation-timeline-span-37 {
  width: max(1.5%, calc(100% * 37 / 82));
}
.prototype-user-implementation-timeline-span-38 {
  width: max(1.5%, calc(100% * 38 / 82));
}
.prototype-user-implementation-timeline-span-39 {
  width: max(1.5%, calc(100% * 39 / 82));
}
.prototype-user-implementation-timeline-span-40 {
  width: max(1.5%, calc(100% * 40 / 82));
}
.prototype-user-implementation-timeline-span-41 {
  width: max(1.5%, calc(100% * 41 / 82));
}
.prototype-user-implementation-timeline-span-42 {
  width: max(1.5%, calc(100% * 42 / 82));
}
.prototype-user-implementation-timeline-span-43 {
  width: max(1.5%, calc(100% * 43 / 82));
}
.prototype-user-implementation-timeline-span-44 {
  width: max(1.5%, calc(100% * 44 / 82));
}
.prototype-user-implementation-timeline-span-45 {
  width: max(1.5%, calc(100% * 45 / 82));
}
.prototype-user-implementation-timeline-span-46 {
  width: max(1.5%, calc(100% * 46 / 82));
}
.prototype-user-implementation-timeline-span-47 {
  width: max(1.5%, calc(100% * 47 / 82));
}
.prototype-user-implementation-timeline-span-48 {
  width: max(1.5%, calc(100% * 48 / 82));
}
.prototype-user-implementation-timeline-span-49 {
  width: max(1.5%, calc(100% * 49 / 82));
}
.prototype-user-implementation-timeline-span-50 {
  width: max(1.5%, calc(100% * 50 / 82));
}
.prototype-user-implementation-timeline-span-51 {
  width: max(1.5%, calc(100% * 51 / 82));
}
.prototype-user-implementation-timeline-span-52 {
  width: max(1.5%, calc(100% * 52 / 82));
}
.prototype-user-implementation-timeline-span-53 {
  width: max(1.5%, calc(100% * 53 / 82));
}
.prototype-user-implementation-timeline-span-54 {
  width: max(1.5%, calc(100% * 54 / 82));
}
.prototype-user-implementation-timeline-span-55 {
  width: max(1.5%, calc(100% * 55 / 82));
}
.prototype-user-implementation-timeline-span-56 {
  width: max(1.5%, calc(100% * 56 / 82));
}
.prototype-user-implementation-timeline-span-57 {
  width: max(1.5%, calc(100% * 57 / 82));
}
.prototype-user-implementation-timeline-span-58 {
  width: max(1.5%, calc(100% * 58 / 82));
}
.prototype-user-implementation-timeline-span-59 {
  width: max(1.5%, calc(100% * 59 / 82));
}
.prototype-user-implementation-timeline-span-60 {
  width: max(1.5%, calc(100% * 60 / 82));
}
.prototype-user-implementation-timeline-span-61 {
  width: max(1.5%, calc(100% * 61 / 82));
}
.prototype-user-implementation-timeline-span-62 {
  width: max(1.5%, calc(100% * 62 / 82));
}
.prototype-user-implementation-timeline-span-63 {
  width: max(1.5%, calc(100% * 63 / 82));
}
.prototype-user-implementation-timeline-span-64 {
  width: max(1.5%, calc(100% * 64 / 82));
}
.prototype-user-implementation-timeline-span-65 {
  width: max(1.5%, calc(100% * 65 / 82));
}
.prototype-user-implementation-timeline-span-66 {
  width: max(1.5%, calc(100% * 66 / 82));
}
.prototype-user-implementation-timeline-span-67 {
  width: max(1.5%, calc(100% * 67 / 82));
}
.prototype-user-implementation-timeline-span-68 {
  width: max(1.5%, calc(100% * 68 / 82));
}
.prototype-user-implementation-timeline-span-69 {
  width: max(1.5%, calc(100% * 69 / 82));
}
.prototype-user-implementation-timeline-span-70 {
  width: max(1.5%, calc(100% * 70 / 82));
}
.prototype-user-implementation-timeline-span-71 {
  width: max(1.5%, calc(100% * 71 / 82));
}
.prototype-user-implementation-timeline-span-72 {
  width: max(1.5%, calc(100% * 72 / 82));
}
.prototype-user-implementation-timeline-span-73 {
  width: max(1.5%, calc(100% * 73 / 82));
}
.prototype-user-implementation-timeline-span-74 {
  width: max(1.5%, calc(100% * 74 / 82));
}
.prototype-user-implementation-timeline-span-75 {
  width: max(1.5%, calc(100% * 75 / 82));
}
.prototype-user-implementation-timeline-span-76 {
  width: max(1.5%, calc(100% * 76 / 82));
}
.prototype-user-implementation-timeline-span-77 {
  width: max(1.5%, calc(100% * 77 / 82));
}
.prototype-user-implementation-timeline-span-78 {
  width: max(1.5%, calc(100% * 78 / 82));
}
.prototype-user-implementation-timeline-span-79 {
  width: max(1.5%, calc(100% * 79 / 82));
}
.prototype-user-implementation-timeline-span-80 {
  width: max(1.5%, calc(100% * 80 / 82));
}
.prototype-user-implementation-timeline-span-81 {
  width: max(1.5%, calc(100% * 81 / 82));
}
.prototype-user-implementation-timeline-span-82 {
  width: max(1.5%, calc(100% * 82 / 82));
}
.prototype-user-implementation-progress-width-0 {
  width: 0%;
}
.prototype-user-implementation-progress-width-1 {
  width: 1%;
}
.prototype-user-implementation-progress-width-2 {
  width: 2%;
}
.prototype-user-implementation-progress-width-3 {
  width: 3%;
}
.prototype-user-implementation-progress-width-4 {
  width: 4%;
}
.prototype-user-implementation-progress-width-5 {
  width: 5%;
}
.prototype-user-implementation-progress-width-6 {
  width: 6%;
}
.prototype-user-implementation-progress-width-7 {
  width: 7%;
}
.prototype-user-implementation-progress-width-8 {
  width: 8%;
}
.prototype-user-implementation-progress-width-9 {
  width: 9%;
}
.prototype-user-implementation-progress-width-10 {
  width: 10%;
}
.prototype-user-implementation-progress-width-11 {
  width: 11%;
}
.prototype-user-implementation-progress-width-12 {
  width: 12%;
}
.prototype-user-implementation-progress-width-13 {
  width: 13%;
}
.prototype-user-implementation-progress-width-14 {
  width: 14%;
}
.prototype-user-implementation-progress-width-15 {
  width: 15%;
}
.prototype-user-implementation-progress-width-16 {
  width: 16%;
}
.prototype-user-implementation-progress-width-17 {
  width: 17%;
}
.prototype-user-implementation-progress-width-18 {
  width: 18%;
}
.prototype-user-implementation-progress-width-19 {
  width: 19%;
}
.prototype-user-implementation-progress-width-20 {
  width: 20%;
}
.prototype-user-implementation-progress-width-21 {
  width: 21%;
}
.prototype-user-implementation-progress-width-22 {
  width: 22%;
}
.prototype-user-implementation-progress-width-23 {
  width: 23%;
}
.prototype-user-implementation-progress-width-24 {
  width: 24%;
}
.prototype-user-implementation-progress-width-25 {
  width: 25%;
}
.prototype-user-implementation-progress-width-26 {
  width: 26%;
}
.prototype-user-implementation-progress-width-27 {
  width: 27%;
}
.prototype-user-implementation-progress-width-28 {
  width: 28%;
}
.prototype-user-implementation-progress-width-29 {
  width: 29%;
}
.prototype-user-implementation-progress-width-30 {
  width: 30%;
}
.prototype-user-implementation-progress-width-31 {
  width: 31%;
}
.prototype-user-implementation-progress-width-32 {
  width: 32%;
}
.prototype-user-implementation-progress-width-33 {
  width: 33%;
}
.prototype-user-implementation-progress-width-34 {
  width: 34%;
}
.prototype-user-implementation-progress-width-35 {
  width: 35%;
}
.prototype-user-implementation-progress-width-36 {
  width: 36%;
}
.prototype-user-implementation-progress-width-37 {
  width: 37%;
}
.prototype-user-implementation-progress-width-38 {
  width: 38%;
}
.prototype-user-implementation-progress-width-39 {
  width: 39%;
}
.prototype-user-implementation-progress-width-40 {
  width: 40%;
}
.prototype-user-implementation-progress-width-41 {
  width: 41%;
}
.prototype-user-implementation-progress-width-42 {
  width: 42%;
}
.prototype-user-implementation-progress-width-43 {
  width: 43%;
}
.prototype-user-implementation-progress-width-44 {
  width: 44%;
}
.prototype-user-implementation-progress-width-45 {
  width: 45%;
}
.prototype-user-implementation-progress-width-46 {
  width: 46%;
}
.prototype-user-implementation-progress-width-47 {
  width: 47%;
}
.prototype-user-implementation-progress-width-48 {
  width: 48%;
}
.prototype-user-implementation-progress-width-49 {
  width: 49%;
}
.prototype-user-implementation-progress-width-50 {
  width: 50%;
}
.prototype-user-implementation-progress-width-51 {
  width: 51%;
}
.prototype-user-implementation-progress-width-52 {
  width: 52%;
}
.prototype-user-implementation-progress-width-53 {
  width: 53%;
}
.prototype-user-implementation-progress-width-54 {
  width: 54%;
}
.prototype-user-implementation-progress-width-55 {
  width: 55%;
}
.prototype-user-implementation-progress-width-56 {
  width: 56%;
}
.prototype-user-implementation-progress-width-57 {
  width: 57%;
}
.prototype-user-implementation-progress-width-58 {
  width: 58%;
}
.prototype-user-implementation-progress-width-59 {
  width: 59%;
}
.prototype-user-implementation-progress-width-60 {
  width: 60%;
}
.prototype-user-implementation-progress-width-61 {
  width: 61%;
}
.prototype-user-implementation-progress-width-62 {
  width: 62%;
}
.prototype-user-implementation-progress-width-63 {
  width: 63%;
}
.prototype-user-implementation-progress-width-64 {
  width: 64%;
}
.prototype-user-implementation-progress-width-65 {
  width: 65%;
}
.prototype-user-implementation-progress-width-66 {
  width: 66%;
}
.prototype-user-implementation-progress-width-67 {
  width: 67%;
}
.prototype-user-implementation-progress-width-68 {
  width: 68%;
}
.prototype-user-implementation-progress-width-69 {
  width: 69%;
}
.prototype-user-implementation-progress-width-70 {
  width: 70%;
}
.prototype-user-implementation-progress-width-71 {
  width: 71%;
}
.prototype-user-implementation-progress-width-72 {
  width: 72%;
}
.prototype-user-implementation-progress-width-73 {
  width: 73%;
}
.prototype-user-implementation-progress-width-74 {
  width: 74%;
}
.prototype-user-implementation-progress-width-75 {
  width: 75%;
}
.prototype-user-implementation-progress-width-76 {
  width: 76%;
}
.prototype-user-implementation-progress-width-77 {
  width: 77%;
}
.prototype-user-implementation-progress-width-78 {
  width: 78%;
}
.prototype-user-implementation-progress-width-79 {
  width: 79%;
}
.prototype-user-implementation-progress-width-80 {
  width: 80%;
}
.prototype-user-implementation-progress-width-81 {
  width: 81%;
}
.prototype-user-implementation-progress-width-82 {
  width: 82%;
}
.prototype-user-implementation-progress-width-83 {
  width: 83%;
}
.prototype-user-implementation-progress-width-84 {
  width: 84%;
}
.prototype-user-implementation-progress-width-85 {
  width: 85%;
}
.prototype-user-implementation-progress-width-86 {
  width: 86%;
}
.prototype-user-implementation-progress-width-87 {
  width: 87%;
}
.prototype-user-implementation-progress-width-88 {
  width: 88%;
}
.prototype-user-implementation-progress-width-89 {
  width: 89%;
}
.prototype-user-implementation-progress-width-90 {
  width: 90%;
}
.prototype-user-implementation-progress-width-91 {
  width: 91%;
}
.prototype-user-implementation-progress-width-92 {
  width: 92%;
}
.prototype-user-implementation-progress-width-93 {
  width: 93%;
}
.prototype-user-implementation-progress-width-94 {
  width: 94%;
}
.prototype-user-implementation-progress-width-95 {
  width: 95%;
}
.prototype-user-implementation-progress-width-96 {
  width: 96%;
}
.prototype-user-implementation-progress-width-97 {
  width: 97%;
}
.prototype-user-implementation-progress-width-98 {
  width: 98%;
}
.prototype-user-implementation-progress-width-99 {
  width: 99%;
}
.prototype-user-implementation-progress-width-100 {
  width: 100%;
}