.evaluator-training-plans-panel.has-detailed-program .evaluator-workspace-summary,
.evaluator-training-plans-panel.has-detailed-program .evaluator-training-plans-toolbar,
.evaluator-training-plans-panel.has-detailed-program .evaluator-training-plans-layout,
.evaluator-training-plans-panel.has-detailed-program > .panel-heading {
  display: none !important;
}

.tpv2b1-builder-host {
  min-width: 0;
  width: 100%;
}

.evaluator-detailed-program-entry {
  align-items: center;
  background: linear-gradient(135deg, #edf6fb, #f8fbfd);
  border: 1px solid #a9c4d5;
  border-radius: 14px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 16px 0;
  padding: 16px 18px;
}

.evaluator-detailed-program-entry h3,
.evaluator-detailed-program-entry p {
  margin: 0;
}

.evaluator-detailed-program-entry h3 {
  color: #102a43;
  margin: 3px 0 6px;
}

.evaluator-detailed-program-entry > button {
  flex: 0 0 auto;
}

.tpv2b1-builder-shell {
  --tpv2b1-navy: #102a43;
  --tpv2b1-blue: #1f5d87;
  --tpv2b1-line: #cbd7e2;
  --tpv2b1-soft: #f4f8fb;
  --tpv2b1-warning: #9a5b08;
  --tpv2b1-danger: #a12d2d;
  color: #172b3a;
  display: grid;
  gap: 18px;
  min-width: 0;
  width: 100%;
}

.tpv2b1-builder-shell *,
.tpv2b1-builder-shell *::before,
.tpv2b1-builder-shell *::after {
  box-sizing: border-box;
}

.tpv2b1-builder-header {
  align-items: flex-start;
  background: linear-gradient(135deg, #102a43 0%, #164c70 100%);
  border-radius: 18px;
  color: #fff;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: clamp(18px, 3vw, 32px);
}

.tpv2b1-builder-header h2,
.tpv2b1-builder-header p {
  color: inherit;
  margin: 0;
}

.tpv2b1-builder-header h2 {
  font-size: clamp(1.45rem, 3vw, 2.25rem);
  line-height: 1.15;
  margin: 5px 0 8px;
}

body.app-body.evaluator-mode .tpv2b1-builder-header h2 {
  color: inherit;
}

.tpv2b1-eyebrow,
.tpv2b1-section-heading p,
.tpv2b1-card-heading p {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  margin: 0;
  text-transform: uppercase;
}

.tpv2b1-save-cluster {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  max-width: 310px;
  text-align: right;
}

.tpv2b1-save-cluster button,
.tpv2b1-builder-shell button {
  min-height: 44px;
}

.tpv2b1-draft-chip {
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 5px 11px;
}

.tpv2b1-primary-action {
  background: #176b92;
  border: 1px solid #176b92;
  border-radius: 9px;
  color: #fff;
  cursor: pointer;
  font-weight: 750;
  padding: 9px 15px;
}

.tpv2b1-builder-header .tpv2b1-primary-action {
  background: #fff;
  border-color: #fff;
  color: #123b59;
}

.tpv2b1-builder-header button:not(.tpv2b1-primary-action) {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 9px;
  color: #fff;
  cursor: pointer;
  padding: 8px 13px;
}

.tpv2b1-commercial-context {
  background: #fff;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(260px, 2fr);
  padding: 16px;
}

.tpv2b1-commercial-context div {
  display: grid;
  gap: 4px;
}

.tpv2b1-commercial-context span {
  color: #50677a;
  font-size: 0.78rem;
  font-weight: 700;
}

.tpv2b1-commercial-context strong {
  color: var(--tpv2b1-navy);
  font-size: 1.25rem;
}

.tpv2b1-commercial-context p {
  align-self: center;
  color: #526677;
  margin: 0;
}

.tpv2b1-commercial-context p.is-warning {
  background: #fff8e8;
  border-left: 4px solid #d88a1f;
  color: #6f4408;
  padding: 9px 11px;
}

.tpv2b1-structure-summary {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tpv2b1-structure-summary div {
  background: #fff;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 12px;
  display: grid;
  gap: 2px;
  padding: 12px 15px;
}

.tpv2b1-structure-summary strong {
  color: var(--tpv2b1-navy);
  font-size: 1.3rem;
}

.tpv2b1-structure-summary span {
  color: #587082;
  font-size: 0.78rem;
}

.tpv2b1-program-card,
.tpv2b1-weeks-section {
  background: #fff;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 16px;
  min-width: 0;
  padding: clamp(15px, 2.5vw, 26px);
}

.tpv2b1-section-heading,
.tpv2b1-subcollection-heading,
.tpv2b1-card-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}

.tpv2b1-section-heading {
  border-bottom: 1px solid #e3ebf1;
  margin-bottom: 18px;
  padding-bottom: 14px;
}

.tpv2b1-section-heading h2,
.tpv2b1-section-heading h3,
.tpv2b1-subcollection-heading h3,
.tpv2b1-subcollection-heading h4,
.tpv2b1-subcollection-heading h5 {
  color: var(--tpv2b1-navy);
  margin: 3px 0 0;
}

.tpv2b1-section-heading > span {
  background: var(--tpv2b1-soft);
  border-radius: 999px;
  color: #50677a;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.75rem;
  padding: 6px 10px;
}

.tpv2b1-field-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.tpv2b1-field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tpv2b1-field-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tpv2b1-field {
  display: grid;
  gap: 6px;
  margin-bottom: 14px;
  min-width: 0;
}

.tpv2b1-field > span {
  color: #334f62;
  font-size: 0.82rem;
  font-weight: 750;
}

.tpv2b1-field em {
  color: #7d3f14;
  font-size: 0.68rem;
  font-style: normal;
  margin-left: 4px;
  text-transform: uppercase;
}

.tpv2b1-field input,
.tpv2b1-field select,
.tpv2b1-field textarea {
  background: #fff;
  border: 1px solid #9fb2c1;
  border-radius: 8px;
  color: #162f40;
  font: inherit;
  min-width: 0;
  padding: 10px 11px;
  width: 100%;
}

.tpv2b1-field textarea {
  line-height: 1.45;
  resize: vertical;
}

.tpv2b1-field input:focus-visible,
.tpv2b1-field select:focus-visible,
.tpv2b1-field textarea:focus-visible,
.tpv2b1-builder-shell button:focus-visible,
.tpv2b1-collapse-button:focus-visible {
  outline: 3px solid #64a8ce;
  outline-offset: 2px;
}

.tpv2b1-field [aria-invalid="true"] {
  border-color: var(--tpv2b1-danger);
  box-shadow: 0 0 0 2px rgba(161, 45, 45, 0.12);
}

.tpv2b1-field small,
.tpv2b1-inline-error {
  color: #627787;
  font-size: 0.74rem;
}

.tpv2b1-inline-error {
  color: var(--tpv2b1-danger);
  font-weight: 700;
}

.tpv2b1-advanced-fields {
  background: #f8fbfd;
  border: 1px solid #d8e3eb;
  border-radius: 10px;
  margin-top: 6px;
  padding: 12px;
}

.tpv2b1-advanced-fields > summary {
  color: #244b65;
  cursor: pointer;
  font-weight: 750;
  padding: 4px;
}

.tpv2b1-advanced-fields[open] > summary {
  margin-bottom: 14px;
}

.tpv2b1-subcollection-heading {
  border-top: 1px solid #dce6ed;
  margin-top: 14px;
  padding-top: 14px;
}

.tpv2b1-subcollection-heading button,
.tpv2b1-entity-controls button,
.tpv2b1-undo button,
.tpv2b1-conflict-message button {
  background: #fff;
  border: 1px solid #89a3b6;
  border-radius: 8px;
  color: #214b68;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 7px 10px;
}

.tpv2b1-subcollection,
.tpv2b1-week-list,
.tpv2b1-activity-list,
.tpv2b1-block-list,
.tpv2b1-item-list {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.tpv2b1-mini-card,
.tpv2b1-week-card,
.tpv2b1-activity-card,
.tpv2b1-block-card,
.tpv2b1-item-card {
  border: 1px solid var(--tpv2b1-line);
  border-radius: 12px;
  min-width: 0;
}

.tpv2b1-mini-card,
.tpv2b1-item-card {
  background: #fff;
  padding: 14px;
}

.tpv2b1-week-card {
  background: #edf4f8;
  border-color: #9db5c5;
  overflow: clip;
}

.tpv2b1-activity-card {
  background: #f8fbfd;
  border-color: #b4c7d4;
  overflow: clip;
}

.tpv2b1-block-card {
  background: #fff;
  overflow: clip;
}

.tpv2b1-week-heading,
.tpv2b1-activity-card > .tpv2b1-card-heading,
.tpv2b1-block-card > .tpv2b1-card-heading {
  background: rgba(255, 255, 255, 0.72);
  padding: 12px 14px;
}

.tpv2b1-week-body,
.tpv2b1-activity-body,
.tpv2b1-block-body {
  border-top: 1px solid var(--tpv2b1-line);
  min-width: 0;
  padding: 14px;
}

.tpv2b1-collapse-button {
  align-items: flex-start;
  background: transparent;
  border: 0;
  color: var(--tpv2b1-navy);
  cursor: pointer;
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  justify-items: start;
  min-width: 0;
  padding: 5px;
  text-align: left;
}

.tpv2b1-collapse-button span,
.tpv2b1-collapse-button small {
  color: #617888;
  font-size: 0.72rem;
  font-weight: 700;
}

.tpv2b1-collapse-button strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.tpv2b1-collapse-button::before {
  content: "▾";
  float: left;
  grid-column: 1;
  margin-right: 5px;
}

.tpv2b1-collapse-button[aria-expanded="false"]::before {
  content: "▸";
}

.tpv2b1-entity-controls {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.tpv2b1-entity-controls button:disabled,
.tpv2b1-builder-shell button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.tpv2b1-entity-controls button.is-danger {
  border-color: #d4a1a1;
  color: var(--tpv2b1-danger);
}

.tpv2b1-fixed-value,
.tpv2b1-empty-row {
  color: #607686;
  margin: 8px 0;
}

.tpv2b1-undo,
.tpv2b1-conflict-message,
.tpv2b1-error-summary {
  border-radius: 12px;
  padding: 14px 16px;
}

.tpv2b1-undo {
  align-items: center;
  background: #e9f4fb;
  border: 1px solid #9ec6dd;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.tpv2b1-conflict-message {
  background: #fff5df;
  border: 1px solid #d7a54f;
  color: #6f4300;
}

.tpv2b1-conflict-message p {
  margin: 5px 0 10px;
}

.tpv2b1-error-summary {
  background: #fff0f0;
  border: 1px solid #d79d9d;
  color: #742626;
}

.tpv2b1-error-summary ul {
  margin: 8px 0 0;
  padding-left: 22px;
}

.tpv2b1-error-summary code {
  overflow-wrap: anywhere;
}

.tpv2b1-sticky-save {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--tpv2b1-line);
  border-radius: 12px;
  bottom: 10px;
  box-shadow: 0 8px 24px rgba(22, 52, 72, 0.14);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 10px 14px;
  position: sticky;
  z-index: 8;
}

.tpv2b1-load-state {
  background: #f4f8fb;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 14px;
  padding: 30px;
  text-align: center;
}

.tpv2b1-load-state.is-error {
  background: #fff2f2;
  border-color: #d3a0a0;
  color: #7a2929;
}

.tpv2b1-load-state button {
  display: block;
  margin: 15px auto 0;
}

@media (max-width: 1180px) {
  .tpv2b1-commercial-context {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tpv2b1-commercial-context p {
    grid-column: 1 / -1;
  }

  .tpv2b1-field-grid.three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .evaluator-detailed-program-entry {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b1-builder-header {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b1-save-cluster {
    align-items: stretch;
    max-width: none;
    text-align: left;
  }

  .tpv2b1-field-grid.two,
  .tpv2b1-field-grid.three {
    grid-template-columns: 1fr;
  }

  .tpv2b1-card-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b1-entity-controls {
    justify-content: flex-start;
  }

  .tpv2b1-entity-controls button {
    flex: 1 1 96px;
  }
}

@media (max-width: 430px) {
  .evaluator-training-plans-panel.has-detailed-program,
  .tpv2b1-builder-host {
    margin: 0;
    padding: 0;
  }

  .tpv2b1-builder-shell {
    gap: 12px;
  }

  .tpv2b1-builder-header,
  .tpv2b1-program-card,
  .tpv2b1-weeks-section {
    border-radius: 10px;
    padding: 13px;
  }

  .tpv2b1-commercial-context {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .tpv2b1-commercial-context p {
    grid-column: auto;
  }

  .tpv2b1-structure-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tpv2b1-week-body,
  .tpv2b1-activity-body,
  .tpv2b1-block-body,
  .tpv2b1-mini-card,
  .tpv2b1-item-card {
    padding: 10px;
  }

  .tpv2b1-subcollection-heading,
  .tpv2b1-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b1-subcollection-heading button,
  .tpv2b1-section-heading button,
  .tpv2b1-save-cluster button,
  .tpv2b1-sticky-save button {
    width: 100%;
  }

  .tpv2b1-sticky-save {
    align-items: stretch;
    bottom: 4px;
    flex-direction: column;
    gap: 7px;
  }
}

@media (max-width: 320px) {
  .tpv2b1-builder-shell,
  .tpv2b1-builder-shell article,
  .tpv2b1-builder-shell section,
  .tpv2b1-builder-shell div,
  .tpv2b1-builder-shell label {
    min-width: 0;
    max-width: 100%;
  }

  .tpv2b1-builder-header,
  .tpv2b1-program-card,
  .tpv2b1-weeks-section,
  .tpv2b1-commercial-context {
    padding: 10px;
  }

  .tpv2b1-entity-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .tpv2b1-entity-controls button {
    overflow-wrap: anywhere;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.tpv2b2-preview-actions,
.tpv2b2-sticky-actions,
.tpv2b2-history-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.tpv2b2-preview-actions button,
.tpv2b2-sticky-actions button,
.tpv2b2-history-actions a {
  background: #fff;
  border: 1px solid #89a3b6;
  border-radius: 8px;
  color: #214b68;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 750;
  min-height: 44px;
  padding: 8px 11px;
}

.tpv2b2-preview-actions button {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.58);
  color: #fff;
}

.tpv2b2-preview-actions small {
  color: #d8edf7;
  flex-basis: 100%;
  overflow-wrap: anywhere;
}

.tpv2b2-history,
.tpv2b2-current-summary {
  background: #fff;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 16px;
  min-width: 0;
  padding: clamp(15px, 2.5vw, 26px);
}

.tpv2b2-history-list {
  display: grid;
  gap: 10px;
}

.tpv2b2-history-list article,
.tpv2b2-current-summary {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  min-width: 0;
}

.tpv2b2-history-list h3,
.tpv2b2-history-list p,
.tpv2b2-current-summary h3,
.tpv2b2-current-summary p {
  margin: 0;
}

.tpv2b2-history-list article {
  background: #f6f9fb;
  border: 1px solid #d6e1e8;
  border-radius: 11px;
  padding: 13px 15px;
}

.tpv2b2-history-list p,
.tpv2b2-current-summary span {
  color: #607686;
  font-size: 0.8rem;
}

.tpv2b2-version-chip {
  background: #e7eef3;
  border-radius: 999px;
  color: #41596a;
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
  padding: 4px 9px;
}

.tpv2b2-version-chip.is-current {
  background: #dff3ea;
  color: #176141;
}

.tpv2b2-history-actions a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
}

.tpv2b2-current-summary {
  background: linear-gradient(135deg, #edf6fb, #fbfdfe);
  border-color: #a9c4d5;
}

.tpv2b2-current-summary > div:first-child {
  display: grid;
  gap: 3px;
}

.tpv2b2-current-summary > div:first-child p {
  color: #527084;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .tpv2b2-history-list article,
  .tpv2b2-current-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b2-preview-actions,
  .tpv2b2-sticky-actions,
  .tpv2b2-history-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    width: 100%;
  }

  .tpv2b2-preview-actions small,
  .tpv2b2-sticky-actions .tpv2b1-primary-action,
  .tpv2b2-history-actions .tpv2b1-primary-action {
    grid-column: 1 / -1;
  }

  .tpv2b2-history-actions a,
  .tpv2b2-history-actions button,
  .tpv2b2-preview-actions button,
  .tpv2b2-sticky-actions button {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .tpv2b2-preview-actions,
  .tpv2b2-sticky-actions,
  .tpv2b2-history-actions {
    grid-template-columns: 1fr;
  }

  .tpv2b2-preview-actions small,
  .tpv2b2-sticky-actions .tpv2b1-primary-action,
  .tpv2b2-history-actions .tpv2b1-primary-action {
    grid-column: auto;
  }

  .tpv2b2-history,
  .tpv2b2-current-summary {
    border-radius: 10px;
    padding: 12px;
  }
}

.tpv2b4-proposal,
.tpv2b4-draft-actions,
.tpv2b4-publish-entry,
.tpv2b4-publish-review,
.tpv2b4-submitted-status {
  background: #fff;
  border: 1px solid var(--tpv2b1-line);
  border-radius: 16px;
  min-width: 0;
  padding: clamp(15px, 2.5vw, 26px);
}

.tpv2b4-proposal {
  border-top: 5px solid #2d718e;
}

.tpv2b4-safety-copy {
  background: #edf6f8;
  border-left: 4px solid #2d718e;
  color: #264e60;
  line-height: 1.55;
  margin: 0 0 18px;
  padding: 11px 13px;
}

.tpv2b4-time-list {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  min-width: 0;
}

.tpv2b4-time-row {
  background: #f7fafc;
  border: 1px solid #b8cad5;
  border-radius: 12px;
  min-width: 0;
  padding: 15px;
}

.tpv2b4-time-row-heading {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 14px;
  min-width: 0;
}

.tpv2b4-time-row-heading p,
.tpv2b4-time-row-heading strong {
  margin: 0;
}

.tpv2b4-time-row-heading p {
  color: #5b7281;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tpv2b4-time-row-heading strong {
  color: var(--tpv2b1-navy);
  overflow-wrap: anywhere;
}

.tpv2b4-time-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.tpv2b4-proposal input,
.tpv2b4-proposal textarea {
  min-height: 44px;
}

.tpv2b4-proposal input[readonly] {
  background: #edf2f5;
  color: #425b6b;
}

.tpv2b4-draft-actions,
.tpv2b4-publish-entry,
.tpv2b4-final-actions {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.tpv2b4-draft-actions > div,
.tpv2b4-publish-entry > div {
  min-width: 0;
}

.tpv2b4-draft-actions .tpv2b2-preview-actions {
  justify-content: flex-start;
}

.tpv2b4-draft-actions .tpv2b2-preview-actions button {
  background: #fff;
  border-color: #89a3b6;
  color: #214b68;
}

.tpv2b4-draft-actions .tpv2b2-preview-actions small {
  color: #5f7483;
}

.tpv2b4-publish-entry {
  background: #102a43;
  border-color: #102a43;
  color: #fff;
}

.tpv2b4-publish-entry p,
.tpv2b4-publish-entry strong,
.tpv2b4-publish-entry span,
.tpv2b4-publish-entry small {
  color: inherit;
  display: block;
  margin: 0;
}

.tpv2b4-publish-entry p,
.tpv2b4-publish-review > div:first-child p,
.tpv2b4-submitted-status > div:first-child p {
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.tpv2b4-publish-entry strong {
  font-size: 1.05rem;
  margin: 3px 0;
}

.tpv2b4-publish-entry span,
.tpv2b4-publish-entry small {
  color: #d9e9f1;
  font-size: 0.8rem;
}

.tpv2b4-final-button {
  background: #f4b942;
  border: 1px solid #f4b942;
  border-radius: 9px;
  color: #102a43;
  cursor: pointer;
  flex: 0 0 auto;
  font-weight: 850;
  min-height: 48px !important;
  padding: 10px 16px;
}

.tpv2b4-publish-review {
  background: #fff8e8;
  border-color: #d6a343;
}

.tpv2b4-publish-review h2,
.tpv2b4-publish-review p {
  color: #3f3217;
  margin: 4px 0 12px;
}

.tpv2b4-review-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.tpv2b4-review-grid span {
  background: #fff;
  border: 1px solid #dec68f;
  padding: 10px;
}

.tpv2b4-review-grid strong {
  color: var(--tpv2b1-navy);
  display: block;
  font-size: 1.2rem;
}

.tpv2b4-operation-status {
  background: #fff;
  border: 1px solid #d5be87;
  color: #594517;
  margin: 12px 0;
  padding: 11px 13px;
}

.tpv2b4-final-actions > button:not(.tpv2b4-final-button) {
  background: #fff;
  border: 1px solid #9a865b;
  border-radius: 9px;
  color: #594517;
  cursor: pointer;
  font-weight: 750;
  padding: 9px 14px;
}

.tpv2b4-submitted-status {
  align-items: center;
  background: #edf6fb;
  border-color: #9ebdce;
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.tpv2b4-submitted-status h2,
.tpv2b4-submitted-status p {
  margin: 3px 0;
}

.tpv2b4-submitted-status strong {
  color: #175a75;
  overflow-wrap: anywhere;
}

.tpv2b4-submitted-status span,
.tpv2b4-submitted-status small {
  color: #587080;
}

@media (max-width: 1180px) {
  .tpv2b4-time-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .tpv2b4-time-row-heading,
  .tpv2b4-draft-actions,
  .tpv2b4-publish-entry,
  .tpv2b4-final-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .tpv2b4-time-row-heading .tpv2b1-entity-controls,
  .tpv2b4-draft-actions > button,
  .tpv2b4-publish-entry > button,
  .tpv2b4-final-actions > button {
    width: 100%;
  }

  .tpv2b4-review-grid,
  .tpv2b4-submitted-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .tpv2b4-proposal,
  .tpv2b4-draft-actions,
  .tpv2b4-publish-entry,
  .tpv2b4-publish-review,
  .tpv2b4-submitted-status {
    border-radius: 10px;
    padding: 12px;
  }

  .tpv2b4-time-grid,
  .tpv2b4-review-grid,
  .tpv2b4-submitted-status {
    grid-template-columns: 1fr;
  }

  .tpv2b4-time-row {
    padding: 10px;
  }
}